npm - @siemens/ix - Versions diffs - 3.0.0 → 3.1.0 - Mend

@siemens/ix 3.0.0 → 3.1.0

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.

Files changed (737) hide show

package/dist/siemens-ix/{p-071f63d6.entry.js.map → p-8858e9b8.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["categoryFilterCss","CategoryFilter","constructor","hostRef","this","ID_CUSTOM_FILTER_VALUE","textInput","makeRef","showDropdown","hasFocus","categoryLogicalOperator","LogicalFilterOperator","EQUAL","inputValue","category","filterTokens","disabled","readonly","nonSelectableCategories","hideIcon","repeatCategories","tmpDisableScrollIntoView","labelCategories","i18nPlainText","dropdown","hostElement","shadowRoot","querySelector","watchFilterState","newValue","setFilterState","preventDefault","e","onFocusIn","onFocusOut","onInput","_c","_b","_a","current","value","inputState","InputState","inputChanged","emit","_d","show","openDropdown","componentWillLoad","a11yAttributes","a11yHostAttributes","componentDidLoad","setTimeout","filterState","undefined","formElement","formKeyDownListener","addDisposableEventListener","handleFormElementKeyDown","preventDefaultListener","console","warn","inputKeyDownListener","handleInputElementKeyDown","focusInListener","focusOutListener","inputListener","state","token","tokens","addToken","categories","id","operator","emitFilterEvent","closeDropdown","code","document","activeElement","classList","contains","getAttribute","hasCategorySelection","selectCategory","focusPreviousItem","focusNextItem","sibling","previousSibling","HTMLElement","focus","nextSibling","focusElement","selector","item","onArrowDown","baseSelector","fallbackSelector","stopPropagation","suggestions","length","tokenCount","removeToken","filter","map","filterChanged","emitEvent","newToken","trim","hasToken","pair","isScrollStateDirty","index","_","i","getCategoryIds","ids","Object","prototype","hasOwnProperty","call","push","categoryChanged","resetFilter","defaultPrevented","filterCleared","filterMultiples","isCategoryAlreadySet","find","some","filterToken","hasSameValue","filterDuplicateTokens","filterByInput","toLowerCase","indexOf","toggleCategoryOperator","NOT_EQUAL","getFilterChipLabel","operatorString","label","_e","getFilteredSuggestions","renderPlainSuggestions","h","class","suggestion","onClick","key","title","renderOperatorButton","staticOperator","params","type","variant","outline","ghost","iconOnly","iconOval","selected","loading","icon","extraClasses","BaseButton","assign","getFilterOperatorString","renderCategoryValues","options","renderDropdownContent","renderCategorySelection","tabindex","getDropdownHeader","componentDidRender","scrollIntoView","disconnectedCallback","getResetButton","oval","iconClear","size","getIconColor","render","Host","ref","el","color","name","iconSearch","toString","animate__animated","animate__fadein","onCloseClick","autocomplete","placeholder","closeBehavior","offset","mainAxis","anchor","waitForCurrent","trigger","header"],"sources":["src/components/category-filter/category-filter.scss?tag=ix-category-filter&encapsulation=shadow","src/components/category-filter/category-filter.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@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/shadows';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n@import '../button/button';\n@import 'legacy/components/dropdown';\n@import 'legacy/components/forms';\n@import 'mixins/input';\n\n@include form;\n\n:host {\n @include ix-component;\n\n display: block;\n position: relative;\n height: auto;\n\n .reset-button {\n position: absolute;\n top: $tiny-space;\n right: $tiny-space;\n }\n\n .reset-button.hide-reset-button {\n display: none;\n }\n\n .input-container {\n &:not(.readonly):not(.disabled) {\n @include element-input('false');\n }\n\n &:not(.readonly):not(.disabled):hover {\n border-color: var(--theme-input--border-color--hover) !important;\n background-color: var(--theme-input--background--hover);\n }\n\n &:not(.readonly):not(.disabled).focus {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-input--focus--outline-offset);\n border-color: var(--theme-input--border-color--focus) !important;\n }\n\n &.disabled {\n color: var(--theme-input--color--disabled);\n border-bottom: var(--theme-input--border-thickness, 1px) solid\n var(--theme-input--border-color-bottom--disabled);\n }\n\n &.readonly {\n @include element-input;\n }\n\n display: flex;\n height: auto;\n max-height: 3.75rem;\n padding: 1px $large-space 1px 1.75rem !important;\n\n &.no-icon {\n padding-left: $tiny-space;\n }\n }\n\n .token-container {\n flex-grow: 1;\n overflow: hidden;\n }\n\n .text-input {\n @include ellipsis;\n @include text-default;\n width: auto;\n height: 1.75rem;\n min-height: $large-space;\n background: transparent;\n flex-grow: 1;\n box-shadow: none;\n\n &,\n &:hover,\n &:focus,\n &:focus-visible {\n border: none !important;\n outline: none !important;\n }\n\n &.hide-placeholder::placeholder {\n opacity: 0;\n }\n }\n\n .list-unstyled {\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n overflow-y: auto;\n }\n\n ix-icon {\n position: absolute;\n top: $small-space;\n left: $small-space;\n }\n\n ix-filter-chip {\n margin-right: $tiny-space;\n }\n\n .category-preview {\n display: flex;\n align-items: center;\n height: $large-space;\n background-color: var(--theme-bg-3);\n border-top-left-radius: $default-space;\n border-bottom-left-radius: $default-space;\n padding: $small-space;\n margin: 2px 0;\n }\n\n ul {\n height: 100%;\n }\n\n .list-unstyled > span:not(.category-preview),\n input {\n padding-inline-start: 0;\n padding-top: 2px;\n padding-bottom: 2px;\n }\n\n ix-dropdown {\n min-width: 10rem !important;\n\n .dropdown-item-container {\n display: flex;\n flex-direction: column;\n\n .dropdown-item {\n @include text-default-single;\n @include ellipsis;\n @include focus-visible {\n border-color: var(--theme-color-focus-bdr);\n }\n\n height: $large-control-height;\n margin: $tiny-space $small-space;\n padding-inline: $small-space;\n border: 1px solid transparent;\n border-radius: 100rem;\n width: auto;\n justify-content: flex-start;\n flex-grow: 1;\n }\n\n .category-item {\n border-end-end-radius: 0;\n border-start-end-radius: 0;\n }\n\n .category-item-value {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n }\n\n .btn-toggle-operator {\n width: 2rem;\n height: 2rem;\n margin-inline: $small-space;\n }\n }\n\n .display-none {\n display: none;\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 {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { FilterState } from './filter-state';\nimport { InputState } from './input-state';\nimport { LogicalFilterOperator } from './logical-filter-operator';\nimport { iconClear, iconSearch } from '@siemens/ix-icons/icons';\nimport { makeRef } from '../utils/make-ref';\nimport {\n addDisposableEventListener,\n DisposableEventListener,\n} from '../utils/disposable-event-listener';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\n\n@Component({\n tag: 'ix-category-filter',\n styleUrl: 'category-filter.scss',\n shadow: true,\n})\nexport class CategoryFilter {\n private readonly ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';\n\n private formKeyDownListener?: DisposableEventListener;\n private preventDefaultListener?: DisposableEventListener;\n private inputKeyDownListener?: DisposableEventListener;\n private focusInListener?: DisposableEventListener;\n private focusOutListener?: DisposableEventListener;\n private inputListener?: DisposableEventListener;\n\n private readonly textInput? = makeRef<HTMLInputElement>();\n private formElement?: HTMLFormElement;\n private isScrollStateDirty?: boolean;\n private a11yAttributes?: A11yAttributes;\n\n @Element() hostElement!: HTMLIxCategoryFilterElement;\n\n @State() showDropdown = false;\n @State() hasFocus = false;\n @State() categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n @State() inputValue: string = '';\n @State() category: string = '';\n @State() filterTokens: Array<{\n id: string;\n value: string;\n operator: LogicalFilterOperator;\n }> = [];\n\n /\n If true the filter will be in disabled state\n /\n @Prop() disabled = false;\n\n /\n If true the filter will be in readonly mode\n /\n @Prop() readonly = false;\n\n /\n A set of search criteria to populate the component with.\n /\n @Prop() filterState?: FilterState;\n\n /\n Placeholder text to be displayed in an empty input field.\n /\n @Prop() placeholder?: string;\n\n /\n Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality.\n * Each ID maps to an object with a label and an array of options to select from.\n /\n @Prop() categories?: {\n [id: string]: {\n label: string;\n options: string[];\n };\n };\n\n /\n In certain use cases some categories may not be available for selection anymore.\n * To allow proper display of set filters with these categories this ID to label mapping can be populated.\n \n Configuration object hash used to supply labels to the filter chips in the input field.\n * Each ID maps to a string representing the label to display.\n /\n @Prop() nonSelectableCategories?: {\n [id: string]: string;\n } = {};\n\n /\n A list of strings that will be supplied as type-ahead suggestions not tied to any categories.\n /\n @Prop() suggestions?: string[];\n\n /\n The icon next to the actual text input\n * Defaults to 'search'\n /\n @Prop() icon?: string;\n\n /\n Allows to hide the icon inside the text input.\n * Defaults to false\n /\n @Prop() hideIcon: boolean = false;\n\n /\n If set categories will always be filtered via the respective logical operator.\n * Toggling of the operator will not be available to the user.\n /\n @Prop() staticOperator?: LogicalFilterOperator;\n\n /\n If set to true, allows that a single category can be set more than once.\n * An already set category will not appear in the category dropdown if set to false.\n \n Defaults to true\n /\n @Prop() repeatCategories = true;\n\n /\n @internal For debugging purposes only!\n /\n @Prop() tmpDisableScrollIntoView = true;\n\n /\n i18n\n /\n @Prop() labelCategories = 'Categories';\n\n /\n i18n\n /\n @Prop() i18nPlainText = 'Filter by text';\n\n /\n Event dispatched whenever a category gets selected in the dropdown\n /\n @Event() categoryChanged!: EventEmitter<string>;\n\n /\n Event dispatched whenever the text input changes.\n /\n @Event() inputChanged!: EventEmitter<InputState>;\n\n /\n Event dispatched whenever the filter state changes.\n /\n @Event() filterChanged!: EventEmitter<FilterState>;\n\n /\n Event dispatched whenever the filter gets cleared.\n */\n @Event() filterCleared!: EventEmitter<void>;\n\n get dropdown() {\n return this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n }\n\n @Watch('filterState')\n watchFilterState(newValue: FilterState) {\n this.setFilterState(newValue);\n }\n\n private preventDefault(e: Event) {\n e.preventDefault();\n }\n\n private onFocusIn() {\n this.hasFocus = true;\n }\n\n private onFocusOut() {\n this.hasFocus = false;\n }\n\n private onInput() {\n this.inputValue = this.textInput?.current?.value ?? '';\n const inputState = new InputState(this.inputValue, this.category);\n this.inputChanged.emit(inputState);\n\n if (!this.dropdown?.show) {\n this.openDropdown();\n }\n }\n\n componentWillLoad() {\n this.a11yAttributes = a11yHostAttributes(this.hostElement);\n }\n\n componentDidLoad() {\n setTimeout(() => {\n if (this.filterState !== undefined) {\n this.setFilterState(this.filterState);\n }\n });\n\n if (this.formElement !== undefined) {\n this.formKeyDownListener = addDisposableEventListener(\n this.formElement,\n 'keydown',\n ((e: KeyboardEvent) =>\n this.handleFormElementKeyDown(e)) as EventListener\n );\n\n this.preventDefaultListener = addDisposableEventListener(\n this.formElement,\n 'submit',\n this.preventDefault\n );\n }\n\n if (this.textInput?.current == null) {\n console.warn(\n 'ix-category-filter - unable to add event listeners to native input element'\n );\n return;\n }\n\n this.inputKeyDownListener = addDisposableEventListener(\n this.textInput.current,\n 'keydown',\n ((e: KeyboardEvent) => this.handleInputElementKeyDown(e)) as EventListener\n );\n\n this.focusInListener = addDisposableEventListener(\n this.textInput.current,\n 'focusin',\n () => this.onFocusIn()\n );\n\n this.focusOutListener = addDisposableEventListener(\n this.textInput.current,\n 'focusout',\n () => this.onFocusOut()\n );\n\n this.inputListener = addDisposableEventListener(\n this.textInput.current,\n 'input',\n () => this.onInput()\n );\n }\n\n private setFilterState(state: FilterState) {\n this.filterTokens = [];\n\n for (const token of state.tokens) {\n this.addToken(\n token,\n this.ID_CUSTOM_FILTER_VALUE,\n this.categoryLogicalOperator,\n false\n );\n }\n\n for (const category of state.categories) {\n this.addToken(category.value, category.id, category.operator, false);\n }\n\n this.emitFilterEvent();\n }\n\n private closeDropdown() {\n if (this.disabled \|\| this.readonly) {\n return;\n }\n\n if (this.dropdown) {\n this.dropdown.show = false;\n }\n }\n\n private openDropdown() {\n if (this.disabled \|\| this.readonly) {\n return;\n }\n\n if (this.dropdown) {\n this.dropdown.show = true;\n }\n }\n\n private handleFormElementKeyDown(e: KeyboardEvent) {\n switch (e.code) {\n case 'Enter':\n case 'NumpadEnter':\n if (!document.activeElement?.classList.contains('dropdown-item')) {\n return;\n }\n\n const token = document.activeElement.getAttribute('data-id');\n\n if (token === null) {\n break;\n }\n\n if (this.hasCategorySelection()) {\n if (this.category !== '') {\n this.addToken(token, this.category);\n } else if (\n document.activeElement.classList.contains('category-item-id')\n ) {\n this.selectCategory(token);\n }\n } else {\n this.addToken(token);\n }\n\n e.preventDefault();\n break;\n\n case 'ArrowUp':\n this.focusPreviousItem();\n e.preventDefault();\n break;\n\n case 'ArrowDown':\n this.showDropdown = true;\n this.focusNextItem();\n e.preventDefault();\n break;\n\n case 'Escape':\n this.closeDropdown();\n break;\n }\n }\n\n private focusPreviousItem() {\n const sibling = document.activeElement?.previousSibling;\n if (sibling instanceof HTMLElement) {\n sibling.focus();\n }\n }\n\n private focusNextItem() {\n const sibling = document.activeElement?.nextSibling;\n if (sibling instanceof HTMLElement) {\n sibling.focus();\n }\n }\n\n private focusElement(selector: string): boolean {\n const item = this.hostElement.shadowRoot!.querySelector(selector);\n if (item instanceof HTMLElement) {\n item.focus();\n return true;\n }\n return false;\n }\n\n private onArrowDown(e: KeyboardEvent) {\n const baseSelector = `.category-item-${\n this.category !== '' ? 'value' : 'id'\n }`;\n const fallbackSelector = '.category-item';\n\n if (this.focusElement(baseSelector)) {\n e.stopPropagation();\n return;\n }\n\n if (this.suggestions?.length && this.focusElement(fallbackSelector)) {\n e.stopPropagation();\n }\n }\n\n private handleInputElementKeyDown(e: KeyboardEvent) {\n switch (e.code) {\n case 'ArrowDown': {\n this.onArrowDown(e);\n break;\n }\n\n case 'Backspace':\n if (this.textInput?.current?.value !== '') {\n return;\n }\n\n if (this.category !== '') {\n this.category = '';\n return;\n }\n\n const tokenCount = this.filterTokens.length;\n if (tokenCount > 0) {\n this.removeToken(tokenCount - 1);\n }\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n this.addToken(\n this.inputValue,\n this.category \|\| this.ID_CUSTOM_FILTER_VALUE\n );\n e.preventDefault();\n break;\n }\n }\n\n private emitFilterEvent() {\n const tokens = this.filterTokens\n .filter((item) => item.id === this.ID_CUSTOM_FILTER_VALUE)\n .map((item) => item.value);\n const categories = this.filterTokens.filter(\n (item) => item.id !== this.ID_CUSTOM_FILTER_VALUE\n );\n const filterState: FilterState = {\n tokens,\n categories,\n };\n\n this.filterChanged.emit(filterState);\n }\n\n private addToken(\n token: string,\n category: string = this.ID_CUSTOM_FILTER_VALUE,\n operator = this.categoryLogicalOperator,\n emitEvent = true\n ) {\n if (token === undefined \|\| token === null) {\n return;\n }\n\n const newToken = token.trim();\n\n if (newToken === '') {\n return;\n }\n\n if (this.hasToken(newToken)) {\n return;\n }\n\n const pair = { id: category, value: newToken, operator };\n this.filterTokens = [...this.filterTokens, pair];\n if (this.textInput?.current) {\n this.textInput.current.value = '';\n }\n this.inputValue = '';\n this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n\n if (this.category !== '') {\n this.category = '';\n }\n\n this.isScrollStateDirty = true;\n\n this.textInput?.current?.focus();\n\n if (emitEvent) {\n this.emitFilterEvent();\n }\n }\n\n private removeToken(index: number) {\n this.filterTokens = this.filterTokens.filter((_, i) => i !== index);\n this.emitFilterEvent();\n }\n\n private getCategoryIds() {\n const ids = [];\n for (const id in this.categories) {\n if (Object.prototype.hasOwnProperty.call(this.categories, id)) {\n ids.push(id);\n }\n }\n\n return ids;\n }\n\n private selectCategory(category: string) {\n this.category = category;\n if (this.textInput?.current) {\n this.textInput.current.value = '';\n }\n this.inputValue = '';\n this.textInput?.current?.focus();\n this.categoryChanged.emit(category);\n }\n\n private resetFilter(e: Event) {\n const { defaultPrevented } = this.filterCleared.emit();\n\n if (defaultPrevented) {\n return;\n }\n\n e.stopPropagation();\n this.closeDropdown();\n this.filterTokens = [];\n if (this.category) {\n this.category = '';\n this.categoryChanged.emit(undefined);\n }\n\n this.emitFilterEvent();\n }\n\n private filterMultiples(value: string) {\n if (this.repeatCategories) {\n return true;\n }\n\n const isCategoryAlreadySet = this.filterTokens.find(\n (token) => token.id === value\n );\n\n return !isCategoryAlreadySet;\n }\n\n private hasToken(token: string) {\n return this.filterTokens.some((filterToken) => {\n const hasSameValue = filterToken.value === token;\n\n if (!hasSameValue) {\n return false;\n }\n\n if (this.category !== '') {\n return this.category === filterToken.id;\n }\n\n if (filterToken.id) {\n return filterToken.id === this.ID_CUSTOM_FILTER_VALUE;\n }\n\n return hasSameValue;\n });\n }\n\n private filterDuplicateTokens(value: string) {\n return !this.hasToken(value);\n }\n\n private filterByInput(value: string) {\n if (this.inputValue === undefined \|\| this.inputValue === '') {\n return true;\n }\n\n return value.toLowerCase().indexOf(this.inputValue.toLowerCase()) !== -1;\n }\n\n private toggleCategoryOperator() {\n switch (this.categoryLogicalOperator) {\n case LogicalFilterOperator.EQUAL:\n this.categoryLogicalOperator = LogicalFilterOperator.NOT_EQUAL;\n break;\n\n case LogicalFilterOperator.NOT_EQUAL:\n this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n break;\n }\n }\n\n private getFilterChipLabel(value: {\n id: string;\n value: string;\n operator: LogicalFilterOperator;\n }): string {\n if (value.id === this.ID_CUSTOM_FILTER_VALUE) {\n return value.value;\n }\n\n const operatorString =\n value.operator === LogicalFilterOperator.EQUAL ? '=' : '!=';\n const label =\n this.categories?.[value.id]?.label ??\n this.nonSelectableCategories?.[value.id] ??\n value.id;\n\n return `${label} ${operatorString} ${value.value}`;\n }\n\n private getFilteredSuggestions() {\n if (!this.suggestions?.length) {\n return [];\n }\n\n return this.suggestions\n ?.filter((value) => this.filterByInput(value))\n .filter((value) => this.filterDuplicateTokens(value));\n }\n\n private hasCategorySelection() {\n return this.categories !== undefined;\n }\n\n private renderPlainSuggestions() {\n return (\n <div class=\"dropdown-item-container\">\n {this.getFilteredSuggestions().map((suggestion) => (\n <button\n class=\"dropdown-item\"\n data-id={suggestion}\n onClick={() => this.addToken(suggestion)}\n key={suggestion}\n title={suggestion}\n >\n {suggestion}\n </button>\n ))}\n </div>\n );\n }\n\n private renderOperatorButton() {\n if (this.staticOperator) {\n return '';\n }\n\n const params: BaseButtonProps = {\n type: 'button',\n variant: 'secondary',\n outline: false,\n ghost: true,\n iconOnly: true,\n iconOval: false,\n selected: false,\n disabled: this.disabled \|\| this.staticOperator !== undefined,\n loading: false,\n icon: '',\n onClick: (e: Event) => {\n e.stopPropagation();\n this.toggleCategoryOperator();\n },\n extraClasses: {\n 'btn-icon-32': true,\n 'btn-toggle-operator': true,\n },\n };\n\n return (\n <BaseButton {...params}>\n {this.categoryLogicalOperator === LogicalFilterOperator.NOT_EQUAL\n ? '='\n : '!='}\n </BaseButton>\n );\n }\n\n private getFilterOperatorString() {\n let operator: LogicalFilterOperator;\n if (this.staticOperator !== undefined) {\n operator = this.staticOperator;\n } else {\n operator = this.categoryLogicalOperator;\n }\n return `${operator === LogicalFilterOperator.EQUAL ? '=' : '!='} `;\n }\n\n private renderCategoryValues() {\n if (this.categories === undefined) {\n return;\n }\n\n return (\n <div class=\"dropdown-item-container\">\n {this.renderOperatorButton()}\n <div class=\"dropdown-header\">\n {this.categories[this.category]?.label}\n </div>\n {this.categories[this.category]?.options\n .filter((value) => this.filterByInput(value))\n .filter((value) => this.filterDuplicateTokens(value))\n .map((id) => (\n <button\n class=\"dropdown-item category-item-value\"\n data-id={id}\n title={id}\n key={id}\n onClick={(e) => {\n e.preventDefault();\n this.addToken(id, this.category);\n }}\n >\n {`${this.getFilterOperatorString()} ${id}`}\n </button>\n ))}\n </div>\n );\n }\n\n private renderDropdownContent() {\n if (this.hasCategorySelection()) {\n if (this.category !== '') {\n return this.renderCategoryValues();\n } else {\n return this.renderCategorySelection();\n }\n } else return this.renderPlainSuggestions();\n }\n\n private renderCategorySelection() {\n return (\n <div class=\"dropdown-item-container\">\n {this.getCategoryIds()\n ?.filter(\n (id) =>\n this.categories && this.filterByInput(this.categories[id].label)\n )\n .filter((id) => this.filterMultiples(id))\n .map((id) => (\n <button\n class=\"dropdown-item category-item category-item-id\"\n data-id={id}\n title={this.categories?.[id]?.label}\n key={id}\n onClick={(e) => {\n e.preventDefault();\n this.selectCategory(id);\n }}\n tabindex=\"0\"\n >\n {this.categories?.[id]?.label}\n </button>\n ))}\n </div>\n );\n }\n\n private getDropdownHeader() {\n if (this.categories !== undefined) {\n if (this.category !== '') {\n return undefined;\n } else {\n return this.labelCategories;\n }\n }\n\n return this.i18nPlainText;\n }\n\n componentDidRender() {\n if (this.isScrollStateDirty) {\n if (!this.tmpDisableScrollIntoView) {\n this.textInput?.current?.scrollIntoView();\n }\n this.isScrollStateDirty = false;\n }\n }\n\n disconnectedCallback() {\n if (this.preventDefaultListener) {\n this.preventDefaultListener();\n }\n if (this.formKeyDownListener) {\n this.formKeyDownListener();\n }\n if (this.inputKeyDownListener) {\n this.inputKeyDownListener?.();\n }\n if (this.focusInListener) {\n this.focusInListener();\n }\n if (this.focusOutListener) {\n this.focusOutListener();\n }\n if (this.inputListener) {\n this.inputListener();\n }\n }\n\n private getResetButton() {\n return (\n <ix-icon-button\n onClick={(e) => this.resetFilter(e)}\n class={{\n 'reset-button': true,\n 'hide-reset-button':\n !this.filterTokens.length && this.category === '',\n }}\n ghost\n oval\n icon={iconClear}\n size=\"16\"\n ></ix-icon-button>\n );\n }\n\n private getIconColor() {\n if (this.disabled) {\n return 'color-componentn-1';\n }\n\n if (this.readonly) {\n return 'color-std-txt';\n }\n\n return 'color-primary';\n }\n\n render() {\n return (\n <Host>\n <form ref={(el) => (this.formElement = el)}>\n <div\n read-only={this.readonly}\n class={{\n 'input-container': true,\n disabled: this.disabled,\n focus: this.hasFocus,\n readonly: this.readonly,\n 'no-icon': this.hideIcon,\n }}\n >\n <ix-icon\n color={this.getIconColor()}\n class={{ 'display-none': this.hideIcon }}\n name={this.icon ?? iconSearch}\n size=\"16\"\n ></ix-icon>\n <div class=\"token-container\">\n <div class=\"list-unstyled\">\n {this.filterTokens.map((value, index) => (\n <span\n key={value.toString()}\n class={{\n animate__animated: true,\n animate__fadein: true,\n }}\n >\n <ix-filter-chip\n disabled={this.disabled}\n readonly={this.readonly}\n onClick={(e) => e.stopPropagation()}\n onCloseClick={() => this.removeToken(index)}\n >\n {this.getFilterChipLabel(value)}\n </ix-filter-chip>\n </span>\n ))}\n {this.categories === undefined ? (\n ''\n ) : (\n <span\n class={{\n 'category-preview': true,\n 'display-none': this.category === '',\n }}\n >\n {this.categories[this.category]?.label}\n </span>\n )}\n <input\n class={{\n 'text-input': true,\n 'hide-placeholder':\n this.readonly \|\| this.disabled \|\| this.category !== '',\n }}\n autocomplete=\"off\"\n name=\"category-filter-input\"\n disabled={this.disabled}\n readonly={this.readonly}\n ref={this.textInput}\n type=\"text\"\n placeholder={this.placeholder}\n {...this.a11yAttributes}\n ></input>\n </div>\n </div>\n {!this.readonly && !this.disabled && this.getResetButton()}\n </div>\n </form>\n\n {this.disabled \|\| this.readonly ? (\n ''\n ) : (\n <ix-dropdown\n show={this.showDropdown}\n closeBehavior=\"outside\"\n offset={{ mainAxis: 2 }}\n anchor={this.textInput?.waitForCurrent()}\n trigger={this.hostElement}\n header={this.getDropdownHeader()}\n >\n {this.renderDropdownContent()}\n </ix-dropdown>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["categoryFilterCss","CategoryFilter","constructor","hostRef","this","ID_CUSTOM_FILTER_VALUE","textInput","makeRef","showDropdown","hasFocus","categoryLogicalOperator","LogicalFilterOperator","EQUAL","inputValue","category","filterTokens","disabled","readonly","nonSelectableCategories","hideIcon","repeatCategories","tmpDisableScrollIntoView","labelCategories","i18nPlainText","dropdown","hostElement","shadowRoot","querySelector","watchFilterState","newValue","setFilterState","preventDefault","e","onFocusIn","onFocusOut","onInput","_c","_b","_a","current","value","inputState","InputState","inputChanged","emit","_d","show","openDropdown","componentWillLoad","a11yAttributes","a11yHostAttributes","componentDidLoad","setTimeout","filterState","undefined","formElement","formKeyDownListener","addDisposableEventListener","handleFormElementKeyDown","preventDefaultListener","console","warn","inputKeyDownListener","handleInputElementKeyDown","focusInListener","focusOutListener","inputListener","state","token","tokens","addToken","categories","id","operator","emitFilterEvent","closeDropdown","code","document","activeElement","classList","contains","getAttribute","hasCategorySelection","selectCategory","focusPreviousItem","focusNextItem","sibling","previousSibling","HTMLElement","focus","nextSibling","focusElement","selector","item","onArrowDown","baseSelector","fallbackSelector","stopPropagation","suggestions","length","tokenCount","removeToken","filter","map","filterChanged","emitEvent","newToken","trim","hasToken","pair","isScrollStateDirty","index","_","i","getCategoryIds","ids","Object","prototype","hasOwnProperty","call","push","categoryChanged","resetFilter","defaultPrevented","filterCleared","filterMultiples","isCategoryAlreadySet","find","some","filterToken","hasSameValue","filterDuplicateTokens","filterByInput","toLowerCase","indexOf","toggleCategoryOperator","NOT_EQUAL","getFilterChipLabel","operatorString","label","_e","getFilteredSuggestions","renderPlainSuggestions","h","class","suggestion","onClick","key","title","renderOperatorButton","staticOperator","params","type","variant","outline","ghost","iconOnly","iconOval","selected","loading","icon","extraClasses","BaseButton","assign","getFilterOperatorString","renderCategoryValues","options","renderDropdownContent","renderCategorySelection","tabindex","getDropdownHeader","componentDidRender","scrollIntoView","disconnectedCallback","getResetButton","oval","iconClear","size","getIconColor","render","Host","ref","el","color","name","iconSearch","toString","animate__animated","animate__fadein","onCloseClick","autocomplete","placeholder","closeBehavior","offset","mainAxis","anchor","waitForCurrent","trigger","header"],"sources":["src/components/category-filter/category-filter.scss?tag=ix-category-filter&encapsulation=shadow","src/components/category-filter/category-filter.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@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/shadows';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n@import '../button/button';\n@import 'legacy/components/dropdown';\n@import 'legacy/components/forms';\n@import 'mixins/input';\n\n@include form;\n\n:host {\n @include ix-component;\n\n display: block;\n position: relative;\n height: auto;\n\n .reset-button {\n position: absolute;\n top: $tiny-space;\n right: $tiny-space;\n }\n\n .reset-button.hide-reset-button {\n display: none;\n }\n\n .input-container {\n &:not(.readonly):not(.disabled) {\n @include element-input('false');\n }\n\n &:not(.readonly):not(.disabled):hover {\n border-color: var(--theme-input--border-color--hover) !important;\n background-color: var(--theme-input--background--hover);\n }\n\n &:not(.readonly):not(.disabled).focus {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-input--focus--outline-offset);\n border-color: var(--theme-input--border-color--focus) !important;\n }\n\n &.disabled {\n color: var(--theme-input--color--disabled);\n border-bottom: var(--theme-input--border-thickness, 1px) solid\n var(--theme-input--border-color-bottom--disabled);\n }\n\n &.readonly {\n @include element-input;\n }\n\n display: flex;\n height: auto;\n max-height: 3.75rem;\n padding: 1px $large-space 1px 1.75rem !important;\n\n &.no-icon {\n padding-left: $tiny-space;\n }\n }\n\n .token-container {\n flex-grow: 1;\n overflow: hidden;\n }\n\n .text-input {\n @include ellipsis;\n @include text-default;\n width: auto;\n height: 1.75rem;\n min-height: $large-space;\n background: transparent;\n flex-grow: 1;\n box-shadow: none;\n\n &,\n &:hover,\n &:focus,\n &:focus-visible {\n border: none !important;\n outline: none !important;\n }\n\n &.hide-placeholder::placeholder {\n opacity: 0;\n }\n }\n\n .list-unstyled {\n display: flex;\n flex-wrap: wrap;\n height: 100%;\n overflow-y: auto;\n }\n\n ix-icon {\n position: absolute;\n top: $small-space;\n left: $small-space;\n }\n\n ix-filter-chip {\n margin-right: $tiny-space;\n }\n\n .category-preview {\n display: flex;\n align-items: center;\n height: $large-space;\n background-color: var(--theme-bg-3);\n border-top-left-radius: $default-space;\n border-bottom-left-radius: $default-space;\n padding: $small-space;\n margin: 2px 0;\n }\n\n ul {\n height: 100%;\n }\n\n .list-unstyled > span:not(.category-preview),\n input {\n padding-inline-start: 0;\n padding-top: 2px;\n padding-bottom: 2px;\n }\n\n ix-dropdown {\n min-width: 10rem !important;\n\n .dropdown-item-container {\n display: flex;\n flex-direction: column;\n\n .dropdown-item {\n @include text-default-single;\n @include ellipsis;\n @include focus-visible {\n border-color: var(--theme-color-focus-bdr);\n }\n\n height: $large-control-height;\n margin: $tiny-space $small-space;\n padding-inline: $small-space;\n border: 1px solid transparent;\n border-radius: 100rem;\n width: auto;\n justify-content: flex-start;\n flex-grow: 1;\n }\n\n .category-item {\n border-end-end-radius: 0;\n border-start-end-radius: 0;\n }\n\n .category-item-value {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n }\n\n .btn-toggle-operator {\n width: 2rem;\n height: 2rem;\n margin-inline: $small-space;\n }\n }\n\n .display-none {\n display: none;\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 {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { FilterState } from './filter-state';\nimport { InputState } from './input-state';\nimport { LogicalFilterOperator } from './logical-filter-operator';\nimport { iconClear, iconSearch } from '@siemens/ix-icons/icons';\nimport { makeRef } from '../utils/make-ref';\nimport {\n addDisposableEventListener,\n DisposableEventListener,\n} from '../utils/disposable-event-listener';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\n\n@Component({\n tag: 'ix-category-filter',\n styleUrl: 'category-filter.scss',\n shadow: true,\n})\nexport class CategoryFilter {\n private readonly ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';\n\n private formKeyDownListener?: DisposableEventListener;\n private preventDefaultListener?: DisposableEventListener;\n private inputKeyDownListener?: DisposableEventListener;\n private focusInListener?: DisposableEventListener;\n private focusOutListener?: DisposableEventListener;\n private inputListener?: DisposableEventListener;\n\n private readonly textInput? = makeRef<HTMLInputElement>();\n private formElement?: HTMLFormElement;\n private isScrollStateDirty?: boolean;\n private a11yAttributes?: A11yAttributes;\n\n @Element() hostElement!: HTMLIxCategoryFilterElement;\n\n @State() showDropdown = false;\n @State() hasFocus = false;\n @State() categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n @State() inputValue: string = '';\n @State() category: string = '';\n @State() filterTokens: Array<{\n id: string;\n value: string;\n operator: LogicalFilterOperator;\n }> = [];\n\n /\n If true the filter will be in disabled state\n /\n @Prop() disabled = false;\n\n /\n If true the filter will be in readonly mode\n /\n @Prop() readonly = false;\n\n /\n A set of search criteria to populate the component with.\n /\n @Prop() filterState?: FilterState;\n\n /\n Placeholder text to be displayed in an empty input field.\n /\n @Prop() placeholder?: string;\n\n /\n Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality.\n * Each ID maps to an object with a label and an array of options to select from.\n /\n @Prop() categories?: {\n [id: string]: {\n label: string;\n options: string[];\n };\n };\n\n /\n In certain use cases some categories may not be available for selection anymore.\n * To allow proper display of set filters with these categories this ID to label mapping can be populated.\n \n Configuration object hash used to supply labels to the filter chips in the input field.\n * Each ID maps to a string representing the label to display.\n /\n @Prop() nonSelectableCategories?: {\n [id: string]: string;\n } = {};\n\n /\n A list of strings that will be supplied as type-ahead suggestions not tied to any categories.\n /\n @Prop() suggestions?: string[];\n\n /\n The icon next to the actual text input\n * Defaults to 'search'\n /\n @Prop() icon?: string;\n\n /\n Allows to hide the icon inside the text input.\n * Defaults to false\n /\n @Prop() hideIcon: boolean = false;\n\n /\n If set categories will always be filtered via the respective logical operator.\n * Toggling of the operator will not be available to the user.\n /\n @Prop() staticOperator?: LogicalFilterOperator;\n\n /\n If set to true, allows that a single category can be set more than once.\n * An already set category will not appear in the category dropdown if set to false.\n \n Defaults to true\n /\n @Prop() repeatCategories = true;\n\n /\n @internal For debugging purposes only!\n /\n @Prop() tmpDisableScrollIntoView = true;\n\n /\n i18n\n /\n @Prop() labelCategories = 'Categories';\n\n /\n i18n\n /\n @Prop() i18nPlainText = 'Filter by text';\n\n /\n Event dispatched whenever a category gets selected in the dropdown\n /\n @Event() categoryChanged!: EventEmitter<string>;\n\n /\n Event dispatched whenever the text input changes.\n /\n @Event() inputChanged!: EventEmitter<InputState>;\n\n /\n Event dispatched whenever the filter state changes.\n /\n @Event() filterChanged!: EventEmitter<FilterState>;\n\n /\n Event dispatched whenever the filter gets cleared.\n */\n @Event() filterCleared!: EventEmitter<void>;\n\n get dropdown() {\n return this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n }\n\n @Watch('filterState')\n watchFilterState(newValue: FilterState) {\n this.setFilterState(newValue);\n }\n\n private preventDefault(e: Event) {\n e.preventDefault();\n }\n\n private onFocusIn() {\n this.hasFocus = true;\n }\n\n private onFocusOut() {\n this.hasFocus = false;\n }\n\n private onInput() {\n this.inputValue = this.textInput?.current?.value ?? '';\n const inputState = new InputState(this.inputValue, this.category);\n this.inputChanged.emit(inputState);\n\n if (!this.dropdown?.show) {\n this.openDropdown();\n }\n }\n\n componentWillLoad() {\n this.a11yAttributes = a11yHostAttributes(this.hostElement);\n }\n\n componentDidLoad() {\n setTimeout(() => {\n if (this.filterState !== undefined) {\n this.setFilterState(this.filterState);\n }\n });\n\n if (this.formElement !== undefined) {\n this.formKeyDownListener = addDisposableEventListener(\n this.formElement,\n 'keydown',\n ((e: KeyboardEvent) =>\n this.handleFormElementKeyDown(e)) as EventListener\n );\n\n this.preventDefaultListener = addDisposableEventListener(\n this.formElement,\n 'submit',\n this.preventDefault\n );\n }\n\n if (this.textInput?.current == null) {\n console.warn(\n 'ix-category-filter - unable to add event listeners to native input element'\n );\n return;\n }\n\n this.inputKeyDownListener = addDisposableEventListener(\n this.textInput.current,\n 'keydown',\n ((e: KeyboardEvent) => this.handleInputElementKeyDown(e)) as EventListener\n );\n\n this.focusInListener = addDisposableEventListener(\n this.textInput.current,\n 'focusin',\n () => this.onFocusIn()\n );\n\n this.focusOutListener = addDisposableEventListener(\n this.textInput.current,\n 'focusout',\n () => this.onFocusOut()\n );\n\n this.inputListener = addDisposableEventListener(\n this.textInput.current,\n 'input',\n () => this.onInput()\n );\n }\n\n private setFilterState(state: FilterState) {\n this.filterTokens = [];\n\n for (const token of state.tokens) {\n this.addToken(\n token,\n this.ID_CUSTOM_FILTER_VALUE,\n this.categoryLogicalOperator,\n false\n );\n }\n\n for (const category of state.categories) {\n this.addToken(category.value, category.id, category.operator, false);\n }\n\n this.emitFilterEvent();\n }\n\n private closeDropdown() {\n if (this.disabled \|\| this.readonly) {\n return;\n }\n\n if (this.dropdown) {\n this.dropdown.show = false;\n }\n }\n\n private openDropdown() {\n if (this.disabled \|\| this.readonly) {\n return;\n }\n\n if (this.dropdown) {\n this.dropdown.show = true;\n }\n }\n\n private handleFormElementKeyDown(e: KeyboardEvent) {\n switch (e.code) {\n case 'Enter':\n case 'NumpadEnter':\n if (!document.activeElement?.classList.contains('dropdown-item')) {\n return;\n }\n\n const token = document.activeElement.getAttribute('data-id');\n\n if (token === null) {\n break;\n }\n\n if (this.hasCategorySelection()) {\n if (this.category !== '') {\n this.addToken(token, this.category);\n } else if (\n document.activeElement.classList.contains('category-item-id')\n ) {\n this.selectCategory(token);\n }\n } else {\n this.addToken(token);\n }\n\n e.preventDefault();\n break;\n\n case 'ArrowUp':\n this.focusPreviousItem();\n e.preventDefault();\n break;\n\n case 'ArrowDown':\n this.showDropdown = true;\n this.focusNextItem();\n e.preventDefault();\n break;\n\n case 'Escape':\n this.closeDropdown();\n break;\n }\n }\n\n private focusPreviousItem() {\n const sibling = document.activeElement?.previousSibling;\n if (sibling instanceof HTMLElement) {\n sibling.focus();\n }\n }\n\n private focusNextItem() {\n const sibling = document.activeElement?.nextSibling;\n if (sibling instanceof HTMLElement) {\n sibling.focus();\n }\n }\n\n private focusElement(selector: string): boolean {\n const item = this.hostElement.shadowRoot!.querySelector(selector);\n if (item instanceof HTMLElement) {\n item.focus();\n return true;\n }\n return false;\n }\n\n private onArrowDown(e: KeyboardEvent) {\n const baseSelector = `.category-item-${\n this.category !== '' ? 'value' : 'id'\n }`;\n const fallbackSelector = '.category-item';\n\n if (this.focusElement(baseSelector)) {\n e.stopPropagation();\n return;\n }\n\n if (this.suggestions?.length && this.focusElement(fallbackSelector)) {\n e.stopPropagation();\n }\n }\n\n private handleInputElementKeyDown(e: KeyboardEvent) {\n switch (e.code) {\n case 'ArrowDown': {\n this.onArrowDown(e);\n break;\n }\n\n case 'Backspace':\n if (this.textInput?.current?.value !== '') {\n return;\n }\n\n if (this.category !== '') {\n this.category = '';\n return;\n }\n\n const tokenCount = this.filterTokens.length;\n if (tokenCount > 0) {\n this.removeToken(tokenCount - 1);\n }\n break;\n\n case 'Enter':\n case 'NumpadEnter':\n this.addToken(\n this.inputValue,\n this.category \|\| this.ID_CUSTOM_FILTER_VALUE\n );\n e.preventDefault();\n break;\n }\n }\n\n private emitFilterEvent() {\n const tokens = this.filterTokens\n .filter((item) => item.id === this.ID_CUSTOM_FILTER_VALUE)\n .map((item) => item.value);\n const categories = this.filterTokens.filter(\n (item) => item.id !== this.ID_CUSTOM_FILTER_VALUE\n );\n const filterState: FilterState = {\n tokens,\n categories,\n };\n\n this.filterChanged.emit(filterState);\n }\n\n private addToken(\n token: string,\n category: string = this.ID_CUSTOM_FILTER_VALUE,\n operator = this.categoryLogicalOperator,\n emitEvent = true\n ) {\n if (token === undefined \|\| token === null) {\n return;\n }\n\n const newToken = token.trim();\n\n if (newToken === '') {\n return;\n }\n\n if (this.hasToken(newToken)) {\n return;\n }\n\n const pair = { id: category, value: newToken, operator };\n this.filterTokens = [...this.filterTokens, pair];\n if (this.textInput?.current) {\n this.textInput.current.value = '';\n }\n this.inputValue = '';\n this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n\n if (this.category !== '') {\n this.category = '';\n }\n\n this.isScrollStateDirty = true;\n\n this.textInput?.current?.focus();\n\n if (emitEvent) {\n this.emitFilterEvent();\n }\n }\n\n private removeToken(index: number) {\n this.filterTokens = this.filterTokens.filter((_, i) => i !== index);\n this.emitFilterEvent();\n }\n\n private getCategoryIds() {\n const ids = [];\n for (const id in this.categories) {\n if (Object.prototype.hasOwnProperty.call(this.categories, id)) {\n ids.push(id);\n }\n }\n\n return ids;\n }\n\n private selectCategory(category: string) {\n this.category = category;\n if (this.textInput?.current) {\n this.textInput.current.value = '';\n }\n this.inputValue = '';\n this.textInput?.current?.focus();\n this.categoryChanged.emit(category);\n }\n\n private resetFilter(e: Event) {\n const { defaultPrevented } = this.filterCleared.emit();\n\n if (defaultPrevented) {\n return;\n }\n\n e.stopPropagation();\n this.closeDropdown();\n this.filterTokens = [];\n if (this.category) {\n this.category = '';\n this.categoryChanged.emit(undefined);\n }\n\n this.emitFilterEvent();\n }\n\n private filterMultiples(value: string) {\n if (this.repeatCategories) {\n return true;\n }\n\n const isCategoryAlreadySet = this.filterTokens.find(\n (token) => token.id === value\n );\n\n return !isCategoryAlreadySet;\n }\n\n private hasToken(token: string) {\n return this.filterTokens.some((filterToken) => {\n const hasSameValue = filterToken.value === token;\n\n if (!hasSameValue) {\n return false;\n }\n\n if (this.category !== '') {\n return this.category === filterToken.id;\n }\n\n if (filterToken.id) {\n return filterToken.id === this.ID_CUSTOM_FILTER_VALUE;\n }\n\n return hasSameValue;\n });\n }\n\n private filterDuplicateTokens(value: string) {\n return !this.hasToken(value);\n }\n\n private filterByInput(value: string) {\n if (this.inputValue === undefined \|\| this.inputValue === '') {\n return true;\n }\n\n return value.toLowerCase().indexOf(this.inputValue.toLowerCase()) !== -1;\n }\n\n private toggleCategoryOperator() {\n switch (this.categoryLogicalOperator) {\n case LogicalFilterOperator.EQUAL:\n this.categoryLogicalOperator = LogicalFilterOperator.NOT_EQUAL;\n break;\n\n case LogicalFilterOperator.NOT_EQUAL:\n this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;\n break;\n }\n }\n\n private getFilterChipLabel(value: {\n id: string;\n value: string;\n operator: LogicalFilterOperator;\n }): string {\n if (value.id === this.ID_CUSTOM_FILTER_VALUE) {\n return value.value;\n }\n\n const operatorString =\n value.operator === LogicalFilterOperator.EQUAL ? '=' : '!=';\n const label =\n this.categories?.[value.id]?.label ??\n this.nonSelectableCategories?.[value.id] ??\n value.id;\n\n return `${label} ${operatorString} ${value.value}`;\n }\n\n private getFilteredSuggestions() {\n if (!this.suggestions?.length) {\n return [];\n }\n\n return this.suggestions\n ?.filter((value) => this.filterByInput(value))\n .filter((value) => this.filterDuplicateTokens(value));\n }\n\n private hasCategorySelection() {\n return this.categories !== undefined;\n }\n\n private renderPlainSuggestions() {\n return (\n <div class=\"dropdown-item-container\">\n {this.getFilteredSuggestions().map((suggestion) => (\n <button\n class=\"dropdown-item\"\n data-id={suggestion}\n onClick={() => this.addToken(suggestion)}\n key={suggestion}\n title={suggestion}\n >\n {suggestion}\n </button>\n ))}\n </div>\n );\n }\n\n private renderOperatorButton() {\n if (this.staticOperator) {\n return '';\n }\n\n const params: BaseButtonProps = {\n type: 'button',\n variant: 'secondary',\n outline: false,\n ghost: true,\n iconOnly: true,\n iconOval: false,\n selected: false,\n disabled: this.disabled \|\| this.staticOperator !== undefined,\n loading: false,\n icon: '',\n onClick: (e: Event) => {\n e.stopPropagation();\n this.toggleCategoryOperator();\n },\n extraClasses: {\n 'btn-icon-32': true,\n 'btn-toggle-operator': true,\n },\n };\n\n return (\n <BaseButton {...params}>\n {this.categoryLogicalOperator === LogicalFilterOperator.NOT_EQUAL\n ? '='\n : '!='}\n </BaseButton>\n );\n }\n\n private getFilterOperatorString() {\n let operator: LogicalFilterOperator;\n if (this.staticOperator !== undefined) {\n operator = this.staticOperator;\n } else {\n operator = this.categoryLogicalOperator;\n }\n return `${operator === LogicalFilterOperator.EQUAL ? '=' : '!='} `;\n }\n\n private renderCategoryValues() {\n if (this.categories === undefined) {\n return;\n }\n\n return (\n <div class=\"dropdown-item-container\">\n {this.renderOperatorButton()}\n <div class=\"dropdown-header\">\n {this.categories[this.category]?.label}\n </div>\n {this.categories[this.category]?.options\n .filter((value) => this.filterByInput(value))\n .filter((value) => this.filterDuplicateTokens(value))\n .map((id) => (\n <button\n class=\"dropdown-item category-item-value\"\n data-id={id}\n title={id}\n key={id}\n onClick={(e) => {\n e.preventDefault();\n this.addToken(id, this.category);\n }}\n >\n {`${this.getFilterOperatorString()} ${id}`}\n </button>\n ))}\n </div>\n );\n }\n\n private renderDropdownContent() {\n if (this.hasCategorySelection()) {\n if (this.category !== '') {\n return this.renderCategoryValues();\n } else {\n return this.renderCategorySelection();\n }\n } else return this.renderPlainSuggestions();\n }\n\n private renderCategorySelection() {\n return (\n <div class=\"dropdown-item-container\">\n {this.getCategoryIds()\n ?.filter(\n (id) =>\n this.categories && this.filterByInput(this.categories[id].label)\n )\n .filter((id) => this.filterMultiples(id))\n .map((id) => (\n <button\n class=\"dropdown-item category-item category-item-id\"\n data-id={id}\n title={this.categories?.[id]?.label}\n key={id}\n onClick={(e) => {\n e.preventDefault();\n this.selectCategory(id);\n }}\n tabindex=\"0\"\n >\n {this.categories?.[id]?.label}\n </button>\n ))}\n </div>\n );\n }\n\n private getDropdownHeader() {\n if (this.categories !== undefined) {\n if (this.category !== '') {\n return undefined;\n } else {\n return this.labelCategories;\n }\n }\n\n return this.i18nPlainText;\n }\n\n componentDidRender() {\n if (this.isScrollStateDirty) {\n if (!this.tmpDisableScrollIntoView) {\n this.textInput?.current?.scrollIntoView();\n }\n this.isScrollStateDirty = false;\n }\n }\n\n disconnectedCallback() {\n if (this.preventDefaultListener) {\n this.preventDefaultListener();\n }\n if (this.formKeyDownListener) {\n this.formKeyDownListener();\n }\n if (this.inputKeyDownListener) {\n this.inputKeyDownListener?.();\n }\n if (this.focusInListener) {\n this.focusInListener();\n }\n if (this.focusOutListener) {\n this.focusOutListener();\n }\n if (this.inputListener) {\n this.inputListener();\n }\n }\n\n private getResetButton() {\n return (\n <ix-icon-button\n onClick={(e) => this.resetFilter(e)}\n class={{\n 'reset-button': true,\n 'hide-reset-button':\n !this.filterTokens.length && this.category === '',\n }}\n ghost\n oval\n icon={iconClear}\n size=\"16\"\n ></ix-icon-button>\n );\n }\n\n private getIconColor() {\n if (this.disabled) {\n return 'color-componentn-1';\n }\n\n if (this.readonly) {\n return 'color-std-txt';\n }\n\n return 'color-primary';\n }\n\n render() {\n return (\n <Host>\n <form ref={(el) => (this.formElement = el)}>\n <div\n read-only={this.readonly}\n class={{\n 'input-container': true,\n disabled: this.disabled,\n focus: this.hasFocus,\n readonly: this.readonly,\n 'no-icon': this.hideIcon,\n }}\n >\n <ix-icon\n color={this.getIconColor()}\n class={{ 'display-none': this.hideIcon }}\n name={this.icon ?? iconSearch}\n size=\"16\"\n ></ix-icon>\n <div class=\"token-container\">\n <div class=\"list-unstyled\">\n {this.filterTokens.map((value, index) => (\n <span\n key={value.toString()}\n class={{\n animate__animated: true,\n animate__fadein: true,\n }}\n >\n <ix-filter-chip\n disabled={this.disabled}\n readonly={this.readonly}\n onClick={(e) => e.stopPropagation()}\n onCloseClick={() => this.removeToken(index)}\n >\n {this.getFilterChipLabel(value)}\n </ix-filter-chip>\n </span>\n ))}\n {this.categories === undefined ? (\n ''\n ) : (\n <span\n class={{\n 'category-preview': true,\n 'display-none': this.category === '',\n }}\n >\n {this.categories[this.category]?.label}\n </span>\n )}\n <input\n class={{\n 'text-input': true,\n 'hide-placeholder':\n this.readonly \|\| this.disabled \|\| this.category !== '',\n }}\n autocomplete=\"off\"\n name=\"category-filter-input\"\n disabled={this.disabled}\n readonly={this.readonly}\n ref={this.textInput}\n type=\"text\"\n placeholder={this.placeholder}\n {...this.a11yAttributes}\n ></input>\n </div>\n </div>\n {!this.readonly && !this.disabled && this.getResetButton()}\n </div>\n </form>\n\n {this.disabled \|\| this.readonly ? (\n ''\n ) : (\n <ix-dropdown\n show={this.showDropdown}\n closeBehavior=\"outside\"\n offset={{ mainAxis: 2 }}\n anchor={this.textInput?.waitForCurrent()}\n trigger={this.hostElement}\n header={this.getDropdownHeader()}\n >\n {this.renderDropdownContent()}\n </ix-dropdown>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-1d28d516.entry.js → p-8e5ac73d.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as a,h as t,H as i,g as o}from"./p-BNpBEtDH.js";import{a as n}from"./p-Ou74PMQs.js";import{u as r,A as s}from"./p--2LOMK-5.js";import{v as d}from"./p-CrTP-icT.js";import"./p-BdCnOrqW.js";const c=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .map-nav{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}:host .map-nav-sidebar{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}:host .map-nav-sidebar.display-none{display:none}:host .map-nav-sidebar-content{align-items:center;position:relative;overflow:auto;height:100%;width:100%}:host .map-nav-sidebar-content .map-nav-sidebar-static-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}:host .map-nav-header{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}:host .map-nav-header .map-nav-header-brand{background-color:var(--theme-map-navigation-background);padding-left:1rem;padding-right:1rem;padding-bottom:0.625rem;height:100%;width:100%;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}:host .map-nav-header .map-nav-header-brand button{margin-left:1rem}:host .map-nav-header-content{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}:host .map-nav-header-content.empty{height:0}:host .map-nav-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}:host .content{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}:host ::slotted(ix-menu){position:absolute}";const l=class{constructor(t){e(this,t);this.navigationToggled=a(this,"navigationToggled",7);this.contextMenuClick=a(this,"contextMenuClick",7);this.hideContextMenu=true;this.isSidebarOpen=true;this.hasContentHeader=false}get menu(){return this.hostElement.querySelector("ix-menu")}get menuOverlay(){return this.hostElement.querySelector("ix-menu-overlay")}get mapNavMenu(){return this.hostElement.shadowRoot.querySelector(".map-nav-menu")}get sidebar(){return this.hostElement.shadowRoot.querySelector(".map-nav-sidebar")}get overlay(){return this.hostElement.shadowRoot.querySelector("#overlay")}componentDidRender(){this.appendMenu();this.closeOverlay()}componentWillLoad(){r(this.hostElement,s,{hideHeader:false,host:"map-navigation"})}appendMenu(){this.menu.addEventListener("mapExpandChange",(e=>{const a=!e.detail;this.toggleSidebar(a)}));this.menu.enableMapExpand=true}async toggleSidebar(e){if(e!==undefined){this.isSidebarOpen=e}else{this.isSidebarOpen=!this.isSidebarOpen}if(this.isSidebarOpen){this.openSidebar()}else{this.closeSidebar()}this.navigationToggled.emit(this.isSidebarOpen);this.menu.toggleMapExpand(this.isSidebarOpen)}closeSidebar(){n({targets:this.sidebar,duration:l.defaultTime,marginLeft:[0,"-29.75rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.sidebar.classList.add("display-none")}})}openSidebar(){n({targets:this.sidebar,duration:l.defaultTime,marginLeft:["-29.75rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.sidebar.classList.remove("display-none")}})}async openOverlay(e,a,t,i){n({targets:this.overlay,duration:l.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.overlay.classList.remove("display-none")}});const o=document.createElement("ix-map-navigation-overlay");o.setAttribute("color",i!==null&&i!==void 0?i:"");o.setAttribute("name",e);o.setAttribute("icon",t!==null&&t!==void 0?t:"");o.setAttribute("slot","overlay");o.addEventListener("closeClick",(()=>this.closeOverlay()));o.appendChild(a);this.hostElement.appendChild(o)}async closeOverlay(){n({targets:this.overlay,duration:l.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{var e;if(!this.overlay){return}(e=this.overlay.firstChild)===null||e===void 0?void 0:e.remove();this.overlay.classList.add("display-none")}})}checkHasContentHeader(e){const a=e.currentTarget.assignedNodes({flatten:true});this.hasContentHeader=(a===null||a===void 0?void 0:a.length)!==0}render(){return t(i,{key:"86b303027d0bc3436690ab9a53be5f929a3e98c0"},t("slot",{key:"76fd7b86f876de37b7f82d4f3c4fc3d1c2772cb9",name:"menu"}),t("div",{key:"bce1a6bec7505a6f5616fdda27f7c4b5eec97d34",class:"map-nav"},t("div",{key:"c4a57979251db5730c8e236313daea06d21aad60",class:"map-nav-sidebar"},t("div",{key:"5951cd2e9a57b02e5ed024051511f1b8535b2a67",class:"map-nav-header"},t("ix-application-header",{key:"f2a18de8a2ed086b0872d69470431276dad54190",name:this.applicationName,class:"map-nav-header-brand"},t("slot",{key:"c2d62404affd9a3b0bc0ae19858d7a2deb2f2a21",slot:"logo",name:"logo"}))),t("div",{key:"f3fdec6225aefa7576d18937e4af6266c4ff5cb4",class:"map-nav-sidebar-content"},t("div",{key:"a79157817ca415b33e5d0b3d19921ddf06195032",class:"map-nav-sidebar-static-content"},t("div",{key:"214b4a053bac581586ac2e31fd81c6b830aace41",class:"map-nav-title"},this.navigationTitle),this.hideContextMenu?"":t("ix-icon-button",{icon:d,ghost:true,size:"24",variant:"secondary",onClick:e=>this.contextMenuClick.emit()})),t("div",{key:"a5c3ffcfc3ac1bab6e348bb86f90269d0772741c",class:"map-nav-sidebar-user-content"},t("slot",{key:"7e4db742cf074e15353294fe550e4173232f6f65",name:"sidebar-content"})))),t("div",{key:"4b1ac28c5296879b2bd5150262d0950c4fa38bd6",class:"content"},t("div",{key:"f137a4a85c8eabd754b069ca85164fc86ac11405",class:{"map-nav-header-content":true,"bg-2":true,empty:!this.hasContentHeader}},t("slot",{key:"968a6f87d40d5f89b273065a020da8e09614c0ac",name:"content-header",onSlotchange:e=>this.checkHasContentHeader(e)})),t("main",{key:"2a5a269b7f9677f897fe6c81374e963dbc79c7d6"},t("slot",{key:"b91df811ab59da3a93d27c351cf7a5c50ca44f7f"}),t("slot",{key:"30973907e9335d11781d2cfaac17f6c5d3092aed",name:"overlay"})))))}get hostElement(){return o(this)}};l.defaultTime=150;l.slowTime=500;l.style=c;export{l as ix_map_navigation};
-//# sourceMappingURL=p-1d28d516.entry.js.map
+import{r as e,c as a,h as t,H as i,g as o}from"./p-BNpBEtDH.js";import{a as n}from"./p-Ou74PMQs.js";import{u as r,A as s}from"./p--2LOMK-5.js";import{v as d}from"./p-v48bcPT9.js";import"./p-BdCnOrqW.js";const c=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .map-nav{display:flex;margin-left:3.25rem;position:relative;height:100%;flex-grow:1;overflow:hidden}:host .map-nav-sidebar{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}:host .map-nav-sidebar.display-none{display:none}:host .map-nav-sidebar-content{align-items:center;position:relative;overflow:auto;height:100%;width:100%}:host .map-nav-sidebar-content .map-nav-sidebar-static-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}:host .map-nav-header{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}:host .map-nav-header .map-nav-header-brand{background-color:var(--theme-map-navigation-background);padding-left:1rem;padding-right:1rem;padding-bottom:0.625rem;height:100%;width:100%;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}:host .map-nav-header .map-nav-header-brand button{margin-left:1rem}:host .map-nav-header-content{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}:host .map-nav-header-content.empty{height:0}:host .map-nav-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}:host .content{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}:host ::slotted(ix-menu){position:absolute}";const l=class{constructor(t){e(this,t);this.navigationToggled=a(this,"navigationToggled",7);this.contextMenuClick=a(this,"contextMenuClick",7);this.hideContextMenu=true;this.isSidebarOpen=true;this.hasContentHeader=false}get menu(){return this.hostElement.querySelector("ix-menu")}get menuOverlay(){return this.hostElement.querySelector("ix-menu-overlay")}get mapNavMenu(){return this.hostElement.shadowRoot.querySelector(".map-nav-menu")}get sidebar(){return this.hostElement.shadowRoot.querySelector(".map-nav-sidebar")}get overlay(){return this.hostElement.shadowRoot.querySelector("#overlay")}componentDidRender(){this.appendMenu();this.closeOverlay()}componentWillLoad(){r(this.hostElement,s,{hideHeader:false,host:"map-navigation"})}appendMenu(){this.menu.addEventListener("mapExpandChange",(e=>{const a=!e.detail;this.toggleSidebar(a)}));this.menu.enableMapExpand=true}async toggleSidebar(e){if(e!==undefined){this.isSidebarOpen=e}else{this.isSidebarOpen=!this.isSidebarOpen}if(this.isSidebarOpen){this.openSidebar()}else{this.closeSidebar()}this.navigationToggled.emit(this.isSidebarOpen);this.menu.toggleMapExpand(this.isSidebarOpen)}closeSidebar(){n({targets:this.sidebar,duration:l.defaultTime,marginLeft:[0,"-29.75rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.sidebar.classList.add("display-none")}})}openSidebar(){n({targets:this.sidebar,duration:l.defaultTime,marginLeft:["-29.75rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.sidebar.classList.remove("display-none")}})}async openOverlay(e,a,t,i){n({targets:this.overlay,duration:l.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.overlay.classList.remove("display-none")}});const o=document.createElement("ix-map-navigation-overlay");o.setAttribute("color",i!==null&&i!==void 0?i:"");o.setAttribute("name",e);o.setAttribute("icon",t!==null&&t!==void 0?t:"");o.setAttribute("slot","overlay");o.addEventListener("closeClick",(()=>this.closeOverlay()));o.appendChild(a);this.hostElement.appendChild(o)}async closeOverlay(){n({targets:this.overlay,duration:l.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{var e;if(!this.overlay){return}(e=this.overlay.firstChild)===null||e===void 0?void 0:e.remove();this.overlay.classList.add("display-none")}})}checkHasContentHeader(e){const a=e.currentTarget.assignedNodes({flatten:true});this.hasContentHeader=(a===null||a===void 0?void 0:a.length)!==0}render(){return t(i,{key:"86b303027d0bc3436690ab9a53be5f929a3e98c0"},t("slot",{key:"76fd7b86f876de37b7f82d4f3c4fc3d1c2772cb9",name:"menu"}),t("div",{key:"bce1a6bec7505a6f5616fdda27f7c4b5eec97d34",class:"map-nav"},t("div",{key:"c4a57979251db5730c8e236313daea06d21aad60",class:"map-nav-sidebar"},t("div",{key:"5951cd2e9a57b02e5ed024051511f1b8535b2a67",class:"map-nav-header"},t("ix-application-header",{key:"f2a18de8a2ed086b0872d69470431276dad54190",name:this.applicationName,class:"map-nav-header-brand"},t("slot",{key:"c2d62404affd9a3b0bc0ae19858d7a2deb2f2a21",slot:"logo",name:"logo"}))),t("div",{key:"f3fdec6225aefa7576d18937e4af6266c4ff5cb4",class:"map-nav-sidebar-content"},t("div",{key:"a79157817ca415b33e5d0b3d19921ddf06195032",class:"map-nav-sidebar-static-content"},t("div",{key:"214b4a053bac581586ac2e31fd81c6b830aace41",class:"map-nav-title"},this.navigationTitle),this.hideContextMenu?"":t("ix-icon-button",{icon:d,ghost:true,size:"24",variant:"secondary",onClick:e=>this.contextMenuClick.emit()})),t("div",{key:"a5c3ffcfc3ac1bab6e348bb86f90269d0772741c",class:"map-nav-sidebar-user-content"},t("slot",{key:"7e4db742cf074e15353294fe550e4173232f6f65",name:"sidebar-content"})))),t("div",{key:"4b1ac28c5296879b2bd5150262d0950c4fa38bd6",class:"content"},t("div",{key:"f137a4a85c8eabd754b069ca85164fc86ac11405",class:{"map-nav-header-content":true,"bg-2":true,empty:!this.hasContentHeader}},t("slot",{key:"968a6f87d40d5f89b273065a020da8e09614c0ac",name:"content-header",onSlotchange:e=>this.checkHasContentHeader(e)})),t("main",{key:"2a5a269b7f9677f897fe6c81374e963dbc79c7d6"},t("slot",{key:"b91df811ab59da3a93d27c351cf7a5c50ca44f7f"}),t("slot",{key:"30973907e9335d11781d2cfaac17f6c5d3092aed",name:"overlay"})))))}get hostElement(){return o(this)}};l.defaultTime=150;l.slowTime=500;l.style=c;export{l as ix_map_navigation};
+//# sourceMappingURL=p-8e5ac73d.entry.js.map

package/dist/siemens-ix/{p-8c24d360.entry.js → p-8eba36e2.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,H as r}from"./p-BNpBEtDH.js";import{r as s}from"./p-CrTP-icT.js";const a=":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .tree-node-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(:disabled):not(.selected).hover),:host(:not(.disabled):not(:disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(:disabled):not(.selected).active),:host(:not(.disabled):not(:disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}";const i=class{constructor(o){e(this,o);this.toggle=t(this,"toggle",7);this.itemClick=t(this,"itemClick",7);this.hasChildren=false}render(){var e,t,a;return o(r,{key:"bb6da9e7cfe6133c51d8aa4a6eebfb8e7fdb68b2",class:{selected:!!((e=this.context)===null||e===void 0?void 0:e.isSelected)}},o("div",{key:"fe3053f50feb3a1f00c3bcefb5a1c5c78909b1aa",class:"icon-toggle-container"},this.hasChildren?o("ix-icon",{name:s,size:"16",class:{["icon-toggle-down"]:!!((t=this.context)===null||t===void 0?void 0:t.isExpanded)},color:`color-${((a=this.context)===null||a===void 0?void 0:a.isExpanded)?"primary":"std-text"}`,onClick:e=>{e.preventDefault();e.stopPropagation();this.toggle.emit()}}):null),o("div",{key:"96bf8b81859c8292195f4418598057c0371259f9",class:"tree-node-container",onClick:()=>{this.itemClick.emit()}},o("div",{key:"bfd399d7d167978c6e4781fb1394957b48bf85b6",class:"tree-node-text"},this.text),o("slot",{key:"df8688241a7fa8ae7046313e779e3937640ccdde"})))}};i.style=a;export{i as ix_tree_item};
-//# sourceMappingURL=p-8c24d360.entry.js.map
+import{r as e,c as t,h as o,H as r}from"./p-BNpBEtDH.js";import{r as s}from"./p-v48bcPT9.js";const a=":host{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .tree-node-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}:host .tree-node-container .tree-node-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .icon-toggle-container{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;min-width:2rem}:host .icon-toggle-container ix-icon{transition:transform var(--theme-default-time) ease-in-out}:host .icon-toggle-container ix-icon.icon-toggle-down{transform:rotate(90deg)}:host(:not(.disabled):not(:disabled):not(.selected).hover),:host(:not(.disabled):not(:disabled):not(.selected):hover){background-color:var(--theme-tree-item--background--hover)}:host(:not(.disabled):not(:disabled):not(.selected).active),:host(:not(.disabled):not(:disabled):not(.selected):active){background-color:var(--theme-tree-item--background--active)}:host(.selected){background-color:var(--theme-tree-item--background--selected)}:host(.selected.hover),:host(.selected:hover){background-color:var(--theme-tree-item--background--selected-hover)}:host(.selected.active),:host(.selected:active){background-color:var(--theme-tree-item--background--selected-active)}";const c=class{constructor(o){e(this,o);this.toggle=t(this,"toggle",7);this.itemClick=t(this,"itemClick",7);this.hasChildren=false}render(){var e,t,a;return o(r,{key:"bb6da9e7cfe6133c51d8aa4a6eebfb8e7fdb68b2",class:{selected:!!((e=this.context)===null||e===void 0?void 0:e.isSelected)}},o("div",{key:"fe3053f50feb3a1f00c3bcefb5a1c5c78909b1aa",class:"icon-toggle-container"},this.hasChildren?o("ix-icon",{name:s,size:"16",class:{["icon-toggle-down"]:!!((t=this.context)===null||t===void 0?void 0:t.isExpanded)},color:`color-${((a=this.context)===null||a===void 0?void 0:a.isExpanded)?"primary":"std-text"}`,onClick:e=>{e.preventDefault();e.stopPropagation();this.toggle.emit()}}):null),o("div",{key:"96bf8b81859c8292195f4418598057c0371259f9",class:"tree-node-container",onClick:()=>{this.itemClick.emit()}},o("div",{key:"bfd399d7d167978c6e4781fb1394957b48bf85b6",class:"tree-node-text"},this.text),o("slot",{key:"df8688241a7fa8ae7046313e779e3937640ccdde"})))}};c.style=a;export{c as ix_tree_item};
+//# sourceMappingURL=p-8eba36e2.entry.js.map

package/dist/siemens-ix/{p-44670707.entry.js → p-9bd19df7.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as r,h as o,H as i,g as s}from"./p-BNpBEtDH.js";import{v as e}from"./p-CrTP-icT.js";const b=".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{display:inline-block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .btn-group{position:relative;display:inline-flex;vertical-align:middle;width:100%}:host .btn-group>ix-button:nth-child(1){width:calc(100% - 2rem)}:host .btn-group>ix-button:nth-child(2){width:2rem}:host .middle-gap{gap:0.125rem}:host .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem}";const a=class{constructor(o){t(this,o);this.buttonClick=r(this,"buttonClick",7);this.variant="primary";this.closeBehavior="both";this.outline=false;this.ghost=false;this.disabled=false;this.placement="bottom-start";this.toggle=false}linkTriggerRef(){if(this.triggerElement&&this.dropdownElement){this.dropdownElement.trigger=this.triggerElement}}componentDidLoad(){this.linkTriggerRef()}render(){var t;const r={variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled,class:{"left-button-border":!this.outline}};return o(i,{key:"68777b9c2c7df983d65ae32bbd622367a477a31a"},o("div",{key:"e8c152f8de7ae7fe63a7941261472a69863c6cb9",class:{"btn-group":true,"middle-gap":!this.outline}},this.label?o("ix-button",Object.assign({},r,{icon:this.icon,onClick:t=>this.buttonClick.emit(t)}),this.label):o("ix-icon-button",Object.assign({},r,{icon:this.icon,onClick:t=>this.buttonClick.emit(t)})),o("ix-icon-button",Object.assign({key:"b2ffc7c55a1a1b8a616eaca91ba84df82e9b1a40"},r,{ref:t=>this.triggerElement=t,class:"anchor",icon:(t=this.splitIcon)!==null&&t!==void 0?t:e}))),o("ix-dropdown",{key:"a8f812ac00d24a27afff24674dbcc9f9b78b21bd",ref:t=>this.dropdownElement=t,closeBehavior:this.closeBehavior},o("slot",{key:"29a0b0498632d3df0c93555df6c59906452a25fa"})))}get hostElement(){return s(this)}};a.style=b;export{a as ix_split_button};
-//# sourceMappingURL=p-44670707.entry.js.map
+import{r as t,c as r,h as o,H as i,g as s}from"./p-BNpBEtDH.js";import{v as e}from"./p-v48bcPT9.js";const b=".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{display:inline-block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .btn-group{position:relative;display:inline-flex;vertical-align:middle;width:100%}:host .btn-group>ix-button:nth-child(1){width:calc(100% - 2rem)}:host .btn-group>ix-button:nth-child(2){width:2rem}:host .middle-gap{gap:0.125rem}:host .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem}";const a=class{constructor(o){t(this,o);this.buttonClick=r(this,"buttonClick",7);this.variant="primary";this.closeBehavior="both";this.outline=false;this.ghost=false;this.disabled=false;this.placement="bottom-start";this.toggle=false}linkTriggerRef(){if(this.triggerElement&&this.dropdownElement){this.dropdownElement.trigger=this.triggerElement}}componentDidLoad(){this.linkTriggerRef()}render(){var t;const r={variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled,class:{"left-button-border":!this.outline}};return o(i,{key:"68777b9c2c7df983d65ae32bbd622367a477a31a"},o("div",{key:"e8c152f8de7ae7fe63a7941261472a69863c6cb9",class:{"btn-group":true,"middle-gap":!this.outline}},this.label?o("ix-button",Object.assign({},r,{icon:this.icon,onClick:t=>this.buttonClick.emit(t)}),this.label):o("ix-icon-button",Object.assign({},r,{icon:this.icon,onClick:t=>this.buttonClick.emit(t)})),o("ix-icon-button",Object.assign({key:"b2ffc7c55a1a1b8a616eaca91ba84df82e9b1a40"},r,{ref:t=>this.triggerElement=t,class:"anchor",icon:(t=this.splitIcon)!==null&&t!==void 0?t:e}))),o("ix-dropdown",{key:"a8f812ac00d24a27afff24674dbcc9f9b78b21bd",ref:t=>this.dropdownElement=t,closeBehavior:this.closeBehavior},o("slot",{key:"29a0b0498632d3df0c93555df6c59906452a25fa"})))}get hostElement(){return s(this)}};a.style=b;export{a as ix_split_button};
+//# sourceMappingURL=p-9bd19df7.entry.js.map

package/dist/siemens-ix/{p-CFHLJNAe.js → p-BhiPH59d.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{h as t}from"./p-BNpBEtDH.js";import{i,a as e,b as n,c as o}from"./p-CrTP-icT.js";function a({invalidText:t,warningText:i,infoText:e,validText:n,helperText:o}){return t||i||e||n||o}function s({isInvalid:a,invalidText:s,isWarning:r,warningText:x,isInfo:l,infoText:c,isValid:d,validText:p,helperText:f}){if(a&&s!==undefined){return t("ix-typography",{textColor:"alarm",class:"bottom-text"},t("ix-icon",{class:"text-icon invalid",name:i,size:"16"}),s)}if(r&&x!==undefined){return t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon warning",name:e,size:"16"}),x)}if(l&&c!==undefined){return t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon info",name:n,size:"16"}),c)}if(d&&p!==undefined){return t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon valid",name:o,size:"16"}),p)}return f&&t("ix-typography",{class:"bottom-text",textColor:"soft"},f)}export{a as h,s as r};
-//# sourceMappingURL=p-CFHLJNAe.js.map
+import{h as t}from"./p-BNpBEtDH.js";import{i,a as e,b as n,c as o}from"./p-v48bcPT9.js";function a({invalidText:t,warningText:i,infoText:e,validText:n,helperText:o}){return t||i||e||n||o}function s({isInvalid:a,invalidText:s,isWarning:r,warningText:x,isInfo:l,infoText:c,isValid:d,validText:p,helperText:f}){if(a&&s!==undefined){return t("ix-typography",{textColor:"alarm",class:"bottom-text"},t("ix-icon",{class:"text-icon invalid",name:i,size:"16"}),s)}if(r&&x!==undefined){return t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon warning",name:e,size:"16"}),x)}if(l&&c!==undefined){return t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon info",name:n,size:"16"}),c)}if(d&&p!==undefined){return t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{class:"text-icon valid",name:o,size:"16"}),p)}return f&&t("ix-typography",{class:"bottom-text",textColor:"soft"},f)}export{a as h,s as r};
+//# sourceMappingURL=p-BhiPH59d.js.map

package/dist/siemens-ix/{p-CFHLJNAe.js.map → p-BhiPH59d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~CFHLJNAe~~.js","sources":["src/components/field-wrapper/helper-text-util.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\nimport {\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\nexport function hasAnyText({\n invalidText,\n warningText,\n infoText,\n validText,\n helperText,\n}: {\n invalidText?: string;\n warningText?: string;\n infoText?: string;\n validText?: string;\n helperText?: string;\n}) {\n return invalidText \|\| warningText \|\| infoText \|\| validText \|\| helperText;\n}\n\nexport function renderHelperText({\n isInvalid,\n invalidText,\n isWarning,\n warningText,\n isInfo,\n infoText,\n isValid,\n validText,\n helperText,\n}: {\n isInvalid: boolean;\n invalidText?: string;\n isWarning: boolean;\n warningText?: string;\n isInfo: boolean;\n infoText?: string;\n isValid: boolean;\n validText?: string;\n helperText?: string;\n}) {\n if (isInvalid && invalidText !== undefined) {\n return (\n <ix-typography textColor=\"alarm\" class=\"bottom-text\">\n <ix-icon class=\"text-icon invalid\" name={iconError} size=\"16\"></ix-icon>\n\n {invalidText}\n </ix-typography>\n );\n }\n\n if (isWarning && warningText !== undefined) {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon\n class=\"text-icon warning\"\n name={iconWarning}\n size=\"16\"\n ></ix-icon>\n {warningText}\n </ix-typography>\n );\n }\n\n if (isInfo && infoText !== undefined) {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon class=\"text-icon info\" name={iconInfo} size=\"16\"></ix-icon>\n {infoText}\n </ix-typography>\n );\n }\n\n if (isValid && validText !== undefined) {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon class=\"text-icon valid\" name={iconSuccess} size=\"16\"></ix-icon>\n {validText}\n </ix-typography>\n );\n }\n\n return (\n helperText && (\n <ix-typography class=\"bottom-text\" textColor=\"soft\">\n {helperText}\n </ix-typography>\n )\n );\n}\n"],"names":[],"mappings":";;;AAAA;;;;;;;AAOG;AASa,SAAA,UAAU,CAAC,EACzB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,GAOX,EAAA;IACC,OAAO,WAAW,IAAI,WAAW,IAAI,QAAQ,IAAI,SAAS,IAAI,UAAU;AAC1E;AAEM,SAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,GAWX,EAAA;AACC,IAAA,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;QAC1C,QACE,qBAAe,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,EAAA;YAClD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA;YAEvE,WAAW,CACE;;AAIpB,IAAA,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;QAC1C,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA;YAChD,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,IAAI,EACA,CAAA;YACV,WAAW,CACE;;AAIpB,IAAA,IAAI,MAAM,IAAI,QAAQ,KAAK,SAAS,EAAE;QACpC,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA;YAChD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA;YACnE,QAAQ,CACK;;AAIpB,IAAA,IAAI,OAAO,IAAI,SAAS,KAAK,SAAS,EAAE;QACtC,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA;YAChD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA;YACvE,SAAS,CACI;;AAIpB,IAAA,QACE,UAAU,KACR,CAAA,CAAA,eAAA,EAAA,EAAe,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,EAAA,EAChD,UAAU,CACG,CACjB;AAEL;;;;"}
1	+ {"version":3,"file":"p-BhiPH59d.js","sources":["src/components/field-wrapper/helper-text-util.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\nimport {\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\nexport function hasAnyText({\n invalidText,\n warningText,\n infoText,\n validText,\n helperText,\n}: {\n invalidText?: string;\n warningText?: string;\n infoText?: string;\n validText?: string;\n helperText?: string;\n}) {\n return invalidText \|\| warningText \|\| infoText \|\| validText \|\| helperText;\n}\n\nexport function renderHelperText({\n isInvalid,\n invalidText,\n isWarning,\n warningText,\n isInfo,\n infoText,\n isValid,\n validText,\n helperText,\n}: {\n isInvalid: boolean;\n invalidText?: string;\n isWarning: boolean;\n warningText?: string;\n isInfo: boolean;\n infoText?: string;\n isValid: boolean;\n validText?: string;\n helperText?: string;\n}) {\n if (isInvalid && invalidText !== undefined) {\n return (\n <ix-typography textColor=\"alarm\" class=\"bottom-text\">\n <ix-icon class=\"text-icon invalid\" name={iconError} size=\"16\"></ix-icon>\n\n {invalidText}\n </ix-typography>\n );\n }\n\n if (isWarning && warningText !== undefined) {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon\n class=\"text-icon warning\"\n name={iconWarning}\n size=\"16\"\n ></ix-icon>\n {warningText}\n </ix-typography>\n );\n }\n\n if (isInfo && infoText !== undefined) {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon class=\"text-icon info\" name={iconInfo} size=\"16\"></ix-icon>\n {infoText}\n </ix-typography>\n );\n }\n\n if (isValid && validText !== undefined) {\n return (\n <ix-typography textColor=\"std\" class=\"bottom-text\">\n <ix-icon class=\"text-icon valid\" name={iconSuccess} size=\"16\"></ix-icon>\n {validText}\n </ix-typography>\n );\n }\n\n return (\n helperText && (\n <ix-typography class=\"bottom-text\" textColor=\"soft\">\n {helperText}\n </ix-typography>\n )\n );\n}\n"],"names":[],"mappings":";;;AAAA;;;;;;;AAOG;AASa,SAAA,UAAU,CAAC,EACzB,WAAW,EACX,WAAW,EACX,QAAQ,EACR,SAAS,EACT,UAAU,GAOX,EAAA;IACC,OAAO,WAAW,IAAI,WAAW,IAAI,QAAQ,IAAI,SAAS,IAAI,UAAU;AAC1E;AAEM,SAAU,gBAAgB,CAAC,EAC/B,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,MAAM,EACN,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,GAWX,EAAA;AACC,IAAA,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;QAC1C,QACE,qBAAe,SAAS,EAAC,OAAO,EAAC,KAAK,EAAC,aAAa,EAAA;YAClD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA;YAEvE,WAAW,CACE;;AAIpB,IAAA,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE;QAC1C,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA;YAChD,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,IAAI,EACA,CAAA;YACV,WAAW,CACE;;AAIpB,IAAA,IAAI,MAAM,IAAI,QAAQ,KAAK,SAAS,EAAE;QACpC,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA;YAChD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA;YACnE,QAAQ,CACK;;AAIpB,IAAA,IAAI,OAAO,IAAI,SAAS,KAAK,SAAS,EAAE;QACtC,QACE,qBAAe,SAAS,EAAC,KAAK,EAAC,KAAK,EAAC,aAAa,EAAA;YAChD,CAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA;YACvE,SAAS,CACI;;AAIpB,IAAA,QACE,UAAU,KACR,CAAA,CAAA,eAAA,EAAA,EAAe,KAAK,EAAC,aAAa,EAAC,SAAS,EAAC,MAAM,EAAA,EAChD,UAAU,CACG,CACjB;AAEL;;;;"}

package/dist/siemens-ix/p-C9vPes-N.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{b as e,a as t,i as o,c as a,P as n}from"./p-v48bcPT9.js";import{T as i}from"./p-BdCnOrqW.js";class s{async attachView(e,t){var o;const a=(o=t===null\|\|t===void 0?void 0:t.parentElement)!==null&&o!==void 0?o:document.body;a.appendChild(e);return e}async removeView(e){e.remove()}}const c=new s;let l=c;function r(e){l=e}const d=()=>l;const m=()=>c;function u(e,t){const o=t.ariaDescribedby;const a=t.ariaLabelledby;delete t["ariaDescribedby"];delete t["ariaLabelledby"];if(o){e.setAttribute("aria-describedby",o)}if(a){e.setAttribute("aria-labelledby",a)}}function f(e,t,o,a){let n=[];if(t!==undefined){n=[...n,{id:"cancel",text:t,type:"cancel",payload:a}]}return[...n,{id:"okay",text:e,type:"okay",payload:o}]}async function y(e){const t=new i;const o=document.createElement("ix-modal");const a=document.createElement("ix-modal-header");const n=document.createElement("ix-modal-content");const s=document.createElement("ix-modal-footer");u(o,e);Object.assign(a,e);Object.assign(n,e);Object.assign(s,e);a.innerText=e.messageTitle;n.innerText=e.message;e.actions.forEach((({id:e,text:t,type:a,payload:n})=>{const i=document.createElement("ix-button");i.innerText=t;s.appendChild(i);if(a==="okay"){i.variant="primary";i.addEventListener("click",(()=>o.closeModal({actionId:e,payload:n})));return}else if(a==="cancel"){i.variant="primary";i.outline=true;i.addEventListener("click",(()=>o.dismissModal({actionId:e,payload:n})));return}}));o.appendChild(a);o.appendChild(n);o.appendChild(s);const c=await m().attachView(o);c.addEventListener("dialogClose",(e=>{t.emit(e.detail);c.remove()}));c.addEventListener("dialogDismiss",(e=>{t.emit(e.detail);c.remove()}));u(c,e);Object.assign(c,e);c.showModal();return t}y.info=(t,o,a,n,i,s)=>y({message:o,messageTitle:t,icon:e,actions:f(a,n,i,s)});y.warning=(e,o,a,n,i,s)=>y({message:o,messageTitle:e,icon:t,iconColor:"color-warning",actions:f(a,n,i,s)});y.error=(e,t,a,n,i,s)=>y({message:t,messageTitle:e,icon:o,iconColor:"color-alarm",actions:f(a,n,i,s)});y.success=(e,t,o,n,i,s)=>y({message:t,messageTitle:e,icon:a,iconColor:"color-success",actions:f(o,n,i,s)});y.question=(e,t,o,a,i,s)=>y({message:t,messageTitle:e,icon:n,actions:f(o,a,i,s)});function b(e,t){const o=t.ariaDescribedby;const a=t.ariaLabelledby;delete t["ariaDescribedby"];delete t["ariaLabelledby"];if(o){e.setAttribute("aria-describedby",o)}if(a){e.setAttribute("aria-labelledby",a)}}function g(e){return e.closest("ix-modal")}function p(e,t){const o=g(e);if(o){o.closeModal(t);return}}function w(e,t){const o=g(e);if(o){o.dismissModal(t);return}}async function x(e){const t=d();let o;const a=new i;const n=new i;if(typeof e.content==="string"){const t=document.createElement("ix-modal");t.innerText=e.content;o=await m().attachView(t)}if(e.content instanceof HTMLElement&&e.content.tagName!=="IX-MODAL"){const t=document.createElement("ix-modal");t.appendChild(e.content);o=await m().attachView(t)}if(!o){o=await t.attachView(e.content)}b(o,e);Object.assign(o,e);await o.showModal();o.addEventListener("dialogClose",(async({detail:e})=>{a.emit(e);await t.removeView(o)}));o.addEventListener("dialogDismiss",(async({detail:e})=>{n.emit(e);await t.removeView(o)}));requestAnimationFrame((()=>{const e=o.querySelector("[autofocus],[auto-focus]");if(e){e.focus()}}));return{htmlElement:o,onClose:a,onDismiss:n}}export{d as a,y as b,p as c,w as d,m as g,r,x as s};
2	+ //# sourceMappingURL=p-C9vPes-N.js.map

package/dist/siemens-ix/p-C9vPes-N.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-C9vPes-N.js","sources":["src/components/utils/delegate.ts","src/components/utils/modal/message.ts","src/components/utils/modal/modal.ts"],"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\nexport type DelegateConfig = {\n parentElement?: Element;\n};\n\nexport interface FrameworkDelegate {\n attachView<R = HTMLElement>(view: any, config?: DelegateConfig): Promise<R>;\n removeView(view: any): Promise<void>;\n}\n\nclass DefaultFrameworkDelegate implements FrameworkDelegate {\n async attachView<R = HTMLElement>(\n view: any,\n config?: DelegateConfig\n ): Promise<R> {\n const attachToElement = config?.parentElement ?? document.body;\n attachToElement.appendChild(view);\n return view;\n }\n\n async removeView(view: any) {\n view.remove();\n }\n}\n\nconst coreDelegate = new DefaultFrameworkDelegate();\nlet currentDelegate: FrameworkDelegate = coreDelegate;\n\nexport function registerFrameworkDelegate(delegate: FrameworkDelegate) {\n currentDelegate = delegate;\n}\n\nexport const resolveDelegate = () => {\n return currentDelegate;\n};\n\nexport const getCoreDelegate = () => coreDelegate;\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 iconError,\n iconInfo,\n iconQuestion,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\nimport { getCoreDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\nimport { ModalConfig } from './modal';\n\nexport type MessageConfig<T> = Omit<\n ModalConfig<T, unknown>,\n 'content' | 'title'\n> &\n MessageContent;\n\nfunction setA11yAttributes(element: HTMLElement, config: MessageContent) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nfunction createConfirmButtons(\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) {\n let actions: MessageAction[] = [];\n\n if (textCancel !== undefined) {\n actions = [\n ...actions,\n {\n id: 'cancel',\n text: textCancel,\n type: 'cancel',\n payload: payloadCancel,\n } as MessageAction,\n ];\n }\n return [\n ...actions,\n {\n id: 'okay',\n text: textOkay,\n type: 'okay',\n payload: payloadOkay,\n } as MessageAction,\n ];\n}\n\nexport type MessageAction = {\n id: string;\n type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n text: string;\n payload?: any;\n};\n\nexport type MessageContent = {\n icon: string;\n iconColor?: string;\n messageTitle: string;\n message: string;\n actions: MessageAction[];\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageConfig<T>) {\n const onMessageAction = new TypedEvent<{\n actionId: string;\n payload: T;\n }>();\n const dialog = document.createElement('ix-modal');\n const header = document.createElement('ix-modal-header');\n const content = document.createElement('ix-modal-content');\n const footer = document.createElement('ix-modal-footer');\n\n setA11yAttributes(dialog, config);\n\n Object.assign(header, config);\n Object.assign(content, config);\n Object.assign(footer, config);\n\n header.innerText = config.messageTitle;\n content.innerText = config.message;\n\n config.actions.forEach(({ id, text, type, payload }) => {\n const button = document.createElement('ix-button');\n button.innerText = text;\n footer.appendChild(button);\n\n if (type === 'okay') {\n button.variant = 'primary';\n button.addEventListener('click', () =>\n dialog.closeModal({\n actionId: id,\n payload,\n })\n );\n return;\n } else if (type === 'cancel') {\n button.variant = 'primary';\n button.outline = true;\n button.addEventListener('click', () =>\n dialog.dismissModal({\n actionId: id,\n payload,\n })\n );\n return;\n }\n });\n\n dialog.appendChild(header);\n dialog.appendChild(content);\n dialog.appendChild(footer);\n\n const dialogRef =\n await getCoreDelegate().attachView<HTMLIxModalElement>(dialog);\n\n dialogRef.addEventListener(\n 'dialogClose',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n dialogRef.showModal();\n return onMessageAction;\n}\n\nshowMessage.info = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: iconInfo,\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.warning = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: iconWarning,\n iconColor: 'color-warning',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.error = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: iconError,\n iconColor: 'color-alarm',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.success = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: iconSuccess,\n iconColor: 'color-success',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.question = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: iconQuestion,\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\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\nimport { IxModalSize } from '../../modal/modal';\nimport { getCoreDelegate, resolveDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nexport function setA11yAttributes(element: HTMLElement, config: ModalConfig) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nexport interface ModalConfig<TReason = any, CONTENT = any> {\n animation?: boolean;\n ariaDescribedby?: string;\n ariaLabelledby?: string;\n backdrop?: boolean;\n closeOnBackdropClick?: boolean;\n beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n centered?: boolean;\n container?: string | HTMLElement;\n content: CONTENT | string;\n keyboard?: boolean;\n size?: IxModalSize;\n title?: string;\n}\n\nexport interface ModalInstance<TReason = any> {\n htmlElement: HTMLIxModalElement;\n onClose: TypedEvent<TReason>;\n onDismiss: TypedEvent<TReason>;\n}\n\nfunction getIxModal(element: Element) {\n return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n element: Element,\n closeResult: TClose\n) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.closeModal(closeResult);\n return;\n }\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.dismissModal(dismissResult);\n return;\n }\n}\n\nexport async function showModal<T>(\n config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n const delegate = resolveDelegate();\n let dialogRef: HTMLIxModalElement | undefined;\n const onClose = new TypedEvent<T>();\n const onDismiss = new TypedEvent<T>();\n\n if (typeof config.content === 'string') {\n const dialog = document.createElement('ix-modal');\n dialog.innerText = config.content;\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n\n if (\n config.content instanceof HTMLElement &&\n config.content.tagName !== 'IX-MODAL'\n ) {\n const dialog = document.createElement('ix-modal');\n dialog.appendChild(config.content);\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n if (!dialogRef) {\n dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n }\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n await dialogRef.showModal();\n dialogRef.addEventListener('dialogClose', async ({ detail }: CustomEvent) => {\n onClose.emit(detail);\n await delegate.removeView(dialogRef);\n });\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n async ({ detail }: CustomEvent) => {\n onDismiss.emit(detail);\n await delegate.removeView(dialogRef);\n }\n );\n\n requestAnimationFrame(() => {\n const autofocusElement = dialogRef.querySelector(\n '[autofocus],[auto-focus]'\n );\n\n if (autofocusElement) {\n (autofocusElement as HTMLIxButtonElement).focus();\n }\n });\n\n return {\n htmlElement: dialogRef,\n onClose,\n onDismiss,\n };\n}\n"],"names":["setA11yAttributes"],"mappings":"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"}

package/dist/siemens-ix/{p-BKgqKHZU.js → p-D81W7llw.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import"./p-Dp15M30K.js";import{s as o}from"./p-Bdv-vpZz.js";async function t(t){const i=document.createElement("ix-application-switch-modal");i.config=t;const n=await o({content:i,size:"840",closeOnBackdropClick:true});const c=n.htmlElement.querySelector("ix-application-switch-modal");return o=>{if(!c){console.warn("ix-application-switch-modal element not found!");return}c.config=o}}export{t as s};
-//# sourceMappingURL=p-BKgqKHZU.js.map
+import"./p-Dp15M30K.js";import{s as o}from"./p-C9vPes-N.js";async function t(t){const i=document.createElement("ix-application-switch-modal");i.config=t;const n=await o({content:i,size:"840",closeOnBackdropClick:true});const c=n.htmlElement.querySelector("ix-application-switch-modal");return o=>{if(!c){console.warn("ix-application-switch-modal element not found!");return}c.config=o}}export{t as s};
+//# sourceMappingURL=p-D81W7llw.js.map

package/dist/siemens-ix/{p-BKgqKHZU.js.map → p-D81W7llw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~BKgqKHZU~~.js","sources":["src/components/utils/app-switch/index.ts"],"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\nimport { AppSwitchConfiguration } from '../application-layout/context';\nimport { showModal } from '../modal';\n\nexport async function showAppSwitch(config: AppSwitchConfiguration) {\n const modal = document.createElement('ix-application-switch-modal');\n modal.config = config;\n const result = await showModal({\n content: modal,\n size: '840',\n closeOnBackdropClick: true,\n });\n\n const appSwitchElement = result.htmlElement.querySelector(\n 'ix-application-switch-modal'\n );\n\n return (updateAppSwitchConfig: AppSwitchConfiguration) => {\n if (!appSwitchElement) {\n console.warn('ix-application-switch-modal element not found!');\n return;\n }\n\n appSwitchElement.config = updateAppSwitchConfig;\n };\n}\n"],"names":[],"mappings":";;;AAAA;;;;;;;AAOG;AAKI,eAAe,aAAa,CAAC,MAA8B,EAAA;IAChE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC;AACnE,IAAA,KAAK,CAAC,MAAM,GAAG,MAAM;AACrB,IAAA,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC;AAC7B,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,oBAAoB,EAAE,IAAI;AAC3B,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CACvD,6BAA6B,CAC9B;IAED,OAAO,CAAC,qBAA6C,KAAI;QACvD,IAAI,CAAC,gBAAgB,EAAE;AACrB,YAAA,OAAO,CAAC,IAAI,CAAC,gDAAgD,CAAC;YAC9D;;AAGF,QAAA,gBAAgB,CAAC,MAAM,GAAG,qBAAqB;AACjD,KAAC;AACH;;;;"}
1	+ {"version":3,"file":"p-D81W7llw.js","sources":["src/components/utils/app-switch/index.ts"],"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\nimport { AppSwitchConfiguration } from '../application-layout/context';\nimport { showModal } from '../modal';\n\nexport async function showAppSwitch(config: AppSwitchConfiguration) {\n const modal = document.createElement('ix-application-switch-modal');\n modal.config = config;\n const result = await showModal({\n content: modal,\n size: '840',\n closeOnBackdropClick: true,\n });\n\n const appSwitchElement = result.htmlElement.querySelector(\n 'ix-application-switch-modal'\n );\n\n return (updateAppSwitchConfig: AppSwitchConfiguration) => {\n if (!appSwitchElement) {\n console.warn('ix-application-switch-modal element not found!');\n return;\n }\n\n appSwitchElement.config = updateAppSwitchConfig;\n };\n}\n"],"names":[],"mappings":";;;AAAA;;;;;;;AAOG;AAKI,eAAe,aAAa,CAAC,MAA8B,EAAA;IAChE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,6BAA6B,CAAC;AACnE,IAAA,KAAK,CAAC,MAAM,GAAG,MAAM;AACrB,IAAA,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC;AAC7B,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,oBAAoB,EAAE,IAAI;AAC3B,KAAA,CAAC;IAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CAAC,aAAa,CACvD,6BAA6B,CAC9B;IAED,OAAO,CAAC,qBAA6C,KAAI;QACvD,IAAI,CAAC,gBAAgB,EAAE;AACrB,YAAA,OAAO,CAAC,IAAI,CAAC,gDAAgD,CAAC;YAC9D;;AAGF,QAAA,gBAAgB,CAAC,MAAM,GAAG,qBAAqB;AACjD,KAAC;AACH;;;;"}

package/dist/siemens-ix/{p-06843648.entry.js → p-a25bd5ef.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as i,g as s}from"./p-BNpBEtDH.js";import{b as o}from"./p-Bb7pDeaQ.js";import{m as a}from"./p-bcj7UEIC.js";import{c as r}from"./p-DHml78Yc.js";import{h as n,r as l}from"./p-CFHLJNAe.js";import"./p-CrTP-icT.js";function h(t){return t&&"getAssociatedFormElement"in t&&typeof t.getAssociatedFormElement==="function"&&"getNativeInputElement"in t&&typeof t.getNativeInputElement==="function"}const c=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}";const f=class{constructor(e){t(this,e);this.isInvalid=false;this.htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));this.a11yAttributes={};this.labelRef=a()}connectedCallback(){this.registerHtmlForObserver();this.registerControlRefObserver()}disconnectedCallback(){if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}}componentWillRender(){this.checkForInternalState()}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){if(typeof window==="undefined"){return}if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlFor){this.htmlForObserver.observe(window.document,{childList:true,subtree:true})}}async registerControlRefObserver(){if(typeof window==="undefined"){return}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=r(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}this.htmlForClassObserver=r(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){this.isInvalid=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid")}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){if(typeof t.required==="boolean"){this.required=t.required}this.registerHtmlForClassObserver(t);this.checkForInvalidState(t)}}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;if(h(t)){e=await t.getNativeInputElement()}else{e=t}if(typeof e.focus==="function"){e.focus()}}}if(this.controlRef){(await this.controlRef.waitForCurrent()).focus()}}render(){return e(i,{key:"4b00ea62a90eae362b7236d82a08f031c075c10d",onClick:()=>this.focusOnClick()},e("label",Object.assign({key:"1c3e406baa6b6414cacf17961279bcd7ad1545ca",htmlFor:this.htmlFor},this.a11yAttributes,{ref:this.labelRef}),e("ix-typography",{key:"54c5e7cbd6c505edbe2c37a20ecbecd91deb441b",textColor:this.isInvalid?"alarm":"soft",format:"label"},e("slot",{key:"9638a38954088cff1cd539f1b49ef70778b4ff21"}),this.required&&e("span",{key:"b30063403d1e99121191ce945665781cba7ba34b"},"*"))))}get hostElement(){return s(this)}static get watchers(){return{htmlFor:["registerHtmlForObserver"],controlRef:["registerControlRefObserver"]}}};f.style=c;const d=":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:-moz-min-content;width:min-content;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";const b=class{constructor(e){t(this,e);this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.showTextAsTooltip=false;this.required=false;this.slotRef=a()}render(){const t={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};return e(i,{key:"2dd925820a3b4fa7529956e90ad8df1268bd59d9"},this.label&&e("div",{key:"f70725574cea826e7c541a95de2a0d373fcb67f7",class:"field-top"},e("ix-field-label",{key:"b589dc77ba975991962c4e53e6344bc4bf5ececb",required:this.required,htmlFor:this.htmlForLabel,controlRef:this.controlRef,isInvalid:this.isInvalid},this.label)),e("div",{key:"e79a3c3631908b280521dd9d86cf6e1a2b879b72",class:{"slot-wrapper":true},ref:this.slotRef},e("slot",{key:"6ee9b4b8656d366e1792b0eebbcb88968e39dfcf"})),e("div",{key:"0cffa6f40dbcfed07670b2730aeab71d0b2a42fa",class:"field-bottom"},!this.showTextAsTooltip&&l(t),e("div",{key:"9ddbc2218a776d6b8a9b0a82ca1903ceca3253f8",class:"bottom-right"},e("slot",{key:"e03a7d476ea203967beae72fe4f1296d0656da17",name:"bottom-right"}))),this.showTextAsTooltip===true&&n(t)&&e("ix-tooltip",{key:"a735c861da75636163beb5484909b51271a46297",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},l(t)))}get hostElement(){return s(this)}};b.style=d;export{f as ix_field_label,b as ix_field_wrapper};
-//# sourceMappingURL=p-06843648.entry.js.map
+import{r as t,h as e,H as i,g as s}from"./p-BNpBEtDH.js";import{b as o}from"./p-Bb7pDeaQ.js";import{m as a}from"./p-bcj7UEIC.js";import{c as r}from"./p-DHml78Yc.js";import{h as n,r as h}from"./p-BhiPH59d.js";import"./p-v48bcPT9.js";function l(t){return t&&"getAssociatedFormElement"in t&&typeof t.getAssociatedFormElement==="function"&&"getNativeInputElement"in t&&typeof t.getNativeInputElement==="function"}const c=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}";const f=class{constructor(e){t(this,e);this.isInvalid=false;this.htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));this.a11yAttributes={};this.labelRef=a()}connectedCallback(){this.registerHtmlForObserver();this.registerControlRefObserver()}disconnectedCallback(){if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}}componentWillRender(){this.checkForInternalState()}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){if(typeof window==="undefined"){return}if(this.htmlForObserver){this.htmlForObserver.disconnect()}if(this.htmlFor){this.htmlForObserver.observe(window.document,{childList:true,subtree:true})}}async registerControlRefObserver(){if(typeof window==="undefined"){return}if(this.controlRefClassObserver){this.controlRefClassObserver.destroy()}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=r(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){if(this.htmlForClassObserver){this.htmlForClassObserver.destroy()}this.htmlForClassObserver=r(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){this.isInvalid=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid")}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){if(typeof t.required==="boolean"){this.required=t.required}this.registerHtmlForClassObserver(t);this.checkForInvalidState(t)}}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;if(l(t)){e=await t.getNativeInputElement()}else{e=t}if(typeof e.focus==="function"){e.focus()}}}if(this.controlRef){(await this.controlRef.waitForCurrent()).focus()}}render(){return e(i,{key:"4b00ea62a90eae362b7236d82a08f031c075c10d",onClick:()=>this.focusOnClick()},e("label",Object.assign({key:"1c3e406baa6b6414cacf17961279bcd7ad1545ca",htmlFor:this.htmlFor},this.a11yAttributes,{ref:this.labelRef}),e("ix-typography",{key:"54c5e7cbd6c505edbe2c37a20ecbecd91deb441b",textColor:this.isInvalid?"alarm":"soft",format:"label"},e("slot",{key:"9638a38954088cff1cd539f1b49ef70778b4ff21"}),this.required&&e("span",{key:"b30063403d1e99121191ce945665781cba7ba34b"},"*"))))}get hostElement(){return s(this)}static get watchers(){return{htmlFor:["registerHtmlForObserver"],controlRef:["registerControlRefObserver"]}}};f.style=c;const d=":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:-moz-min-content;width:min-content;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";const b=class{constructor(e){t(this,e);this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.showTextAsTooltip=false;this.required=false;this.slotRef=a()}render(){const t={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};return e(i,{key:"2dd925820a3b4fa7529956e90ad8df1268bd59d9"},this.label&&e("div",{key:"f70725574cea826e7c541a95de2a0d373fcb67f7",class:"field-top"},e("ix-field-label",{key:"b589dc77ba975991962c4e53e6344bc4bf5ececb",required:this.required,htmlFor:this.htmlForLabel,controlRef:this.controlRef,isInvalid:this.isInvalid},this.label)),e("div",{key:"e79a3c3631908b280521dd9d86cf6e1a2b879b72",class:{"slot-wrapper":true},ref:this.slotRef},e("slot",{key:"6ee9b4b8656d366e1792b0eebbcb88968e39dfcf"})),e("div",{key:"0cffa6f40dbcfed07670b2730aeab71d0b2a42fa",class:"field-bottom"},!this.showTextAsTooltip&&h(t),e("div",{key:"9ddbc2218a776d6b8a9b0a82ca1903ceca3253f8",class:"bottom-right"},e("slot",{key:"e03a7d476ea203967beae72fe4f1296d0656da17",name:"bottom-right"}))),this.showTextAsTooltip===true&&n(t)&&e("ix-tooltip",{key:"a735c861da75636163beb5484909b51271a46297",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},h(t)))}get hostElement(){return s(this)}};b.style=d;export{f as ix_field_label,b as ix_field_wrapper};
+//# sourceMappingURL=p-a25bd5ef.entry.js.map

package/dist/siemens-ix/{p-bf8e97d7.entry.js → p-a2bcae6b.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r,h as o,H as e,g as t}from"./p-BNpBEtDH.js";import"./p-Dp15M30K.js";import{d as a}from"./p-Bdv-vpZz.js";import{d as i,e as s}from"./p-CrTP-icT.js";import"./p-BdCnOrqW.js";const n=":host{display:block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.5rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected);border:var(--theme-dynamic-bdr-1)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";function d(r){function e(r){if(r!=="_blank"&&r!=="_parent"&&r!=="_self"&&r!=="_top"){return true}if(r==="_blank"){return true}return false}return o("button",{class:{AppEntry:true,Selected:r.selected},onClick:()=>{a(r.host);window.open(r.url,r.target)}},o("div",null,o("img",{class:"AppIcon",src:r.iconSrc})),o("div",{class:"AppName"},o("ix-typography",{format:"h4"},r.name,e(r.target)&&o("ix-icon",{size:"12",name:s,color:"color-soft-text"})),o("ix-typography",{format:"label-sm",textColor:"soft"},r.description)))}const l=class{constructor(o){r(this,o)}componentWillLoad(){if(!this.config){throw Error("ApplicationConfig not provided")}}render(){var r,t,a,s;return o(e,{key:"8ad56e812079866a9f187d4b5d7c5638f8544d4f"},o("ix-modal-header",{key:"a30fdf3af8990e7c2c4f158e35f57e9c6ae5aaa4",icon:i},((r=this.config)===null||r===void 0?void 0:r.i18nAppSwitch)||"Switch to application"),o("ix-modal-content",{key:"ebfea0a742d6f043ea568103bf58d4b5694b9041",class:"content"},o("div",{key:"6a0bae1dc057e6e1dd68cd12345ed9afdbfb95d6",class:"content-apps"},(!this.config||((t=this.config)===null||t===void 0?void 0:t.apps.length)===0)&&o("div",{key:"6feb1936eca441a87b2776f087d7828ee62aeac3",class:"loading"},o("ix-spinner",{key:"918997c26c79f11495b9913bf2763bddf7ddaabf",size:"medium",variant:"primary"}),o("span",{key:"8fcbce7ea96ec957b5945adb45706f5c81779445"},((a=this.config)===null||a===void 0?void 0:a.i18nLoadingApps)||"Loading available applications...")),(s=this.config)===null||s===void 0?void 0:s.apps.map((r=>{var e;return o(d,{host:this.hostElement,name:r.name,description:r.description,iconSrc:r.iconSrc,target:r.target,url:r.url,selected:r.id===((e=this.config)===null||e===void 0?void 0:e.currentAppId)})})))))}get hostElement(){return t(this)}};l.style=n;export{l as ix_application_switch_modal};
-//# sourceMappingURL=p-bf8e97d7.entry.js.map
+import{r,h as o,H as e,g as t}from"./p-BNpBEtDH.js";import"./p-Dp15M30K.js";import{d as a}from"./p-C9vPes-N.js";import{d as i,e as s}from"./p-v48bcPT9.js";import"./p-BdCnOrqW.js";const n=":host{display:block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .content{padding:2rem;padding-right:0}:host .content-apps{display:flex;position:relative;flex-wrap:wrap;justify-content:space-evenly;max-height:50vh;margin-right:0.25rem;gap:1.5rem}:host .loading{display:flex;flex-direction:row;align-items:center}:host .loading ix-spinner{margin-right:1rem}:host .AppEntry{all:unset;display:flex;flex-direction:row;align-items:center;gap:1rem;padding:0.5rem;flex:1 1 45%;cursor:pointer;border:0.0625rem solid transparent}:host .AppEntry.Selected{background-color:var(--theme-color-ghost--selected);border:var(--theme-dynamic-bdr-1)}:host .AppEntry:not(.disabled):not(:disabled).hover,:host .AppEntry:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .AppEntry:not(.disabled):not(:disabled).active,:host .AppEntry:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .AppEntry:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host .AppName{display:flex;flex-direction:column}:host .AppName ix-icon{margin-left:1rem}:host .AppIcon{width:3rem;height:3rem;border-radius:0.25rem}";function d(r){function e(r){if(r!=="_blank"&&r!=="_parent"&&r!=="_self"&&r!=="_top"){return true}if(r==="_blank"){return true}return false}return o("button",{class:{AppEntry:true,Selected:r.selected},onClick:()=>{a(r.host);window.open(r.url,r.target)}},o("div",null,o("img",{class:"AppIcon",src:r.iconSrc})),o("div",{class:"AppName"},o("ix-typography",{format:"h4"},r.name,e(r.target)&&o("ix-icon",{size:"12",name:s,color:"color-soft-text"})),o("ix-typography",{format:"label-sm",textColor:"soft"},r.description)))}const l=class{constructor(o){r(this,o)}componentWillLoad(){if(!this.config){throw Error("ApplicationConfig not provided")}}render(){var r,t,a,s;return o(e,{key:"8ad56e812079866a9f187d4b5d7c5638f8544d4f"},o("ix-modal-header",{key:"a30fdf3af8990e7c2c4f158e35f57e9c6ae5aaa4",icon:i},((r=this.config)===null||r===void 0?void 0:r.i18nAppSwitch)||"Switch to application"),o("ix-modal-content",{key:"ebfea0a742d6f043ea568103bf58d4b5694b9041",class:"content"},o("div",{key:"6a0bae1dc057e6e1dd68cd12345ed9afdbfb95d6",class:"content-apps"},(!this.config||((t=this.config)===null||t===void 0?void 0:t.apps.length)===0)&&o("div",{key:"6feb1936eca441a87b2776f087d7828ee62aeac3",class:"loading"},o("ix-spinner",{key:"918997c26c79f11495b9913bf2763bddf7ddaabf",size:"medium",variant:"primary"}),o("span",{key:"8fcbce7ea96ec957b5945adb45706f5c81779445"},((a=this.config)===null||a===void 0?void 0:a.i18nLoadingApps)||"Loading available applications...")),(s=this.config)===null||s===void 0?void 0:s.apps.map((r=>{var e;return o(d,{host:this.hostElement,name:r.name,description:r.description,iconSrc:r.iconSrc,target:r.target,url:r.url,selected:r.id===((e=this.config)===null||e===void 0?void 0:e.currentAppId)})})))))}get hostElement(){return t(this)}};l.style=n;export{l as ix_application_switch_modal};
+//# sourceMappingURL=p-a2bcae6b.entry.js.map

package/dist/siemens-ix/{p-dd627440.entry.js → p-a797e935.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as o,h as i,g as s}from"./p-BNpBEtDH.js";import{s as n,i as a,M as m}from"./p-BXguuvvE.js";import"./p-CrTP-icT.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";const l=class{constructor(o){t(this,o);this.tabChange=e(this,"tabChange",7);this.close=e(this,"close",7);this.label="About & legal information";this.show=false}updateTab(t){n(this,t)}componentWillLoad(){a(this)}componentDidLoad(){o(this.el)}render(){return i(m,{key:"abc4cee827293d12b8a283b3349bf6c1f723ca44",context:this})}get el(){return s(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};l.style=r;export{l as ix_menu_about};
-//# sourceMappingURL=p-dd627440.entry.js.map
+import{r as t,c as e,f as o,h as i,g as s}from"./p-BNpBEtDH.js";import{s as n,i as a,M as m}from"./p-eKeYJJIg.js";import"./p-v48bcPT9.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";const l=class{constructor(o){t(this,o);this.tabChange=e(this,"tabChange",7);this.close=e(this,"close",7);this.label="About & legal information";this.show=false}updateTab(t){n(this,t)}componentWillLoad(){a(this)}componentDidLoad(){o(this.el)}render(){return i(m,{key:"abc4cee827293d12b8a283b3349bf6c1f723ca44",context:this})}get el(){return s(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};l.style=r;export{l as ix_menu_about};
+//# sourceMappingURL=p-a797e935.entry.js.map

package/dist/siemens-ix/p-ad6b0196.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,c as t,h as o,H as r,g as i}from"./p-BNpBEtDH.js";import{c as s}from"./p-CX81WQtk.js";import{h as d}from"./p-i60z1FJC.js";import{f as a,q as n}from"./p-v48bcPT9.js";const h=":host{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color)}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:0}:host .group-header-content .group-subheader{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";const c=class{constructor(o){e(this,o);this.selectGroup=t(this,"selectGroup",7);this.selectItem=t(this,"selectItem",7);this.collapsedChanged=t(this,"collapsedChanged",7);this.suppressHeaderSelection=false;this.collapsed=true;this.selected=false;this.expandOnHeaderClick=false;this.itemSelected=false;this.slotSize=this.groupItems.length;this.footerVisible=false;this.showExpandCollapsedIcon=false;this.observer=null}selectedChanged(e){if(e===false){this.changeItemIndex()}}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){var e;return(e=this.hostElement.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector(".group-content")}onExpandClick(e){const t=this.collapsed;this.collapsed=!this.collapsed;const{defaultPrevented:o}=this.collapsedChanged.emit(this.collapsed);e.stopPropagation();if(o){this.collapsed=t}}onHeaderClick(e){if(this.suppressHeaderSelection){this.onExpandClick(e);return}this.changeHeaderSelection(!this.selected);this.changeItemIndex()}changeHeaderSelection(e){const t=this.selected;const o=e;this.selected=o;const{defaultPrevented:r}=this.selectGroup.emit(o);if(r){this.selected=t;return}}changeItemIndex(e){const t=this.index;const o=e===this.index?undefined:e;if(this.index===o){return}this.index=o;const{defaultPrevented:r}=this.selectItem.emit(o);if(r){this.index=t;return}const i=this.groupItems;i.forEach(((e,t)=>{e.selected=t===this.index}));this.itemSelected=i.some((e=>e.selected))}onSlotChange(){var e;const t=(e=this.hostElement.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector('slot[name="footer"]');if(t){this.footerVisible=d(t)}}componentWillRender(){this.groupItems.forEach(((e,t)=>{e.selected=t===this.index;e.index=t}))}componentDidLoad(){this.observer=s((()=>{this.slotSize=this.groupItems.length}));if(!this.groupContent){return}this.observer.observe(this.groupContent,{childList:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}onItemClicked(e){if(e.target instanceof HTMLElement){const t=e.target;const o=this.groupItems.indexOf(t);this.changeItemIndex(o)}}render(){return o(r,{key:"c268f5611ec43b90822fbb853a7ce6e8ec659a46"},o("div",{key:"85edebe78504c756468a755017455878f2275731",class:{"group-header":true,expand:!this.collapsed,selected:this.selected},tabindex:"0"},o("div",{key:"de1e83c31d43105090f32a385c05dae380494e16",class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},o("div",{key:"be571bb02cbc5a87526fb2233843109694fb0483",class:{"group-header-selection-indicator":true,"group-header-selection-indicator-item-selected":this.itemSelected}}),o("div",{key:"28eed0500509cfa077c392b571b94b7f58ffc5a9",class:"btn-expand-header"},o("ix-icon",{key:"c03a24366b283854b593a7535f6ec74a546e2f35","data-testid":"expand-collapsed-icon",class:{hidden:!this.showExpandCollapsedIcon},name:this.collapsed?a:n,onClick:e=>this.onExpandClick(e)})),o("div",{key:"3017f37e708850dcc99315d6e9ae8f04b2eb056a",class:"group-header-content"},this.header?o("div",{class:"group-header-props-container"},o("div",{class:"group-header-title"},o("span",{title:this.header},this.header)),o("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,o("slot",{key:"8748bbeddeb1131bd97c4451040a502ea4d304f5",name:"header"}))),o("ix-group-context-menu",{key:"ae30b548cd0fe88981f39d0eec4cb4b1e84ee4a3"},o("slot",{key:"784f9e0fc19d89463890a26bf12e3617929b09e3",name:"dropdown"}))),o("div",{key:"a1799b001f3ba51b5df2fcf88f85d09560211dad",class:{"group-content":true}},o("div",{key:"f366922798c0d4629497445b8edfd4c47bc82147",style:{display:this.collapsed?"none":"contents"}},o("slot",{key:"15c9060eac795f4d2ad0f605316713a67b06ebe1",onSlotchange:()=>{var e;const t=(e=this.hostElement.shadowRoot)===null\|\|e===void 0?void 0:e.querySelector("slot:not([name])");this.showExpandCollapsedIcon=d(t)}}),o("ix-group-item",{key:"3d56e41df5f67e26e8923403dda2ca56f5cadc7d",suppressSelection:true,focusable:false,class:{footer:true,"footer-visible":this.footerVisible}},o("slot",{key:"2aba775c0b328782dc802ca63c6ea7ff08038262",name:"footer",onSlotchange:()=>this.onSlotChange()})))))}get hostElement(){return i(this)}static get watchers(){return{selected:["selectedChanged"]}}};c.style=h;export{c as ix_group};
2	+ //# sourceMappingURL=p-ad6b0196.entry.js.map