JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 44
  • Score
    100M100P100Q45053F
  • License ISC

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

Table of contents

  1. Installation
  2. Usage
  3. Theme | Styling
  4. Properties
  5. Events
  6. 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.2

  • Fix styling issue

1.0.1

  • Fix loader

1.0.0

  • Initial version of the source dialog.