@siemens/ix-docs 4.3.0 → 4.4.0

package/build/static/demo/v2/preview/html/assets/ix-empty-state.entry-BJw4-6y3.js

@@ -1,16 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-X2k8gwUL.js";
-const emptyStateCss = ":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";
-const EmptyState = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.actionClick = createEvent(this, "actionClick", 7);
-    this.layout = "large";
-  }
-  render() {
-    return h(Host, { key: "f87d35f9c8ae39f3ed46f8ebf0fe1b0487d91108", class: `emptyState emptyState--${this.layout}` }, this.icon && h("div", { key: "41eb63bad03958baeb5f683895ea196f883b5312", class: "emptyState__icon" }, h("ix-icon", { key: "3bd1032f996cdf7c046f767ac9fec79756a7b8e5", name: this.icon, size: this.layout === "large" ? "32" : "32", color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon })), h("div", { key: "1a287d69a879f7dd52e9801e9fd0a973849fc244", class: "emptyState__content" }, h("div", { key: "8e2ff9b6f189e732dd16bf943922b09f32b9adfc", class: "content__label" }, h("ix-typography", { key: "74bc4394d9b94c2d3161091b71fbeb8ca091d6d8", format: this.layout === "large" ? "h3" : "body" }, this.header), this.subHeader && h("div", { key: "43e21aec14323f18a4df1116c7841702a945bcfe", class: "label__subHeader" }, this.subHeader)), this.action && h("div", { key: "d80c01f388e99df9affc47086ac2f67ef89ca8ca", class: "content__action" }, h("ix-button", { key: "0ba60803afb761fbae046546ed06f6ab07bc728c", onClick: () => this.actionClick.emit() }, this.action))));
-  }
-};
-EmptyState.style = emptyStateCss;
-export {
-  EmptyState as ix_empty_state
-};

package/build/static/demo/v2/preview/html/assets/ix-event-list-item.entry-C3qKiI1t.js

@@ -1,36 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-X2k8gwUL.js";
-import { s as iconChevronRight } from "./index-8HpPmDK_-DinFJk0z.js";
-import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-const eventListItemCss = ":host(.event-list-item-outline) .event-list-item{--ix-event-list-item--color-border:var(\n    --theme-event-item-outline--border\n  );--ix-event-list-item--background:var(\n    --theme-event-item-outline--background\n  );--ix-event-list-item--background--hover:var(\n    --theme-event-item-outline--background--hover\n  );--ix-event-list-item--background--active:var(\n    --theme-event-item-outline--background--active\n  );--ix-event-list-item--background--selected:var(\n    --theme-event-item-outline--background--selected\n  );--ix-event-list-item--border--hover:var(\n    --theme-event-item-outline--border--hover\n  );--ix-event-list-item--border--active:var(\n    --theme-event-item-outline--border--active\n  );--ix-event-list-item--border--selected:var(\n    --theme-event-item-outline--border--selected\n  );--ix-event-list-item--border--disabled:var(\n    --theme-event-item-outline--border--disabled\n  )}:host(.event-list-item-filled) .event-list-item{--ix-event-list-item--color-border:var(\n    --theme-event-item-filled--border\n  );--ix-event-list-item--background:var(\n    --theme-event-item-filled--background\n  );--ix-event-list-item--background--hover:var(\n    --theme-event-item-filled--background--hover\n  );--ix-event-list-item--background--active:var(\n    --theme-event-item-filled--background--active\n  );--ix-event-list-item--background--selected:var(\n    --theme-event-item-filled--background--selected\n  );--ix-event-list-item--border--hover:var(\n    --theme-event-item-filled--border--hover\n  );--ix-event-list-item--border--active:var(\n    --theme-event-item-filled--border--active\n  );--ix-event-list-item--border--selected:var(\n    --theme-event-item-filled--border--selected\n  );--ix-event-list-item--border--disabled:var(\n    --theme-event-item-filled--border--disabled\n  )}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .event-list-item{display:flex;align-items:center;position:relative;height:var(--event-list-item-height, 2.5rem);max-height:var(--event-list-item-height, 2.5rem);border-radius:var(--event-list-item-border-radius, 0.25rem);background-color:var(--ix-event-list-item--background);overflow:hidden;transition:var(--theme-default-time);cursor:pointer;margin-bottom:var(--event-list-item-margin-bottom, 0.5rem)}:host .event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:var(--event-list-item-border-radius, 0.25rem)}:host .event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}:host .event-list-item .event-list-item-container{display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--ix-event-list-item--color-border);border-top-left-radius:0;border-top-right-radius:var(--event-list-item-border-radius, 0.25rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--event-list-item-border-radius, 0.25rem);border-left:none;padding-left:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .event-list-item .event-content{display:flex;align-items:center;width:100%;height:var(--event-list-item-height, 100%);max-height:var(--event-list-item-height, 100%);white-space:var(--event-list-item-content-white-space, inherit);overflow:hidden;padding-inline-end:0.5rem}:host .event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).hover{background-color:var(--ix-event-list-item--background--hover)}:host .event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected):not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected):not(.disabled):not(:disabled).active{background-color:var(--ix-event-list-item--background--active)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):hover,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).hover{border-color:var(--ix-event-list-item--border--hover)}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):active,:host .event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled).active{border-color:var(--ix-event-list-item--border--active)}:host .event-list-item.selected .event-list-item-container{background-color:var(--ix-event-list-item--background--selected);border-color:var(--ix-event-list-item--border--selected)}:host .event-list-item[disabled],:host .event-list-item.disabled{pointer-events:none}:host .event-list-item[disabled] .event-list-item-container,:host .event-list-item.disabled .event-list-item-container{background-color:var(--ix-event-list-item--background--disabled);border-color:var(--ix-event-list-item--border--disabled)}:host(.disabled){pointer-events:none}";
-const EventListItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.itemClick = createEvent(this, "itemClick", 7);
-    this.variant = "outline";
-    this.selected = false;
-    this.disabled = false;
-    this.chevron = false;
-  }
-  handleItemClick() {
-    this.itemClick.emit();
-  }
-  render() {
-    var _a;
-    let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith("--theme")) ? `var(${this.itemColor})` : `var(--theme-${this.itemColor})`;
-    return h(Host, { key: "3fa7304c0d114cd65b572e6d7e1a7362d3f63950", class: {
-      disabled: this.disabled,
-      [`event-list-item-${this.variant}`]: true
-    } }, h("div", { key: "9dc5734ea43068e74efc45d89a6fda3bad040cd1", role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
-      "event-list-item": true,
-      selected: this.selected,
-      disabled: this.disabled
-    } }, h("div", { key: "5fc29826643c430d3f0c82826142b461395d5075", class: `indicator ${!this.itemColor ? "indicator-empty" : ""}`, style: {
-      "background-color": this.itemColor ? color : "inherit",
-      opacity: `${this.disabled ? 0.4 : 1}`
-    } }), h("div", { key: "c53b6ea99b0744dc6a0d57024853d0627a3963e2", class: "event-list-item-container" }, h("div", { key: "22a50db11d9997caa9df67fea550e1f58224344c", class: "event-content" }, h("slot", { key: "6361d1b0c326919f46ed7eb1b6bcb4b17421258e" })), this.chevron && h("ix-icon", { key: "edd5d1e1ef0fa1c85b319f9bdccdf1e2cbe8183a", name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))));
-  }
-};
-EventListItem.style = eventListItemCss;
-export {
-  EventListItem as ix_event_list_item
-};

package/build/static/demo/v2/preview/html/assets/ix-event-list.entry-DaIj-x4s.js

@@ -1,127 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { c as createMutationObserver } from "./mutation-observer-CX81WQtk-DFcmhOTk.js";
-import { c as convertToRemString } from "./rwd.util-pXYAoEyc-B7dE3uhl.js";
-import { a as animate } from "./anime.esm-DhE1t8Qh-cS95-bBh.js";
-const eventListCss = ":host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.item-size-l){--event-list-item-height:6.5rem;--event-list-item-content-white-space:normal}:host(.compact){--event-list-item-border-radius:0;--event-list-item-margin-bottom:0}";
-const EventList = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.mutationObserver = createMutationObserver(this.onMutation.bind(this));
-    this.itemHeight = "S";
-    this.compact = false;
-    this.animated = false;
-    this.chevron = false;
-  }
-  watchChevron(chevron) {
-    this.handleChevron(chevron);
-  }
-  componentDidLoad() {
-    if (this.animated) {
-      this.triggerFadeIn();
-    }
-    if (!Number.isNaN(Number(this.itemHeight))) {
-      const height = convertToRemString(this.itemHeight);
-      this.hostElement.querySelectorAll("ix-event-list-item").forEach((item) => {
-        this.setCustomHeight(item, height);
-      });
-    }
-    this.handleChevron(this.chevron);
-    this.mutationObserver.observe(this.hostElement, {
-      childList: true,
-      subtree: true
-    });
-  }
-  onMutation(mutationRecords) {
-    this.triggerFadeOut().then(() => {
-      if (!Number.isNaN(Number(this.itemHeight))) {
-        const height = convertToRemString(this.itemHeight);
-        const eventListItems = this.findEventListItems(mutationRecords);
-        eventListItems.forEach((item) => this.setCustomHeight(item, height));
-      }
-      this.handleChevron(this.chevron);
-      this.triggerFadeIn();
-    });
-  }
-  findEventListItems(mutationRecords) {
-    const eventListItems = [];
-    mutationRecords.forEach((mutation) => {
-      if (mutation.type !== "childList") {
-        return;
-      }
-      mutation.addedNodes.forEach((node) => {
-        const element = node;
-        if (element.tagName === "IX-EVENT-LIST-ITEM") {
-          eventListItems.push(element);
-        }
-      });
-    });
-    return eventListItems;
-  }
-  setCustomHeight(item, height) {
-    item.style.setProperty("--event-list-item-height", height);
-  }
-  triggerFadeOut() {
-    return new Promise((resolve) => {
-      if (!this.animated) {
-        resolve();
-      }
-      const listElement = this.hostElement.shadowRoot.querySelector("ul");
-      animate(listElement, {
-        opacity: [{ opacity: 1, easing: "easeInSine" }, { opacity: 0 }],
-        duration: EventList.fadeOutDuration,
-        onComplete: () => {
-          resolve();
-        }
-      });
-    });
-  }
-  triggerFadeIn() {
-    if (!this.animated) {
-      return;
-    }
-    const listItems = this.hostElement.querySelectorAll("ix-event-list-item");
-    listItems.forEach((e, i) => {
-      const delay = i * 80;
-      const offset = delay / (delay + EventList.fadeInDuration);
-      animate(e, {
-        offset,
-        duration: EventList.fadeInDuration + delay,
-        opacity: [0, 1],
-        easing: "easeInOutSine",
-        delay,
-        autoplay: true
-      });
-    });
-  }
-  handleChevron(chevron) {
-    const listItems = this.hostElement.querySelectorAll("ix-event-list-item");
-    listItems.forEach((e) => {
-      if (chevron) {
-        e.setAttribute("chevron", "true");
-      } else if (chevron !== void 0) {
-        e.removeAttribute("chevron");
-      }
-    });
-  }
-  render() {
-    return h(Host, { key: "a21a4d23666ba43d7d10bd569c7a9feb01423b1f", class: {
-      "item-size-s": this.itemHeight === "S",
-      "item-size-l": this.itemHeight === "L",
-      compact: this.compact
-    } }, h("div", { key: "cbb5ffb72ce1a393c99df6624ffc3e36a3d6a4b5", role: "list" }, h("slot", { key: "50ca67f2071b058ee4e43bfcad1bf23d5fc623d3" })));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-  static get watchers() {
-    return {
-      "chevron": ["watchChevron"]
-    };
-  }
-};
-EventList.fadeOutDuration = 50;
-EventList.fadeInDuration = 150;
-EventList.style = eventListCss;
-export {
-  EventList as ix_event_list
-};

package/build/static/demo/v2/preview/html/assets/ix-expanding-search.entry-BN90ftQZ.js

@@ -1,79 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from "./global-X2k8gwUL.js";
-import { l as iconClear, k as iconSearch } from "./index-8HpPmDK_-DinFJk0z.js";
-const expandingSearchCss = ".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-container{transition:all var(--theme-medium-time) ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host{}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all var(--theme-default-time) ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover,:host .btn-search:not(.disabled):not(:disabled).hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active,:host .btn-search:not(.disabled):not(:disabled).active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host{}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}";
-const ExpandingSearch = class {
-  expandInput() {
-    setTimeout(this.focusTextInput, 300);
-    this.expanded = true;
-  }
-  collapseInput() {
-    if (!this.isFieldChanged && this.expanded) {
-      this.expanded = false;
-    }
-  }
-  clearInput() {
-    this.value = "";
-    this.isFieldChanged = false;
-  }
-  onChange(e) {
-    this.value = e.target.value;
-    if (this.isFieldChanged && this.value === "") {
-      this.isFieldChanged = false;
-    } else {
-      this.isFieldChanged = true;
-    }
-    this.valueChange.emit(this.value);
-  }
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.valueChange = createEvent(this, "valueChange", 7);
-    this.placeholder = "Enter text here";
-    this.value = "";
-    this.fullWidth = false;
-    this.variant = "tertiary";
-    this.isFieldChanged = false;
-    this.expanded = false;
-    this.hasFocus = false;
-    this.focusTextInput = this.focusTextInput.bind(this);
-  }
-  focusTextInput() {
-    var _a;
-    (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
-  }
-  clearClicked() {
-    var _a;
-    this.clearInput();
-    (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
-    this.valueChange.emit(this.value);
-  }
-  render() {
-    var _a;
-    return h(Host, { key: "6fa9475cb63afee99623408a13321b4f01e7e346", class: {
-      expanded: this.expanded,
-      "right-position": this.expanded,
-      fullWidth: this.fullWidth
-    } }, h("ix-icon-button", { key: "d4f6f3e8363b84190b6b875775f77e69df958417", size: this.expanded ? "16" : "24", icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? "tertiary" : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? "input-search-icon--color--focus" : void 0, class: {
-      "btn-search": true,
-      "btn-search--expanded": this.expanded
-    }, "aria-label": this.ariaLabelSearchIconButton }), h("div", { key: "843d11c6d7ca40c2bf44cbda4a078283d14a9c60", class: {
-      expanded: this.expanded,
-      fullWidth: this.fullWidth,
-      collapsed: !this.expanded,
-      "disable-pointer": !this.expanded,
-      "input-container": true
-    }, "data-testid": "input-wrapper" }, h("input", { key: "f4e711d68bb5037be4e0727476433a8483517685", class: {
-      "ix-form-control": true,
-      input: this.expanded,
-      "disable-pointer": !this.expanded,
-      "opacity-before": !this.expanded,
-      "opacity-after": this.expanded
-    }, ref: (el) => this.textInput = el, "data-testid": "input", placeholder: this.placeholder, type: "text", value: this.value, onBlur: () => {
-      this.collapseInput();
-      this.hasFocus = false;
-    }, onFocus: () => this.hasFocus = true, onInput: (e) => this.onChange(e), tabindex: this.expanded ? 0 : -1, "aria-label": this.ariaLabelSearchInput }), this.isFieldChanged ? h("ix-icon-button", { class: "btn-clear", icon: iconClear, variant: "subtle-tertiary", size: "16", "data-testid": "clear-button", onClick: () => this.clearClicked(), "aria-label": this.ariaLabelClearIconButton }) : null));
-  }
-};
-ExpandingSearch.style = expandingSearchCss;
-export {
-  ExpandingSearch as ix_expanding_search
-};

package/build/static/demo/v2/preview/html/assets/ix-field-label_2.entry-ZdWpUNU_.js

@@ -1,168 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { b as a11yHostAttributes } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { m as makeRef } from "./make-ref-bcj7UEIC-BX_OSyqv.js";
-import { c as createClassMutationObserver } from "./validation-LJh16vt2-UdKtJkBO.js";
-import { h as hasAnyText, H as HelperText$1 } from "./helper-text-util-gKdL-wH2-BxY7xz-E.js";
-import "./index-8HpPmDK_-DinFJk0z.js";
-function isIxInputFieldComponent(obj) {
-  return obj && "getAssociatedFormElement" in obj && typeof obj.getAssociatedFormElement === "function" && "getNativeInputElement" in obj && typeof obj.getNativeInputElement === "function";
-}
-const fieldLabelCss = ":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}";
-const FormFieldLabel = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.isInvalid = false;
-    this.explicitIsInvalid = void 0;
-    this.htmlForObserver = new MutationObserver(() => this.checkForInternalState());
-    this.a11yAttributes = {};
-    this.labelRef = makeRef();
-  }
-  isInvalidChanged(newValue) {
-    this.explicitIsInvalid = newValue;
-  }
-  connectedCallback() {
-    this.registerHtmlForObserver();
-    this.registerControlRefObserver();
-  }
-  disconnectedCallback() {
-    if (this.htmlForObserver) {
-      this.htmlForObserver.disconnect();
-    }
-    if (this.htmlForClassObserver) {
-      this.htmlForClassObserver.destroy();
-    }
-    if (this.controlRefClassObserver) {
-      this.controlRefClassObserver.destroy();
-    }
-  }
-  componentWillRender() {
-    this.checkForInternalState();
-  }
-  componentWillLoad() {
-    this.a11yAttributes = a11yHostAttributes(this.hostElement);
-  }
-  registerHtmlForObserver() {
-    if (typeof window === "undefined") {
-      return;
-    }
-    if (this.htmlForObserver) {
-      this.htmlForObserver.disconnect();
-    }
-    if (this.htmlFor) {
-      this.htmlForObserver.observe(window.document, {
-        childList: true,
-        subtree: true
-      });
-    }
-  }
-  async registerControlRefObserver() {
-    if (typeof window === "undefined") {
-      return;
-    }
-    if (this.controlRefClassObserver) {
-      this.controlRefClassObserver.destroy();
-    }
-    if (this.controlRef && !this.htmlFor) {
-      const input = await this.controlRef.waitForCurrent();
-      this.controlRefClassObserver = createClassMutationObserver(input, () => this.checkForInvalidState(input));
-    }
-  }
-  registerHtmlForClassObserver(forElement) {
-    if (this.htmlForClassObserver) {
-      this.htmlForClassObserver.destroy();
-    }
-    this.htmlForClassObserver = createClassMutationObserver(forElement, () => this.checkForInvalidState(forElement));
-  }
-  checkForInvalidState(elementToCheck) {
-    var _a;
-    const hasInvalidClass = elementToCheck.classList.contains("is-invalid") || elementToCheck.classList.contains("ix-invalid");
-    this.isInvalid = (_a = this.explicitIsInvalid) !== null && _a !== void 0 ? _a : hasInvalidClass;
-  }
-  async checkForInternalState() {
-    if (this.htmlFor) {
-      const forElement = document.getElementById(this.htmlFor);
-      if (forElement) {
-        if (typeof forElement.required === "boolean") {
-          this.required = forElement.required;
-        }
-        this.registerHtmlForClassObserver(forElement);
-        this.checkForInvalidState(forElement);
-        return;
-      }
-    }
-    if (this.controlRef) {
-      const input = await this.controlRef.waitForCurrent();
-      this.required = input.required;
-    }
-  }
-  async focusOnClick() {
-    if (this.htmlFor) {
-      const target = document.getElementById(this.htmlFor);
-      if (target) {
-        let input = null;
-        if (isIxInputFieldComponent(target)) {
-          input = await target.getNativeInputElement();
-        } else {
-          input = target;
-        }
-        if (typeof input.focus === "function") {
-          input.focus();
-        }
-      }
-    }
-    if (this.controlRef) {
-      (await this.controlRef.waitForCurrent()).focus();
-    }
-  }
-  render() {
-    return h(Host, { key: "1a8134a30a1b101f6bfd678f905eb88e927e47d6", onClick: () => this.focusOnClick() }, h("label", Object.assign({ key: "ef6df6072485fb72ea02a0a9800be3be15e84314", htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), h("ix-typography", { key: "572975edeae54d15932c3b6091ed63dfff8bb231", textColor: this.isInvalid ? "alarm" : "soft", format: "label" }, h("slot", { key: "452847ea7365cefc945bc6166bf2e8fd44d3f530" }), this.required && h("span", { key: "5e85f801d6fe8a01d6595a55bb263d0bcf91a888" }, "*"))));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-  static get watchers() {
-    return {
-      "isInvalid": ["isInvalidChanged"],
-      "htmlFor": ["registerHtmlForObserver"],
-      "controlRef": ["registerControlRefObserver"]
-    };
-  }
-};
-FormFieldLabel.style = fieldLabelCss;
-const fieldWrapperCss = ":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:-moz-min-content;width:min-content;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";
-const FieldWrapper = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.isInvalid = false;
-    this.isValid = false;
-    this.isInfo = false;
-    this.isWarning = false;
-    this.showTextAsTooltip = false;
-    this.required = false;
-    this.slotRef = makeRef();
-  }
-  render() {
-    const textOptions = {
-      invalidText: this.invalidText,
-      isInvalid: this.isInvalid,
-      isValid: this.isValid,
-      validText: this.validText,
-      isWarning: this.isWarning,
-      warningText: this.warningText,
-      isInfo: this.isInfo,
-      infoText: this.infoText,
-      helperText: this.helperText
-    };
-    return h(Host, { key: "531b08942bf31c36043fb3d7cd3af489f2fe83b0" }, this.label && h("div", { key: "49b9ef124fc2d69fb2528585d7b232b2e3d6d4b6", class: "field-top" }, h("ix-field-label", { key: "20a089a72de7ee3045c048c19d868ff3b4be2706", required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label)), h("div", { key: "80c8ce58eb73379755757b2cef6b318cdc279b6b", class: {
-      "slot-wrapper": true
-    }, ref: this.slotRef }, h("slot", { key: "f41f0681742e9f783092bad7484c851e2b987c99" })), h("div", { key: "9db46e23621d508e08fe87cae69a3698491347dc", class: "field-bottom" }, !this.showTextAsTooltip && h(HelperText$1, Object.assign({ key: "29802c92675a34cd215740a5df6fae77ed36368f" }, textOptions)), h("div", { key: "b94a1cc2acd5f8379e768fda9f222af6cb85f2b7", class: "bottom-right" }, h("slot", { key: "3c5ba2d9a6d4671b6fadba6e06455ae229894f94", name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && h("ix-tooltip", { key: "890c4a39781fbb14b96660691fd6f6fe96a30e0b", for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, h(HelperText$1, Object.assign({ key: "638410fd78282cf38065635a79cceeb064a2a10e" }, textOptions))));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-};
-FieldWrapper.style = fieldWrapperCss;
-export {
-  FormFieldLabel as ix_field_label,
-  FieldWrapper as ix_field_wrapper
-};

package/build/static/demo/v2/preview/html/assets/ix-filter-chip_2.entry-Dw98vlVa.js

@@ -1,106 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { m as iconCloseSmall } from "./index-8HpPmDK_-DinFJk0z.js";
-const filterChipCss = ":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5rem}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}:host(:focus-visible:not(.disabled):not(:disabled)){outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}";
-const FilterChip = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.closeClick = createEvent(this, "closeClick", 7);
-    this.disabled = false;
-    this.readonly = false;
-  }
-  onCloseClick(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    this.closeClick.emit();
-  }
-  render() {
-    return h(Host, { key: "e583d14307f98b55f1ff4be4b9c3897776eaae75", class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, h("div", { key: "998751b62b8266368176fe1186a6dd2f311199be", class: "slot-container" }, h("slot", { key: "2861044a08d5b237444cda5bb5fafe0bc0c97790" })), !this.disabled && !this.readonly ? h("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton }) : null);
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-};
-FilterChip.style = filterChipCss;
-class IxSelectItemLabelChangeEvent extends CustomEvent {
-  constructor(detail) {
-    super("ix-select-item:labelChange", {
-      bubbles: true,
-      detail
-    });
-  }
-}
-class IxSelectItemValueChangeEvent extends CustomEvent {
-  constructor(detail) {
-    super("ix-select-item:valueChange", {
-      bubbles: true,
-      detail
-    });
-  }
-}
-const selectItemCss = ":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.display-none){display:none}";
-const SelectItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.itemClick = createEvent(this, "itemClick", 7);
-    this.selected = false;
-    this.hover = false;
-    this.componentLoaded = false;
-  }
-  /** @internal */
-  async getDropdownItemElement() {
-    return this.dropdownItem;
-  }
-  /**
-   * @internal
-   * @param event
-   */
-  async onItemClick(event) {
-    event === null || event === void 0 ? void 0 : event.preventDefault();
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
-    this.itemClick.emit(this.value);
-  }
-  get dropdownItem() {
-    return this.hostElement.querySelector("ix-dropdown-item");
-  }
-  componentDidRender() {
-    if (this.value === void 0 || this.value === null) {
-      console.warn("ix-select-item must have a `value` property");
-    }
-    this.componentLoaded = true;
-  }
-  onValueChange(newValue, oldValue) {
-    if (this.componentLoaded) {
-      this.hostElement.dispatchEvent(new IxSelectItemValueChangeEvent({
-        newValue,
-        oldValue
-      }));
-    }
-  }
-  labelChange(newValue, oldValue) {
-    if (this.componentLoaded) {
-      this.hostElement.dispatchEvent(new IxSelectItemLabelChangeEvent({
-        newValue,
-        oldValue
-      }));
-    }
-  }
-  render() {
-    return h(Host, { key: "d471aafd061cccdd058502fb02f16aa79fd7d37b" }, h("ix-dropdown-item", { key: "6e57ba4665445e0ea0222f16177821a6fe53867e", class: {
-      "select-item-checked": this.selected
-    }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) }));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-  static get watchers() {
-    return {
-      "value": ["onValueChange"],
-      "label": ["labelChange"]
-    };
-  }
-};
-SelectItem.style = selectItemCss;
-export {
-  FilterChip as ix_filter_chip,
-  SelectItem as ix_select_item
-};

package/build/static/demo/v2/preview/html/assets/ix-flip-tile-content.entry-u95QqZM7.js

@@ -1,15 +0,0 @@
-import { r as registerInstance, h, H as Host } from "./global-X2k8gwUL.js";
-const flipTileContentCss = ":host{display:block}";
-const FlipTileContent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.contentVisible = false;
-  }
-  render() {
-    return h(Host, { key: "002fbfde1a46839d622af7fb2be6dff5ca99aa87" }, this.contentVisible ? h("slot", null) : null);
-  }
-};
-FlipTileContent.style = flipTileContentCss;
-export {
-  FlipTileContent as ix_flip_tile_content
-};