@digital-realty/ix-dialog 1.0.4 → 1.0.6

package/dist/IxDialog.d.ts

@@ -1,7 +1,21 @@
 import { LitElement } from 'lit';
 import '@material/web/dialog/dialog.js';
+import { Dialog } from '@material/web/dialog/internal/dialog.js';
 export declare class IxDialog extends LitElement {
-    static styles: import("lit").CSSResult;
+    /** @nocollapse */
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+        customElements?: CustomElementRegistry | undefined;
+        registry?: CustomElementRegistry | undefined;
+    };
+    readonly component: Dialog;
     open: boolean;
+    onOpen(): void;
+    onOpened(): void;
+    onClose(): void;
+    onClosed(): void;
+    onCancel(): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/IxDialog.js

@@ -1,15 +1,39 @@
 import { __decorate } from "tslib";
-import { html, css, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
+import { html, LitElement } from 'lit';
+import { property, query } from 'lit/decorators.js';
 import '@material/web/dialog/dialog.js';
+import { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';
 export class IxDialog extends LitElement {
     constructor() {
         super(...arguments);
         this.open = false;
     }
+    onOpen() {
+        this.dispatchEvent(new Event('open'));
+    }
+    onOpened() {
+        this.dispatchEvent(new Event('opened'));
+    }
+    onClose() {
+        this.dispatchEvent(new Event('close'));
+    }
+    onClosed() {
+        this.dispatchEvent(new Event('closed'));
+    }
+    onCancel() {
+        this.dispatchEvent(new Event('cancel'));
+    }
     render() {
         return html `
-      <md-dialog .open=${this.open}>
+      <md-dialog
+        ?open=${this.open}
+        class="dialog"
+        @open=${this.onOpen}
+        @opened=${this.onOpened}
+        @close=${this.onClose}
+        @closed=${this.onClosed}
+        @cancel=${this.onCancel}
+      >
         <slot slot="headline" name="headline"></slot>
         <slot slot="content" name="content"></slot>
         <slot slot="actions" name="actions"></slot>
@@ -18,11 +42,17 @@ export class IxDialog extends LitElement {
     `;
     }
 }
-IxDialog.styles = css `
-    :host {
-      display: block;
-    }
-  `;
+(() => {
+    requestUpdateOnAriaChange(IxDialog);
+})();
+/** @nocollapse */
+IxDialog.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true,
+};
+__decorate([
+    query('.dialog')
+], IxDialog.prototype, "component", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], IxDialog.prototype, "open", void 0);

package/dist/IxDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"IxDialog.js","sourceRoot":"","sources":["../src/IxDialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,gCAAgC,CAAC;AAExC,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAO8C,SAAI,GAAG,KAAK,CAAC;IAY3D,CAAC;IAVC,MAAM;QACJ,OAAO,IAAI,CAAA;yBACU,IAAI,CAAC,IAAI;;;;;;KAM7B,CAAC;IACJ,CAAC;;AAjBM,eAAM,GAAG,GAAG,CAAA;;;;GAIlB,CAAC;AAE0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc","sourcesContent":["import { html, css, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport '@material/web/dialog/dialog.js';\n\nexport class IxDialog extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  render() {\n    return html`\n      <md-dialog .open=${this.open}>\n        <slot slot=\"headline\" name=\"headline\"></slot>\n        <slot slot=\"content\" name=\"content\"></slot>\n        <slot slot=\"actions\" name=\"actions\"></slot>\n        ></md-dialog\n      >\n    `;\n  }\n}\n"]}
+{"version":3,"file":"IxDialog.js","sourceRoot":"","sources":["../src/IxDialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,gCAAgC,CAAC;AAExC,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAEpF,MAAM,OAAO,QAAS,SAAQ,UAAU;IAAxC;;QAc8C,SAAI,GAAG,KAAK,CAAC;IAwC3D,CAAC;IAtCC,MAAM;QACJ,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IACxC,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,OAAO;QACL,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzC,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;gBAEC,IAAI,CAAC,IAAI;;gBAET,IAAI,CAAC,MAAM;kBACT,IAAI,CAAC,QAAQ;iBACd,IAAI,CAAC,OAAO;kBACX,IAAI,CAAC,QAAQ;kBACb,IAAI,CAAC,QAAQ;;;;;;;KAO1B,CAAC;IACJ,CAAC;;AApDD;IACE,yBAAyB,CAAC,QAAQ,CAAC,CAAC;AACtC,CAAC,GAAA,CAAA;AAED,kBAAkB;AACF,0BAAiB,GAAG;IAClC,GAAG,UAAU,CAAC,iBAAiB;IAC/B,cAAc,EAAE,IAAI;CACrB,CAAC;AAGF;IADC,KAAK,CAAC,SAAS,CAAC;2CACW;AAEgB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAc","sourcesContent":["import { html, LitElement } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport '@material/web/dialog/dialog.js';\nimport { Dialog } from '@material/web/dialog/internal/dialog.js';\nimport { requestUpdateOnAriaChange } from '@material/web/internal/aria/delegate.js';\n\nexport class IxDialog extends LitElement {\n  static {\n    requestUpdateOnAriaChange(IxDialog);\n  }\n\n  /** @nocollapse */\n  static override shadowRootOptions = {\n    ...LitElement.shadowRootOptions,\n    delegatesFocus: true,\n  };\n\n  @query('.dialog')\n  readonly component!: Dialog;\n\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  onOpen() {\n    this.dispatchEvent(new Event('open'));\n  }\n\n  onOpened() {\n    this.dispatchEvent(new Event('opened'));\n  }\n\n  onClose() {\n    this.dispatchEvent(new Event('close'));\n  }\n\n  onClosed() {\n    this.dispatchEvent(new Event('closed'));\n  }\n\n  onCancel() {\n    this.dispatchEvent(new Event('cancel'));\n  }\n\n  render() {\n    return html`\n      <md-dialog\n        ?open=${this.open}\n        class=\"dialog\"\n        @open=${this.onOpen}\n        @opened=${this.onOpened}\n        @close=${this.onClose}\n        @closed=${this.onClosed}\n        @cancel=${this.onCancel}\n      >\n        <slot slot=\"headline\" name=\"headline\"></slot>\n        <slot slot=\"content\" name=\"content\"></slot>\n        <slot slot=\"actions\" name=\"actions\"></slot>\n        ></md-dialog\n      >\n    `;\n  }\n}\n"]}

package/dist/ix-dialog.d.ts

@@ -1 +1,4 @@
-export {};
+import { IxDialog } from './IxDialog.js';
+export declare class IxDialogStyled extends IxDialog {
+    static styles: import("lit").CSSResult;
+}

package/dist/ix-dialog.js

@@ -1,3 +1,12 @@
+import { css } from 'lit';
 import { IxDialog } from './IxDialog.js';
-window.customElements.define('ix-dialog', IxDialog);
+export class IxDialogStyled extends IxDialog {
+}
+IxDialogStyled.styles = css `
+    .dialog {
+      max-height: 90vh;
+      max-width: 90vw;
+    }
+  `;
+window.customElements.define('ix-dialog', IxDialogStyled);
 //# sourceMappingURL=ix-dialog.js.map

package/dist/ix-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-dialog.js","sourceRoot":"","sources":["../src/ix-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC","sourcesContent":["import { IxDialog } from './IxDialog.js';\n\nwindow.customElements.define('ix-dialog', IxDialog);\n"]}
+{"version":3,"file":"ix-dialog.js","sourceRoot":"","sources":["../src/ix-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,OAAO,cAAe,SAAQ,QAAQ;;AAC1B,qBAAM,GAAG,GAAG,CAAA;;;;;GAK3B,CAAC;AAGJ,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { IxDialog } from './IxDialog.js';\n\nexport class IxDialogStyled extends IxDialog {\n  static override styles = css`\n    .dialog {\n      max-height: 90vh;\n      max-width: 90vw;\n    }\n  `;\n}\n\nwindow.customElements.define('ix-dialog', IxDialogStyled);\n"]}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent ix-dialog following open-wc recommendations",
   "license": "MIT",
   "author": "Digital Realty",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -95,5 +95,5 @@
     "README.md",
     "LICENSE"
   ],
-  "gitHead": "f487170ac27de967505c921dabf983d2a122e625"
+  "gitHead": "d57dedc86cbf4e58a5f01445702dc5f540317d00"
 }