@openremote/or-mwc-components 1.8.0-snapshot.20250725120002 → 1.8.0-snapshot.20250728102340

package/README.md

@@ -1,32 +1,32 @@
-# @openremote/or-mwc-* \<or-mwc-*\>
-[![NPM Version][npm-image]][npm-url]
-[![Linux Build][travis-image]][travis-url]
-[![Test Coverage][coveralls-image]][coveralls-url]
-
-Web components wrapper for `MDC` web UI components, the standard `MWC` components are not complete, and they have a
-horrible icon font dependency (hopefully this will removed) whereas we use `SVG` based icon sets.
-
-## Install
-```bash
-npm i @openremote/or-mwc-components
-yarn add @openremote/or-mwc-components
-```
-
-## Usage
-For a full list of properties, methods and options refer to the TypeDoc generated [documentation]().
-
-
-## Supported Browsers
-The last 2 versions of all modern browsers are supported, including Chrome, Safari, Opera, Firefox, Edge. In addition,
-Internet Explorer 11 is also supported.
-
-
-## License
-[GNU AGPL](https://www.gnu.org/licenses/agpl-3.0.en.html)
-
-[npm-image]: https://img.shields.io/npm/v/live-xxx.svg
-[npm-url]: https://npmjs.org/package/@openremote/or-mwc-components
-[travis-image]: https://img.shields.io/travis/live-js/live-xxx/master.svg
-[travis-url]: https://travis-ci.org/live-js/live-xxx
-[coveralls-image]: https://img.shields.io/coveralls/live-js/live-xxx/master.svg
-[coveralls-url]: https://coveralls.io/r/live-js/live-xxx?branch=master
+# @openremote/or-mwc-* \<or-mwc-*\>
+[![NPM Version][npm-image]][npm-url]
+[![Linux Build][travis-image]][travis-url]
+[![Test Coverage][coveralls-image]][coveralls-url]
+
+Web components wrapper for `MDC` web UI components, the standard `MWC` components are not complete, and they have a
+horrible icon font dependency (hopefully this will removed) whereas we use `SVG` based icon sets.
+
+## Install
+```bash
+npm i @openremote/or-mwc-components
+yarn add @openremote/or-mwc-components
+```
+
+## Usage
+For a full list of properties, methods and options refer to the TypeDoc generated [documentation]().
+
+
+## Supported Browsers
+The last 2 versions of all modern browsers are supported, including Chrome, Safari, Opera, Firefox, Edge. In addition,
+Internet Explorer 11 is also supported.
+
+
+## License
+[GNU AGPL](https://www.gnu.org/licenses/agpl-3.0.en.html)
+
+[npm-image]: https://img.shields.io/npm/v/live-xxx.svg
+[npm-url]: https://npmjs.org/package/@openremote/or-mwc-components
+[travis-image]: https://img.shields.io/travis/live-js/live-xxx/master.svg
+[travis-url]: https://travis-ci.org/live-js/live-xxx
+[coveralls-image]: https://img.shields.io/coveralls/live-js/live-xxx/master.svg
+[coveralls-url]: https://coveralls.io/r/live-js/live-xxx?branch=master

package/build.gradle

@@ -1,19 +1,19 @@
-buildDir = "dist"
-
-task clean() {
-    doLast {
-        delete "dist"
-    }
-}
-
-task installDist() {
-    dependsOn npmAnalyze
-}
-
-task prepareUi() {
-    dependsOn clean, npmAnalyze, npmPrepare
-}
-
-task publishUi() {
-    dependsOn clean, npmPublish
-}
+buildDir = "dist"
+
+task clean() {
+    doLast {
+        delete "dist"
+    }
+}
+
+task installDist() {
+    dependsOn npmAnalyze
+}
+
+task prepareUi() {
+    dependsOn clean, npmAnalyze, npmPrepare
+}
+
+task publishUi() {
+    dependsOn clean, npmPublish
+}

package/custom-elements.json

@@ -426,7 +426,7 @@
                   }
                 }
               ],
-              "description": "Function callback for when the browser window navigates to another place.\r\nWe attempt to close the dialog when this occurs."
+              "description": "Function callback for when the browser window navigates to another place.\nWe attempt to close the dialog when this occurs."
             }
           ],
           "events": [
@@ -3028,7 +3028,7 @@
                   }
                 }
               ],
-              "description": "Function that is responsible for formatting the table content.\r\nFor example; dates should be formatted differently than strings, numbers and HTML templates."
+              "description": "Function that is responsible for formatting the table content.\nFor example; dates should be formatted differently than strings, numbers and HTML templates."
             },
             {
               "kind": "method",
@@ -3081,7 +3081,7 @@
                   }
                 }
               ],
-              "description": "\"When user clicks on a checkbox\" when multiselect is enabled,\r\nit dispatches an OrMwcTableRowSelectEvent to the parent component / listeners."
+              "description": "\"When user clicks on a checkbox\" when multiselect is enabled,\nit dispatches an OrMwcTableRowSelectEvent to the parent component / listeners."
             },
             {
               "kind": "method",
@@ -3253,7 +3253,7 @@
                   }
                 }
               ],
-              "description": "Uses the TemplateResult content to identify and analyze the content.\r\nSee the documentation here; https://lit.dev/docs/v2/api/templates/#TemplateResult\r\nSometimes it cannot analyze the HTML; if so, it will retain the same order."
+              "description": "Uses the TemplateResult content to identify and analyze the content.\nSee the documentation here; https://lit.dev/docs/v2/api/templates/#TemplateResult\nSometimes it cannot analyze the HTML; if so, it will retain the same order."
             },
             {
               "kind": "method",

package/lib/or-mwc-dialog.js

@@ -1,331 +1,78 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { css, html, LitElement, unsafeCSS } from "lit";
-import { customElement, property, query } from "lit/decorators.js";
-import { MDCDialog } from "@material/dialog";
-import "@openremote/or-translate";
-import "./or-mwc-input";
-import { InputType } from "./or-mwc-input";
-import { i18next } from "@openremote/or-translate";
-import { Util } from "@openremote/core";
-const dialogStyle = require("@material/dialog/dist/mdc.dialog.css");
-const listStyle = require("@material/list/dist/mdc.list.css");
-export class OrMwcDialogOpenedEvent extends CustomEvent {
-    constructor() {
-        super(OrMwcDialogOpenedEvent.NAME, {
-            bubbles: true,
-            composed: true
-        });
-    }
-}
-OrMwcDialogOpenedEvent.NAME = "or-mwc-dialog-opened";
-export class OrMwcDialogClosedEvent extends CustomEvent {
-    constructor(action) {
-        super(OrMwcDialogClosedEvent.NAME, {
-            detail: action,
-            bubbles: true,
-            composed: true
-        });
-    }
-}
-OrMwcDialogClosedEvent.NAME = "or-mwc-dialog-closed";
-export function showErrorDialog(errorMessage, hostElement) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const title = "error";
-        const content = html `
-                <div>
-                    <p><or-translate value="errorOccurred"></or-translate>
-                    ${errorMessage ? html `
-                        :</p>
-                        <p>
-                            <or-translate value="error"></or-translate>
-                            <span> = </span> 
-                            <or-translate .value="${errorMessage}"></or-translate>
-                    ` : ``}
-                    </p>
-                </div>`;
-        return showOkDialog(title, content, undefined, hostElement);
-    });
-}
-export function showOkCancelDialog(title, content, okText, hostElement) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const deferred = new Util.Deferred();
-        showDialog(new OrMwcDialog()
-            .setContent(typeof (content) === "string" ? html `<p>${content}</p>` : content)
-            .setActions([
-            {
-                actionName: "cancel",
-                content: "cancel",
-                default: true,
-                action: () => deferred.resolve(false)
-            },
-            {
-                actionName: "ok",
-                content: okText ? okText : i18next.t("ok"),
-                action: () => deferred.resolve(true)
-            }
-        ])
-            .setHeading(title)
-            .setStyles(html `
-                    <style>
-                        .mdc-dialog__content {
-                            white-space: pre-wrap
-                        }
-                    </style>
-                `), hostElement);
-        return yield deferred.promise;
-    });
-}
-export function showOkDialog(title, content, okText, hostElement) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const deferred = new Util.Deferred();
-        showDialog(new OrMwcDialog()
-            .setContent(typeof (content) === "string" ? html `<p>${content}</p>` : content)
-            .setActions([
-            {
-                actionName: "ok",
-                default: true,
-                content: okText ? okText : i18next.t("ok"),
-                action: () => deferred.resolve(true)
-            }
-        ])
-            .setHeading(title), hostElement);
-        return yield deferred.promise;
-    });
-}
-export function showDialog(dialog, hostElement) {
-    if (!hostElement) {
-        hostElement = OrMwcDialog.DialogHostElement || document.body;
-    }
-    dialog.setOpen(true);
-    dialog.addEventListener(OrMwcDialogOpenedEvent.NAME, (ev) => {
-        ev.stopPropagation();
-    });
-    dialog.addEventListener(OrMwcDialogClosedEvent.NAME, (ev) => {
-        ev.stopPropagation();
-        window.setTimeout(() => {
-            if (dialog.parentElement) {
-                dialog.parentElement.removeChild(dialog);
-            }
-        }, 0);
-    });
-    hostElement.append(dialog);
-    return dialog;
-}
-// language=CSS
-const style = css `
-    :host {
-        position: relative;
-    }
-
-    .dialog-container {
-        display: flex;
-        flex-direction: row;
-    }
-
-    .dialog-container > * {
-        flex: 1 1 0;
-    }
-    
-    .mdc-list {
-        padding: 0 24px
-    }
-
-    .mdc-dialog .mdc-dialog__surface {
-        outline: none;
-    }
-    
-    @media (min-width: 1280px) {
-        .mdc-dialog .mdc-dialog__surface {
-            max-width: 1024px;
-        }
-    }
-`;
-let OrMwcDialog = class OrMwcDialog extends LitElement {
-    constructor() {
-        super(...arguments);
-        this._open = false;
-        // Bind for the 'popstate' event that tracks changes in the browser history.
-        this._popstateEventBind = (ev) => this._onBrowserNavigate(ev);
-    }
-    static get styles() {
-        return [
-            css `${unsafeCSS(dialogStyle)}`,
-            css `${unsafeCSS(listStyle)}`,
-            style
-        ];
-    }
-    get isOpen() {
-        return this._mdcComponent ? this._mdcComponent.isOpen : false;
-    }
-    setOpen(isOpen) {
-        this._open = true;
-        return this;
-    }
-    setHeading(heading) {
-        this.heading = heading;
-        return this;
-    }
-    setContent(content) {
-        this.content = content;
-        return this;
-    }
-    setActions(actions) {
-        this.actions = actions;
-        return this;
-    }
-    setDismissAction(action) {
-        this.dismissAction = action;
-        return this;
-    }
-    setStyles(styles) {
-        this.styles = styles;
-        return this;
-    }
-    setAvatar(avatar) {
-        this.avatar = avatar;
-        return this;
-    }
-    open() {
-        if (this._mdcElem && !this._mdcComponent) {
-            this._mdcComponent = new MDCDialog(this._mdcElem);
-            this._mdcComponent.scrimClickAction = this.dismissAction || this.dismissAction === null ? "close" : "";
-        }
-        if (this._mdcComponent) {
-            this._mdcComponent.open();
+var __decorate=this&&this.__decorate||function(t,e,o,i){var n,s=arguments.length,a=s<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,i);else for(var r=t.length-1;r>=0;r--)(n=t[r])&&(a=(s<3?n(a):s>3?n(e,o,a):n(e,o))||a);return s>3&&a&&Object.defineProperty(e,o,a),a},__awaiter=this&&this.__awaiter||function(t,e,o,i){return new(o||(o=Promise))(function(n,s){function a(t){try{c(i.next(t))}catch(t){s(t)}}function r(t){try{c(i.throw(t))}catch(t){s(t)}}function c(t){var e;t.done?n(t.value):((e=t.value)instanceof o?e:new o(function(t){t(e)})).then(a,r)}c((i=i.apply(t,e||[])).next())})};import{css as t,html as e,LitElement as o,unsafeCSS as i}from"lit";import{customElement as n,property as s,query as a}from"lit/decorators.js";import{MDCDialog as r}from"@material/dialog";import"@openremote/or-translate";import"./or-mwc-input";import{InputType as c}from"./or-mwc-input";import{i18next as d}from"@openremote/or-translate";import{Util as l}from"@openremote/core";let dialogStyle=require("@material/dialog/dist/mdc.dialog.css"),listStyle=require("@material/list/dist/mdc.list.css");export class OrMwcDialogOpenedEvent extends CustomEvent{constructor(){super(OrMwcDialogOpenedEvent.NAME,{bubbles:!0,composed:!0})}}OrMwcDialogOpenedEvent.NAME="or-mwc-dialog-opened";export class OrMwcDialogClosedEvent extends CustomEvent{constructor(t){super(OrMwcDialogClosedEvent.NAME,{detail:t,bubbles:!0,composed:!0})}}OrMwcDialogClosedEvent.NAME="or-mwc-dialog-closed";export function showErrorDialog(t,o){return __awaiter(this,void 0,void 0,function*(){return showOkDialog("error",e`
+                <div>
+                    <p><or-translate value="errorOccurred"></or-translate>
+                    ${t?e`
+                        :</p>
+                        <p>
+                            <or-translate value="error"></or-translate>
+                            <span> = </span> 
+                            <or-translate .value="${t}"></or-translate>
+                    `:""}
+                    </p>
+                </div>`,void 0,o)})}export function showOkCancelDialog(t,o,i,n){return __awaiter(this,void 0,void 0,function*(){let s=new l.Deferred;return showDialog(new OrMwcDialog().setContent("string"==typeof o?e`<p>${o}</p>`:o).setActions([{actionName:"cancel",content:"cancel",default:!0,action:()=>s.resolve(!1)},{actionName:"ok",content:i||d.t("ok"),action:()=>s.resolve(!0)}]).setHeading(t).setStyles(e`
+                    <style>
+                        .mdc-dialog__content {
+                            white-space: pre-wrap
+                        }
+                    </style>
+                `),n),yield s.promise})}export function showOkDialog(t,o,i,n){return __awaiter(this,void 0,void 0,function*(){let s=new l.Deferred;return showDialog(new OrMwcDialog().setContent("string"==typeof o?e`<p>${o}</p>`:o).setActions([{actionName:"ok",default:!0,content:i||d.t("ok"),action:()=>s.resolve(!0)}]).setHeading(t),n),yield s.promise})}export function showDialog(t,e){return e||(e=OrMwcDialog.DialogHostElement||document.body),t.setOpen(!0),t.addEventListener(OrMwcDialogOpenedEvent.NAME,t=>{t.stopPropagation()}),t.addEventListener(OrMwcDialogClosedEvent.NAME,e=>{e.stopPropagation(),window.setTimeout(()=>{t.parentElement&&t.parentElement.removeChild(t)},0)}),e.append(t),t}let style=t`
+    :host {
+        position: relative;
+    }
+
+    .dialog-container {
+        display: flex;
+        flex-direction: row;
+    }
+
+    .dialog-container > * {
+        flex: 1 1 0;
+    }
+    
+    .mdc-list {
+        padding: 0 24px
+    }
+
+    .mdc-dialog .mdc-dialog__surface {
+        outline: none;
+    }
+    
+    @media (min-width: 1280px) {
+        .mdc-dialog .mdc-dialog__surface {
+            max-width: 1024px;
         }
     }
-    close(action) {
-        if (this._mdcComponent) {
-            this._mdcComponent.close(action);
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener("popstate", this._popstateEventBind);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener("popstate", this._popstateEventBind);
-        if (this._mdcComponent) {
-            this._mdcComponent.destroy();
-            this._mdcComponent = undefined;
-        }
-    }
-    render() {
-        return html `
-            ${typeof (this.styles) === "string" ? html `<style>${this.styles}</style>` : this.styles || ``}
-            
-            <div id="dialog"
-                class="mdc-dialog"
-                role="alertdialog"
-                aria-modal="true"
-                aria-labelledby="dialog-title"
-                aria-describedby="dialog-content"
-                @MDCDialog:opened="${() => this._onDialogOpened()}"
-                @MDCDialog:closed="${(evt) => this._onDialogClosed(evt.detail.action)}">
-                <div class="mdc-dialog__container">
-                    <div class="mdc-dialog__surface" tabindex="0">
-						${typeof (this.heading) === "string" ? html `<h2 class="mdc-dialog__title" id="dialog-title"><or-translate value="${this.heading}"></or-translate></h2>`
-            : this.heading ? html `<span class="mdc-dialog__title" id="dialog-title">${this.heading}</span>` : ``}
-                        ${this.content ? html ` 
-                            <div class="dialog-container mdc-dialog__content" id="dialog-content">
-                                ${typeof this.content === "function" ? this.content() : this.content}
-                            </div>
-                            <footer class="mdc-dialog__actions">
-                                ${this.actions ? this.actions.map((action) => {
-            return html `
-                                    <div class="mdc-button mdc-dialog__button" ?data-mdc-dialog-button-default="${action.default}" data-mdc-dialog-action="${action.disabled ? undefined : action.actionName}">
-                                        ${typeof (action.content) === "string" ? html `<or-mwc-input .type="${InputType.BUTTON}" @or-mwc-input-changed="${(ev) => { if (ev.currentTarget.disabled)
-                ev.stopPropagation(); }}" .disabled="${action.disabled}" .label="${action.content}"></or-mwc-input>` : action.content}
-                                    </div>`;
-        }) : ``}
-                            </footer>
-                        ` : html `
-                            <ul class="mdc-list ${this.avatar ? "mdc-list--avatar-list" : ""}">
-                                ${!this.actions ? `` : this.actions.map((action, index) => {
-            return html `<li class="mdc-list-item" data-mdc-dialog-action="${action.actionName}"><span class="mdc-list-item__text">${action.content}</span></li>`;
-        })}
-                            </ul>
-                        `}
-                    </div>
-                </div>
-                <div class="mdc-dialog__scrim"></div>
-            </div>
-        `;
-    }
-    updated(_changedProperties) {
-        super.updated(_changedProperties);
-        if (_changedProperties.has("_open") && this._open) {
-            this.open();
-        }
-    }
-    _onDialogOpened() {
-        this.dispatchEvent(new OrMwcDialogOpenedEvent());
-    }
-    _onDialogClosed(action) {
-        if (action === "close" && this.dismissAction && this.dismissAction.action) {
-            this.dismissAction.action(this);
-        }
-        else if (action && this.actions) {
-            const matchedAction = this.actions.find((dialogAction) => dialogAction.actionName === action);
-            if (matchedAction && matchedAction.action) {
-                matchedAction.action(this);
-            }
-        }
-        if (this._mdcComponent) {
-            this._mdcComponent.destroy();
-            this._mdcComponent = undefined;
-        }
-        this.dispatchEvent(new OrMwcDialogClosedEvent(action));
-    }
-    /**
-     * Function callback for when the browser window navigates to another place.
-     * We attempt to close the dialog when this occurs.
-     */
-    _onBrowserNavigate(ev) {
-        this.close("close");
-    }
-};
-__decorate([
-    property({ type: String })
-], OrMwcDialog.prototype, "heading", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], OrMwcDialog.prototype, "content", void 0);
-__decorate([
-    property({ type: Array, attribute: false })
-], OrMwcDialog.prototype, "actions", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], OrMwcDialog.prototype, "dismissAction", void 0);
-__decorate([
-    property({ type: Boolean })
-], OrMwcDialog.prototype, "avatar", void 0);
-__decorate([
-    property()
-], OrMwcDialog.prototype, "styles", void 0);
-__decorate([
-    property({ attribute: false })
-], OrMwcDialog.prototype, "_open", void 0);
-__decorate([
-    query("#dialog")
-], OrMwcDialog.prototype, "_mdcElem", void 0);
-OrMwcDialog = __decorate([
-    customElement("or-mwc-dialog")
-], OrMwcDialog);
-export { OrMwcDialog };
-//# sourceMappingURL=or-mwc-dialog.js.map
+`,OrMwcDialog=class extends o{constructor(){super(...arguments),this._open=!1,this._popstateEventBind=t=>this._onBrowserNavigate(t)}static get styles(){return[t`${i(dialogStyle)}`,t`${i(listStyle)}`,style]}get isOpen(){return!!this._mdcComponent&&this._mdcComponent.isOpen}setOpen(t){return this._open=!0,this}setHeading(t){return this.heading=t,this}setContent(t){return this.content=t,this}setActions(t){return this.actions=t,this}setDismissAction(t){return this.dismissAction=t,this}setStyles(t){return this.styles=t,this}setAvatar(t){return this.avatar=t,this}open(){this._mdcElem&&!this._mdcComponent&&(this._mdcComponent=new r(this._mdcElem),this._mdcComponent.scrimClickAction=this.dismissAction||null===this.dismissAction?"close":""),this._mdcComponent&&this._mdcComponent.open()}close(t){this._mdcComponent&&this._mdcComponent.close(t)}connectedCallback(){super.connectedCallback(),window.addEventListener("popstate",this._popstateEventBind)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("popstate",this._popstateEventBind),this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0)}render(){return e`
+            ${"string"==typeof this.styles?e`<style>${this.styles}</style>`:this.styles||""}
+            
+            <div id="dialog"
+                class="mdc-dialog"
+                role="alertdialog"
+                aria-modal="true"
+                aria-labelledby="dialog-title"
+                aria-describedby="dialog-content"
+                @MDCDialog:opened="${()=>this._onDialogOpened()}"
+                @MDCDialog:closed="${t=>this._onDialogClosed(t.detail.action)}">
+                <div class="mdc-dialog__container">
+                    <div class="mdc-dialog__surface" tabindex="0">
+						${"string"==typeof this.heading?e`<h2 class="mdc-dialog__title" id="dialog-title"><or-translate value="${this.heading}"></or-translate></h2>`:this.heading?e`<span class="mdc-dialog__title" id="dialog-title">${this.heading}</span>`:""}
+                        ${this.content?e` 
+                            <div class="dialog-container mdc-dialog__content" id="dialog-content">
+                                ${"function"==typeof this.content?this.content():this.content}
+                            </div>
+                            <footer class="mdc-dialog__actions">
+                                ${this.actions?this.actions.map(t=>e`
+                                    <div class="mdc-button mdc-dialog__button" ?data-mdc-dialog-button-default="${t.default}" data-mdc-dialog-action="${t.disabled?void 0:t.actionName}">
+                                        ${"string"==typeof t.content?e`<or-mwc-input .type="${c.BUTTON}" @or-mwc-input-changed="${t=>{t.currentTarget.disabled&&t.stopPropagation()}}" .disabled="${t.disabled}" .label="${t.content}"></or-mwc-input>`:t.content}
+                                    </div>`):""}
+                            </footer>
+                        `:e`
+                            <ul class="mdc-list ${this.avatar?"mdc-list--avatar-list":""}">
+                                ${!this.actions?"":this.actions.map((t,o)=>e`<li class="mdc-list-item" data-mdc-dialog-action="${t.actionName}"><span class="mdc-list-item__text">${t.content}</span></li>`)}
+                            </ul>
+                        `}
+                    </div>
+                </div>
+                <div class="mdc-dialog__scrim"></div>
+            </div>
+        `}updated(t){super.updated(t),t.has("_open")&&this._open&&this.open()}_onDialogOpened(){this.dispatchEvent(new OrMwcDialogOpenedEvent)}_onDialogClosed(t){if("close"===t&&this.dismissAction&&this.dismissAction.action)this.dismissAction.action(this);else if(t&&this.actions){let e=this.actions.find(e=>e.actionName===t);e&&e.action&&e.action(this)}this._mdcComponent&&(this._mdcComponent.destroy(),this._mdcComponent=void 0),this.dispatchEvent(new OrMwcDialogClosedEvent(t))}_onBrowserNavigate(t){this.close("close")}};__decorate([s({type:String})],OrMwcDialog.prototype,"heading",void 0),__decorate([s({type:Object,attribute:!1})],OrMwcDialog.prototype,"content",void 0),__decorate([s({type:Array,attribute:!1})],OrMwcDialog.prototype,"actions",void 0),__decorate([s({type:Object,attribute:!1})],OrMwcDialog.prototype,"dismissAction",void 0),__decorate([s({type:Boolean})],OrMwcDialog.prototype,"avatar",void 0),__decorate([s()],OrMwcDialog.prototype,"styles",void 0),__decorate([s({attribute:!1})],OrMwcDialog.prototype,"_open",void 0),__decorate([a("#dialog")],OrMwcDialog.prototype,"_mdcElem",void 0),OrMwcDialog=__decorate([n("or-mwc-dialog")],OrMwcDialog);export{OrMwcDialog};