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

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":"AAmBA,OAAO,EACN,QAAQ,EACR,mBAAmB,EACnB,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,2BAA2B,EAC3B,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAElF,OAAO,EAAE,yBAAyB,EAAE,MAAM,iDAAiD,CAAC;AAM5F,MAAM,OAAO,eAAgB,SAAQ,yBAAyB;IAO7D,YAAmB,SAA4C,EAAE,IAAY,EAAE,IAAkB;QAChG,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;QALb,yBAAoB,GAA0B,EAAE,CAAC;QAE1D,kBAAa,GAAG,KAAK,CAAC;QA8Od,aAAQ,GAAG;YAC1B,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;YAC9B,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;YAClC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YAChC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YAChC,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;YAChC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;SACpC,CAAC;QAjPD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC5B,CAAC;IAEM,iBAAiB,CAAC,KAAyB;QACjD,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACzC,yBAAyB,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5D,CAAC;IAEM,oBAAoB,CAAC,KAA4B;QACvD,oBAAoB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC;IAEM,gBAAgB,CAAC,KAAwB;QAC/C,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC;IACM,oBAAoB,CAAC,KAA4B;QACvD,oBAAoB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC;IAEM,eAAe,CAAC,KAAuB;QAC7C,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE;YACtC,KAAK,EAAE;gBACN,UAAU,EAAE,GAAG,EAAE;oBAChB,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;wBACnC,QAAQ,CAAC,wGAAwG,CAAC,CAAC;oBACpH,CAAC;gBACF,CAAC;aACD;SACD,CAAC,CAAC;IACJ,CAAC;IAEM,iBAAiB,CAAC,KAAyB;QACjD,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE;YACxC,KAAK,EAAE;gBACN,UAAU,EAAE,GAAG,EAAE;oBAChB,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;wBACrC,QAAQ,CAAC,4HAA4H,CAAC,CAAC;oBACxI,CAAC;gBACF,CAAC;aACD;SACD,CAAC,CAAC;IACJ,CAAC;IAEM,YAAY,CAAC,KAAoB;QACvC,YAAY,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACrC,CAAC;IAEM,aAAa,CAAC,KAAmC;QACvD,2BAA2B,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE;YAClD,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC;IACJ,CAAC;IAEM,WAAW,CAAC,KAAgC;QAClD,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACpC,CAAC;IAEM,UAAU,CAAC,KAA0B;QAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC/B,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACxC,CAAC;IACF,CAAC;IAEM,gBAAgB,CAAC,KAAwB;QAC/C,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;QACxC,yBAAyB,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC7D,CAAC;IAEM,mBAAmB,CAAC,KAAoC;QAC9D,mBAAmB,CAAC,KAAK,EAAE,GAAG,EAAE;YAC/B,IAAI,CAAC;gBACJ,KAAK,GAAG,SAAS,CAAsB,KAAe,CAAC,CAAC;YACzD,CAAC;YAAC,WAAM,CAAC;YAET,CAAC;YACD,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,CAAC,CAAC;QACjD,CAAC,CAAC,CAAC;IACJ,CAAC;IAEM,gBAAgB,CAAC,KAAc;QACrC,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC;IAEM,eAAe,CAAC,KAAgC;QACtD,wBAAwB,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACjD,CAAC;IAEM,iBAAiB;QACvB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAClD,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;QACxD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAChD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC9C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC1C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAChD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;QACtD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;QACpC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAChD,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC9C,yBAAyB,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAChF,CAAC;IAEO,SAAS,CAAC,IAAc,EAAE,KAAe;QAChD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC;IACF,CAAC;IAMS,QAAQ,CAAC,KAAY,EAAE,KAAsB;;QACtD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE,CAAC;YAClC,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAClD,CAAC;QAGD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QAGvC,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,QAAQ,CAAA,KAAK,UAAU,EAAE,CAAC;YAQxD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3C,CAAC;QAKD,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,CAAC;IAOS,OAAO,CAAC,KAAY,EAAE,4BAA4B,GAAG,IAAI,EAAE,KAAsB;;QAC1F,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,OAAO,KAAK,KAAK,WAAW,EAAE,CAAC;YAClC,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;QAClD,CAAC;QAGD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAGtC,IAAI,4BAA4B,EAAE,CAAC;YAClC,IAAI,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;QAGD,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,OAAO,CAAA,KAAK,UAAU,EAAE,CAAC;YACvD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC1C,CAAC;IACF,CAAC;IAES,OAAO,CAAC,KAAY;;QAE7B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAG/B,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,OAAO,CAAA,KAAK,UAAU,EAAE,CAAC;YACvD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC;IACF,CAAC;IAES,OAAO,CAAC,KAAiB;;QAClC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAEzB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAG/B,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,OAAO,CAAA,KAAK,UAAU,EAAE,CAAC;gBACvD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;YACD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC3B,CAAC;IACF,CAAC;IAES,MAAM,CAAC,KAAiB;;QACjC,IAAI,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,CAAC;YAC9B,OAAO;QACR,CAAC;QAED,MAAM,IAAI,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,0CAAE,UAAU,KAAI,IAAI,CAAC,IAAI,CAAC;QAChD,MAAM,aAAa,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,KAAK,CAAC,aAAqB,CAAC,KAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,aAAa,CAAC;QAEvG,IAAI,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,EAAE,CAAC;YAC1C,IAAI,CAAC,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAC;YAG/B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAG9B,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,MAAM,CAAA,KAAK,UAAU,EAAE,CAAC;gBACtD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAClC,CAAC;YACD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC5B,CAAC;IACF,CAAC;IAES,SAAS,CAAC,KAAoB;;QAEvC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAGjC,IAAI,OAAO,CAAA,MAAA,IAAI,CAAC,SAAS,CAAC,GAAG,0CAAE,SAAS,CAAA,KAAK,UAAU,EAAE,CAAC;YACzD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACF,CAAC;IAEM,sBAAsB,CAAC,QAA6B;QAC1D,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAmBM,qBAAqB;QAC3B,OAAO,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,KAAK,QAAQ,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,kBAAkB,KAAK,MAAM,CAAC;IAClH,CAAC;IAEM,UAAU;QAChB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,CAAC;IAClD,CAAC;CACD","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: '38569b4b44a89e8bb3d49d2696437ac9d4bab70c' }, h("abbr", { key: '7dc169126b7ec0c8b48fd3d0a0333c23759539c9' }, h("slot", { key: 'ffc82eed99f159ff6cb8f6d75b14ceac77d3f41d' }))));
     }
     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 type { 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=1785404144300"); /* IE9*/
+  src: url("kolicons.eot?t=1785404144300#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785404144300") format("woff2"), url("kolicons.woff?t=1785404144300") format("woff"), url("kolicons.ttf?t=1785404144300") format("truetype"), url("kolicons.svg?t=1785404144300#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=1785404144300"); /* IE9*/
+  src: url("kolicons.eot?t=1785404144300#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785404144300") format("woff2"), url("kolicons.woff?t=1785404144300") format("woff"), url("kolicons.ttf?t=1785404144300") format("truetype"), url("kolicons.svg?t=1785404144300#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=1785404144300"); /* IE9*/
+  src: url("kolicons.eot?t=1785404144300#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785404144300") format("woff2"), url("kolicons.woff?t=1785404144300") format("woff"), url("kolicons.ttf?t=1785404144300") format("truetype"), url("kolicons.svg?t=1785404144300#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/avatar/style.css

@@ -211,6 +211,14 @@
   }
 }
 @layer kol-component {
+  :host {
+    display: flex;
+    width: calc(100 * 1rem / var(--kolibri-root-font-size, 16));
+    aspect-ratio: 1;
+    align-items: center;
+    justify-content: center;
+    container-type: size;
+  }
   .kol-avatar,
   .kol-avatar__image,
   .kol-avatar__initials {
@@ -220,12 +228,14 @@
     /* Visible with forced colors  */
     outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));
     display: flex;
-    width: calc(100 * 1rem / var(--kolibri-root-font-size, 16));
-    height: calc(100 * 1rem / var(--kolibri-root-font-size, 16));
+    width: max(100cqw, 100cqh);
+    height: max(100cqw, 100cqh);
+    flex-shrink: 0;
+    container-type: size;
   }
   .kol-avatar__initials {
     background-color: inherit;
     margin: auto;
-    font-size: calc(40 * 1rem / var(--kolibri-root-font-size, 16));
+    font-size: 40cqh;
   }
 }

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=1785404144300"); /* IE9*/
+  src: url("kolicons.eot?t=1785404144300#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785404144300") format("woff2"), url("kolicons.woff?t=1785404144300") format("woff"), url("kolicons.ttf?t=1785404144300") format("truetype"), url("kolicons.svg?t=1785404144300#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=1785404144300"); /* IE9*/
+  src: url("kolicons.eot?t=1785404144300#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1785404144300") format("woff2"), url("kolicons.woff?t=1785404144300") format("woff"), url("kolicons.ttf?t=1785404144300") format("truetype"), url("kolicons.svg?t=1785404144300#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'"
             }
         };
     }