@siemens/ix 0.0.0-pr-2238-20251103095443 → 0.0.0-pr-2269-20251117133306

package/dist/cjs/{input.util-4AhBphgX.js → input.fc-BzxtQeW-.js}

@@ -8,43 +8,6 @@ var rwd_util = require('./rwd.util-GTn-vgCJ.js');
 var anime_esm = require('./anime.esm-AXTM6yn_.js');
 var animation = require('./animation-DtTuOXbI.js');
 
-/*
- * SPDX-FileCopyrightText: 2024 Siemens AG
- *
- * SPDX-License-Identifier: MIT
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-function TextareaElement(props) {
-    return (index.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 (index.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) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
-            'is-invalid': props.isInvalid,
-        }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(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 (index.h("div", { class: "end-container", ref: props.slotEndRef }, index.h("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
-};
-const SlotStart = (props) => {
-    return (index.h("div", { class: "start-container", ref: props.slotStartRef }, index.h("slot", { name: "start", onSlotchange: props.onSlotChange })));
-};
-
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
  *
@@ -195,6 +158,64 @@ function observeElementUntilVisible(hostElement, 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();
+    }
+}
+
+/*
+ * SPDX-FileCopyrightText: 2024 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+function TextareaElement(props) {
+    return (index.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 (index.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) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, 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 (index.h("div", { class: "end-container", ref: props.slotEndRef }, index.h("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
+};
+const SlotStart = (props) => {
+    return (index.h("div", { class: "start-container", ref: props.slotStartRef }, index.h("slot", { name: "start", onSlotchange: props.onSlotChange })));
+};
 
 exports.InputElement = InputElement;
 exports.SlotEnd = SlotEnd;
@@ -205,8 +226,9 @@ exports.adjustPaddingForStartAndEnd = adjustPaddingForStartAndEnd;
 exports.checkAllowedKeys = checkAllowedKeys;
 exports.checkInternalValidity = checkInternalValidity;
 exports.getAriaAttributesForInput = getAriaAttributesForInput;
+exports.handleSubmitOnEnterKeydown = handleSubmitOnEnterKeydown;
 exports.mapValidationResult = mapValidationResult;
 exports.onInputBlur = onInputBlur;
-//# sourceMappingURL=input.util-4AhBphgX.js.map
+//# sourceMappingURL=input.fc-BzxtQeW-.js.map
 
-//# sourceMappingURL=input.util-4AhBphgX.js.map
+//# sourceMappingURL=input.fc-BzxtQeW-.js.map

package/dist/cjs/input.fc-BzxtQeW-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.fc-BzxtQeW-.js","sources":["src/components/input/input.animation.ts","src/components/input/input.util.ts","src/components/input/input.fc.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { animate } from 'animejs';\nimport Animation from '../utils/animation';\n\nexport function shakeInput(input: HTMLInputElement) {\n  const xMax = 5;\n  animate(input, {\n    duration: Animation.defaultTime,\n    easing: 'easeInOutSine',\n    loop: 2,\n    translateX: [\n      {\n        value: xMax * -1,\n      },\n      {\n        value: xMax,\n      },\n      {\n        value: xMax / -2,\n      },\n      {\n        value: xMax / 2,\n      },\n      {\n        value: 0,\n      },\n    ],\n  });\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { A11yAttributes, a11yBoolean } from '../utils/a11y';\nimport {\n  IxFormComponent,\n  IxInputFieldComponent,\n  ValidationResults,\n  shouldSuppressInternalValidation,\n} from '../utils/input';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { convertToRemString } from '../utils/rwd.util';\nimport { generateUUID } from '../utils/uuid';\nimport { shakeInput } from './input.animation';\n\nexport function createIdIfNotExists(\n  element: IxFormComponent,\n  idPrefix: string = 'input'\n) {\n  return element.hasAttribute('id')\n    ? element.getAttribute('id')\n    : `${idPrefix}-${generateUUID()}`;\n}\n\nexport function mapValidationResult<T>(\n  ref: IxInputFieldComponent<T>,\n  result: ValidationResults\n) {\n  ref.isInvalid = result.isInvalid || result.isInvalidByRequired;\n  ref.isValid = result.isValid;\n  ref.isInfo = result.isInfo;\n  ref.isWarning = result.isWarning;\n}\n\nexport function checkAllowedKeys<T>(\n  comp: IxInputFieldComponent<T>,\n  event: KeyboardEvent\n) {\n  if (comp.allowedCharactersPattern) {\n    const regex = new RegExp(comp.allowedCharactersPattern);\n    if (!regex.test(event.key)) {\n      event.preventDefault();\n      shakeInput(comp.inputRef.current);\n    }\n  }\n}\n\nexport async function checkInternalValidity<T>(\n  comp: IxFormComponent<T>,\n  input: HTMLInputElement | HTMLTextAreaElement\n) {\n  const validityState = input.validity;\n\n  const eventResult = comp.validityStateChange.emit(validityState);\n\n  if (eventResult.defaultPrevented) {\n    return;\n  }\n\n  if (comp.value === null || comp.value === undefined) {\n    return;\n  }\n\n  const skipValidation = await shouldSuppressInternalValidation(comp);\n  if (skipValidation) {\n    return;\n  }\n\n  const { valid } = validityState;\n  comp.hostElement.classList.toggle('ix-invalid--validity-invalid', !valid);\n}\n\nexport function onInputBlur<T>(\n  comp: IxFormComponent<T>,\n  input?: HTMLInputElement | HTMLTextAreaElement | null\n) {\n  comp.ixBlur.emit();\n\n  if (!input) {\n    throw new Error('Input element is not available');\n  }\n\n  input.setAttribute('data-ix-touched', 'true');\n  checkInternalValidity(comp, input);\n}\n\nexport function applyPaddingEnd(\n  inputElement: HTMLElement | null,\n  width: number,\n  options: {\n    slotEnd: boolean;\n    additionalPaddingRight?: string;\n  }\n) {\n  if (!inputElement) {\n    return;\n  }\n\n  const remInPixels = 16;\n  const padding = convertToRemString(width + remInPixels / 2);\n\n  if (options.slotEnd) {\n    inputElement.style.paddingRight = `calc(${padding} + ${\n      options.additionalPaddingRight ?? '0rem'\n    })`;\n  } else {\n    inputElement.style.paddingLeft = padding;\n  }\n}\n\nexport function adjustPaddingForStartAndEnd(\n  startElement: HTMLElement | null,\n  endElement: HTMLElement | null,\n  inputElement: HTMLElement | null\n) {\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      if (startElement) {\n        const startBoundingRect = startElement.getBoundingClientRect();\n        if (startBoundingRect) {\n          applyPaddingEnd(inputElement, startBoundingRect.width, {\n            slotEnd: false,\n          });\n        }\n      }\n\n      if (endElement) {\n        const endBoundingRect = endElement.getBoundingClientRect();\n        if (endBoundingRect) {\n          applyPaddingEnd(inputElement, endBoundingRect.width, {\n            slotEnd: true,\n          });\n        }\n      }\n    });\n  });\n}\n\nexport function getAriaAttributesForInput(\n  component: IxInputFieldComponent\n): A11yAttributes {\n  const inputAria: A11yAttributes = {\n    'aria-invalid': `${a11yBoolean(component.isInvalid)}`,\n    'aria-required': `${a11yBoolean(component.required)}`,\n  };\n\n  if (component.isInvalid && component.invalidText) {\n    inputAria['aria-errormessage'] = component.invalidText;\n  }\n  return inputAria;\n}\n\nexport type DisposableChangesAndVisibilityObservers = () => void;\n\nexport const addDisposableChangesAndVisibilityObservers = (\n  element: HTMLElement,\n  callback: () => void\n): DisposableChangesAndVisibilityObservers => {\n  const intersectionObserver = observeElementUntilVisible(element, callback);\n  const mutationObserver = createMutationObserver(callback);\n\n  mutationObserver.observe(element, {\n    subtree: true,\n    attributes: true,\n  });\n\n  return () => {\n    intersectionObserver.disconnect();\n    mutationObserver.disconnect();\n  };\n};\n\nfunction observeElementUntilVisible(\n  hostElement: HTMLElement,\n  updateCallback: () => void\n): IntersectionObserver {\n  const intersectionObserver = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        updateCallback();\n      }\n    });\n  });\n\n  intersectionObserver.observe(hostElement);\n  return intersectionObserver;\n}\n\nexport function handleSubmitOnEnterKeydown(\n  event: KeyboardEvent,\n  suppressSubmitOnEnter: boolean,\n  form: HTMLFormElement | null | undefined\n) {\n  if (suppressSubmitOnEnter || event.key !== 'Enter' || !form) {\n    return;\n  }\n\n  event.preventDefault();\n  const submitButton = form.querySelector<HTMLElement>(\n    'button[type=\"submit\"], ix-button[type=\"submit\"]'\n  );\n\n  if (submitButton) {\n    form.requestSubmit(submitButton);\n  }\n\n  if (form.length === 1) {\n    form.requestSubmit();\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { FunctionalComponent, h } from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport { handleSubmitOnEnterKeydown } from './input.util';\nimport { MakeRef } from '../utils/make-ref';\n\nexport function TextareaElement(\n  props: Readonly<{\n    resizeBehavior: 'both' | 'horizontal' | 'vertical' | 'none';\n    textareaHeight?: string;\n    textareaWidth?: string;\n    textareaRows?: number;\n    textareaCols?: number;\n    disabled: boolean;\n    readonly: boolean;\n    maxLength?: number;\n    minLength?: number;\n    isInvalid: boolean;\n    required: boolean;\n    value: string;\n    placeholder?: string;\n    textAreaRef: (el: HTMLTextAreaElement | undefined) => void;\n    valueChange: (value: string) => void;\n    updateFormInternalValue: (value: string) => void;\n    onBlur: () => void;\n    ariaAttributes?: A11yAttributes;\n  }>\n) {\n  return (\n    <textarea\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      maxLength={props.maxLength}\n      minLength={props.minLength}\n      cols={props.textareaCols}\n      rows={props.textareaRows}\n      ref={props.textAreaRef}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      style={{\n        resize: props.resizeBehavior,\n        height: props.textareaHeight,\n        width: props.textareaWidth,\n      }}\n      {...props.ariaAttributes}\n    ></textarea>\n  );\n}\n\nexport function InputElement(\n  props: Readonly<{\n    id: string;\n    disabled: boolean;\n    readonly: boolean;\n    maxLength?: string | number;\n    minLength?: string | number;\n    max?: string | number;\n    min?: string | number;\n    step?: string | number;\n    pattern?: string;\n    type: string;\n    isInvalid: boolean;\n    required: boolean;\n    value: string | number;\n    placeholder?: string;\n    textAlignment?: 'start' | 'end';\n    inputRef: (el: HTMLInputElement | undefined) => void;\n    onKeyPress: (event: KeyboardEvent) => void;\n    onKeyDown?: (event: KeyboardEvent) => void;\n    onBeforeInput?: (event: InputEvent) => void;\n    onPaste?: (event: ClipboardEvent) => void;\n    valueChange: (value: string) => void;\n    updateFormInternalValue: (value: string) => void;\n    onBlur: () => void;\n    ariaAttributes?: A11yAttributes;\n    form?: HTMLFormElement;\n    suppressSubmitOnEnter?: boolean;\n  }>\n) {\n  return (\n    <input\n      id={props.id}\n      autoComplete=\"off\"\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      step={props.step}\n      min={props.min}\n      max={props.max}\n      maxLength={props.maxLength ? Number(props.maxLength) : undefined}\n      minLength={props.minLength ? Number(props.minLength) : undefined}\n      ref={props.inputRef}\n      pattern={props.pattern}\n      type={props.type}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      style={{\n        textAlign: props.textAlignment,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onKeyPress={(event) => props.onKeyPress(event)}\n      onKeyDown={(e) => {\n        props.onKeyDown?.(e);\n        handleSubmitOnEnterKeydown(\n          e,\n          !!props.suppressSubmitOnEnter,\n          props.form\n        );\n      }}\n      {...({\n        onBeforeInput: (event: InputEvent) => props.onBeforeInput?.(event),\n      } as any)}\n      onPaste={(event) => props.onPaste?.(event)}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n        props.valueChange(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      {...props.ariaAttributes}\n    ></input>\n  );\n}\n\nexport const SlotEnd: FunctionalComponent<{\n  slotEndRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props, children) => {\n  return (\n    <div class=\"end-container\" ref={props.slotEndRef}>\n      <slot name=\"end\" onSlotchange={props.onSlotChange}></slot>\n      {children}\n    </div>\n  );\n};\n\nexport const SlotStart: FunctionalComponent<{\n  slotStartRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props) => {\n  return (\n    <div class=\"start-container\" ref={props.slotStartRef}>\n      <slot name=\"start\" onSlotchange={props.onSlotChange}></slot>\n    </div>\n  );\n};\n"],"names":["animate","Animation","shouldSuppressInternalValidation","convertToRemString","a11yBoolean","mutationObserver","createMutationObserver","h"],"mappings":"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"}

package/dist/cjs/ix-application-header.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-C8Xo8L1k.js');
 var index$2 = require('./index-Dyz3z1FD.js');
 var index$1 = require('./index-B7AMgiIZ.js');
 var service = require('./service-DuiJmf7R.js');
-var context = require('./context-B8bRIFA2.js');
+var context = require('./context-CmNuiaNz.js');
 var breakpoints = require('./breakpoints-C5ZrUCbZ.js');
 var menuService = require('./menu-service-CW0vT80Q.js');
 var shadowDom = require('./shadow-dom-DT01VwcB.js');
@@ -54,11 +54,6 @@ const ApplicationHeader = class {
     componentWillLoad() {
         this.breakpoint = breakpoints.getCurrentBreakpoint();
         context.useContextConsumer(this.hostElement, context.ApplicationLayoutContext, (ctx) => {
-            if ((ctx === null || ctx === void 0 ? void 0 : ctx.host) === 'map-navigation') {
-                this.suppressResponsive = true;
-                this.breakpoint = 'md';
-                return;
-            }
             this.breakpoint = service.applicationLayoutService.breakpoint;
             this.applicationLayoutContext = ctx;
             this.tryUpdateAppSwitch();
@@ -166,31 +161,31 @@ const ApplicationHeader = class {
             this.breakpoint !== 'sm' &&
             this.suppressResponsive === false;
         const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
-        return (index.h(index.Host, { key: 'ef0ab6f2a81031458e8ed28d37498fc8b1446bac', class: {
+        return (index.h(index.Host, { key: '0568c65fa9cfe4f1250a5f7704cc19f7e38a5d19', class: {
                 [`breakpoint-${this.breakpoint}`]: true,
                 'hide-bottom-border': this.hideBottomBorder,
-            }, slot: "application-header" }, index.h("div", { key: 'efe93ad72d12055c809bba772b705d20fed00ee7', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (index.h("div", { key: 'ef86725dc6c5d99b629115e1142f11d513a76f52', class: {
+            }, slot: "application-header" }, index.h("div", { key: 'a5c4fa84d92bd9ce8e236f117605652bfc92e60d', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (index.h("div", { key: '0f790883c295875ef6b3f023cd9daa34980c5c96', class: {
                 'app-icon': true,
                 'app-icon-outline': this.appIconOutline,
-            } }, index.h("img", { key: 'aaca1d8a674774635a0f0774aaf1c6cb8c63ca3e', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (index.h("ix-menu-expand-icon", { key: '6cd981d9c4398e0c72ba5096694e30855f970bec', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (index.h("ix-icon-button", { key: '933e394225b9239f10b18962c40f8021a5e4b059', onClick: () => this.showAppSwitch(), icon: index$2.iconApps, variant: "subtle-tertiary", class: {
+            } }, index.h("img", { key: '3e20234523c716d04e123706912eef1023eb884f', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (index.h("ix-menu-expand-icon", { key: 'b46e806adadc12a7a355691bdb14bb2a3ee0f98f', onClick: () => this.onMenuClick(), expanded: this.menuExpanded, ixAriaLabel: this.ariaLabelMenuExpandIconButton })), showApplicationSwitch && (index.h("ix-icon-button", { key: '57112cb328fc5231871e18496863ebc3a38f978b', onClick: () => this.showAppSwitch(), icon: index$2.iconApps, variant: "subtle-tertiary", class: {
                 'app-switch': true,
                 'without-app-icon': !this.appIcon,
-            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (index.h("div", { key: 'df4c4e5db00d5f7b7680ea05c9da06250c769308', class: "logo" }, index.h("img", { key: '2187d02dedbb48e5b27ea431b90a1a33a4b1e9e6', src: this.companyLogo, alt: this.companyLogoAlt }))), index.h("div", { key: '0abdbb9bf1b3fc81c14d46ea826ee73336c560b5', class: {
+            }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (index.h("div", { key: 'b622ece9a3c1645141c1cb54d9cb88f0b2b12646', class: "logo" }, index.h("img", { key: '854a9696190d015ce052c745f9ed7acc206f16d5', src: this.companyLogo, alt: this.companyLogoAlt }))), index.h("div", { key: '0d5ff7f62bb55cb15d2e15e41279ca671716224c', class: {
                 logo: true,
                 'hide-logo': !this.hasSlottedLogo,
-            } }, index.h("slot", { key: '468f56a361d387af9b46dddabbece87e03f1692b', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), index.h("div", { key: '84265b38ce425386a4df25a52e2334b760d28067', class: "name" }, index.h("ix-typography", { key: 'c2cb4a0e91d28ccdb07dd8a68a6b6989b3faab14', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (index.h("ix-typography", { key: 'f34d596a5071ee964fecfc1021a420b0cc5fad32', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), index.h("div", { key: 'e4f60f5f9fb727385eb180ea91f5c75b7a207993', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (index.h("div", { key: 'b78fcf9127124d7c57d2ebf15f65fb271efd30fc', class: "secondary" }, index.h("slot", { key: '0c82211f37d6cb285047f97ee222f22aa424bfad', name: "secondary" }))), index.h("div", { key: 'acb023efd34eeba9730ad5a60dd933240bb09b80', class: "content" }, this.breakpoint !== 'sm' && index.h("slot", { key: '05fcf4ca0ee08e392ebba65ef7f671e5822cc9c5' }), index.h("ix-icon-button", { key: '196aa553bc0ed8f7ac43586c8bd065c3c4990535', class: {
+            } }, index.h("slot", { key: '42d42aab0493036c165f1d7d969288bc2dc339c8', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), index.h("div", { key: 'a388e25471839639f82f2e3d8798d041cdab1f78', class: "name" }, index.h("ix-typography", { key: 'f7d197105b6609597fa742ca8b85aa2c80b2c25d', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (index.h("ix-typography", { key: '5a78095814f0d39666bbe26bb968d4df72233016', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), index.h("div", { key: 'e4a01fd2bf06bd9ae064c5f336e7ef2fe2880e1c', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (index.h("div", { key: 'f3c3221c2dbcccf19d23502ff05984815fc8ea1e', class: "secondary" }, index.h("slot", { key: '9392845b82451cb62b886ab1bafa7ba7ddf21d13', name: "secondary" }))), index.h("div", { key: 'a288be02d9ee23480339d8de284c186fbc9bfd26', class: "content" }, this.breakpoint !== 'sm' && index.h("slot", { key: '34dfa9b114c85e3e59183fce1b5a977eabe02d6a' }), index.h("ix-icon-button", { key: 'c884b249320deb5f105538dd0fd7e47efd6207c0', class: {
                 'context-menu': true,
                 'context-menu-visible': this.hasOverflowContextMenu || this.hasOverflowSlotElements,
-            }, "data-context-menu": true, "data-testid": "show-more", icon: index$2.iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11y.a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), index.h("ix-dropdown", { key: '7657364247c4964e0cbe2380fffedcd22f6513d9', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11y.a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, index.h("div", { key: '06f57598668ae32ef6fc377ae9ccf180ffbd5361', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (index.h("div", { key: 'f59b62075ac364ccc86791e6dda77a155135dc91', class: {
+            }, "data-context-menu": true, "data-testid": "show-more", icon: index$2.iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11y.a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }), index.h("ix-dropdown", { key: '42ea43e1f28ecdd7651a2f652edb6eb2462a0df3', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11y.a11yBoolean(!(this.hasOverflowContextMenu || this.hasOverflowSlotElements)) }, index.h("div", { key: 'b57645df48b14862e17510560386dffdc7f918f2', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (index.h("div", { key: 'd27a3ab3dcccb24deea6452aab078975d7657c1f', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasSecondarySlotElements,
-            } }, index.h("slot", { key: '25a1cbf08436b248cb892cabcc4b6377abcdda4f', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (index.h("div", { key: '903e47dc9fe7906bc94650d9617031a9ec8ecbd3', class: {
+            } }, index.h("slot", { key: '8236935ea329c8650b08c0fbb2be11a4233b54a5', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (index.h("div", { key: 'd947b3da7b1c2683f319604698550e6deede8bb5', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasDefaultSlotElements,
-            } }, index.h("slot", { key: 'dd848b5a87034692f1b0c518ec694cc9e3197787', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), index.h("div", { key: '0fe4250f4a64d239ca6db9eea89d1cc4869492e6', class: {
+            } }, index.h("slot", { key: '5e60684fe9b2d19e67a4b8c56225be76a2aff668', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), index.h("div", { key: 'c072ab98aa238e71087064f9ffcbc46a8b43cacd', class: {
                 'slot-content': true,
                 'slot-content-active': this.hasOverflowSlotElements,
-            } }, index.h("slot", { key: '10862703e3e6701ff5bb110039242b826914e8af', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), index.h("slot", { key: 'eb5fbef4f3783afba128d57fdc3924e4957af6b1', name: "ix-application-header-avatar" })))));
+            } }, index.h("slot", { key: '99752eacbebd15e6b9dda9b9dc96c919ed8ebcf6', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), index.h("slot", { key: 'c6c071f3ee91c6f0aa709ba59e979e644f22f22d', name: "ix-application-header-avatar" })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-application-header.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-application-header.entry.cjs.js","sources":["src/components/application-header/application-header.scss?tag=ix-application-header&encapsulation=shadow","src/components/application-header/application-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use 'mixins/shadow-dom/component';\n@use 'mixins/break-points';\n\n:host {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: end;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  min-height: 3rem;\n  padding-top: var(--ix-safe-area-inset-top, 0rem);\n  padding-right: calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));\n  padding-left: calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));\n\n  color: var(--theme-app-header--color);\n  background-color: var(--theme-app-header--background);\n\n  border-bottom: var(--theme-app-header--border-width) solid\n    var(--theme-app-header--border-color);\n\n  z-index: var(--theme-z-index-fixed);\n\n  @include component.ix-component;\n\n  .left-side,\n  .right-side {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    position: relative;\n    align-items: center;\n    min-width: 0;\n    min-height: 3rem;\n    height: 100%;\n  }\n\n  .left-side {\n    flex: 0 1 auto;\n\n    .app-icon {\n      display: block;\n      position: relative;\n      width: 2rem;\n      min-width: 2rem;\n      max-width: 2rem;\n      height: 2rem;\n      min-height: 2rem;\n      max-height: 2rem;\n    }\n\n    .app-icon.app-icon-outline {\n      outline: 1px solid var(--theme-app-header-app-icon--outline-color);\n      border-radius: 0.125rem;\n    }\n\n    .app-icon img {\n      position: relative;\n      display: block;\n      width: 100%;\n      height: 100%;\n      border-radius: 0.125rem;\n    }\n\n    .app-switch {\n      margin: 0 0.625rem;\n    }\n\n    .app-switch.without-app-icon {\n      margin-left: 0px;\n    }\n\n    .name {\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      flex-wrap: nowrap;\n\n      margin-left: 0.75rem;\n      margin-right: 0.75rem;\n      color: var(--theme-app-header--color);\n      min-width: 0;\n\n      gap: 0.75rem;\n      overflow: hidden;\n    }\n\n    .application-name,\n    .application-name-suffix {\n      overflow: hidden;\n      overflow-wrap: anywhere;\n      text-overflow: ellipsis;\n      text-wrap: nowrap;\n    }\n\n    .application-name {\n      flex: 0 1 auto;\n      min-width: 0;\n      flex-shrink: 0;\n      max-width: 100%;\n    }\n\n    .application-name-suffix {\n      flex: 1 1 auto;\n      margin-top: 0.4rem;\n      min-width: 0;\n      flex-shrink: 1;\n      color: var(--theme-app-header-name-suffix--color);\n    }\n\n    .logo {\n      display: inline-flex;\n      align-items: center;\n      position: relative;\n      height: 32px;\n      overflow: hidden;\n      line-height: 0rem;\n      color: var(--theme-app-header-logo--color);\n      margin-right: 1rem;\n      margin-left: 1rem;\n      min-width: fit-content;\n    }\n\n    .logo.hide-logo {\n      display: none;\n    }\n  }\n\n  .right-side {\n    flex: 1 1 auto;\n    overflow: hidden;\n    justify-content: space-between;\n\n    .content,\n    .secondary {\n      display: flex;\n      position: relative;\n      align-items: center;\n      justify-content: space-between;\n      flex-direction: row;\n      flex-wrap: nowrap;\n      height: 100%;\n    }\n\n    .content {\n      min-width: max-content;\n    }\n\n    .secondary {\n      overflow: hidden;\n    }\n\n    .dropdown {\n      overflow: visible;\n    }\n\n    .dropdown-content > .slot-content-active {\n      padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n      border-top: none;\n    }\n\n    .dropdown-content .slot-content-active ~ .slot-content-active {\n      border-top: 1px solid var(--theme-color-x-weak-bdr);\n    }\n\n    .context-menu {\n      display: none;\n    }\n\n    .context-menu.context-menu-visible {\n      display: block;\n      margin-left: 0.5rem;\n    }\n\n    ::slotted(ix-avatar) {\n      margin-left: 0.5rem;\n    }\n\n    .primary-navigation {\n      align-self: end;\n    }\n  }\n\n  .right-side.sm {\n    justify-content: end;\n  }\n\n  @include break-points.media-breakpoint-match('sm') {\n    .logo {\n      margin-left: 0.5rem;\n      display: none !important;\n    }\n\n    .content,\n    .secondary,\n    .app-icon {\n      display: none;\n    }\n  }\n}\n\n:host(.hide-bottom-border) {\n  border-bottom: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint, getCurrentBreakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.\n * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.\n * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot.\n * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set.\n */\n@Component({\n  tag: 'ix-application-header',\n  styleUrl: 'application-header.scss',\n  shadow: true,\n})\nexport class ApplicationHeader {\n  @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n  /**\n   * Application name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Define a suffix which will be displayed next to the application name\n   *\n   * @since 4.0.0\n   */\n  @Prop() nameSuffix?: string;\n\n  /**\n   * Company logo will be show on the left side of the application name.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogo?: string;\n\n  /**\n   * Alt text for the company logo\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogoAlt?: string;\n\n  /**\n   * The app icon will be shown as the first element inside the header.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIcon?: string;\n\n  /**\n   * Alt text for the app icon\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconAlt?: string;\n\n  /**\n   * Render subtle outline around app icon to ensure proper contrast.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconOutline = false;\n\n  /**\n   * Hides the bottom border of the header\n   *\n   * @since 4.0.0\n   */\n  @Prop() hideBottomBorder = false;\n\n  /**\n   * Controls the visibility of the menu toggle button based on the context of the application header.\n   *\n   * When the application header is utilized outside the application frame, the menu toggle button is displayed.\n   * Conversely, if the header is within the application frame, this property is ineffective.\n   */\n  @Prop({ mutable: true }) showMenu?: boolean = false;\n\n  /**\n   * ARIA label for the menu expand icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMenuExpandIconButton?: string;\n\n  /**\n   * ARIA label for the app switch icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelAppSwitchIconButton?: string;\n\n  /**\n   * ARIA label for the more menu icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMoreMenuIconButton?: string;\n\n  /**\n   * Event emitted when the menu toggle button is clicked\n   */\n  @Event() menuToggle!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the app switch button is clicked\n   *\n   * @since 3.0.0\n   */\n  @Event() openAppSwitch!: EventEmitter<void>;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() menuExpanded = false;\n  @State() suppressResponsive = false;\n\n  @State() hasSlottedLogo = false;\n  @State() hasOverflowContextMenu = false;\n  @State() hasSecondarySlotElements = false;\n  @State() hasDefaultSlotElements = false;\n  @State() hasOverflowSlotElements = false;\n  @State() applicationLayoutContext?: ContextType<\n    typeof ApplicationLayoutContext\n  >;\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n  private callbackUpdateAppSwitchModal?: (\n    config: AppSwitchConfiguration\n  ) => void;\n\n  get contentBackground() {\n    return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n  }\n\n  componentWillLoad() {\n    this.breakpoint = getCurrentBreakpoint();\n\n    useContextConsumer(\n      this.hostElement,\n      ApplicationLayoutContext,\n      (ctx) => {\n        if (ctx?.host === 'map-navigation') {\n          this.suppressResponsive = true;\n          this.breakpoint = 'md';\n          return;\n        }\n\n        this.breakpoint = applicationLayoutService.breakpoint;\n        this.applicationLayoutContext = ctx;\n\n        this.tryUpdateAppSwitch();\n      },\n      true\n    );\n\n    this.menuDisposable = menuController.expandChange.on((show) => {\n      this.menuExpanded = show;\n    });\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      if (this.suppressResponsive) {\n        return;\n      }\n\n      this.breakpoint = mode;\n    });\n\n    this.updateHasSlotAssignedElementsStates();\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('applicationLayoutContext')\n  watchApplicationLayoutContext() {\n    if (this.applicationLayoutContext) {\n      this.showMenu = false;\n    }\n  }\n  @Watch('suppressResponsive')\n  watchSuppressResponsive() {\n    this.breakpoint = 'md';\n  }\n\n  private checkLogoSlot() {\n    const slotElement = this.hostElement.shadowRoot!.querySelector(\n      'slot[name=\"logo\"]'\n    ) as HTMLSlotElement;\n\n    const isSiemensLogoDefined =\n      window.customElements.get('ix-siemens-logo') !== undefined;\n\n    if (isSiemensLogoDefined) {\n      return hasSlottedElements(slotElement);\n    }\n\n    let assignedElements = slotElement?.assignedElements({ flatten: true });\n\n    assignedElements = assignedElements?.filter(\n      (element) => element.tagName !== 'IX-SIEMENS-LOGO'\n    );\n\n    return assignedElements?.length !== 0;\n  }\n\n  private attachSiemensLogoIfLoaded() {\n    if (this.companyLogo) {\n      return;\n    }\n\n    if (!this.checkLogoSlot()) {\n      const logoElement = document.createElement('ix-siemens-logo');\n      logoElement.slot = 'logo';\n      this.hostElement.appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    if (this.applicationLayoutContext) {\n      menuController.toggle();\n    } else {\n      this.menuExpanded = !this.menuExpanded;\n    }\n\n    this.menuToggle.emit(this.menuExpanded);\n  }\n\n  private resolveContextMenuButton() {\n    return new Promise<HTMLElement>((resolve) =>\n      readTask(() =>\n        resolve(\n          this.hostElement.shadowRoot!.querySelector(\n            '[data-context-menu]'\n          ) as HTMLElement\n        )\n      )\n    );\n  }\n\n  private tryUpdateAppSwitch() {\n    if (\n      !this.callbackUpdateAppSwitchModal ||\n      !this.applicationLayoutContext?.appSwitchConfig\n    ) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private async showAppSwitch() {\n    const { defaultPrevented } = this.openAppSwitch.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.applicationLayoutContext?.appSwitchConfig) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal = await showAppSwitch(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private updateHasSlotAssignedElementsStates() {\n    const defaultSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot:not([name])'\n    );\n\n    const secondarySlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"secondary\"]'\n    );\n\n    const overflowSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"overflow\"]'\n    );\n\n    this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);\n    this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);\n    this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);\n\n    this.hasOverflowContextMenu =\n      this.hasDefaultSlotElements || this.hasSecondarySlotElements;\n  }\n\n  private onContentBgClick(e: MouseEvent) {\n    if (e.target === this.contentBackground) {\n      e.preventDefault();\n    }\n  }\n\n  render() {\n    const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n    const showMenuByApplicationFrame =\n      this.breakpoint === 'sm' &&\n      this.suppressResponsive === false &&\n      hasApplicationContextAvailable;\n\n    const showApplicationSwitch =\n      this.applicationLayoutContext?.appSwitchConfig &&\n      this.breakpoint !== 'sm' &&\n      this.suppressResponsive === false;\n\n    const showCompanyLogoByProperty =\n      this.breakpoint !== 'sm' && !!this.companyLogo;\n\n    return (\n      <Host\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n          'hide-bottom-border': this.hideBottomBorder,\n        }}\n        slot=\"application-header\"\n      >\n        <div class=\"left-side\">\n          {this.appIcon && this.breakpoint !== 'sm' && (\n            <div\n              class={{\n                'app-icon': true,\n                'app-icon-outline': this.appIconOutline,\n              }}\n            >\n              <img src={this.appIcon} alt={this.appIconAlt} />\n            </div>\n          )}\n          {(this.showMenu || showMenuByApplicationFrame) && (\n            <ix-menu-expand-icon\n              onClick={() => this.onMenuClick()}\n              expanded={this.menuExpanded}\n              ixAriaLabel={this.ariaLabelMenuExpandIconButton}\n            ></ix-menu-expand-icon>\n          )}\n          {showApplicationSwitch && (\n            <ix-icon-button\n              onClick={() => this.showAppSwitch()}\n              icon={iconApps}\n              variant=\"subtle-tertiary\"\n              class={{\n                'app-switch': true,\n                'without-app-icon': !this.appIcon,\n              }}\n              aria-label={this.ariaLabelAppSwitchIconButton}\n            ></ix-icon-button>\n          )}\n          {showCompanyLogoByProperty && (\n            <div class=\"logo\">\n              <img src={this.companyLogo} alt={this.companyLogoAlt} />\n            </div>\n          )}\n          <div\n            class={{\n              logo: true,\n              'hide-logo': !this.hasSlottedLogo,\n            }}\n          >\n            <slot\n              name=\"logo\"\n              onSlotchange={() => (this.hasSlottedLogo = this.checkLogoSlot())}\n            ></slot>\n          </div>\n          <div class=\"name\">\n            <ix-typography format=\"body-lg\" class=\"application-name\">\n              {this.name}\n            </ix-typography>\n            {this.nameSuffix && this.breakpoint !== 'sm' && (\n              <ix-typography format=\"body-xs\" class=\"application-name-suffix\">\n                {this.nameSuffix}\n              </ix-typography>\n            )}\n          </div>\n        </div>\n        <div class={{ 'right-side': true, sm: this.breakpoint === 'sm' }}>\n          {this.breakpoint !== 'sm' && (\n            <div class=\"secondary\">\n              <slot name=\"secondary\"></slot>\n            </div>\n          )}\n          <div class=\"content\">\n            {this.breakpoint !== 'sm' && <slot></slot>}\n            <ix-icon-button\n              class={{\n                'context-menu': true,\n                'context-menu-visible':\n                  this.hasOverflowContextMenu || this.hasOverflowSlotElements,\n              }}\n              data-context-menu\n              data-testid=\"show-more\"\n              icon={iconMoreMenu}\n              variant=\"subtle-tertiary\"\n              aria-label={this.ariaLabelMoreMenuIconButton}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            ></ix-icon-button>\n            <ix-dropdown\n              data-overflow-dropdown\n              class=\"dropdown\"\n              discoverAllSubmenus\n              trigger={this.resolveContextMenuButton()}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            >\n              <div\n                class=\"dropdown-content\"\n                onClick={(e) => this.onContentBgClick(e)}\n              >\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasSecondarySlotElements,\n                    }}\n                  >\n                    <slot\n                      name=\"secondary\"\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasDefaultSlotElements,\n                    }}\n                  >\n                    <slot\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                <div\n                  class={{\n                    'slot-content': true,\n                    'slot-content-active': this.hasOverflowSlotElements,\n                  }}\n                >\n                  <slot\n                    name=\"overflow\"\n                    onSlotchange={() =>\n                      this.updateHasSlotAssignedElementsStates()\n                    }\n                  ></slot>\n                </div>\n              </div>\n            </ix-dropdown>\n            <slot name=\"ix-application-header-avatar\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["getCurrentBreakpoint","useContextConsumer","ApplicationLayoutContext","applicationLayoutService","menuController","hasSlottedElements","readTask","showAppSwitch","h","Host","iconApps","iconMoreMenu","a11yBoolean"],"mappings":"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"}
+{"version":3,"file":"ix-application-header.entry.cjs.js","sources":["src/components/application-header/application-header.scss?tag=ix-application-header&encapsulation=shadow","src/components/application-header/application-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use 'mixins/shadow-dom/component';\n@use 'mixins/break-points';\n\n:host {\n  display: flex;\n  flex-wrap: nowrap;\n  align-items: end;\n  justify-content: space-between;\n  position: relative;\n  width: 100%;\n  min-height: 3rem;\n  padding-top: var(--ix-safe-area-inset-top, 0rem);\n  padding-right: calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));\n  padding-left: calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));\n\n  color: var(--theme-app-header--color);\n  background-color: var(--theme-app-header--background);\n\n  border-bottom: var(--theme-app-header--border-width) solid\n    var(--theme-app-header--border-color);\n\n  z-index: var(--theme-z-index-fixed);\n\n  @include component.ix-component;\n\n  .left-side,\n  .right-side {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    position: relative;\n    align-items: center;\n    min-width: 0;\n    min-height: 3rem;\n    height: 100%;\n  }\n\n  .left-side {\n    flex: 0 1 auto;\n\n    .app-icon {\n      display: block;\n      position: relative;\n      width: 2rem;\n      min-width: 2rem;\n      max-width: 2rem;\n      height: 2rem;\n      min-height: 2rem;\n      max-height: 2rem;\n    }\n\n    .app-icon.app-icon-outline {\n      outline: 1px solid var(--theme-app-header-app-icon--outline-color);\n      border-radius: 0.125rem;\n    }\n\n    .app-icon img {\n      position: relative;\n      display: block;\n      width: 100%;\n      height: 100%;\n      border-radius: 0.125rem;\n    }\n\n    .app-switch {\n      margin: 0 0.625rem;\n    }\n\n    .app-switch.without-app-icon {\n      margin-left: 0px;\n    }\n\n    .name {\n      display: flex;\n      position: relative;\n      flex-direction: row;\n      flex-wrap: nowrap;\n\n      margin-left: 0.75rem;\n      margin-right: 0.75rem;\n      color: var(--theme-app-header--color);\n      min-width: 0;\n\n      gap: 0.75rem;\n      overflow: hidden;\n    }\n\n    .application-name,\n    .application-name-suffix {\n      overflow: hidden;\n      overflow-wrap: anywhere;\n      text-overflow: ellipsis;\n      text-wrap: nowrap;\n    }\n\n    .application-name {\n      flex: 0 1 auto;\n      min-width: 0;\n      flex-shrink: 0;\n      max-width: 100%;\n    }\n\n    .application-name-suffix {\n      flex: 1 1 auto;\n      margin-top: 0.4rem;\n      min-width: 0;\n      flex-shrink: 1;\n      color: var(--theme-app-header-name-suffix--color);\n    }\n\n    .logo {\n      display: inline-flex;\n      align-items: center;\n      position: relative;\n      height: 32px;\n      overflow: hidden;\n      line-height: 0rem;\n      color: var(--theme-app-header-logo--color);\n      margin-right: 1rem;\n      margin-left: 1rem;\n      min-width: fit-content;\n    }\n\n    .logo.hide-logo {\n      display: none;\n    }\n  }\n\n  .right-side {\n    flex: 1 1 auto;\n    overflow: hidden;\n    justify-content: space-between;\n\n    .content,\n    .secondary {\n      display: flex;\n      position: relative;\n      align-items: center;\n      justify-content: space-between;\n      flex-direction: row;\n      flex-wrap: nowrap;\n      height: 100%;\n    }\n\n    .content {\n      min-width: max-content;\n    }\n\n    .secondary {\n      overflow: hidden;\n    }\n\n    .dropdown {\n      overflow: visible;\n    }\n\n    .dropdown-content > .slot-content-active {\n      padding: 0.5rem 1.5rem 0.5rem 1.5rem;\n      border-top: none;\n    }\n\n    .dropdown-content .slot-content-active ~ .slot-content-active {\n      border-top: 1px solid var(--theme-color-x-weak-bdr);\n    }\n\n    .context-menu {\n      display: none;\n    }\n\n    .context-menu.context-menu-visible {\n      display: block;\n      margin-left: 0.5rem;\n    }\n\n    ::slotted(ix-avatar) {\n      margin-left: 0.5rem;\n    }\n\n    .primary-navigation {\n      align-self: end;\n    }\n  }\n\n  .right-side.sm {\n    justify-content: end;\n  }\n\n  @include break-points.media-breakpoint-match('sm') {\n    .logo {\n      margin-left: 0.5rem;\n      display: none !important;\n    }\n\n    .content,\n    .secondary,\n    .app-icon {\n      display: none;\n    }\n  }\n}\n\n:host(.hide-bottom-border) {\n  border-bottom: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint, getCurrentBreakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @slot default - Place items on the right side of the header. If the screen size is small, the items will be shown inside a dropdown.\n * @slot secondary - Place additional items inside the header. They will appear after logo and name. If the screen size is small, the items will be shown inside a dropdown.\n * @slot overflow - Use this slot to display additional items that do not fit in the default or secondary slot.\n * @slot logo - Place a company logo inside the header. Alternatively the companyLogo property can be set.\n */\n@Component({\n  tag: 'ix-application-header',\n  styleUrl: 'application-header.scss',\n  shadow: true,\n})\nexport class ApplicationHeader {\n  @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n  /**\n   * Application name\n   */\n  @Prop() name?: string;\n\n  /**\n   * Define a suffix which will be displayed next to the application name\n   *\n   * @since 4.0.0\n   */\n  @Prop() nameSuffix?: string;\n\n  /**\n   * Company logo will be show on the left side of the application name.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogo?: string;\n\n  /**\n   * Alt text for the company logo\n   *\n   * @since 4.0.0\n   */\n  @Prop() companyLogoAlt?: string;\n\n  /**\n   * The app icon will be shown as the first element inside the header.\n   * It will be hidden on smaller screens.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIcon?: string;\n\n  /**\n   * Alt text for the app icon\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconAlt?: string;\n\n  /**\n   * Render subtle outline around app icon to ensure proper contrast.\n   *\n   * @since 4.0.0\n   */\n  @Prop() appIconOutline = false;\n\n  /**\n   * Hides the bottom border of the header\n   *\n   * @since 4.0.0\n   */\n  @Prop() hideBottomBorder = false;\n\n  /**\n   * Controls the visibility of the menu toggle button based on the context of the application header.\n   *\n   * When the application header is utilized outside the application frame, the menu toggle button is displayed.\n   * Conversely, if the header is within the application frame, this property is ineffective.\n   */\n  @Prop({ mutable: true }) showMenu?: boolean = false;\n\n  /**\n   * ARIA label for the menu expand icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMenuExpandIconButton?: string;\n\n  /**\n   * ARIA label for the app switch icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelAppSwitchIconButton?: string;\n\n  /**\n   * ARIA label for the more menu icon button\n   *\n   * @since 3.2.0\n   */\n  @Prop() ariaLabelMoreMenuIconButton?: string;\n\n  /**\n   * Event emitted when the menu toggle button is clicked\n   */\n  @Event() menuToggle!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the app switch button is clicked\n   *\n   * @since 3.0.0\n   */\n  @Event() openAppSwitch!: EventEmitter<void>;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() menuExpanded = false;\n  @State() suppressResponsive = false;\n\n  @State() hasSlottedLogo = false;\n  @State() hasOverflowContextMenu = false;\n  @State() hasSecondarySlotElements = false;\n  @State() hasDefaultSlotElements = false;\n  @State() hasOverflowSlotElements = false;\n  @State() applicationLayoutContext?: ContextType<\n    typeof ApplicationLayoutContext\n  >;\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n  private callbackUpdateAppSwitchModal?: (\n    config: AppSwitchConfiguration\n  ) => void;\n\n  get contentBackground() {\n    return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n  }\n\n  componentWillLoad() {\n    this.breakpoint = getCurrentBreakpoint();\n\n    useContextConsumer(\n      this.hostElement,\n      ApplicationLayoutContext,\n      (ctx) => {\n        this.breakpoint = applicationLayoutService.breakpoint;\n        this.applicationLayoutContext = ctx;\n\n        this.tryUpdateAppSwitch();\n      },\n      true\n    );\n\n    this.menuDisposable = menuController.expandChange.on((show) => {\n      this.menuExpanded = show;\n    });\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      if (this.suppressResponsive) {\n        return;\n      }\n\n      this.breakpoint = mode;\n    });\n\n    this.updateHasSlotAssignedElementsStates();\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('applicationLayoutContext')\n  watchApplicationLayoutContext() {\n    if (this.applicationLayoutContext) {\n      this.showMenu = false;\n    }\n  }\n  @Watch('suppressResponsive')\n  watchSuppressResponsive() {\n    this.breakpoint = 'md';\n  }\n\n  private checkLogoSlot() {\n    const slotElement = this.hostElement.shadowRoot!.querySelector(\n      'slot[name=\"logo\"]'\n    ) as HTMLSlotElement;\n\n    const isSiemensLogoDefined =\n      window.customElements.get('ix-siemens-logo') !== undefined;\n\n    if (isSiemensLogoDefined) {\n      return hasSlottedElements(slotElement);\n    }\n\n    let assignedElements = slotElement?.assignedElements({ flatten: true });\n\n    assignedElements = assignedElements?.filter(\n      (element) => element.tagName !== 'IX-SIEMENS-LOGO'\n    );\n\n    return assignedElements?.length !== 0;\n  }\n\n  private attachSiemensLogoIfLoaded() {\n    if (this.companyLogo) {\n      return;\n    }\n\n    if (!this.checkLogoSlot()) {\n      const logoElement = document.createElement('ix-siemens-logo');\n      logoElement.slot = 'logo';\n      this.hostElement.appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    if (this.applicationLayoutContext) {\n      menuController.toggle();\n    } else {\n      this.menuExpanded = !this.menuExpanded;\n    }\n\n    this.menuToggle.emit(this.menuExpanded);\n  }\n\n  private resolveContextMenuButton() {\n    return new Promise<HTMLElement>((resolve) =>\n      readTask(() =>\n        resolve(\n          this.hostElement.shadowRoot!.querySelector(\n            '[data-context-menu]'\n          ) as HTMLElement\n        )\n      )\n    );\n  }\n\n  private tryUpdateAppSwitch() {\n    if (\n      !this.callbackUpdateAppSwitchModal ||\n      !this.applicationLayoutContext?.appSwitchConfig\n    ) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private async showAppSwitch() {\n    const { defaultPrevented } = this.openAppSwitch.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.applicationLayoutContext?.appSwitchConfig) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal = await showAppSwitch(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private updateHasSlotAssignedElementsStates() {\n    const defaultSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot:not([name])'\n    );\n\n    const secondarySlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"secondary\"]'\n    );\n\n    const overflowSlot = this.hostElement.shadowRoot!.querySelector(\n      '.content slot[name=\"overflow\"]'\n    );\n\n    this.hasDefaultSlotElements = hasSlottedElements(defaultSlot);\n    this.hasSecondarySlotElements = hasSlottedElements(secondarySlot);\n    this.hasOverflowSlotElements = hasSlottedElements(overflowSlot);\n\n    this.hasOverflowContextMenu =\n      this.hasDefaultSlotElements || this.hasSecondarySlotElements;\n  }\n\n  private onContentBgClick(e: MouseEvent) {\n    if (e.target === this.contentBackground) {\n      e.preventDefault();\n    }\n  }\n\n  render() {\n    const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n    const showMenuByApplicationFrame =\n      this.breakpoint === 'sm' &&\n      this.suppressResponsive === false &&\n      hasApplicationContextAvailable;\n\n    const showApplicationSwitch =\n      this.applicationLayoutContext?.appSwitchConfig &&\n      this.breakpoint !== 'sm' &&\n      this.suppressResponsive === false;\n\n    const showCompanyLogoByProperty =\n      this.breakpoint !== 'sm' && !!this.companyLogo;\n\n    return (\n      <Host\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n          'hide-bottom-border': this.hideBottomBorder,\n        }}\n        slot=\"application-header\"\n      >\n        <div class=\"left-side\">\n          {this.appIcon && this.breakpoint !== 'sm' && (\n            <div\n              class={{\n                'app-icon': true,\n                'app-icon-outline': this.appIconOutline,\n              }}\n            >\n              <img src={this.appIcon} alt={this.appIconAlt} />\n            </div>\n          )}\n          {(this.showMenu || showMenuByApplicationFrame) && (\n            <ix-menu-expand-icon\n              onClick={() => this.onMenuClick()}\n              expanded={this.menuExpanded}\n              ixAriaLabel={this.ariaLabelMenuExpandIconButton}\n            ></ix-menu-expand-icon>\n          )}\n          {showApplicationSwitch && (\n            <ix-icon-button\n              onClick={() => this.showAppSwitch()}\n              icon={iconApps}\n              variant=\"subtle-tertiary\"\n              class={{\n                'app-switch': true,\n                'without-app-icon': !this.appIcon,\n              }}\n              aria-label={this.ariaLabelAppSwitchIconButton}\n            ></ix-icon-button>\n          )}\n          {showCompanyLogoByProperty && (\n            <div class=\"logo\">\n              <img src={this.companyLogo} alt={this.companyLogoAlt} />\n            </div>\n          )}\n          <div\n            class={{\n              logo: true,\n              'hide-logo': !this.hasSlottedLogo,\n            }}\n          >\n            <slot\n              name=\"logo\"\n              onSlotchange={() => (this.hasSlottedLogo = this.checkLogoSlot())}\n            ></slot>\n          </div>\n          <div class=\"name\">\n            <ix-typography format=\"body-lg\" class=\"application-name\">\n              {this.name}\n            </ix-typography>\n            {this.nameSuffix && this.breakpoint !== 'sm' && (\n              <ix-typography format=\"body-xs\" class=\"application-name-suffix\">\n                {this.nameSuffix}\n              </ix-typography>\n            )}\n          </div>\n        </div>\n        <div class={{ 'right-side': true, sm: this.breakpoint === 'sm' }}>\n          {this.breakpoint !== 'sm' && (\n            <div class=\"secondary\">\n              <slot name=\"secondary\"></slot>\n            </div>\n          )}\n          <div class=\"content\">\n            {this.breakpoint !== 'sm' && <slot></slot>}\n            <ix-icon-button\n              class={{\n                'context-menu': true,\n                'context-menu-visible':\n                  this.hasOverflowContextMenu || this.hasOverflowSlotElements,\n              }}\n              data-context-menu\n              data-testid=\"show-more\"\n              icon={iconMoreMenu}\n              variant=\"subtle-tertiary\"\n              aria-label={this.ariaLabelMoreMenuIconButton}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            ></ix-icon-button>\n            <ix-dropdown\n              data-overflow-dropdown\n              class=\"dropdown\"\n              discoverAllSubmenus\n              trigger={this.resolveContextMenuButton()}\n              aria-hidden={a11yBoolean(\n                !(this.hasOverflowContextMenu || this.hasOverflowSlotElements)\n              )}\n            >\n              <div\n                class=\"dropdown-content\"\n                onClick={(e) => this.onContentBgClick(e)}\n              >\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasSecondarySlotElements,\n                    }}\n                  >\n                    <slot\n                      name=\"secondary\"\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                {this.breakpoint === 'sm' && (\n                  <div\n                    class={{\n                      'slot-content': true,\n                      'slot-content-active': this.hasDefaultSlotElements,\n                    }}\n                  >\n                    <slot\n                      onSlotchange={() =>\n                        this.updateHasSlotAssignedElementsStates()\n                      }\n                    ></slot>\n                  </div>\n                )}\n                <div\n                  class={{\n                    'slot-content': true,\n                    'slot-content-active': this.hasOverflowSlotElements,\n                  }}\n                >\n                  <slot\n                    name=\"overflow\"\n                    onSlotchange={() =>\n                      this.updateHasSlotAssignedElementsStates()\n                    }\n                  ></slot>\n                </div>\n              </div>\n            </ix-dropdown>\n            <slot name=\"ix-application-header-avatar\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["getCurrentBreakpoint","useContextConsumer","ApplicationLayoutContext","applicationLayoutService","menuController","hasSlottedElements","readTask","showAppSwitch","h","Host","iconApps","iconMoreMenu","a11yBoolean"],"mappings":"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"}

package/dist/cjs/ix-application.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C8Xo8L1k.js');
-var context = require('./context-B8bRIFA2.js');
+var context = require('./context-CmNuiaNz.js');
 var service = require('./service-DuiJmf7R.js');
 var menuService = require('./menu-service-CW0vT80Q.js');
 var shadowDom = require('./shadow-dom-DT01VwcB.js');
@@ -53,7 +53,6 @@ const Application = class {
         service.applicationLayoutService.setBreakpoints(this.breakpoints);
         this.contextProvider = context.useContextProvider(this.hostElement, context.ApplicationLayoutContext, {
             hideHeader: false,
-            host: 'basic-navigation',
             sidebar: this.applicationSidebarSlotted,
             appSwitchConfig: this.appSwitchConfig,
         });
@@ -90,18 +89,17 @@ const Application = class {
         }
         this.contextProvider.emit({
             hideHeader: false,
-            host: 'basic-navigation',
             sidebar: this.applicationSidebarSlotted,
             appSwitchConfig: this.appSwitchConfig,
         });
     }
     render() {
-        return (index.h(index.Host, { key: '8ec10f51dff7f068d6d9ecc3482f57f7eee372e1', "data-role": "", class: {
+        return (index.h(index.Host, { key: '80437ae705c381c0167b8d7c5ce429e611b03f91', "data-role": "", class: {
                 [`breakpoint-${this.breakpoint}`]: true,
-            } }, index.h("slot", { key: '0907c0a93f6baa2bec75388748c5b380ac57ba9f', name: "application-header" }), index.h("div", { key: '20dbe63e526f7842680f6c4abc6d4295892ae7f6', class: "application" }, index.h("slot", { key: 'd47121e13a25c0738cba759b53fac4e33ec05dc6', name: "menu" }), index.h("aside", { key: '61e0b686faca2fb562651b67286b837d94053b99', class: {
+            } }, index.h("slot", { key: '865d2e5a9252459f62ff8ab5dce1413d11c04379', name: "application-header" }), index.h("div", { key: 'ae1960437e8721fbc4afab659d149265660e4164', class: "application" }, index.h("slot", { key: 'a2a9a835af35e30d2ebe52347903f1838e75ac8d', name: "menu" }), index.h("aside", { key: '6141152471ac7dc7310247b23278dc594e025fa3', class: {
                 'application-sidebar': true,
                 slotted: this.applicationSidebarSlotted,
-            }, onClick: () => this.onContentClick() }, index.h("slot", { key: '2e84b0947f7f8f663ea18211e8cd2112e2702048', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = shadowDom.hasSlottedElements(this.applicationSidebarSlot)) })), index.h("div", { key: '89cc5e6a029a43cedb58865984d0e46b6b14c4d3', class: "content-area" }, index.h("main", { key: 'dfc4b2e1842a43ca077d0b87168ac7119c7bb80d', class: "content", onClick: () => this.onContentClick() }, index.h("slot", { key: '6af3c3a4f10005a8d3d10d86e3388c41ffce7204' })), index.h("footer", { key: '44c8fdcf8f6fe6c6c03e2c03214c5acbb8e9d7bf', class: "footer" }, index.h("slot", { key: 'c066f4dcc1948952fa8218b70fb697470385f4d8', name: "bottom" }))))));
+            }, onClick: () => this.onContentClick() }, index.h("slot", { key: '3285cc16452a7a6936a542dd26758beebb515972', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = shadowDom.hasSlottedElements(this.applicationSidebarSlot)) })), index.h("div", { key: 'c6d022a1a5c220ed088adeba49ab5daa27ff8c77', class: "content-area" }, index.h("main", { key: '8ab781e17318078290a6ce4e1e64dfea43d5ae00', class: "content", onClick: () => this.onContentClick() }, index.h("slot", { key: '24e83882ab5746f4e00a0c16c797ddf4111aa1e8' })), index.h("footer", { key: '3ce838daa8f8f4b4e56cb2626476223d9575177c', class: "footer" }, index.h("slot", { key: 'e49d1cd476554dfddca3b538194040ca29394967', name: "bottom" }))))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/ix-application.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-application.entry.cjs.js","sources":["src/components/application/application.scss?tag=ix-application&encapsulation=shadow","src/components/application/application.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/shadow-dom/component';\n\n:host {\n  display: flex;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n\n  flex-direction: column;\n\n  @include component.ix-component;\n\n  ix-application-header {\n    z-index: calc(var(--theme-z-index-sticky) + 1);\n  }\n\n  .logo-wrapper {\n    display: contents;\n  }\n\n  .application {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .content-area {\n    display: flex;\n    position: relative;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    height: calc(100% - var(--ix-safe-area-inset-bottom, 0px));\n    width: 100%;\n    margin-left: var(--ix-application-menu-margin-left);\n    min-width: 0;\n  }\n\n  main {\n    display: block;\n    position: relative;\n    flex-grow: 1;\n\n    width: 100%;\n    padding-bottom: var(--ix-safe-area-inset-bottom);\n    overflow: auto;\n  }\n\n  footer {\n    display: block;\n    position: relative;\n    width: 100%;\n  }\n}\n\n:host(.breakpoint-md) {\n  --ix-application-menu-margin-left: calc(\n    3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n  );\n\n  aside.slotted {\n    margin-left: var(--ix-application-menu-margin-left);\n  }\n\n  aside.slotted + .content-area {\n    margin-left: 0;\n  }\n\n  aside:not(.slotted) + .content-area {\n    margin-left: var(--ix-application-menu-margin-left);\n  }\n}\n\n:host(.breakpoint-lg) {\n  --ix-application-menu-margin-left: 0;\n}\n\n:host(.breakpoint-sm) {\n  --ix-application-menu-margin-left: var(\n    --ix-application-menu-safe-area-left,\n    0rem\n  );\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n  tag: 'ix-application',\n  styleUrl: 'application.scss',\n  shadow: true,\n})\nexport class Application {\n  @Element() hostElement!: HTMLIxApplicationElement;\n\n  /**\n   * Application theme\n   */\n  @Prop() theme?: IxTheme;\n\n  /**\n   * Use the system appearance dark or light\n   */\n  @Prop() themeSystemAppearance = false;\n\n  /**\n   * Change the responsive layout of the menu structure\n   */\n  @Prop() forceBreakpoint: Breakpoint | undefined;\n  forceLayoutChange(newMode: Breakpoint | undefined) {\n    if (!newMode) {\n      applicationLayoutService.enableBreakpointDetection();\n      return;\n    }\n\n    applicationLayoutService.disableBreakpointDetection();\n    applicationLayoutService.setBreakpoint(newMode);\n  }\n\n  /**\n   * Supported layouts\n   */\n  @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n  @Watch('breakpoints')\n  onBreakpointsChange(breakpoints: Breakpoint[]) {\n    applicationLayoutService.setBreakpoints(breakpoints);\n  }\n\n  /**\n   * Define application switch configuration\n   */\n  @Prop() appSwitchConfig?: AppSwitchConfiguration;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() applicationSidebarSlotted = false;\n\n  private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n  get menu(): HTMLIxMenuElement | null {\n    return this.hostElement.querySelector('ix-menu');\n  }\n\n  get applicationSidebarSlot() {\n    return this.hostElement.shadowRoot!.querySelector(\n      '.application-sidebar slot'\n    ) as HTMLSlotElement;\n  }\n\n  private modeDisposable?: Disposable;\n\n  private onContentClick() {\n    if (menuController.isPinned) {\n      return;\n    }\n    this.menu?.toggleMenu(false);\n  }\n\n  componentWillLoad() {\n    applicationLayoutService.setBreakpoints(this.breakpoints);\n\n    this.contextProvider = useContextProvider(\n      this.hostElement,\n      ApplicationLayoutContext,\n      {\n        hideHeader: false,\n        host: 'basic-navigation',\n        sidebar: this.applicationSidebarSlotted,\n        appSwitchConfig: this.appSwitchConfig,\n      }\n    );\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      this.breakpoint = mode;\n    });\n    this.breakpoint = applicationLayoutService.breakpoint;\n\n    if (this.forceBreakpoint) {\n      this.forceLayoutChange(this.forceBreakpoint);\n    }\n\n    this.changeTheme();\n  }\n\n  disconnectedCallback() {\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('theme')\n  @Watch('themeSystemAppearance')\n  private changeTheme() {\n    if (!this.theme) {\n      if (this.themeSystemAppearance) {\n        themeSwitcher.setVariant();\n      }\n\n      return;\n    }\n\n    if (themeSwitcher.hasVariantSuffix(this.theme)) {\n      themeSwitcher.setTheme(`theme-${this.theme}`);\n      return;\n    }\n\n    themeSwitcher.setTheme(\n      `theme-${this.theme}-dark`,\n      this.themeSystemAppearance\n    );\n  }\n\n  @Watch('appSwitchConfig')\n  @Watch('applicationSidebarSlotted')\n  onApplicationSidebarChange() {\n    if (!this.contextProvider) {\n      console.error('Context provider not available');\n      return;\n    }\n    this.contextProvider.emit({\n      hideHeader: false,\n      host: 'basic-navigation',\n      sidebar: this.applicationSidebarSlotted,\n      appSwitchConfig: this.appSwitchConfig,\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        data-role=\"\"\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n        }}\n      >\n        <slot name=\"application-header\"></slot>\n        <div class=\"application\">\n          <slot name=\"menu\"></slot>\n          <aside\n            class={{\n              'application-sidebar': true,\n              slotted: this.applicationSidebarSlotted,\n            }}\n            onClick={() => this.onContentClick()}\n          >\n            <slot\n              name=\"application-sidebar\"\n              onSlotchange={() =>\n                (this.applicationSidebarSlotted = hasSlottedElements(\n                  this.applicationSidebarSlot\n                ))\n              }\n            ></slot>\n          </aside>\n          <div class=\"content-area\">\n            <main class=\"content\" onClick={() => this.onContentClick()}>\n              <slot></slot>\n            </main>\n            <footer class=\"footer\">\n              <slot name=\"bottom\"></slot>\n            </footer>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["applicationLayoutService","menuController","useContextProvider","ApplicationLayoutContext","themeSwitcher","h","Host","hasSlottedElements"],"mappings":"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"}
+{"version":3,"file":"ix-application.entry.cjs.js","sources":["src/components/application/application.scss?tag=ix-application&encapsulation=shadow","src/components/application/application.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/shadow-dom/component';\n\n:host {\n  display: flex;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n\n  flex-direction: column;\n\n  @include component.ix-component;\n\n  ix-application-header {\n    z-index: calc(var(--theme-z-index-sticky) + 1);\n  }\n\n  .logo-wrapper {\n    display: contents;\n  }\n\n  .application {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .content-area {\n    display: flex;\n    position: relative;\n    flex-direction: column;\n    flex-wrap: nowrap;\n    height: calc(100% - var(--ix-safe-area-inset-bottom, 0px));\n    width: 100%;\n    margin-left: var(--ix-application-menu-margin-left);\n    min-width: 0;\n  }\n\n  main {\n    display: block;\n    position: relative;\n    flex-grow: 1;\n\n    width: 100%;\n    padding-bottom: var(--ix-safe-area-inset-bottom);\n    overflow: auto;\n  }\n\n  footer {\n    display: block;\n    position: relative;\n    width: 100%;\n  }\n}\n\n:host(.breakpoint-md) {\n  --ix-application-menu-margin-left: calc(\n    3.25rem + var(--ix-application-menu-safe-area-left, 0rem)\n  );\n\n  aside.slotted {\n    margin-left: var(--ix-application-menu-margin-left);\n  }\n\n  aside.slotted + .content-area {\n    margin-left: 0;\n  }\n\n  aside:not(.slotted) + .content-area {\n    margin-left: var(--ix-application-menu-margin-left);\n  }\n}\n\n:host(.breakpoint-lg) {\n  --ix-application-menu-margin-left: 0;\n}\n\n:host(.breakpoint-sm) {\n  --ix-application-menu-margin-left: var(\n    --ix-application-menu-safe-area-left,\n    0rem\n  );\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n  tag: 'ix-application',\n  styleUrl: 'application.scss',\n  shadow: true,\n})\nexport class Application {\n  @Element() hostElement!: HTMLIxApplicationElement;\n\n  /**\n   * Application theme\n   */\n  @Prop() theme?: IxTheme;\n\n  /**\n   * Use the system appearance dark or light\n   */\n  @Prop() themeSystemAppearance = false;\n\n  /**\n   * Change the responsive layout of the menu structure\n   */\n  @Prop() forceBreakpoint: Breakpoint | undefined;\n  forceLayoutChange(newMode: Breakpoint | undefined) {\n    if (!newMode) {\n      applicationLayoutService.enableBreakpointDetection();\n      return;\n    }\n\n    applicationLayoutService.disableBreakpointDetection();\n    applicationLayoutService.setBreakpoint(newMode);\n  }\n\n  /**\n   * Supported layouts\n   */\n  @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n  @Watch('breakpoints')\n  onBreakpointsChange(breakpoints: Breakpoint[]) {\n    applicationLayoutService.setBreakpoints(breakpoints);\n  }\n\n  /**\n   * Define application switch configuration\n   */\n  @Prop() appSwitchConfig?: AppSwitchConfiguration;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() applicationSidebarSlotted = false;\n\n  private contextProvider?: ContextProvider<typeof ApplicationLayoutContext>;\n\n  get menu(): HTMLIxMenuElement | null {\n    return this.hostElement.querySelector('ix-menu');\n  }\n\n  get applicationSidebarSlot() {\n    return this.hostElement.shadowRoot!.querySelector(\n      '.application-sidebar slot'\n    ) as HTMLSlotElement;\n  }\n\n  private modeDisposable?: Disposable;\n\n  private onContentClick() {\n    if (menuController.isPinned) {\n      return;\n    }\n    this.menu?.toggleMenu(false);\n  }\n\n  componentWillLoad() {\n    applicationLayoutService.setBreakpoints(this.breakpoints);\n\n    this.contextProvider = useContextProvider(\n      this.hostElement,\n      ApplicationLayoutContext,\n      {\n        hideHeader: false,\n        sidebar: this.applicationSidebarSlotted,\n        appSwitchConfig: this.appSwitchConfig,\n      }\n    );\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      this.breakpoint = mode;\n    });\n    this.breakpoint = applicationLayoutService.breakpoint;\n\n    if (this.forceBreakpoint) {\n      this.forceLayoutChange(this.forceBreakpoint);\n    }\n\n    this.changeTheme();\n  }\n\n  disconnectedCallback() {\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('theme')\n  @Watch('themeSystemAppearance')\n  private changeTheme() {\n    if (!this.theme) {\n      if (this.themeSystemAppearance) {\n        themeSwitcher.setVariant();\n      }\n\n      return;\n    }\n\n    if (themeSwitcher.hasVariantSuffix(this.theme)) {\n      themeSwitcher.setTheme(`theme-${this.theme}`);\n      return;\n    }\n\n    themeSwitcher.setTheme(\n      `theme-${this.theme}-dark`,\n      this.themeSystemAppearance\n    );\n  }\n\n  @Watch('appSwitchConfig')\n  @Watch('applicationSidebarSlotted')\n  onApplicationSidebarChange() {\n    if (!this.contextProvider) {\n      console.error('Context provider not available');\n      return;\n    }\n    this.contextProvider.emit({\n      hideHeader: false,\n      sidebar: this.applicationSidebarSlotted,\n      appSwitchConfig: this.appSwitchConfig,\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        data-role=\"\"\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n        }}\n      >\n        <slot name=\"application-header\"></slot>\n        <div class=\"application\">\n          <slot name=\"menu\"></slot>\n          <aside\n            class={{\n              'application-sidebar': true,\n              slotted: this.applicationSidebarSlotted,\n            }}\n            onClick={() => this.onContentClick()}\n          >\n            <slot\n              name=\"application-sidebar\"\n              onSlotchange={() =>\n                (this.applicationSidebarSlotted = hasSlottedElements(\n                  this.applicationSidebarSlot\n                ))\n              }\n            ></slot>\n          </aside>\n          <div class=\"content-area\">\n            <main class=\"content\" onClick={() => this.onContentClick()}>\n              <slot></slot>\n            </main>\n            <footer class=\"footer\">\n              <slot name=\"bottom\"></slot>\n            </footer>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["applicationLayoutService","menuController","useContextProvider","ApplicationLayoutContext","themeSwitcher","h","Host","hasSlottedElements"],"mappings":";;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,ghEAAghE;;MC2B1hE,WAAW,GAAA,MAAA;AALxB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAaE;;AAEG;AACK,QAAA,IAAqB,CAAA,qBAAA,GAAG,KAAK;AAgBrC;;AAEG;QACK,IAAW,CAAA,WAAA,GAAiB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AAW7C,QAAA,IAAU,CAAA,UAAA,GAAe,IAAI;AAC7B,QAAA,IAAyB,CAAA,yBAAA,GAAG,KAAK;AA+H3C;AAxJC,IAAA,iBAAiB,CAAC,OAA+B,EAAA;QAC/C,IAAI,CAAC,OAAO,EAAE;YACZA,gCAAwB,CAAC,yBAAyB,EAAE;YACpD;;QAGFA,gCAAwB,CAAC,0BAA0B,EAAE;AACrD,QAAAA,gCAAwB,CAAC,aAAa,CAAC,OAAO,CAAC;;AAQjD,IAAA,mBAAmB,CAAC,WAAyB,EAAA;AAC3C,QAAAA,gCAAwB,CAAC,cAAc,CAAC,WAAW,CAAC;;AAatD,IAAA,IAAI,IAAI,GAAA;QACN,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC;;AAGlD,IAAA,IAAI,sBAAsB,GAAA;QACxB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAW,CAAC,aAAa,CAC/C,2BAA2B,CACT;;IAKd,cAAc,GAAA;;AACpB,QAAA,IAAIC,0BAAc,CAAC,QAAQ,EAAE;YAC3B;;QAEF,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;IAG9B,iBAAiB,GAAA;AACf,QAAAD,gCAAwB,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;QAEzD,IAAI,CAAC,eAAe,GAAGE,0BAAkB,CACvC,IAAI,CAAC,WAAW,EAChBC,gCAAwB,EACxB;AACE,YAAA,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,yBAAyB;YACvC,eAAe,EAAE,IAAI,CAAC,eAAe;AACtC,SAAA,CACF;AAED,QAAA,IAAI,CAAC,cAAc,GAAGH,gCAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,KAAI;AAClE,YAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AACxB,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,UAAU,GAAGA,gCAAwB,CAAC,UAAU;AAErD,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,eAAe,CAAC;;QAG9C,IAAI,CAAC,WAAW,EAAE;;IAGpB,oBAAoB,GAAA;;QAClB,CAAA,EAAA,GAAA,IAAI,CAAC,cAAc,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,EAAE;;IAKxB,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACf,YAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;gBAC9BI,2BAAa,CAAC,UAAU,EAAE;;YAG5B;;QAGF,IAAIA,2BAAa,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC9CA,2BAAa,CAAC,QAAQ,CAAC,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAE,CAAA,CAAC;YAC7C;;AAGF,QAAAA,2BAAa,CAAC,QAAQ,CACpB,CAAA,MAAA,EAAS,IAAI,CAAC,KAAK,CAAA,KAAA,CAAO,EAC1B,IAAI,CAAC,qBAAqB,CAC3B;;IAKH,0BAA0B,GAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;AACzB,YAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC;YAC/C;;AAEF,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;AACxB,YAAA,UAAU,EAAE,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,yBAAyB;YACvC,eAAe,EAAE,IAAI,CAAC,eAAe;AACtC,SAAA,CAAC;;IAGJ,MAAM,GAAA;AACJ,QAAA,QACEC,OAAC,CAAAC,UAAI,kEACO,EAAE,EACZ,KAAK,EAAE;AACL,gBAAA,CAAC,cAAc,IAAI,CAAC,UAAU,CAAE,CAAA,GAAG,IAAI;aACxC,EAAA,EAEDD,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,oBAAoB,EAAQ,CAAA,EACvCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,MAAM,EAAQ,CAAA,EACzBA,OAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,qBAAqB,EAAE,IAAI;gBAC3B,OAAO,EAAE,IAAI,CAAC,yBAAyB;AACxC,aAAA,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAAA,EAEpCA,OACE,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,qBAAqB,EAC1B,YAAY,EAAE,OACX,IAAI,CAAC,yBAAyB,GAAGE,4BAAkB,CAClD,IAAI,CAAC,sBAAsB,CAC5B,CAAC,EAAA,CAEE,CACF,EACRF,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,EAAE,EAAA,EACxDA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,EACPA,OAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACpBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACpB,CACL,CACF,CACD;;;;;;;;;;;;;;;"}

package/dist/cjs/ix-avatar_2.cjs.entry.js

@@ -85,7 +85,7 @@ const MenuAvatarItem = class {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (index.h("ix-dropdown-item", { key: '7b30f261d40a584c089d70f40d0f4b853ec5219f', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (index.h("ix-dropdown-item", { key: '4a25c0768a9afad6b18bf3019c8998cc51fa134a', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-blind.cjs.entry.js

@@ -69,17 +69,17 @@ const Blind = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '4a7663a1db7be9e7b957e5f4544f0ce8e9814cae', class: {
+        return (index.h(index.Host, { key: '671ad2c0686ea67b8dd5a3b6259edd8cd2667b19', class: {
                 [`blind-${this.variant}`]: true,
-            } }, index.h("div", { key: '47c72fe3619b8260f5ebf4003b53fd743776fbca', class: 'blind-header-wrapper' }, index.h("button", { key: '785833dece948c4a3dba3815cbac98c58280b099', class: {
+            } }, index.h("div", { key: '40fa7a9d37b674e2979022aadc84a4496ea9a9f5', class: 'blind-header-wrapper' }, index.h("button", { key: '29c3e84c41ec924f2b3c5a373778130afa943626', class: {
                 'blind-header': true,
                 [`blind-${this.variant}`]: true,
                 closed: this.collapsed,
-            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: '0bc5a07bb163c1558b71b975f295d7df95453df9', name: "custom-header" })), index.h("div", { key: 'dce21ec7715bf9c897fdd1dd01dcc1efc898cf66', class: 'blind-header-content' }, index.h("ix-icon", { key: '8326f05cc630cad6eb800197121fabdce118cc3e', class: "collapse-icon", name: index$1.iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
+            }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: 'b252b735380d02d028f14e7d9fbe4c5eba8c6602', name: "custom-header" })), index.h("div", { key: '6bf0d3c1465c63a94c8f022734ed826c4028855a', class: 'blind-header-content' }, index.h("ix-icon", { key: 'd21dd7db4cb813e4becce868c4dbe340a12b1e65', class: "collapse-icon", name: index$1.iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), index.h("div", { key: 'bdca91c2ef6b9cc40c50f7c71e0b5279ba64d5ea', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
+                : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), index.h("div", { key: 'da2e1435ca1070eed1794226ca721e7e3fb22390', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
                 ? 'color-std-text'
-                : `color-${this.variant}--contrast` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '02eda5f04ad9fab57dc97354e02c87a1ccaf106a', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: 'e401cd5ea54fa791dcb5a3fe7e9b7adfe28e3b47', class: {
+                : `color-${this.variant}--contrast` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '854dd19e82a63ccb31f090dadfbcfa46d7346d21', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: '12f77fdbb29c89d5ab26877e9db8ad9ec79f1e6f', class: {
                 'blind-content': true,
                 hide: this.collapsed,
             } }, !this.collapsed ? index.h("slot", null) : null))));

package/dist/cjs/ix-breadcrumb.cjs.entry.js

@@ -83,7 +83,7 @@ const Breadcrumb = class {
     render() {
         var _a, _b, _c, _d;
         const a11y$1 = a11y.a11yHostAttributes(this.hostElement);
-        return (index.h(index.Host, { key: '12f8783a3a970031434ab062dba6ced47c167570' }, index.h("ix-dropdown", { key: 'c3d871fa0f8cdc9cb49f5449de13f599452ba323', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
+        return (index.h(index.Host, { key: 'c5457acd786da77d474f83613a2c12910a193779' }, index.h("ix-dropdown", { key: '3f1e0ae1e4ac1d192ff7c0d5619329cfbcdf8a62', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
                 ? this.previousButtonRef.waitForCurrent()
                 : undefined, onShowChanged: ({ detail }) => {
                 this.isPreviousDropdownExpanded = detail;
@@ -100,7 +100,7 @@ const Breadcrumb = class {
             return (index.h("ix-dropdown-item", { label: label, onClick: () => {
                     this.onItemClick(label);
                 }, onItemClick: (event) => event.stopPropagation() }));
-        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (index.h("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11y.a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, index.h("nav", { key: '076d1d44094bbd01bce51daf92bc8ad28f93f224', class: "crumb-items", "aria-label": (_c = a11y$1['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, index.h("ol", { key: 'edd1719a74b337e52d6f2e30d7ea7040ef2c1640' }, index.h("slot", { key: '8ec35c7e353630c9d9ba4839c6d33b7e68a25e74' }))), index.h("ix-dropdown", { key: '8750f9d8b51762d5a2fc4303e4c34f048383f8fd', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (index.h("ix-dropdown-item", { label: item, onClick: (e) => {
+        })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (index.h("ix-breadcrumb-item", { id: this.previousButtonId, ref: this.previousButtonRef, label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11y.a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, index.h("nav", { key: '11b4a0c0cbad59437fccee34a73cd4e89de39a1c', class: "crumb-items", "aria-label": (_c = a11y$1['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, index.h("ol", { key: 'ad9d8c27e05b76f334f7cf6f79038d339e8d538c' }, index.h("slot", { key: 'd84c2c0028e22cbfd126b867177ba9b4271e8c24' }))), index.h("ix-dropdown", { key: '6ba681eb8f116ec287961a7e873b90d381baefdb', trigger: this.nextButtonRef.waitForCurrent() }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (index.h("ix-dropdown-item", { label: item, onClick: (e) => {
                 this.nextClick.emit({
                     event: e,
                     item,

package/dist/cjs/ix-card-accordion_2.cjs.entry.js

@@ -57,15 +57,15 @@ const CardAccordion = class {
         this.onInitialExpandChange();
     }
     render() {
-        return (index.h(index.Host, { key: '222c6e087b85d09fe4dfc0254aedffb37133ecf8', slot: "card-accordion", class: {
+        return (index.h(index.Host, { key: 'dc1b41f8878a1aa87869d11829c9a3cc218ca12e', slot: "card-accordion", class: {
                 [`variant-${this.variant}`]: true,
-            } }, index.h("button", { key: '091c2614a41bfc0431327058bf4ef6da022adf6c', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, index.h("ix-icon", { key: 'c33379f0f47f7b5ae670144088f2521992cb5579', name: index$1.iconChevronDownSmall, class: {
+            } }, index.h("button", { key: '0fc447aadb0c86405700f00c18d17be887eef3fb', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, index.h("ix-icon", { key: 'b044d6c5c9561355750483c29824bfe27af75db5', name: index$1.iconChevronDownSmall, class: {
                 'expand-icon': true,
                 show: this.expandContent,
-            } })), index.h("div", { key: 'c6c9d8239de7c2871bda0fc597bd97f6fef97f20', class: {
+            } })), index.h("div", { key: 'df7c48aaa25ad38136479fb972ffe0776efa0ae3', class: {
                 'expand-content': true,
                 show: this.expandContent,
-            } }, index.h("div", { key: 'efd5c5c77f0784f05da03289cd596d58bcc4da1a', class: "expand-content-inner" }, index.h("div", { key: '5eedce8ff4836fcb5eae475d93dde6858ce722aa', class: "expand-content-body" }, index.h("slot", { key: 'de820e5855bc9d7a0fcfd3d394c3f9b204b0cdbe' })), index.h("div", { key: '14293baff273475195c66b4823f5deaa173817cf', class: "expand-content-footer" })))));
+            } }, index.h("div", { key: '9f9bd7ef6d674f0d6561ac9c237443062eec9693', class: "expand-content-inner" }, index.h("div", { key: '1576b901ba50a5ec7e765ae64e8cd6acba047973', class: "expand-content-body" }, index.h("slot", { key: 'ef118ded7d20ba6dd70c45a0d34f86a89959e69c' })), index.h("div", { key: '248e9c925bf36e9598386a78562abd8a3db77c06', class: "expand-content-footer" })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -81,7 +81,7 @@ const CardHeader = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9c6dc0d763b05e976306aaf76a3cc7b644997252' }, index.h("slot", { key: '3818103186c4614d128ec7c9b22618d9baab3900' }), index.h("div", { key: 'efad42c938c7f115dcc14fb379ee4fa594dcb4d2', class: "title-actions" }, index.h("slot", { key: 'd823d4ee6b351d11fbbdd51b2d196bfcd2a52d3c', name: "title-actions" }))));
+        return (index.h(index.Host, { key: 'a25925e3092733c276c366875802163184f79a2b' }, index.h("slot", { key: 'c379e97f4966141ac879c9df014f793955d1d2f3' }), index.h("div", { key: '5ea530ca1110748ed53b7b0724d5ec0920194628', class: "title-actions" }, index.h("slot", { key: '10f91158d202b321c21d07dda30ff7e59999aaa9', name: "title-actions" }))));
     }
 };
 CardHeader.style = cardTitleCss;