npm - @public-ui/components - Versions diffs - 4.5.0-rc.6 → 4.5.0-rc.8 - Mend

@public-ui/components 4.5.0-rc.6 → 4.5.0-rc.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (580) hide show

package/dist/collection/components/modal/style.css CHANGED Viewed

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

package/dist/collection/components/nav/style.css CHANGED Viewed

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

package/dist/collection/components/pagination/style.css CHANGED Viewed

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

package/dist/collection/components/popover-button/component.js CHANGED Viewed

@@ -17,7 +17,6 @@ export class KolPopoverButton extends BasePopoverButtonWebComponent {
         this._popoverAlign = 'bottom';
         this._tooltipAlign = 'top';
         this._type = 'button';
-        this._variant = 'normal';
         this.initFormAssociation();
     }
     watchAccessKey(value) {
@@ -109,7 +108,7 @@ export class KolPopoverButton extends BasePopoverButtonWebComponent {
         this.destroyPopover();
     }
     render() {
-        return h(Host, { key: '5b2683da001b31e243e3e8edf2972be0275fe3eb' }, this.renderPopoverButtonFC());
+        return h(Host, { key: 'c535686a8f7ef3b64fd19fe0632afde1d3b9001b' }, this.renderPopoverButtonFC());
     }
     static get is() { return "kol-popover-button"; }
     static get encapsulation() { return "shadow"; }
@@ -536,8 +535,7 @@ export class KolPopoverButton extends BasePopoverButtonWebComponent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "_variant",
-                "defaultValue": "'normal'"
+                "attribute": "_variant"
             }
         };
     }

package/dist/collection/components/popover-button/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/popover-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';\n\nimport type { PopoverButtonWebComponentInterface } from '../../internal/functional-components/popover-button/api';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonTypePropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tPopoverButtonProps,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { BasePopoverButtonWebComponent } from './base';\n\n/*\n A button that toggles the visibility of a popover overlay containing arbitrary content.\n * The popover uses the native HTML Popover API for lightweight, non-modal overlays.\n \n @slot - The popover content (displayed when the button is clicked).\n * @slot expert - Custom label content for the button (when `_label` is `false`).\n /\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton\n\textends BasePopoverButtonWebComponent\n\timplements ClickableElement, FocusableElement, PopoverButtonProps, PopoverButtonWebComponentInterface\n{\n\t@Element() protected readonly host?: HTMLKolPopoverButtonElement;\n\n\t@State() public ariaDescriptionId: string = nonce();\n\n\t@State() public popoverOpen = false;\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation();\n\t}\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@Watch('_accessKey')\n\tpublic watchAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.applyAccessKey(value, this._shortKey);\n\t}\n\n\t/\n\t Defines the value for the aria-description attribute.\n\t /\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t@Watch('_ariaDescription')\n\tpublic watchAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tthis.applyAriaDescription(value);\n\t}\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@Watch('_customClass')\n\tpublic watchCustomClass(value?: CustomClassPropType): void {\n\t\tthis.applyCustomClass(value);\n\t}\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@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\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@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/\n\t Defines the icon classnames.\n\t /\n\t@Prop() public _icons?: IconsPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsPropType): void {\n\t\tthis.applyIcons(value);\n\t}\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@Watch('_inline')\n\tpublic watchInline(value?: InlinePropType): void {\n\t\tthis.applyInline(value);\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.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: string;\n\n\t@Watch('_name')\n\tpublic watchName(value?: string): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/\n\t Defines where to show the Popover preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t@Watch('_popoverAlign')\n\tpublic watchPopoverAlign(value?: PopoverAlignPropType): void {\n\t\tthis.applyPopoverAlign(value);\n\t}\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@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value, this._accessKey);\n\t}\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@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\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@Watch('_tabIndex')\n\tpublic watchTabIndex(value?: number): void {\n\t\tthis.applyTabIndex(value);\n\t}\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@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\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@Watch('_type')\n\tpublic watchType(value?: ButtonTypePropType): void {\n\t\tthis.applyType(value);\n\t}\n\n\t/\n\t Defines the value of the element.\n\t /\n\t@Prop() public _value?: StencilUnknown;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: StencilUnknown): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/\n\t Defines which variant should be used for presentation.\n\t /\n\t@Prop() public _variant?: VariantClassNamePropType = 'normal';\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/\n\t Hides the popover programmatically.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.closePopover();\n\t}\n\n\t/\n\t Shows the popover programmatically.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.openPopover();\n\t}\n\n\t/\n\t Clicks the primary interactive element inside this component.\n\t /\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/\n\t Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('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\tpublic componentWillLoad(): void {\n\t\tthis.initPopoverButtonRenderProps();\n\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchAriaDescription(this._ariaDescription);\n\t\tthis.watchCustomClass(this._customClass);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchInline(this._inline);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchName(this._name);\n\t\tthis.watchPopoverAlign(this._popoverAlign);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTabIndex(this._tabIndex);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchType(this._type);\n\t\tthis.watchValue(this._value);\n\t\tthis.watchVariant(this._variant);\n\n\t\tthis.initTooltipBehavior();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncTooltipListeners();\n\t\tthis.syncPopoverToggleListener();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.destroyTooltipBehavior();\n\t\tthis.destroyPopover();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn <Host>{this.renderPopoverButtonFC()}</Host>;\n\t}\n}\n"]}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/popover-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';\n\nimport type { PopoverButtonWebComponentInterface } from '../../internal/functional-components/popover-button/api';\nimport type {\n\tAccessKeyPropType,\n\tAriaDescriptionPropType,\n\tButtonTypePropType,\n\tClickableElement,\n\tCustomClassPropType,\n\tFocusableElement,\n\tIconsPropType,\n\tInlinePropType,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tPopoverAlignPropType,\n\tPopoverButtonProps,\n\tShortKeyPropType,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, delegateFocus } from '../../utils/element-interaction';\nimport { BasePopoverButtonWebComponent } from './base';\n\n/*\n A button that toggles the visibility of a popover overlay containing arbitrary content.\n * The popover uses the native HTML Popover API for lightweight, non-modal overlays.\n \n @slot - The popover content (displayed when the button is clicked).\n * @slot expert - Custom label content for the button (when `_label` is `false`).\n /\n@Component({\n\ttag: 'kol-popover-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolPopoverButton\n\textends BasePopoverButtonWebComponent\n\timplements ClickableElement, FocusableElement, PopoverButtonProps, PopoverButtonWebComponentInterface\n{\n\t@Element() protected readonly host?: HTMLKolPopoverButtonElement;\n\n\t@State() public ariaDescriptionId: string = nonce();\n\n\t@State() public popoverOpen = false;\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation();\n\t}\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@Watch('_accessKey')\n\tpublic watchAccessKey(value?: AccessKeyPropType): void {\n\t\tthis.applyAccessKey(value, this._shortKey);\n\t}\n\n\t/\n\t Defines the value for the aria-description attribute.\n\t /\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t@Watch('_ariaDescription')\n\tpublic watchAriaDescription(value?: AriaDescriptionPropType): void {\n\t\tthis.applyAriaDescription(value);\n\t}\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@Watch('_customClass')\n\tpublic watchCustomClass(value?: CustomClassPropType): void {\n\t\tthis.applyCustomClass(value);\n\t}\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@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\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@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/\n\t Defines the icon classnames.\n\t /\n\t@Prop() public _icons?: IconsPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsPropType): void {\n\t\tthis.applyIcons(value);\n\t}\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@Watch('_inline')\n\tpublic watchInline(value?: InlinePropType): void {\n\t\tthis.applyInline(value);\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.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: string;\n\n\t@Watch('_name')\n\tpublic watchName(value?: string): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/\n\t Defines where to show the Popover preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _popoverAlign?: PopoverAlignPropType = 'bottom';\n\n\t@Watch('_popoverAlign')\n\tpublic watchPopoverAlign(value?: PopoverAlignPropType): void {\n\t\tthis.applyPopoverAlign(value);\n\t}\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@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tthis.applyShortKey(value, this._accessKey);\n\t}\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@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\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@Watch('_tabIndex')\n\tpublic watchTabIndex(value?: number): void {\n\t\tthis.applyTabIndex(value);\n\t}\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@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\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@Watch('_type')\n\tpublic watchType(value?: ButtonTypePropType): void {\n\t\tthis.applyType(value);\n\t}\n\n\t/\n\t Defines the value of the element.\n\t /\n\t@Prop() public _value?: StencilUnknown;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: StencilUnknown): void {\n\t\tthis.applyValue(value);\n\t}\n\n\t/\n\t Defines which variant should be used for presentation.\n\t /\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tthis.applyVariant(value);\n\t}\n\n\t/\n\t Hides the popover programmatically.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async hidePopover() {\n\t\tthis.closePopover();\n\t}\n\n\t/\n\t Shows the popover programmatically.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async showPopover() {\n\t\tthis.openPopover();\n\t}\n\n\t/\n\t Clicks the primary interactive element inside this component.\n\t /\n\t@Method()\n\t@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\t/\n\t Sets focus on the internal element.\n\t */\n\t@Method()\n\t@delegateFocus('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\tpublic componentWillLoad(): void {\n\t\tthis.initPopoverButtonRenderProps();\n\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchAriaDescription(this._ariaDescription);\n\t\tthis.watchCustomClass(this._customClass);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchInline(this._inline);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchName(this._name);\n\t\tthis.watchPopoverAlign(this._popoverAlign);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTabIndex(this._tabIndex);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchType(this._type);\n\t\tthis.watchValue(this._value);\n\t\tthis.watchVariant(this._variant);\n\n\t\tthis.initTooltipBehavior();\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncTooltipListeners();\n\t\tthis.syncPopoverToggleListener();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.destroyTooltipBehavior();\n\t\tthis.destroyPopover();\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn <Host>{this.renderPopoverButtonFC()}</Host>;\n\t}\n}\n"]}

package/dist/collection/components/popover-button/style.css CHANGED Viewed

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

package/dist/collection/components/select/style.css CHANGED Viewed

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

package/dist/collection/components/single-select/style.css CHANGED Viewed

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

package/dist/collection/components/skip-nav/style.css CHANGED Viewed

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

package/dist/collection/components/split-button/style.css CHANGED Viewed

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

package/dist/collection/components/table-stateful/style.css CHANGED Viewed

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

package/dist/collection/components/table-stateless/style.css CHANGED Viewed

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

package/dist/collection/components/tabs/style.css CHANGED Viewed

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

package/dist/collection/components/textarea/component.js CHANGED Viewed

@@ -241,7 +241,7 @@ export class KolTextarea extends BaseFormFieldWebComponent {
         const maxLength = this.counter.getMaxLengthAttribute();
         const characterLimitHintId = this.counter.getCharacterLimitHintId(id);
         const { ariaDescribedBy, hasError } = this.getAria();
-        return Object.assign(Object.assign({ id, hideLabel: this.getRenderProp('hideLabel'), label: this.getRenderProp('label'), value: this.getRenderProp('value'), accessKey: this.getRenderProp('accessKey') || undefined, disabled: this.getRenderProp('disabled'), name: this.getRenderProp('name') || undefined, rows: this.getRenderProp('rows'), readonly: this.getRenderProp('readOnly'), required: this.getRenderProp('required'), placeholder: this.getRenderProp('placeholder'), touched: this.getRenderProp('touched'), msg: this.getRenderProp('msg'), ref: this.ctaRef, style: {
+        return Object.assign(Object.assign({ id, hideLabel: this.getRenderProp('hideLabel'), label: this.getRenderProp('label'), value: this.getRenderProp('value'), accessKey: this.getRenderProp('accessKey') || undefined, disabled: this.getRenderProp('disabled'), name: this.getRenderProp('name') || undefined, rows: this.getRenderProp('rows'), readonly: this.getRenderProp('readOnly'), required: this.getRenderProp('required'), placeholder: this.getRenderProp('placeholder'), spellcheck: this.getRenderProp('spellCheck'), touched: this.getRenderProp('touched'), msg: this.getRenderProp('msg'), ref: this.ctaRef, style: {
                 resize: this.getRenderProp('resize'),
             }, onBlur: this.handleBlur, onChange: this.handleTextareaChange, onClick: this.handleClick, onFocus: this.handleTextareaFocus, onInput: this.handleTextareaInput, onKeyDown: this.handleTextareaKeyDown, ariaDescribedBy: characterLimitHintId ? [...ariaDescribedBy, characterLimitHintId] : ariaDescribedBy, 'aria-invalid': hasError ? 'true' : undefined }, (maxLength !== undefined ? { maxLength } : {})), (shortKey ? { 'aria-keyshortcuts': shortKey } : {}));
     }
@@ -252,7 +252,7 @@ export class KolTextarea extends BaseFormFieldWebComponent {
     render() {
         const disabled = this.getRenderProp('disabled');
         const { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });
-        return (h(Host, { key: '7392f5842cd3517597c33260de1e10cea6cd9637' }, h(FormFieldFC, Object.assign({ key: '486312ef982023bf86795ad32416ba040fd16911' }, this.getFormFieldProps({
+        return (h(Host, { key: 'dfe61fda610880f431fdff9f6b5816e2bac2b62c' }, h(FormFieldFC, Object.assign({ key: '52d1eb3e82ea4dd2bf5f240e9908cf2f4005c3a7' }, this.getFormFieldProps({
             class: clsx('kol-form-field-textarea', {
                 'kol-form-field--has-value': this.hasValue,
                 'kol-form-field--has-counter': this.counter.hasSoftLimit() || this.counter.hasCounter(),
@@ -264,7 +264,7 @@ export class KolTextarea extends BaseFormFieldWebComponent {
             readOnly: this.getRenderProp('readOnly'),
             maxLength: this.counter.getRenderProp('maxLength'),
             counter: this.counter.getCounterProps(),
-        })), h(InputContainerFC, { key: 'd958f109704ce0685fb2a9a030c584d4d5e0da31', disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, h(TextAreaFC, Object.assign({ key: '890b8dbcf241074cdd24f967f584cb2904892c08' }, this.getTextareaProps()))))));
+        })), h(InputContainerFC, { key: 'a8a5db96b295d80fcd26002260b408dae6e10233', disabled: disabled, msg: this.getRenderProp('msg'), touched: this.getRenderProp('touched'), startAdornment: startAdornment, endAdornment: endAdornment }, h(TextAreaFC, Object.assign({ key: '4be4b90c4fb2b29e04d1cd812e0177d194bab228' }, this.getTextareaProps()))))));
     }
     static get is() { return "kol-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/textarea/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\tAriaDetailsPropType,\n\tClickableElement,\n\tFocusableElement,\n\tFormFieldLabelInfoPopoverProps,\n\tIconsHorizontalPropType,\n\tInputTypeOnDefault,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTextareaProps,\n\tTextareaResizePropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { CounterBehavior } from '../../internal/functional-components/counter/behavior';\nimport { getInputAdornments } from '../../internal/functional-components/form-field/adornments';\nimport { BaseFormFieldWebComponent } from '../../internal/functional-components/form-field/base-web-component';\nimport { FormFieldFC } from '../../internal/functional-components/form-field/component';\nimport { InputContainerFC } from '../../internal/functional-components/form-field/input-container';\nimport { TextAreaFC, type TextAreaFCProps } from '../../internal/functional-components/form-field/textarea';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { TextareaApi } from '../../internal/functional-components/textarea/api';\nimport { textareaPropsConfig } from '../../internal/functional-components/textarea/api';\nimport {\n\taccessKeyProp,\n\tadjustHeightProp,\n\thorizontalIconsProp,\n\tplaceholderProp,\n\treadOnlyProp,\n\trequiredProp,\n\tresizeProp,\n\trowsProp,\n\tshortKeyProp,\n\tspellCheckProp,\n\tstringValueProp,\n\tvariantProp,\n} from '../../internal/props';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/*\n The Textarea component provides a larger input field for content. Unlike InputText, it also allows extensive content to be entered, including line breaks.\n \n @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n /\n@Component({\n\ttag: 'kol-textarea',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTextarea\n\textends BaseFormFieldWebComponent<TextareaApi>\n\timplements ClickableElement, FocusableElement, TextareaProps, WebComponentInterface<TextareaApi>\n{\n\t@Element() protected readonly host?: HTMLKolTextareaElement;\n\n\t@State() public id = createUniqueId('textarea');\n\n\t/* Whether the info popover of the label is open. /\n\t@State() public infoPopoverOpen = false;\n\n\t@State() public inputHasFocus = false;\n\n\tprotected readonly ctaRef = createCtaRef<HTMLTextAreaElement>();\n\n\tprivate readonly counter = new CounterBehavior(BaseWebComponent.stateLess);\n\n\t/\n\t Whether the field has a value, rendered as the root class `kol-form-field--has-value`. It is a\n\t * plain field, not state, and only follows `change` (#11053).\n\t /\n\tprivate hasValue = false;\n\n\t/* The rows the consumer set; `_adjustHeight` never shrinks the textarea below them. /\n\tprivate minRows?: number;\n\n\t/* Set while the textarea writes its measured rows to `_rows`, so the watcher keeps `minRows`. /\n\tprivate isWritingRows = false;\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation('textarea', this._name);\n\t}\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?: string;\n\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: string): void {\n\t\taccessKeyProp.apply(value, (v) => this.setRenderProp('accessKey', v));\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\t/\n\t Adjusts the height of the element to its content.\n\t * @TODO: change back to AdjustHeightPropType after stencil #4663 has been resolved\n\t /\n\t@Prop() public _adjustHeight?: boolean = false;\n\n\t@Watch('_adjustHeight')\n\tpublic watchAdjustHeight(value?: boolean): void {\n\t\tadjustHeightProp.apply(value, (v) => this.setRenderProp('adjustHeight', v));\n\t}\n\n\t/\n\t References an external element by ID that provides accessible details for this textarea.\n\t /\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\n\n\t@Watch('_ariaDetails')\n\tpublic watchAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.applyAriaDetails(value);\n\t}\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\n\n\t/\n\t Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t@Watch('_hideMsg')\n\tpublic watchHideMsg(value?: boolean): void {\n\t\tthis.applyHideMsg(value);\n\t}\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@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/\n\t Defines the hint text.\n\t /\n\t@Prop() public _hint?: string = '';\n\n\t@Watch('_hint')\n\tpublic watchHint(value?: string): void {\n\t\tthis.applyHint(value);\n\t}\n\n\t/\n\t Defines the icon classnames.\n\t /\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsHorizontalPropType): void {\n\t\thorizontalIconsProp.apply(value, (v) => this.setRenderProp('icons', v));\n\t}\n\n\t/\n\t Defines the informational popover after the label.\n\t /\n\t@Prop() public _infoPopover?: FormFieldLabelInfoPopoverProps;\n\n\t@Watch('_infoPopover')\n\tpublic watchInfoPopover(value?: FormFieldLabelInfoPopoverProps): void {\n\t\tthis.applyInfoPopover(value);\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.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/\n\t Defines the maximum number of input characters.\n\t /\n\t@Prop() public _maxLength?: number;\n\n\t@Watch('_maxLength')\n\tpublic watchMaxLength(value?: number): void {\n\t\tthis.counter.watchMaxLength(value);\n\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t}\n\n\t/\n\t Shows a character counter for the input element.\n\t /\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t@Watch('_hasCounter')\n\tpublic watchHasCounter(value?: boolean): void {\n\t\tthis.counter.watchHasCounter(value);\n\t}\n\n\t/\n\t Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t /\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t@Watch('_maxLengthBehavior')\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.counter.watchMaxLengthBehavior(value);\n\t}\n\n\t/\n\t Defines the properties for a message rendered as Alert component.\n\t /\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t@Watch('_msg')\n\tpublic watchMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.applyMsg(value);\n\t}\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: NamePropType;\n\n\t@Watch('_name')\n\tpublic watchName(value?: NamePropType): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/\n\t Gibt die EventCallback-Funktionen für das Input-Event an.\n\t /\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t@Watch('_on')\n\tpublic watchOn(value?: InputTypeOnDefault): void {\n\t\tthis.applyOn(value);\n\t}\n\n\t/\n\t Defines the placeholder for input field. To be shown when there's no value.\n\t /\n\t@Prop() public _placeholder?: string;\n\n\t@Watch('_placeholder')\n\tpublic watchPlaceholder(value?: string): void {\n\t\tplaceholderProp.apply(value, (v) => this.setRenderProp('placeholder', v));\n\t}\n\n\t/\n\t Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _readOnly?: boolean = false;\n\n\t@Watch('_readOnly')\n\tpublic watchReadOnly(value?: boolean): void {\n\t\treadOnlyProp.apply(value, (v) => this.setRenderProp('readOnly', v));\n\t}\n\n\t/\n\t Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)\n\t * In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.\n\t /\n\t@Prop() public _resize?: TextareaResizePropType = 'vertical';\n\n\t@Watch('_resize')\n\tpublic watchResize(value?: TextareaResizePropType): void {\n\t\tresizeProp.apply(value, (v) => this.setRenderProp('resize', v));\n\t}\n\n\t/\n\t Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _required?: boolean = false;\n\n\t@Watch('_required')\n\tpublic watchRequired(value?: boolean): void {\n\t\trequiredProp.apply(value, (v) => this.setRenderProp('required', v));\n\t}\n\n\t/\n\t Maximum number of visible rows of the element.\n\t /\n\t@Prop({ mutable: true, reflect: false }) public _rows?: RowsPropType;\n\n\t@Watch('_rows')\n\tpublic watchRows(value?: RowsPropType): void {\n\t\trowsProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('rows', v);\n\t\t\tif (!this.isWritingRows) {\n\t\t\t\tthis.minRows = v;\n\t\t\t}\n\t\t});\n\t}\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@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tshortKeyProp.apply(value, (v) => this.setRenderProp('shortKey', v));\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t/\n\t Defines whether the browser should check the spelling and grammar.\n\t /\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t@Watch('_spellCheck')\n\tpublic watchSpellCheck(value?: SpellCheckPropType): void {\n\t\tspellCheckProp.apply(value, (v) => this.setRenderProp('spellCheck', v));\n\t}\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@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\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@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/\n\t Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t@Watch('_touched')\n\tpublic watchTouched(value?: boolean): void {\n\t\tthis.applyTouched(value);\n\t}\n\n\t/\n\t Defines the value of the element.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: string): void {\n\t\tthis.applyValue(value);\n\t\tthis.counter.update(value?.length ?? 0);\n\t}\n\n\t/\n\t Defines which variant should be used for presentation.\n\t /\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tvariantProp.apply(value, (v) => this.setRenderProp('variant', v));\n\t}\n\n\t/\n\t Returns the current value.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string \| undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t@delegateFocus('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@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(textareaPropsConfig);\n\t\tthis.watchAriaDetails(this._ariaDetails);\n\t\tthis._touched = this._touched === true;\n\t\tthis.watchName(this._name);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTouched(this._touched);\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchAdjustHeight(this._adjustHeight);\n\t\tthis.watchMsg(this._msg);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideMsg(this._hideMsg);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchHint(this._hint);\n\t\tthis.watchInfoPopover(this._infoPopover);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchOn(this._on);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchVariant(this._variant);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchHasCounter(this._hasCounter);\n\t\tthis.watchMaxLengthBehavior(this._maxLengthBehavior);\n\t\t// Without a counter update: `componentDidLoad` fills the counter once its spans exist.\n\t\tthis.counter.watchMaxLength(this._maxLength);\n\t\tthis.watchPlaceholder(this._placeholder);\n\t\tthis.watchReadOnly(this._readOnly);\n\t\tthis.watchRequired(this._required);\n\t\tthis.watchResize(this._resize);\n\t\tthis.watchRows(this._rows);\n\t\tthis.watchSpellCheck(this._spellCheck);\n\t\tthis.applyValue(this._value);\n\t\tthis.hasValue = Boolean(this.getRenderProp('value'));\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tif (this.counter.hasCounter() \|\| this.counter.hasSoftLimit()) {\n\t\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t\t}\n\t\t// Runs after the first paint, so the height can be measured.\n\t\tsetTimeout(() => {\n\t\t\tif (this._adjustHeight === true && this.ctaRef.el) {\n\t\t\t\tthis.writeRows(this.measureTextareaRows(this.ctaRef.el));\n\t\t\t} else if (!this._rows) {\n\t\t\t\tthis.writeRows(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncFormField();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.destroyFormField();\n\t\tthis.counter.destroy();\n\t}\n\n\tprivate readonly handleTextareaInput = (event: Event): void => {\n\t\tif (this.ctaRef.el instanceof HTMLTextAreaElement) {\n\t\t\tthis._value = this.ctaRef.el.value;\n\t\t\tif (this.getRenderProp('adjustHeight')) {\n\t\t\t\tthis.writeRows(this.measureTextareaRows(this.ctaRef.el));\n\t\t\t}\n\t\t\tthis.handleInput(event);\n\t\t}\n\t};\n\n\tprivate readonly handleTextareaChange = (event: Event): void => {\n\t\tthis.handleChange(event);\n\t\tthis.hasValue = Boolean((event.target as HTMLTextAreaElement).value);\n\t};\n\n\tprivate readonly handleTextareaFocus = (event: FocusEvent): void => {\n\t\tthis.handleFocus(event);\n\t\tthis.counter.retriggerAria(this._value?.length ?? 0);\n\t};\n\n\tprivate readonly handleTextareaKeyDown = (event: KeyboardEvent): void => {\n\t\tthis.handleKeyDown(event);\n\t\tthis.counter.handleKeyDown(event, this.ctaRef.el?.value.length ?? 0);\n\t};\n\n\tprivate writeRows(rows: number): void {\n\t\tthis.isWritingRows = true;\n\t\tthis._rows = rows;\n\t\tthis.isWritingRows = false;\n\t}\n\n\t/\n\t Measures the rows the content needs, so the textarea grows and shrinks with its content. The\n\t * result never falls below the rows the consumer set.\n\t \n\t @see https://stackoverflow.com/questions/17772260/textarea-auto-height\n\t /\n\tprivate measureTextareaRows(el: HTMLTextAreaElement): number {\n\t\t// Hides the scrollbar during the measurement; the padding is removed temporarily for a correct row height.\n\t\tel.style.overflow = 'hidden';\n\t\tel.style.padding = '0';\n\t\tconst currentRows = el.rows;\n\t\tconst rowHeight = el.clientHeight / currentRows;\n\t\tel.rows = 1;\n\t\tconst nextRows = Math.round(el.scrollHeight / rowHeight);\n\t\tel.rows = currentRows;\n\t\tel.style.padding = '';\n\n\t\tconst minRows = this.minRows;\n\t\treturn minRows && minRows > nextRows ? minRows : nextRows;\n\t}\n\n\t/\n\t Props of the native `<textarea>` in a fixed key order, which the hydrate snapshot pins. `spellCheck` is\n\t * accepted but not rendered (#10863).\n\t /\n\tprivate getTextareaProps(): TextAreaFCProps {\n\t\tconst id = this.id;\n\t\tconst shortKey = this.getRenderProp('shortKey');\n\t\tconst maxLength = this.counter.getMaxLengthAttribute();\n\t\tconst characterLimitHintId = this.counter.getCharacterLimitHintId(id);\n\t\tconst { ariaDescribedBy, hasError } = this.getAria();\n\n\t\treturn {\n\t\t\tid,\n\t\t\thideLabel: this.getRenderProp('hideLabel'),\n\t\t\tlabel: this.getRenderProp('label'),\n\t\t\tvalue: this.getRenderProp('value'),\n\t\t\taccessKey: this.getRenderProp('accessKey') \|\| undefined,\n\t\t\tdisabled: this.getRenderProp('disabled'),\n\t\t\t// The name prop defaults to `''`; an unnamed field renders no `name` attribute.\n\t\t\tname: this.getRenderProp('name') \|\| undefined,\n\t\t\trows: this.getRenderProp('rows'),\n\t\t\treadonly: this.getRenderProp('readOnly'),\n\t\t\trequired: this.getRenderProp('required'),\n\t\t\tplaceholder: this.getRenderProp('placeholder'),\n\t\t\ttouched: this.getRenderProp('touched'),\n\t\t\tmsg: this.getRenderProp('msg'),\n\t\t\tref: this.ctaRef,\n\t\t\tstyle: {\n\t\t\t\tresize: this.getRenderProp('resize'),\n\t\t\t},\n\t\t\tonBlur: this.handleBlur,\n\t\t\tonChange: this.handleTextareaChange,\n\t\t\tonClick: this.handleClick,\n\t\t\tonFocus: this.handleTextareaFocus,\n\t\t\tonInput: this.handleTextareaInput,\n\t\t\tonKeyDown: this.handleTextareaKeyDown,\n\t\t\tariaDescribedBy: characterLimitHintId ? [...ariaDescribedBy, characterLimitHintId] : ariaDescribedBy,\n\t\t\t'aria-invalid': hasError ? 'true' : undefined,\n\t\t\t...(maxLength !== undefined ? { maxLength } : {}),\n\t\t\t...(shortKey ? { 'aria-keyshortcuts': shortKey } : {}),\n\t\t};\n\t}\n\n\t/* Applies the value without a counter update; the watcher adds it. */\n\tprivate applyValue(value?: string): void {\n\t\tstringValueProp.apply(value, (v) => this.setRenderProp('value', v));\n\t\tthis.formAssociation.setFormAssociatedValue(this.getRenderProp('value'));\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst disabled = this.getRenderProp('disabled');\n\t\tconst { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<FormFieldFC\n\t\t\t\t\t{...this.getFormFieldProps({\n\t\t\t\t\t\tclass: clsx('kol-form-field-textarea', {\n\t\t\t\t\t\t\t'kol-form-field--has-value': this.hasValue,\n\t\t\t\t\t\t\t'kol-form-field--has-counter': this.counter.hasSoftLimit() \|\| this.counter.hasCounter(),\n\t\t\t\t\t\t}),\n\t\t\t\t\t\taccessKey: this.getRenderProp('accessKey') \|\| undefined,\n\t\t\t\t\t\tshortKey: this.getRenderProp('shortKey') \|\| undefined,\n\t\t\t\t\t\tvariant: this.getRenderProp('variant'),\n\t\t\t\t\t\trequired: this.getRenderProp('required'),\n\t\t\t\t\t\treadOnly: this.getRenderProp('readOnly'),\n\t\t\t\t\t\tmaxLength: this.counter.getRenderProp('maxLength'),\n\t\t\t\t\t\tcounter: this.counter.getCounterProps(),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<InputContainerFC\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tmsg={this.getRenderProp('msg')}\n\t\t\t\t\t\ttouched={this.getRenderProp('touched')}\n\t\t\t\t\t\tstartAdornment={startAdornment}\n\t\t\t\t\t\tendAdornment={endAdornment}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TextAreaFC {...this.getTextareaProps()} />\n\t\t\t\t\t</InputContainerFC>\n\t\t\t\t</FormFieldFC>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/textarea/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\tAriaDetailsPropType,\n\tClickableElement,\n\tFocusableElement,\n\tFormFieldLabelInfoPopoverProps,\n\tIconsHorizontalPropType,\n\tInputTypeOnDefault,\n\tKolFocusOptions,\n\tLabelWithExpertSlotPropType,\n\tMaxLengthBehaviorPropType,\n\tMsgPropType,\n\tNamePropType,\n\tRowsPropType,\n\tShortKeyPropType,\n\tSpellCheckPropType,\n\tStringified,\n\tSyncValueBySelectorPropType,\n\tTextareaProps,\n\tTextareaResizePropType,\n\tTooltipAlignPropType,\n\tVariantClassNamePropType,\n} from '../../schema';\nimport { validateAccessAndShortKey } from '../../schema/validators/access-and-short-key';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport { CounterBehavior } from '../../internal/functional-components/counter/behavior';\nimport { getInputAdornments } from '../../internal/functional-components/form-field/adornments';\nimport { BaseFormFieldWebComponent } from '../../internal/functional-components/form-field/base-web-component';\nimport { FormFieldFC } from '../../internal/functional-components/form-field/component';\nimport { InputContainerFC } from '../../internal/functional-components/form-field/input-container';\nimport { TextAreaFC, type TextAreaFCProps } from '../../internal/functional-components/form-field/textarea';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { TextareaApi } from '../../internal/functional-components/textarea/api';\nimport { textareaPropsConfig } from '../../internal/functional-components/textarea/api';\nimport {\n\taccessKeyProp,\n\tadjustHeightProp,\n\thorizontalIconsProp,\n\tplaceholderProp,\n\treadOnlyProp,\n\trequiredProp,\n\tresizeProp,\n\trowsProp,\n\tshortKeyProp,\n\tspellCheckProp,\n\tstringValueProp,\n\tvariantProp,\n} from '../../internal/props';\nimport clsx from '../../utils/clsx';\nimport { createUniqueId } from '../../utils/dev.utils';\nimport { createCtaRef, delegateClick, delegateFocus } from '../../utils/element-interaction';\n\n/*\n The Textarea component provides a larger input field for content. Unlike InputText, it also allows extensive content to be entered, including line breaks.\n \n @slot expert - Custom label content, e.g. for rich text or icons. https://public-ui.github.io/docs/concepts/expert-slot\n /\n@Component({\n\ttag: 'kol-textarea',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolTextarea\n\textends BaseFormFieldWebComponent<TextareaApi>\n\timplements ClickableElement, FocusableElement, TextareaProps, WebComponentInterface<TextareaApi>\n{\n\t@Element() protected readonly host?: HTMLKolTextareaElement;\n\n\t@State() public id = createUniqueId('textarea');\n\n\t/* Whether the info popover of the label is open. /\n\t@State() public infoPopoverOpen = false;\n\n\t@State() public inputHasFocus = false;\n\n\tprotected readonly ctaRef = createCtaRef<HTMLTextAreaElement>();\n\n\tprivate readonly counter = new CounterBehavior(BaseWebComponent.stateLess);\n\n\t/\n\t Whether the field has a value, rendered as the root class `kol-form-field--has-value`. It is a\n\t * plain field, not state, and only follows `change` (#11053).\n\t /\n\tprivate hasValue = false;\n\n\t/* The rows the consumer set; `_adjustHeight` never shrinks the textarea below them. /\n\tprivate minRows?: number;\n\n\t/* Set while the textarea writes its measured rows to `_rows`, so the watcher keeps `minRows`. /\n\tprivate isWritingRows = false;\n\n\tpublic constructor() {\n\t\tsuper();\n\t\tthis.initFormAssociation('textarea', this._name);\n\t}\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?: string;\n\n\t@Watch('_accessKey')\n\tpublic watchAccessKey(value?: string): void {\n\t\taccessKeyProp.apply(value, (v) => this.setRenderProp('accessKey', v));\n\t\tvalidateAccessAndShortKey(value, this._shortKey);\n\t}\n\n\t/\n\t Adjusts the height of the element to its content.\n\t * @TODO: change back to AdjustHeightPropType after stencil #4663 has been resolved\n\t /\n\t@Prop() public _adjustHeight?: boolean = false;\n\n\t@Watch('_adjustHeight')\n\tpublic watchAdjustHeight(value?: boolean): void {\n\t\tadjustHeightProp.apply(value, (v) => this.setRenderProp('adjustHeight', v));\n\t}\n\n\t/\n\t References an external element by ID that provides accessible details for this textarea.\n\t /\n\t@Prop() public _ariaDetails?: AriaDetailsPropType;\n\n\t@Watch('_ariaDetails')\n\tpublic watchAriaDetails(value?: AriaDetailsPropType): void {\n\t\tthis.applyAriaDetails(value);\n\t}\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t * @TODO: Change type back to `DisabledPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t@Watch('_disabled')\n\tpublic watchDisabled(value?: boolean): void {\n\t\tthis.applyDisabled(value);\n\t}\n\n\t/\n\t Hides the error message but leaves it in the DOM for the input's aria-describedby.\n\t * @TODO: Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideMsg?: boolean = false;\n\n\t@Watch('_hideMsg')\n\tpublic watchHideMsg(value?: boolean): void {\n\t\tthis.applyHideMsg(value);\n\t}\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@Watch('_hideLabel')\n\tpublic watchHideLabel(value?: boolean): void {\n\t\tthis.applyHideLabel(value);\n\t}\n\n\t/\n\t Defines the hint text.\n\t /\n\t@Prop() public _hint?: string = '';\n\n\t@Watch('_hint')\n\tpublic watchHint(value?: string): void {\n\t\tthis.applyHint(value);\n\t}\n\n\t/\n\t Defines the icon classnames.\n\t /\n\t@Prop() public _icons?: IconsHorizontalPropType;\n\n\t@Watch('_icons')\n\tpublic watchIcons(value?: IconsHorizontalPropType): void {\n\t\thorizontalIconsProp.apply(value, (v) => this.setRenderProp('icons', v));\n\t}\n\n\t/\n\t Defines the informational popover after the label.\n\t /\n\t@Prop() public _infoPopover?: FormFieldLabelInfoPopoverProps;\n\n\t@Watch('_infoPopover')\n\tpublic watchInfoPopover(value?: FormFieldLabelInfoPopoverProps): void {\n\t\tthis.applyInfoPopover(value);\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.). Set to `false` to enable the expert slot.\n\t /\n\t@Prop() public _label!: LabelWithExpertSlotPropType;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: LabelWithExpertSlotPropType): void {\n\t\tthis.applyLabel(value);\n\t}\n\n\t/\n\t Defines the maximum number of input characters.\n\t /\n\t@Prop() public _maxLength?: number;\n\n\t@Watch('_maxLength')\n\tpublic watchMaxLength(value?: number): void {\n\t\tthis.counter.watchMaxLength(value);\n\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t}\n\n\t/\n\t Shows a character counter for the input element.\n\t /\n\t@Prop() public _hasCounter?: boolean = false;\n\n\t@Watch('_hasCounter')\n\tpublic watchHasCounter(value?: boolean): void {\n\t\tthis.counter.watchHasCounter(value);\n\t}\n\n\t/\n\t Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.\n\t /\n\t@Prop() public _maxLengthBehavior?: MaxLengthBehaviorPropType = 'hard';\n\n\t@Watch('_maxLengthBehavior')\n\tpublic watchMaxLengthBehavior(value?: MaxLengthBehaviorPropType): void {\n\t\tthis.counter.watchMaxLengthBehavior(value);\n\t}\n\n\t/\n\t Defines the properties for a message rendered as Alert component.\n\t /\n\t@Prop() public _msg?: Stringified<MsgPropType>;\n\n\t@Watch('_msg')\n\tpublic watchMsg(value?: Stringified<MsgPropType>): void {\n\t\tthis.applyMsg(value);\n\t}\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: NamePropType;\n\n\t@Watch('_name')\n\tpublic watchName(value?: NamePropType): void {\n\t\tthis.applyName(value);\n\t}\n\n\t/\n\t Gibt die EventCallback-Funktionen für das Input-Event an.\n\t /\n\t@Prop() public _on?: InputTypeOnDefault;\n\n\t@Watch('_on')\n\tpublic watchOn(value?: InputTypeOnDefault): void {\n\t\tthis.applyOn(value);\n\t}\n\n\t/\n\t Defines the placeholder for input field. To be shown when there's no value.\n\t /\n\t@Prop() public _placeholder?: string;\n\n\t@Watch('_placeholder')\n\tpublic watchPlaceholder(value?: string): void {\n\t\tplaceholderProp.apply(value, (v) => this.setRenderProp('placeholder', v));\n\t}\n\n\t/\n\t Makes the input element read only.\n\t * @TODO: Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _readOnly?: boolean = false;\n\n\t@Watch('_readOnly')\n\tpublic watchReadOnly(value?: boolean): void {\n\t\treadOnlyProp.apply(value, (v) => this.setRenderProp('readOnly', v));\n\t}\n\n\t/\n\t Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)\n\t * In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.\n\t /\n\t@Prop() public _resize?: TextareaResizePropType = 'vertical';\n\n\t@Watch('_resize')\n\tpublic watchResize(value?: TextareaResizePropType): void {\n\t\tresizeProp.apply(value, (v) => this.setRenderProp('resize', v));\n\t}\n\n\t/\n\t Makes the input element required.\n\t * @TODO: Change type back to `RequiredPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _required?: boolean = false;\n\n\t@Watch('_required')\n\tpublic watchRequired(value?: boolean): void {\n\t\trequiredProp.apply(value, (v) => this.setRenderProp('required', v));\n\t}\n\n\t/\n\t Maximum number of visible rows of the element.\n\t /\n\t@Prop({ mutable: true, reflect: false }) public _rows?: RowsPropType;\n\n\t@Watch('_rows')\n\tpublic watchRows(value?: RowsPropType): void {\n\t\trowsProp.apply(value, (v) => {\n\t\t\tthis.setRenderProp('rows', v);\n\t\t\tif (!this.isWritingRows) {\n\t\t\t\tthis.minRows = v;\n\t\t\t}\n\t\t});\n\t}\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@Watch('_shortKey')\n\tpublic watchShortKey(value?: ShortKeyPropType): void {\n\t\tshortKeyProp.apply(value, (v) => this.setRenderProp('shortKey', v));\n\t\tvalidateAccessAndShortKey(this._accessKey, value);\n\t}\n\n\t/\n\t Defines whether the browser should check the spelling and grammar.\n\t /\n\t@Prop() public _spellCheck?: SpellCheckPropType;\n\n\t@Watch('_spellCheck')\n\tpublic watchSpellCheck(value?: SpellCheckPropType): void {\n\t\tspellCheckProp.apply(value, (v) => this.setRenderProp('spellCheck', v));\n\t}\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@Watch('_syncValueBySelector')\n\tpublic watchSyncValueBySelector(value?: SyncValueBySelectorPropType): void {\n\t\tthis.applySyncValueBySelector(value);\n\t}\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@Watch('_tooltipAlign')\n\tpublic watchTooltipAlign(value?: TooltipAlignPropType): void {\n\t\tthis.applyTooltipAlign(value);\n\t}\n\n\t/\n\t Shows if the input was touched by a user.\n\t * @TODO: Change type back to `TouchedPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _touched?: boolean = false;\n\n\t@Watch('_touched')\n\tpublic watchTouched(value?: boolean): void {\n\t\tthis.applyTouched(value);\n\t}\n\n\t/\n\t Defines the value of the element.\n\t /\n\t@Prop({ mutable: true, reflect: true }) public _value?: string;\n\n\t@Watch('_value')\n\tpublic watchValue(value?: string): void {\n\t\tthis.applyValue(value);\n\t\tthis.counter.update(value?.length ?? 0);\n\t}\n\n\t/\n\t Defines which variant should be used for presentation.\n\t /\n\t@Prop() public _variant?: VariantClassNamePropType;\n\n\t@Watch('_variant')\n\tpublic watchVariant(value?: VariantClassNamePropType): void {\n\t\tvariantProp.apply(value, (v) => this.setRenderProp('variant', v));\n\t}\n\n\t/\n\t Returns the current value.\n\t /\n\t@Method()\n\t// eslint-disable-next-line @typescript-eslint/require-await\n\tpublic async getValue(): Promise<string \| undefined> {\n\t\treturn this.ctaRef.el?.value;\n\t}\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\t@delegateFocus('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@delegateClick('ctaRef')\n\tpublic async click(): Promise<void> {}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(textareaPropsConfig);\n\t\tthis.watchAriaDetails(this._ariaDetails);\n\t\tthis._touched = this._touched === true;\n\t\tthis.watchName(this._name);\n\t\tthis.watchSyncValueBySelector(this._syncValueBySelector);\n\t\tthis.watchTouched(this._touched);\n\t\tthis.watchAccessKey(this._accessKey);\n\t\tthis.watchAdjustHeight(this._adjustHeight);\n\t\tthis.watchMsg(this._msg);\n\t\tthis.watchDisabled(this._disabled);\n\t\tthis.watchHideMsg(this._hideMsg);\n\t\tthis.watchHideLabel(this._hideLabel);\n\t\tthis.watchHint(this._hint);\n\t\tthis.watchInfoPopover(this._infoPopover);\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchShortKey(this._shortKey);\n\t\tthis.watchOn(this._on);\n\t\tthis.watchTooltipAlign(this._tooltipAlign);\n\t\tthis.watchVariant(this._variant);\n\t\tthis.watchIcons(this._icons);\n\t\tthis.watchHasCounter(this._hasCounter);\n\t\tthis.watchMaxLengthBehavior(this._maxLengthBehavior);\n\t\t// Without a counter update: `componentDidLoad` fills the counter once its spans exist.\n\t\tthis.counter.watchMaxLength(this._maxLength);\n\t\tthis.watchPlaceholder(this._placeholder);\n\t\tthis.watchReadOnly(this._readOnly);\n\t\tthis.watchRequired(this._required);\n\t\tthis.watchResize(this._resize);\n\t\tthis.watchRows(this._rows);\n\t\tthis.watchSpellCheck(this._spellCheck);\n\t\tthis.applyValue(this._value);\n\t\tthis.hasValue = Boolean(this.getRenderProp('value'));\n\t}\n\n\tpublic componentDidLoad(): void {\n\t\tif (this.counter.hasCounter() \|\| this.counter.hasSoftLimit()) {\n\t\t\tthis.counter.updateImmediate(this._value?.length ?? 0);\n\t\t}\n\t\t// Runs after the first paint, so the height can be measured.\n\t\tsetTimeout(() => {\n\t\t\tif (this._adjustHeight === true && this.ctaRef.el) {\n\t\t\t\tthis.writeRows(this.measureTextareaRows(this.ctaRef.el));\n\t\t\t} else if (!this._rows) {\n\t\t\t\tthis.writeRows(1);\n\t\t\t}\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.syncFormField();\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tthis.destroyFormField();\n\t\tthis.counter.destroy();\n\t}\n\n\tprivate readonly handleTextareaInput = (event: Event): void => {\n\t\tif (this.ctaRef.el instanceof HTMLTextAreaElement) {\n\t\t\tthis._value = this.ctaRef.el.value;\n\t\t\tif (this.getRenderProp('adjustHeight')) {\n\t\t\t\tthis.writeRows(this.measureTextareaRows(this.ctaRef.el));\n\t\t\t}\n\t\t\tthis.handleInput(event);\n\t\t}\n\t};\n\n\tprivate readonly handleTextareaChange = (event: Event): void => {\n\t\tthis.handleChange(event);\n\t\tthis.hasValue = Boolean((event.target as HTMLTextAreaElement).value);\n\t};\n\n\tprivate readonly handleTextareaFocus = (event: FocusEvent): void => {\n\t\tthis.handleFocus(event);\n\t\tthis.counter.retriggerAria(this._value?.length ?? 0);\n\t};\n\n\tprivate readonly handleTextareaKeyDown = (event: KeyboardEvent): void => {\n\t\tthis.handleKeyDown(event);\n\t\tthis.counter.handleKeyDown(event, this.ctaRef.el?.value.length ?? 0);\n\t};\n\n\tprivate writeRows(rows: number): void {\n\t\tthis.isWritingRows = true;\n\t\tthis._rows = rows;\n\t\tthis.isWritingRows = false;\n\t}\n\n\t/\n\t Measures the rows the content needs, so the textarea grows and shrinks with its content. The\n\t * result never falls below the rows the consumer set.\n\t \n\t @see https://stackoverflow.com/questions/17772260/textarea-auto-height\n\t /\n\tprivate measureTextareaRows(el: HTMLTextAreaElement): number {\n\t\t// Hides the scrollbar during the measurement; the padding is removed temporarily for a correct row height.\n\t\tel.style.overflow = 'hidden';\n\t\tel.style.padding = '0';\n\t\tconst currentRows = el.rows;\n\t\tconst rowHeight = el.clientHeight / currentRows;\n\t\tel.rows = 1;\n\t\tconst nextRows = Math.round(el.scrollHeight / rowHeight);\n\t\tel.rows = currentRows;\n\t\tel.style.padding = '';\n\n\t\tconst minRows = this.minRows;\n\t\treturn minRows && minRows > nextRows ? minRows : nextRows;\n\t}\n\n\t/\n\t Props of the native `<textarea>` in a fixed key order, which the hydrate snapshot pins.\n\t /\n\tprivate getTextareaProps(): TextAreaFCProps {\n\t\tconst id = this.id;\n\t\tconst shortKey = this.getRenderProp('shortKey');\n\t\tconst maxLength = this.counter.getMaxLengthAttribute();\n\t\tconst characterLimitHintId = this.counter.getCharacterLimitHintId(id);\n\t\tconst { ariaDescribedBy, hasError } = this.getAria();\n\n\t\treturn {\n\t\t\tid,\n\t\t\thideLabel: this.getRenderProp('hideLabel'),\n\t\t\tlabel: this.getRenderProp('label'),\n\t\t\tvalue: this.getRenderProp('value'),\n\t\t\taccessKey: this.getRenderProp('accessKey') \|\| undefined,\n\t\t\tdisabled: this.getRenderProp('disabled'),\n\t\t\t// The name prop defaults to `''`; an unnamed field renders no `name` attribute.\n\t\t\tname: this.getRenderProp('name') \|\| undefined,\n\t\t\trows: this.getRenderProp('rows'),\n\t\t\treadonly: this.getRenderProp('readOnly'),\n\t\t\trequired: this.getRenderProp('required'),\n\t\t\tplaceholder: this.getRenderProp('placeholder'),\n\t\t\tspellcheck: this.getRenderProp('spellCheck'),\n\t\t\ttouched: this.getRenderProp('touched'),\n\t\t\tmsg: this.getRenderProp('msg'),\n\t\t\tref: this.ctaRef,\n\t\t\tstyle: {\n\t\t\t\tresize: this.getRenderProp('resize'),\n\t\t\t},\n\t\t\tonBlur: this.handleBlur,\n\t\t\tonChange: this.handleTextareaChange,\n\t\t\tonClick: this.handleClick,\n\t\t\tonFocus: this.handleTextareaFocus,\n\t\t\tonInput: this.handleTextareaInput,\n\t\t\tonKeyDown: this.handleTextareaKeyDown,\n\t\t\tariaDescribedBy: characterLimitHintId ? [...ariaDescribedBy, characterLimitHintId] : ariaDescribedBy,\n\t\t\t'aria-invalid': hasError ? 'true' : undefined,\n\t\t\t...(maxLength !== undefined ? { maxLength } : {}),\n\t\t\t...(shortKey ? { 'aria-keyshortcuts': shortKey } : {}),\n\t\t};\n\t}\n\n\t/* Applies the value without a counter update; the watcher adds it. */\n\tprivate applyValue(value?: string): void {\n\t\tstringValueProp.apply(value, (v) => this.setRenderProp('value', v));\n\t\tthis.formAssociation.setFormAssociatedValue(this.getRenderProp('value'));\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst disabled = this.getRenderProp('disabled');\n\t\tconst { startAdornment, endAdornment } = getInputAdornments({ icons: this.getRenderProp('icons') });\n\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<FormFieldFC\n\t\t\t\t\t{...this.getFormFieldProps({\n\t\t\t\t\t\tclass: clsx('kol-form-field-textarea', {\n\t\t\t\t\t\t\t'kol-form-field--has-value': this.hasValue,\n\t\t\t\t\t\t\t'kol-form-field--has-counter': this.counter.hasSoftLimit() \|\| this.counter.hasCounter(),\n\t\t\t\t\t\t}),\n\t\t\t\t\t\taccessKey: this.getRenderProp('accessKey') \|\| undefined,\n\t\t\t\t\t\tshortKey: this.getRenderProp('shortKey') \|\| undefined,\n\t\t\t\t\t\tvariant: this.getRenderProp('variant'),\n\t\t\t\t\t\trequired: this.getRenderProp('required'),\n\t\t\t\t\t\treadOnly: this.getRenderProp('readOnly'),\n\t\t\t\t\t\tmaxLength: this.counter.getRenderProp('maxLength'),\n\t\t\t\t\t\tcounter: this.counter.getCounterProps(),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<InputContainerFC\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tmsg={this.getRenderProp('msg')}\n\t\t\t\t\t\ttouched={this.getRenderProp('touched')}\n\t\t\t\t\t\tstartAdornment={startAdornment}\n\t\t\t\t\t\tendAdornment={endAdornment}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TextAreaFC {...this.getTextareaProps()} />\n\t\t\t\t\t</InputContainerFC>\n\t\t\t\t</FormFieldFC>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/textarea/style.css CHANGED Viewed

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

package/dist/collection/components/toaster/style.css CHANGED Viewed

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

package/dist/collection/components/toolbar/component.js CHANGED Viewed

@@ -102,7 +102,7 @@ export class KolToolbar extends BaseWebComponent {
         return undefined;
     }
     render() {
-        return (h(Host, { key: '5853008d388ad99f2218052bb4eeda9b66c22260' }, h(ToolbarFC, { key: 'cdc594520340569800b59be57981f64b81928b6a', currentIndex: this.currentIndex, itemRecords: this.itemRecords, label: this.getRenderProp('label'), location: this.location, orientation: this.getRenderProp('orientation') })));
+        return (h(Host, { key: '583e538c6adc295d04d001eac9cba1b21f78bfdc' }, h(ToolbarFC, { key: 'af55e9fa68d8ad154319accbc80125c5a4d72f5c', currentIndex: this.currentIndex, itemRecords: this.itemRecords, label: this.getRenderProp('label'), location: this.location, orientation: this.getRenderProp('orientation') })));
     }
     static get is() { return "kol-toolbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toolbar/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/toolbar/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { ToolbarApi } from '../../internal/functional-components/toolbar/api';\nimport { toolbarPropsConfig } from '../../internal/functional-components/toolbar/api';\nimport { ToolbarFC } from '../../internal/functional-components/toolbar/component';\nimport type { ToolbarButtonItem, ToolbarLinkItem } from '../../internal/functional-components/toolbar/item';\nimport { createToolbarItem } from '../../internal/functional-components/toolbar/item';\nimport { labelWithExpertSlotProp, orientationProp, toolbarItemsProp } from '../../internal/props';\nimport type { ClickableElement, FocusableElement, KolFocusOptions, ToolbarItemsPropType, ToolbarProps } from '../../schema';\nimport { KeyboardKey } from '../../schema/enums';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport type { UnsubscribeFunction } from '../link/ariaCurrentService';\nimport { onLocationChange } from '../link/ariaCurrentService';\n\nconst ARROW_KEYS: KeyboardKey[] = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft];\n\n@Component({\n\ttag: 'kol-toolbar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToolbar extends BaseWebComponent<ToolbarApi> implements ClickableElement, FocusableElement, ToolbarProps, WebComponentInterface<ToolbarApi> {\n\t@Element() protected readonly host?: HTMLKolToolbarElement;\n\n\t@State() public currentIndex: number = 0;\n\n\t@State() public itemRecords: Array<ToolbarButtonItem \| ToolbarLinkItem> = [];\n\n\t@State() public location: string = '';\n\n\tprivate unsubscribeOnLocationChange?: UnsubscribeFunction;\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!: string;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: string): void {\n\t\tlabelWithExpertSlotProp.apply(value, (v) => this.setRenderProp('label', v));\n\t}\n\n\t/\n\t Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).\n\t /\n\t@Prop() public _items!: ToolbarItemsPropType;\n\n\t@Watch('_items')\n\tpublic watchItems(value?: ToolbarItemsPropType): void {\n\t\ttoolbarItemsProp.apply(value, (items) => {\n\t\t\tthis.setRenderProp('items', items);\n\t\t\tthis.itemRecords.forEach((record) => record.destroy());\n\t\t\tthis.itemRecords = items.map((item) => createToolbarItem(item, () => this.host));\n\t\t\tthis.setFirstEnabledItemIndex();\n\t\t});\n\t}\n\n\t/\n\t Defines whether the orientation of the component is horizontal or vertical.\n\t /\n\t@Prop() public _orientation?: OrientationPropType;\n\n\t@Watch('_orientation')\n\tpublic watchOrientation(value?: OrientationPropType): void {\n\t\torientationProp.apply(value, (v) => this.setRenderProp('orientation', v));\n\t}\n\n\t/\n\t Sets focus on the currently active toolbar item.\n\t /\n\t@Method()\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {\n\t\tconst element = this.getCurrentItemElement();\n\t\tif (element) {\n\t\t\treturn delegateFocus(this.host!, () => setFocus(element, options));\n\t\t}\n\t}\n\n\t/\n\t Triggers a click on the currently active toolbar item.\n\t /\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\tconst element = this.getCurrentItemElement();\n\t\tif (element) {\n\t\t\treturn delegateClick(this.host!, async () => setClick(element));\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(toolbarPropsConfig);\n\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchItems(this._items);\n\t\tthis.watchOrientation(this._orientation);\n\n\t\tthis.unsubscribeOnLocationChange = onLocationChange((location) => {\n\t\t\tthis.location = location;\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.itemRecords.forEach((record) => record.syncListeners());\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tif (this.unsubscribeOnLocationChange) {\n\t\t\tthis.unsubscribeOnLocationChange();\n\t\t\tthis.unsubscribeOnLocationChange = undefined;\n\t\t}\n\t\tthis.itemRecords.forEach((record) => record.destroy());\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent): void {\n\t\tconst pressedKey = event.code as KeyboardKey;\n\t\tif (!ARROW_KEYS.includes(pressedKey)) return;\n\t\tevent.preventDefault();\n\n\t\tif (this.itemRecords.length === 0) return;\n\t\tconst step = pressedKey === KeyboardKey.ArrowUp \|\| pressedKey === KeyboardKey.ArrowLeft ? -1 : 1;\n\t\tconst nextIndex = this.findNextEnabledItemIndex(this.currentIndex, step);\n\n\t\tif (nextIndex === undefined \|\| nextIndex === this.currentIndex) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex = nextIndex;\n\t\tvoid this.itemRecords[nextIndex].getElement()?.focus();\n\t}\n\n\t/\n\t Resets the roving tabindex to the first enabled item once focus leaves the toolbar.\n\t /\n\t@Listen('focusout', { capture: true })\n\tpublic handleFocusout(event: FocusEvent): void {\n\t\tif (event.target === this.host) this.setFirstEnabledItemIndex();\n\t}\n\n\t/\n\t The interactive element the roving tabindex points at, or `undefined` while that item is\n\t * disabled: the index is seeded with the first enabled item, but an item can be disabled again\n\t * while it is current.\n\t /\n\tprivate getCurrentItemElement(): HTMLAnchorElement \| HTMLButtonElement \| undefined {\n\t\tconst record = this.itemRecords[this.currentIndex];\n\t\treturn record && !record.disabled ? record.getElement() : undefined;\n\t}\n\n\tprivate setFirstEnabledItemIndex(): void {\n\t\tthis.currentIndex = this.itemRecords.findIndex((record) => !record.disabled);\n\t}\n\n\t/\n\t Walks the items from `fromIndex` in `step` direction, wrapping around, and returns the first\n\t * enabled one.\n\t \n\t Disabled items are skipped rather than blocking the walk: stopping at the first disabled\n\t * neighbour would make every item behind it unreachable by keyboard.\n\t \n\t @returns the index to move to, or `undefined` when no other item is enabled.\n\t /\n\tprivate findNextEnabledItemIndex(fromIndex: number, step: -1 \| 1): number \| undefined {\n\t\tconst itemCount = this.itemRecords.length;\n\t\tfor (let offset = 1; offset <= itemCount; offset++) {\n\t\t\tconst candidate = (((fromIndex + step offset) % itemCount) + itemCount) % itemCount;\n\t\t\tif (!this.itemRecords[candidate].disabled) {\n\t\t\t\treturn candidate;\n\t\t\t}\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<ToolbarFC\n\t\t\t\t\tcurrentIndex={this.currentIndex}\n\t\t\t\t\titemRecords={this.itemRecords}\n\t\t\t\t\tlabel={this.getRenderProp('label')}\n\t\t\t\t\tlocation={this.location}\n\t\t\t\t\torientation={this.getRenderProp('orientation')}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
1	+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../src/components/toolbar/component.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport { BaseWebComponent } from '../../internal/functional-components/base-web-component';\nimport type { WebComponentInterface } from '../../internal/functional-components/generic-types';\nimport type { ToolbarApi } from '../../internal/functional-components/toolbar/api';\nimport { toolbarPropsConfig } from '../../internal/functional-components/toolbar/api';\nimport { ToolbarFC } from '../../internal/functional-components/toolbar/component';\nimport type { ToolbarButtonItem, ToolbarHRItem, ToolbarLinkItem } from '../../internal/functional-components/toolbar/item';\nimport { createToolbarItem } from '../../internal/functional-components/toolbar/item';\nimport { labelWithExpertSlotProp, orientationProp, toolbarItemsProp } from '../../internal/props';\nimport type { ClickableElement, FocusableElement, KolFocusOptions, ToolbarItemsPropType, ToolbarProps } from '../../schema';\nimport { KeyboardKey } from '../../schema/enums';\nimport type { OrientationPropType } from '../../schema/props/orientation';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport type { UnsubscribeFunction } from '../link/ariaCurrentService';\nimport { onLocationChange } from '../link/ariaCurrentService';\n\nconst ARROW_KEYS: KeyboardKey[] = [KeyboardKey.ArrowUp, KeyboardKey.ArrowDown, KeyboardKey.ArrowRight, KeyboardKey.ArrowLeft];\n\n@Component({\n\ttag: 'kol-toolbar',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolToolbar extends BaseWebComponent<ToolbarApi> implements ClickableElement, FocusableElement, ToolbarProps, WebComponentInterface<ToolbarApi> {\n\t@Element() protected readonly host?: HTMLKolToolbarElement;\n\n\t@State() public currentIndex: number = 0;\n\n\t@State() public itemRecords: Array<ToolbarButtonItem \| ToolbarLinkItem \| ToolbarHRItem> = [];\n\n\t@State() public location: string = '';\n\n\tprivate unsubscribeOnLocationChange?: UnsubscribeFunction;\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!: string;\n\n\t@Watch('_label')\n\tpublic watchLabel(value?: string): void {\n\t\tlabelWithExpertSlotProp.apply(value, (v) => this.setRenderProp('label', v));\n\t}\n\n\t/\n\t Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).\n\t /\n\t@Prop() public _items!: ToolbarItemsPropType;\n\n\t@Watch('_items')\n\tpublic watchItems(value?: ToolbarItemsPropType): void {\n\t\ttoolbarItemsProp.apply(value, (items) => {\n\t\t\tthis.setRenderProp('items', items);\n\t\t\tthis.itemRecords.forEach((record) => record.destroy());\n\t\t\tthis.itemRecords = items.map((item) => createToolbarItem(item, () => this.host));\n\t\t\tthis.setFirstEnabledItemIndex();\n\t\t});\n\t}\n\n\t/\n\t Defines whether the orientation of the component is horizontal or vertical.\n\t /\n\t@Prop() public _orientation?: OrientationPropType;\n\n\t@Watch('_orientation')\n\tpublic watchOrientation(value?: OrientationPropType): void {\n\t\torientationProp.apply(value, (v) => this.setRenderProp('orientation', v));\n\t}\n\n\t/\n\t Sets focus on the currently active toolbar item.\n\t /\n\t@Method()\n\tpublic async focus(options?: KolFocusOptions): Promise<void> {\n\t\tconst element = this.getCurrentItemElement();\n\t\tif (element) {\n\t\t\treturn delegateFocus(this.host!, () => setFocus(element, options));\n\t\t}\n\t}\n\n\t/\n\t Triggers a click on the currently active toolbar item.\n\t /\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\tconst element = this.getCurrentItemElement();\n\t\tif (element) {\n\t\t\treturn delegateClick(this.host!, async () => setClick(element));\n\t\t}\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.initRenderProps(toolbarPropsConfig);\n\n\t\tthis.watchLabel(this._label);\n\t\tthis.watchItems(this._items);\n\t\tthis.watchOrientation(this._orientation);\n\n\t\tthis.unsubscribeOnLocationChange = onLocationChange((location) => {\n\t\t\tthis.location = location;\n\t\t});\n\t}\n\n\tpublic componentDidRender(): void {\n\t\tthis.itemRecords.forEach((record) => record.syncListeners());\n\t}\n\n\tpublic disconnectedCallback(): void {\n\t\tif (this.unsubscribeOnLocationChange) {\n\t\t\tthis.unsubscribeOnLocationChange();\n\t\t\tthis.unsubscribeOnLocationChange = undefined;\n\t\t}\n\t\tthis.itemRecords.forEach((record) => record.destroy());\n\t}\n\n\t@Listen('keydown')\n\tpublic handleKeyDown(event: KeyboardEvent): void {\n\t\tconst pressedKey = event.code as KeyboardKey;\n\t\tif (!ARROW_KEYS.includes(pressedKey)) return;\n\t\tevent.preventDefault();\n\n\t\tif (this.itemRecords.length === 0) return;\n\t\tconst step = pressedKey === KeyboardKey.ArrowUp \|\| pressedKey === KeyboardKey.ArrowLeft ? -1 : 1;\n\t\tconst nextIndex = this.findNextEnabledItemIndex(this.currentIndex, step);\n\n\t\tif (nextIndex === undefined \|\| nextIndex === this.currentIndex) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.currentIndex = nextIndex;\n\t\tvoid this.itemRecords[nextIndex].getElement()?.focus();\n\t}\n\n\t/\n\t Resets the roving tabindex to the first enabled item once focus leaves the toolbar.\n\t /\n\t@Listen('focusout', { capture: true })\n\tpublic handleFocusout(event: FocusEvent): void {\n\t\tif (event.target === this.host) this.setFirstEnabledItemIndex();\n\t}\n\n\t/\n\t The interactive element the roving tabindex points at, or `undefined` while that item is\n\t * disabled: the index is seeded with the first enabled item, but an item can be disabled again\n\t * while it is current.\n\t /\n\tprivate getCurrentItemElement(): HTMLAnchorElement \| HTMLButtonElement \| HTMLHRElement \| undefined {\n\t\tconst record = this.itemRecords[this.currentIndex];\n\t\treturn record && !record.disabled ? record.getElement() : undefined;\n\t}\n\n\tprivate setFirstEnabledItemIndex(): void {\n\t\tthis.currentIndex = this.itemRecords.findIndex((record) => !record.disabled);\n\t}\n\n\t/\n\t Walks the items from `fromIndex` in `step` direction, wrapping around, and returns the first\n\t * enabled one.\n\t \n\t Disabled items are skipped rather than blocking the walk: stopping at the first disabled\n\t * neighbour would make every item behind it unreachable by keyboard.\n\t \n\t @returns the index to move to, or `undefined` when no other item is enabled.\n\t /\n\tprivate findNextEnabledItemIndex(fromIndex: number, step: -1 \| 1): number \| undefined {\n\t\tconst itemCount = this.itemRecords.length;\n\t\tfor (let offset = 1; offset <= itemCount; offset++) {\n\t\t\tconst candidate = (((fromIndex + step offset) % itemCount) + itemCount) % itemCount;\n\t\t\tif (!this.itemRecords[candidate].disabled) {\n\t\t\t\treturn candidate;\n\t\t\t}\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host>\n\t\t\t\t<ToolbarFC\n\t\t\t\t\tcurrentIndex={this.currentIndex}\n\t\t\t\t\titemRecords={this.itemRecords}\n\t\t\t\t\tlabel={this.getRenderProp('label')}\n\t\t\t\t\tlocation={this.location}\n\t\t\t\t\torientation={this.getRenderProp('orientation')}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/toolbar/style.css CHANGED Viewed

@@ -283,8 +283,8 @@
 }
 @font-face {
   font-family: "kolicons";
-  src: url("kolicons.eot?t=1791360508850"); /* IE9*/
-  src: url("kolicons.eot?t=1791360508850#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791360508850") format("woff2"), url("kolicons.woff?t=1791360508850") format("woff"), url("kolicons.ttf?t=1791360508850") format("truetype"), url("kolicons.svg?t=1791360508850#kolicons") format("svg"); /* iOS 4.1- */
+  src: url("kolicons.eot?t=1791539188494"); /* IE9*/
+  src: url("kolicons.eot?t=1791539188494#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1791539188494") format("woff2"), url("kolicons.woff?t=1791539188494") format("woff"), url("kolicons.ttf?t=1791539188494") format("truetype"), url("kolicons.svg?t=1791539188494#kolicons") format("svg"); /* iOS 4.1- */
 }
 @layer kol-component {
   [class^=kolicon-], [class*=" kolicon-"] {
@@ -578,7 +578,10 @@
   .kol-toolbar {
     display: flex;
     flex-wrap: wrap;
-    align-items: center;
+    align-items: stretch;
+  }
+  .kol-toolbar--orientation-horizontal .kol-toolbar__item hr {
+    height: 100%;
   }
   .kol-toolbar--orientation-vertical {
     flex-direction: column;
@@ -587,6 +590,9 @@
   .kol-toolbar--orientation-vertical .kol-span {
     align-items: flex-start;
   }
+  .kol-toolbar__item hr {
+    margin: 0;
+  }
   .kol-toolbar:focus-within {
     outline: 1px solid;
     outline-offset: 2px;

package/dist/collection/components/tree-item/style.css CHANGED Viewed

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