Package Exports

@ppci/source-dialog

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@ppci/source-dialog) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Source Dialog

A simple full screen source dialog

Installation
Usage
Theme | Styling
Properties
Events
Changelog

Installation

CDN

  <script type='module' src="https://unpkg.com/@ppci/source-dialog@1.0.0/index.js" />

NPM

  npm i @ppci/source-dialog

Usage

Javascript

import '@ppci/source-dialog'

Browser

<script type="module" src="https://unpkg.com/@ppci/source-dialog@1.0.0/index.js" />

<source-dialog
  .source=${Object}
  @close=${Function}
  loading
  open
></source-dialog>

Theme | Styling.

source-dialog {
  --theme-dialog-backdrop: white;
}

Properties

Property	Type	Description	Possible Values
open	boolean	Show or hide dialog	```html ```
loading	boolean	Show or hide loading indicator	```html ```
source	Object	Contains source details for a specific source	```javascript { // Used by dialog "id":1," "name":"Mark Prince", "city":"Amsterdam", "image":"http://imageurl.com"/1.jpg, "description":"Powerpeers COO", // Other categoryId":1, "deviceId":"1015", "status":"ACTIVE", "latitude":52.368, "longitude":4.9036, "website":null, "type":"SUN", "supply":9500, "start":"2016-04-10T00:00:00", "end":null, "soldOut":false, "weight":1 } ``` </td>
error	String	Show error on dialog

Events

Name	Description	Payload
@close	Dialog close icon has been clicked	```{ }```

Changelog

1.0.3 | 1.0.4

Bundle and minify related fixes

1.0.2

Fix styling issue

1.0.1

Fix loader

1.0.0

Initial version of the source dialog.

@ppci/source-dialog