@wavelengthusaf/web-components 1.13.0 → 1.14.0

package/dist/cjs/index.cjs

@@ -6783,6 +6783,128 @@ if (!customElements.get("wavelength-search")) {
   customElements.define("wavelength-search", WavelengthSearch);
 }
 
+// src/web-components/wavelength-switch.template.html
+var wavelength_switch_template_default = '<style>\n  :host {\n    display: block;\n    --font-color: #333;\n    --font-size: 20px;\n    --font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n    --switch-color: #2196f3;\n    --label-font: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n\n    /* Variable-based sizing */\n    --container-width: 60px;\n    --container-height: 34px;\n    --track-height: 22px;\n    --knob-size: 28px;\n\n    /* Internal Calculations */\n    --track-top: calc((var(--container-height) - var(--track-height)) / 2);\n    --knob-top: calc((var(--container-height) - var(--knob-size)) / 2);\n    --knob-translate: calc(var(--container-width) - var(--knob-size));\n  }\n\n  :host([size="small"]) {\n    --container-width: 40px;\n    --container-height: 24px;\n    --track-height: 14px;\n    --knob-size: 20px;\n    --font-size: 16px;\n  }\n\n  :host([size="large"]) {\n    --container-width: 80px;\n    --container-height: 48px;\n    --track-height: 30px;\n    --knob-size: 40px;\n    --font-size: 24px;\n  }\n\n  /* Switch Base Styles */\n  .switch {\n    position: relative;\n    display: inline-block;\n    width: var(--container-width);\n    height: var(--container-height);\n  }\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  /* Slider (The Track) */\n  .slider {\n    position: absolute;\n    cursor: pointer;\n    top: var(--track-top);\n    left: 0;\n    right: 0;\n    bottom: var(--track-top);\n    background-color: #ccc;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border-radius: var(--track-height);\n  }\n\n  .slider:hover {\n    cursor: pointer;\n  }\n\n  /* Handle (The Slider Portion) */\n  .slider:before {\n    position: absolute;\n    content: "";\n    height: var(--knob-size);\n    width: var(--knob-size);\n    left: 0;\n    top: calc((var(--track-height) - var(--knob-size)) / 2);\n    background-color: white;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border-radius: var(--knob-size);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    z-index: 2;\n  }\n\n  .slider:hover:before {\n    box-shadow:\n      0 2px 4px rgba(0, 0, 0, 0.3),\n      0 0 0 8px rgba(0, 0, 0, 0.1);\n  }\n\n  /* Input Checked State Styles */\n  input:checked + .slider {\n    background-color: var(--switch-color);\n  }\n\n  input:focus + .slider {\n    box-shadow: 0 0 1px #2196f3;\n  }\n\n  input:checked + .slider:before {\n    -webkit-transform: translateX(var(--knob-translate));\n    -ms-transform: translateX(var(--knob-translate));\n    transform: translateX(var(--knob-translate));\n  }\n\n  input:checked + .slider:hover:before {\n    box-shadow:\n      0 2px 4px rgba(0, 0, 0, 0.3),\n      0 0 0 8px color-mix(in srgb, var(--switch-color), transparent 80%);\n  }\n\n  /* Disabled State Styles */\n  input:disabled + .slider {\n    background-color: #e0e0e0;\n    cursor: not-allowed;\n  }\n\n  input:disabled + .slider:before {\n    background-color: #f5f5f5;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n  }\n\n  input:disabled + .slider:hover:before {\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n  }\n\n  input:disabled:checked + .slider {\n    background-color: color-mix(in srgb, var(--switch-color), white 50%);\n    opacity: 0.8;\n  }\n\n  /* Label Styles */\n  .label {\n    font-size: var(--font-size);\n    font-weight: 500;\n    color: var(--font-color);\n    font-family: var(--label-font);\n  }\n\n  :host([disabled]) .label {\n    color: #9e9e9e;\n  }\n\n  .flex-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 8px;\n  }\n</style>\n\n<div class="flex-container">\n  <span id="label-span" class="label"></span>\n  <label class="switch">\n    <input type="checkbox" aria-labelledby="label" />\n    <div class="slider"></div>\n  </label>\n</div>\n';
+
+// src/web-components/wavelength-switch.ts
+var WavelengthSwitch = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["checked", "label", "label-placement", "size", "disabled", "color", "label-font", "value"];
+  }
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+    this.shadow.innerHTML = wavelength_switch_template_default;
+  }
+  get checked() {
+    return this.input.checked;
+  }
+  set checked(value) {
+    this.input.checked = !!value;
+    this.toggleAttribute("checked", this.input.checked);
+  }
+  connectedCallback() {
+    this.input = this.shadow.querySelector("input");
+    this.labelElement = this.shadow.querySelector(".label");
+    this.flexContainer = this.shadow.querySelector(".flex-container");
+    this._updateLabel();
+    this._updateChecked();
+    this._updateDisabled();
+    this._updateColor();
+    this._updateLabelFont();
+    this.input.addEventListener("change", (e) => {
+      this.dispatchEvent(
+        new CustomEvent("wavelength-switch-change", {
+          detail: {
+            checked: e.target.checked,
+            value: this.getAttribute("value")
+          },
+          bubbles: true,
+          composed: true
+        })
+      );
+    });
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (oldValue === newValue) return;
+    if (!this.input) return;
+    switch (name) {
+      case "checked":
+        this._updateChecked();
+        break;
+      case "label":
+        this._updateLabel();
+        break;
+      case "disabled":
+        this._updateDisabled();
+        break;
+      case "label-placement":
+        this._updateLabel();
+        break;
+      case "color":
+        this._updateColor();
+        break;
+      case "label-font":
+        this._updateLabelFont();
+        break;
+      case "value":
+        this._updateValue();
+        break;
+    }
+  }
+  disconnectedCallback() {
+    this.input.removeEventListener("change", this._updateChecked);
+  }
+  _updateChecked() {
+    this.input.checked = this.hasAttribute("checked") && this.getAttribute("checked") !== "false";
+  }
+  _updateLabel() {
+    if (this.labelElement) {
+      this.labelElement.textContent = this.getAttribute("label") || "";
+      this.labelElement.style.display = this.hasAttribute("label") ? "block" : "none";
+    }
+    this._updateLabelPlacement();
+  }
+  _updateDisabled() {
+    if (this.input) {
+      this.input.disabled = this.hasAttribute("disabled") && this.getAttribute("disabled") !== "false";
+    }
+  }
+  _updateColor() {
+    if (this.hasAttribute("color")) {
+      this.style.setProperty("--switch-color", this.getAttribute("color") || "");
+    } else {
+      this.style.removeProperty("--switch-color");
+    }
+  }
+  _updateLabelFont() {
+    if (this.hasAttribute("label-font")) {
+      this.style.setProperty("--label-font", this.getAttribute("label-font") || "");
+    } else {
+      this.style.removeProperty("--label-font");
+    }
+  }
+  _updateValue() {
+    if (this.hasAttribute("value")) {
+      this.input.value = this.getAttribute("value") || "";
+    }
+  }
+  _updateLabelPlacement() {
+    const placement = _nullishCoalesce(this.getAttribute("label-placement"), () => ( "left"));
+    const directions = {
+      left: "row",
+      right: "row-reverse",
+      top: "column",
+      bottom: "column-reverse"
+    };
+    this.flexContainer.style.flexDirection = _nullishCoalesce(directions[placement], () => ( "row"));
+  }
+};
+if (!customElements.get("wavelength-switch")) {
+  customElements.define("wavelength-switch", WavelengthSwitch);
+}
+
+
 
 
 
@@ -6807,7 +6929,7 @@ if (!customElements.get("wavelength-search")) {
 
 
 
-exports.BaseWavelengthInput = BaseWavelengthInput; exports.BaseWavelengthMultiSelectAutocomplete = BaseWavelengthMultiSelectAutocomplete; exports.ChildDataTable = ChildDataTable; exports.SampleComponent = SampleComponent; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthButton = WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthForm = WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip;
+exports.BaseWavelengthInput = BaseWavelengthInput; exports.BaseWavelengthMultiSelectAutocomplete = BaseWavelengthMultiSelectAutocomplete; exports.ChildDataTable = ChildDataTable; exports.SampleComponent = SampleComponent; exports.WavelengthBanner = WavelengthBanner; exports.WavelengthButton = WavelengthButton; exports.WavelengthCheckbox = WavelengthCheckbox; exports.WavelengthDatePicker = WavelengthDatePicker; exports.WavelengthDropdown = WavelengthDropdown; exports.WavelengthFileDropZone = WavelengthFileDropZone; exports.WavelengthForm = WavelengthForm; exports.WavelengthInput = WavelengthInput; exports.WavelengthManyPlanes = WavelengthManyPlanes; exports.WavelengthMenu = WavelengthMenu; exports.WavelengthMultiSelectAutocomplete = WavelengthMultiSelectAutocomplete; exports.WavelengthNavBar = WavelengthNavBar; exports.WavelengthNotificationPanel = WavelengthNotificationPanel; exports.WavelengthPagination = WavelengthPagination; exports.WavelengthPlaneTrail = WavelengthPlaneTrail; exports.WavelengthProgressBar = WavelengthProgressBar; exports.WavelengthSearch = WavelengthSearch; exports.WavelengthSnackbar = WavelengthSnackbar; exports.WavelengthSwitch = WavelengthSwitch; exports.WavelengthTitleBar = WavelengthTitleBar; exports.WavelengthToolTip = WavelengthToolTip;
 /*! Bundled license information:
 
 react/cjs/react.production.min.js:

package/dist/cjs/index.d.cts

@@ -2340,4 +2340,25 @@ declare class WavelengthSearch extends HTMLElement {
     private handleDocumentClick;
 }
 
-export { BaseWavelengthInput, BaseWavelengthMultiSelectAutocomplete, type CheckboxElements, ChildDataTable, SampleComponent, WavelengthBanner, WavelengthButton, WavelengthCheckbox, WavelengthDatePicker, WavelengthDropdown, WavelengthFileDropZone, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, WavelengthNotificationPanel, WavelengthPagination, WavelengthPlaneTrail, WavelengthProgressBar, WavelengthSearch, WavelengthSnackbar, WavelengthTitleBar, WavelengthToolTip };
+declare class WavelengthSwitch extends HTMLElement {
+    static get observedAttributes(): string[];
+    private shadow;
+    private input;
+    private labelElement;
+    private flexContainer;
+    constructor();
+    get checked(): boolean;
+    set checked(value: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    private _updateChecked;
+    private _updateLabel;
+    private _updateDisabled;
+    private _updateColor;
+    private _updateLabelFont;
+    private _updateValue;
+    private _updateLabelPlacement;
+}
+
+export { BaseWavelengthInput, BaseWavelengthMultiSelectAutocomplete, type CheckboxElements, ChildDataTable, SampleComponent, WavelengthBanner, WavelengthButton, WavelengthCheckbox, WavelengthDatePicker, WavelengthDropdown, WavelengthFileDropZone, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, WavelengthNotificationPanel, WavelengthPagination, WavelengthPlaneTrail, WavelengthProgressBar, WavelengthSearch, WavelengthSnackbar, WavelengthSwitch, WavelengthTitleBar, WavelengthToolTip };

package/dist/esm/index.d.ts

@@ -2340,4 +2340,25 @@ declare class WavelengthSearch extends HTMLElement {
     private handleDocumentClick;
 }
 
-export { BaseWavelengthInput, BaseWavelengthMultiSelectAutocomplete, type CheckboxElements, ChildDataTable, SampleComponent, WavelengthBanner, WavelengthButton, WavelengthCheckbox, WavelengthDatePicker, WavelengthDropdown, WavelengthFileDropZone, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, WavelengthNotificationPanel, WavelengthPagination, WavelengthPlaneTrail, WavelengthProgressBar, WavelengthSearch, WavelengthSnackbar, WavelengthTitleBar, WavelengthToolTip };
+declare class WavelengthSwitch extends HTMLElement {
+    static get observedAttributes(): string[];
+    private shadow;
+    private input;
+    private labelElement;
+    private flexContainer;
+    constructor();
+    get checked(): boolean;
+    set checked(value: boolean);
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    private _updateChecked;
+    private _updateLabel;
+    private _updateDisabled;
+    private _updateColor;
+    private _updateLabelFont;
+    private _updateValue;
+    private _updateLabelPlacement;
+}
+
+export { BaseWavelengthInput, BaseWavelengthMultiSelectAutocomplete, type CheckboxElements, ChildDataTable, SampleComponent, WavelengthBanner, WavelengthButton, WavelengthCheckbox, WavelengthDatePicker, WavelengthDropdown, WavelengthFileDropZone, WavelengthForm, WavelengthInput, WavelengthManyPlanes, WavelengthMenu, WavelengthMultiSelectAutocomplete, WavelengthNavBar, WavelengthNotificationPanel, WavelengthPagination, WavelengthPlaneTrail, WavelengthProgressBar, WavelengthSearch, WavelengthSnackbar, WavelengthSwitch, WavelengthTitleBar, WavelengthToolTip };

package/dist/esm/index.js

@@ -6782,6 +6782,127 @@ var WavelengthSearch = class extends HTMLElement {
 if (!customElements.get("wavelength-search")) {
   customElements.define("wavelength-search", WavelengthSearch);
 }
+
+// src/web-components/wavelength-switch.template.html
+var wavelength_switch_template_default = '<style>\n  :host {\n    display: block;\n    --font-color: #333;\n    --font-size: 20px;\n    --font-family: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n    --switch-color: #2196f3;\n    --label-font: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n\n    /* Variable-based sizing */\n    --container-width: 60px;\n    --container-height: 34px;\n    --track-height: 22px;\n    --knob-size: 28px;\n\n    /* Internal Calculations */\n    --track-top: calc((var(--container-height) - var(--track-height)) / 2);\n    --knob-top: calc((var(--container-height) - var(--knob-size)) / 2);\n    --knob-translate: calc(var(--container-width) - var(--knob-size));\n  }\n\n  :host([size="small"]) {\n    --container-width: 40px;\n    --container-height: 24px;\n    --track-height: 14px;\n    --knob-size: 20px;\n    --font-size: 16px;\n  }\n\n  :host([size="large"]) {\n    --container-width: 80px;\n    --container-height: 48px;\n    --track-height: 30px;\n    --knob-size: 40px;\n    --font-size: 24px;\n  }\n\n  /* Switch Base Styles */\n  .switch {\n    position: relative;\n    display: inline-block;\n    width: var(--container-width);\n    height: var(--container-height);\n  }\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  /* Slider (The Track) */\n  .slider {\n    position: absolute;\n    cursor: pointer;\n    top: var(--track-top);\n    left: 0;\n    right: 0;\n    bottom: var(--track-top);\n    background-color: #ccc;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border-radius: var(--track-height);\n  }\n\n  .slider:hover {\n    cursor: pointer;\n  }\n\n  /* Handle (The Slider Portion) */\n  .slider:before {\n    position: absolute;\n    content: "";\n    height: var(--knob-size);\n    width: var(--knob-size);\n    left: 0;\n    top: calc((var(--track-height) - var(--knob-size)) / 2);\n    background-color: white;\n    -webkit-transition: 0.4s;\n    transition: 0.4s;\n    border-radius: var(--knob-size);\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);\n    z-index: 2;\n  }\n\n  .slider:hover:before {\n    box-shadow:\n      0 2px 4px rgba(0, 0, 0, 0.3),\n      0 0 0 8px rgba(0, 0, 0, 0.1);\n  }\n\n  /* Input Checked State Styles */\n  input:checked + .slider {\n    background-color: var(--switch-color);\n  }\n\n  input:focus + .slider {\n    box-shadow: 0 0 1px #2196f3;\n  }\n\n  input:checked + .slider:before {\n    -webkit-transform: translateX(var(--knob-translate));\n    -ms-transform: translateX(var(--knob-translate));\n    transform: translateX(var(--knob-translate));\n  }\n\n  input:checked + .slider:hover:before {\n    box-shadow:\n      0 2px 4px rgba(0, 0, 0, 0.3),\n      0 0 0 8px color-mix(in srgb, var(--switch-color), transparent 80%);\n  }\n\n  /* Disabled State Styles */\n  input:disabled + .slider {\n    background-color: #e0e0e0;\n    cursor: not-allowed;\n  }\n\n  input:disabled + .slider:before {\n    background-color: #f5f5f5;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n  }\n\n  input:disabled + .slider:hover:before {\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n  }\n\n  input:disabled:checked + .slider {\n    background-color: color-mix(in srgb, var(--switch-color), white 50%);\n    opacity: 0.8;\n  }\n\n  /* Label Styles */\n  .label {\n    font-size: var(--font-size);\n    font-weight: 500;\n    color: var(--font-color);\n    font-family: var(--label-font);\n  }\n\n  :host([disabled]) .label {\n    color: #9e9e9e;\n  }\n\n  .flex-container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 8px;\n  }\n</style>\n\n<div class="flex-container">\n  <span id="label-span" class="label"></span>\n  <label class="switch">\n    <input type="checkbox" aria-labelledby="label" />\n    <div class="slider"></div>\n  </label>\n</div>\n';
+
+// src/web-components/wavelength-switch.ts
+var WavelengthSwitch = class extends HTMLElement {
+  static get observedAttributes() {
+    return ["checked", "label", "label-placement", "size", "disabled", "color", "label-font", "value"];
+  }
+  constructor() {
+    super();
+    this.shadow = this.attachShadow({ mode: "open" });
+    this.shadow.innerHTML = wavelength_switch_template_default;
+  }
+  get checked() {
+    return this.input.checked;
+  }
+  set checked(value) {
+    this.input.checked = !!value;
+    this.toggleAttribute("checked", this.input.checked);
+  }
+  connectedCallback() {
+    this.input = this.shadow.querySelector("input");
+    this.labelElement = this.shadow.querySelector(".label");
+    this.flexContainer = this.shadow.querySelector(".flex-container");
+    this._updateLabel();
+    this._updateChecked();
+    this._updateDisabled();
+    this._updateColor();
+    this._updateLabelFont();
+    this.input.addEventListener("change", (e) => {
+      this.dispatchEvent(
+        new CustomEvent("wavelength-switch-change", {
+          detail: {
+            checked: e.target.checked,
+            value: this.getAttribute("value")
+          },
+          bubbles: true,
+          composed: true
+        })
+      );
+    });
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (oldValue === newValue) return;
+    if (!this.input) return;
+    switch (name) {
+      case "checked":
+        this._updateChecked();
+        break;
+      case "label":
+        this._updateLabel();
+        break;
+      case "disabled":
+        this._updateDisabled();
+        break;
+      case "label-placement":
+        this._updateLabel();
+        break;
+      case "color":
+        this._updateColor();
+        break;
+      case "label-font":
+        this._updateLabelFont();
+        break;
+      case "value":
+        this._updateValue();
+        break;
+    }
+  }
+  disconnectedCallback() {
+    this.input.removeEventListener("change", this._updateChecked);
+  }
+  _updateChecked() {
+    this.input.checked = this.hasAttribute("checked") && this.getAttribute("checked") !== "false";
+  }
+  _updateLabel() {
+    if (this.labelElement) {
+      this.labelElement.textContent = this.getAttribute("label") || "";
+      this.labelElement.style.display = this.hasAttribute("label") ? "block" : "none";
+    }
+    this._updateLabelPlacement();
+  }
+  _updateDisabled() {
+    if (this.input) {
+      this.input.disabled = this.hasAttribute("disabled") && this.getAttribute("disabled") !== "false";
+    }
+  }
+  _updateColor() {
+    if (this.hasAttribute("color")) {
+      this.style.setProperty("--switch-color", this.getAttribute("color") || "");
+    } else {
+      this.style.removeProperty("--switch-color");
+    }
+  }
+  _updateLabelFont() {
+    if (this.hasAttribute("label-font")) {
+      this.style.setProperty("--label-font", this.getAttribute("label-font") || "");
+    } else {
+      this.style.removeProperty("--label-font");
+    }
+  }
+  _updateValue() {
+    if (this.hasAttribute("value")) {
+      this.input.value = this.getAttribute("value") || "";
+    }
+  }
+  _updateLabelPlacement() {
+    const placement = this.getAttribute("label-placement") ?? "left";
+    const directions = {
+      left: "row",
+      right: "row-reverse",
+      top: "column",
+      bottom: "column-reverse"
+    };
+    this.flexContainer.style.flexDirection = directions[placement] ?? "row";
+  }
+};
+if (!customElements.get("wavelength-switch")) {
+  customElements.define("wavelength-switch", WavelengthSwitch);
+}
 export {
   BaseWavelengthInput,
   BaseWavelengthMultiSelectAutocomplete,
@@ -6805,6 +6926,7 @@ export {
   WavelengthProgressBar,
   WavelengthSearch,
   WavelengthSnackbar,
+  WavelengthSwitch,
   WavelengthTitleBar,
   WavelengthToolTip
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@wavelengthusaf/web-components",
   "author": "563 EWS - Wavelength",
   "license": "MIT",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Common component library used by Wavelength developers (NATIVE WEB COMPONENTS)",
   "main": "/dist/cjs/index.cjs",
   "module": "/dist/esm/index.js",