@public-ui/components 4.3.0-rc.4 → 4.3.0-rc.5

package/dist/collection/components/@deprecated/input/controller.js.map

@@ -1 +1 @@
-{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/components/@deprecated/input/controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tAccessKeyPropType,\n\tAdjustHeightPropType,\n\tDisabledPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../../schema';\nimport {\n\ta11yHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAccessKey,\n\tvalidateAdjustHeight,\n\tvalidateDisabled,\n\tvalidateHideLabel,\n\tvalidateHideMsg,\n\tvalidateHint,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateShortKey,\n\tvalidateTooltipAlign,\n\tvalidateVariantClassName,\n} from '../../../schema';\nimport { validateTabIndex } from '../../../schema/props/tab-index';\n\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport { debounce } from 'lodash-es';\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: StencilUnknown) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tprivate inputHasFocus = false;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this.component, value);\n\t\tvalidateAccessAndShortKey(value, this.component._shortKey);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this.component, value);\n\t}\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this.component, value);\n\t}\n\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tvalidateHideMsg(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideMsg) {\n\t\t\t\t\t\ta11yHint('Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: HintPropType): void {\n\t\tvalidateHint(this.component, value);\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tvalidateMsg(this.component, value);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this.component, value);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, value);\n\t}\n\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<InternalButtonProps>(value as string);\n\t\t\t} catch {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tvalidateVariantClassName(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateMsg(this.component._msg);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideMsg(this.component._hideMsg);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateShortKey(this.component._shortKey);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t\tthis.validateVariant(this.component._variant);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n\t}\n\n\tprivate emitEvent(type: KolEvent, value?: unknown): void {\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, type, value);\n\t\t}\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onChange(event: Event, value?: StencilUnknown): void {\n\t\tevent.stopPropagation();\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.change, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param shouldSetFormAssociatedValue - Set to false when setting form associated value is not desired.\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true, value?: StencilUnknown): void {\n\t\tevent.stopPropagation();\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.input, value);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.click);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: FocusEvent): void {\n\t\tif (!this.inputHasFocus) {\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.focus);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\t\tthis.component._on.onFocus(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = true;\n\t\t}\n\t}\n\n\tprotected onBlur(event: FocusEvent): void {\n\t\tif (this.component._disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst root = this.host?.shadowRoot || this.host;\n\t\tconst isFocusInside = root?.contains(event.relatedTarget as Node) || this.host === event.relatedTarget;\n\n\t\tif (this.inputHasFocus && !isFocusInside) {\n\t\t\tthis.component._touched = true;\n\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.blur);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\t\tthis.component._on.onBlur(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = false;\n\t\t}\n\t}\n\n\tprotected onKeyDown(event: KeyboardEvent): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.keydown);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onKeyDown === 'function') {\n\t\t\tthis.component._on.onKeyDown(event);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t\tonInput: this.onInput.bind(this),\n\t\tonKeyDown: this.onKeyDown.bind(this),\n\t};\n\n\tpublic readonly updateCurrentLengthDebounced = debounce((length: number) => {\n\t\tsetState(this.component, '_currentLengthDebounced', length);\n\t}, 500);\n\n\tpublic hasSoftCharacterLimit() {\n\t\treturn typeof this.component.state._maxLength === 'number' && this.component.state._maxLengthBehavior === 'soft';\n\t}\n\n\tpublic hasCounter() {\n\t\treturn this.component.state._hasCounter === true;\n\t}\n}\n"]}
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../../src/components/@deprecated/input/controller.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Generic } from 'adopted-style-sheets';\n\nimport type {\n\tAccessKeyPropType,\n\tAdjustHeightPropType,\n\tDisabledPropType,\n\tHideLabelPropType,\n\tHideMsgPropType,\n\tHintPropType,\n\tInputTypeOnDefault,\n\tInternalButtonProps,\n\tLabelWithExpertSlotPropType,\n\tMsgPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tStringified,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../../schema';\nimport {\n\ta11yHint,\n\tobjectObjectHandler,\n\tparseJson,\n\tsetState,\n\tvalidateAccessKey,\n\tvalidateAdjustHeight,\n\tvalidateDisabled,\n\tvalidateHideLabel,\n\tvalidateHideMsg,\n\tvalidateHint,\n\tvalidateLabelWithExpertSlot,\n\tvalidateMsg,\n\tvalidateShortKey,\n\tvalidateTooltipAlign,\n\tvalidateVariantClassName,\n} from '../../../schema';\nimport { validateTabIndex } from '../../../schema/props/tab-index';\n\nimport { dispatchDomEvent, KolEvent } from '../../../utils/events';\nimport { ControlledInputController } from '../../input-adapter-leanup/controller';\n\nimport { validateAccessAndShortKey } from '../../../schema/validators/access-and-short-key';\nimport type { Props as AdapterProps } from '../../input-adapter-leanup/types';\nimport type { Props, Watches } from './types';\n\ntype ValueChangeListener = (value: StencilUnknown) => void;\n\nexport class InputController extends ControlledInputController implements Watches {\n\tprotected readonly component: Generic.Element.Component & Props & AdapterProps;\n\n\tprivate readonly valueChangeListeners: ValueChangeListener[] = [];\n\n\tprivate inputHasFocus = false;\n\n\tpublic constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement) {\n\t\tsuper(component, name, host);\n\t\tthis.component = component;\n\t}\n\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this.component, value);\n\t\tvalidateAccessAndShortKey(value, this.component._shortKey);\n\t}\n\n\tpublic validateAdjustHeight(value?: AdjustHeightPropType): void {\n\t\tvalidateAdjustHeight(this.component, value);\n\t}\n\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this.component, value);\n\t}\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this.component, value);\n\t}\n\n\tpublic validateHideMsg(value?: HideMsgPropType): void {\n\t\tvalidateHideMsg(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideMsg) {\n\t\t\t\t\t\ta11yHint('Property _hideMsg for inputs: Only use when the error message is shown outside of the input component.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tvalidateHideLabel(this.component, value, {\n\t\t\thooks: {\n\t\t\t\tafterPatch: () => {\n\t\t\t\t\tif (this.component.state._hideLabel) {\n\t\t\t\t\t\ta11yHint('Property hide-label for inputs: Only use for exceptions like search inputs that are clearly identifiable by their context.');\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t});\n\t}\n\n\tpublic validateHint(value?: HintPropType): void {\n\t\tvalidateHint(this.component, value);\n\t}\n\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this.component, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\tpublic validateMsg(value?: Stringified<MsgPropType>): void {\n\t\tvalidateMsg(this.component, value);\n\t}\n\n\tpublic validateOn(value?: InputTypeOnDefault): void {\n\t\tif (typeof value === 'object') {\n\t\t\tsetState(this.component, '_on', value);\n\t\t}\n\t}\n\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this.component, value);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, value);\n\t}\n\n\tpublic validateSmartButton(value?: InternalButtonProps | string): void {\n\t\tobjectObjectHandler(value, () => {\n\t\t\ttry {\n\t\t\t\tvalue = parseJson<InternalButtonProps>(value as string);\n\t\t\t} catch {\n\t\t\t\t// value behält den ursprünglichen Wert\n\t\t\t}\n\t\t\tsetState(this.component, '_smartButton', value);\n\t\t});\n\t}\n\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this.component, value);\n\t}\n\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tvalidateVariantClassName(this.component, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tsuper.componentWillLoad();\n\t\tthis.validateAccessKey(this.component._accessKey);\n\t\tthis.validateAdjustHeight(this.component._adjustHeight);\n\t\tthis.validateMsg(this.component._msg);\n\t\tthis.validateDisabled(this.component._disabled);\n\t\tthis.validateHideMsg(this.component._hideMsg);\n\t\tthis.validateHideLabel(this.component._hideLabel);\n\t\tthis.validateHint(this.component._hint);\n\t\tthis.validateLabel(this.component._label);\n\t\tthis.validateShortKey(this.component._shortKey);\n\t\tthis.validateSmartButton(this.component._smartButton);\n\t\tthis.validateOn(this.component._on);\n\t\tthis.validateTabIndex(this.component._tabIndex);\n\t\tthis.validateVariant(this.component._variant);\n\t\tvalidateAccessAndShortKey(this.component._accessKey, this.component._shortKey);\n\t}\n\n\tprivate emitEvent(type: KolEvent, value?: unknown): void {\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, type, value);\n\t\t}\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onChange(event: Event, value?: StencilUnknown): void {\n\t\tevent.stopPropagation();\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.change, value);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onChange === 'function') {\n\t\t\t/**\n\t\t\t * TODO\n\t\t\t * Value-Handling muss für InputDate und InputNumber optimiert werden\n\t\t\t * - value\n\t\t\t * - valueAsNumber\n\t\t\t * - valueAsDate\n\t\t\t */\n\t\t\tthis.component._on.onChange(event, value);\n\t\t}\n\n\t\t/**\n\t\t * TODO: Was ist das?\n\t\t */\n\t\tthis.valueChangeListeners.forEach((listener) => listener(value));\n\t}\n\n\t/**\n\t * @param event - The original event object\n\t * @param shouldSetFormAssociatedValue - Set to false when setting form associated value is not desired.\n\t * @param value - Optional value. Taken from event if not defined.\n\t */\n\tprotected onInput(event: Event, shouldSetFormAssociatedValue = true, value?: StencilUnknown): void {\n\t\tevent.stopPropagation();\n\t\tif (typeof value === 'undefined') {\n\t\t\tvalue = (event.target as HTMLInputElement).value;\n\t\t}\n\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.input, value);\n\n\t\t// Static form handling\n\t\tif (shouldSetFormAssociatedValue) {\n\t\t\tthis.setFormAssociatedValue(value);\n\t\t}\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onInput === 'function') {\n\t\t\tthis.component._on.onInput(event, value);\n\t\t}\n\t}\n\n\tprotected onClick(event: Event): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.click);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onClick === 'function') {\n\t\t\tthis.component._on.onClick(event);\n\t\t}\n\t}\n\n\tprotected onFocus(event: FocusEvent): void {\n\t\tif (!this.inputHasFocus) {\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.focus);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onFocus === 'function') {\n\t\t\t\tthis.component._on.onFocus(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = true;\n\t\t}\n\t}\n\n\tprotected onBlur(event: FocusEvent): void {\n\t\tif (this.component._disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst root = this.host?.shadowRoot || this.host;\n\t\tconst isFocusInside = root?.contains(event.relatedTarget as Node) || this.host === event.relatedTarget;\n\n\t\tif (this.inputHasFocus && !isFocusInside) {\n\t\t\tthis.component._touched = true;\n\n\t\t\t// Event handling\n\t\t\tthis.emitEvent(KolEvent.blur);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.component._on?.onBlur === 'function') {\n\t\t\t\tthis.component._on.onBlur(event);\n\t\t\t}\n\t\t\tthis.inputHasFocus = false;\n\t\t}\n\t}\n\n\tprotected onKeyDown(event: KeyboardEvent): void {\n\t\t// Event handling\n\t\tthis.emitEvent(KolEvent.keydown);\n\n\t\t// Callback\n\t\tif (typeof this.component._on?.onKeyDown === 'function') {\n\t\t\tthis.component._on.onKeyDown(event);\n\t\t}\n\t}\n\n\tpublic addValueChangeListener(listener: ValueChangeListener) {\n\t\tthis.valueChangeListeners.push(listener);\n\t}\n\n\t/**\n\t * Hinweis: In der Subklasse 'InputPasswordController'\n\t *          werden die Methoden onBlur und onFocus\n\t *          überschrieben.\n\t *          Es werden somit zunächst die Methoden der\n\t *          Subklasse ausgeführt und danach die der\n\t *          Oberklassen.\n\t */\n\tpublic readonly onFacade = {\n\t\tonBlur: this.onBlur.bind(this),\n\t\tonChange: this.onChange.bind(this),\n\t\tonClick: this.onClick.bind(this),\n\t\tonFocus: this.onFocus.bind(this),\n\t\tonInput: this.onInput.bind(this),\n\t\tonKeyDown: this.onKeyDown.bind(this),\n\t};\n\n\tpublic hasSoftCharacterLimit() {\n\t\treturn typeof this.component.state._maxLength === 'number' && this.component.state._maxLengthBehavior === 'soft';\n\t}\n\n\tpublic hasCounter() {\n\t\treturn this.component.state._hasCounter === true;\n\t}\n}\n"]}

package/dist/collection/components/@else/all/component.js

@@ -7,7 +7,7 @@ export class KolAll {
         this.state = {};
     }
     render() {
-        return (h(Host, null, h("kol-abbr", { _label: "" }), h("kol-accordion", { _label: "" }), h("kol-alert", null), h("kol-badge", { _label: "Label" }), h("kol-breadcrumb", { _label: "", _links: [] }), h("kol-button", { _label: "Label", _on: {} }), h("kol-card", { _label: "" }), h("kol-details", { _label: "" }), h("kol-dialog", { _label: "" }), h("kol-form", { _on: {} }), h("kol-heading", { _label: "" }), h("kol-icon", { _label: "", _icons: "kolicon-logo" }), h("kol-icon-font-awesome", { _ariaLabel: "", _icon: "500px", _prefix: "fab" }), h("kol-icon-icofont", { _ariaLabel: "", _icon: "home" }), h("kol-input-checkbox", { _label: "", _value: "test" }), h("kol-input-color", { _label: "" }), h("kol-input-email", { _label: "" }), h("kol-input-file", { _label: "" }), h("kol-input-number", { _label: "" }), h("kol-input-password", { _label: "" }), h("kol-input-radio", { _label: "", _options: [] }), h("kol-input-range", { _label: "" }), h("kol-input-text", { _label: "" }), h("kol-link", { _href: "", _label: "Label" }), h("kol-modal", { _label: "" }), h("kol-nav", { _label: "", _links: [] }), h("kol-pagination", { _on: {}, _page: 1, _max: 11 }), h("kol-progress", { _max: 10, _value: 5 }), h("kol-select", { _label: "", _options: [] }), h("kol-skip-nav", { _label: "", _links: [] }), h("kol-spin", null), h("kol-tabs", { _label: "", _tabs: [] }), h("kol-textarea", { _label: "" }), h("kol-tooltip-wc", { _label: "Label" }), h("kol-version", { _label: "" })));
+        return (h(Host, null, h("kol-abbr", null), h("kol-accordion", { _label: "" }), h("kol-alert", null), h("kol-badge", { _label: "Label" }), h("kol-breadcrumb", { _label: "", _links: [] }), h("kol-button", { _label: "Label", _on: {} }), h("kol-card", { _label: "" }), h("kol-details", { _label: "" }), h("kol-dialog", { _label: "" }), h("kol-form", { _on: {} }), h("kol-heading", { _label: "" }), h("kol-icon", { _label: "", _icons: "kolicon-logo" }), h("kol-icon-font-awesome", { _ariaLabel: "", _icon: "500px", _prefix: "fab" }), h("kol-icon-icofont", { _ariaLabel: "", _icon: "home" }), h("kol-input-checkbox", { _label: "", _value: "test" }), h("kol-input-color", { _label: "" }), h("kol-input-email", { _label: "" }), h("kol-input-file", { _label: "" }), h("kol-input-number", { _label: "" }), h("kol-input-password", { _label: "" }), h("kol-input-radio", { _label: "", _options: [] }), h("kol-input-range", { _label: "" }), h("kol-input-text", { _label: "" }), h("kol-link", { _href: "", _label: "Label" }), h("kol-modal", { _label: "" }), h("kol-nav", { _label: "", _links: [] }), h("kol-pagination", { _on: {}, _page: 1, _max: 11 }), h("kol-progress", { _max: 10, _value: 5 }), h("kol-select", { _label: "", _options: [] }), h("kol-skip-nav", { _label: "", _links: [] }), h("kol-spin", null), h("kol-tabs", { _label: "", _tabs: [] }), h("kol-textarea", { _label: "" }), h("kol-tooltip-wc", { _label: "Label" }), h("kol-version", { _label: "" })));
     }
     static get states() {
         return {

package/dist/collection/components/@else/all/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/@else/all/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAc/C,MAAM,OAAO,MAAM;IAAnB;QACiB,UAAK,GAAW,EAAE,CAAC;KA2CnC;IAzCO,MAAM;QACZ,OAAO,CACN,EAAC,IAAI;YACJ,gBAAU,MAAM,EAAC,EAAE,GAAY;YAC/B,qBAAe,MAAM,EAAC,EAAE,GAAiB;YACzC,oBAAuB;YACvB,iBAAW,MAAM,EAAC,OAAO,GAAa;YACtC,sBAAgB,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,GAAmB;YACvD,kBAAY,MAAM,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,GAAe;YACjD,gBAAU,MAAM,EAAC,EAAE,GAAY;YAC/B,mBAAa,MAAM,EAAC,EAAE,GAAe;YACrC,kBAAY,MAAM,EAAC,EAAE,GAAc;YACnC,gBAAU,GAAG,EAAE,EAAE,GAAa;YAC9B,mBAAa,MAAM,EAAC,EAAE,GAAe;YACrC,gBAAU,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,cAAc,GAAY;YACrD,6BAAuB,UAAU,EAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,GAAyB;YACzF,wBAAkB,UAAU,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,GAAoB;YAChE,0BAAoB,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,MAAM,GAAsB;YACjE,uBAAiB,MAAM,EAAC,EAAE,GAAmB;YAC7C,uBAAiB,MAAM,EAAC,EAAE,GAAmB;YAC7C,sBAAgB,MAAM,EAAC,EAAE,GAAkB;YAC3C,wBAAkB,MAAM,EAAC,EAAE,GAAoB;YAC/C,0BAAoB,MAAM,EAAC,EAAE,GAAsB;YACnD,uBAAiB,MAAM,EAAC,EAAE,EAAC,QAAQ,EAAE,EAAE,GAAoB;YAC3D,uBAAiB,MAAM,EAAC,EAAE,GAAmB;YAC7C,sBAAgB,MAAM,EAAC,EAAE,GAAkB;YAC3C,gBAAU,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,GAAY;YAC7C,iBAAW,MAAM,EAAC,EAAE,GAAa;YACjC,eAAS,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,GAAY;YACzC,sBAAgB,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAmB;YAC9D,oBAAc,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAiB;YAClD,kBAAY,MAAM,EAAC,EAAE,EAAC,QAAQ,EAAE,EAAE,GAAe;YACjD,oBAAc,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,GAAiB;YACnD,mBAAqB;YACrB,gBAAU,MAAM,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,GAAa;YAC1C,oBAAc,MAAM,EAAC,EAAE,GAAgB;YACvC,sBAAgB,MAAM,EAAC,OAAO,GAAkB;YAChD,mBAAa,MAAM,EAAC,EAAE,GAAe,CAC/B,CACP,CAAC;IACH,CAAC;;;;CACD","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { h, Host, State } from '@stencil/core';\nimport type { Generic } from 'adopted-style-sheets';\n\ntype RequiredProps = NonNullable<unknown>;\ntype OptionalProps = NonNullable<unknown>;\n// type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps & OptionalProps; // Linter: \"Type 'RequiredProps' does not satisfy the constraint 'object'.\"\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n// @Component({\n//   tag: 'kol-all',\n// })\nexport class KolAll implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\t@State() public state: States = {};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-abbr _label=\"\"></kol-abbr>\n\t\t\t\t<kol-accordion _label=\"\"></kol-accordion>\n\t\t\t\t<kol-alert></kol-alert>\n\t\t\t\t<kol-badge _label=\"Label\"></kol-badge>\n\t\t\t\t<kol-breadcrumb _label=\"\" _links={[]}></kol-breadcrumb>\n\t\t\t\t<kol-button _label=\"Label\" _on={{}}></kol-button>\n\t\t\t\t<kol-card _label=\"\"></kol-card>\n\t\t\t\t<kol-details _label=\"\"></kol-details>\n\t\t\t\t<kol-dialog _label=\"\"></kol-dialog>\n\t\t\t\t<kol-form _on={{}}></kol-form>\n\t\t\t\t<kol-heading _label=\"\"></kol-heading>\n\t\t\t\t<kol-icon _label=\"\" _icons=\"kolicon-logo\"></kol-icon>\n\t\t\t\t<kol-icon-font-awesome _ariaLabel=\"\" _icon=\"500px\" _prefix=\"fab\"></kol-icon-font-awesome>\n\t\t\t\t<kol-icon-icofont _ariaLabel=\"\" _icon=\"home\"></kol-icon-icofont>\n\t\t\t\t<kol-input-checkbox _label=\"\" _value=\"test\"></kol-input-checkbox>\n\t\t\t\t<kol-input-color _label=\"\"></kol-input-color>\n\t\t\t\t<kol-input-email _label=\"\"></kol-input-email>\n\t\t\t\t<kol-input-file _label=\"\"></kol-input-file>\n\t\t\t\t<kol-input-number _label=\"\"></kol-input-number>\n\t\t\t\t<kol-input-password _label=\"\"></kol-input-password>\n\t\t\t\t<kol-input-radio _label=\"\" _options={[]}></kol-input-radio>\n\t\t\t\t<kol-input-range _label=\"\"></kol-input-range>\n\t\t\t\t<kol-input-text _label=\"\"></kol-input-text>\n\t\t\t\t<kol-link _href=\"\" _label=\"Label\"></kol-link>\n\t\t\t\t<kol-modal _label=\"\"></kol-modal>\n\t\t\t\t<kol-nav _label=\"\" _links={[]}></kol-nav>\n\t\t\t\t<kol-pagination _on={{}} _page={1} _max={11}></kol-pagination>\n\t\t\t\t<kol-progress _max={10} _value={5}></kol-progress>\n\t\t\t\t<kol-select _label=\"\" _options={[]}></kol-select>\n\t\t\t\t<kol-skip-nav _label=\"\" _links={[]}></kol-skip-nav>\n\t\t\t\t<kol-spin></kol-spin>\n\t\t\t\t<kol-tabs _label=\"\" _tabs={[]}></kol-tabs>\n\t\t\t\t<kol-textarea _label=\"\"></kol-textarea>\n\t\t\t\t<kol-tooltip-wc _label=\"Label\"></kol-tooltip-wc>\n\t\t\t\t<kol-version _label=\"\"></kol-version>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/@else/all/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAc/C,MAAM,OAAO,MAAM;IAAnB;QACiB,UAAK,GAAW,EAAE,CAAC;KA2CnC;IAzCO,MAAM;QACZ,OAAO,CACN,EAAC,IAAI;YACJ,mBAAqB;YACrB,qBAAe,MAAM,EAAC,EAAE,GAAiB;YACzC,oBAAuB;YACvB,iBAAW,MAAM,EAAC,OAAO,GAAa;YACtC,sBAAgB,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,GAAmB;YACvD,kBAAY,MAAM,EAAC,OAAO,EAAC,GAAG,EAAE,EAAE,GAAe;YACjD,gBAAU,MAAM,EAAC,EAAE,GAAY;YAC/B,mBAAa,MAAM,EAAC,EAAE,GAAe;YACrC,kBAAY,MAAM,EAAC,EAAE,GAAc;YACnC,gBAAU,GAAG,EAAE,EAAE,GAAa;YAC9B,mBAAa,MAAM,EAAC,EAAE,GAAe;YACrC,gBAAU,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,cAAc,GAAY;YACrD,6BAAuB,UAAU,EAAC,EAAE,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,GAAyB;YACzF,wBAAkB,UAAU,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,GAAoB;YAChE,0BAAoB,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,MAAM,GAAsB;YACjE,uBAAiB,MAAM,EAAC,EAAE,GAAmB;YAC7C,uBAAiB,MAAM,EAAC,EAAE,GAAmB;YAC7C,sBAAgB,MAAM,EAAC,EAAE,GAAkB;YAC3C,wBAAkB,MAAM,EAAC,EAAE,GAAoB;YAC/C,0BAAoB,MAAM,EAAC,EAAE,GAAsB;YACnD,uBAAiB,MAAM,EAAC,EAAE,EAAC,QAAQ,EAAE,EAAE,GAAoB;YAC3D,uBAAiB,MAAM,EAAC,EAAE,GAAmB;YAC7C,sBAAgB,MAAM,EAAC,EAAE,GAAkB;YAC3C,gBAAU,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,OAAO,GAAY;YAC7C,iBAAW,MAAM,EAAC,EAAE,GAAa;YACjC,eAAS,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,GAAY;YACzC,sBAAgB,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,GAAmB;YAC9D,oBAAc,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAiB;YAClD,kBAAY,MAAM,EAAC,EAAE,EAAC,QAAQ,EAAE,EAAE,GAAe;YACjD,oBAAc,MAAM,EAAC,EAAE,EAAC,MAAM,EAAE,EAAE,GAAiB;YACnD,mBAAqB;YACrB,gBAAU,MAAM,EAAC,EAAE,EAAC,KAAK,EAAE,EAAE,GAAa;YAC1C,oBAAc,MAAM,EAAC,EAAE,GAAgB;YACvC,sBAAgB,MAAM,EAAC,OAAO,GAAkB;YAChD,mBAAa,MAAM,EAAC,EAAE,GAAe,CAC/B,CACP,CAAC;IACH,CAAC;;;;CACD","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { h, Host, State } from '@stencil/core';\nimport type { Generic } from 'adopted-style-sheets';\n\ntype RequiredProps = NonNullable<unknown>;\ntype OptionalProps = NonNullable<unknown>;\n// type Props = Generic.Element.Members<RequiredProps, OptionalProps>;\n\ntype RequiredStates = RequiredProps & OptionalProps; // Linter: \"Type 'RequiredProps' does not satisfy the constraint 'object'.\"\ntype OptionalStates = OptionalProps;\ntype States = Generic.Element.Members<RequiredStates, OptionalStates>;\n\n// @Component({\n//   tag: 'kol-all',\n// })\nexport class KolAll implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {\n\t@State() public state: States = {};\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<kol-abbr></kol-abbr>\n\t\t\t\t<kol-accordion _label=\"\"></kol-accordion>\n\t\t\t\t<kol-alert></kol-alert>\n\t\t\t\t<kol-badge _label=\"Label\"></kol-badge>\n\t\t\t\t<kol-breadcrumb _label=\"\" _links={[]}></kol-breadcrumb>\n\t\t\t\t<kol-button _label=\"Label\" _on={{}}></kol-button>\n\t\t\t\t<kol-card _label=\"\"></kol-card>\n\t\t\t\t<kol-details _label=\"\"></kol-details>\n\t\t\t\t<kol-dialog _label=\"\"></kol-dialog>\n\t\t\t\t<kol-form _on={{}}></kol-form>\n\t\t\t\t<kol-heading _label=\"\"></kol-heading>\n\t\t\t\t<kol-icon _label=\"\" _icons=\"kolicon-logo\"></kol-icon>\n\t\t\t\t<kol-icon-font-awesome _ariaLabel=\"\" _icon=\"500px\" _prefix=\"fab\"></kol-icon-font-awesome>\n\t\t\t\t<kol-icon-icofont _ariaLabel=\"\" _icon=\"home\"></kol-icon-icofont>\n\t\t\t\t<kol-input-checkbox _label=\"\" _value=\"test\"></kol-input-checkbox>\n\t\t\t\t<kol-input-color _label=\"\"></kol-input-color>\n\t\t\t\t<kol-input-email _label=\"\"></kol-input-email>\n\t\t\t\t<kol-input-file _label=\"\"></kol-input-file>\n\t\t\t\t<kol-input-number _label=\"\"></kol-input-number>\n\t\t\t\t<kol-input-password _label=\"\"></kol-input-password>\n\t\t\t\t<kol-input-radio _label=\"\" _options={[]}></kol-input-radio>\n\t\t\t\t<kol-input-range _label=\"\"></kol-input-range>\n\t\t\t\t<kol-input-text _label=\"\"></kol-input-text>\n\t\t\t\t<kol-link _href=\"\" _label=\"Label\"></kol-link>\n\t\t\t\t<kol-modal _label=\"\"></kol-modal>\n\t\t\t\t<kol-nav _label=\"\" _links={[]}></kol-nav>\n\t\t\t\t<kol-pagination _on={{}} _page={1} _max={11}></kol-pagination>\n\t\t\t\t<kol-progress _max={10} _value={5}></kol-progress>\n\t\t\t\t<kol-select _label=\"\" _options={[]}></kol-select>\n\t\t\t\t<kol-skip-nav _label=\"\" _links={[]}></kol-skip-nav>\n\t\t\t\t<kol-spin></kol-spin>\n\t\t\t\t<kol-tabs _label=\"\" _tabs={[]}></kol-tabs>\n\t\t\t\t<kol-textarea _label=\"\"></kol-textarea>\n\t\t\t\t<kol-tooltip-wc _label=\"Label\"></kol-tooltip-wc>\n\t\t\t\t<kol-version _label=\"\"></kol-version>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/_skeleton/web-components/click-button/component.js

@@ -23,7 +23,7 @@ export class KolClickButton extends BaseWebComponent {
         });
     }
     render() {
-        return (h(Host, { key: '42b0d427c875e0f3b9ad61fabe04d216e819d09f' }, h(ClickButtonFC, { key: 'a00476fcbfe0b6c4640d484b411aa6e7a6caef82', label: this.ctrl.getRenderProp('label'), refButton: this.buttonRef, handleClick: this.ctrl.handleClick })));
+        return (h(Host, { key: '35f3b2e64ed4e22bd970c42bf12908615e38b064' }, h(ClickButtonFC, { key: '74c56f24b98cccacf8f81387452b7081717e23df', label: this.ctrl.getRenderProp('label'), refButton: this.buttonRef, handleClick: this.ctrl.handleClick })));
     }
     static get is() { return "kol-click-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/_skeleton/web-components/skeleton/component.js

@@ -50,7 +50,7 @@ export class KolSkeleton extends BaseWebComponent {
         this.ctrl.destroy();
     }
     render() {
-        return (h(Host, { key: '7dbd9d4a2031321ce967617efe34f81cb5fea109' }, h(SkeletonFC, { key: '099ab274ab959f06cc15b8ae48544eadb174e7aa', count: this.count, label: this.label, name: this.ctrl.getRenderProp('name'), handleClick: this.ctrl.handleClick, onLoaded: this.loaded, onRendered: this.rendered, show: this.show, refButton: (element) => {
+        return (h(Host, { key: 'e7e29ff558a0f2d6eebba4d8b2247ee269836bb5' }, h(SkeletonFC, { key: '949256a8455d79b2ea97182ecbf509fb0f3e59ee', count: this.count, label: this.label, name: this.ctrl.getRenderProp('name'), handleClick: this.ctrl.handleClick, onLoaded: this.loaded, onRendered: this.rendered, show: this.show, refButton: (element) => {
                 this.buttonRef(element);
                 this.ctrl.setButtonRef(element);
             } })));

package/dist/collection/components/abbr/component.js

@@ -2,39 +2,13 @@
  * KoliBri - The accessible HTML-Standard
  */
 import { h, Host } from "@stencil/core";
-import { AbbrFC } from "../../internal/functional-components/abbr/component";
-import { AbbrController } from "../../internal/functional-components/abbr/controller";
 import { BaseWebComponent } from "../../internal/functional-components/base-web-component";
-import { TooltipFC } from "../../internal/functional-components/tooltip/component";
-import { TooltipController } from "../../internal/functional-components/tooltip/controller";
 export class KolAbbr extends BaseWebComponent {
     constructor() {
-        this.ctrl = new AbbrController(this.stateAccess);
-        this.tooltipCtrl = new TooltipController(BaseWebComponent.stateLess);
-        this.setAbbrRef = (ref) => {
-            this.abbrRef = ref;
-        };
         super();
     }
-    watchLabel(value) {
-        this.ctrl.watchLabel(value);
-        this.tooltipCtrl.watchLabel(value);
-    }
-    componentWillLoad() {
-        this.ctrl.componentWillLoad({ label: this._label });
-        this.tooltipCtrl.componentWillLoad({ label: typeof this._label === 'string' ? this._label : '' });
-    }
-    componentDidRender() {
-        if (this.abbrRef) {
-            this.tooltipCtrl.syncListeners(undefined, this.abbrRef, true);
-        }
-    }
-    disconnectedCallback() {
-        this.tooltipCtrl.destroy();
-    }
     render() {
-        const label = this.ctrl.getRenderProp('label');
-        return (h(Host, { key: '7df6f89d4ae1a3e34a65cbd26bb5e680b3d76e72' }, h(AbbrFC, { key: '90761d02e25df32b09c8690c02fc1c2847350ca3', label: label, refAbbr: this.setAbbrRef }), label ? (h(TooltipFC, { "aria-hidden": "true", label: label, badgeText: '', id: this.tooltipCtrl.getRenderProp('id'), refFloating: this.tooltipCtrl.setTooltipElementRef })) : null));
+        return (h(Host, { key: 'fd9ff0560e1111ac2b3f9478db7b8578af6d3db6' }, h("abbr", { key: 'bb2214fd724103de67df521de83e30d617685256' }, h("slot", { key: '8ce3b68826c3e664b5f63c5e6d3bcb15c7906660' }))));
     }
     static get is() { return "kol-abbr"; }
     static get encapsulation() { return "shadow"; }
@@ -68,7 +42,7 @@ export class KolAbbr extends BaseWebComponent {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+                    "text": "DEPRECATED!\nDefines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
                 },
                 "getter": false,
                 "setter": false,
@@ -77,11 +51,5 @@ export class KolAbbr extends BaseWebComponent {
             }
         };
     }
-    static get watchers() {
-        return [{
-                "propName": "_label",
-                "methodName": "watchLabel"
-            }];
-    }
 }
 //# sourceMappingURL=component.js.map

package/dist/collection/components/abbr/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/abbr/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGhE,OAAO,EAAE,MAAM,EAAE,MAAM,qDAAqD,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAE3F,OAAO,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAgB5F,MAAM,OAAO,OAAQ,SAAQ,gBAAyB;;QACpC,SAAI,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5C,gBAAW,GAAG,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAIhE,eAAU,GAAG,CAAC,GAAiB,EAAQ,EAAE;YACzD,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC;QACpB,CAAC,CAAC;;;IAQK,UAAU,CAAC,KAAqB;QACtC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAEM,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACnG,CAAC;IAEM,kBAAkB;QACxB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC/D,CAAC;IACF,CAAC;IAEM,oBAAoB;QAC1B,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC;IAEM,MAAM;QACZ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/C,OAAO,CACN,EAAC,IAAI;YACJ,EAAC,MAAM,qDAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,GAAI;YACjD,KAAK,CAAC,CAAC,CAAC,CACR,EAAC,SAAS,mBACG,MAAM,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,EACb,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,EACxC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB,GACjD,CACF,CAAC,CAAC,CAAC,IAAI,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, Watch } from '@stencil/core';\n\nimport type { AbbrApi } from '../../internal/functional-components/abbr/api';\nimport { AbbrFC } from '../../internal/functional-components/abbr/component';\nimport { AbbrController } from '../../internal/functional-components/abbr/controller';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\nimport type { LabelPropType } from '../../schema';\n\n/**\n * The **Abbr** component implements the HTML tag `abbr` with an accessible tooltip.\n * The tooltip for the description is displayed and read aloud when the **Abbr** component is focused or hovered.\n *\n * @slot - The abbreviation (short form).\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr extends BaseWebComponent<AbbrApi> implements WebComponentInterface<AbbrApi> {\n\tprivate readonly ctrl = new AbbrController(this.stateAccess);\n\tprivate readonly tooltipCtrl = new TooltipController(BaseWebComponent.stateLess);\n\n\tprivate abbrRef?: HTMLElement;\n\n\tprivate readonly setAbbrRef = (ref?: HTMLElement): void => {\n\t\tthis.abbrRef = ref;\n\t};\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelPropType): void {\n\t\tthis.ctrl.watchLabel(value);\n\t\tthis.tooltipCtrl.watchLabel(value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.ctrl.componentWillLoad({ label: this._label });\n\t\tthis.tooltipCtrl.componentWillLoad({ label: typeof this._label === 'string' ? this._label : '' });\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.abbrRef) {\n\t\t\tthis.tooltipCtrl.syncListeners(undefined, this.abbrRef, true);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.tooltipCtrl.destroy();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst label = this.ctrl.getRenderProp('label');\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<AbbrFC label={label} refAbbr={this.setAbbrRef} />\n\t\t\t\t{label ? (\n\t\t\t\t\t<TooltipFC\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\tbadgeText={''}\n\t\t\t\t\t\tid={this.tooltipCtrl.getRenderProp('id')}\n\t\t\t\t\t\trefFloating={this.tooltipCtrl.setTooltipElementRef}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/abbr/component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAe3F,MAAM,OAAO,OAAQ,SAAQ,gBAAyB;;;;IAO9C,MAAM;QACZ,OAAO,CACN,EAAC,IAAI;YACJ;gBACC,8DAAQ,CACF,CACD,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\nimport type { AbbrApi } from '../../internal/functional-components/abbr/api';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { LabelPropType } from '../../schema';\n\n/**\n * The **Abbr** component implements the HTML tag `abbr`.\n *\n * @slot - The abbreviation (short form).\n */\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr extends BaseWebComponent<AbbrApi> {\n\t/**\n\t * DEPRECATED!\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<abbr>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/abbr/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
-  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1784281062679"); /* IE9*/
+  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/accordion/shadow.js

@@ -64,7 +64,7 @@ export class KolAccordion {
                 animationClass: `${rootClass}__wrapper-animation`,
             },
         };
-        return (h(KolCollapsibleFc, Object.assign({ key: '60db0bab52d6699da53e4fbdf9a49d320a88398c' }, props), h("slot", { key: '6e0e1e4dad2f65736595771a3f176702b671f641' })));
+        return (h(KolCollapsibleFc, Object.assign({ key: 'bc29b69e1528683175f7949de1729c16dc17dd47' }, props), h("slot", { key: 'cba1e5b830515e2ded1d0cd92ac4fb4c4423645d' })));
     }
     validateDisabled(value) {
         validateDisabled(this, value);

package/dist/collection/components/accordion/style.css

@@ -269,8 +269,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
-  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1784281062679"); /* IE9*/
+  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/alert/component.js

@@ -40,7 +40,7 @@ export class KolAlertWc {
             onCloserClick: this.close,
             onAlertTimeout: this.handleAlertTimeout,
         };
-        return (h(KolAlertFc, Object.assign({ key: 'bb5ab8297f26659ff5cc55324ca62a14eb8c96f7' }, props), h("slot", { key: '8afb18765fdd3ebaa32d69a4a94425f81b1ea54e' })));
+        return (h(KolAlertFc, Object.assign({ key: 'ab90b52cbda1d61514c3acd292d0bd6d91f0c9d5' }, props), h("slot", { key: '6a7e2a89cfabde71c1140d4cf5de28e99bc09ef4' })));
     }
     validateAlert(value) {
         watchBoolean(this, '_alert', value);

package/dist/collection/components/alert/shadow.js

@@ -15,7 +15,7 @@ export class KolAlert {
         };
     }
     render() {
-        return (h(KolAlertWcTag, { key: '4d38e264fca4b394ff1eb744ff48fa14e337e420', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h("slot", { key: '40eab6eb13534177db2b8b8ee4e61dc8c918b76a' })));
+        return (h(KolAlertWcTag, { key: '721b696fb334639b5996187b75774aa357e7131c', _alert: this._alert, _hasCloser: this._hasCloser, _label: this._label, _level: this._level, _on: this._on, _type: this._type, _variant: this._variant }, h("slot", { key: '49b4a02832d1ce95880243eaeb88bab7211f8137' })));
     }
     static get is() { return "kol-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/alert/style.css

@@ -212,8 +212,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
-  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1784281062679"); /* IE9*/
+  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -388,6 +388,7 @@
   }
   .kol-alert .kol-button {
     display: flex;
+    height: 100%;
     min-height: var(--a11y-min-size);
     font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));
     text-decoration-line: none;

package/dist/collection/components/avatar/component.js

@@ -28,7 +28,7 @@ export class KolAvatar extends BaseWebComponent {
         });
     }
     render() {
-        return (h(Host, { key: '51bab6cbd74bf055652e1c6e898859c3c2da74c2' }, h(AvatarFC, { key: '5a9ca83993207e35f7d62f85a680b04f49f4cd0e', color: this.ctrl.getRenderProp('color'), label: this.ctrl.getRenderProp('label'), src: this.ctrl.getRenderProp('src'), initials: this.initials })));
+        return (h(Host, { key: '293a0f642334d4058d3b129b69d7de334bb43866' }, h(AvatarFC, { key: '96c92705c57c43050b666513dfc65829a7be5047', color: this.ctrl.getRenderProp('color'), label: this.ctrl.getRenderProp('label'), src: this.ctrl.getRenderProp('src'), initials: this.initials })));
     }
     static get is() { return "kol-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/badge/shadow.js

@@ -36,12 +36,12 @@ export class KolBadge {
     async focus(options) { }
     render() {
         const hasSmartButton = typeof this.state._smartButton === 'object' && this.state._smartButton !== null;
-        return (h("span", { key: 'cd2b3c8e9f3fda29edf8388f751939232d069798', class: clsx('kol-badge', {
+        return (h("span", { key: '9091b07e3ef752f765f96bbd66eaa329ae89543d', class: clsx('kol-badge', {
                 'kol-badge--has-smart-button': typeof this.state._smartButton === 'object' && this.state._smartButton !== null,
             }), style: {
                 backgroundColor: this.bgColorStr,
                 color: this.colorStr,
-            } }, h(SpanFC, { key: '1768e82c2fd9a51709f84685810ffebf438a1e40', class: "kol-badge__label", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));
+            } }, h(SpanFC, { key: '9a0ee2dd77bfad8c7043cca5229b4398af16e6b8', class: "kol-badge__label", id: hasSmartButton ? this.id : undefined, allowMarkdown: true, icons: this.state._icons, label: this._label }), hasSmartButton && this.renderSmartButton(this.state._smartButton)));
     }
     validateIcons(value) {
         validateIcons(this, value);
@@ -174,7 +174,7 @@ export class KolBadge {
                 "mutable": false,
                 "complexType": {
                     "original": "Stringified<InternalButtonProps>",
-                    "resolved": "string | undefined | { _label: string; } & { _type?: \"button\" | \"reset\" | \"submit\" | undefined; _accessKey?: string | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; _variant?: string | undefined; }",
+                    "resolved": "string | undefined | { _label: string; } & { _ariaExpanded?: boolean | undefined; _tabIndex?: number | undefined; _value?: StencilUnknown; _accessKey?: string | undefined; _role?: \"tab\" | \"treeitem\" | undefined; _ariaControls?: string | undefined; _ariaDescription?: string | undefined; _ariaSelected?: boolean | undefined; _on?: ButtonCallbacksPropType<StencilUnknown> | undefined; _type?: \"button\" | \"reset\" | \"submit\" | undefined; _variant?: VariantClassNamePropType | undefined; _customClass?: string | undefined; _disabled?: boolean | undefined; _hideLabel?: boolean | undefined; _icons?: IconsPropType | undefined; _id?: string | undefined; _inline?: boolean | undefined; _name?: string | undefined; _shortKey?: string | undefined; _syncValueBySelector?: string | undefined; _tooltipAlign?: AlignPropType | undefined; }",
                     "references": {
                         "Stringified": {
                             "location": "import",

package/dist/collection/components/badge/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
-  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1784281062679"); /* IE9*/
+  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/breadcrumb/shadow.js

@@ -19,7 +19,7 @@ export class KolBreadcrumb {
         };
     }
     render() {
-        return (h("nav", { key: '33139f5709b63964a45736da33297d6e68362354', class: "kol-breadcrumb", "aria-label": this.state._label }, h("ul", { key: '5011a49d59611c4b2300e9bb2fe662ac00a05c33', class: "kol-breadcrumb__list" }, this.state._links.length === 0 && (h("li", { key: '25819f81046600c262f6efbc260164c0bb7f151e' }, h(IconFC, { key: 'a4ea2b100f35ae9a207a03b0b1ddcc8af0c12cde', class: "kol-breadcrumb_icon", label: "", icons: "kolicon-house" }), "\u2026")), this.state._links.map(this.renderLink))));
+        return (h("nav", { key: 'bff94e213bc73c24069c1e5aa297aa54b6e98003', class: "kol-breadcrumb", "aria-label": this.state._label }, h("ul", { key: '2100b5df04175f39ebdfab1708100623856c4470', class: "kol-breadcrumb__list" }, this.state._links.length === 0 && (h("li", { key: '3b73286454440609917059e00581d71ed20788d8' }, h(IconFC, { key: '2b20cb24ae17a71c5b0dbeb713d1e32b04660f92', class: "kol-breadcrumb_icon", label: "", icons: "kolicon-house" }), "\u2026")), this.state._links.map(this.renderLink))));
     }
     validateLabel(value, _oldValue, initial = false) {
         if (!initial) {

package/dist/collection/components/breadcrumb/style.css

@@ -207,8 +207,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1783501930981"); /* IE9*/
-  src: url("kolicons.eot?t=1783501930981#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1783501930981") format("woff2"), url("kolicons.woff?t=1783501930981") format("woff"), url("kolicons.ttf?t=1783501930981") format("truetype"), url("kolicons.svg?t=1783501930981#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1784281062679"); /* IE9*/
+  src: url("kolicons.eot?t=1784281062679#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1784281062679") format("woff2"), url("kolicons.woff?t=1784281062679") format("woff"), url("kolicons.ttf?t=1784281062679") format("truetype"), url("kolicons.svg?t=1784281062679#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {

package/dist/collection/components/button/component.js

@@ -3,8 +3,9 @@
  */
 import { __decorate } from "tslib";
 import { h, Host } from "@stencil/core";
-import { mapBoolean2String, mapStringOrBoolean2String, setEventTarget, setState, showExpertSlot, validateAccessKey, validateAlternativeButtonLinkRole, validateAriaControls, validateAriaDescription, validateAriaExpanded, validateAriaSelected, validateButtonCallbacks, validateButtonType, validateCustomClass, validateDisabled, validateHideLabel, validateIcons, validateInline, validateLabelWithExpertSlot, validateShortKey, validateTooltipAlign, validateVariantClassName, watchString, } from "../../schema";
+import { classNameFromVariant, mapBoolean2String, mapStringOrBoolean2String, setEventTarget, setState, showExpertSlot, validateAccessKey, validateAlternativeButtonLinkRole, validateAriaControls, validateAriaDescription, validateAriaExpanded, validateAriaSelected, validateButtonCallbacks, validateButtonType, validateCustomClass, validateDisabled, validateHideLabel, validateIcons, validateInline, validateLabelWithExpertSlot, validateShortKey, validateTooltipAlign, validateVariantClassName, watchString, } from "../../schema";
 import { validateTabIndex } from "../../schema/props/tab-index";
+import { getFeatureFlag } from "adopted-style-sheets";
 import { BaseWebComponent } from "../../internal/functional-components/base-web-component";
 import { SpanFC } from "../../internal/functional-components/span/component";
 import { TooltipFC } from "../../internal/functional-components/tooltip/component";
@@ -25,16 +26,17 @@ export class KolButtonWc {
         const badgeText = this.state._accessKey || this.state._shortKey;
         const isDisabled = this.state._disabled === true;
         const hideLabel = this.state._hideLabel === true;
-        return (h(Host, { key: '9cb6b819aac4a9a28f4eb7f92e71dc9060189c0e' }, h("button", { key: '4ee13c4ff735275a4433bb5c1fccdb89173dd532', ref: this.ctaRef, accessKey: this.state._accessKey, "aria-controls": this.state._ariaControls, "aria-description": ariaDescription || undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-keyshortcuts": this.state._shortKey, "aria-label": hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {
+        return (h(Host, { key: '7ae15ed7830eb68fde771ebcf8a7663509bd9e45' }, h("button", { key: 'e1eab99feabad245f3fa207bdca8aa45a42da67c', ref: this.ctaRef, accessKey: this.state._accessKey, "aria-controls": this.state._ariaControls, "aria-description": ariaDescription || undefined, "aria-expanded": mapBoolean2String(this.state._ariaExpanded), "aria-haspopup": this._ariaHasPopup, "aria-keyshortcuts": this.state._shortKey, "aria-label": hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 ? this.state._label : undefined, "aria-selected": mapStringOrBoolean2String(this.state._ariaSelected), class: clsx('kol-button', {
                 'kol-button--disabled': isDisabled,
-                [`kol-button--${this.state._variant}`]: this.state._variant !== 'custom',
+                [classNameFromVariant(this.state._variant, 'button')]: this.state._variant !== undefined,
                 'kol-button--inline': this.state._inline === true,
                 'kol-button--standalone': this.state._inline === false,
                 'kol-button--hide-label': hideLabel,
                 [this.state._customClass]: typeof this.state._customClass === 'string' && this.state._customClass.length > 0,
-            }), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, h(SpanFC, { key: '26f321c76f50aca4150bb1fd70e5d76884b60710', class: "kol-button__text", badgeText: badgeText, icons: this.state._icons, hideLabel: hideLabel, label: hasExpertSlot ? '' : this.state._label }, h("slot", { key: 'd4d5b5dc31cc6be3b8df25f0c12396ab3fcc5479', name: "expert", slot: "expert" }))), hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 && (h("div", { key: '79098efc03c723adcc9cf9bc58e3d111a86440c2', class: "kol-button__tooltip" }, h(TooltipFC, { key: '6b4260aa15f9494fd674a61c3e5dd8e89c0ea3dc', badgeText: badgeText || '', label: this.state._label, id: this.tooltipCtrl.getRenderProp('id'), refFloating: this.tooltipCtrl.setTooltipElementRef })))));
+            }), disabled: isDisabled, id: this.state._id, name: this.state._name, onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, role: this.state._role, tabIndex: this.state._tabIndex, type: this.state._type }, h(SpanFC, { key: 'ae8fe5a33e83dcfea8e658701cae683b66ab0d83', class: "kol-button__text", badgeText: badgeText, icons: this.state._icons, hideLabel: hideLabel, label: hasExpertSlot ? '' : this.state._label }, h("slot", { key: 'f2abc224f0885ac90346799bc07ef3b31acebe82', name: "expert", slot: "expert" }))), hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 && (h("div", { key: '3667ef077eb5d7c94592c6abf9c2854092fcacd5', class: "kol-button__tooltip" }, h(TooltipFC, { key: '61fe49a74e043826eb5756d942c99943ef65a27c', badgeText: badgeText || '', label: this.state._label, id: this.tooltipCtrl.getRenderProp('id'), refFloating: this.tooltipCtrl.setTooltipElementRef })))));
     }
     constructor() {
+        var _a;
         this.ctaRef = createCtaRef();
         this.tooltipCtrl = new TooltipController(BaseWebComponent.stateLess);
         this.onClick = (event) => {
@@ -90,12 +92,12 @@ export class KolButtonWc {
         this._inline = false;
         this._tooltipAlign = 'top';
         this._type = 'button';
+        this._variant = (_a = getFeatureFlag('buttonVariantDefault', this.host)) !== null && _a !== void 0 ? _a : 'normal';
         this.state = {
             _icons: {},
             _label: '',
             _on: {},
             _type: 'button',
-            _variant: 'normal',
         };
         this.controller = new AssociatedInputController(this, 'button', this.host);
     }
@@ -747,7 +749,7 @@ export class KolButtonWc {
                 "mutable": false,
                 "complexType": {
                     "original": "VariantClassNamePropType",
-                    "resolved": "string | undefined",
+                    "resolved": "string | string[] | undefined",
                     "references": {
                         "VariantClassNamePropType": {
                             "location": "import",
@@ -768,7 +770,8 @@ export class KolButtonWc {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "_variant"
+                "attribute": "_variant",
+                "defaultValue": "getFeatureFlag('buttonVariantDefault', this.host) ?? 'normal'"
             }
         };
     }

package/dist/collection/components/button/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tAriaExpandedPropType,\n\tAriaSelectedPropType,\n\tButtonAPI,\n\tButtonCallbacksPropType,\n\tButtonStates,\n\tButtonTypePropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tIconsPropType,\n\tIdPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport {\n\tmapBoolean2String,\n\tmapStringOrBoolean2String,\n\tsetEventTarget,\n\tsetState,\n\tshowExpertSlot,\n\tvalidateAccessKey,\n\tvalidateAlternativeButtonLinkRole,\n\tvalidateAriaControls,\n\tvalidateAriaDescription,\n\tvalidateAriaExpanded,\n\tvalidateAriaSelected,\n\tvalidateButtonCallbacks,\n\tvalidateButtonType,\n\tvalidateCustomClass,\n\tvalidateDisabled,\n\tvalidateHideLabel,\n\tvalidateIcons,\n\tvalidateInline,\n\tvalidateLabelWithExpertSlot,\n\tvalidateShortKey,\n\tvalidateTooltipAlign,\n\tvalidateVariantClassName,\n\twatchString,\n} from '../../schema';\nimport { validateTabIndex } from '../../schema/props/tab-index';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { SpanFC } from '../../internal/functional-components/span/component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\nimport type { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\nimport clsx from '../../utils/clsx';\nimport { createCtaRef, directClick, directFocus } from '../../utils/element-interaction';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { propagateResetEventToForm, propagateSubmitEventToForm } from '../form/controller';\nimport { AssociatedInputController } from '../input-adapter-leanup/associated.controller';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-button-wc',\n\tshadow: false,\n})\nexport class KolButtonWc implements ButtonAPI, ClickableElement, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolButtonWcElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLButtonElement>();\n\tprivate readonly tooltipCtrl = new TooltipController(BaseWebComponent.stateLess);\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@directFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@directClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate readonly onClick = (event: MouseEvent) => {\n\t\tevent.stopPropagation();\n\t\tthis.tooltipCtrl.hideTooltip();\n\n\t\tif (this.state._type === 'submit') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t} else if (this.state._type === 'reset') {\n\t\t\tpropagateResetEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t} else {\n\t\t\t// TODO: Static form handling\n\t\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tsetEventTarget(event, this.ctaRef.el);\n\t\t\t\tthis.state._on?.onClick(event, this.state._value);\n\t\t\t}\n\t\t}\n\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.click, this.state._value);\n\t\t}\n\t};\n\n\tprivate readonly onMouseDown = (event: MouseEvent) => {\n\t\tthis.state?._on?.onMouseDown?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.mousedown);\n\t\t}\n\t};\n\n\tprivate readonly onFocus = (event: FocusEvent) => {\n\t\tthis.state?._on?.onFocus?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.focus);\n\t\t}\n\t};\n\n\tprivate readonly onBlur = (event: FocusEvent) => {\n\t\tthis.state?._on?.onBlur?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.blur);\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst ariaDescription = this.state._ariaDescription?.trim();\n\t\tconst badgeText = this.state._accessKey || this.state._shortKey;\n\t\tconst isDisabled = this.state._disabled === true;\n\t\tconst hideLabel = this.state._hideLabel === true;\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button\n\t\t\t\t\tref={this.ctaRef}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-controls={this.state._ariaControls}\n\t\t\t\t\taria-description={ariaDescription || undefined}\n\t\t\t\t\taria-expanded={mapBoolean2String(this.state._ariaExpanded)}\n\t\t\t\t\taria-haspopup={this._ariaHasPopup}\n\t\t\t\t\taria-keyshortcuts={this.state._shortKey}\n\t\t\t\t\taria-label={hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 ? this.state._label : undefined}\n\t\t\t\t\taria-selected={mapStringOrBoolean2String(this.state._ariaSelected)}\n\t\t\t\t\tclass={clsx('kol-button', {\n\t\t\t\t\t\t'kol-button--disabled': isDisabled,\n\t\t\t\t\t\t[`kol-button--${this.state._variant as string}`]: this.state._variant !== 'custom',\n\t\t\t\t\t\t'kol-button--inline': this.state._inline === true,\n\t\t\t\t\t\t'kol-button--standalone': this.state._inline === false,\n\t\t\t\t\t\t'kol-button--hide-label': hideLabel,\n\t\t\t\t\t\t[this.state._customClass as string]: typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t})}\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\tid={this.state._id}\n\t\t\t\t\tname={this.state._name}\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\tonMouseDown={this.onMouseDown}\n\t\t\t\t\tonFocus={this.onFocus}\n\t\t\t\t\tonBlur={this.onBlur}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\ttype={this.state._type}\n\t\t\t\t>\n\t\t\t\t\t<SpanFC class=\"kol-button__text\" badgeText={badgeText} icons={this.state._icons} hideLabel={hideLabel} label={hasExpertSlot ? '' : this.state._label}>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</SpanFC>\n\t\t\t\t</button>\n\t\t\t\t{hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 && (\n\t\t\t\t\t<div class=\"kol-button__tooltip\">\n\t\t\t\t\t\t<TooltipFC\n\t\t\t\t\t\t\tbadgeText={badgeText || ''}\n\t\t\t\t\t\t\tlabel={this.state._label}\n\t\t\t\t\t\t\tid={this.tooltipCtrl.getRenderProp('id')}\n\t\t\t\t\t\t\trefFloating={this.tooltipCtrl.setTooltipElementRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: AssociatedInputController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines the aria-haspopup attribute. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-haspopup)\n\t * @internal\n\t */\n\t@Prop() public _ariaHasPopup?: AriaHasPopupPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t * @internal\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@State() public state: ButtonStates = {\n\t\t_icons: {},\n\t\t_label: '', // ⚠ required\n\t\t_on: {},\n\t\t_type: 'button',\n\t\t_variant: 'normal',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new AssociatedInputController(this, 'button', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this, value);\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\t@Watch('_ariaControls')\n\tpublic validateAriaControls(value?: string): void {\n\t\tvalidateAriaControls(this, value);\n\t}\n\n\t@Watch('_ariaDescription')\n\tpublic validateAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tvalidateAriaDescription(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: AriaExpandedPropType): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaSelected')\n\tpublic validateAriaSelected(value?: AriaSelectedPropType): void {\n\t\tvalidateAriaSelected(this, value);\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\twatchString(this, '_id', value);\n\t}\n\n\t@Watch('_inline')\n\tpublic validateInline(value?: InlinePropType): void {\n\t\tvalidateInline(this, value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\tthis.tooltipCtrl.watchLabel(typeof value === 'string' ? value : undefined);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void {\n\t\tvalidateButtonCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this, value);\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t\tthis.tooltipCtrl.watchAlign(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: ButtonTypePropType): void {\n\t\tvalidateButtonType(this, value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tsetState(this, '_value', value);\n\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tvalidateVariantClassName(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaControls(this._ariaControls);\n\t\tthis.validateAriaDescription(this._ariaDescription);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaSelected(this._ariaSelected);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateId(this._id);\n\t\tthis.validateInline(this._inline);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateName(this._name);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateShortKey(this._shortKey);\n\t\tthis.validateSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateType(this._type);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\t\tvalidateAccessAndShortKey(this._accessKey, this._shortKey);\n\t\tthis.tooltipCtrl.componentWillLoad({\n\t\t\tlabel: typeof this.state._label === 'string' ? this.state._label : '',\n\t\t\talign: this._tooltipAlign,\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.ctaRef.el) {\n\t\t\tthis.tooltipCtrl.syncListeners(undefined, this.ctaRef.el, true);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.tooltipCtrl.destroy();\n\t}\n}\n"]}
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/button/component.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AA2BxF,OAAO,EACN,oBAAoB,EACpB,iBAAiB,EACjB,yBAAyB,EACzB,cAAc,EACd,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,iCAAiC,EACjC,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,EACpB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,EACxB,WAAW,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAEhE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAC3F,OAAO,EAAE,MAAM,EAAE,MAAM,qDAAqD,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,MAAM,wDAAwD,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAE5F,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;AACzF,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAC3F,OAAO,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAC;AAS1F,MAAM,OAAO,WAAW;IAYV,AAAN,KAAK,CAAC,KAAK,CAAC,OAAyB,IAAkB,CAAC;IAOlD,AAAN,KAAK,CAAC,KAAK,KAAmB,CAAC;IAqD/B,MAAM;;QACZ,MAAM,aAAa,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxD,MAAM,eAAe,GAAG,MAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,0CAAE,IAAI,EAAE,CAAC;QAC5D,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;QAChE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;QACjD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAEjD,OAAO,CACN,EAAC,IAAI;YACJ,+DACC,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,mBACjB,IAAI,CAAC,KAAK,CAAC,aAAa,sBACrB,eAAe,IAAI,SAAS,mBAC/B,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,mBAC3C,IAAI,CAAC,aAAa,uBACd,IAAI,CAAC,KAAK,CAAC,SAAS,gBAC3B,SAAS,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,mBAC/G,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EAClE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE;oBACzB,sBAAsB,EAAE,UAAU;oBAClC,CAAC,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS;oBACxF,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI;oBACjD,wBAAwB,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,KAAK;oBACtD,wBAAwB,EAAE,SAAS;oBACnC,CAAC,IAAI,CAAC,KAAK,CAAC,YAAsB,CAAC,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,YAAY,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC;iBACtH,CAAC,EACF,QAAQ,EAAE,UAAU,EACpB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAClB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACtB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC9B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;gBAEtB,EAAC,MAAM,qDAAC,KAAK,EAAC,kBAAkB,EAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM;oBACnJ,6DAAM,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAQ,CACjC,CACD;YACR,SAAS,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,CACtF,4DAAK,KAAK,EAAC,qBAAqB;gBAC/B,EAAC,SAAS,qDACT,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EACxB,EAAE,EAAE,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,EACxC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,oBAAoB,GACjD,CACG,CACN,CACK,CACP,CAAC;IACH,CAAC;IAoID;;QAhQmB,WAAM,GAAG,YAAY,EAAqB,CAAC;QAC7C,gBAAW,GAAG,IAAI,iBAAiB,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAkBhE,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAChD,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,IAAI,CAAC,WAAW,CAAC,WAAW,EAAE,CAAC;YAE/B,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;gBACnC,0BAA0B,CAAC;oBAC1B,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;iBACnB,CAAC,CAAC;YACJ,CAAC;iBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,OAAO,EAAE,CAAC;gBACzC,yBAAyB,CAAC;oBACzB,IAAI,EAAE,IAAI,CAAC,IAAI;oBACf,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE;iBACnB,CAAC,CAAC;YACJ,CAAC;iBAAM,CAAC;gBAEP,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBAG1D,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,KAAK,CAAC,GAAG,0CAAE,OAAO,CAAA,KAAK,UAAU,EAAE,CAAC;oBACnD,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oBACtC,MAAA,IAAI,CAAC,KAAK,CAAC,GAAG,0CAAE,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBACnD,CAAC;YACF,CAAC;YAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACf,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAChE,CAAC;QACF,CAAC,CAAC;QAEe,gBAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;;YACpD,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,0CAAE,WAAW,mDAAG,KAAK,CAAC,CAAC;YACtC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACf,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;YACjD,CAAC;QACF,CAAC,CAAC;QAEe,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAChD,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,0CAAE,OAAO,mDAAG,KAAK,CAAC,CAAC;YAClC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACf,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC7C,CAAC;QACF,CAAC,CAAC;QAEe,WAAM,GAAG,CAAC,KAAiB,EAAE,EAAE;;YAC/C,MAAA,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,0CAAE,MAAM,mDAAG,KAAK,CAAC,CAAC;YACjC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACf,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;YAC5C,CAAC;QACF,CAAC,CAAC;QAmGa,cAAS,GAAa,KAAK,CAAC;QAO5B,eAAU,GAAa,KAAK,CAAC;QAgB7B,YAAO,GAAoB,KAAK,CAAC;QAyCjC,kBAAa,GAA0B,KAAK,CAAC;QAK7C,UAAK,GAAwB,QAAQ,CAAC;QAWtC,aAAQ,GAA8B,MAAA,cAAc,CAAC,sBAAsB,EAAE,IAAI,CAAC,IAAI,CAAC,mCAAI,QAAQ,CAAC;QAEnG,UAAK,GAAiB;YACrC,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,EAAE;YACV,GAAG,EAAE,EAAE;YACP,KAAK,EAAE,QAAQ;SACf,CAAC;QAGD,IAAI,CAAC,UAAU,GAAG,IAAI,yBAAyB,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3E;IAGM,iBAAiB,CAAC,KAAyB;QACjD,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC/B,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;IAClD,CAAC;IAGM,oBAAoB,CAAC,KAAc;QACzC,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAGM,uBAAuB,CAAC,KAA+B;QAC7D,uBAAuB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IAGM,oBAAoB,CAAC,KAA4B;QACvD,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAGM,oBAAoB,CAAC,KAA4B;QACvD,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAGM,mBAAmB,CAAC,KAA2B;QACrD,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAClC,CAAC;IAGM,gBAAgB,CAAC,KAAwB;QAC/C,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAGM,iBAAiB,CAAC,KAAyB;QACjD,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAChC,CAAC;IAGM,aAAa,CAAC,KAAqB;QACzC,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC5B,CAAC;IAGM,UAAU,CAAC,KAAkB;QACnC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;IAGM,cAAc,CAAC,KAAsB;QAC3C,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE;YAC3B,YAAY,EAAE,KAAK;SACnB,CAAC,CAAC;IACJ,CAAC;IAGM,aAAa,CAAC,KAAmC;QACvD,2BAA2B,CAAC,IAAI,EAAE,KAAK,EAAE;YACxC,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;QACH,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5E,CAAC;IAGM,YAAY,CAAC,KAAc;QACjC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAGM,UAAU,CAAC,KAA+C;QAChE,uBAAuB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IAGM,YAAY,CAAC,KAAyC;QAC5D,iCAAiC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAChD,CAAC;IAGM,gBAAgB,CAAC,KAAwB;QAC/C,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAC9B,yBAAyB,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC;IAGM,2BAA2B,CAAC,KAAmC;QACrE,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACpD,CAAC;IAGM,gBAAgB,CAAC,KAAc;QACrC,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAGM,oBAAoB,CAAC,KAA4B;QACvD,oBAAoB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC;IAGM,YAAY,CAAC,KAA0B;QAC7C,kBAAkB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;IAGM,aAAa,CAAC,KAAsB;QAC1C,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,sBAAsB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3D,CAAC;IAGM,eAAe,CAAC,KAAgC;QACtD,wBAAwB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IACvC,CAAC;IAEM,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACpD,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC5C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAC5D,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACtC,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;QAC9C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpC,yBAAyB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3D,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC;YAClC,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;YACrE,KAAK,EAAE,IAAI,CAAC,aAAa;SACzB,CAAC,CAAC;IACJ,CAAC;IAEM,kBAAkB;QACxB,IAAI,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC;YACpB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACjE,CAAC;IACF,CAAC;IAEM,oBAAoB;QAC1B,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD;AAxZa;IAHZ,WAAW,CAAC,QAAQ,CAAC;wCAGyC;AAOlD;IADZ,WAAW,CAAC,QAAQ,CAAC;wCACgB","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tAriaExpandedPropType,\n\tAriaSelectedPropType,\n\tButtonAPI,\n\tButtonCallbacksPropType,\n\tButtonStates,\n\tButtonTypePropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tDisabledPropType,\n\tFocusableElement,\n\tHideLabelPropType,\n\tIconsPropType,\n\tIdPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport {\n\tclassNameFromVariant,\n\tmapBoolean2String,\n\tmapStringOrBoolean2String,\n\tsetEventTarget,\n\tsetState,\n\tshowExpertSlot,\n\tvalidateAccessKey,\n\tvalidateAlternativeButtonLinkRole,\n\tvalidateAriaControls,\n\tvalidateAriaDescription,\n\tvalidateAriaExpanded,\n\tvalidateAriaSelected,\n\tvalidateButtonCallbacks,\n\tvalidateButtonType,\n\tvalidateCustomClass,\n\tvalidateDisabled,\n\tvalidateHideLabel,\n\tvalidateIcons,\n\tvalidateInline,\n\tvalidateLabelWithExpertSlot,\n\tvalidateShortKey,\n\tvalidateTooltipAlign,\n\tvalidateVariantClassName,\n\twatchString,\n} from '../../schema';\nimport { validateTabIndex } from '../../schema/props/tab-index';\n\nimport { getFeatureFlag } from 'adopted-style-sheets';\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { SpanFC } from '../../internal/functional-components/span/component';\nimport { TooltipFC } from '../../internal/functional-components/tooltip/component';\nimport { TooltipController } from '../../internal/functional-components/tooltip/controller';\nimport type { AriaHasPopupPropType } from '../../schema/props/aria-has-popup';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\nimport clsx from '../../utils/clsx';\nimport { createCtaRef, directClick, directFocus } from '../../utils/element-interaction';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { propagateResetEventToForm, propagateSubmitEventToForm } from '../form/controller';\nimport { AssociatedInputController } from '../input-adapter-leanup/associated.controller';\n\n/**\n * @internal\n */\n@Component({\n\ttag: 'kol-button-wc',\n\tshadow: false,\n})\nexport class KolButtonWc implements ButtonAPI, ClickableElement, FocusableElement {\n\t@Element() protected readonly host?: HTMLKolButtonWcElement;\n\tprotected readonly ctaRef = createCtaRef<HTMLButtonElement>();\n\tprivate readonly tooltipCtrl = new TooltipController(BaseWebComponent.stateLess);\n\n\t/**\n\t * Sets focus on the internal element.\n\t */\n\t@Method()\n\t@directFocus('ctaRef')\n\t// @ts-expect-error: options parameter will be implemented by the decorator.\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {}\n\n\t/**\n\t * Clicks the primary interactive element inside this component.\n\t */\n\t@Method()\n\t@directClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tprivate readonly onClick = (event: MouseEvent) => {\n\t\tevent.stopPropagation();\n\t\tthis.tooltipCtrl.hideTooltip();\n\n\t\tif (this.state._type === 'submit') {\n\t\t\tpropagateSubmitEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t} else if (this.state._type === 'reset') {\n\t\t\tpropagateResetEventToForm({\n\t\t\t\tform: this.host,\n\t\t\t\tref: this.ctaRef.el,\n\t\t\t});\n\t\t} else {\n\t\t\t// TODO: Static form handling\n\t\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\n\t\t\t// Callback\n\t\t\tif (typeof this.state._on?.onClick === 'function') {\n\t\t\t\tsetEventTarget(event, this.ctaRef.el);\n\t\t\t\tthis.state._on?.onClick(event, this.state._value);\n\t\t\t}\n\t\t}\n\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.click, this.state._value);\n\t\t}\n\t};\n\n\tprivate readonly onMouseDown = (event: MouseEvent) => {\n\t\tthis.state?._on?.onMouseDown?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.mousedown);\n\t\t}\n\t};\n\n\tprivate readonly onFocus = (event: FocusEvent) => {\n\t\tthis.state?._on?.onFocus?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.focus);\n\t\t}\n\t};\n\n\tprivate readonly onBlur = (event: FocusEvent) => {\n\t\tthis.state?._on?.onBlur?.(event);\n\t\tif (this.host) {\n\t\t\tdispatchDomEvent(this.host, KolEvent.blur);\n\t\t}\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst hasExpertSlot = showExpertSlot(this.state._label);\n\t\tconst ariaDescription = this.state._ariaDescription?.trim();\n\t\tconst badgeText = this.state._accessKey || this.state._shortKey;\n\t\tconst isDisabled = this.state._disabled === true;\n\t\tconst hideLabel = this.state._hideLabel === true;\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<button\n\t\t\t\t\tref={this.ctaRef}\n\t\t\t\t\taccessKey={this.state._accessKey}\n\t\t\t\t\taria-controls={this.state._ariaControls}\n\t\t\t\t\taria-description={ariaDescription || undefined}\n\t\t\t\t\taria-expanded={mapBoolean2String(this.state._ariaExpanded)}\n\t\t\t\t\taria-haspopup={this._ariaHasPopup}\n\t\t\t\t\taria-keyshortcuts={this.state._shortKey}\n\t\t\t\t\taria-label={hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 ? this.state._label : undefined}\n\t\t\t\t\taria-selected={mapStringOrBoolean2String(this.state._ariaSelected)}\n\t\t\t\t\tclass={clsx('kol-button', {\n\t\t\t\t\t\t'kol-button--disabled': isDisabled,\n\t\t\t\t\t\t[classNameFromVariant(this.state._variant, 'button')]: this.state._variant !== undefined,\n\t\t\t\t\t\t'kol-button--inline': this.state._inline === true,\n\t\t\t\t\t\t'kol-button--standalone': this.state._inline === false,\n\t\t\t\t\t\t'kol-button--hide-label': hideLabel,\n\t\t\t\t\t\t[this.state._customClass as string]: typeof this.state._customClass === 'string' && this.state._customClass.length > 0,\n\t\t\t\t\t})}\n\t\t\t\t\tdisabled={isDisabled}\n\t\t\t\t\tid={this.state._id}\n\t\t\t\t\tname={this.state._name}\n\t\t\t\t\tonClick={this.onClick}\n\t\t\t\t\tonMouseDown={this.onMouseDown}\n\t\t\t\t\tonFocus={this.onFocus}\n\t\t\t\t\tonBlur={this.onBlur}\n\t\t\t\t\trole={this.state._role}\n\t\t\t\t\ttabIndex={this.state._tabIndex}\n\t\t\t\t\ttype={this.state._type}\n\t\t\t\t>\n\t\t\t\t\t<SpanFC class=\"kol-button__text\" badgeText={badgeText} icons={this.state._icons} hideLabel={hideLabel} label={hasExpertSlot ? '' : this.state._label}>\n\t\t\t\t\t\t<slot name=\"expert\" slot=\"expert\"></slot>\n\t\t\t\t\t</SpanFC>\n\t\t\t\t</button>\n\t\t\t\t{hideLabel && typeof this.state._label === 'string' && this.state._label.length > 0 && (\n\t\t\t\t\t<div class=\"kol-button__tooltip\">\n\t\t\t\t\t\t<TooltipFC\n\t\t\t\t\t\t\tbadgeText={badgeText || ''}\n\t\t\t\t\t\t\tlabel={this.state._label}\n\t\t\t\t\t\t\tid={this.tooltipCtrl.getRenderProp('id')}\n\t\t\t\t\t\t\trefFloating={this.tooltipCtrl.setTooltipElementRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate readonly controller: AssociatedInputController;\n\n\t/**\n\t * Defines the key combination that can be used to trigger or focus the component's interactive element.\n\t */\n\t@Prop() public _accessKey?: AccessKeyPropType;\n\n\t/**\n\t * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t */\n\t@Prop() public _ariaControls?: string;\n\n\t/**\n\t * Defines the value for the aria-description attribute.\n\t */\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t */\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/**\n\t * Defines the aria-haspopup attribute. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-haspopup)\n\t * @internal\n\t */\n\t@Prop() public _ariaHasPopup?: AriaHasPopupPropType;\n\n\t/**\n\t * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t */\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/**\n\t * Defines the custom class attribute if _variant=\"custom\" is set.\n\t */\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/**\n\t * Makes the element not focusable and ignore all events.\n\t */\n\t@Prop() public _disabled?: boolean = false;\n\n\t/**\n\t * Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/**\n\t * Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t */\n\t@Prop() public _icons?: IconsPropType;\n\n\t/**\n\t * Defines the internal ID of the primary component element.\n\t * @internal\n\t */\n\t@Prop() public _id?: IdPropType;\n\n\t/**\n\t * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.\n\t */\n\t@Prop() public _inline?: InlinePropType = false;\n\n\t/**\n\t * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.\n\t */\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t/**\n\t * Defines the technical name of an input field.\n\t */\n\t@Prop() public _name?: string;\n\n\t/**\n\t * Defines the callback functions for button events.\n\t */\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/**\n\t * Defines the role of the components primary element.\n\t */\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/**\n\t * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t */\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/**\n\t * Selector for synchronizing the value with another input element.\n\t * @internal\n\t */\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/**\n\t * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)\n\t */\n\t@Prop() public _tabIndex?: number;\n\n\t/**\n\t * Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t */\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/**\n\t * Defines either the type of the component or of the components interactive element.\n\t */\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/**\n\t * Defines the value of the element.\n\t */\n\t@Prop() public _value?: StencilUnknown;\n\n\t/**\n\t * Defines which variant should be used for presentation.\n\t * @internal\n\t */\n\t@Prop() public _variant?: VariantClassNamePropType = getFeatureFlag('buttonVariantDefault', this.host) ?? 'normal';\n\n\t@State() public state: ButtonStates = {\n\t\t_icons: {},\n\t\t_label: '', // ⚠ required\n\t\t_on: {},\n\t\t_type: 'button',\n\t};\n\n\tpublic constructor() {\n\t\tthis.controller = new AssociatedInputController(this, 'button', this.host);\n\t}\n\n\t@Watch('_accessKey')\n\tpublic validateAccessKey(value?: AccessKeyPropType): void {\n\t\tvalidateAccessKey(this, value);\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\t@Watch('_ariaControls')\n\tpublic validateAriaControls(value?: string): void {\n\t\tvalidateAriaControls(this, value);\n\t}\n\n\t@Watch('_ariaDescription')\n\tpublic validateAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tvalidateAriaDescription(this, value);\n\t}\n\n\t@Watch('_ariaExpanded')\n\tpublic validateAriaExpanded(value?: AriaExpandedPropType): void {\n\t\tvalidateAriaExpanded(this, value);\n\t}\n\n\t@Watch('_ariaSelected')\n\tpublic validateAriaSelected(value?: AriaSelectedPropType): void {\n\t\tvalidateAriaSelected(this, value);\n\t}\n\n\t@Watch('_customClass')\n\tpublic validateCustomClass(value?: CustomClassPropType): void {\n\t\tvalidateCustomClass(this, value);\n\t}\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t}\n\n\t@Watch('_hideLabel')\n\tpublic validateHideLabel(value?: HideLabelPropType): void {\n\t\tvalidateHideLabel(this, value);\n\t}\n\n\t@Watch('_icons')\n\tpublic validateIcons(value?: IconsPropType): void {\n\t\tvalidateIcons(this, value);\n\t}\n\n\t@Watch('_id')\n\tpublic validateId(value?: IdPropType): void {\n\t\twatchString(this, '_id', value);\n\t}\n\n\t@Watch('_inline')\n\tpublic validateInline(value?: InlinePropType): void {\n\t\tvalidateInline(this, value, {\n\t\t\tdefaultValue: false,\n\t\t});\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tvalidateLabelWithExpertSlot(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t\tthis.tooltipCtrl.watchLabel(typeof value === 'string' ? value : undefined);\n\t}\n\n\t@Watch('_name')\n\tpublic validateName(value?: string): void {\n\t\tthis.controller.validateName(value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void {\n\t\tvalidateButtonCallbacks(this, value);\n\t}\n\n\t@Watch('_role')\n\tpublic validateRole(value?: AlternativeButtonLinkRolePropType): void {\n\t\tvalidateAlternativeButtonLinkRole(this, value);\n\t}\n\n\t@Watch('_shortKey')\n\tpublic validateShortKey(value?: ShortKeyPropType): void {\n\t\tvalidateShortKey(this, value);\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t@Watch('_syncValueBySelector')\n\tpublic validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.controller.validateSyncValueBySelector(value);\n\t}\n\n\t@Watch('_tabIndex')\n\tpublic validateTabIndex(value?: number): void {\n\t\tvalidateTabIndex(this, value);\n\t}\n\n\t@Watch('_tooltipAlign')\n\tpublic validateTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tvalidateTooltipAlign(this, value);\n\t\tthis.tooltipCtrl.watchAlign(value);\n\t}\n\n\t@Watch('_type')\n\tpublic validateType(value?: ButtonTypePropType): void {\n\t\tvalidateButtonType(this, value);\n\t}\n\n\t@Watch('_value')\n\tpublic validateValue(value?: StencilUnknown): void {\n\t\tsetState(this, '_value', value);\n\t\tthis.controller.setFormAssociatedValue(this.state._value);\n\t}\n\n\t@Watch('_variant')\n\tpublic validateVariant(value?: VariantClassNamePropType): void {\n\t\tvalidateVariantClassName(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateAccessKey(this._accessKey);\n\t\tthis.validateAriaControls(this._ariaControls);\n\t\tthis.validateAriaDescription(this._ariaDescription);\n\t\tthis.validateAriaExpanded(this._ariaExpanded);\n\t\tthis.validateAriaSelected(this._ariaSelected);\n\t\tthis.validateCustomClass(this._customClass);\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateHideLabel(this._hideLabel);\n\t\tthis.validateIcons(this._icons);\n\t\tthis.validateId(this._id);\n\t\tthis.validateInline(this._inline);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateName(this._name);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateRole(this._role);\n\t\tthis.validateShortKey(this._shortKey);\n\t\tthis.validateSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.validateTabIndex(this._tabIndex);\n\t\tthis.validateTooltipAlign(this._tooltipAlign);\n\t\tthis.validateType(this._type);\n\t\tthis.validateValue(this._value);\n\t\tthis.validateVariant(this._variant);\n\t\tvalidateAccessAndShortKey(this._accessKey, this._shortKey);\n\t\tthis.tooltipCtrl.componentWillLoad({\n\t\t\tlabel: typeof this.state._label === 'string' ? this.state._label : '',\n\t\t\talign: this._tooltipAlign,\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tif (this.ctaRef.el) {\n\t\t\tthis.tooltipCtrl.syncListeners(undefined, this.ctaRef.el, true);\n\t\t}\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.tooltipCtrl.destroy();\n\t}\n}\n"]}