@siemens/ix 2.1.0-beta.1 → 2.1.0-beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/card.js +8 -3
- package/components/card.js.map +1 -1
- package/components/dropdown.js +55 -47
- package/components/dropdown.js.map +1 -1
- package/components/ix-action-card.js +2 -4
- package/components/ix-action-card.js.map +1 -1
- package/components/ix-push-card.js +1 -1
- package/components/ix-push-card.js.map +1 -1
- package/dist/cjs/ix-action-card.cjs.entry.js +2 -4
- package/dist/cjs/ix-action-card.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-card_2.cjs.entry.js +6 -2
- package/dist/cjs/ix-card_2.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-dropdown.cjs.entry.js +55 -47
- package/dist/cjs/ix-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
- package/dist/cjs/ix-push-card.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/collection/components/action-card/action-card.css +0 -141
- package/dist/collection/components/action-card/action-card.js +1 -3
- package/dist/collection/components/action-card/action-card.js.map +1 -1
- package/dist/collection/components/card/card.css +103 -0
- package/dist/collection/components/card/card.js +25 -1
- package/dist/collection/components/card/card.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown-controller.js +39 -22
- package/dist/collection/components/dropdown/dropdown-controller.js.map +1 -1
- package/dist/collection/components/dropdown/dropdown.js +20 -29
- package/dist/collection/components/dropdown/dropdown.js.map +1 -1
- package/dist/collection/components/dropdown/test/dropdown.ct.js +112 -21
- package/dist/collection/components/dropdown/test/dropdown.ct.js.map +1 -1
- package/dist/collection/components/push-card/push-card.css +0 -56
- package/dist/collection/tests/card/card.e2e.js +23 -0
- package/dist/collection/tests/card/card.e2e.js.map +1 -0
- package/dist/esm/ix-action-card.entry.js +2 -4
- package/dist/esm/ix-action-card.entry.js.map +1 -1
- package/dist/esm/ix-card_2.entry.js +6 -2
- package/dist/esm/ix-card_2.entry.js.map +1 -1
- package/dist/esm/ix-dropdown.entry.js +55 -47
- package/dist/esm/ix-dropdown.entry.js.map +1 -1
- package/dist/esm/ix-push-card.entry.js +1 -1
- package/dist/esm/ix-push-card.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/siemens-ix/p-731a81c6.entry.js +2 -0
- package/dist/siemens-ix/p-731a81c6.entry.js.map +1 -0
- package/dist/siemens-ix/p-9f03e475.entry.js +2 -0
- package/dist/siemens-ix/p-9f03e475.entry.js.map +1 -0
- package/dist/siemens-ix/p-ba379675.entry.js +2 -0
- package/dist/siemens-ix/p-ba379675.entry.js.map +1 -0
- package/dist/siemens-ix/p-c5965787.entry.js +2 -0
- package/dist/siemens-ix/p-c5965787.entry.js.map +1 -0
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/siemens-ix/siemens-ix.esm.js.map +1 -1
- package/dist/types/components/card/card.d.ts +4 -0
- package/dist/types/components/dropdown/dropdown-controller.d.ts +8 -5
- package/dist/types/components/dropdown/dropdown.d.ts +4 -2
- package/dist/types/components.d.ts +14 -6
- package/package.json +1 -1
- package/dist/siemens-ix/p-0872fe61.entry.js +0 -2
- package/dist/siemens-ix/p-0872fe61.entry.js.map +0 -1
- package/dist/siemens-ix/p-a38ec9e8.entry.js +0 -2
- package/dist/siemens-ix/p-a38ec9e8.entry.js.map +0 -1
- package/dist/siemens-ix/p-e12d4a6f.entry.js +0 -2
- package/dist/siemens-ix/p-e12d4a6f.entry.js.map +0 -1
- package/dist/siemens-ix/p-e359d3c5.entry.js +0 -2
- package/dist/siemens-ix/p-e359d3c5.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ix-dropdown.entry.js","mappings":"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","names":[],"sources":["src/components/dropdown/dropdown-controller.ts","src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.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 */\n\nimport { IxComponent } from '../utils/internal';\nexport type CloseBehaviour = 'inside' | 'outside' | 'both' | boolean;\n\nexport interface DropdownInterface extends IxComponent {\n closeBehavior: CloseBehaviour;\n discoverAllSubmenus: boolean;\n\n getAssignedSubmenuIds(): string[];\n getId(): string;\n\n discoverSubmenu(): void;\n\n isPresent(): boolean;\n\n willPresent?(): boolean;\n willDismiss?(): boolean;\n\n present(): void;\n dismiss(): void;\n}\n\nexport function hasDropdownItemWrapperImplemented(\n item: unknown\n): item is DropdownItemWrapper {\n return (\n (item as DropdownItemWrapper).getDropdownItemElement !== undefined &&\n typeof (item as DropdownItemWrapper).getDropdownItemElement === 'function'\n );\n}\n\nexport interface DropdownItemWrapper {\n getDropdownItemElement(): Promise<HTMLIxDropdownItemElement>;\n}\n\ntype DropdownRule = Record<string, string[]>;\n\nclass DropdownController {\n private dropdowns = new Set<DropdownInterface>();\n private dropdownRules: DropdownRule = {};\n\n private isWindowListenerActive = false;\n\n connected(dropdown: DropdownInterface) {\n if (!this.isWindowListenerActive) {\n this.addOverlayListeners();\n }\n this.dropdowns.add(dropdown);\n\n if (dropdown.discoverAllSubmenus) {\n this.discoverSubmenus();\n }\n }\n\n disconnected(dropdown: DropdownInterface) {\n this.dropdowns.delete(dropdown);\n }\n\n discoverSubmenus() {\n this.dropdowns.forEach((dropdown) => {\n dropdown.discoverSubmenu();\n });\n }\n\n present(dropdown: DropdownInterface) {\n this.dropdownRules[dropdown.getId()] = dropdown.getAssignedSubmenuIds();\n if (!dropdown.isPresent() && dropdown.willPresent()) {\n dropdown.present();\n this.dismissPath(dropdown.getId());\n }\n }\n\n dismiss(dropdown: DropdownInterface) {\n if (dropdown.isPresent() && dropdown.willDismiss()) {\n dropdown.dismiss();\n delete this.dropdownRules[dropdown.getId()];\n }\n }\n\n dismissAll() {\n for (const dropdown of this.dropdowns) {\n if (\n dropdown.closeBehavior === 'inside' ||\n dropdown.closeBehavior === false\n ) {\n continue;\n }\n\n this.dismiss(dropdown);\n }\n }\n\n dismissPath(uid: string) {\n let path = this.buildComposedPath(uid, new Set<string>());\n\n for (const dropdown of this.dropdowns) {\n if (\n dropdown.isPresent() &&\n dropdown.closeBehavior !== 'inside' &&\n dropdown.closeBehavior !== false &&\n !path.has(dropdown.getId())\n ) {\n this.dismiss(dropdown);\n }\n }\n }\n\n private buildComposedPath(id: string, path: Set<string>): Set<string> {\n if (this.dropdownRules[id]) {\n path.add(id);\n }\n\n for (const ruleKey of Object.keys(this.dropdownRules)) {\n if (this.dropdownRules[ruleKey].includes(id)) {\n this.buildComposedPath(ruleKey, path).forEach((key) => path.add(key));\n }\n }\n\n return path;\n }\n\n private addOverlayListeners() {\n this.isWindowListenerActive = true;\n\n window.addEventListener('click', () => {\n this.dismissAll();\n });\n\n window.addEventListener('keydown', (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this.dismissAll();\n }\n });\n }\n}\n\nexport const addDisposableEventListener = (\n element: Element | Window | Document,\n eventType: string,\n callback: EventListenerOrEventListenerObject\n) => {\n element.addEventListener(eventType, callback);\n\n return () => {\n element.removeEventListener(eventType, callback);\n };\n};\n\nexport const addDisposableEventListenerAsArray = (\n listener: {\n element: Element | Window | Document;\n eventType: string;\n callback: EventListenerOrEventListenerObject;\n }[]\n) => {\n const disposables = listener.map(({ callback, element, eventType }) =>\n addDisposableEventListener(element, eventType, callback)\n );\n\n return () => disposables.forEach((dispose) => dispose());\n};\n\nexport const dropdownController = new DropdownController();\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\n@import 'common-variables';\n\n@import 'legacy/mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n background-color: var(--theme-color-2);\n border-radius: var(--theme-default-border-radius);\n @include ix-component;\n min-width: 0px;\n z-index: var(--theme-z-index-dropdown);\n box-shadow: var(--theme-shadow-4);\n\n padding: 0.25rem 0px;\n\n .dropdown-header {\n display: flex;\n align-items: center;\n height: $large-control-height;\n color: var(--theme-menu-header--color);\n padding: 0 $default-space;\n }\n}\n\n:host(.overflow) {\n max-height: 50vh;\n overflow-y: auto;\n}\n\n:host(:not(.show)) {\n display: 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 */\n\nimport {\n autoUpdate,\n computePosition,\n ComputePositionConfig,\n flip,\n inline,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { ComponentInterface } from '@stencil/core/internal';\nimport {\n addDisposableEventListener,\n CloseBehaviour,\n dropdownController,\n DropdownInterface,\n hasDropdownItemWrapperImplemented,\n} from './dropdown-controller';\nimport { AlignedPlacement } from './placement';\n\nlet sequenceId = 0;\n\n@Component({\n tag: 'ix-dropdown',\n styleUrl: 'dropdown.scss',\n shadow: true,\n})\nexport class Dropdown implements ComponentInterface, DropdownInterface {\n @Element() hostElement!: HTMLIxDropdownElement;\n\n /**\n * Suppress the automatic placement of the dropdown.\n *\n * @since 2.0.0\n */\n @Prop() suppressAutomaticPlacement = false;\n\n /**\n * Show dropdown\n */\n @Prop({ mutable: true, reflect: true }) show = false;\n\n /**\n * Define an element that triggers the dropdown.\n * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n */\n @Prop() trigger: string | HTMLElement | Promise<HTMLElement>;\n\n /**\n * Define an anchor element\n */\n @Prop() anchor: string | HTMLElement;\n\n /**\n * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n */\n @Prop() closeBehavior: CloseBehaviour = 'both';\n\n /**\n * Placement of the dropdown\n */\n @Prop() placement: AlignedPlacement = 'bottom-start';\n\n /**\n * Position strategy\n */\n @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n /**\n * An optional header shown at the top of the dropdown\n */\n @Prop() header?: string;\n\n /**\n * Move dropdown along main axis of alignment\n *\n * @internal\n */\n @Prop() offset: {\n mainAxis?: number;\n crossAxis?: number;\n alignmentAxis?: number;\n };\n\n /**\n * @internal\n */\n @Prop() overwriteDropdownStyle: (delegate: {\n dropdownRef: HTMLElement;\n triggerRef?: HTMLElement;\n }) => Promise<Partial<CSSStyleDeclaration>>;\n\n /**\n * @internal\n * If initialisation of this dropdown is expected to be defered submenu discovery will have to be re-run globally by the controller.\n * This property indicates the need for that to the controller.\n */\n @Prop() discoverAllSubmenus = false;\n\n /**\n * Fire event after visibility of dropdown has changed\n */\n @Event() showChanged: EventEmitter<boolean>;\n\n private autoUpdateCleanup: () => void = null;\n\n private triggerElement?: Element;\n private anchorElement?: Element;\n\n private dropdownRef: HTMLElement;\n private localUId = `dropdown-${sequenceId++}`;\n private assignedSubmenu: string[] = [];\n\n connectedCallback(): void {\n dropdownController.connected(this);\n }\n\n @Listen('ix-assign-sub-menu')\n cacheSubmenuId(event: CustomEvent<string>) {\n event.stopImmediatePropagation();\n event.preventDefault();\n\n const { detail } = event;\n\n if (this.assignedSubmenu.indexOf(detail) === -1) {\n this.assignedSubmenu.push(detail);\n }\n }\n\n disconnectedCallback() {\n this.disposeListener?.();\n dropdownController.disconnected(this);\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n }\n }\n\n getAssignedSubmenuIds() {\n return this.assignedSubmenu;\n }\n\n isPresent() {\n return this.show;\n }\n\n present() {\n this.show = true;\n }\n\n dismiss() {\n this.show = false;\n }\n\n getId() {\n return this.localUId;\n }\n\n willDismiss() {\n const { defaultPrevented } = this.showChanged.emit(false);\n return !defaultPrevented;\n }\n\n willPresent() {\n const { defaultPrevented } = this.showChanged.emit(true);\n return !defaultPrevented;\n }\n\n get dropdownItems() {\n return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n }\n\n get slotElement() {\n return this.hostElement.shadowRoot.querySelector('slot');\n }\n\n private disposeListener?: Function;\n\n private addEventListenersFor() {\n this.disposeListener?.();\n\n const stopEventDispatching = (event: Event) => {\n // Prevent default and stop event bubbling to window, otherwise controller will close all dropdowns\n if (this.triggerElement.hasAttribute('data-ix-dropdown-trigger')) {\n event.preventDefault();\n event.stopPropagation();\n }\n };\n\n const toggleController = () => {\n if (!this.isPresent()) {\n dropdownController.present(this);\n } else {\n dropdownController.dismiss(this);\n dropdownController.dismissPath(this.getId());\n }\n };\n\n this.disposeListener = addDisposableEventListener(\n this.triggerElement,\n 'click',\n (event) => {\n stopEventDispatching(event);\n toggleController();\n }\n );\n this.triggerElement.setAttribute('data-ix-dropdown-trigger', this.localUId);\n }\n\n /** @internal */\n @Method()\n async discoverSubmenu() {\n this.triggerElement?.dispatchEvent(\n new CustomEvent('ix-assign-sub-menu', {\n bubbles: true,\n composed: false,\n cancelable: true,\n detail: this.localUId,\n })\n );\n }\n\n private async registerListener(\n element: string | HTMLElement | Promise<HTMLElement>\n ) {\n this.triggerElement = await this.resolveElement(element);\n if (this.triggerElement) {\n this.addEventListenersFor();\n this.discoverSubmenu();\n }\n }\n\n private async resolveElement(\n element: string | HTMLElement | Promise<HTMLElement>\n ) {\n const el = await this.findElement(element);\n\n return this.checkForSubmenuAnchor(el);\n }\n\n private async checkForSubmenuAnchor(element: Element) {\n if (hasDropdownItemWrapperImplemented(element)) {\n const dropdownItem = await element.getDropdownItemElement();\n dropdownItem.isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n\n return dropdownItem;\n }\n\n if (element.tagName === 'IX-DROPDOWN-ITEM') {\n (element as HTMLIxDropdownItemElement).isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n }\n\n return element;\n }\n\n private findElement(\n element: string | HTMLElement | Promise<HTMLElement>\n ): Promise<Element> {\n if (element instanceof Promise) {\n return element;\n }\n\n if (typeof element === 'object') {\n return Promise.resolve(element);\n }\n\n const selector = `#${element}`;\n return new Promise((resolve) => {\n if (document.querySelector(selector)) {\n return resolve(document.querySelector(selector));\n }\n\n const observer = new MutationObserver(() => {\n if (document.querySelector(selector)) {\n resolve(document.querySelector(selector));\n observer.disconnect();\n }\n });\n\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n });\n });\n }\n\n @Watch('show')\n async changedShow(newShow: boolean) {\n if (newShow) {\n this.anchorElement = await (this.anchor\n ? this.resolveElement(this.anchor)\n : this.resolveElement(this.trigger));\n\n if (this.anchorElement) {\n this.applyDropdownPosition();\n // await this.checkForSubmenuAnchor();\n }\n }\n }\n\n @Watch('trigger')\n changedTrigger(newTriggerValue: string | HTMLElement | Promise<HTMLElement>) {\n this.registerListener(newTriggerValue);\n }\n\n private isAnchorSubmenu(): boolean {\n if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {\n // Is no official dropdown-item, but check if any dropdown-item\n // is placed somewhere up the DOM\n return !!this.anchorElement?.closest('ix-dropdown-item');\n }\n\n return true;\n }\n\n private async applyDropdownPosition() {\n if (!this.anchorElement) {\n return;\n }\n if (!this.dropdownRef) {\n return;\n }\n const isSubmenu = this.isAnchorSubmenu();\n\n let positionConfig: Partial<ComputePositionConfig> = {\n strategy: this.positioningStrategy,\n middleware: [],\n };\n\n if (!this.suppressAutomaticPlacement) {\n positionConfig.middleware.push(\n flip({ fallbackStrategy: 'initialPlacement' })\n );\n }\n\n positionConfig.placement = isSubmenu ? 'right-start' : this.placement;\n\n positionConfig.middleware = [\n ...positionConfig.middleware,\n inline(),\n shift(),\n ];\n\n if (this.offset) {\n positionConfig.middleware.push(offset(this.offset));\n }\n\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n this.autoUpdateCleanup = null;\n }\n\n this.autoUpdateCleanup = autoUpdate(\n this.anchorElement,\n this.dropdownRef,\n async () => {\n const computeResponse = await computePosition(\n this.anchorElement,\n this.dropdownRef,\n positionConfig\n );\n\n Object.assign(this.dropdownRef.style, {\n top: '0',\n left: '0',\n transform: `translate(${Math.round(computeResponse.x)}px,${Math.round(\n computeResponse.y\n )}px)`,\n });\n if (this.overwriteDropdownStyle) {\n const overwriteStyle = await this.overwriteDropdownStyle({\n dropdownRef: this.dropdownRef,\n triggerRef: this.triggerElement as HTMLElement,\n });\n\n Object.assign(this.dropdownRef.style, overwriteStyle);\n }\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n }\n );\n }\n\n async componentDidLoad() {\n this.changedTrigger(this.trigger);\n\n // Event listener to check if a dropdown is inside another dropdown\n // Cancellation of the event will prevent the closing of the parent dropdown\n this.hostElement.addEventListener(\n 'check-nested-dropdown',\n (event: CustomEvent<string>) => {\n if (event.detail === this.localUId) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n }\n );\n }\n\n async componentDidRender() {\n await this.applyDropdownPosition();\n this.anchorElement = await (this.anchor\n ? this.resolveElement(this.anchor)\n : this.resolveElement(this.trigger));\n }\n\n private onDropdownClick(event: PointerEvent) {\n event.preventDefault();\n event.stopPropagation();\n\n if (this.closeBehavior === 'inside' || this.closeBehavior === 'both') {\n dropdownController.dismiss(this);\n dropdownController.dismissAll();\n }\n }\n\n /**\n * Update position of dropdown\n */\n @Method()\n async updatePosition() {\n this.applyDropdownPosition();\n }\n\n render() {\n return (\n <Host\n data-ix-dropdown={this.localUId}\n ref={(ref) => (this.dropdownRef = ref)}\n class={{\n 'dropdown-menu': true,\n show: this.show,\n overflow: true,\n }}\n style={{\n margin: '0',\n minWidth: '0px',\n position: this.positioningStrategy,\n }}\n role=\"list\"\n onClick={(event: PointerEvent) => this.onDropdownClick(event)}\n >\n <div style={{ display: 'contents' }}>\n {this.header && <div class=\"dropdown-header\">{this.header}</div>}\n\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"ix-dropdown.entry.js","mappings":"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","names":[],"sources":["src/components/dropdown/dropdown-controller.ts","src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.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 */\n\nimport { IxComponent } from '../utils/internal';\nexport type CloseBehavior = 'inside' | 'outside' | 'both' | boolean;\n\nexport interface DropdownInterface extends IxComponent {\n closeBehavior: CloseBehavior;\n discoverAllSubmenus: boolean;\n\n getAssignedSubmenuIds(): string[];\n getId(): string;\n\n discoverSubmenu(): void;\n\n isPresent(): boolean;\n\n willPresent?(): boolean;\n willDismiss?(): boolean;\n\n present(): void;\n dismiss(): void;\n}\n\nexport function hasDropdownItemWrapperImplemented(\n item: unknown\n): item is DropdownItemWrapper {\n return (\n (item as DropdownItemWrapper).getDropdownItemElement !== undefined &&\n typeof (item as DropdownItemWrapper).getDropdownItemElement === 'function'\n );\n}\n\nexport interface DropdownItemWrapper {\n getDropdownItemElement(): Promise<HTMLIxDropdownItemElement>;\n}\n\ntype SubmenuIds = Record<string, string[]>;\n\nclass DropdownController {\n private dropdowns: Map<string, DropdownInterface> = new Map<\n string,\n DropdownInterface\n >();\n private submenuIds: SubmenuIds = {};\n\n private isWindowListenerActive = false;\n\n connected(dropdown: DropdownInterface) {\n if (!this.isWindowListenerActive) {\n this.addOverlayListeners();\n }\n this.dropdowns.set(dropdown.getId(), dropdown);\n\n if (dropdown.discoverAllSubmenus) {\n this.discoverSubmenus();\n }\n }\n\n disconnected(dropdown: DropdownInterface) {\n this.dropdowns.delete(dropdown.getId());\n }\n\n discoverSubmenus() {\n this.dropdowns.forEach((dropdown) => {\n dropdown.discoverSubmenu();\n });\n }\n\n present(dropdown: DropdownInterface) {\n if (!dropdown.isPresent() && dropdown.willPresent()) {\n this.submenuIds[dropdown.getId()] = dropdown.getAssignedSubmenuIds();\n dropdown.present();\n }\n }\n\n dismissChildren(uid: string) {\n const childIds = this.submenuIds[uid] || [];\n for (const id of childIds) {\n this.dismiss(this.dropdowns.get(id));\n }\n }\n\n dismiss(dropdown: DropdownInterface) {\n if (dropdown.isPresent() && dropdown.willDismiss()) {\n this.dismissChildren(dropdown.getId());\n dropdown.dismiss();\n delete this.submenuIds[dropdown.getId()];\n }\n }\n\n dismissAll(includeUids?: string[]) {\n this.dropdowns.forEach((dropdown) => {\n if (\n !includeUids?.includes(dropdown.getId()) &&\n (dropdown.closeBehavior === 'inside' ||\n dropdown.closeBehavior === false)\n ) {\n return;\n }\n\n this.dismiss(dropdown);\n });\n }\n\n dismissOthers(uid: string) {\n let path = this.buildComposedPath(uid, new Set<string>());\n\n this.dropdowns.forEach((dropdown) => {\n if (\n dropdown.isPresent() &&\n dropdown.closeBehavior !== 'inside' &&\n dropdown.closeBehavior !== false &&\n !path.has(dropdown.getId())\n ) {\n this.dismiss(dropdown);\n }\n });\n }\n\n pathIncludesTrigger(eventTargets: EventTarget[]) {\n return !!eventTargets.find(\n (element: HTMLElement) =>\n !!element.hasAttribute?.('data-ix-dropdown-trigger')\n );\n }\n\n private pathIncludesDropdown(eventTargets: EventTarget[]) {\n return !!eventTargets.find(\n (element: HTMLElement) => element.tagName === 'IX-DROPDOWN'\n );\n }\n\n private buildComposedPath(id: string, path: Set<string>): Set<string> {\n if (this.submenuIds[id]) {\n path.add(id);\n }\n\n for (const ruleKey of Object.keys(this.submenuIds)) {\n if (this.submenuIds[ruleKey].includes(id)) {\n this.buildComposedPath(ruleKey, path).forEach((key) => path.add(key));\n }\n }\n\n return path;\n }\n\n private addOverlayListeners() {\n this.isWindowListenerActive = true;\n\n window.addEventListener('click', (event: PointerEvent) => {\n const hasTrigger = this.pathIncludesTrigger(event.composedPath());\n const hasDropdown = this.pathIncludesDropdown(event.composedPath());\n\n if (!hasTrigger && !hasDropdown) {\n this.dismissAll();\n }\n });\n\n window.addEventListener('keydown', (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this.dismissAll([...this.dropdowns.keys()]);\n }\n });\n }\n}\n\nexport const addDisposableEventListener = (\n element: Element | Window | Document,\n eventType: string,\n callback: EventListenerOrEventListenerObject\n) => {\n element.addEventListener(eventType, callback);\n\n return () => {\n element.removeEventListener(eventType, callback);\n };\n};\n\nexport const addDisposableEventListenerAsArray = (\n listener: {\n element: Element | Window | Document;\n eventType: string;\n callback: EventListenerOrEventListenerObject;\n }[]\n) => {\n const disposables = listener.map(({ callback, element, eventType }) =>\n addDisposableEventListener(element, eventType, callback)\n );\n\n return () => disposables.forEach((dispose) => dispose());\n};\n\nexport const dropdownController = new DropdownController();\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\n@import 'common-variables';\n\n@import 'legacy/mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n background-color: var(--theme-color-2);\n border-radius: var(--theme-default-border-radius);\n @include ix-component;\n min-width: 0px;\n z-index: var(--theme-z-index-dropdown);\n box-shadow: var(--theme-shadow-4);\n\n padding: 0.25rem 0px;\n\n .dropdown-header {\n display: flex;\n align-items: center;\n height: $large-control-height;\n color: var(--theme-menu-header--color);\n padding: 0 $default-space;\n }\n}\n\n:host(.overflow) {\n max-height: 50vh;\n overflow-y: auto;\n}\n\n:host(:not(.show)) {\n display: 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 */\n\nimport {\n autoUpdate,\n computePosition,\n ComputePositionConfig,\n flip,\n inline,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { ComponentInterface } from '@stencil/core/internal';\nimport {\n addDisposableEventListener,\n CloseBehavior,\n dropdownController,\n DropdownInterface,\n hasDropdownItemWrapperImplemented,\n} from './dropdown-controller';\nimport { AlignedPlacement } from './placement';\n\nlet sequenceId = 0;\n\n@Component({\n tag: 'ix-dropdown',\n styleUrl: 'dropdown.scss',\n shadow: true,\n})\nexport class Dropdown implements ComponentInterface, DropdownInterface {\n @Element() hostElement!: HTMLIxDropdownElement;\n\n /**\n * Suppress the automatic placement of the dropdown.\n *\n * @since 2.0.0\n */\n @Prop() suppressAutomaticPlacement = false;\n\n /**\n * Show dropdown\n */\n @Prop({ mutable: true, reflect: true }) show = false;\n\n /**\n * Define an element that triggers the dropdown.\n * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n */\n @Prop() trigger: string | HTMLElement | Promise<HTMLElement>;\n\n /**\n * Define an anchor element\n */\n @Prop() anchor: string | HTMLElement;\n\n /**\n * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n * If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.\n */\n @Prop() closeBehavior: CloseBehavior = 'both';\n\n /**\n * Placement of the dropdown\n */\n @Prop() placement: AlignedPlacement = 'bottom-start';\n\n /**\n * Position strategy\n */\n @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n /**\n * An optional header shown at the top of the dropdown\n */\n @Prop() header?: string;\n\n /**\n * Move dropdown along main axis of alignment\n *\n * @internal\n */\n @Prop() offset: {\n mainAxis?: number;\n crossAxis?: number;\n alignmentAxis?: number;\n };\n\n /**\n * @internal\n */\n @Prop() overwriteDropdownStyle: (delegate: {\n dropdownRef: HTMLElement;\n triggerRef?: HTMLElement;\n }) => Promise<Partial<CSSStyleDeclaration>>;\n\n /**\n * @internal\n * If initialisation of this dropdown is expected to be defered submenu discovery will have to be re-run globally by the controller.\n * This property indicates the need for that to the controller.\n */\n @Prop() discoverAllSubmenus = false;\n\n /**\n * Fire event after visibility of dropdown has changed\n */\n @Event() showChanged: EventEmitter<boolean>;\n\n private autoUpdateCleanup: () => void = null;\n\n private triggerElement?: Element;\n private anchorElement?: Element;\n\n private dropdownRef: HTMLElement;\n private localUId = `dropdown-${sequenceId++}`;\n private assignedSubmenu: string[] = [];\n\n connectedCallback(): void {\n dropdownController.connected(this);\n }\n\n @Listen('ix-assign-sub-menu')\n cacheSubmenuId(event: CustomEvent<string>) {\n event.stopImmediatePropagation();\n event.preventDefault();\n\n const { detail } = event;\n\n if (this.assignedSubmenu.indexOf(detail) === -1) {\n this.assignedSubmenu.push(detail);\n }\n }\n\n disconnectedCallback() {\n this.disposeListener?.();\n dropdownController.disconnected(this);\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n }\n }\n\n getAssignedSubmenuIds() {\n return this.assignedSubmenu;\n }\n\n isPresent() {\n return this.show;\n }\n\n present() {\n this.show = true;\n }\n\n dismiss() {\n this.show = false;\n }\n\n getId() {\n return this.localUId;\n }\n\n willDismiss() {\n const { defaultPrevented } = this.showChanged.emit(false);\n return !defaultPrevented;\n }\n\n willPresent() {\n const { defaultPrevented } = this.showChanged.emit(true);\n return !defaultPrevented;\n }\n\n get dropdownItems() {\n return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n }\n\n get slotElement() {\n return this.hostElement.shadowRoot.querySelector('slot');\n }\n\n private disposeListener?: Function;\n\n private addEventListenersFor() {\n this.disposeListener?.();\n\n const toggleController = () => {\n if (!this.isPresent()) {\n dropdownController.present(this);\n } else {\n dropdownController.dismiss(this);\n }\n\n dropdownController.dismissOthers(this.getId());\n };\n\n this.disposeListener = addDisposableEventListener(\n this.triggerElement,\n 'click',\n (event: PointerEvent) => {\n if (!event.defaultPrevented) toggleController();\n }\n );\n this.triggerElement.setAttribute('data-ix-dropdown-trigger', this.localUId);\n }\n\n /** @internal */\n @Method()\n async discoverSubmenu() {\n this.triggerElement?.dispatchEvent(\n new CustomEvent('ix-assign-sub-menu', {\n bubbles: true,\n composed: false,\n cancelable: true,\n detail: this.localUId,\n })\n );\n }\n\n private async registerListener(\n element: string | HTMLElement | Promise<HTMLElement>\n ) {\n this.triggerElement = await this.resolveElement(element);\n if (this.triggerElement) {\n this.addEventListenersFor();\n this.discoverSubmenu();\n }\n }\n\n private async resolveElement(\n element: string | HTMLElement | Promise<HTMLElement>\n ) {\n const el = await this.findElement(element);\n\n return this.checkForSubmenuAnchor(el);\n }\n\n private async checkForSubmenuAnchor(element: Element) {\n if (hasDropdownItemWrapperImplemented(element)) {\n const dropdownItem = await element.getDropdownItemElement();\n dropdownItem.isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n\n return dropdownItem;\n }\n\n if (element.tagName === 'IX-DROPDOWN-ITEM') {\n (element as HTMLIxDropdownItemElement).isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n }\n\n return element;\n }\n\n private findElement(\n element: string | HTMLElement | Promise<HTMLElement>\n ): Promise<Element> {\n if (element instanceof Promise) {\n return element;\n }\n\n if (typeof element === 'object') {\n return Promise.resolve(element);\n }\n\n const selector = `#${element}`;\n return new Promise((resolve) => {\n if (document.querySelector(selector)) {\n return resolve(document.querySelector(selector));\n }\n\n const observer = new MutationObserver(() => {\n if (document.querySelector(selector)) {\n resolve(document.querySelector(selector));\n observer.disconnect();\n }\n });\n\n observer.observe(document.body, {\n childList: true,\n subtree: true,\n });\n });\n }\n\n @Watch('show')\n async changedShow(newShow: boolean) {\n if (newShow) {\n this.anchorElement = await (this.anchor\n ? this.resolveElement(this.anchor)\n : this.resolveElement(this.trigger));\n\n if (this.anchorElement) {\n this.applyDropdownPosition();\n // await this.checkForSubmenuAnchor();\n }\n }\n }\n\n @Watch('trigger')\n changedTrigger(newTriggerValue: string | HTMLElement | Promise<HTMLElement>) {\n this.registerListener(newTriggerValue);\n }\n\n private isAnchorSubmenu(): boolean {\n if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {\n // Is no official dropdown-item, but check if any dropdown-item\n // is placed somewhere up the DOM\n return !!this.anchorElement?.closest('ix-dropdown-item');\n }\n\n return true;\n }\n\n private async applyDropdownPosition() {\n if (!this.anchorElement) {\n return;\n }\n if (!this.dropdownRef) {\n return;\n }\n const isSubmenu = this.isAnchorSubmenu();\n\n let positionConfig: Partial<ComputePositionConfig> = {\n strategy: this.positioningStrategy,\n middleware: [],\n };\n\n if (!this.suppressAutomaticPlacement) {\n positionConfig.middleware.push(\n flip({ fallbackStrategy: 'initialPlacement' })\n );\n }\n\n positionConfig.placement = isSubmenu ? 'right-start' : this.placement;\n\n positionConfig.middleware = [\n ...positionConfig.middleware,\n inline(),\n shift(),\n ];\n\n if (this.offset) {\n positionConfig.middleware.push(offset(this.offset));\n }\n\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n this.autoUpdateCleanup = null;\n }\n\n this.autoUpdateCleanup = autoUpdate(\n this.anchorElement,\n this.dropdownRef,\n async () => {\n const computeResponse = await computePosition(\n this.anchorElement,\n this.dropdownRef,\n positionConfig\n );\n\n Object.assign(this.dropdownRef.style, {\n top: '0',\n left: '0',\n transform: `translate(${Math.round(computeResponse.x)}px,${Math.round(\n computeResponse.y\n )}px)`,\n });\n if (this.overwriteDropdownStyle) {\n const overwriteStyle = await this.overwriteDropdownStyle({\n dropdownRef: this.dropdownRef,\n triggerRef: this.triggerElement as HTMLElement,\n });\n\n Object.assign(this.dropdownRef.style, overwriteStyle);\n }\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n }\n );\n }\n\n async componentDidLoad() {\n this.changedTrigger(this.trigger);\n }\n\n async componentDidRender() {\n await this.applyDropdownPosition();\n this.anchorElement = await (this.anchor\n ? this.resolveElement(this.anchor)\n : this.resolveElement(this.trigger));\n }\n\n private isTriggerElement(element: HTMLElement) {\n const trigger = !!element.hasAttribute('data-ix-dropdown-trigger');\n\n return trigger;\n }\n\n private onDropdownClick(event: PointerEvent) {\n if (dropdownController.pathIncludesTrigger(event.composedPath())) {\n event.preventDefault();\n\n if (this.isTriggerElement(event.target as HTMLElement)) return;\n }\n\n if (this.closeBehavior === 'inside' || this.closeBehavior === 'both') {\n dropdownController.dismissAll([this.getId()]);\n }\n\n dropdownController.dismissOthers(this.getId());\n }\n\n /**\n * Update position of dropdown\n */\n @Method()\n async updatePosition() {\n this.applyDropdownPosition();\n }\n\n render() {\n return (\n <Host\n data-ix-dropdown={this.localUId}\n ref={(ref) => (this.dropdownRef = ref)}\n class={{\n 'dropdown-menu': true,\n show: this.show,\n overflow: true,\n }}\n style={{\n margin: '0',\n minWidth: '0px',\n position: this.positioningStrategy,\n }}\n role=\"list\"\n onClick={(event: PointerEvent) => this.onDropdownClick(event)}\n >\n <div style={{ display: 'contents' }}>\n {this.header && <div class=\"dropdown-header\">{this.header}</div>}\n\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-38dea61d.js';
|
|
2
2
|
|
|
3
|
-
const pushCardCss = ":host{display:block;position:relative}:host .icon{transform:scale(1.25)}:host .notification{font-size:40px}:host ix-card-content{height:11rem}
|
|
3
|
+
const pushCardCss = ":host{display:block;position:relative}:host .icon{transform:scale(1.25)}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";
|
|
4
4
|
const IxPushCardStyle0 = pushCardCss;
|
|
5
5
|
|
|
6
6
|
const PushCard = class {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"ix-push-card.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,
|
|
1
|
+
{"file":"ix-push-card.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gJAAgJ,CAAC;AACrK,yBAAe,WAAW;;MCsBb,QAAQ;;;oBAIgB,SAAS;;;;uBAoBT,SAAS;wBAMhB,IAAI;;IAEhC,MAAM;;QACJ,MAAM,KAAK,GACT,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,KAAK,cAAc;cACzD,KAAK;cACL,SAAS,CAAC;QAEhB,QACE,EAAC,IAAI,uDACH,gEAAS,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5B,0EACE,wEACG,IAAI,CAAC,IAAI,IACR,eAAS,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,GAAW,IAC3D,IAAI,EACR,6DAAM,KAAK,EAAE,cAAc,IAAG,MAAA,IAAI,CAAC,YAAY,mCAAI,CAAC,CAAQ,EAC5D,6DAAM,IAAI,EAAC,cAAc,GAAQ,CACnB,EAChB,sEAAe,KAAK,EAAE,KAAK,EAAE,MAAM,EAAC,IAAI,IACrC,IAAI,CAAC,OAAO,CACC,EAChB,sEAAe,KAAK,EAAE,KAAK,IAAG,IAAI,CAAC,UAAU,CAAiB,CAC9C,EAClB,0EAAmB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IACxC,8DAAa,CACK,CACZ,CACL,EACP;KACH;;;;;;","names":[],"sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.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:host {\n display: block;\n position: relative;\n\n .icon {\n transform: scale(1.25);\n }\n\n .notification {\n font-size: 40px;\n }\n\n ix-card-content {\n height: 11rem;\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, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\nimport { TypographyColors } from '../typography/typography';\n\nexport type PushCardVariant = CardVariant;\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /**\n * Card icon\n */\n @Prop() icon: string | undefined = undefined;\n\n /**\n * Card KPI value\n */\n @Prop() notification: string;\n\n /**\n * Card heading\n */\n @Prop() heading: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading: string;\n\n /**\n * Card variant\n */\n @Prop() variant: PushCardVariant = 'insight';\n\n /**\n * Collapse the card\n * @since 2.1.0\n */\n @Prop() collapse: boolean = true;\n\n render() {\n const color: TypographyColors =\n this.variant === 'insight' || this.variant === 'notification'\n ? 'std'\n : undefined;\n\n return (\n <Host>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n ) : null}\n <span class={'notification'}>{this.notification ?? 0}</span>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography color={color} format=\"h4\">\n {this.heading}\n </ix-typography>\n <ix-typography color={color}>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={this.collapse}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"version":3}
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-d8171f63.js';
|
|
|
5
5
|
const defineCustomElements = (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
globalScripts();
|
|
8
|
-
return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[1,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"eventDelimiter\":[1,\"event-delimiter\"]}]]],[\"ix-date-dropdown\",[[1,\"ix-date-dropdown\",{\"format\":[1],\"range\":[4],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"customRangeAllowed\":[4,\"custom-range-allowed\"],\"dateRangeOptions\":[16],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"triggerRef\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"]}]]],[\"ix-pagination\",[[1,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-menu-avatar\",[[1,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"],\"showLogoutButton\":[4,\"show-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"i18nShowAll\":[1,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-map-navigation\",[[1,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}]]],[\"ix-application-switch-modal\",[[1,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-basic-navigation\",[[1,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"breakpoint\":[32]},null,{\"hideHeader\":[\"onHideHeaderChange\"],\"breakpoints\":[\"onBreakpointsChange\"]}]]],[\"ix-menu-category\",[[1,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]}]]],[\"ix-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"collapse\":[4]}]]],[\"ix-breadcrumb\",[[1,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[1,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"showDropdown\":[32],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-dropdown-button\",[[1,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-group\",[[1,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[32],\"footerVisible\":[32]}]]],[\"ix-menu\",[[1,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nExpandSidebar\":[1,\"i-1-8n-expand-sidebar\"],\"expand\":[1540],\"pinned\":[4],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"activeTab\":[32],\"breakpoint\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"applicationLayoutContext\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]],{\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-about\",[[1,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[1,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[1,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-split-button\",[[1,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-pane\",[[1,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"expanded\":[\"onExpandedChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-toast-container\",[[1,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-chip\",[[1,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4]}]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[1,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[1,\"ix-flip-tile\",{\"state\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-slider\",[[1,\"ix-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"marker\":[16],\"trace\":[4],\"traceReference\":[2,\"trace-reference\"],\"disabled\":[4],\"error\":[8],\"rangeInput\":[32],\"rangeMin\":[32],\"rangeMax\":[32],\"rangeTraceReference\":[32],\"showTooltip\":[32]},null,{\"showTooltip\":[\"onShowTooltipChange\"],\"value\":[\"updateRangeVariables\"],\"max\":[\"updateRangeVariables\"],\"min\":[\"updateRangeVariables\"],\"traceReference\":[\"updateRangeVariables\"]}]]],[\"ix-upload\",[[1,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-dropdown-header\",[[1,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-icon-toggle-button\",[[1,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-modal-loading\",[[1,\"ix-modal-loading\"]]],[\"ix-split-button-item\",[[1,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-toggle-button\",[[1,\"ix-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"pressed\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-tree\",[[1,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]},null,{\"model\":[\"modelChange\"]}]]],[\"ix-application\",[[1,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[1,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[1,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[1,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[1,\"ix-event-list-item\",{\"color\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[1,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-form-field\",[[1,\"ix-form-field\",{\"label\":[1]}]]],[\"ix-input-group\",[[1,\"ix-input-group\",{\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-link-button\",[[1,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[1,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[1,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[1,\"ix-modal\",{\"size\":[1],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16],\"centered\":[4],\"keyboard\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[1,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[1,\"ix-pane-layout\",{\"layout\":[1],\"variant\":[1],\"borderless\":[4],\"isMobile\":[32],\"paneElements\":[32]},[[0,\"slotChanged\",\"onSlotChanged\"],[0,\"hideOnCollapseChanged\",\"onCollapsibleChanged\"],[0,\"variantChanged\",\"onVariantChanged\"]],{\"paneElements\":[\"onPaneElementsChange\"],\"variant\":[\"onVariableChange\"],\"borderless\":[\"onBorderChange\"],\"layout\":[\"onLayoutChange\"],\"isMobile\":[\"onMobileChange\"]}]]],[\"ix-pill\",[[1,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-playground-internal\",[[2,\"ix-playground-internal\"]]],[\"ix-tile\",[[1,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-toggle\",[[1,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]}]]],[\"ix-validation-tooltip\",[[1,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[1,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[4],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},null,{\"selected\":[\"selectedHandler\"],\"disabled\":[\"watchPropHandler\"],\"status\":[\"watchPropHandler\"]}]]],[\"ix-workflow-steps\",[[1,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-dropdown-item\",[[1,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-dropdown\",[[1,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"overwriteDropdownStyle\":[16],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-icon-button_2\",[[1,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]],[\"ix-select\",[[1,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"selectedIndices\":[\"watchSelectedIndices\"],\"value\":[\"watchValue\"]}]]],[\"ix-time-picker\",[[1,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1028,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"textTime\":[1,\"text-time\"],\"_time\":[32],\"_timeRef\":[32],\"_formattedTime\":[32],\"getCurrentTime\":[64]},null,{\"time\":[\"watchTimePropHandler\"],\"_time\":[\"formatTime\",\"onInternalTimeChange\"]}]]],[\"ix-map-navigation-overlay\",[[1,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-toast\",[[1,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-breadcrumb-item\",[[1,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1],\"ghost\":[4],\"visible\":[4],\"showChevron\":[4,\"show-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"animationFrame\":[4,\"animation-frame\"],\"visible\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]}]]],[\"ix-tree-item\",[[1,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-avatar_2\",[[1,\"ix-avatar\",{\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[1,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedElements\":[32],\"applicationLayoutContext\":[32]}]]],[\"ix-modal-content_2\",[[1,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[1,\"ix-modal-content\"]]],[\"ix-group-context-menu_2\",[[1,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[1,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"collapse\":[4],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[1,\"ix-card-title\"]]],[\"ix-menu-item\",[[1,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"icon\":[1],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"pinned\":[4]}]]],[\"ix-tab-item_2\",[[1,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[1,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]]]]],[\"ix-date-time-card\",[[1,\"ix-date-time-card\",{\"standaloneAppearance\":[8,\"standalone-appearance\"],\"individual\":[4],\"corners\":[1]}]]],[\"ix-filter-chip_2\",[[1,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]},null,{\"label\":[\"labelChange\"]}],[1,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ix-card_2\",[[1,\"ix-card\",{\"variant\":[1]}],[1,\"ix-card-content\"]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"]}]]],[\"ix-col_4\",[[1,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"individual\":[4],\"eventDelimiter\":[1,\"event-delimiter\"],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"today\":[1],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"dayNames\":[32],\"monthNames\":[32],\"firstMonthRef\":[32],\"focusedDay\":[32],\"focusedDayElem\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}],[1,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[1,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[1,\"ix-row\"]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1],\"format\":[1],\"color\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]]]"), options);
|
|
8
|
+
return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[1,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"eventDelimiter\":[1,\"event-delimiter\"]}]]],[\"ix-date-dropdown\",[[1,\"ix-date-dropdown\",{\"format\":[1],\"range\":[4],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"customRangeAllowed\":[4,\"custom-range-allowed\"],\"dateRangeOptions\":[16],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"triggerRef\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"]}]]],[\"ix-pagination\",[[1,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-menu-avatar\",[[1,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"],\"showLogoutButton\":[4,\"show-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"i18nShowAll\":[1,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-map-navigation\",[[1,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}]]],[\"ix-application-switch-modal\",[[1,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-basic-navigation\",[[1,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"breakpoint\":[32]},null,{\"hideHeader\":[\"onHideHeaderChange\"],\"breakpoints\":[\"onBreakpointsChange\"]}]]],[\"ix-menu-category\",[[1,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]}]]],[\"ix-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"collapse\":[4]}]]],[\"ix-breadcrumb\",[[1,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[1,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"showDropdown\":[32],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-dropdown-button\",[[1,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-group\",[[1,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[32],\"footerVisible\":[32]}]]],[\"ix-menu\",[[1,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nExpandSidebar\":[1,\"i-1-8n-expand-sidebar\"],\"expand\":[1540],\"pinned\":[4],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"activeTab\":[32],\"breakpoint\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"applicationLayoutContext\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]],{\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-about\",[[1,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[1,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[1,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-split-button\",[[1,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-pane\",[[1,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"expanded\":[\"onExpandedChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-toast-container\",[[1,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-chip\",[[1,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4]}]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[1,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[1,\"ix-flip-tile\",{\"state\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-slider\",[[1,\"ix-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"marker\":[16],\"trace\":[4],\"traceReference\":[2,\"trace-reference\"],\"disabled\":[4],\"error\":[8],\"rangeInput\":[32],\"rangeMin\":[32],\"rangeMax\":[32],\"rangeTraceReference\":[32],\"showTooltip\":[32]},null,{\"showTooltip\":[\"onShowTooltipChange\"],\"value\":[\"updateRangeVariables\"],\"max\":[\"updateRangeVariables\"],\"min\":[\"updateRangeVariables\"],\"traceReference\":[\"updateRangeVariables\"]}]]],[\"ix-upload\",[[1,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-dropdown-header\",[[1,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-icon-toggle-button\",[[1,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-modal-loading\",[[1,\"ix-modal-loading\"]]],[\"ix-split-button-item\",[[1,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-toggle-button\",[[1,\"ix-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"pressed\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-tree\",[[1,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]},null,{\"model\":[\"modelChange\"]}]]],[\"ix-application\",[[1,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[1,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[1,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[1,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[1,\"ix-event-list-item\",{\"color\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[1,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-form-field\",[[1,\"ix-form-field\",{\"label\":[1]}]]],[\"ix-input-group\",[[1,\"ix-input-group\",{\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-link-button\",[[1,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[1,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[1,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[1,\"ix-modal\",{\"size\":[1],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16],\"centered\":[4],\"keyboard\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[1,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[1,\"ix-pane-layout\",{\"layout\":[1],\"variant\":[1],\"borderless\":[4],\"isMobile\":[32],\"paneElements\":[32]},[[0,\"slotChanged\",\"onSlotChanged\"],[0,\"hideOnCollapseChanged\",\"onCollapsibleChanged\"],[0,\"variantChanged\",\"onVariantChanged\"]],{\"paneElements\":[\"onPaneElementsChange\"],\"variant\":[\"onVariableChange\"],\"borderless\":[\"onBorderChange\"],\"layout\":[\"onLayoutChange\"],\"isMobile\":[\"onMobileChange\"]}]]],[\"ix-pill\",[[1,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-playground-internal\",[[2,\"ix-playground-internal\"]]],[\"ix-tile\",[[1,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-toggle\",[[1,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]}]]],[\"ix-validation-tooltip\",[[1,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[1,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[4],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},null,{\"selected\":[\"selectedHandler\"],\"disabled\":[\"watchPropHandler\"],\"status\":[\"watchPropHandler\"]}]]],[\"ix-workflow-steps\",[[1,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-dropdown-item\",[[1,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-dropdown\",[[1,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"overwriteDropdownStyle\":[16],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-icon-button_2\",[[1,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]],[\"ix-select\",[[1,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"selectedIndices\":[\"watchSelectedIndices\"],\"value\":[\"watchValue\"]}]]],[\"ix-time-picker\",[[1,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1028,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"textTime\":[1,\"text-time\"],\"_time\":[32],\"_timeRef\":[32],\"_formattedTime\":[32],\"getCurrentTime\":[64]},null,{\"time\":[\"watchTimePropHandler\"],\"_time\":[\"formatTime\",\"onInternalTimeChange\"]}]]],[\"ix-map-navigation-overlay\",[[1,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-toast\",[[1,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-breadcrumb-item\",[[1,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1],\"ghost\":[4],\"visible\":[4],\"showChevron\":[4,\"show-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"animationFrame\":[4,\"animation-frame\"],\"visible\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]}]]],[\"ix-tree-item\",[[1,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-avatar_2\",[[1,\"ix-avatar\",{\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[1,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedElements\":[32],\"applicationLayoutContext\":[32]}]]],[\"ix-modal-content_2\",[[1,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[1,\"ix-modal-content\"]]],[\"ix-group-context-menu_2\",[[1,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[1,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"collapse\":[4],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[1,\"ix-card-title\"]]],[\"ix-menu-item\",[[1,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"icon\":[1],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"pinned\":[4]}]]],[\"ix-tab-item_2\",[[1,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[1,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]]]]],[\"ix-date-time-card\",[[1,\"ix-date-time-card\",{\"standaloneAppearance\":[8,\"standalone-appearance\"],\"individual\":[4],\"corners\":[1]}]]],[\"ix-filter-chip_2\",[[1,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]},null,{\"label\":[\"labelChange\"]}],[1,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ix-card_2\",[[1,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[1,\"ix-card-content\"]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"]}]]],[\"ix-col_4\",[[1,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"individual\":[4],\"eventDelimiter\":[1,\"event-delimiter\"],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"today\":[1],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"dayNames\":[32],\"monthNames\":[32],\"firstMonthRef\":[32],\"focusedDay\":[32],\"focusedDayElem\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}],[1,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[1,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[1,\"ix-row\"]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1],\"format\":[1],\"color\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
package/dist/esm/siemens-ix.js
CHANGED
|
@@ -16,7 +16,7 @@ const patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(options => {
|
|
18
18
|
globalScripts();
|
|
19
|
-
return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[1,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"eventDelimiter\":[1,\"event-delimiter\"]}]]],[\"ix-date-dropdown\",[[1,\"ix-date-dropdown\",{\"format\":[1],\"range\":[4],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"customRangeAllowed\":[4,\"custom-range-allowed\"],\"dateRangeOptions\":[16],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"triggerRef\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"]}]]],[\"ix-pagination\",[[1,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-menu-avatar\",[[1,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"],\"showLogoutButton\":[4,\"show-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"i18nShowAll\":[1,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-map-navigation\",[[1,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}]]],[\"ix-application-switch-modal\",[[1,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-basic-navigation\",[[1,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"breakpoint\":[32]},null,{\"hideHeader\":[\"onHideHeaderChange\"],\"breakpoints\":[\"onBreakpointsChange\"]}]]],[\"ix-menu-category\",[[1,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]}]]],[\"ix-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"collapse\":[4]}]]],[\"ix-breadcrumb\",[[1,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[1,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"showDropdown\":[32],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-dropdown-button\",[[1,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-group\",[[1,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[32],\"footerVisible\":[32]}]]],[\"ix-menu\",[[1,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nExpandSidebar\":[1,\"i-1-8n-expand-sidebar\"],\"expand\":[1540],\"pinned\":[4],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"activeTab\":[32],\"breakpoint\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"applicationLayoutContext\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]],{\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-about\",[[1,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[1,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[1,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-split-button\",[[1,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-pane\",[[1,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"expanded\":[\"onExpandedChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-toast-container\",[[1,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-chip\",[[1,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4]}]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[1,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[1,\"ix-flip-tile\",{\"state\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-slider\",[[1,\"ix-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"marker\":[16],\"trace\":[4],\"traceReference\":[2,\"trace-reference\"],\"disabled\":[4],\"error\":[8],\"rangeInput\":[32],\"rangeMin\":[32],\"rangeMax\":[32],\"rangeTraceReference\":[32],\"showTooltip\":[32]},null,{\"showTooltip\":[\"onShowTooltipChange\"],\"value\":[\"updateRangeVariables\"],\"max\":[\"updateRangeVariables\"],\"min\":[\"updateRangeVariables\"],\"traceReference\":[\"updateRangeVariables\"]}]]],[\"ix-upload\",[[1,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-dropdown-header\",[[1,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-icon-toggle-button\",[[1,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-modal-loading\",[[1,\"ix-modal-loading\"]]],[\"ix-split-button-item\",[[1,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-toggle-button\",[[1,\"ix-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"pressed\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-tree\",[[1,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]},null,{\"model\":[\"modelChange\"]}]]],[\"ix-application\",[[1,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[1,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[1,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[1,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[1,\"ix-event-list-item\",{\"color\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[1,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-form-field\",[[1,\"ix-form-field\",{\"label\":[1]}]]],[\"ix-input-group\",[[1,\"ix-input-group\",{\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-link-button\",[[1,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[1,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[1,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[1,\"ix-modal\",{\"size\":[1],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16],\"centered\":[4],\"keyboard\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[1,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[1,\"ix-pane-layout\",{\"layout\":[1],\"variant\":[1],\"borderless\":[4],\"isMobile\":[32],\"paneElements\":[32]},[[0,\"slotChanged\",\"onSlotChanged\"],[0,\"hideOnCollapseChanged\",\"onCollapsibleChanged\"],[0,\"variantChanged\",\"onVariantChanged\"]],{\"paneElements\":[\"onPaneElementsChange\"],\"variant\":[\"onVariableChange\"],\"borderless\":[\"onBorderChange\"],\"layout\":[\"onLayoutChange\"],\"isMobile\":[\"onMobileChange\"]}]]],[\"ix-pill\",[[1,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-playground-internal\",[[2,\"ix-playground-internal\"]]],[\"ix-tile\",[[1,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-toggle\",[[1,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]}]]],[\"ix-validation-tooltip\",[[1,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[1,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[4],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},null,{\"selected\":[\"selectedHandler\"],\"disabled\":[\"watchPropHandler\"],\"status\":[\"watchPropHandler\"]}]]],[\"ix-workflow-steps\",[[1,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-dropdown-item\",[[1,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-dropdown\",[[1,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"overwriteDropdownStyle\":[16],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-icon-button_2\",[[1,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]],[\"ix-select\",[[1,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"selectedIndices\":[\"watchSelectedIndices\"],\"value\":[\"watchValue\"]}]]],[\"ix-time-picker\",[[1,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1028,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"textTime\":[1,\"text-time\"],\"_time\":[32],\"_timeRef\":[32],\"_formattedTime\":[32],\"getCurrentTime\":[64]},null,{\"time\":[\"watchTimePropHandler\"],\"_time\":[\"formatTime\",\"onInternalTimeChange\"]}]]],[\"ix-map-navigation-overlay\",[[1,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-toast\",[[1,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-breadcrumb-item\",[[1,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1],\"ghost\":[4],\"visible\":[4],\"showChevron\":[4,\"show-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"animationFrame\":[4,\"animation-frame\"],\"visible\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]}]]],[\"ix-tree-item\",[[1,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-avatar_2\",[[1,\"ix-avatar\",{\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[1,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedElements\":[32],\"applicationLayoutContext\":[32]}]]],[\"ix-modal-content_2\",[[1,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[1,\"ix-modal-content\"]]],[\"ix-group-context-menu_2\",[[1,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[1,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"collapse\":[4],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[1,\"ix-card-title\"]]],[\"ix-menu-item\",[[1,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"icon\":[1],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"pinned\":[4]}]]],[\"ix-tab-item_2\",[[1,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[1,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]]]]],[\"ix-date-time-card\",[[1,\"ix-date-time-card\",{\"standaloneAppearance\":[8,\"standalone-appearance\"],\"individual\":[4],\"corners\":[1]}]]],[\"ix-filter-chip_2\",[[1,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]},null,{\"label\":[\"labelChange\"]}],[1,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ix-card_2\",[[1,\"ix-card\",{\"variant\":[1]}],[1,\"ix-card-content\"]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"]}]]],[\"ix-col_4\",[[1,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"individual\":[4],\"eventDelimiter\":[1,\"event-delimiter\"],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"today\":[1],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"dayNames\":[32],\"monthNames\":[32],\"firstMonthRef\":[32],\"focusedDay\":[32],\"focusedDayElem\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}],[1,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[1,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[1,\"ix-row\"]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1],\"format\":[1],\"color\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]]]"), options);
|
|
19
|
+
return bootstrapLazy(JSON.parse("[[\"ix-datetime-picker\",[[1,\"ix-datetime-picker\",{\"range\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateFormat\":[1,\"date-format\"],\"timeFormat\":[1,\"time-format\"],\"from\":[1],\"to\":[1],\"time\":[1],\"showTimeReference\":[8,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"eventDelimiter\":[1,\"event-delimiter\"]}]]],[\"ix-date-dropdown\",[[1,\"ix-date-dropdown\",{\"format\":[1],\"range\":[4],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"dateRangeId\":[1,\"date-range-id\"],\"customRangeAllowed\":[4,\"custom-range-allowed\"],\"dateRangeOptions\":[16],\"i18nCustomItem\":[1,\"i18n-custom-item\"],\"i18nDone\":[1,\"i18n-done\"],\"i18nNoRange\":[1,\"i18n-no-range\"],\"today\":[1],\"selectedDateRangeId\":[32],\"currentRangeValue\":[32],\"triggerRef\":[32],\"getDateRange\":[64]},null,{\"dateRangeId\":[\"onDateRangeIdChange\"],\"to\":[\"onDateRangeIdChange\"],\"from\":[\"onDateRangeIdChange\"],\"dateRangeOptions\":[\"onDateRangeOptionsChange\"]}]]],[\"ix-pagination\",[[1,\"ix-pagination\",{\"advanced\":[4],\"itemCount\":[2,\"item-count\"],\"showItemCount\":[4,\"show-item-count\"],\"count\":[2],\"selectedPage\":[1026,\"selected-page\"],\"i18nPage\":[1,\"i-1-8n-page\"],\"i18nOf\":[1,\"i-1-8n-of\"],\"i18nItems\":[1,\"i-1-8n-items\"]}]]],[\"ix-menu-avatar\",[[1,\"ix-menu-avatar\",{\"top\":[1],\"bottom\":[1],\"image\":[1],\"initials\":[1],\"i18nLogout\":[1,\"i-1-8n-logout\"],\"showLogoutButton\":[4,\"show-logout-button\"],\"showContextMenu\":[32]}]]],[\"ix-card-list\",[[1,\"ix-card-list\",{\"label\":[1],\"collapse\":[1028],\"listStyle\":[1,\"list-style\"],\"maxVisibleCards\":[2,\"max-visible-cards\"],\"showAllCount\":[2,\"show-all-count\"],\"suppressOverflowHandling\":[4,\"suppress-overflow-handling\"],\"i18nShowAll\":[1,\"i-1-8n-show-all\"],\"i18nMoreCards\":[1,\"i-1-8n-more-cards\"],\"hasOverflowingElements\":[32],\"numberOfOverflowingElements\":[32],\"numberOfAllChildElements\":[32],\"leftScrollDistance\":[32],\"rightScrollDistance\":[32]},[[9,\"resize\",\"detectOverflow\"]]]]],[\"ix-map-navigation\",[[1,\"ix-map-navigation\",{\"applicationName\":[1,\"application-name\"],\"navigationTitle\":[1,\"navigation-title\"],\"hideContextMenu\":[4,\"hide-context-menu\"],\"isSidebarOpen\":[32],\"hasContentHeader\":[32],\"toggleSidebar\":[64],\"openOverlay\":[64],\"closeOverlay\":[64]}]]],[\"ix-application-switch-modal\",[[1,\"ix-application-switch-modal\",{\"config\":[16]}]]],[\"ix-basic-navigation\",[[1,\"ix-basic-navigation\",{\"applicationName\":[1,\"application-name\"],\"hideHeader\":[4,\"hide-header\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"breakpoint\":[32]},null,{\"hideHeader\":[\"onHideHeaderChange\"],\"breakpoints\":[\"onBreakpointsChange\"]}]]],[\"ix-menu-category\",[[1,\"ix-menu-category\",{\"label\":[1],\"icon\":[1],\"notifications\":[2],\"menuExpand\":[32],\"showItems\":[32],\"showDropdown\":[32],\"nestedItems\":[32]}]]],[\"ix-push-card\",[[1,\"ix-push-card\",{\"icon\":[1],\"notification\":[1],\"heading\":[1],\"subheading\":[1],\"variant\":[1],\"collapse\":[4]}]]],[\"ix-breadcrumb\",[[1,\"ix-breadcrumb\",{\"visibleItemCount\":[2,\"visible-item-count\"],\"nextItems\":[16],\"ghost\":[4],\"ariaLabelPreviousButton\":[1,\"aria-label-previous-button\"],\"previousButtonRef\":[32],\"nextButtonRef\":[32],\"items\":[32],\"isPreviousDropdownExpanded\":[32]},null,{\"nextItems\":[\"onNextItemsChange\"]}]]],[\"ix-category-filter\",[[1,\"ix-category-filter\",{\"disabled\":[4],\"readonly\":[4],\"filterState\":[16],\"placeholder\":[1],\"categories\":[16],\"nonSelectableCategories\":[16],\"suggestions\":[16],\"icon\":[1],\"hideIcon\":[4,\"hide-icon\"],\"repeatCategories\":[4,\"repeat-categories\"],\"tmpDisableScrollIntoView\":[4,\"tmp-disable-scroll-into-view\"],\"labelCategories\":[1,\"label-categories\"],\"i18nPlainText\":[1,\"i-1-8n-plain-text\"],\"showDropdown\":[32],\"textInput\":[32],\"hasFocus\":[32],\"categoryLogicalOperator\":[32],\"inputValue\":[32],\"category\":[32],\"filterTokens\":[32]},null,{\"filterState\":[\"watchFilterState\"]}]]],[\"ix-dropdown-button\",[[1,\"ix-dropdown-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"dropdownAnchor\":[32]}]]],[\"ix-group\",[[1,\"ix-group\",{\"suppressHeaderSelection\":[4,\"suppress-header-selection\"],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"collapsed\":[1540],\"selected\":[1540],\"index\":[1538],\"expandOnHeaderClick\":[4,\"expand-on-header-click\"],\"itemSelected\":[32],\"dropdownTriggerRef\":[32],\"slotSize\":[32],\"footerVisible\":[32]}]]],[\"ix-menu\",[[1,\"ix-menu\",{\"showSettings\":[1028,\"show-settings\"],\"showAbout\":[1028,\"show-about\"],\"enableToggleTheme\":[4,\"enable-toggle-theme\"],\"enableSettings\":[4,\"enable-settings\"],\"enableMapExpand\":[4,\"enable-map-expand\"],\"applicationName\":[1,\"application-name\"],\"applicationDescription\":[1,\"application-description\"],\"maxVisibleMenuItems\":[2,\"max-visible-menu-items\"],\"i18nExpandSidebar\":[1,\"i-1-8n-expand-sidebar\"],\"expand\":[1540],\"pinned\":[4],\"i18nLegal\":[1,\"i-1-8n-legal\"],\"i18nSettings\":[1,\"i-1-8n-settings\"],\"i18nToggleTheme\":[1,\"i-1-8n-toggle-theme\"],\"i18nExpand\":[1,\"i-1-8n-expand\"],\"i18nCollapse\":[1,\"i-1-8n-collapse\"],\"showPinned\":[32],\"mapExpand\":[32],\"activeTab\":[32],\"breakpoint\":[32],\"itemsScrollShadowTop\":[32],\"itemsScrollShadowBottom\":[32],\"applicationLayoutContext\":[32],\"toggleMapExpand\":[64],\"toggleMenu\":[64],\"toggleSettings\":[64],\"toggleAbout\":[64]},[[9,\"resize\",\"handleOverflowIndicator\"],[0,\"close\",\"onOverlayClose\"]],{\"pinned\":[\"pinnedChange\"]}]]],[\"ix-menu-about\",[[1,\"ix-menu-about\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-menu-about-news\",[[1,\"ix-menu-about-news\",{\"show\":[1540],\"label\":[1],\"i18nShowMore\":[1,\"i-1-8n-show-more\"],\"aboutItemLabel\":[1,\"about-item-label\"],\"offsetBottom\":[2,\"offset-bottom\"],\"expanded\":[4]}]]],[\"ix-menu-settings\",[[1,\"ix-menu-settings\",{\"activeTabLabel\":[1025,\"active-tab-label\"],\"label\":[1],\"show\":[4],\"items\":[32]},null,{\"activeTabLabel\":[\"updateTab\"]}]]],[\"ix-split-button\",[[1,\"ix-split-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"label\":[1],\"icon\":[1],\"splitIcon\":[1,\"split-icon\"],\"disabled\":[4],\"placement\":[1],\"toggle\":[32]}]]],[\"ix-action-card\",[[1,\"ix-action-card\",{\"variant\":[1],\"icon\":[1],\"heading\":[1],\"subheading\":[1],\"selected\":[4]}]]],[\"ix-content-header\",[[1,\"ix-content-header\",{\"variant\":[1],\"headerTitle\":[1,\"header-title\"],\"headerSubtitle\":[1,\"header-subtitle\"],\"hasBackButton\":[4,\"has-back-button\"]}]]],[\"ix-empty-state\",[[1,\"ix-empty-state\",{\"layout\":[1],\"icon\":[1],\"header\":[1],\"subHeader\":[1,\"sub-header\"],\"action\":[1]}]]],[\"ix-modal-example\",[[0,\"ix-modal-example\"]]],[\"ix-pane\",[[1,\"ix-pane\",{\"heading\":[1],\"variant\":[1],\"hideOnCollapse\":[4,\"hide-on-collapse\"],\"size\":[1],\"borderless\":[4],\"expanded\":[1028],\"composition\":[1025],\"icon\":[1],\"ignoreLayoutSettings\":[4,\"ignore-layout-settings\"],\"isMobile\":[1028,\"is-mobile\"],\"expandIcon\":[32],\"showContent\":[32],\"minimizeIcon\":[32],\"floating\":[32],\"parentWidthPx\":[32],\"parentHeightPx\":[32]},null,{\"isMobile\":[\"onMobileChange\"],\"composition\":[\"onPositionChange\"],\"hideOnCollapse\":[\"onHideOnCollapseChange\"],\"variant\":[\"onVariantChange\"],\"borderless\":[\"onBorderlessChange\"],\"expanded\":[\"onExpandedChange\"],\"parentHeightPx\":[\"onParentSizeChange\"],\"parentWidthPx\":[\"onParentSizeChange\"],\"size\":[\"onSizeChange\"]}]]],[\"ix-toast-container\",[[1,\"ix-toast-container\",{\"containerId\":[1,\"container-id\"],\"containerClass\":[1,\"container-class\"],\"position\":[1],\"showToast\":[64]},null,{\"position\":[\"onPositionChange\"]}]]],[\"ix-chip\",[[1,\"ix-chip\",{\"variant\":[513],\"active\":[4],\"closable\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"chipColor\":[1,\"chip-color\"],\"outline\":[4]}]]],[\"ix-drawer\",[[1,\"ix-drawer\",{\"show\":[1028],\"closeOnClickOutside\":[4,\"close-on-click-outside\"],\"fullHeight\":[4,\"full-height\"],\"minWidth\":[2,\"min-width\"],\"maxWidth\":[2,\"max-width\"],\"width\":[8],\"toggleDrawer\":[64]},null,{\"show\":[\"onShowChanged\"]}]]],[\"ix-expanding-search\",[[1,\"ix-expanding-search\",{\"icon\":[1],\"placeholder\":[1],\"value\":[1025],\"fullWidth\":[4,\"full-width\"],\"isFieldChanged\":[32],\"expanded\":[32],\"hasFocus\":[32]}]]],[\"ix-flip-tile\",[[1,\"ix-flip-tile\",{\"state\":[1],\"height\":[8],\"width\":[8],\"index\":[32],\"isFlipAnimationActive\":[32]}]]],[\"ix-message-bar\",[[1,\"ix-message-bar\",{\"type\":[1],\"dismissible\":[4],\"icon\":[32],\"color\":[32]}]]],[\"ix-slider\",[[1,\"ix-slider\",{\"step\":[2],\"min\":[2],\"max\":[2],\"value\":[2],\"marker\":[16],\"trace\":[4],\"traceReference\":[2,\"trace-reference\"],\"disabled\":[4],\"error\":[8],\"rangeInput\":[32],\"rangeMin\":[32],\"rangeMax\":[32],\"rangeTraceReference\":[32],\"showTooltip\":[32]},null,{\"showTooltip\":[\"onShowTooltipChange\"],\"value\":[\"updateRangeVariables\"],\"max\":[\"updateRangeVariables\"],\"min\":[\"updateRangeVariables\"],\"traceReference\":[\"updateRangeVariables\"]}]]],[\"ix-upload\",[[1,\"ix-upload\",{\"accept\":[1],\"multiple\":[4],\"multiline\":[4],\"disabled\":[4],\"state\":[1],\"selectFileText\":[1,\"select-file-text\"],\"loadingText\":[1,\"loading-text\"],\"uploadFailedText\":[1,\"upload-failed-text\"],\"uploadSuccessText\":[1,\"upload-success-text\"],\"i18nUploadFile\":[1,\"i-1-8n-upload-file\"],\"i18nUploadDisabled\":[1,\"i-1-8n-upload-disabled\"],\"isFileOver\":[32],\"setFilesToUpload\":[64]}]]],[\"ix-blind\",[[1,\"ix-blind\",{\"collapsed\":[1540],\"label\":[1],\"sublabel\":[1],\"icon\":[1],\"variant\":[1]},null,{\"collapsed\":[\"animation\"]}]]],[\"ix-dropdown-header\",[[1,\"ix-dropdown-header\",{\"label\":[1]}]]],[\"ix-icon-toggle-button\",[[1,\"ix-icon-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"icon\":[1],\"pressed\":[4],\"size\":[1],\"disabled\":[516],\"loading\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-modal-loading\",[[1,\"ix-modal-loading\"]]],[\"ix-split-button-item\",[[1,\"ix-split-button-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-toggle-button\",[[1,\"ix-toggle-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"loading\":[4],\"icon\":[1],\"pressed\":[4]},null,{\"variant\":[\"onVariantChange\"],\"ghost\":[\"onGhostChange\"],\"outline\":[\"onOutlineChange\"]}]]],[\"ix-tree\",[[1,\"ix-tree\",{\"root\":[1],\"model\":[16],\"renderItem\":[16],\"context\":[1040]},null,{\"model\":[\"modelChange\"]}]]],[\"ix-application\",[[1,\"ix-application\",{\"theme\":[1],\"themeSystemAppearance\":[4,\"theme-system-appearance\"],\"forceBreakpoint\":[1,\"force-breakpoint\"],\"breakpoints\":[16],\"appSwitchConfig\":[16],\"breakpoint\":[32],\"applicationSidebarSlotted\":[32]},null,{\"breakpoints\":[\"onBreakpointsChange\"],\"theme\":[\"changeTheme\"],\"themeSystemAppearance\":[\"changeTheme\"],\"appSwitchConfig\":[\"onApplicationSidebarChange\"],\"applicationSidebarSlotted\":[\"onApplicationSidebarChange\"]}]]],[\"ix-application-sidebar\",[[1,\"ix-application-sidebar\",{\"visible\":[32]},[[8,\"application-sidebar-toggle\",\"listenToggleEvent\"]]]]],[\"ix-content\",[[1,\"ix-content\",{\"isContentHeaderSlotted\":[32]}]]],[\"ix-css-grid\",[[1,\"ix-css-grid\",{\"templates\":[16],\"currentTemplate\":[32]}]]],[\"ix-css-grid-item\",[[1,\"ix-css-grid-item\",{\"itemName\":[1,\"item-name\"]}]]],[\"ix-dropdown-quick-actions\",[[1,\"ix-dropdown-quick-actions\"]]],[\"ix-event-list\",[[1,\"ix-event-list\",{\"itemHeight\":[8,\"item-height\"],\"compact\":[4],\"animated\":[4],\"chevron\":[4]},null,{\"chevron\":[\"watchChevron\"]}]]],[\"ix-event-list-item\",[[1,\"ix-event-list-item\",{\"color\":[1],\"itemColor\":[1,\"item-color\"],\"selected\":[4],\"disabled\":[4],\"chevron\":[4]},[[1,\"click\",\"handleItemClick\"]]]]],[\"ix-flip-tile-content\",[[1,\"ix-flip-tile-content\",{\"contentVisible\":[4,\"content-visible\"]}]]],[\"ix-form-field\",[[1,\"ix-form-field\",{\"label\":[1]}]]],[\"ix-input-group\",[[1,\"ix-input-group\",{\"inputPaddingLeft\":[32],\"inputPaddingRight\":[32]}]]],[\"ix-key-value\",[[1,\"ix-key-value\",{\"icon\":[1],\"label\":[1],\"labelPosition\":[1,\"label-position\"],\"value\":[1]}]]],[\"ix-key-value-list\",[[1,\"ix-key-value-list\",{\"striped\":[4]}]]],[\"ix-kpi\",[[1,\"ix-kpi\",{\"label\":[1],\"value\":[8],\"unit\":[1],\"state\":[1],\"orientation\":[1]}]]],[\"ix-link-button\",[[1,\"ix-link-button\",{\"disabled\":[4],\"url\":[1],\"target\":[1]}]]],[\"ix-menu-about-item\",[[1,\"ix-menu-about-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-menu-settings-item\",[[1,\"ix-menu-settings-item\",{\"label\":[513]},null,{\"label\":[\"watchLabel\"]}]]],[\"ix-modal\",[[1,\"ix-modal\",{\"size\":[1],\"animation\":[4],\"backdrop\":[4],\"closeOnBackdropClick\":[4,\"close-on-backdrop-click\"],\"beforeDismiss\":[16],\"centered\":[4],\"keyboard\":[4],\"closeOnEscape\":[4,\"close-on-escape\"],\"modalVisible\":[32],\"showModal\":[64],\"dismissModal\":[64],\"closeModal\":[64]}]]],[\"ix-modal-footer\",[[1,\"ix-modal-footer\"]]],[\"ix-pane-layout\",[[1,\"ix-pane-layout\",{\"layout\":[1],\"variant\":[1],\"borderless\":[4],\"isMobile\":[32],\"paneElements\":[32]},[[0,\"slotChanged\",\"onSlotChanged\"],[0,\"hideOnCollapseChanged\",\"onCollapsibleChanged\"],[0,\"variantChanged\",\"onVariantChanged\"]],{\"paneElements\":[\"onPaneElementsChange\"],\"variant\":[\"onVariableChange\"],\"borderless\":[\"onBorderChange\"],\"layout\":[\"onLayoutChange\"],\"isMobile\":[\"onMobileChange\"]}]]],[\"ix-pill\",[[1,\"ix-pill\",{\"variant\":[513],\"outline\":[4],\"icon\":[1],\"background\":[1],\"color\":[1],\"pillColor\":[1,\"pill-color\"],\"alignLeft\":[4,\"align-left\"]}]]],[\"ix-playground-internal\",[[2,\"ix-playground-internal\"]]],[\"ix-tile\",[[1,\"ix-tile\",{\"size\":[1],\"hasHeaderSlot\":[32],\"hasFooterSlot\":[32]}]]],[\"ix-toggle\",[[1,\"ix-toggle\",{\"checked\":[1540],\"disabled\":[4],\"indeterminate\":[1540],\"textOn\":[1,\"text-on\"],\"textOff\":[1,\"text-off\"],\"textIndeterminate\":[1,\"text-indeterminate\"],\"hideText\":[4,\"hide-text\"]}]]],[\"ix-validation-tooltip\",[[1,\"ix-validation-tooltip\",{\"message\":[1],\"placement\":[1],\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"isInputValid\":[32],\"tooltipPosition\":[32],\"arrowPosition\":[32]},null,{\"isInputValid\":[\"validationChanged\"]}]]],[\"ix-workflow-step\",[[1,\"ix-workflow-step\",{\"vertical\":[4],\"disabled\":[4],\"status\":[1],\"clickable\":[4],\"selected\":[4],\"position\":[1],\"iconName\":[32],\"iconColor\":[32]},null,{\"selected\":[\"selectedHandler\"],\"disabled\":[\"watchPropHandler\"],\"status\":[\"watchPropHandler\"]}]]],[\"ix-workflow-steps\",[[1,\"ix-workflow-steps\",{\"vertical\":[4],\"clickable\":[4],\"selectedIndex\":[2,\"selected-index\"]},[[0,\"selectedChanged\",\"onStepSelectionChanged\"]]]]],[\"ix-dropdown-item\",[[1,\"ix-dropdown-item\",{\"label\":[1],\"icon\":[1],\"hover\":[4],\"disabled\":[4],\"checked\":[4],\"isSubMenu\":[4,\"is-sub-menu\"],\"suppressChecked\":[4,\"suppress-checked\"],\"emitItemClick\":[64],\"getDropdownItemElement\":[64]}]]],[\"ix-dropdown\",[[1,\"ix-dropdown\",{\"suppressAutomaticPlacement\":[4,\"suppress-automatic-placement\"],\"show\":[1540],\"trigger\":[1],\"anchor\":[1],\"closeBehavior\":[8,\"close-behavior\"],\"placement\":[1],\"positioningStrategy\":[1,\"positioning-strategy\"],\"header\":[1],\"offset\":[16],\"overwriteDropdownStyle\":[16],\"discoverAllSubmenus\":[4,\"discover-all-submenus\"],\"discoverSubmenu\":[64],\"updatePosition\":[64]},[[0,\"ix-assign-sub-menu\",\"cacheSubmenuId\"]],{\"show\":[\"changedShow\"],\"trigger\":[\"changedTrigger\"]}]]],[\"ix-icon-button_2\",[[1,\"ix-icon-button\",{\"a11yLabel\":[1,\"a11y-label\"],\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"oval\":[4],\"icon\":[1],\"size\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"],\"disabled\":[4],\"type\":[1],\"loading\":[4]}],[1,\"ix-spinner\",{\"variant\":[1],\"size\":[1],\"hideTrack\":[4,\"hide-track\"]}]]],[\"ix-select\",[[1,\"ix-select\",{\"selectedIndices\":[1025,\"selected-indices\"],\"value\":[1025],\"allowClear\":[4,\"allow-clear\"],\"mode\":[1],\"editable\":[4],\"disabled\":[4],\"readonly\":[4],\"i18nPlaceholder\":[1,\"i-1-8n-placeholder\"],\"i18nPlaceholderEditable\":[1,\"i-1-8n-placeholder-editable\"],\"i18nSelectListHeader\":[1,\"i-1-8n-select-list-header\"],\"i18nNoMatches\":[1,\"i-1-8n-no-matches\"],\"hideListHeader\":[4,\"hide-list-header\"],\"dropdownShow\":[32],\"selectedLabels\":[32],\"dropdownWrapperRef\":[32],\"dropdownAnchor\":[32],\"isDropdownEmpty\":[32],\"hasFocus\":[32],\"navigationItem\":[32],\"inputFilterText\":[32],\"inputValue\":[32]},[[0,\"itemClick\",\"onItemClicked\"],[0,\"ix-select-item:labelChange\",\"onLabelChange\"]],{\"selectedIndices\":[\"watchSelectedIndices\"],\"value\":[\"watchValue\"]}]]],[\"ix-time-picker\",[[1,\"ix-time-picker\",{\"format\":[1],\"corners\":[1],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"individual\":[4],\"showHour\":[4,\"show-hour\"],\"showMinutes\":[4,\"show-minutes\"],\"showSeconds\":[4,\"show-seconds\"],\"time\":[1],\"showTimeReference\":[1028,\"show-time-reference\"],\"timeReference\":[1,\"time-reference\"],\"textSelectTime\":[1,\"text-select-time\"],\"textTime\":[1,\"text-time\"],\"_time\":[32],\"_timeRef\":[32],\"_formattedTime\":[32],\"getCurrentTime\":[64]},null,{\"time\":[\"watchTimePropHandler\"],\"_time\":[\"formatTime\",\"onInternalTimeChange\"]}]]],[\"ix-map-navigation-overlay\",[[1,\"ix-map-navigation-overlay\",{\"name\":[1],\"icon\":[1],\"color\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"ix-toast\",[[1,\"ix-toast\",{\"type\":[1],\"toastTitle\":[1,\"toast-title\"],\"autoCloseDelay\":[2,\"auto-close-delay\"],\"autoClose\":[4,\"auto-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"progress\":[32],\"touched\":[32]}]]],[\"ix-breadcrumb-item\",[[1,\"ix-breadcrumb-item\",{\"label\":[1],\"icon\":[1],\"ghost\":[4],\"visible\":[4],\"showChevron\":[4,\"show-chevron\"],\"isDropdownTrigger\":[4,\"is-dropdown-trigger\"],\"a11y\":[32]}]]],[\"ix-tooltip\",[[1,\"ix-tooltip\",{\"for\":[1],\"titleContent\":[1,\"title-content\"],\"interactive\":[4],\"placement\":[1],\"animationFrame\":[4,\"animation-frame\"],\"visible\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]}]]],[\"ix-tree-item\",[[1,\"ix-tree-item\",{\"text\":[1],\"hasChildren\":[4,\"has-children\"],\"context\":[16]}]]],[\"ix-avatar_2\",[[1,\"ix-avatar\",{\"image\":[1],\"initials\":[1],\"username\":[1],\"extra\":[1],\"isClosestApplicationHeader\":[32],\"hasSlottedElements\":[32]}],[1,\"ix-menu-avatar-item\",{\"icon\":[1],\"label\":[1],\"getDropdownItemElement\":[64]}]]],[\"ix-application-header\",[[1,\"ix-application-header\",{\"name\":[1],\"breakpoint\":[32],\"menuExpanded\":[32],\"suppressResponsive\":[32],\"hasSlottedElements\":[32],\"applicationLayoutContext\":[32]}]]],[\"ix-modal-content_2\",[[1,\"ix-modal-header\",{\"hideClose\":[4,\"hide-close\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]},null,{\"icon\":[\"onIconChange\"]}],[1,\"ix-modal-content\"]]],[\"ix-group-context-menu_2\",[[1,\"ix-group-context-menu\",{\"showContextMenu\":[32]}],[1,\"ix-group-item\",{\"icon\":[1],\"text\":[1],\"secondaryText\":[1,\"secondary-text\"],\"suppressSelection\":[4,\"suppress-selection\"],\"selected\":[4],\"focusable\":[4],\"index\":[2]},[[1,\"click\",\"clickListen\"]]]]],[\"ix-card-accordion_2\",[[1,\"ix-card-accordion\",{\"collapse\":[4],\"expandContent\":[32]},null,{\"collapse\":[\"onInitialExpandChange\"]}],[1,\"ix-card-title\"]]],[\"ix-menu-item\",[[1,\"ix-menu-item\",{\"home\":[4],\"bottom\":[4],\"tabIcon\":[1,\"tab-icon\"],\"icon\":[1],\"notifications\":[2],\"active\":[4],\"disabled\":[4],\"title\":[32]}]]],[\"ix-divider\",[[1,\"ix-divider\"]]],[\"ix-burger-menu\",[[1,\"ix-burger-menu\",{\"ixAriaLabel\":[1,\"ix-aria-label\"],\"expanded\":[516],\"pinned\":[4]}]]],[\"ix-tab-item_2\",[[1,\"ix-tab-item\",{\"selected\":[4],\"disabled\":[4],\"small\":[4],\"icon\":[4],\"rounded\":[4],\"counter\":[2],\"layout\":[1],\"placement\":[1]}],[1,\"ix-tabs\",{\"small\":[4],\"rounded\":[4],\"selected\":[1026],\"layout\":[1],\"placement\":[1],\"totalItems\":[32],\"currentScrollAmount\":[32],\"scrollAmount\":[32],\"scrollActionAmount\":[32]},[[9,\"resize\",\"onWindowResize\"],[0,\"tabClick\",\"onTabClick\"]]]]],[\"ix-date-time-card\",[[1,\"ix-date-time-card\",{\"standaloneAppearance\":[8,\"standalone-appearance\"],\"individual\":[4],\"corners\":[1]}]]],[\"ix-filter-chip_2\",[[1,\"ix-select-item\",{\"label\":[513],\"value\":[520],\"selected\":[4],\"hover\":[4],\"onItemClick\":[64]},null,{\"label\":[\"labelChange\"]}],[1,\"ix-filter-chip\",{\"disabled\":[4],\"readonly\":[4]}]]],[\"ix-card_2\",[[1,\"ix-card\",{\"variant\":[1],\"selected\":[4]}],[1,\"ix-card-content\"]]],[\"ix-button\",[[1,\"ix-button\",{\"variant\":[1],\"outline\":[4],\"ghost\":[4],\"disabled\":[516],\"type\":[1],\"loading\":[4],\"icon\":[1],\"alignment\":[1],\"iconSize\":[1,\"icon-size\"]}]]],[\"ix-col_4\",[[1,\"ix-date-picker\",{\"format\":[1],\"range\":[4],\"corners\":[1],\"from\":[1],\"to\":[1],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"textSelectDate\":[1,\"text-select-date\"],\"i18nDone\":[1,\"i18n-done\"],\"weekStartIndex\":[2,\"week-start-index\"],\"locale\":[1],\"individual\":[4],\"eventDelimiter\":[1,\"event-delimiter\"],\"standaloneAppearance\":[4,\"standalone-appearance\"],\"today\":[1],\"currFromDate\":[32],\"currToDate\":[32],\"selectedYear\":[32],\"tempYear\":[32],\"startYear\":[32],\"endYear\":[32],\"selectedMonth\":[32],\"tempMonth\":[32],\"dropdownButtonRef\":[32],\"yearContainerRef\":[32],\"dayNames\":[32],\"monthNames\":[32],\"firstMonthRef\":[32],\"focusedDay\":[32],\"focusedDayElem\":[32],\"getCurrentDate\":[64]},null,{\"from\":[\"watchFromPropHandler\"],\"to\":[\"watchToPropHandler\"],\"locale\":[\"onLocaleChange\"]}],[1,\"ix-col\",{\"size\":[1],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"]},[[9,\"resize\",\"onResize\"]]],[1,\"ix-layout-grid\",{\"noMargin\":[4,\"no-margin\"],\"gap\":[1],\"columns\":[2]}],[1,\"ix-row\"]]],[\"ix-typography\",[[1,\"ix-typography\",{\"variant\":[1],\"format\":[1],\"color\":[1],\"textColor\":[1,\"text-color\"],\"bold\":[4],\"textDecoration\":[1,\"text-decoration\"]}]]]]"), options);
|
|
20
20
|
});
|
|
21
21
|
|
|
22
22
|
//# sourceMappingURL=siemens-ix.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as a,h as e,H as i}from"./p-a9cf5eb2.js";const t=":host{display:block;position:relative}:host .icon{transform:scale(1.25)}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";const c=t;const s=class{constructor(e){a(this,e);this.icon=undefined;this.notification=undefined;this.heading=undefined;this.subheading=undefined;this.variant="insight";this.collapse=true}render(){var a;const t=this.variant==="insight"||this.variant==="notification"?"std":undefined;return e(i,{key:"96529a9ec926a30bf0ff5609a215a50df3a77b8d"},e("ix-card",{key:"5bd737a3a82658bfb9a778dd6202ddecd0a754b2",variant:this.variant},e("ix-card-content",{key:"829626941478481b805a287f5ae56541556e7207"},e("ix-card-title",{key:"30e966156649d54adabce3883ed182fe9ff0e42b"},this.icon?e("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,e("span",{key:"b09cc036a7b0b4aaf647cd432dfae8c6793ec91a",class:"notification"},(a=this.notification)!==null&&a!==void 0?a:0),e("slot",{key:"9f85511858f444cdb6629515c428a5454fe94525",name:"title-action"})),e("ix-typography",{key:"425a782ad84de4af28876cd268a7162b983830a0",color:t,format:"h4"},this.heading),e("ix-typography",{key:"4da2386c51ae909c824c16215ffdd4daa6524225",color:t},this.subheading)),e("ix-card-accordion",{key:"ac3701b2ab1caade4ca1ab810e1a47ac11c4e963",collapse:this.collapse},e("slot",{key:"6ed725b03baaa16fbdc9ff42e8e8fd26be683013"}))))}};s.style=c;export{s as ix_push_card};
|
|
2
|
+
//# sourceMappingURL=p-731a81c6.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["pushCardCss","IxPushCardStyle0","PushCard","undefined","render","color","this","variant","h","Host","key","icon","class","name","size","_a","notification","format","heading","subheading","collapse"],"sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.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:host {\n display: block;\n position: relative;\n\n .icon {\n transform: scale(1.25);\n }\n\n .notification {\n font-size: 40px;\n }\n\n ix-card-content {\n height: 11rem;\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, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\nimport { TypographyColors } from '../typography/typography';\n\nexport type PushCardVariant = CardVariant;\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /**\n * Card icon\n */\n @Prop() icon: string | undefined = undefined;\n\n /**\n * Card KPI value\n */\n @Prop() notification: string;\n\n /**\n * Card heading\n */\n @Prop() heading: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading: string;\n\n /**\n * Card variant\n */\n @Prop() variant: PushCardVariant = 'insight';\n\n /**\n * Collapse the card\n * @since 2.1.0\n */\n @Prop() collapse: boolean = true;\n\n render() {\n const color: TypographyColors =\n this.variant === 'insight' || this.variant === 'notification'\n ? 'std'\n : undefined;\n\n return (\n <Host>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n ) : null}\n <span class={'notification'}>{this.notification ?? 0}</span>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography color={color} format=\"h4\">\n {this.heading}\n </ix-typography>\n <ix-typography color={color}>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={this.collapse}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,iJACpB,MAAAC,EAAeD,E,MCsBFE,EAAQ,M,mCAIgBC,U,0FAoBA,U,cAMP,I,CAE5B,MAAAC,G,MACE,MAAMC,EACJC,KAAKC,UAAY,WAAaD,KAAKC,UAAY,eAC3C,MACAJ,UAEN,OACEK,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,2CAASH,QAASD,KAAKC,SACrBC,EAAA,mBAAAE,IAAA,4CACEF,EAAA,iBAAAE,IAAA,4CACGJ,KAAKK,KACJH,EAAA,WAASI,MAAO,OAAQC,KAAMP,KAAKK,KAAMG,KAAK,OAC5C,KACJN,EAAA,QAAAE,IAAA,2CAAME,MAAO,iBAAiBG,EAAAT,KAAKU,gBAAY,MAAAD,SAAA,EAAAA,EAAI,GACnDP,EAAA,QAAAE,IAAA,2CAAMG,KAAK,kBAEbL,EAAA,iBAAAE,IAAA,2CAAeL,MAAOA,EAAOY,OAAO,MACjCX,KAAKY,SAERV,EAAA,iBAAAE,IAAA,2CAAeL,MAAOA,GAAQC,KAAKa,aAErCX,EAAA,qBAAAE,IAAA,2CAAmBU,SAAUd,KAAKc,UAChCZ,EAAA,QAAAE,IAAA,+C"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,h as t,H as e}from"./p-a9cf5eb2.js";const a=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";const o=a;const i=class{constructor(t){r(this,t);this.variant="insight";this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.selected=false}render(){return t(e,{key:"42f95fd1de84746fcad8094b51909364a10dddb3"},t("ix-card",{key:"9dfb5ad9782e314dc4751cf2dd1cceebea9f3eca",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"29683fa1a1cc83dea13af3a26232f1b575788d3a"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"24"}):null,t("div",{key:"125ac2f8b62cc1512b0a7c9d687a3f0a85eca5c3"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5",color:this.variant==="insight"?"soft":undefined},this.subheading):null,t("slot",{key:"7b76ddd1c734a4b741022914695bdeb3af2c2988"})))))}};i.style=o;export{i as ix_action_card};
|
|
2
|
+
//# sourceMappingURL=p-9f03e475.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["actionCardCss","IxActionCardStyle0","IxActionCard","undefined","render","h","Host","key","selected","this","variant","class","icon","name","size","heading","format","subheading","color"],"sources":["src/components/action-card/action-card.scss?tag=ix-action-card&encapsulation=shadow","src/components/action-card/action-card.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@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: block;\n position: relative;\n min-width: 13.375rem;\n width: 13.375rem;\n height: 7.5rem;\n min-height: 7.5rem;\n cursor: pointer;\n\n margin: 0.25rem 0;\n\n ix-card {\n width: 100%;\n height: 100%;\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, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\n\nexport type ActionCardVariant = CardVariant;\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-action-card',\n styleUrl: 'action-card.scss',\n shadow: true,\n})\nexport class IxActionCard {\n /**\n * Card variant\n */\n @Prop() variant: ActionCardVariant = 'insight';\n\n /**\n * Card icon\n */\n @Prop() icon: string | undefined = undefined;\n\n /**\n * Card heading\n */\n @Prop() heading: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading: string;\n\n /**\n * Card selection\n */\n @Prop() selected = false;\n\n render() {\n return (\n <Host>\n <ix-card\n selected={this.selected}\n variant={this.variant}\n class={'pointer'}\n >\n <ix-card-content>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"24\"></ix-icon>\n ) : null}\n <div>\n {this.heading ? (\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n ) : null}\n {this.subheading ? (\n <ix-typography\n format=\"h5\"\n color={this.variant === 'insight' ? 'soft' : undefined}\n >\n {this.subheading}\n </ix-typography>\n ) : null}\n <slot></slot>\n </div>\n </ix-card-content>\n </ix-card>\n </Host>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,8wBACtB,MAAAC,EAAeD,E,MCqBFE,EAAY,M,sCAIc,U,UAKFC,U,+DAehB,K,CAEnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,2CACEC,SAAUC,KAAKD,SACfE,QAASD,KAAKC,QACdC,MAAO,WAEPN,EAAA,mBAAAE,IAAA,4CACGE,KAAKG,KACJP,EAAA,WAASM,MAAO,OAAQE,KAAMJ,KAAKG,KAAME,KAAK,OAC5C,KACJT,EAAA,OAAAE,IAAA,4CACGE,KAAKM,QACJV,EAAA,iBAAeW,OAAO,MAAMP,KAAKM,SAC/B,KACHN,KAAKQ,WACJZ,EAAA,iBACEW,OAAO,KACPE,MAAOT,KAAKC,UAAY,UAAY,OAASP,WAE5CM,KAAKQ,YAEN,KACJZ,EAAA,QAAAE,IAAA,gD"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r,h as a,H as o,g as e}from"./p-a9cf5eb2.js";const c=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius)}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-insight){--ix-card-background:transparent;--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-notification){--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm){--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host(.card-critical){--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}:host(.card-warning){--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host(.card-success){--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}:host(.card-info){--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host(.card-neutral){--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}:host(.card-primary){--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}:host(:not(.card-insight)){--ix-card-border-color:transparent}:host(.card-insight:hover){--ix-card-background:var(--theme-color-ghost--hover)}:host(.card-notification:hover){--ix-card-background:var(--theme-color-component-1--hover)}:host(.card-alarm:hover){--ix-card-background:var(--theme-color-alarm--hover)}:host(.card-critical:hover){--ix-card-background:var(--theme-color-critical--hover)}:host(.card-warning:hover){--ix-card-background:var(--theme-color-warning--hover)}:host(.card-success:hover){--ix-card-background:var(--theme-color-success--hover)}:host(.card-info:hover){--ix-card-background:var(--theme-color-info--hover)}:host(.card-neutral:hover){--ix-card-background:var(--theme-color-neutral--hover)}:host(.card-primary:hover){--ix-card-background:var(--theme-color-primary--hover)}:host(.card-insight:active){--ix-card-background:var(--theme-color-ghost--active)}:host(.card-notification:active){--ix-card-background:var(--theme-color-component-1--active)}:host(.card-alarm:active){--ix-card-background:var(--theme-color-alarm--active)}:host(.card-critical:active){--ix-card-background:var(--theme-color-critical--active)}:host(.card-warning:active){--ix-card-background:var(--theme-color-warning--active)}:host(.card-success:active){--ix-card-background:var(--theme-color-success--active)}:host(.card-info:active){--ix-card-background:var(--theme-color-info--active)}:host(.card-neutral:active){--ix-card-background:var(--theme-color-neutral--active)}:host(.card-primary:active){--ix-card-background:var(--theme-color-primary--active)}:host(.selected){--ix-card-border-color:var(--theme-color-dynamic)}:host(.selected).card-insight{--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected).card-notification{--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected).card-alarm{--ix-card-background:var(--theme-color-alarm--active)}:host(.selected).card-critical{--ix-card-background:var(--theme-color-critical--active)}:host(.selected).card-warning{--ix-card-background:var(--theme-color-warning--active)}:host(.selected).card-success{--ix-card-background:var(--theme-color-success--active)}:host(.selected).card-info{--ix-card-background:var(--theme-color-info--active)}:host(.selected).card-neutral{--ix-card-background:var(--theme-color-neutral--active)}:host(.selected).card-primary{--ix-card-background:var(--theme-color-primary--active)}";const t=c;const d=class{constructor(a){r(this,a);this.variant="insight";this.selected=undefined}render(){return a(o,{key:"f91df8c114ec01e95ae0eba29c8acf3cacbdec25",class:{selected:this.selected,[`card-${this.variant}`]:true}},a("div",{key:"24c775b7ae7b2940df9e101b702b91a17a0f6749",class:"card-content"},a("slot",{key:"57bfc8eb49985aae6aff8ea277475b2012ac8ba2"})),a("div",{key:"8eac7eefd8020827e0ebf38be231de2c7b934797",class:"card-footer"},a("slot",{key:"207dc0b0ce6279ecb9dfda76e3d03a145a5ff168",name:"card-accordion"})))}get hostElement(){return e(this)}};d.style=t;const i=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1rem;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const s=i;const l=class{constructor(a){r(this,a)}render(){return a(o,{key:"ee46815485376b646616fe68d59f5057438e91f5"},a("slot",{key:"4fe9415fb686a5700a81ce5a9584ceebd441d67d"}))}};l.style=s;export{d as ix_card,l as ix_card_content};
|
|
2
|
+
//# sourceMappingURL=p-ba379675.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cardCss","IxCardStyle0","Card","render","h","Host","key","class","selected","this","variant","name","cardContentCss","IxCardContentStyle0","CardContent"],"sources":["src/components/card/card.scss?tag=ix-card&encapsulation=shadow","src/components/card/card.tsx","src/components/card-content/card-content.scss?tag=ix-card-content&encapsulation=shadow","src/components/card-content/card-content.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@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: column;\n align-items: flex-start;\n align-self: flex-start;\n overflow: hidden;\n\n width: 20rem;\n\n border: 1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));\n border-radius: var(--theme-default-border-radius);\n\n .card-content {\n display: block;\n position: relative;\n flex-shrink: 0;\n flex-grow: 1;\n width: 100%;\n height: calc(100% - 2rem);\n background-color: var(--ix-card-background, transparent);\n border-top-left-radius: var(--theme-default-border-radius);\n border-top-right-radius: var(--theme-default-border-radius);\n }\n\n .card-footer {\n display: flex;\n position: relative;\n width: 100%;\n }\n}\n\n:host(.card-insight) {\n --ix-card-background: transparent;\n --ix-card-border-color: var(--theme-color-soft-bdr);\n}\n\n:host(.card-notification) {\n --ix-card-background: var(--theme-color-component-1);\n}\n\n:host(.card-alarm) {\n --ix-card-background: var(--theme-color-alarm);\n color: var(--theme-color-alarm--contrast);\n}\n\n:host(.card-critical) {\n --ix-card-background: var(--theme-color-critical);\n color: var(--theme-color-critical--contrast);\n}\n\n:host(.card-warning) {\n --ix-card-background: var(--theme-color-warning);\n color: var(--theme-color-warning--contrast);\n}\n\n:host(.card-success) {\n --ix-card-background: var(--theme-color-success);\n color: var(--theme-color-success--contrast);\n}\n\n:host(.card-info) {\n --ix-card-background: var(--theme-color-info);\n color: var(--theme-color-info--contrast);\n}\n\n:host(.card-neutral) {\n --ix-card-background: var(--theme-color-neutral);\n color: var(--theme-color-neutral--contrast);\n}\n\n:host(.card-primary) {\n --ix-card-background: var(--theme-color-primary);\n color: var(--theme-color-neutral--contrast);\n}\n\n:host(:not(.card-insight)) {\n --ix-card-border-color: transparent;\n}\n\n// ### Hover ###\n\n:host(.card-insight:hover) {\n --ix-card-background: var(--theme-color-ghost--hover);\n}\n\n:host(.card-notification:hover) {\n --ix-card-background: var(--theme-color-component-1--hover);\n}\n\n:host(.card-alarm:hover) {\n --ix-card-background: var(--theme-color-alarm--hover);\n}\n\n:host(.card-critical:hover) {\n --ix-card-background: var(--theme-color-critical--hover);\n}\n\n:host(.card-warning:hover) {\n --ix-card-background: var(--theme-color-warning--hover);\n}\n\n:host(.card-success:hover) {\n --ix-card-background: var(--theme-color-success--hover);\n}\n\n:host(.card-info:hover) {\n --ix-card-background: var(--theme-color-info--hover);\n}\n\n:host(.card-neutral:hover) {\n --ix-card-background: var(--theme-color-neutral--hover);\n}\n\n:host(.card-primary:hover) {\n --ix-card-background: var(--theme-color-primary--hover);\n}\n\n// ### Active ###\n\n:host(.card-insight:active) {\n --ix-card-background: var(--theme-color-ghost--active);\n}\n\n:host(.card-notification:active) {\n --ix-card-background: var(--theme-color-component-1--active);\n}\n\n:host(.card-alarm:active) {\n --ix-card-background: var(--theme-color-alarm--active);\n}\n\n:host(.card-critical:active) {\n --ix-card-background: var(--theme-color-critical--active);\n}\n\n:host(.card-warning:active) {\n --ix-card-background: var(--theme-color-warning--active);\n}\n\n:host(.card-success:active) {\n --ix-card-background: var(--theme-color-success--active);\n}\n\n:host(.card-info:active) {\n --ix-card-background: var(--theme-color-info--active);\n}\n\n:host(.card-neutral:active) {\n --ix-card-background: var(--theme-color-neutral--active);\n}\n\n:host(.card-primary:active) {\n --ix-card-background: var(--theme-color-primary--active);\n}\n\n// ### Selected ###\n\n:host(.selected) {\n --ix-card-border-color: var(--theme-color-dynamic);\n\n &.card-insight {\n --ix-card-background: var(--theme-color-ghost--selected);\n }\n\n &.card-notification {\n --ix-card-background: var(--theme-color-ghost--selected);\n }\n\n &.card-alarm {\n --ix-card-background: var(--theme-color-alarm--active);\n }\n\n &.card-critical {\n --ix-card-background: var(--theme-color-critical--active);\n }\n\n &.card-warning {\n --ix-card-background: var(--theme-color-warning--active);\n }\n\n &.card-success {\n --ix-card-background: var(--theme-color-success--active);\n }\n\n &.card-info {\n --ix-card-background: var(--theme-color-info--active);\n }\n\n &.card-neutral {\n --ix-card-background: var(--theme-color-neutral--active);\n }\n\n &.card-primary {\n --ix-card-background: var(--theme-color-primary--active);\n }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nexport type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary';\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card',\n styleUrl: 'card.scss',\n shadow: true,\n})\nexport class Card {\n @Element() hostElement: HTMLIxCardElement;\n\n /**\n * Card variant\n */\n @Prop() variant: CardVariant = 'insight';\n\n /**\n * @since 2.1.0\n */\n @Prop() selected: boolean;\n\n render() {\n return (\n <Host\n class={{\n selected: this.selected,\n [`card-${this.variant}`]: true,\n }}\n >\n <div class=\"card-content\">\n <slot></slot>\n </div>\n <div class=\"card-footer\">\n <slot name=\"card-accordion\"></slot>\n </div>\n </Host>\n );\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@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n position: relative;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n padding: 1rem;\n height: 100%;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-content',\n styleUrl: 'card-content.scss',\n shadow: true,\n})\nexport class CardContent {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"oDAAA,MAAMA,EAAU,68IAChB,MAAAC,EAAeD,E,MCoBFE,EAAI,M,sCAMgB,U,wBAO/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,SAAUC,KAAKD,SACf,CAAC,QAAQC,KAAKC,WAAY,OAG5BN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,oB,8CC9CrB,MAAMC,EAAiB,qtBACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,yBACtB,MAAAX,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C"}
|