@siemens/ix-docs 4.3.0 → 4.4.0

package/build/static/demo/v2/preview/html/assets/input-with-slots-Cx2Aydq7.js

@@ -1,7 +0,0 @@
-import "./global-X2k8gwUL.js";
-import { a as addIcons } from "./ix-icon.entry-CAC9hLPU.js";
-import { f as iconBulb } from "./index-CtK4JYCE.js";
-import "./init-BwA_PJxl.js";
-addIcons({
-  iconBulb
-});

package/build/static/demo/v2/preview/html/assets/input.fc-KJF8Z9iJ-DsbniA2d.js

@@ -1,212 +0,0 @@
-import { h } from "./global-X2k8gwUL.js";
-import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { s as shouldSuppressInternalValidation } from "./validation-LJh16vt2-UdKtJkBO.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";
-import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
-function shakeInput(input) {
-  const xMax = 5;
-  animate(input, {
-    duration: Animation.defaultTime,
-    easing: "easeInOutSine",
-    loop: 2,
-    translateX: [
-      {
-        value: xMax * -1
-      },
-      {
-        value: xMax
-      },
-      {
-        value: xMax / -2
-      },
-      {
-        value: xMax / 2
-      },
-      {
-        value: 0
-      }
-    ]
-  });
-}
-function mapValidationResult(ref, result) {
-  ref.isInvalid = result.isInvalid || result.isInvalidByRequired;
-  ref.isValid = result.isValid;
-  ref.isInfo = result.isInfo;
-  ref.isWarning = result.isWarning;
-}
-function checkAllowedKeys(comp, event) {
-  if (comp.allowedCharactersPattern) {
-    const regex = new RegExp(comp.allowedCharactersPattern);
-    if (!regex.test(event.key)) {
-      event.preventDefault();
-      shakeInput(comp.inputRef.current);
-    }
-  }
-}
-async function checkInternalValidity(comp, input) {
-  const validityState = input.validity;
-  const currentValidityState = !comp.hostElement.classList.contains("ix-invalid--validity-invalid");
-  const newValidityState = validityState.valid;
-  if (currentValidityState !== newValidityState) {
-    const eventResult = comp.validityStateChange.emit(validityState);
-    if (eventResult.defaultPrevented) {
-      return;
-    }
-  }
-  if (comp.value === null || comp.value === void 0) {
-    return;
-  }
-  const skipValidation = await shouldSuppressInternalValidation(comp);
-  if (skipValidation) {
-    return;
-  }
-  const { valid } = validityState;
-  comp.hostElement.classList.toggle("ix-invalid--validity-invalid", !valid);
-}
-function onInputBlur(comp, input) {
-  comp.ixBlur.emit();
-  if (!input) {
-    throw new Error("Input element is not available");
-  }
-  input.setAttribute("data-ix-touched", "true");
-  checkInternalValidity(comp, input);
-}
-function applyPaddingEnd(inputElement, width, options) {
-  var _a;
-  if (!inputElement) {
-    return;
-  }
-  const remInPixels = 16;
-  const padding = convertToRemString(width + remInPixels / 2);
-  if (options.slotEnd) {
-    inputElement.style.paddingRight = `calc(${padding} + ${(_a = options.additionalPaddingRight) !== null && _a !== void 0 ? _a : "0rem"})`;
-  } else {
-    inputElement.style.paddingLeft = padding;
-  }
-}
-function adjustPaddingForStartAndEnd(startElement, endElement, inputElement) {
-  requestAnimationFrame(() => {
-    requestAnimationFrame(() => {
-      if (startElement) {
-        const startBoundingRect = startElement.getBoundingClientRect();
-        if (startBoundingRect) {
-          applyPaddingEnd(inputElement, startBoundingRect.width, {
-            slotEnd: false
-          });
-        }
-      }
-      if (endElement) {
-        const endBoundingRect = endElement.getBoundingClientRect();
-        if (endBoundingRect) {
-          applyPaddingEnd(inputElement, endBoundingRect.width, {
-            slotEnd: true
-          });
-        }
-      }
-    });
-  });
-}
-function getAriaAttributesForInput(component) {
-  const inputAria = {
-    "aria-invalid": `${a11yBoolean(component.isInvalid)}`,
-    "aria-required": `${a11yBoolean(component.required)}`
-  };
-  if (component.isInvalid && component.invalidText) {
-    inputAria["aria-errormessage"] = component.invalidText;
-  }
-  return inputAria;
-}
-const addDisposableChangesAndVisibilityObservers = (element, callback) => {
-  const intersectionObserver = observeElementUntilVisible(element, callback);
-  const mutationObserver = createMutationObserver(callback);
-  mutationObserver.observe(element, {
-    subtree: true,
-    attributes: true
-  });
-  return () => {
-    intersectionObserver.disconnect();
-    mutationObserver.disconnect();
-  };
-};
-function observeElementUntilVisible(hostElement, updateCallback) {
-  const intersectionObserver = new IntersectionObserver((entries) => {
-    entries.forEach((entry) => {
-      if (entry.isIntersecting) {
-        updateCallback();
-      }
-    });
-  });
-  intersectionObserver.observe(hostElement);
-  return intersectionObserver;
-}
-function handleSubmitOnEnterKeydown(event, suppressSubmitOnEnter, form) {
-  if (suppressSubmitOnEnter || event.key !== "Enter" || !form) {
-    return;
-  }
-  event.preventDefault();
-  const submitButton = form.querySelector('button[type="submit"], ix-button[type="submit"]');
-  if (submitButton) {
-    form.requestSubmit(submitButton);
-  }
-  if (form.length === 1) {
-    form.requestSubmit();
-  }
-}
-function TextareaElement(props) {
-  return h("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
-    "is-invalid": props.isInvalid
-  }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
-    const target = inputEvent.target;
-    props.updateFormInternalValue(target.value);
-    props.valueChange(target.value);
-  }, onBlur: () => props.onBlur(), style: {
-    resize: props.resizeBehavior,
-    height: props.textareaHeight,
-    width: props.textareaWidth
-  } }, props.ariaAttributes));
-}
-function InputElement(props) {
-  return h("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : void 0, minLength: props.minLength ? Number(props.minLength) : void 0, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
-    "is-invalid": props.isInvalid
-  }, style: {
-    textAlign: props.textAlignment
-  }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onKeyDown: (e) => {
-    var _a;
-    (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
-    handleSubmitOnEnterKeydown(e, !!props.suppressSubmitOnEnter, props.form);
-  } }, {
-    onBeforeInput: (event) => {
-      var _a;
-      return (_a = props.onBeforeInput) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    }
-  }, { onPaste: (event) => {
-    var _a;
-    return (_a = props.onPaste) === null || _a === void 0 ? void 0 : _a.call(props, event);
-  }, onInput: (inputEvent) => {
-    const target = inputEvent.target;
-    props.updateFormInternalValue(target.value);
-    props.valueChange(target.value);
-  }, onBlur: () => props.onBlur() }, props.ariaAttributes));
-}
-const SlotEnd = (props, children) => {
-  return h("div", { class: "end-container", ref: props.slotEndRef }, h("slot", { name: "end", onSlotchange: props.onSlotChange }), children);
-};
-const SlotStart = (props) => {
-  return h("div", { class: "start-container", ref: props.slotStartRef }, h("slot", { name: "start", onSlotchange: props.onSlotChange }));
-};
-export {
-  InputElement as I,
-  SlotEnd as S,
-  TextareaElement as T,
-  addDisposableChangesAndVisibilityObservers as a,
-  adjustPaddingForStartAndEnd as b,
-  SlotStart as c,
-  checkAllowedKeys as d,
-  checkInternalValidity as e,
-  getAriaAttributesForInput as g,
-  handleSubmitOnEnterKeydown as h,
-  mapValidationResult as m,
-  onInputBlur as o
-};

package/build/static/demo/v2/preview/html/assets/ix-action-card.entry-DcyCaXCh.js

@@ -1,23 +0,0 @@
-import { r as registerInstance, h, H as Host } from "./global-X2k8gwUL.js";
-import { g as getFallbackLabelFromIconName, a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-const actionCardCss = ":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}: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 ix-card{width:100%;height:100%}";
-const IxActionCard = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.variant = "outline";
-    this.icon = void 0;
-    this.selected = false;
-    this.passive = false;
-  }
-  getSubheadingTextColor() {
-    return this.variant === "outline" || this.variant === "filled" ? "soft" : void 0;
-  }
-  render() {
-    const ariaLabelledBy = !this.ariaLabelCard && this.heading ? "ix-action-card-heading" : void 0;
-    return h(Host, { key: "600ad1913e671fb47ec9da8f66e984bbde498fae" }, h("ix-card", { key: "1a8168a17a643908126f841e9cdd6d0055a62399", selected: this.selected, variant: this.variant, passive: this.passive, class: "pointer", "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? "group" : void 0 }, h("ix-card-content", { key: "c138b94b131af478fee65244f32b91cdf78b31df" }, this.icon ? h("ix-icon", { class: "icon", name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) }) : null, h("div", { key: "eb0252c628c75709fddae387a3b4a7abbf7c3df0" }, this.heading ? h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading) : null, this.subheading ? h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading) : null, h("slot", { key: "f47fd515fc5b8f22344dc83b808e527116238618" })))));
-  }
-};
-IxActionCard.style = actionCardCss;
-export {
-  IxActionCard as ix_action_card
-};

package/build/static/demo/v2/preview/html/assets/ix-application-header.entry-FtPZmUij.js

@@ -1,177 +0,0 @@
-import { r as registerInstance, c as createEvent, a as readTask, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { e as iconMoreMenu, f as iconApps } from "./index-8HpPmDK_-DinFJk0z.js";
-import { a as a11yBoolean } from "./a11y-Bb7pDeaQ-DNI84lDX.js";
-import { s as showAppSwitch } from "./index-75AAQH08-BEc5f8Hi.js";
-import { a as applicationLayoutService } from "./service-Da0kv8hS-ChZKlHDF.js";
-import { a as useContextConsumer, A as ApplicationLayoutContext } from "./context-BniHpAE1-BXrc-Gwu.js";
-import { g as getCurrentBreakpoint } from "./breakpoints-D_Hmobxf-DBbixPq4.js";
-import { m as menuController } from "./menu-service-BMvtckRa-Dk6abri9.js";
-import { h as hasSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
-import "./animation-C5MWUgDN-BXCJNYHu.js";
-import "./modal-DCXtePY2-Cy6rmdf-.js";
-import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-const applicationHeaderCss = ":host{display:flex;flex-wrap:nowrap;align-items:end;justify-content:space-between;position:relative;width:100%;min-height:3rem;padding-top:var(--ix-safe-area-inset-top, 0rem);padding-right:calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}: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 .left-side,:host .right-side{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;align-items:center;min-width:0;min-height:3rem;height:100%}:host .left-side{flex:0 1 auto}:host .left-side .app-icon{display:block;position:relative;width:2rem;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}:host .left-side .app-icon.app-icon-outline{outline:1px solid var(--theme-app-header-app-icon--outline-color);border-radius:0.125rem}:host .left-side .app-icon img{position:relative;display:block;width:100%;height:100%;border-radius:0.125rem}:host .left-side .app-switch{margin:0 0.625rem}:host .left-side .app-switch.without-app-icon{margin-left:0px}:host .left-side .name{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-left:0.75rem;margin-right:0.75rem;color:var(--theme-app-header--color);min-width:0;gap:0.75rem;overflow:hidden}:host .left-side .application-name,:host .left-side .application-name-suffix{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap}:host .left-side .application-name{flex:0 1 auto;min-width:0;flex-shrink:0;max-width:100%}:host .left-side .application-name-suffix{flex:1 1 auto;margin-top:0.4rem;min-width:0;flex-shrink:1;color:var(--theme-app-header-name-suffix--color)}:host .left-side .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-right:1rem;margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content}:host .left-side .logo.hide-logo{display:none}:host .right-side{flex:1 1 auto;overflow:hidden;justify-content:space-between}:host .right-side .content,:host .right-side .secondary{display:flex;position:relative;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;height:100%}:host .right-side .content{min-width:-moz-max-content;min-width:max-content}:host .right-side .secondary{overflow:hidden}:host .right-side .dropdown{overflow:visible}:host .right-side .dropdown-content>.slot-content-active{padding:0.5rem 1.5rem 0.5rem 1.5rem;border-top:none}:host .right-side .dropdown-content .slot-content-active~.slot-content-active{border-top:1px solid var(--theme-color-x-weak-bdr)}:host .right-side .context-menu{display:none}:host .right-side .context-menu.context-menu-visible{display:block;margin-left:0.5rem}:host .right-side ::slotted(ix-avatar){margin-left:0.5rem}:host .right-side .primary-navigation{align-self:end}:host .right-side.sm{justify-content:end}@media only screen and (max-width: 48em){:host .logo{margin-left:0.5rem;display:none !important}:host .content,:host .secondary,:host .app-icon{display:none}}:host(.hide-bottom-border){border-bottom:none}";
-const ApplicationHeader = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.menuToggle = createEvent(this, "menuToggle", 7);
-    this.openAppSwitch = createEvent(this, "openAppSwitch", 7);
-    this.appIconOutline = false;
-    this.hideBottomBorder = false;
-    this.showMenu = false;
-    this.enableTopLayer = false;
-    this.breakpoint = "lg";
-    this.menuExpanded = false;
-    this.suppressResponsive = false;
-    this.hasSlottedLogo = false;
-    this.hasOverflowContextMenu = false;
-    this.hasSecondarySlotElements = false;
-    this.hasDefaultSlotElements = false;
-    this.hasOverflowSlotElements = false;
-  }
-  get contentBackground() {
-    return this.hostElement.shadowRoot.querySelector(".dropdown-content");
-  }
-  componentWillLoad() {
-    this.breakpoint = getCurrentBreakpoint();
-    useContextConsumer(this.hostElement, ApplicationLayoutContext, (ctx) => {
-      this.breakpoint = applicationLayoutService.breakpoint;
-      this.applicationLayoutContext = ctx;
-      this.tryUpdateAppSwitch();
-    }, true);
-    this.menuDisposable = menuController.expandChange.on((show) => {
-      this.menuExpanded = show;
-    });
-    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
-      if (this.suppressResponsive) {
-        return;
-      }
-      this.breakpoint = mode;
-    });
-    this.updateHasSlotAssignedElementsStates();
-  }
-  componentDidLoad() {
-    this.attachSiemensLogoIfLoaded();
-  }
-  disconnectedCallback() {
-    var _a, _b;
-    (_a = this.menuDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-    (_b = this.modeDisposable) === null || _b === void 0 ? void 0 : _b.dispose();
-  }
-  watchApplicationLayoutContext() {
-    if (this.applicationLayoutContext) {
-      this.showMenu = false;
-    }
-  }
-  watchSuppressResponsive() {
-    this.breakpoint = "md";
-  }
-  checkLogoSlot() {
-    const slotElement = this.hostElement.shadowRoot.querySelector('slot[name="logo"]');
-    const isSiemensLogoDefined = window.customElements.get("ix-siemens-logo") !== void 0;
-    if (isSiemensLogoDefined) {
-      return hasSlottedElements(slotElement);
-    }
-    let assignedElements = slotElement === null || slotElement === void 0 ? void 0 : slotElement.assignedElements({ flatten: true });
-    assignedElements = assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.filter((element) => element.tagName !== "IX-SIEMENS-LOGO");
-    return (assignedElements === null || assignedElements === void 0 ? void 0 : assignedElements.length) !== 0;
-  }
-  attachSiemensLogoIfLoaded() {
-    if (this.companyLogo) {
-      return;
-    }
-    if (!this.checkLogoSlot()) {
-      const logoElement = document.createElement("ix-siemens-logo");
-      logoElement.slot = "logo";
-      this.hostElement.appendChild(logoElement);
-    }
-  }
-  async onMenuClick() {
-    if (this.applicationLayoutContext) {
-      menuController.toggle();
-    } else {
-      this.menuExpanded = !this.menuExpanded;
-    }
-    this.menuToggle.emit(this.menuExpanded);
-  }
-  resolveContextMenuButton() {
-    return new Promise((resolve) => readTask(() => resolve(this.hostElement.shadowRoot.querySelector("[data-context-menu]"))));
-  }
-  tryUpdateAppSwitch() {
-    var _a, _b;
-    if (!this.callbackUpdateAppSwitchModal || !((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig)) {
-      return;
-    }
-    this.callbackUpdateAppSwitchModal((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.appSwitchConfig);
-  }
-  async showAppSwitch() {
-    var _a, _b;
-    const { defaultPrevented } = this.openAppSwitch.emit();
-    if (defaultPrevented) {
-      return;
-    }
-    if (!((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig)) {
-      return;
-    }
-    this.callbackUpdateAppSwitchModal = await showAppSwitch((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.appSwitchConfig);
-  }
-  updateHasSlotAssignedElementsStates() {
-    const defaultSlot = this.hostElement.shadowRoot.querySelector(".content slot:not([name])");
-    const secondarySlot = this.hostElement.shadowRoot.querySelector('.content slot[name="secondary"]');
-    const overflowSlot = this.hostElement.shadowRoot.querySelector('.content slot[name="overflow"]');
-    this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);
-    this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);
-    this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);
-    this.hasOverflowContextMenu = this.hasDefaultSlotElements || this.hasSecondarySlotElements;
-  }
-  onContentBgClick(e) {
-    if (e.target === this.contentBackground) {
-      e.preventDefault();
-    }
-  }
-  render() {
-    var _a;
-    const hasApplicationContextAvailable = !!this.applicationLayoutContext;
-    const showMenuByApplicationFrame = this.breakpoint === "sm" && this.suppressResponsive === false && hasApplicationContextAvailable;
-    const showApplicationSwitch = ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && this.breakpoint !== "sm" && this.suppressResponsive === false;
-    const showCompanyLogoByProperty = this.breakpoint !== "sm" && !!this.companyLogo;
-    return h(Host, { key: "f70c16368414080ba826e2009b1e0f3f65cb2ff1", class: {
-      [`breakpoint-${this.breakpoint}`]: true,
-      "hide-bottom-border": this.hideBottomBorder
-    }, slot: "application-header" }, h("div", { key: "aa68f775dc1b58aafdf4b4d37700113fbc509e2d", class: "left-side" }, this.appIcon && this.breakpoint !== "sm" && h("div", { key: "ae9b4672c1348d21c9c48421e867634af213a5c7", class: {
-      "app-icon": true,
-      "app-icon-outline": this.appIconOutline
-    } }, h("img", { key: "2bf6e28d9867f08a6d954e132ece2c149e20f1b5", src: this.appIcon, alt: this.appIconAlt })), (this.showMenu || showMenuByApplicationFrame) && h("ix-menu-expand-icon", { key: "64ba854155f4ab55ff7aa2f2b15b2feb19145a4e", onClick: () => this.onMenuClick(), expanded: this.menuExpanded }), showApplicationSwitch && h("ix-icon-button", { key: "265abaec15030ee7dc41a1e0535f09e32b99ff01", onClick: () => this.showAppSwitch(), icon: iconApps, variant: "subtle-tertiary", class: {
-      "app-switch": true,
-      "without-app-icon": !this.appIcon
-    }, "aria-label": this.ariaLabelAppSwitchIconButton }), showCompanyLogoByProperty && h("div", { key: "34e1ee388c68ec1e5a4c5ab0a67ae07f66d3b2ef", class: "logo" }, h("img", { key: "86bb6a77c06e0f30ce41de66a4fe813bc236b536", src: this.companyLogo, alt: this.companyLogoAlt })), h("div", { key: "3391b44a0cdaaa1b8b60e29fe71c9f9a04473919", class: {
-      logo: true,
-      "hide-logo": !this.hasSlottedLogo
-    } }, h("slot", { key: "e0e554af7fe4746a6b12ada015f0f129b96bdd76", name: "logo", onSlotchange: () => this.hasSlottedLogo = this.checkLogoSlot() })), h("div", { key: "cf3bca529813307e538a13ddc454d01cce5a8689", class: "name" }, h("ix-typography", { key: "9e4d9c3b6a3f45e6ceba918bc17fd4ff4a5453c3", format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== "sm" && h("ix-typography", { key: "9f7780499e2fb19e622e16a4f7e46084e5713f68", format: "body-xs", class: "application-name-suffix" }, this.nameSuffix))), h("div", { key: "3a4dee26b48e356c2652517dd88887d936f926d5", class: { "right-side": true, sm: this.breakpoint === "sm" } }, this.breakpoint !== "sm" && h("div", { key: "fd961eea6ec62a745dc2b6c9842a7dcd777c9218", class: "secondary" }, h("slot", { key: "c214a8d62f28268acb56f1ecb88115d82f14cf0a", name: "secondary" })), h("div", { key: "48bb5fd5dbb93f25c933436ce5033fbb75db6962", class: "content" }, this.breakpoint !== "sm" && h("slot", { key: "868289b10946d895af657afb22d047a2864a9e8a" }), h("ix-icon-button", { key: "6b83cf6c6f04a1435c21a6f1a61a54f82531db48", class: {
-      "context-menu": true,
-      "context-menu-visible": this.hasOverflowContextMenu || this.hasOverflowSlotElements
-    }, "data-context-menu": true, "data-testid": "show-more", icon: iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), h("ix-dropdown", { key: "e0c44a160fccfc5d02672b09abff3ea209df4056", "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)), enableTopLayer: this.enableTopLayer }, h("div", { key: "d17c4e3695fdcc517272552b4420175dfbd2f2c8", class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === "sm" && h("div", { key: "6e96017787c861308cd4dbcaca0312dd0601746b", class: {
-      "slot-content": true,
-      "slot-content-active": this.hasSecondarySlotElements
-    } }, h("slot", { key: "d078fd257e64da944799047951c8b9ab2d762e0d", name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })), this.breakpoint === "sm" && h("div", { key: "64d3c501c11859ed9c27d3a8f64294a080925ca4", class: {
-      "slot-content": true,
-      "slot-content-active": this.hasDefaultSlotElements
-    } }, h("slot", { key: "aa759b7edbfa50848887dc23e649ffe85fd296fa", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })), h("div", { key: "caf2086cb213c9650e52df3433eac548a7a5510e", class: {
-      "slot-content": true,
-      "slot-content-active": this.hasOverflowSlotElements
-    } }, h("slot", { key: "e4bf46ff49a8416e405513115db147994a2c6df6", name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), h("slot", { key: "17038a34906a10b5f0014a3f9f0e4bf8362f5695", name: "ix-application-header-avatar" }))));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-  static get watchers() {
-    return {
-      "applicationLayoutContext": ["watchApplicationLayoutContext"],
-      "suppressResponsive": ["watchSuppressResponsive"]
-    };
-  }
-};
-ApplicationHeader.style = applicationHeaderCss;
-export {
-  ApplicationHeader as ix_application_header
-};

package/build/static/demo/v2/preview/html/assets/ix-application-sidebar.entry-Bi5SGHkB.js

@@ -1,40 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { a as animate } from "./anime.esm-DhE1t8Qh-cS95-bBh.js";
-import { A as Animation } from "./animation-C5MWUgDN-BXCJNYHu.js";
-const applicationSidebarCss = ":host{display:block;position:relative;width:22rem;height:100%;padding:0}: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(.visible){border-right:2px solid var(--theme-color-soft-bdr);padding:1.5rem 0.5rem 0}";
-const ApplicationSidebar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.visible = true;
-  }
-  listenToggleEvent() {
-    const visibility = !this.visible;
-    const animation = {
-      width: visibility ? ["0", "22rem"] : ["22rem", "0"],
-      opacity: visibility ? [0, 1] : [1, 0],
-      easing: "easeInSine",
-      duration: Animation.defaultTime
-    };
-    const changeVisibility = () => {
-      this.visible = visibility;
-    };
-    if (visibility) {
-      animation.begin = changeVisibility.bind(this);
-    } else {
-      animation.complete = changeVisibility.bind(this);
-    }
-    animate(this.hostElement, animation);
-  }
-  render() {
-    return h(Host, { key: "9930b3444817c8ad6c3da375484018d294897472", slot: "application-sidebar", class: {
-      visible: this.visible
-    } }, this.visible ? h("slot", null) : null);
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-};
-ApplicationSidebar.style = applicationSidebarCss;
-export {
-  ApplicationSidebar as ix_application_sidebar
-};

package/build/static/demo/v2/preview/html/assets/ix-application-switch-modal.entry-d0IZZBF7.js

@@ -1,48 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import "./animation-C5MWUgDN-BXCJNYHu.js";
-import { d as dismissModal } from "./modal-DCXtePY2-Cy6rmdf-.js";
-import { f as iconApps, g as iconOpenExternal } from "./index-8HpPmDK_-DinFJk0z.js";
-import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-const applicationSwitchModalCss = ":host{display:block}: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 .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.5rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected);border:var(--theme-dynamic-bdr-1)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";
-function ApplicationItem(props) {
-  function isExternal(target) {
-    if (target !== "_blank" && target !== "_parent" && target !== "_self" && target !== "_top") {
-      return true;
-    }
-    if (target === "_blank") {
-      return true;
-    }
-    return false;
-  }
-  return h("button", { class: {
-    AppEntry: true,
-    Selected: props.selected
-  }, onClick: () => {
-    dismissModal(props.host);
-    window.open(props.url, props.target);
-  } }, h("div", null, h("img", { class: "AppIcon", src: props.iconSrc })), h("div", { class: "AppName" }, h("ix-typography", { format: "h4" }, props.name, isExternal(props.target) && h("ix-icon", { size: "12", name: iconOpenExternal, color: "color-soft-text" })), h("ix-typography", { format: "label-sm", textColor: "soft" }, props.description)));
-}
-const ApplicationSwitchModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  componentWillLoad() {
-    if (!this.config) {
-      throw Error("ApplicationConfig not provided");
-    }
-  }
-  render() {
-    var _a, _b, _c, _d;
-    return h(Host, { key: "ad91bb8276f431a5eaf9efc39520c3d679fa1c35" }, h("ix-modal-header", { key: "8818474a3ac6e57a7758af5f9ed2707c1d741f36", icon: iconApps }, ((_a = this.config) === null || _a === void 0 ? void 0 : _a.i18nAppSwitch) || "Switch to application"), h("ix-modal-content", { key: "2499c10197c91b9f167f38ab864083453b497325", class: "content" }, h("div", { key: "1f6f1fe8f3cf57506aa28a9f758dcfa7a0114163", class: "content-apps" }, (!this.config || ((_b = this.config) === null || _b === void 0 ? void 0 : _b.apps.length) === 0) && h("div", { key: "096832c472ffa6665e1d1a3e61234dbf867c43c8", class: "loading" }, h("ix-spinner", { key: "89524c61771cea96b31e89b59d722e22a418ca98", size: "medium", variant: "primary" }), h("span", { key: "a9bb64f0ba5ae12e77cb86dd38a1e4da0abd7ab4" }, ((_c = this.config) === null || _c === void 0 ? void 0 : _c.i18nLoadingApps) || "Loading available applications...")), (_d = this.config) === null || _d === void 0 ? void 0 : _d.apps.map((appEntry) => {
-      var _a2;
-      return h(ApplicationItem, { host: this.hostElement, name: appEntry.name, description: appEntry.description, iconSrc: appEntry.iconSrc, target: appEntry.target, url: appEntry.url, selected: appEntry.id === ((_a2 = this.config) === null || _a2 === void 0 ? void 0 : _a2.currentAppId) });
-    }))));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-};
-ApplicationSwitchModal.style = applicationSwitchModalCss;
-export {
-  ApplicationSwitchModal as ix_application_switch_modal
-};

package/build/static/demo/v2/preview/html/assets/ix-application.entry-oiKUjZCo.js

@@ -1,110 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from "./global-X2k8gwUL.js";
-import { u as useContextProvider, A as ApplicationLayoutContext } from "./context-BniHpAE1-BXrc-Gwu.js";
-import { a as applicationLayoutService } from "./service-Da0kv8hS-ChZKlHDF.js";
-import { m as menuController } from "./menu-service-BMvtckRa-Dk6abri9.js";
-import { h as hasSlottedElements } from "./shadow-dom-i60z1FJC-Cx4XiL3F.js";
-import { t as themeSwitcher } from "./theme-switcher-DRqJGlG2-DVSIP9tc.js";
-import "./typed-event-BdCnOrqW-CWsLM0S_.js";
-import "./breakpoints-D_Hmobxf-DBbixPq4.js";
-const applicationCss = ":host{display:flex;position:relative;width:100vw;height:100vh;flex-direction:column}: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 ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host .content-area{display:flex;position:relative;flex-direction:column;flex-wrap:nowrap;height:calc(100% - var(--ix-safe-area-inset-bottom, 0px));width:100%;margin-left:var(--ix-application-menu-margin-left);min-width:0}:host main{display:block;position:relative;flex-grow:1;width:100%;padding-bottom:var(--ix-safe-area-inset-bottom);overflow:auto}:host footer{display:block;position:relative;width:100%}:host(.breakpoint-md){--ix-application-menu-margin-left:calc(\n    3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n  )}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+.content-area{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+.content-area{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:var(\n    --ix-application-menu-safe-area-left,\n    0rem\n  )}";
-const Application = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.themeSystemAppearance = false;
-    this.breakpoints = ["sm", "md", "lg"];
-    this.breakpoint = "lg";
-    this.applicationSidebarSlotted = false;
-  }
-  forceLayoutChange(newMode) {
-    if (!newMode) {
-      applicationLayoutService.enableBreakpointDetection();
-      return;
-    }
-    applicationLayoutService.disableBreakpointDetection();
-    applicationLayoutService.setBreakpoint(newMode);
-  }
-  onBreakpointsChange(breakpoints) {
-    applicationLayoutService.setBreakpoints(breakpoints);
-  }
-  get menu() {
-    return this.hostElement.querySelector("ix-menu");
-  }
-  get applicationSidebarSlot() {
-    return this.hostElement.shadowRoot.querySelector(".application-sidebar slot");
-  }
-  onContentClick() {
-    var _a;
-    if (menuController.isPinned) {
-      return;
-    }
-    (_a = this.menu) === null || _a === void 0 ? void 0 : _a.toggleMenu(false);
-  }
-  componentWillLoad() {
-    applicationLayoutService.setBreakpoints(this.breakpoints);
-    this.contextProvider = useContextProvider(this.hostElement, ApplicationLayoutContext, {
-      hideHeader: false,
-      sidebar: this.applicationSidebarSlotted,
-      appSwitchConfig: this.appSwitchConfig
-    });
-    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {
-      this.breakpoint = mode;
-    });
-    this.breakpoint = applicationLayoutService.breakpoint;
-    if (this.forceBreakpoint) {
-      this.forceLayoutChange(this.forceBreakpoint);
-    }
-    this.changeTheme();
-  }
-  disconnectedCallback() {
-    var _a;
-    (_a = this.modeDisposable) === null || _a === void 0 ? void 0 : _a.dispose();
-  }
-  changeTheme() {
-    if (!this.theme) {
-      if (this.themeSystemAppearance) {
-        themeSwitcher.setVariant();
-      }
-      return;
-    }
-    if (themeSwitcher.hasVariantSuffix(this.theme)) {
-      themeSwitcher.setTheme(`theme-${this.theme}`);
-      return;
-    }
-    themeSwitcher.setTheme(`theme-${this.theme}-dark`, this.themeSystemAppearance);
-  }
-  onApplicationSidebarChange() {
-    if (!this.contextProvider) {
-      console.error("Context provider not available");
-      return;
-    }
-    this.contextProvider.emit({
-      hideHeader: false,
-      sidebar: this.applicationSidebarSlotted,
-      appSwitchConfig: this.appSwitchConfig
-    });
-  }
-  render() {
-    return h(Host, { key: "80437ae705c381c0167b8d7c5ce429e611b03f91", "data-role": "", class: {
-      [`breakpoint-${this.breakpoint}`]: true
-    } }, h("slot", { key: "865d2e5a9252459f62ff8ab5dce1413d11c04379", name: "application-header" }), h("div", { key: "ae1960437e8721fbc4afab659d149265660e4164", class: "application" }, h("slot", { key: "a2a9a835af35e30d2ebe52347903f1838e75ac8d", name: "menu" }), h("aside", { key: "6141152471ac7dc7310247b23278dc594e025fa3", class: {
-      "application-sidebar": true,
-      slotted: this.applicationSidebarSlotted
-    }, onClick: () => this.onContentClick() }, h("slot", { key: "3285cc16452a7a6936a542dd26758beebb515972", name: "application-sidebar", onSlotchange: () => this.applicationSidebarSlotted = hasSlottedElements(this.applicationSidebarSlot) })), h("div", { key: "c6d022a1a5c220ed088adeba49ab5daa27ff8c77", class: "content-area" }, h("main", { key: "8ab781e17318078290a6ce4e1e64dfea43d5ae00", class: "content", onClick: () => this.onContentClick() }, h("slot", { key: "24e83882ab5746f4e00a0c16c797ddf4111aa1e8" })), h("footer", { key: "3ce838daa8f8f4b4e56cb2626476223d9575177c", class: "footer" }, h("slot", { key: "e49d1cd476554dfddca3b538194040ca29394967", name: "bottom" })))));
-  }
-  get hostElement() {
-    return getElement(this);
-  }
-  static get watchers() {
-    return {
-      "breakpoints": ["onBreakpointsChange"],
-      "theme": ["changeTheme"],
-      "themeSystemAppearance": ["changeTheme"],
-      "appSwitchConfig": ["onApplicationSidebarChange"],
-      "applicationSidebarSlotted": ["onApplicationSidebarChange"]
-    };
-  }
-};
-Application.style = applicationCss;
-export {
-  Application as ix_application
-};