@matter-server/dashboard 0.2.0-alpha.0-00000000-000000000 → 0.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@matter-server/dashboard",
-    "version": "0.2.0-alpha.0-00000000-000000000",
+    "version": "0.2.0",
     "description": "Dashboard for OHF Matter Server",
     "bugs": {
         "url": "https://github.com/matter-js/matterjs-server/issues"
@@ -37,7 +37,7 @@
     "dependencies": {
         "@lit/context": "^1.1.6",
         "@material/web": "^2.4.1",
-        "@matter-server/ws-client": "0.2.0-alpha.0-00000000-000000000",
+        "@matter-server/ws-client": "0.2.0",
         "@mdi/js": "^7.4.47",
         "lit": "^3.3.1",
         "tslib": "^2.8.1"
@@ -51,4 +51,4 @@
     "publishConfig": {
         "access": "public"
     }
-}
+}

package/dist/web/js/commission-node-dialog-DEZ3EqYO.js

@@ -1,78 +0,0 @@
-import { r, n, t, i, b } from './matter-dashboard-app-BazvuIIi.js';
-import { p as preventDefault } from './prevent_default-D4GG_QeD.js';
-import './main.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--) if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let ComissionNodeDialog = class extends i {
-  render() {
-    return b`
-            <md-dialog open @cancel=${preventDefault} @closed=${this._handleClosed}>
-                <div slot="headline">Commission node</div>
-                <div slot="content" @node-commissioned=${this._nodeCommissioned}>
-                    ${!this._mode ? b`<md-list>
-                              <md-list-item
-                                  type="button"
-                                  .disabled=${!this.client.serverInfo.bluetooth_enabled}
-                                  @click=${this._commissionWifi}
-                                  >Commission new WiFi device</md-list-item
-                              >
-                              <md-list-item
-                                  type="button"
-                                  .disabled=${!this.client.serverInfo.bluetooth_enabled}
-                                  @click=${this._commissionThread}
-                                  >Commission new Thread device</md-list-item
-                              >
-                              <md-list-item type="button" @click=${this._commissionExisting}
-                                  >Commission existing device</md-list-item
-                              >
-                          </md-list>` : this._mode === "wifi" ? b`<commission-node-wifi></commission-node-wifi>` : this._mode === "thread" ? b`<commission-node-thread></commission-node-thread>` : b`<commission-node-existing></commission-node-existing>`}
-                </div>
-                <div slot="actions">
-                    <md-text-button @click=${this._close}>Cancel</md-text-button>
-                </div>
-            </md-dialog>
-        `;
-  }
-  _commissionWifi() {
-    if (!this.client.serverInfo.bluetooth_enabled) {
-      return;
-    }
-    import('./commission-node-wifi-C8ho-UYb.js');
-    this._mode = "wifi";
-  }
-  _commissionThread() {
-    if (!this.client.serverInfo.bluetooth_enabled) {
-      return;
-    }
-    import('./commission-node-thread-DLmclivF.js');
-    this._mode = "thread";
-  }
-  _commissionExisting() {
-    import('./commission-node-existing-OK1ybPFI.js');
-    this._mode = "existing";
-  }
-  _nodeCommissioned(ev) {
-    window.location.href = `#node/${ev.detail.node_id}`;
-    this._close();
-  }
-  _close() {
-    this.shadowRoot.querySelector("md-dialog").close();
-  }
-  _handleClosed() {
-    this.parentNode.removeChild(this);
-  }
-};
-__decorateClass([n({
-  attribute: false
-})], ComissionNodeDialog.prototype, "client", 2);
-__decorateClass([r()], ComissionNodeDialog.prototype, "_mode", 2);
-ComissionNodeDialog = __decorateClass([t("commission-node-dialog")], ComissionNodeDialog);
-
-export { ComissionNodeDialog };

package/dist/web/js/commission-node-existing-OK1ybPFI.js

@@ -1,50 +0,0 @@
-import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-BazvuIIi.js';
-import { f as fireEvent } from './fire_event-BERTqZpV.js';
-import './outlined-text-field-Sqd4JHxo.js';
-import './main.js';
-import './prevent_default-D4GG_QeD.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--) if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let CommissionNodeExisting = class extends i {
-  constructor() {
-    super(...arguments);
-    this._loading = false;
-  }
-  render() {
-    return b`<md-outlined-text-field label="Share code" .disabled="${this._loading}"> </md-outlined-text-field>
-            <br />
-            <br />
-            <md-outlined-button @click=${this._commissionNode} .disabled="${this._loading}"
-                >Commission</md-outlined-button
-            >${this._loading ? b`<md-circular-progress indeterminate></md-circular-progress>` : A}`;
-  }
-  async _commissionNode() {
-    this._loading = true;
-    try {
-      const node = await this.client.commissionWithCode(this._pairingCodeField.value, true);
-      fireEvent(this, "node-commissioned", node);
-    } catch (err) {
-      alert(`Error commissioning node: ${err.message}`);
-    } finally {
-      this._loading = false;
-    }
-  }
-};
-__decorateClass([c({
-  context: clientContext,
-  subscribe: true
-}), n({
-  attribute: false
-})], CommissionNodeExisting.prototype, "client", 2);
-__decorateClass([r()], CommissionNodeExisting.prototype, "_loading", 2);
-__decorateClass([e("md-outlined-text-field[label='Share code']")], CommissionNodeExisting.prototype, "_pairingCodeField", 2);
-CommissionNodeExisting = __decorateClass([t("commission-node-existing")], CommissionNodeExisting);
-
-export { CommissionNodeExisting };

package/dist/web/js/commission-node-thread-DLmclivF.js

@@ -1,75 +0,0 @@
-import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-BazvuIIi.js';
-import { f as fireEvent } from './fire_event-BERTqZpV.js';
-import './outlined-text-field-Sqd4JHxo.js';
-import './main.js';
-import './prevent_default-D4GG_QeD.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--) if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let CommissionNodeThread = class extends i {
-  constructor() {
-    super(...arguments);
-    this._loading = false;
-  }
-  render() {
-    if (!this.client.serverInfo.thread_credentials_set) {
-      return b`<md-outlined-text-field label="Thread dataset" .disabled="${this._loading}">
-                </md-outlined-text-field>
-                <br />
-                <br />
-                <md-outlined-button @click=${this._setThreadDataset} .disabled="${this._loading}"
-                    >Set Thread Dataset</md-outlined-button
-                >${this._loading ? b`<md-circular-progress indeterminate></md-circular-progress>` : A}`;
-    }
-    return b`<md-outlined-text-field label="Pairing code" .disabled="${this._loading}"> </md-outlined-text-field>
-            <br />
-            <br />
-            <md-outlined-button @click=${this._commissionNode} .disabled="${this._loading}"
-                >Commission</md-outlined-button
-            >${this._loading ? b`<md-circular-progress indeterminate></md-circular-progress>` : A}`;
-  }
-  async _setThreadDataset() {
-    const dataset = this._datasetField.value;
-    if (!dataset) {
-      alert("Dataset is required");
-      return;
-    }
-    this._loading = true;
-    try {
-      await this.client.setThreadOperationalDataset(dataset);
-    } catch (err) {
-      alert(`Error setting Thread dataset: ${err.message}`);
-    } finally {
-      this._loading = false;
-    }
-  }
-  async _commissionNode() {
-    this._loading = true;
-    try {
-      const node = await this.client.commissionWithCode(this._pairingCodeField.value, false);
-      fireEvent(this, "node-commissioned", node);
-    } catch (err) {
-      alert(`Error commissioning node: ${err.message}`);
-    } finally {
-      this._loading = false;
-    }
-  }
-};
-__decorateClass([c({
-  context: clientContext,
-  subscribe: true
-}), n({
-  attribute: false
-})], CommissionNodeThread.prototype, "client", 2);
-__decorateClass([r()], CommissionNodeThread.prototype, "_loading", 2);
-__decorateClass([e("md-outlined-text-field[label='Thread dataset']")], CommissionNodeThread.prototype, "_datasetField", 2);
-__decorateClass([e("md-outlined-text-field[label='Pairing code']")], CommissionNodeThread.prototype, "_pairingCodeField", 2);
-CommissionNodeThread = __decorateClass([t("commission-node-thread")], CommissionNodeThread);
-
-export { CommissionNodeThread };

package/dist/web/js/commission-node-wifi-C8ho-UYb.js

@@ -1,88 +0,0 @@
-import { r, c, n, d as clientContext, e, t, i, A, b } from './matter-dashboard-app-BazvuIIi.js';
-import { f as fireEvent } from './fire_event-BERTqZpV.js';
-import './outlined-text-field-Sqd4JHxo.js';
-import './main.js';
-import './prevent_default-D4GG_QeD.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--) if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let CommissionNodeWifi = class extends i {
-  constructor() {
-    super(...arguments);
-    this._loading = false;
-  }
-  render() {
-    if (!this.client.serverInfo.wifi_credentials_set) {
-      return b`<md-outlined-text-field label="SSID" .disabled="${this._loading}"> </md-outlined-text-field>
-                <md-outlined-text-field label="Password" type="password" .disabled="${this._loading}">
-                </md-outlined-text-field>
-                <br />
-                <br />
-                <md-outlined-button @click=${this._setWifiCredentials} .disabled="${this._loading}"
-                    >Set WiFi Credentials</md-outlined-button
-                >${this._loading ? b`<md-circular-progress indeterminate .visible="${this._loading}"></md-circular-progress>` : A}`;
-    }
-    return b`<md-outlined-text-field label="Pairing code" .disabled="${this._loading}"> </md-outlined-text-field>
-            <br />
-            <br />
-            <md-outlined-button @click=${this._commissionNode} .disabled="${this._loading}"
-                >Commission</md-outlined-button
-            >${this._loading ? b`<md-circular-progress indeterminate></md-circular-progress>` : A}`;
-  }
-  _setWifiCredentials() {
-    const ssid = this._ssidField.value;
-    if (!ssid) {
-      alert("SSID is required");
-      return;
-    }
-    const password = this._passwordField.value;
-    if (!password) {
-      alert("Password is required");
-      return;
-    }
-    this._loading = true;
-    try {
-      this.client.setWifiCredentials(ssid, password);
-    } catch (err) {
-      alert(`Error setting WiFi credentials: 
-${err.message}`);
-    } finally {
-      this._loading = false;
-    }
-  }
-  async _commissionNode() {
-    try {
-      if (!this._pairingCodeField.value) {
-        alert("Pairing code is required");
-        return;
-      }
-      this._loading = true;
-      const node = await this.client.commissionWithCode(this._pairingCodeField.value, false);
-      fireEvent(this, "node-commissioned", node);
-    } catch (err) {
-      alert(`Error commissioning node: 
-${err.message}`);
-    } finally {
-      this._loading = false;
-    }
-  }
-};
-__decorateClass([c({
-  context: clientContext,
-  subscribe: true
-}), n({
-  attribute: false
-})], CommissionNodeWifi.prototype, "client", 2);
-__decorateClass([r()], CommissionNodeWifi.prototype, "_loading", 2);
-__decorateClass([e("md-outlined-text-field[label='SSID']")], CommissionNodeWifi.prototype, "_ssidField", 2);
-__decorateClass([e("md-outlined-text-field[label='Password']")], CommissionNodeWifi.prototype, "_passwordField", 2);
-__decorateClass([e("md-outlined-text-field[label='Pairing code']")], CommissionNodeWifi.prototype, "_pairingCodeField", 2);
-CommissionNodeWifi = __decorateClass([t("commission-node-wifi")], CommissionNodeWifi);
-
-export { CommissionNodeWifi };

package/dist/web/js/dialog-box-BPz-oO3d.js

@@ -1,52 +0,0 @@
-import { n, t, i, b } from './matter-dashboard-app-BazvuIIi.js';
-import { p as preventDefault } from './prevent_default-D4GG_QeD.js';
-import './main.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--) if (decorator = decorators[i]) result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-let DialogBox = class extends i {
-  render() {
-    const params = this.params;
-    return b`
-            <md-dialog open @cancel=${preventDefault} @closed=${this._handleClosed}>
-                ${params.title ? b`<div slot="headline">${params.title}</div>` : ""}
-                ${params.text ? b`<div slot="content">${params.text}</div>` : ""}
-                <div slot="actions">
-                    ${this.type === "prompt" ? b`
-                              <md-text-button @click=${this._cancel}> ${params.cancelText || "Cancel"} </md-text-button>
-                          ` : ""}
-                    <md-text-button @click=${this._confirm}> ${params.confirmText || "OK"} </md-text-button>
-                </div>
-            </md-dialog>
-        `;
-  }
-  _cancel() {
-    this._setResult(false);
-  }
-  _confirm() {
-    this._setResult(true);
-  }
-  _setResult(result) {
-    this.dialogResult(result);
-    this.shadowRoot.querySelector("md-dialog").close();
-  }
-  _handleClosed() {
-    this.parentElement.removeChild(this);
-  }
-};
-__decorateClass([n({
-  attribute: false
-})], DialogBox.prototype, "params", 2);
-__decorateClass([n({
-  attribute: false
-})], DialogBox.prototype, "dialogResult", 2);
-__decorateClass([n()], DialogBox.prototype, "type", 2);
-DialogBox = __decorateClass([t("dialox-box")], DialogBox);
-
-export { DialogBox };

package/dist/web/js/fire_event-BERTqZpV.js

@@ -1,169 +0,0 @@
-import { m as mixinDelegatesAria, i, _ as __decorate, n, f as e, A, b, a as i$1, t } from './matter-dashboard-app-BazvuIIi.js';
-
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-// Separate variable needed for closure.
-const progressBaseClass = mixinDelegatesAria(i);
-/**
- * A progress component.
- */
-class Progress extends progressBaseClass {
-  constructor() {
-    super(...arguments);
-    /**
-     * Progress to display, a fraction between 0 and `max`.
-     */
-    this.value = 0;
-    /**
-     * Maximum progress to display, defaults to 1.
-     */
-    this.max = 1;
-    /**
-     * Whether or not to display indeterminate progress, which gives no indication
-     * to how long an activity will take.
-     */
-    this.indeterminate = false;
-    /**
-     * Whether or not to render indeterminate mode using 4 colors instead of one.
-     */
-    this.fourColor = false;
-  }
-  render() {
-    // Needed for closure conformance
-    const {
-      ariaLabel
-    } = this;
-    return b`
-      <div
-        class="progress ${e(this.getRenderClasses())}"
-        role="progressbar"
-        aria-label="${ariaLabel || A}"
-        aria-valuemin="0"
-        aria-valuemax=${this.max}
-        aria-valuenow=${this.indeterminate ? A : this.value}
-        >${this.renderIndicator()}</div
-      >
-    `;
-  }
-  getRenderClasses() {
-    return {
-      'indeterminate': this.indeterminate,
-      'four-color': this.fourColor
-    };
-  }
-}
-__decorate([n({
-  type: Number
-})], Progress.prototype, "value", void 0);
-__decorate([n({
-  type: Number
-})], Progress.prototype, "max", void 0);
-__decorate([n({
-  type: Boolean
-})], Progress.prototype, "indeterminate", void 0);
-__decorate([n({
-  type: Boolean,
-  attribute: 'four-color'
-})], Progress.prototype, "fourColor", void 0);
-
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * A circular progress component.
- */
-class CircularProgress extends Progress {
-  renderIndicator() {
-    if (this.indeterminate) {
-      return this.renderIndeterminateContainer();
-    }
-    return this.renderDeterminateContainer();
-  }
-  // Determinate mode is rendered with an svg so the progress arc can be
-  // easily animated via stroke-dashoffset.
-  renderDeterminateContainer() {
-    const dashOffset = (1 - this.value / this.max) * 100;
-    // note, dash-array/offset are relative to Setting `pathLength` but
-    // Chrome seems to render this inaccurately and using a large viewbox helps.
-    return b`
-      <svg viewBox="0 0 4800 4800">
-        <circle class="track" pathLength="100"></circle>
-        <circle
-          class="active-track"
-          pathLength="100"
-          stroke-dashoffset=${dashOffset}></circle>
-      </svg>
-    `;
-  }
-  // Indeterminate mode rendered with 2 bordered-divs. The borders are
-  // clipped into half circles by their containers. The divs are then carefully
-  // animated to produce changes to the spinner arc size.
-  // This approach has 4.5x the FPS of rendering via svg on Chrome 111.
-  // See https://lit.dev/playground/#gist=febb773565272f75408ab06a0eb49746.
-  renderIndeterminateContainer() {
-    return b` <div class="spinner">
-      <div class="left">
-        <div class="circle"></div>
-      </div>
-      <div class="right">
-        <div class="circle"></div>
-      </div>
-    </div>`;
-  }
-}
-
-/**
- * @license
- * Copyright 2024 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-// Generated stylesheet for ./progress/internal/circular-progress-styles.css.
-const styles = i$1`:host{--_active-indicator-color: var(--md-circular-progress-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_active-indicator-width: var(--md-circular-progress-active-indicator-width, 10);--_four-color-active-indicator-four-color: var(--md-circular-progress-four-color-active-indicator-four-color, var(--md-sys-color-tertiary-container, #ffd8e4));--_four-color-active-indicator-one-color: var(--md-circular-progress-four-color-active-indicator-one-color, var(--md-sys-color-primary, #6750a4));--_four-color-active-indicator-three-color: var(--md-circular-progress-four-color-active-indicator-three-color, var(--md-sys-color-tertiary, #7d5260));--_four-color-active-indicator-two-color: var(--md-circular-progress-four-color-active-indicator-two-color, var(--md-sys-color-primary-container, #eaddff));--_size: var(--md-circular-progress-size, 48px);display:inline-flex;vertical-align:middle;width:var(--_size);height:var(--_size);position:relative;align-items:center;justify-content:center;contain:strict;content-visibility:auto}.progress{flex:1;align-self:stretch;margin:4px}.progress,.spinner,.left,.right,.circle,svg,.track,.active-track{position:absolute;inset:0}svg{transform:rotate(-90deg)}circle{cx:50%;cy:50%;r:calc(50%*(1 - var(--_active-indicator-width)/100));stroke-width:calc(var(--_active-indicator-width)*1%);stroke-dasharray:100;fill:rgba(0,0,0,0)}.active-track{transition:stroke-dashoffset 500ms cubic-bezier(0, 0, 0.2, 1);stroke:var(--_active-indicator-color)}.track{stroke:rgba(0,0,0,0)}.progress.indeterminate{animation:linear infinite linear-rotate;animation-duration:1568.2352941176ms}.spinner{animation:infinite both rotate-arc;animation-duration:5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.left{overflow:hidden;inset:0 50% 0 0}.right{overflow:hidden;inset:0 0 0 50%}.circle{box-sizing:border-box;border-radius:50%;border:solid calc(var(--_active-indicator-width)/100*(var(--_size) - 8px));border-color:var(--_active-indicator-color) var(--_active-indicator-color) rgba(0,0,0,0) rgba(0,0,0,0);animation:expand-arc;animation-iteration-count:infinite;animation-fill-mode:both;animation-duration:1333ms,5332ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.four-color .circle{animation-name:expand-arc,four-color}.left .circle{rotate:135deg;inset:0 -100% 0 0}.right .circle{rotate:100deg;inset:0 0 0 -100%;animation-delay:-666.5ms,0ms}@media(forced-colors: active){.active-track{stroke:CanvasText}.circle{border-color:CanvasText CanvasText Canvas Canvas}}@keyframes expand-arc{0%{transform:rotate(265deg)}50%{transform:rotate(130deg)}100%{transform:rotate(265deg)}}@keyframes rotate-arc{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes linear-rotate{to{transform:rotate(360deg)}}@keyframes four-color{0%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}15%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}25%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}40%{border-top-color:var(--_four-color-active-indicator-two-color);border-right-color:var(--_four-color-active-indicator-two-color)}50%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}65%{border-top-color:var(--_four-color-active-indicator-three-color);border-right-color:var(--_four-color-active-indicator-three-color)}75%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}90%{border-top-color:var(--_four-color-active-indicator-four-color);border-right-color:var(--_four-color-active-indicator-four-color)}100%{border-top-color:var(--_four-color-active-indicator-one-color);border-right-color:var(--_four-color-active-indicator-one-color)}}
-`;
-
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * @summary Circular progress indicators display progress by animating along an
- * invisible circular track in a clockwise direction. They can be applied
- * directly to a surface, such as a button or card.
- *
- * @description
- * Progress indicators inform users about the status of ongoing processes.
- * - Determinate indicators display how long a process will take.
- * - Indeterminate indicators express an unspecified amount of wait time.
- *
- * @final
- * @suppress {visibility}
- */
-let MdCircularProgress = class MdCircularProgress extends CircularProgress {};
-MdCircularProgress.styles = [styles];
-MdCircularProgress = __decorate([t('md-circular-progress')], MdCircularProgress);
-
-/**
- * @license
- * Copyright 2025-2026 Open Home Foundation
- * SPDX-License-Identifier: Apache-2.0
- */
-const fireEvent = (node, type, detail, options) => {
-  options = options || {};
-  detail = detail === null || detail === void 0 ? {} : detail;
-  const event = new Event(type, {
-    bubbles: options.bubbles === void 0 ? true : options.bubbles,
-    cancelable: Boolean(options.cancelable),
-    composed: options.composed === void 0 ? true : options.composed
-  });
-  event.detail = detail;
-  node.dispatchEvent(event);
-  return event;
-};
-
-export { fireEvent as f };