npm - @public-ui/components - Versions diffs - 4.0.2 → 4.0.3-rc.1 - Mend

@public-ui/components 4.0.2 → 4.0.3-rc.1

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 (483) hide show

package/dist/components/kol-split-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kol-split-button.js","mappings":"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","names":["KolSplitButton","__stencil_proxyCustomElement"],"sources":["src/components/split-button/style.scss?tag=kol-split-button&mode=default&encapsulation=shadow","src/components/split-button/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as ;\n@use '../../styles/global' as ;\n@use '../popover/style.scss' as ;\n@use '../tooltip/style.scss' as ;\n\n@layer kol-component {\n\t.kol-split-button {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t&__root {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\talign-items: stretch;\n\t\t}\n\t\t&__button {\n\t\t\tmin-width: 0;\n\t\t\tflex: 1 1 auto;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.kol-popover {\n\t\t\tz-index: 1;\n\n\t\t\t&__content {\n\t\t\t\tmargin-top: to-rem(2);\n\t\t\t}\n\n\t\t\t&__arrow {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop, State } from '@stencil/core';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tShortKeyPropType,\n\tSplitButtonProps,\n\tSplitButtonStates,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport { KolButtonWcTag, KolPopoverWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport clsx from '../../utils/clsx';\n\n/*\n @slot - Ermöglicht das Einfügen beliebigen HTMLs in das dropdown.\n /\n@Component({\n\ttag: 'kol-split-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSplitButton implements SplitButtonProps /, SplitButtonAPI/ {\n\tprivate primaryButtonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchPrimaryRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.primaryButtonWcRef = ref;\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<StencilUnknown> {\n\t\treturn this._value;\n\t}\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\tpublic async focus() {\n\t\treturn Promise.resolve(this.primaryButtonWcRef?.focus());\n\t}\n\n\tprivate readonly clickButtonHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\n\t\t\tif (typeof this._on?.onClick === 'function') {\n\t\t\t\t// TODO: this._on is not validated\n\t\t\t\tthis._on?.onClick(event, this._value);\n\t\t\t}\n\t\t},\n\t};\n\tprivate readonly clickToggleHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\t\t\tthis.toggleDropdown();\n\t\t},\n\t};\n\n\tprivate readonly toggleDropdown = () => {\n\t\tthis.state = { ...this.state, _show: !this.state._show };\n\t};\n\n\tprivate readonly handleOnClose = () => {\n\t\tthis.state = { ...this.state, _show: false };\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst i18nDropdownLabel = 'kol-split-button-dropdown-label';\n\t\treturn (\n\t\t\t<div class=\"kol-split-button\">\n\t\t\t\t<div class=\"kol-split-button__root\">\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-split-button__button', {\n\t\t\t\t\t\t\t[this._variant as string]: this._variant !== 'custom',\n\t\t\t\t\t\t\t[this._customClass as string]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tref={this.catchPrimaryRef}\n\t\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t\t_id={this._id}\n\t\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t\t_name={this._name}\n\t\t\t\t\t\t_on={this.clickButtonHandler}\n\t\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t_type={this._type}\n\t\t\t\t\t\t_value={this._value}\n\t\t\t\t\t\t_buttonVariant={this._variant}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t<div class=\"kol-split-button__horizontal-line\"></div>\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"kol-split-button__secondary-button\"\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons=\"kolicon-chevron-down\"\n\t\t\t\t\t\t_label={this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`)}\n\t\t\t\t\t\t_on={this.clickToggleHandler}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t</div>\n\t\t\t\t<KolPopoverWcTag _show={this.state._show} _on={{ onClose: this.handleOnClose }} _align=\"bottom\">\n\t\t\t\t\t<slot />\n\t\t\t\t</KolPopoverWcTag>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/\n\t Closes the dropdown.\n\t /\n\t@Method()\n\tpublic async closePopup() {\n\t\tthis.handleOnClose();\n\n\t\treturn Promise.resolve();\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/\n\t Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t /\n\t@Prop() public _ariaControls?: string;\n\n\t/\n\t Defines the value for the aria-description attribute.\n\t /\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/\n\t Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t /\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/\n\t Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t /\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/\n\t Defines the custom class attribute if _variant=\"custom\" is set.\n\t /\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/\n\t Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t /\n\t@Prop() public _icons?: IconsPropType;\n\n\t/\n\t Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t /\n\t@Prop() public _id?: string;\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!: LabelWithExpertSlotPropType;\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: string;\n\n\t/\n\t Defines the callback functions for button events.\n\t /\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/\n\t Defines the role of the components primary element.\n\t \n\t @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t /\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/\n\t Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t /\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/\n\t Selector for synchronizing the value with another input element.\n\t * @internal\n\t /\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/\n\t Defines either the type of the component or of the components interactive element.\n\t /\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/\n\t Defines the value of the element.\n\t /\n\t@Prop() public _value?: StencilUnknown;\n\n\t/\n\t Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: SplitButtonStates = {\n\t\t_show: false,\n\t};\n}\n"],"version":3}
1	+ {"file":"kol-split-button.js","mappings":"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","names":["KolSplitButton","__stencil_proxyCustomElement"],"sources":["src/components/split-button/style.scss?tag=kol-split-button&mode=default&encapsulation=shadow","src/components/split-button/shadow.tsx"],"sourcesContent":["@use '../@shared/mixins' as ;\n@use '../../styles/global' as ;\n@use '../popover/style.scss' as ;\n@use '../tooltip/style.scss' as ;\n\n@layer kol-component {\n\t.kol-split-button {\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t&__root {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\talign-items: stretch;\n\t\t}\n\t\t&__button {\n\t\t\tmin-width: 0;\n\t\t\tflex: 1 1 auto;\n\t\t\ttext-align: left;\n\t\t}\n\n\t\t.kol-popover {\n\t\t\tz-index: 1;\n\n\t\t\t&__content {\n\t\t\t\tmargin-top: to-rem(2);\n\t\t\t}\n\n\t\t\t&__arrow {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Method, Prop, State } from '@stencil/core';\nimport type {\n\tAccessKeyPropType,\n\tAlternativeButtonLinkRolePropType,\n\tAriaDescriptionPropType,\n\tButtonCallbacksPropType,\n\tButtonTypePropType,\n\tButtonVariantPropType,\n\tCustomClassPropType,\n\tIconsPropType,\n\tLabelWithExpertSlotPropType,\n\tShortKeyPropType,\n\tSplitButtonProps,\n\tSplitButtonStates,\n\tStencilUnknown,\n\tSyncValueBySelectorPropType,\n\tTooltipAlignPropType,\n} from '../../schema';\n\nimport { KolButtonWcTag, KolPopoverWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport clsx from '../../utils/clsx';\n\n/*\n @slot - Ermöglicht das Einfügen beliebigen HTMLs in das dropdown.\n /\n@Component({\n\ttag: 'kol-split-button',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolSplitButton implements SplitButtonProps /, SplitButtonAPI/ {\n\tprivate primaryButtonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly catchPrimaryRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.primaryButtonWcRef = ref;\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<StencilUnknown> {\n\t\treturn this._value;\n\t}\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\tpublic async focus() {\n\t\treturn Promise.resolve(this.primaryButtonWcRef?.focus());\n\t}\n\n\tprivate readonly clickButtonHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\n\t\t\tif (typeof this._on?.onClick === 'function') {\n\t\t\t\t// TODO: this._on is not validated\n\t\t\t\tthis._on?.onClick(event, this._value);\n\t\t\t}\n\t\t},\n\t};\n\tprivate readonly clickToggleHandler = {\n\t\tonClick: (event: MouseEvent) => {\n\t\t\tevent.stopPropagation(); // stop propagation to avoid triggering the event that closes the popover\n\t\t\tthis.toggleDropdown();\n\t\t},\n\t};\n\n\tprivate readonly toggleDropdown = () => {\n\t\tthis.state = { ...this.state, _show: !this.state._show };\n\t};\n\n\tprivate readonly handleOnClose = () => {\n\t\tthis.state = { ...this.state, _show: false };\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst i18nDropdownLabel = 'kol-split-button-dropdown-label';\n\t\treturn (\n\t\t\t<div class=\"kol-split-button\">\n\t\t\t\t<div class=\"kol-split-button__root\">\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass={clsx('kol-split-button__button', {\n\t\t\t\t\t\t\t[this._variant as string]: this._variant !== 'custom',\n\t\t\t\t\t\t\t[this._customClass as string]: this._variant === 'custom' && typeof this._customClass === 'string' && this._customClass.length > 0,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tref={this.catchPrimaryRef}\n\t\t\t\t\t\t_accessKey={this._accessKey}\n\t\t\t\t\t\t_ariaControls={this._ariaControls}\n\t\t\t\t\t\t_ariaDescription={this._ariaDescription}\n\t\t\t\t\t\t_ariaExpanded={this._ariaExpanded}\n\t\t\t\t\t\t_ariaSelected={this._ariaSelected}\n\t\t\t\t\t\t_customClass={this._customClass}\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_icons={this._icons}\n\t\t\t\t\t\t_id={this._id}\n\t\t\t\t\t\t_hideLabel={this._hideLabel}\n\t\t\t\t\t\t_label={this._label}\n\t\t\t\t\t\t_name={this._name}\n\t\t\t\t\t\t_on={this.clickButtonHandler}\n\t\t\t\t\t\t_shortKey={this._shortKey}\n\t\t\t\t\t\t_syncValueBySelector={this._syncValueBySelector}\n\t\t\t\t\t\t_tooltipAlign={this._tooltipAlign}\n\t\t\t\t\t\t_type={this._type}\n\t\t\t\t\t\t_value={this._value}\n\t\t\t\t\t\t_variant={this._variant}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t\t<div class=\"kol-split-button__horizontal-line\"></div>\n\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\tclass=\"kol-split-button__secondary-button\"\n\t\t\t\t\t\t_disabled={this._disabled}\n\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t_icons=\"kolicon-chevron-down\"\n\t\t\t\t\t\t_label={this.state._show ? translate(`${i18nDropdownLabel}-close`) : translate(`${i18nDropdownLabel}-open`)}\n\t\t\t\t\t\t_on={this.clickToggleHandler}\n\t\t\t\t\t></KolButtonWcTag>\n\t\t\t\t</div>\n\t\t\t\t<KolPopoverWcTag _show={this.state._show} _on={{ onClose: this.handleOnClose }} _align=\"bottom\">\n\t\t\t\t\t<slot />\n\t\t\t\t</KolPopoverWcTag>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t/\n\t Closes the dropdown.\n\t /\n\t@Method()\n\tpublic async closePopup() {\n\t\tthis.handleOnClose();\n\n\t\treturn Promise.resolve();\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/\n\t Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)\n\t /\n\t@Prop() public _ariaControls?: string;\n\n\t/\n\t Defines the value for the aria-description attribute.\n\t /\n\t@Prop() public _ariaDescription?: AriaDescriptionPropType;\n\n\t/\n\t Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)\n\t /\n\t@Prop() public _ariaExpanded?: boolean;\n\n\t/\n\t Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)\n\t /\n\t@Prop() public _ariaSelected?: boolean;\n\n\t/\n\t Defines the custom class attribute if _variant=\"custom\" is set.\n\t /\n\t@Prop() public _customClass?: CustomClassPropType;\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Hides the caption by default and displays the caption text with a tooltip when the\n\t * interactive element is focused or the mouse is over it.\n\t * @TODO: Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.\n\t /\n\t@Prop() public _hideLabel?: boolean = false;\n\n\t/\n\t Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`).\n\t /\n\t@Prop() public _icons?: IconsPropType;\n\n\t/\n\t Defines the internal ID of the primary component element.\n\t * @deprecated Will be removed in the next major version.\n\t /\n\t@Prop() public _id?: string;\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!: LabelWithExpertSlotPropType;\n\n\t/\n\t Defines the technical name of an input field.\n\t /\n\t@Prop() public _name?: string;\n\n\t/\n\t Defines the callback functions for button events.\n\t /\n\t@Prop() public _on?: ButtonCallbacksPropType<StencilUnknown>;\n\n\t/\n\t Defines the role of the components primary element.\n\t \n\t @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.\n\t /\n\t@Prop() public _role?: AlternativeButtonLinkRolePropType;\n\n\t/\n\t Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.\n\t /\n\t@Prop() public _shortKey?: ShortKeyPropType;\n\n\t/\n\t Selector for synchronizing the value with another input element.\n\t * @internal\n\t /\n\t@Prop() public _syncValueBySelector?: SyncValueBySelectorPropType;\n\n\t/\n\t Defines where to show the Tooltip preferably: top, right, bottom or left.\n\t /\n\t@Prop() public _tooltipAlign?: TooltipAlignPropType = 'top';\n\n\t/\n\t Defines either the type of the component or of the components interactive element.\n\t /\n\t@Prop() public _type?: ButtonTypePropType = 'button';\n\n\t/\n\t Defines the value of the element.\n\t /\n\t@Prop() public _value?: StencilUnknown;\n\n\t/\n\t Defines which variant should be used for presentation.\n\t */\n\t@Prop() public _variant?: ButtonVariantPropType = 'normal';\n\n\t@State() public state: SplitButtonStates = {\n\t\t_show: false,\n\t};\n}\n"],"version":3}

package/dist/components/kol-table-settings-wc.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{l as KolPopoverButtonWcTag,o as KolHeadingTag,b as KolAlertWcTag,p as KolInputCheckboxTag,q as KolInputNumberTag,d as KolButtonWcTag}from"./component-names.js";import{t as translate}from"./i18n.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";const parseColumnWidth=e=>Number.isFinite(e)&&void 0!==e&&e>0?e:void 0,KolTableSettings=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.headerCells=[],this.editingHeaderCells=[],this.errorMessage=null,this.translateTableSettings=translate("kol-table-settings"),this.translateTableSettingsCancel=translate("kol-table-settings-cancel"),this.translateTableSettingsApply=translate("kol-table-settings-apply"),this.translateErrorAllInvisible=translate("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=translate("kol-table-settings-column-not-hidable"),this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map(e=>[...e]),this.editingHeaderCells=e.map(e=>e.map(e=>Object.assign({},e)))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return null!==(e=this.editingHeaderCells[this.editingHeaderCells.length-1])&&void 0!==e?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map((t,l,a)=>l===a.length-1?e:t)}moveColumn(e,t){const l=[...this.getPrimaryRow()],a=l.findIndex(t=>t.key===e);if(-1===a)return;let s;if("up"===t){if(0===a)return;s=a-1}else{if(a===l.length-1)return;s=a+1}const[i]=l.splice(a,1);l.splice(s,0,i),this.updatePrimaryRow(l)}handleVisibilityChange(e,t){const l=this.getPrimaryRow().map(l=>l.key===e&&!1!==l.hidable?Object.assign(Object.assign({},l),{visible:Boolean(t)}):l);this.updatePrimaryRow(l)}handleWidthChange(e,t){const l=this.getPrimaryRow().map(l=>l.key===e&&!1!==l.resizable?Object.assign(Object.assign({},l),{width:Number(t)}):l);this.updatePrimaryRow(l)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map(e=>[...e]),this.errorMessage=null,null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault();if(this.getPrimaryRow().some(e=>!1!==e.visible)){if(this.host){this.errorMessage=null,this.headerCells=this.editingHeaderCells.map(e=>e.map(e=>Object.assign({},e)));const e=this.editingHeaderCells.map(e=>e.map(e=>{const t=e,{hidable:l,resizable:a,sortable:s,visible:i,width:n}=t,o=__rest(t,["hidable","resizable","sortable","visible","width"]),r=Object.assign({},o);return void 0!==i&&(r.visible=i),void 0!==l&&(r.hidable=l),void 0!==s&&(r.sortable=s),void 0!==a&&(r.resizable=a),null!=n&&(r.width=n),r}));dispatchDomEvent(this.host,KolEvent.changeHeaderCells,e),null===(t=this.popoverRef)||void 0===t||t.hidePopover()}}else this.errorMessage=this.translateErrorAllInvisible}render(){const e=this.getPrimaryRow();return h(KolPopoverButtonWcTag,{key:"65b350799d5422b6500b3ae983f9c7f3c925f3b0",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},h("div",{key:"450200fa5d74f6ceb99c0ea589e12aefbfcdc23d",class:"kol-table-settings__content"},h(KolHeadingTag,{key:"8bd0456ba046beb7a819c978d32dd8e64c294be0",_label:this.translateTableSettings,_level:0}),this.errorMessage&&h(KolAlertWcTag,{key:"e0d517d57e57c8e889997e18da3fb3badd0bcebe",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),h("form",{key:"34785b3e839f8fcc59d7930c6d8bc1ca82e8d5a7",onSubmit:this.handleSubmit.bind(this)},h("div",{key:"a28b130172a530644430aa4c9f52d6afa913522a",class:"kol-table-settings__columns-container"},h("div",{key:"d18e531412556d173f9441c462bd3361f829d205",class:"kol-table-settings__columns"},e.map((t,l)=>h("div",{key:t.key,class:"kol-table-settings__column"},h(KolInputCheckboxTag,{_checked:!1!==t.visible,_label:`${t.label}${!1===t.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===t.hidable,_on:{onInput:(e,l)=>{var a;return this.handleVisibilityChange(null!==(a=t.key)&&void 0!==a?a:"",l)}}}),h("span",{class:"kol-table-settings__column-label"},t.label),h(KolInputNumberTag,{_hideLabel:!0,_value:parseColumnWidth(t.width),_label:translate("kol-table-settings-column-width",{placeholders:{column:t.label}}),_min:1,_disabled:!1===t.resizable,_on:{onInput:(e,l)=>{var a;return this.handleWidthChange(null!==(a=t.key)&&void 0!==a?a:"",l)}}}),h(KolButtonWcTag,{_icons:"kolicon-chevron-up",_label:translate("kol-table-settings-move-up",{placeholders:{column:t.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=t.key)&&void 0!==e?e:"","up")}},_disabled:!1===t.sortable||0===l,"data-testid":"table-settings-move-up"}),h(KolButtonWcTag,{_icons:"kolicon-chevron-down",_label:translate("kol-table-settings-move-down",{placeholders:{column:t.label}}),_hideLabel:!0,_buttonVariant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=t.key)&&void 0!==e?e:"","down")}},_disabled:!1===t.sortable||l===e.length-1,"data-testid":"table-settings-move-down"}))))),h("div",{key:"1fb081b1dfe3a3afdb1a046b5ce7576d292c0da7",class:"kol-table-settings__actions"},h(KolButtonWcTag,{key:"0b8631652bc292bf61549a64418de4f82947f97d",_label:this.translateTableSettingsCancel,_buttonVariant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),h(KolButtonWcTag,{key:"0d29c2f7f2a36370552276a9a1ec843d2518ed66",_label:this.translateTableSettingsApply,_buttonVariant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return this}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}},[256,"kol-table-settings-wc",{_horizontalHeaderCells:[16],headerCells:[32],editingHeaderCells:[32],errorMessage:[32]},void 0,{_horizontalHeaderCells:["handleHeaderCellsChange"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-table-settings-wc"].forEach(e=>{if("kol-table-settings-wc"===e)customElements.get(e)||customElements.define(e,KolTableSettings)})}const KolTableSettingsWc=KolTableSettings,defineCustomElement=defineCustomElement$1;export{KolTableSettingsWc,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{l as KolPopoverButtonWcTag,o as KolHeadingTag,b as KolAlertWcTag,p as KolInputCheckboxTag,q as KolInputNumberTag,d as KolButtonWcTag}from"./component-names.js";import{t as translate}from"./i18n.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";const parseColumnWidth=e=>Number.isFinite(e)&&void 0!==e&&e>0?e:void 0,KolTableSettings=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.headerCells=[],this.editingHeaderCells=[],this.errorMessage=null,this.translateTableSettings=translate("kol-table-settings"),this.translateTableSettingsCancel=translate("kol-table-settings-cancel"),this.translateTableSettingsApply=translate("kol-table-settings-apply"),this.translateErrorAllInvisible=translate("kol-table-settings-error-all-invisible"),this.translateColumnNotHidable=translate("kol-table-settings-column-not-hidable"),this._horizontalHeaderCells=[]}handleHeaderCellsChange(e){this.headerCells=e.map(e=>[...e]),this.editingHeaderCells=e.map(e=>e.map(e=>Object.assign({},e)))}componentWillLoad(){this.handleHeaderCellsChange(this._horizontalHeaderCells)}getPrimaryRow(){var e;return null!==(e=this.editingHeaderCells[this.editingHeaderCells.length-1])&&void 0!==e?e:[]}updatePrimaryRow(e){this.editingHeaderCells=this.editingHeaderCells.map((t,l,a)=>l===a.length-1?e:t)}moveColumn(e,t){const l=[...this.getPrimaryRow()],a=l.findIndex(t=>t.key===e);if(-1===a)return;let s;if("up"===t){if(0===a)return;s=a-1}else{if(a===l.length-1)return;s=a+1}const[i]=l.splice(a,1);l.splice(s,0,i),this.updatePrimaryRow(l)}handleVisibilityChange(e,t){const l=this.getPrimaryRow().map(l=>l.key===e&&!1!==l.hidable?Object.assign(Object.assign({},l),{visible:Boolean(t)}):l);this.updatePrimaryRow(l)}handleWidthChange(e,t){const l=this.getPrimaryRow().map(l=>l.key===e&&!1!==l.resizable?Object.assign(Object.assign({},l),{width:Number(t)}):l);this.updatePrimaryRow(l)}handleCancel(){var e;this.editingHeaderCells=this.headerCells.map(e=>[...e]),this.errorMessage=null,null===(e=this.popoverRef)||void 0===e||e.hidePopover()}handleSubmit(e){var t;e.preventDefault();if(this.getPrimaryRow().some(e=>!1!==e.visible)){if(this.host){this.errorMessage=null,this.headerCells=this.editingHeaderCells.map(e=>e.map(e=>Object.assign({},e)));const e=this.editingHeaderCells.map(e=>e.map(e=>{const t=e,{hidable:l,resizable:a,sortable:s,visible:i,width:n}=t,o=__rest(t,["hidable","resizable","sortable","visible","width"]),r=Object.assign({},o);return void 0!==i&&(r.visible=i),void 0!==l&&(r.hidable=l),void 0!==s&&(r.sortable=s),void 0!==a&&(r.resizable=a),null!=n&&(r.width=n),r}));dispatchDomEvent(this.host,KolEvent.changeHeaderCells,e),null===(t=this.popoverRef)||void 0===t||t.hidePopover()}}else this.errorMessage=this.translateErrorAllInvisible}render(){const e=this.getPrimaryRow();return h(KolPopoverButtonWcTag,{key:"65b350799d5422b6500b3ae983f9c7f3c925f3b0",ref:e=>this.popoverRef=e,class:"kol-table-settings",_icons:"kolicon-settings",_label:this.translateTableSettings,_popoverAlign:"top",_hideLabel:!0},h("div",{key:"450200fa5d74f6ceb99c0ea589e12aefbfcdc23d",class:"kol-table-settings__content"},h(KolHeadingTag,{key:"8bd0456ba046beb7a819c978d32dd8e64c294be0",_label:this.translateTableSettings,_level:0}),this.errorMessage&&h(KolAlertWcTag,{key:"e0d517d57e57c8e889997e18da3fb3badd0bcebe",_type:"error",_label:this.errorMessage,_variant:"msg",class:"kol-table-settings__error-message"}),h("form",{key:"34785b3e839f8fcc59d7930c6d8bc1ca82e8d5a7",onSubmit:this.handleSubmit.bind(this)},h("div",{key:"a28b130172a530644430aa4c9f52d6afa913522a",class:"kol-table-settings__columns-container"},h("div",{key:"d18e531412556d173f9441c462bd3361f829d205",class:"kol-table-settings__columns"},e.map((t,l)=>h("div",{key:t.key,class:"kol-table-settings__column"},h(KolInputCheckboxTag,{_checked:!1!==t.visible,_label:`${t.label}${!1===t.hidable?` (${this.translateColumnNotHidable})`:""}`,_value:!0,_hideLabel:!0,_disabled:!1===t.hidable,_on:{onInput:(e,l)=>{var a;return this.handleVisibilityChange(null!==(a=t.key)&&void 0!==a?a:"",l)}}}),h("span",{class:"kol-table-settings__column-label"},t.label),h(KolInputNumberTag,{_hideLabel:!0,_value:parseColumnWidth(t.width),_label:translate("kol-table-settings-column-width",{placeholders:{column:t.label}}),_min:1,_disabled:!1===t.resizable,_on:{onInput:(e,l)=>{var a;return this.handleWidthChange(null!==(a=t.key)&&void 0!==a?a:"",l)}}}),h(KolButtonWcTag,{_icons:"kolicon-chevron-up",_label:translate("kol-table-settings-move-up",{placeholders:{column:t.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=t.key)&&void 0!==e?e:"","up")}},_disabled:!1===t.sortable||0===l,"data-testid":"table-settings-move-up"}),h(KolButtonWcTag,{_icons:"kolicon-chevron-down",_label:translate("kol-table-settings-move-down",{placeholders:{column:t.label}}),_hideLabel:!0,_variant:"ghost",_on:{onClick:()=>{var e;return this.moveColumn(null!==(e=t.key)&&void 0!==e?e:"","down")}},_disabled:!1===t.sortable||l===e.length-1,"data-testid":"table-settings-move-down"}))))),h("div",{key:"2d6942cc9f36857cd4299a57330131975e7f979f",class:"kol-table-settings__actions"},h(KolButtonWcTag,{key:"bec8a8be3020bdc1dc2359899963871539bf4d00",_label:this.translateTableSettingsCancel,_variant:"secondary",_on:{onClick:()=>this.handleCancel()},"data-testid":"table-settings-cancel"}),h(KolButtonWcTag,{key:"9c240d2efeab9b2a6341e5cf817ae84d74c9a667",_label:this.translateTableSettingsApply,_variant:"primary",_type:"submit","data-testid":"table-settings-apply"})))))}get host(){return this}static get watchers(){return{_horizontalHeaderCells:["handleHeaderCellsChange"]}}},[256,"kol-table-settings-wc",{_horizontalHeaderCells:[16],headerCells:[32],editingHeaderCells:[32],errorMessage:[32]},void 0,{_horizontalHeaderCells:["handleHeaderCellsChange"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-table-settings-wc"].forEach(e=>{if("kol-table-settings-wc"===e)customElements.get(e)||customElements.define(e,KolTableSettings)})}const KolTableSettingsWc=KolTableSettings,defineCustomElement=defineCustomElement$1;export{KolTableSettingsWc,defineCustomElement};

package/dist/components/kol-table-settings-wc.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kol-table-settings-wc.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/table-stateless/controller.ts","src/components/table-stateless/table-settings.tsx"],"sourcesContent":["/*\n Parses a column width and returns its numeric value.\n * Returns undefined if the width is not finite or not positive.\n /\nexport const parseColumnWidth = (width: number \| undefined): number \| undefined => {\n\treturn Number.isFinite(width) && width !== undefined && width > 0 ? width : undefined;\n};\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { KolAlertWcTag, KolButtonWcTag, KolHeadingTag, KolInputCheckboxTag, KolInputNumberTag, KolPopoverButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { KoliBriTableHeaderCell } from '../../schema';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { parseColumnWidth } from './controller';\n\n/\n @internal\n /\n@Component({\n\ttag: 'kol-table-settings-wc',\n\tshadow: false,\n})\nexport class KolTableSettings {\n\t@Element() private readonly host?: HTMLKolTableSettingsWcElement;\n\t@State() headerCells: KoliBriTableHeaderCell[][] = [];\n\t@State() editingHeaderCells: KoliBriTableHeaderCell[][] = [];\n\t@State() errorMessage: string \| null = null;\n\tprivate readonly translateTableSettings = translate('kol-table-settings');\n\tprivate readonly translateTableSettingsCancel = translate('kol-table-settings-cancel');\n\tprivate readonly translateTableSettingsApply = translate('kol-table-settings-apply');\n\tprivate readonly translateErrorAllInvisible = translate('kol-table-settings-error-all-invisible');\n\tprivate readonly translateColumnNotHidable = translate('kol-table-settings-column-not-hidable');\n\n\t/\n\t The horizontal header cells configuration for the table.\n\t */\n\t@Prop() _horizontalHeaderCells: KoliBriTableHeaderCell[][] = [];\n\n\t@Watch('_horizontalHeaderCells')\n\thandleHeaderCellsChange(newValue: KoliBriTableHeaderCell[][]) {\n\t\tthis.headerCells = newValue.map((row) => [...row]);\n\t\tthis.editingHeaderCells = newValue.map((row) => row.map((cell) => ({ ...cell })));\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.handleHeaderCellsChange(this._horizontalHeaderCells);\n\t}\n\n\tprivate popoverRef: HTMLKolPopoverButtonWcElement \| undefined;\n\n\tprivate getPrimaryRow(): KoliBriTableHeaderCell[] {\n\t\treturn this.editingHeaderCells[this.editingHeaderCells.length - 1] ?? [];\n\t}\n\n\tprivate updatePrimaryRow(newRow: KoliBriTableHeaderCell[]): void {\n\t\tthis.editingHeaderCells = this.editingHeaderCells.map((row, index, arr) => (index === arr.length - 1 ? newRow : row));\n\t}\n\n\tprivate moveColumn(columnId: string, direction: 'up' \| 'down'): void {\n\t\tconst row = [...this.getPrimaryRow()];\n\t\tconst sourceIndex = row.findIndex((col) => col.key === columnId);\n\t\tif (sourceIndex === -1) return;\n\n\t\tlet targetIndex: number;\n\t\tif (direction === 'up') {\n\t\t\tif (sourceIndex === 0) return; // Cannot move first column up\n\t\t\ttargetIndex = sourceIndex - 1;\n\t\t} else {\n\t\t\tif (sourceIndex === row.length - 1) return; // Cannot move last column down\n\t\t\ttargetIndex = sourceIndex + 1;\n\t\t}\n\n\t\t// Swap with target\n\t\tconst [source] = row.splice(sourceIndex, 1);\n\t\trow.splice(targetIndex, 0, source);\n\t\tthis.updatePrimaryRow(row);\n\t}\n\n\tprivate handleVisibilityChange(key: string, visible: unknown): void {\n\t\tconst row = this.getPrimaryRow().map((col) => (col.key === key && col.hidable !== false ? { ...col, visible: Boolean(visible) } : col));\n\t\tthis.updatePrimaryRow(row);\n\t}\n\n\tprivate handleWidthChange(key: string, width: unknown): void {\n\t\tconst row = this.getPrimaryRow().map((col) => (col.key === key && col.resizable !== false ? { ...col, width: Number(width) } : col));\n\t\tthis.updatePrimaryRow(row);\n\t}\n\n\tprivate handleCancel() {\n\t\tthis.editingHeaderCells = this.headerCells.map((row) => [...row]);\n\t\tthis.errorMessage = null;\n\t\tvoid this.popoverRef?.hidePopover();\n\t}\n\n\tprivate handleSubmit(event: Event): void {\n\t\tevent.preventDefault();\n\n\t\tconst primaryRow = this.getPrimaryRow();\n\t\tconst hasVisibleColumn = primaryRow.some((column) => column.visible !== false);\n\n\t\tif (!hasVisibleColumn) {\n\t\t\tthis.errorMessage = this.translateErrorAllInvisible;\n\t\t\treturn;\n\t\t} else if (this.host) {\n\t\t\tthis.errorMessage = null;\n\t\t\t// Update headerCells with the edited values\n\t\t\tthis.headerCells = this.editingHeaderCells.map((row) => row.map((cell) => ({ ...cell })));\n\n\t\t\t// Type for sanitized cells where optional properties are truly omitted\n\t\t\ttype SanitizedHeaderCell = Omit<KoliBriTableHeaderCell, 'hidable' \| 'position' \| 'resizable' \| 'sortable' \| 'visible' \| 'width'> &\n\t\t\t\tPartial<Pick<KoliBriTableHeaderCell, 'hidable' \| 'resizable' \| 'sortable' \| 'visible' \| 'width'>>;\n\n\t\t\tconst sanitizedHeaderCells = this.editingHeaderCells.map((row) =>\n\t\t\t\trow.map((column): SanitizedHeaderCell => {\n\t\t\t\t\tconst { hidable, resizable, sortable, visible, width, ...rest } = column as KoliBriTableHeaderCell & { position?: unknown };\n\t\t\t\t\tconst cell: SanitizedHeaderCell = { ...rest };\n\n\t\t\t\t\tif (visible !== undefined) cell.visible = visible;\n\t\t\t\t\tif (hidable !== undefined) cell.hidable = hidable;\n\t\t\t\t\tif (sortable !== undefined) cell.sortable = sortable;\n\t\t\t\t\tif (resizable !== undefined) cell.resizable = resizable;\n\t\t\t\t\tif (width !== undefined && width !== null) cell.width = width;\n\n\t\t\t\t\treturn cell;\n\t\t\t\t}),\n\t\t\t);\n\t\t\tdispatchDomEvent(this.host, KolEvent.changeHeaderCells, sanitizedHeaderCells);\n\t\t\tvoid this.popoverRef?.hidePopover();\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst columns = this.getPrimaryRow();\n\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={(el) => (this.popoverRef = el)}\n\t\t\t\tclass=\"kol-table-settings\"\n\t\t\t\t_icons=\"kolicon-settings\"\n\t\t\t\t_label={this.translateTableSettings}\n\t\t\t\t_popoverAlign=\"top\"\n\t\t\t\t_hideLabel\n\t\t\t>\n\t\t\t\t<div class=\"kol-table-settings__content\">\n\t\t\t\t\t<KolHeadingTag _label={this.translateTableSettings} _level={0} />\n\n\t\t\t\t\t{this.errorMessage && <KolAlertWcTag _type=\"error\" _label={this.errorMessage} _variant=\"msg\" class=\"kol-table-settings__error-message\" />}\n\n\t\t\t\t\t<form onSubmit={this.handleSubmit.bind(this)}>\n\t\t\t\t\t\t<div class=\"kol-table-settings__columns-container\">\n\t\t\t\t\t\t\t<div class=\"kol-table-settings__columns\">\n\t\t\t\t\t\t\t\t{columns.map((column, index) => (\n\t\t\t\t\t\t\t\t\t<div key={column.key} class=\"kol-table-settings__column\">\n\t\t\t\t\t\t\t\t\t\t<KolInputCheckboxTag\n\t\t\t\t\t\t\t\t\t\t\t_checked={column.visible !== false}\n\t\t\t\t\t\t\t\t\t\t\t_label={`${column.label}${column.hidable === false ? ` (${this.translateColumnNotHidable})` : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t_value={true}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.hidable === false}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onInput: (_, value: unknown) => this.handleVisibilityChange(column.key ?? '', value) }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span class=\"kol-table-settings__column-label\">{column.label}</span>\n\t\t\t\t\t\t\t\t\t\t<KolInputNumberTag\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_value={parseColumnWidth(column.width)}\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-column-width', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_min={1}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.resizable === false}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onInput: (_, value: unknown) => this.handleWidthChange(column.key ?? '', value) }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\t\t\t_icons=\"kolicon-chevron-up\"\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-move-up', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_buttonVariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: () => this.moveColumn(column.key ?? '', 'up') }}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.sortable === false \|\| index === 0}\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"table-settings-move-up\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\t\t\t_icons=\"kolicon-chevron-down\"\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-move-down', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_buttonVariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: () => this.moveColumn(column.key ?? '', 'down') }}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.sortable === false \|\| index === columns.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"table-settings-move-down\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"kol-table-settings__actions\">\n\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t_label={this.translateTableSettingsCancel}\n\t\t\t\t\t\t\t\t_buttonVariant=\"secondary\"\n\t\t\t\t\t\t\t\t_on={{ onClick: () => this.handleCancel() }}\n\t\t\t\t\t\t\t\tdata-testid=\"table-settings-cancel\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<KolButtonWcTag _label={this.translateTableSettingsApply} _buttonVariant=\"primary\" _type=\"submit\" data-testid=\"table-settings-apply\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</form>\n\t\t\t\t</div>\n\t\t\t</KolPopoverButtonWcTag>\n\t\t);\n\t}\n}\n"],"version":3}
1	+ {"file":"kol-table-settings-wc.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/components/table-stateless/controller.ts","src/components/table-stateless/table-settings.tsx"],"sourcesContent":["/*\n Parses a column width and returns its numeric value.\n * Returns undefined if the width is not finite or not positive.\n /\nexport const parseColumnWidth = (width: number \| undefined): number \| undefined => {\n\treturn Number.isFinite(width) && width !== undefined && width > 0 ? width : undefined;\n};\n","import type { JSX } from '@stencil/core';\nimport { Component, Element, h, Prop, State, Watch } from '@stencil/core';\nimport { KolAlertWcTag, KolButtonWcTag, KolHeadingTag, KolInputCheckboxTag, KolInputNumberTag, KolPopoverButtonWcTag } from '../../core/component-names';\nimport { translate } from '../../i18n';\nimport type { KoliBriTableHeaderCell } from '../../schema';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { parseColumnWidth } from './controller';\n\n/\n @internal\n /\n@Component({\n\ttag: 'kol-table-settings-wc',\n\tshadow: false,\n})\nexport class KolTableSettings {\n\t@Element() private readonly host?: HTMLKolTableSettingsWcElement;\n\t@State() headerCells: KoliBriTableHeaderCell[][] = [];\n\t@State() editingHeaderCells: KoliBriTableHeaderCell[][] = [];\n\t@State() errorMessage: string \| null = null;\n\tprivate readonly translateTableSettings = translate('kol-table-settings');\n\tprivate readonly translateTableSettingsCancel = translate('kol-table-settings-cancel');\n\tprivate readonly translateTableSettingsApply = translate('kol-table-settings-apply');\n\tprivate readonly translateErrorAllInvisible = translate('kol-table-settings-error-all-invisible');\n\tprivate readonly translateColumnNotHidable = translate('kol-table-settings-column-not-hidable');\n\n\t/\n\t The horizontal header cells configuration for the table.\n\t */\n\t@Prop() _horizontalHeaderCells: KoliBriTableHeaderCell[][] = [];\n\n\t@Watch('_horizontalHeaderCells')\n\thandleHeaderCellsChange(newValue: KoliBriTableHeaderCell[][]) {\n\t\tthis.headerCells = newValue.map((row) => [...row]);\n\t\tthis.editingHeaderCells = newValue.map((row) => row.map((cell) => ({ ...cell })));\n\t}\n\n\tpublic componentWillLoad() {\n\t\tthis.handleHeaderCellsChange(this._horizontalHeaderCells);\n\t}\n\n\tprivate popoverRef: HTMLKolPopoverButtonWcElement \| undefined;\n\n\tprivate getPrimaryRow(): KoliBriTableHeaderCell[] {\n\t\treturn this.editingHeaderCells[this.editingHeaderCells.length - 1] ?? [];\n\t}\n\n\tprivate updatePrimaryRow(newRow: KoliBriTableHeaderCell[]): void {\n\t\tthis.editingHeaderCells = this.editingHeaderCells.map((row, index, arr) => (index === arr.length - 1 ? newRow : row));\n\t}\n\n\tprivate moveColumn(columnId: string, direction: 'up' \| 'down'): void {\n\t\tconst row = [...this.getPrimaryRow()];\n\t\tconst sourceIndex = row.findIndex((col) => col.key === columnId);\n\t\tif (sourceIndex === -1) return;\n\n\t\tlet targetIndex: number;\n\t\tif (direction === 'up') {\n\t\t\tif (sourceIndex === 0) return; // Cannot move first column up\n\t\t\ttargetIndex = sourceIndex - 1;\n\t\t} else {\n\t\t\tif (sourceIndex === row.length - 1) return; // Cannot move last column down\n\t\t\ttargetIndex = sourceIndex + 1;\n\t\t}\n\n\t\t// Swap with target\n\t\tconst [source] = row.splice(sourceIndex, 1);\n\t\trow.splice(targetIndex, 0, source);\n\t\tthis.updatePrimaryRow(row);\n\t}\n\n\tprivate handleVisibilityChange(key: string, visible: unknown): void {\n\t\tconst row = this.getPrimaryRow().map((col) => (col.key === key && col.hidable !== false ? { ...col, visible: Boolean(visible) } : col));\n\t\tthis.updatePrimaryRow(row);\n\t}\n\n\tprivate handleWidthChange(key: string, width: unknown): void {\n\t\tconst row = this.getPrimaryRow().map((col) => (col.key === key && col.resizable !== false ? { ...col, width: Number(width) } : col));\n\t\tthis.updatePrimaryRow(row);\n\t}\n\n\tprivate handleCancel() {\n\t\tthis.editingHeaderCells = this.headerCells.map((row) => [...row]);\n\t\tthis.errorMessage = null;\n\t\tvoid this.popoverRef?.hidePopover();\n\t}\n\n\tprivate handleSubmit(event: Event): void {\n\t\tevent.preventDefault();\n\n\t\tconst primaryRow = this.getPrimaryRow();\n\t\tconst hasVisibleColumn = primaryRow.some((column) => column.visible !== false);\n\n\t\tif (!hasVisibleColumn) {\n\t\t\tthis.errorMessage = this.translateErrorAllInvisible;\n\t\t\treturn;\n\t\t} else if (this.host) {\n\t\t\tthis.errorMessage = null;\n\t\t\t// Update headerCells with the edited values\n\t\t\tthis.headerCells = this.editingHeaderCells.map((row) => row.map((cell) => ({ ...cell })));\n\n\t\t\t// Type for sanitized cells where optional properties are truly omitted\n\t\t\ttype SanitizedHeaderCell = Omit<KoliBriTableHeaderCell, 'hidable' \| 'position' \| 'resizable' \| 'sortable' \| 'visible' \| 'width'> &\n\t\t\t\tPartial<Pick<KoliBriTableHeaderCell, 'hidable' \| 'resizable' \| 'sortable' \| 'visible' \| 'width'>>;\n\n\t\t\tconst sanitizedHeaderCells = this.editingHeaderCells.map((row) =>\n\t\t\t\trow.map((column): SanitizedHeaderCell => {\n\t\t\t\t\tconst { hidable, resizable, sortable, visible, width, ...rest } = column as KoliBriTableHeaderCell & { position?: unknown };\n\t\t\t\t\tconst cell: SanitizedHeaderCell = { ...rest };\n\n\t\t\t\t\tif (visible !== undefined) cell.visible = visible;\n\t\t\t\t\tif (hidable !== undefined) cell.hidable = hidable;\n\t\t\t\t\tif (sortable !== undefined) cell.sortable = sortable;\n\t\t\t\t\tif (resizable !== undefined) cell.resizable = resizable;\n\t\t\t\t\tif (width !== undefined && width !== null) cell.width = width;\n\n\t\t\t\t\treturn cell;\n\t\t\t\t}),\n\t\t\t);\n\t\t\tdispatchDomEvent(this.host, KolEvent.changeHeaderCells, sanitizedHeaderCells);\n\t\t\tvoid this.popoverRef?.hidePopover();\n\t\t}\n\t}\n\n\tpublic render(): JSX.Element {\n\t\tconst columns = this.getPrimaryRow();\n\n\t\treturn (\n\t\t\t<KolPopoverButtonWcTag\n\t\t\t\tref={(el) => (this.popoverRef = el)}\n\t\t\t\tclass=\"kol-table-settings\"\n\t\t\t\t_icons=\"kolicon-settings\"\n\t\t\t\t_label={this.translateTableSettings}\n\t\t\t\t_popoverAlign=\"top\"\n\t\t\t\t_hideLabel\n\t\t\t>\n\t\t\t\t<div class=\"kol-table-settings__content\">\n\t\t\t\t\t<KolHeadingTag _label={this.translateTableSettings} _level={0} />\n\n\t\t\t\t\t{this.errorMessage && <KolAlertWcTag _type=\"error\" _label={this.errorMessage} _variant=\"msg\" class=\"kol-table-settings__error-message\" />}\n\n\t\t\t\t\t<form onSubmit={this.handleSubmit.bind(this)}>\n\t\t\t\t\t\t<div class=\"kol-table-settings__columns-container\">\n\t\t\t\t\t\t\t<div class=\"kol-table-settings__columns\">\n\t\t\t\t\t\t\t\t{columns.map((column, index) => (\n\t\t\t\t\t\t\t\t\t<div key={column.key} class=\"kol-table-settings__column\">\n\t\t\t\t\t\t\t\t\t\t<KolInputCheckboxTag\n\t\t\t\t\t\t\t\t\t\t\t_checked={column.visible !== false}\n\t\t\t\t\t\t\t\t\t\t\t_label={`${column.label}${column.hidable === false ? ` (${this.translateColumnNotHidable})` : ''}`}\n\t\t\t\t\t\t\t\t\t\t\t_value={true}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.hidable === false}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onInput: (_, value: unknown) => this.handleVisibilityChange(column.key ?? '', value) }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<span class=\"kol-table-settings__column-label\">{column.label}</span>\n\t\t\t\t\t\t\t\t\t\t<KolInputNumberTag\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_value={parseColumnWidth(column.width)}\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-column-width', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_min={1}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.resizable === false}\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onInput: (_, value: unknown) => this.handleWidthChange(column.key ?? '', value) }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\t\t\t_icons=\"kolicon-chevron-up\"\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-move-up', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_variant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: () => this.moveColumn(column.key ?? '', 'up') }}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.sortable === false \|\| index === 0}\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"table-settings-move-up\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t\t\t\t_icons=\"kolicon-chevron-down\"\n\t\t\t\t\t\t\t\t\t\t\t_label={translate('kol-table-settings-move-down', { placeholders: { column: column.label } })}\n\t\t\t\t\t\t\t\t\t\t\t_hideLabel\n\t\t\t\t\t\t\t\t\t\t\t_variant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t_on={{ onClick: () => this.moveColumn(column.key ?? '', 'down') }}\n\t\t\t\t\t\t\t\t\t\t\t_disabled={column.sortable === false \|\| index === columns.length - 1}\n\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"table-settings-move-down\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t<div class=\"kol-table-settings__actions\">\n\t\t\t\t\t\t\t<KolButtonWcTag\n\t\t\t\t\t\t\t\t_label={this.translateTableSettingsCancel}\n\t\t\t\t\t\t\t\t_variant=\"secondary\"\n\t\t\t\t\t\t\t\t_on={{ onClick: () => this.handleCancel() }}\n\t\t\t\t\t\t\t\tdata-testid=\"table-settings-cancel\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<KolButtonWcTag _label={this.translateTableSettingsApply} _variant=\"primary\" _type=\"submit\" data-testid=\"table-settings-apply\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</form>\n\t\t\t\t</div>\n\t\t\t</KolPopoverButtonWcTag>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/kol-table-stateless-wc.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Fragment}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{d as KolButtonWcTag,f as KolLinkWcTag,e as KolIconTag,a as KolTooltipWcTag,t as KolTableSettingsWcTag}from"./component-names.js";import{t as translate}from"./i18n.js";import{Q as emptyStringByArrayHandler,o as objectObjectHandler,p as parseJson,w as watchValidator,s as setState}from"./common.js";import{b as validateHasSettingsMenu,v as validateTableData,a as validateTableDataFoot,e as validateTableCallbacks,c as validateTableSelection}from"./table-selection.js";import{v as validateLabel}from"./label.js";import{C as Callback}from"./keyboard.js";import{c as clsx}from"./clsx.js";import{n as nonce}from"./dev.utils.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{i as isObject,c as baseGetTag,r as root,a as isObjectLike,f as freeGlobal,b as isArray,S as Symbol}from"./isObject.js";const validateTableHeaderCells=(e,t)=>{emptyStringByArrayHandler(t,()=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_headerCells",e=>{var t,a;return"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find(e=>!Array.isArray(e)))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find(e=>!Array.isArray(e)))&&[...null!==(t=e.horizontal)&&void 0!==t?t:[],...null!==(a=e.vertical)&&void 0!==a?a:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})};var asyncTag="[object AsyncFunction]",funcTag$1="[object Function]",genTag="[object GeneratorFunction]",proxyTag="[object Proxy]";function isFunction(e){if(!isObject(e))return!1;var t=baseGetTag(e);return t==funcTag$1||t==genTag||t==asyncTag||t==proxyTag}var coreJsData=root["__core-js_shared__"],maskSrcKey=function(){var e=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function isMasked(e){return!!maskSrcKey&&maskSrcKey in e}var funcProto$1=Function.prototype,funcToString$1=funcProto$1.toString;function toSource(e){if(null!=e){try{return funcToString$1.call(e)}catch(e){}try{return e+""}catch(e){}}return""}var reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reIsHostCtor=/^\[object .+?Constructor\]$/,funcProto=Function.prototype,objectProto$9=Object.prototype,funcToString=funcProto.toString,hasOwnProperty$7=objectProto$9.hasOwnProperty,reIsNative=RegExp("^"+funcToString.call(hasOwnProperty$7).replace(reRegExpChar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function baseIsNative(e){return!(!isObject(e)||isMasked(e))&&(isFunction(e)?reIsNative:reIsHostCtor).test(toSource(e))}function getValue(e,t){return null==e?void 0:e[t]}function getNative(e,t){var a=getValue(e,t);return baseIsNative(a)?a:void 0}var WeakMap=getNative(root,"WeakMap"),MAX_SAFE_INTEGER$1=9007199254740991,reIsUint=/^(?:0|[1-9]\d*)$/;function isIndex(e,t){var a=typeof e;return!!(t=null==t?MAX_SAFE_INTEGER$1:t)&&("number"==a||"symbol"!=a&&reIsUint.test(e))&&e>-1&&e%1==0&&e<t}function eq(e,t){return e===t||e!=e&&t!=t}var MAX_SAFE_INTEGER=9007199254740991;function isLength(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=MAX_SAFE_INTEGER}function isArrayLike(e){return null!=e&&isLength(e.length)&&!isFunction(e)}var objectProto$8=Object.prototype;function isPrototype(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||objectProto$8)}function baseTimes(e,t){for(var a=-1,r=Array(e);++a<e;)r[a]=t(a);return r}var argsTag$2="[object Arguments]";function baseIsArguments(e){return isObjectLike(e)&&baseGetTag(e)==argsTag$2}var objectProto$7=Object.prototype,hasOwnProperty$6=objectProto$7.hasOwnProperty,propertyIsEnumerable$1=objectProto$7.propertyIsEnumerable,isArguments=baseIsArguments(function(){return arguments}())?baseIsArguments:function(e){return isObjectLike(e)&&hasOwnProperty$6.call(e,"callee")&&!propertyIsEnumerable$1.call(e,"callee")};function stubFalse(){return!1}var freeExports$1="object"==typeof exports&&exports&&!exports.nodeType&&exports,freeModule$1=freeExports$1&&"object"==typeof module&&module&&!module.nodeType&&module,moduleExports$1=freeModule$1&&freeModule$1.exports===freeExports$1,Buffer=moduleExports$1?root.Buffer:void 0,nativeIsBuffer=Buffer?Buffer.isBuffer:void 0,isBuffer=nativeIsBuffer||stubFalse,argsTag$1="[object Arguments]",arrayTag$1="[object Array]",boolTag$1="[object Boolean]",dateTag$1="[object Date]",errorTag$1="[object Error]",funcTag="[object Function]",mapTag$2="[object Map]",numberTag$1="[object Number]",objectTag$2="[object Object]",regexpTag$1="[object RegExp]",setTag$2="[object Set]",stringTag$1="[object String]",weakMapTag$1="[object WeakMap]",arrayBufferTag$1="[object ArrayBuffer]",dataViewTag$2="[object DataView]",float32Tag="[object Float32Array]",float64Tag="[object Float64Array]",int8Tag="[object Int8Array]",int16Tag="[object Int16Array]",int32Tag="[object Int32Array]",uint8Tag="[object Uint8Array]",uint8ClampedTag="[object Uint8ClampedArray]",uint16Tag="[object Uint16Array]",uint32Tag="[object Uint32Array]",typedArrayTags={};function baseIsTypedArray(e){return isObjectLike(e)&&isLength(e.length)&&!!typedArrayTags[baseGetTag(e)]}function baseUnary(e){return function(t){return e(t)}}typedArrayTags[float32Tag]=typedArrayTags[float64Tag]=typedArrayTags[int8Tag]=typedArrayTags[int16Tag]=typedArrayTags[int32Tag]=typedArrayTags[uint8Tag]=typedArrayTags[uint8ClampedTag]=typedArrayTags[uint16Tag]=typedArrayTags[uint32Tag]=!0,typedArrayTags[argsTag$1]=typedArrayTags[arrayTag$1]=typedArrayTags[arrayBufferTag$1]=typedArrayTags[boolTag$1]=typedArrayTags[dataViewTag$2]=typedArrayTags[dateTag$1]=typedArrayTags[errorTag$1]=typedArrayTags[funcTag]=typedArrayTags[mapTag$2]=typedArrayTags[numberTag$1]=typedArrayTags[objectTag$2]=typedArrayTags[regexpTag$1]=typedArrayTags[setTag$2]=typedArrayTags[stringTag$1]=typedArrayTags[weakMapTag$1]=!1;var freeExports="object"==typeof exports&&exports&&!exports.nodeType&&exports,freeModule=freeExports&&"object"==typeof module&&module&&!module.nodeType&&module,moduleExports=freeModule&&freeModule.exports===freeExports,freeProcess=moduleExports&&freeGlobal.process,nodeUtil=function(){try{var e=freeModule&&freeModule.require&&freeModule.require("util").types;return e||freeProcess&&freeProcess.binding&&freeProcess.binding("util")}catch(e){}}(),nodeIsTypedArray=nodeUtil&&nodeUtil.isTypedArray,isTypedArray=nodeIsTypedArray?baseUnary(nodeIsTypedArray):baseIsTypedArray,objectProto$6=Object.prototype,hasOwnProperty$5=objectProto$6.hasOwnProperty;function arrayLikeKeys(e,t){var a=isArray(e),r=!a&&isArguments(e),o=!a&&!r&&isBuffer(e),s=!a&&!r&&!o&&isTypedArray(e),n=a||r||o||s,i=n?baseTimes(e.length,String):[],l=i.length;for(var c in e)!hasOwnProperty$5.call(e,c)||n&&("length"==c||o&&("offset"==c||"parent"==c)||s&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||isIndex(c,l))||i.push(c);return i}function overArg(e,t){return function(a){return e(t(a))}}var nativeKeys=overArg(Object.keys,Object),objectProto$5=Object.prototype,hasOwnProperty$4=objectProto$5.hasOwnProperty;function baseKeys(e){if(!isPrototype(e))return nativeKeys(e);var t=[];for(var a in Object(e))hasOwnProperty$4.call(e,a)&&"constructor"!=a&&t.push(a);return t}function keys(e){return isArrayLike(e)?arrayLikeKeys(e):baseKeys(e)}var nativeCreate=getNative(Object,"create");function hashClear(){this.__data__=nativeCreate?nativeCreate(null):{},this.size=0}function hashDelete(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var HASH_UNDEFINED$2="__lodash_hash_undefined__",objectProto$4=Object.prototype,hasOwnProperty$3=objectProto$4.hasOwnProperty;function hashGet(e){var t=this.__data__;if(nativeCreate){var a=t[e];return a===HASH_UNDEFINED$2?void 0:a}return hasOwnProperty$3.call(t,e)?t[e]:void 0}var objectProto$3=Object.prototype,hasOwnProperty$2=objectProto$3.hasOwnProperty;function hashHas(e){var t=this.__data__;return nativeCreate?void 0!==t[e]:hasOwnProperty$2.call(t,e)}var HASH_UNDEFINED$1="__lodash_hash_undefined__";function hashSet(e,t){var a=this.__data__;return this.size+=this.has(e)?0:1,a[e]=nativeCreate&&void 0===t?HASH_UNDEFINED$1:t,this}function Hash(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function listCacheClear(){this.__data__=[],this.size=0}function assocIndexOf(e,t){for(var a=e.length;a--;)if(eq(e[a][0],t))return a;return-1}Hash.prototype.clear=hashClear,Hash.prototype.delete=hashDelete,Hash.prototype.get=hashGet,Hash.prototype.has=hashHas,Hash.prototype.set=hashSet;var arrayProto=Array.prototype,splice=arrayProto.splice;function listCacheDelete(e){var t=this.__data__,a=assocIndexOf(t,e);return!(a<0)&&(a==t.length-1?t.pop():splice.call(t,a,1),--this.size,!0)}function listCacheGet(e){var t=this.__data__,a=assocIndexOf(t,e);return a<0?void 0:t[a][1]}function listCacheHas(e){return assocIndexOf(this.__data__,e)>-1}function listCacheSet(e,t){var a=this.__data__,r=assocIndexOf(a,e);return r<0?(++this.size,a.push([e,t])):a[r][1]=t,this}function ListCache(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}ListCache.prototype.clear=listCacheClear,ListCache.prototype.delete=listCacheDelete,ListCache.prototype.get=listCacheGet,ListCache.prototype.has=listCacheHas,ListCache.prototype.set=listCacheSet;var Map$1=getNative(root,"Map");function mapCacheClear(){this.size=0,this.__data__={hash:new Hash,map:new(Map$1||ListCache),string:new Hash}}function isKeyable(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function getMapData(e,t){var a=e.__data__;return isKeyable(t)?a["string"==typeof t?"string":"hash"]:a.map}function mapCacheDelete(e){var t=getMapData(this,e).delete(e);return this.size-=t?1:0,t}function mapCacheGet(e){return getMapData(this,e).get(e)}function mapCacheHas(e){return getMapData(this,e).has(e)}function mapCacheSet(e,t){var a=getMapData(this,e),r=a.size;return a.set(e,t),this.size+=a.size==r?0:1,this}function MapCache(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function arrayPush(e,t){for(var a=-1,r=t.length,o=e.length;++a<r;)e[o+a]=t[a];return e}function stackClear(){this.__data__=new ListCache,this.size=0}function stackDelete(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a}function stackGet(e){return this.__data__.get(e)}function stackHas(e){return this.__data__.has(e)}MapCache.prototype.clear=mapCacheClear,MapCache.prototype.delete=mapCacheDelete,MapCache.prototype.get=mapCacheGet,MapCache.prototype.has=mapCacheHas,MapCache.prototype.set=mapCacheSet;var LARGE_ARRAY_SIZE=200;function stackSet(e,t){var a=this.__data__;if(a instanceof ListCache){var r=a.__data__;if(!Map$1||r.length<LARGE_ARRAY_SIZE-1)return r.push([e,t]),this.size=++a.size,this;a=this.__data__=new MapCache(r)}return a.set(e,t),this.size=a.size,this}function Stack(e){var t=this.__data__=new ListCache(e);this.size=t.size}function arrayFilter(e,t){for(var a=-1,r=null==e?0:e.length,o=0,s=[];++a<r;){var n=e[a];t(n,a,e)&&(s[o++]=n)}return s}function stubArray(){return[]}Stack.prototype.clear=stackClear,Stack.prototype.delete=stackDelete,Stack.prototype.get=stackGet,Stack.prototype.has=stackHas,Stack.prototype.set=stackSet;var objectProto$2=Object.prototype,propertyIsEnumerable=objectProto$2.propertyIsEnumerable,nativeGetSymbols=Object.getOwnPropertySymbols,getSymbols=nativeGetSymbols?function(e){return null==e?[]:(e=Object(e),arrayFilter(nativeGetSymbols(e),function(t){return propertyIsEnumerable.call(e,t)}))}:stubArray;function baseGetAllKeys(e,t,a){var r=t(e);return isArray(e)?r:arrayPush(r,a(e))}function getAllKeys(e){return baseGetAllKeys(e,keys,getSymbols)}var DataView=getNative(root,"DataView"),Promise$1=getNative(root,"Promise"),Set$1=getNative(root,"Set"),mapTag$1="[object Map]",objectTag$1="[object Object]",promiseTag="[object Promise]",setTag$1="[object Set]",weakMapTag="[object WeakMap]",dataViewTag$1="[object DataView]",dataViewCtorString=toSource(DataView),mapCtorString=toSource(Map$1),promiseCtorString=toSource(Promise$1),setCtorString=toSource(Set$1),weakMapCtorString=toSource(WeakMap),getTag=baseGetTag;(DataView&&getTag(new DataView(new ArrayBuffer(1)))!=dataViewTag$1||Map$1&&getTag(new Map$1)!=mapTag$1||Promise$1&&getTag(Promise$1.resolve())!=promiseTag||Set$1&&getTag(new Set$1)!=setTag$1||WeakMap&&getTag(new WeakMap)!=weakMapTag)&&(getTag=function(e){var t=baseGetTag(e),a=t==objectTag$1?e.constructor:void 0,r=a?toSource(a):"";if(r)switch(r){case dataViewCtorString:return dataViewTag$1;case mapCtorString:return mapTag$1;case promiseCtorString:return promiseTag;case setCtorString:return setTag$1;case weakMapCtorString:return weakMapTag}return t});var Uint8Array=root.Uint8Array,HASH_UNDEFINED="__lodash_hash_undefined__";function setCacheAdd(e){return this.__data__.set(e,HASH_UNDEFINED),this}function setCacheHas(e){return this.__data__.has(e)}function SetCache(e){var t=-1,a=null==e?0:e.length;for(this.__data__=new MapCache;++t<a;)this.add(e[t])}function arraySome(e,t){for(var a=-1,r=null==e?0:e.length;++a<r;)if(t(e[a],a,e))return!0;return!1}function cacheHas(e,t){return e.has(t)}SetCache.prototype.add=SetCache.prototype.push=setCacheAdd,SetCache.prototype.has=setCacheHas;var COMPARE_PARTIAL_FLAG$3=1,COMPARE_UNORDERED_FLAG$1=2;function equalArrays(e,t,a,r,o,s){var n=a&COMPARE_PARTIAL_FLAG$3,i=e.length,l=t.length;if(i!=l&&!(n&&l>i))return!1;var c=s.get(e),h=s.get(t);if(c&&h)return c==t&&h==e;var d=-1,u=!0,b=a&COMPARE_UNORDERED_FLAG$1?new SetCache:void 0;for(s.set(e,t),s.set(t,e);++d<i;){var p=e[d],y=t[d];if(r)var g=n?r(y,p,d,t,e,s):r(p,y,d,e,t,s);if(void 0!==g){if(g)continue;u=!1;break}if(b){if(!arraySome(t,function(e,t){if(!cacheHas(b,t)&&(p===e||o(p,e,a,r,s)))return b.push(t)})){u=!1;break}}else if(p!==y&&!o(p,y,a,r,s)){u=!1;break}}return s.delete(e),s.delete(t),u}function mapToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e,r){a[++t]=[r,e]}),a}function setToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e){a[++t]=e}),a}var COMPARE_PARTIAL_FLAG$2=1,COMPARE_UNORDERED_FLAG=2,boolTag="[object Boolean]",dateTag="[object Date]",errorTag="[object Error]",mapTag="[object Map]",numberTag="[object Number]",regexpTag="[object RegExp]",setTag="[object Set]",stringTag="[object String]",symbolTag="[object Symbol]",arrayBufferTag="[object ArrayBuffer]",dataViewTag="[object DataView]",symbolProto=Symbol?Symbol.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;function equalByTag(e,t,a,r,o,s,n){switch(a){case dataViewTag:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case arrayBufferTag:return!(e.byteLength!=t.byteLength||!s(new Uint8Array(e),new Uint8Array(t)));case boolTag:case dateTag:case numberTag:return eq(+e,+t);case errorTag:return e.name==t.name&&e.message==t.message;case regexpTag:case stringTag:return e==t+"";case mapTag:var i=mapToArray;case setTag:var l=r&COMPARE_PARTIAL_FLAG$2;if(i||(i=setToArray),e.size!=t.size&&!l)return!1;var c=n.get(e);if(c)return c==t;r|=COMPARE_UNORDERED_FLAG,n.set(e,t);var h=equalArrays(i(e),i(t),r,o,s,n);return n.delete(e),h;case symbolTag:if(symbolValueOf)return symbolValueOf.call(e)==symbolValueOf.call(t)}return!1}var COMPARE_PARTIAL_FLAG$1=1,objectProto$1=Object.prototype,hasOwnProperty$1=objectProto$1.hasOwnProperty;function equalObjects(e,t,a,r,o,s){var n=a&COMPARE_PARTIAL_FLAG$1,i=getAllKeys(e),l=i.length;if(l!=getAllKeys(t).length&&!n)return!1;for(var c=l;c--;){var h=i[c];if(!(n?h in t:hasOwnProperty$1.call(t,h)))return!1}var d=s.get(e),u=s.get(t);if(d&&u)return d==t&&u==e;var b=!0;s.set(e,t),s.set(t,e);for(var p=n;++c<l;){var y=e[h=i[c]],g=t[h];if(r)var f=n?r(g,y,h,t,e,s):r(y,g,h,e,t,s);if(!(void 0===f?y===g||o(y,g,a,r,s):f)){b=!1;break}p||(p="constructor"==h)}if(b&&!p){var _=e.constructor,v=t.constructor;_==v||!("constructor"in e)||!("constructor"in t)||"function"==typeof _&&_ instanceof _&&"function"==typeof v&&v instanceof v||(b=!1)}return s.delete(e),s.delete(t),b}var COMPARE_PARTIAL_FLAG=1,argsTag="[object Arguments]",arrayTag="[object Array]",objectTag="[object Object]",objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty;function baseIsEqualDeep(e,t,a,r,o,s){var n=isArray(e),i=isArray(t),l=n?arrayTag:getTag(e),c=i?arrayTag:getTag(t),h=(l=l==argsTag?objectTag:l)==objectTag,d=(c=c==argsTag?objectTag:c)==objectTag,u=l==c;if(u&&isBuffer(e)){if(!isBuffer(t))return!1;n=!0,h=!1}if(u&&!h)return s||(s=new Stack),n||isTypedArray(e)?equalArrays(e,t,a,r,o,s):equalByTag(e,t,l,a,r,o,s);if(!(a&COMPARE_PARTIAL_FLAG)){var b=h&&hasOwnProperty.call(e,"__wrapped__"),p=d&&hasOwnProperty.call(t,"__wrapped__");if(b||p){var y=b?e.value():e,g=p?t.value():t;return s||(s=new Stack),o(y,g,a,r,s)}}return!!u&&(s||(s=new Stack),equalObjects(e,t,a,r,o,s))}function baseIsEqual(e,t,a,r,o){return e===t||(null==e||null==t||!isObjectLike(e)&&!isObjectLike(t)?e!=e&&t!=t:baseIsEqualDeep(e,t,a,r,baseIsEqual,o))}function isEqual(e,t){return baseIsEqual(e,t)}const KolTableStateless=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.translateNoEntries=translate("kol-no-entries"),this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:!1},this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=translate("kol-sort"),this.translateSortOrder=translate("kol-table-sort-order"),this.tableDivElementHasScrollbar=!1,this.renderTableRow=(e,t,a,r=!1)=>{var o,s;let n=String(t);return this.horizontal&&(null===(o=e[0])||void 0===o?void 0:o.data)&&(n=null!==(s=this.getDataKey(e[0].data))&&void 0!==s?s:n),h("tr",{class:clsx("kol-table__row",{"kol-table__row--body":!r,"kol-table__row--footer":r}),key:`row-${n}`},this.renderSelectionCell(e,t),e.map((e,r)=>this.renderTableCell(e,t,r,a)))},this.renderTableCell=(e,t,a,r)=>{if(!1===e.visible)return"";let o=`${t}-${a}-${e.label}`;if(e.data){const r=this.getDataKey(e.data);o=r?`${r}-${this.horizontal?a:t}`:o}if(e.headerCell)return this.renderHeadingCell(e,t,a,r);{const t="function"!=typeof e.render&&e.label===this.translateNoEntries,r=this.getActionColumnHeader(a),s=Boolean(r&&e.data);return h("td",{key:`cell-${o}`,class:clsx("kol-table__cell kol-table__cell--body",e.textAlign&&`kol-table__cell--align-${e.textAlign}`,s&&"kol-table__cell--actions"),"aria-atomic":t?"false":void 0,"aria-live":t?"polite":void 0,"aria-relevant":t?"text":void 0,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},s&&r&&e.data?this.renderActionItems(r,e.data,o):"function"!=typeof e.render?e.label:"")}},this.renderActionItems=(e,t,a)=>{const r=e.actions(t);return h("div",{class:"kol-table__cell-actions"},r.map((e,t)=>{if("button"===e.type){const r=__rest(e,[]);return h(KolButtonWcTag,Object.assign({key:`action-${a}-${t}`},r,{_buttonVariant:r._variant}))}if("link"===e.type){const r=__rest(e,[]);return h(KolLinkWcTag,Object.assign({key:`action-${a}-${t}`},r))}return null}))}}validateHasSettingsMenu(e){validateHasSettingsMenu(this,e)}validateData(e){validateTableData(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){validateTableDataFoot(this,e)}validateHeaderCells(e){validateTableHeaderCells(this,e),isEqual(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){validateLabel(this,e,{required:!0})}validateOn(e){validateTableCallbacks(this,e)}validateSelection(e){validateTableSelection(this,e)}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const a=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let r=this.checkboxRefs.indexOf(a);r>-1&&(e.preventDefault(),"ArrowDown"===e.key?(r=(r+1)%this.checkboxRefs.length,this.checkboxRefs[r].focus()):"ArrowUp"===e.key&&(e.preventDefault(),r=(r+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[r].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}handleSettingsChange(e){var t;const a=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});setState(this,"_headerCells",a),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[Callback.onChangeHeaderCells])&&this.state._on[Callback.onChangeHeaderCells](e,a)}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,nonce())}),this.dataToKeyMap.forEach((t,a)=>{e.includes(a)||this.dataToKeyMap.delete(a)})}getDataKey(e){return this.dataToKeyMap.get(e)}getActionColumnHeader(e){const t=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!t||0===t.length)return;const a=this.getPrimaryHeaders(this.state._headerCells)[e];return a&&"action"===a.type?a:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const a=e.render(t,e,e.data,this.state._data);"string"==typeof a&&(t.textContent=a)}})))}getNumberOfCols(e,t){let a=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;return t+=null!==(a=e.colSpan)&&void 0!==a?a:1}),a<t&&(a=t)}),0===a&&(a=t.length),a}getNumberOfRows(e,t){var a;let r=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;return t+=null!==(a=e.rowSpan)&&void 0!==a?a:1}),r<t&&(r=t)}),0===r?r=t.length:r-=(null===(a=this.state._dataFoot)||void 0===a?void 0:a.length)||0,r}getThePrimaryHeadersWithKeyOrRenderFunction(e){const t=[];return e.forEach(e=>{e.forEach(e=>{"string"!=typeof e.key&&"function"!=typeof e.render||t.push(e)})}),t}getPrimaryHeaders(e){var t,a;let r=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===r.length&&(r=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(a=e.vertical)&&void 0!==a?a:[]),r.length>0&&(this.horizontal=!1)),r}createDataField(e,t,a){var r;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[];const o=this.getPrimaryHeaders(t),s=this.getNumberOfCols(t.horizontal,e);let n=this.getNumberOfRows(t.vertical,e),i=0;a&&(i=n,n+=(null===(r=this.state._dataFoot)||void 0===r?void 0:r.length)||0);const l=[],c=[],h=[];t.vertical.forEach((e,t)=>{c[t]=0,h[t]=[]});const d=o;for(let r=i;r<n;r++){const o=[];t.vertical.forEach((e,t)=>{let a=0;if(h[t].forEach(e=>a+=e),a<=r){const s=e[r-a+c[t]];if("object"==typeof s){o.push(Object.assign(Object.assign({},s),{headerCell:!0,data:{}}));let e=1;if("number"==typeof s.rowSpan&&s.rowSpan>1&&(e=s.rowSpan),h[t].push(e),"number"==typeof s.colSpan&&s.colSpan>1)for(let a=1;a<s.colSpan;a++)h[t+a].push(e);c[t]++}}});for(let t=0;t<s;t++)if(!0===this.horizontal){const s=a&&this.state._dataFoot?this.state._dataFoot[r-i]:e[r];if("object"==typeof d[t]&&null!==d[t]&&"object"==typeof s&&null!==s&&("string"==typeof d[t].key||"function"==typeof d[t].render)){const e=s[d[t].key];o.push(Object.assign(Object.assign({},d[t]),{colSpan:void 0,rowSpan:void 0,data:s,label:e}))}}else if("object"==typeof d[r]&&null!==d[r]&&"object"==typeof e[t]&&null!==e[t]&&("string"==typeof d[r].key||"function"==typeof d[r].render)){const a=d[r].key,s=e[t][a];o.push(Object.assign(Object.assign({},d[r]),{colSpan:void 0,rowSpan:void 0,data:e[t],label:s}))}l.push(o)}if(0===e.length){let e=0,a=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach(t=>{e+=t.colSpan||1}),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach(e=>{a+=e.rowSpan||1}));const r={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(a,1)};0===l.length?l.push([r]):l[0].push(r)}return l}handleSelectionChangeCallbackAndEvent(e,t){var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a[Callback.onSelectionChange])&&this.state._on[Callback.onSelectionChange](e,t),this.host&&dispatchDomEvent(this.host,KolEvent.selectionChange,t)}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const e=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map(e=>e.map(e=>Object.assign(Object.assign({},e),{visible:"boolean"!=typeof e.visible||e.visible,hidable:"boolean"!=typeof e.hidable||e.hidable})))});setState(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(e,t){var a;const r=this.state._selection;if(!r)return"";const o=this.getSelectionKeyPropertyName(),s=null===(a=e[0])||void 0===a?void 0:a.data;if(!s)return"";const n=s[o],i=r.multiple||void 0===r.multiple,l=(()=>{const e=null==r?void 0:r.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),c=(()=>{const e=null==r?void 0:r.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),d=r.label(s),u={name:"selection",checked:l,disabled:c,id:String(n),"aria-label":d};return h("td",{key:`tbody-${t}-selection`,class:"kol-table__cell kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--checked":l})},i?h("label",{class:clsx("kol-table__selection-label",{"kol-table__selection-label--disabled":c})},h(KolIconTag,{class:"kol-table__selection-icon",_icons:"kolicon "+(l?"kolicon-check":""),_label:""}),h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},u,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==r?void 0:r.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),a=l?t.filter(e=>String(e)!==String(n)):[...t,n];this.handleSelectionChangeCallbackAndEvent(e,null!=a?a:[])}}))):h("label",{class:"kol-table__selection-label"},h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--radio")},u,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[n])}}))),h(KolTooltipWcTag,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:d})))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var a;const r=null===(a=this.state._selection)||void 0===a?void 0:a.disabledKeys;return!(void 0===r?[]:Array.isArray(r)?r:[r]).some(a=>String(a)===String(t[e]))})}getSelectedKeysWithoutDisabledKeys(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>!t.some(t=>String(t)===String(e)))}getSelectedKeysWithDisabledKeysOnly(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>t.some(t=>String(t)===String(e)))}getRevertedSelection(e){var t;const a=this.getSelectionKeyPropertyName(),r=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&r.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[a])),r}getTableMinWidth(){var e,t;const a=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],r=[];a.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&r.push(e.width)})});const o=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],s=[];o.forEach(e=>{e.forEach(e=>{void 0!==e.width&&e.width>0&&s.push(e.width)})});const n=[...s,...r];return 0===n.length?"0px":1===n.length?`${n[0]}px`:`calc(${n.map(e=>`${e}px`).join(" + ")})`}renderHeadingSelectionCell(){var e,t;const a=this.state._selection;if(!a)return h("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===a.multiple)return h("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const r=null!==(t=null===(e=this.getSelectedKeysWithoutDisabledKeys())||void 0===e?void 0:e.length)&&void 0!==t?t:0,o=r===this.getDataWithSelectionEnabled().length,s=0!==r&&!o;let n="kol-table-selection-indeterminate";o&&!s&&(n="kol-table-selection-none"),0===r&&(n="kol-table-selection-all");const i=translate(n);return h("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--indeterminate":s,"kol-table__selection--checked":o})},h("label",{class:"kol-table__selection-label"},h(KolIconTag,{class:"kol-table__selection-icon",_icons:"kolicon "+(s?"kolicon-minus":o?"kolicon-check":""),_label:""}),h("input",{class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:o&&!s,indeterminate:s,"aria-label":i,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!o))}})),h(KolTooltipWcTag,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:i})))}renderHeaderTdCell(){const e=this.state._headerCells.horizontal,t=this.state._headerCells.vertical;if(!Array.isArray(e)||0===e.length||!Array.isArray(t)||0===t.length)return h(Fragment,null);const a=t.reduce((e,t)=>{var a;const r=null==t?void 0:t[0];return e+(null!==(a=null==r?void 0:r.width)&&void 0!==a?a:0)},0);return h("td",{"aria-hidden":"true",colSpan:t.length,rowSpan:e.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(e,t,a,r){if(!1===e.visible)return"";const o=!1!==(null==e?void 0:e.sortable),s="string"==typeof e.sortDirection,n=o&&s;let i="none",l="kolicon-sort-neutral";if(n&&e.sortDirection)switch(e.sortDirection){case"ASC":l="kolicon-sort-asc",i="ascending";break;case"DESC":l="kolicon-sort-desc",i="descending";break;default:i="none"}const c=r?"row":"number"==typeof e.colSpan&&e.colSpan>1?"colgroup":"col",d="number"==typeof e.sortOrder&&e.sortOrder>0?e.sortOrder:void 0,u=this.getSortAriaDescription(d);return h("th",{key:`${t}-${a}-${e.label}`,class:clsx("kol-table__cell kol-table__cell--header",e.textAlign&&`kol-table__cell--align-${e.textAlign}`,`kol-table__cell--${i}`),scope:c,colSpan:e.colSpan,rowSpan:e.rowSpan,style:void 0!==e.width?{width:`${e.width}px`}:void 0,"aria-sort":i,"data-sort":n&&e.sortDirection?`sort-${e.sortDirection}`:void 0},n&&e.sortDirection?h("span",{class:"kol-table__sort"},h(KolButtonWcTag,{class:"kol-table__sort-button",exportparts:"icon",_icons:{right:l},_label:e.label,_ariaDescription:u,_on:{onClick:t=>{var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onSort)&&e.key&&e.sortDirection&&this.state._on.onSort(t,{key:e.key,currentSortDirection:e.sortDirection}),this.host&&dispatchDomEvent(this.host,KolEvent.sort,{key:e.key,currentSortDirection:e.sortDirection})}}}),d&&h("span",{"aria-hidden":"true",class:"kol-table__sort-order"},d)):e.label)}renderSpacer(e,t){var a,r;const o=(null===(a=this.state._headerCells.vertical)||void 0===a?void 0:a.length)||0,s=null===(r=null==t?void 0:t[0])||void 0===r?void 0:r.reduce((e,t)=>e+(t.colSpan||1),0),n=this.state._selection?1:0;return h("tr",{"aria-hidden":"true",class:clsx("kol-table__spacer",`kol-table__spacer--${e}`)},h("td",{class:clsx(`kol-table__spacer-line kol-table__spacer-line--${e}`),colSpan:o+s+n}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return h("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",e),e.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const e=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const t=this.state._headerCells.horizontal;return h("div",{key:"0ec51c746386e3a56f7d8a893190183983bcca2e",class:"kol-table"},this.state._hasSettingsMenu&&h(KolTableSettingsWcTag,{key:"15749ad310b03311bcb609c9abbae8dec024d3db",_horizontalHeaderCells:null!=t?t:[]}),h("div",{key:"77e8de395578823fc8ebb8688730f58ad2feed9e",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},h("table",{key:"e4e55f8d144f2bb329dc18c7c61cb4717fe1a748",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},h("caption",{key:"a24a9f314a61f9b7cc07381cb9dffd12dc87fbb1",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(t)&&h("thead",{key:"341a0a06076d12529f6eb8a20c04f5f47e3079d1",class:"kol-table__head"},[t.map((e,t)=>h("tr",{class:"kol-table__head-row",key:`thead-${t}`},this.state._selection&&this.renderHeadingSelectionCell(),0===t&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map((e,a)=>this.renderHeadingCell(e,t,a,!1)))),this.renderSpacer("head",t)]),h("tbody",{key:"3a28a3622e76b7304980a14f5cbdee1a879e840c",class:"kol-table__body"},e.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return this}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}},[256,"kol-table-stateless-wc",{_data:[1],_dataFoot:[1,"_data-foot"],_headerCells:[1,"_header-cells"],_label:[1],_on:[16],_selection:[1],_hasSettingsMenu:[4,"_has-settings-menu"],state:[32],tableDivElementHasScrollbar:[32],previousHeaderCells:[32]},[[0,"keydown","handleKeyDown"],[0,"changeheadercells","handleSettingsChange"]],{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-table-stateless-wc"].forEach(e=>{if("kol-table-stateless-wc"===e)customElements.get(e)||customElements.define(e,KolTableStateless)})}const KolTableStatelessWc=KolTableStateless,defineCustomElement=defineCustomElement$1;export{KolTableStatelessWc,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Fragment}from"@stencil/core/internal/client";import{_ as __rest}from"./tslib.es6.js";import{d as KolButtonWcTag,f as KolLinkWcTag,e as KolIconTag,a as KolTooltipWcTag,t as KolTableSettingsWcTag}from"./component-names.js";import{t as translate}from"./i18n.js";import{Q as emptyStringByArrayHandler,o as objectObjectHandler,p as parseJson,w as watchValidator,s as setState}from"./common.js";import{b as validateHasSettingsMenu,v as validateTableData,a as validateTableDataFoot,e as validateTableCallbacks,c as validateTableSelection}from"./table-selection.js";import{v as validateLabel}from"./label.js";import{C as Callback}from"./keyboard.js";import{c as clsx}from"./clsx.js";import{n as nonce}from"./dev.utils.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{i as isObject,c as baseGetTag,r as root,a as isObjectLike,f as freeGlobal,b as isArray,S as Symbol}from"./isObject.js";const validateTableHeaderCells=(e,t)=>{emptyStringByArrayHandler(t,()=>{objectObjectHandler(t,()=>{try{t=parseJson(t)}catch(e){}watchValidator(e,"_headerCells",e=>{var t,a;return"object"==typeof e&&null!==e&&(void 0===e.horizontal||Array.isArray(e.horizontal)&&void 0===e.horizontal.find(e=>!Array.isArray(e)))&&(void 0===e.vertical||Array.isArray(e.vertical)&&void 0===e.vertical.find(e=>!Array.isArray(e)))&&[...null!==(t=e.horizontal)&&void 0!==t?t:[],...null!==(a=e.vertical)&&void 0!==a?a:[]].flat().every(e=>void 0===e.width||"number"==typeof e.width)&&!0},new Set(["TableHeaderCellsPropType"]),t)})})};var asyncTag="[object AsyncFunction]",funcTag$1="[object Function]",genTag="[object GeneratorFunction]",proxyTag="[object Proxy]";function isFunction(e){if(!isObject(e))return!1;var t=baseGetTag(e);return t==funcTag$1||t==genTag||t==asyncTag||t==proxyTag}var coreJsData=root["__core-js_shared__"],maskSrcKey=function(){var e=/[^.]+$/.exec(coreJsData&&coreJsData.keys&&coreJsData.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function isMasked(e){return!!maskSrcKey&&maskSrcKey in e}var funcProto$1=Function.prototype,funcToString$1=funcProto$1.toString;function toSource(e){if(null!=e){try{return funcToString$1.call(e)}catch(e){}try{return e+""}catch(e){}}return""}var reRegExpChar=/[\\^$.*+?()[\]{}|]/g,reIsHostCtor=/^\[object .+?Constructor\]$/,funcProto=Function.prototype,objectProto$9=Object.prototype,funcToString=funcProto.toString,hasOwnProperty$7=objectProto$9.hasOwnProperty,reIsNative=RegExp("^"+funcToString.call(hasOwnProperty$7).replace(reRegExpChar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function baseIsNative(e){return!(!isObject(e)||isMasked(e))&&(isFunction(e)?reIsNative:reIsHostCtor).test(toSource(e))}function getValue(e,t){return null==e?void 0:e[t]}function getNative(e,t){var a=getValue(e,t);return baseIsNative(a)?a:void 0}var WeakMap=getNative(root,"WeakMap"),MAX_SAFE_INTEGER$1=9007199254740991,reIsUint=/^(?:0|[1-9]\d*)$/;function isIndex(e,t){var a=typeof e;return!!(t=null==t?MAX_SAFE_INTEGER$1:t)&&("number"==a||"symbol"!=a&&reIsUint.test(e))&&e>-1&&e%1==0&&e<t}function eq(e,t){return e===t||e!=e&&t!=t}var MAX_SAFE_INTEGER=9007199254740991;function isLength(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=MAX_SAFE_INTEGER}function isArrayLike(e){return null!=e&&isLength(e.length)&&!isFunction(e)}var objectProto$8=Object.prototype;function isPrototype(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||objectProto$8)}function baseTimes(e,t){for(var a=-1,r=Array(e);++a<e;)r[a]=t(a);return r}var argsTag$2="[object Arguments]";function baseIsArguments(e){return isObjectLike(e)&&baseGetTag(e)==argsTag$2}var objectProto$7=Object.prototype,hasOwnProperty$6=objectProto$7.hasOwnProperty,propertyIsEnumerable$1=objectProto$7.propertyIsEnumerable,isArguments=baseIsArguments(function(){return arguments}())?baseIsArguments:function(e){return isObjectLike(e)&&hasOwnProperty$6.call(e,"callee")&&!propertyIsEnumerable$1.call(e,"callee")};function stubFalse(){return!1}var freeExports$1="object"==typeof exports&&exports&&!exports.nodeType&&exports,freeModule$1=freeExports$1&&"object"==typeof module&&module&&!module.nodeType&&module,moduleExports$1=freeModule$1&&freeModule$1.exports===freeExports$1,Buffer=moduleExports$1?root.Buffer:void 0,nativeIsBuffer=Buffer?Buffer.isBuffer:void 0,isBuffer=nativeIsBuffer||stubFalse,argsTag$1="[object Arguments]",arrayTag$1="[object Array]",boolTag$1="[object Boolean]",dateTag$1="[object Date]",errorTag$1="[object Error]",funcTag="[object Function]",mapTag$2="[object Map]",numberTag$1="[object Number]",objectTag$2="[object Object]",regexpTag$1="[object RegExp]",setTag$2="[object Set]",stringTag$1="[object String]",weakMapTag$1="[object WeakMap]",arrayBufferTag$1="[object ArrayBuffer]",dataViewTag$2="[object DataView]",float32Tag="[object Float32Array]",float64Tag="[object Float64Array]",int8Tag="[object Int8Array]",int16Tag="[object Int16Array]",int32Tag="[object Int32Array]",uint8Tag="[object Uint8Array]",uint8ClampedTag="[object Uint8ClampedArray]",uint16Tag="[object Uint16Array]",uint32Tag="[object Uint32Array]",typedArrayTags={};function baseIsTypedArray(e){return isObjectLike(e)&&isLength(e.length)&&!!typedArrayTags[baseGetTag(e)]}function baseUnary(e){return function(t){return e(t)}}typedArrayTags[float32Tag]=typedArrayTags[float64Tag]=typedArrayTags[int8Tag]=typedArrayTags[int16Tag]=typedArrayTags[int32Tag]=typedArrayTags[uint8Tag]=typedArrayTags[uint8ClampedTag]=typedArrayTags[uint16Tag]=typedArrayTags[uint32Tag]=!0,typedArrayTags[argsTag$1]=typedArrayTags[arrayTag$1]=typedArrayTags[arrayBufferTag$1]=typedArrayTags[boolTag$1]=typedArrayTags[dataViewTag$2]=typedArrayTags[dateTag$1]=typedArrayTags[errorTag$1]=typedArrayTags[funcTag]=typedArrayTags[mapTag$2]=typedArrayTags[numberTag$1]=typedArrayTags[objectTag$2]=typedArrayTags[regexpTag$1]=typedArrayTags[setTag$2]=typedArrayTags[stringTag$1]=typedArrayTags[weakMapTag$1]=!1;var freeExports="object"==typeof exports&&exports&&!exports.nodeType&&exports,freeModule=freeExports&&"object"==typeof module&&module&&!module.nodeType&&module,moduleExports=freeModule&&freeModule.exports===freeExports,freeProcess=moduleExports&&freeGlobal.process,nodeUtil=function(){try{var e=freeModule&&freeModule.require&&freeModule.require("util").types;return e||freeProcess&&freeProcess.binding&&freeProcess.binding("util")}catch(e){}}(),nodeIsTypedArray=nodeUtil&&nodeUtil.isTypedArray,isTypedArray=nodeIsTypedArray?baseUnary(nodeIsTypedArray):baseIsTypedArray,objectProto$6=Object.prototype,hasOwnProperty$5=objectProto$6.hasOwnProperty;function arrayLikeKeys(e,t){var a=isArray(e),r=!a&&isArguments(e),o=!a&&!r&&isBuffer(e),s=!a&&!r&&!o&&isTypedArray(e),n=a||r||o||s,i=n?baseTimes(e.length,String):[],l=i.length;for(var c in e)!hasOwnProperty$5.call(e,c)||n&&("length"==c||o&&("offset"==c||"parent"==c)||s&&("buffer"==c||"byteLength"==c||"byteOffset"==c)||isIndex(c,l))||i.push(c);return i}function overArg(e,t){return function(a){return e(t(a))}}var nativeKeys=overArg(Object.keys,Object),objectProto$5=Object.prototype,hasOwnProperty$4=objectProto$5.hasOwnProperty;function baseKeys(e){if(!isPrototype(e))return nativeKeys(e);var t=[];for(var a in Object(e))hasOwnProperty$4.call(e,a)&&"constructor"!=a&&t.push(a);return t}function keys(e){return isArrayLike(e)?arrayLikeKeys(e):baseKeys(e)}var nativeCreate=getNative(Object,"create");function hashClear(){this.__data__=nativeCreate?nativeCreate(null):{},this.size=0}function hashDelete(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t}var HASH_UNDEFINED$2="__lodash_hash_undefined__",objectProto$4=Object.prototype,hasOwnProperty$3=objectProto$4.hasOwnProperty;function hashGet(e){var t=this.__data__;if(nativeCreate){var a=t[e];return a===HASH_UNDEFINED$2?void 0:a}return hasOwnProperty$3.call(t,e)?t[e]:void 0}var objectProto$3=Object.prototype,hasOwnProperty$2=objectProto$3.hasOwnProperty;function hashHas(e){var t=this.__data__;return nativeCreate?void 0!==t[e]:hasOwnProperty$2.call(t,e)}var HASH_UNDEFINED$1="__lodash_hash_undefined__";function hashSet(e,t){var a=this.__data__;return this.size+=this.has(e)?0:1,a[e]=nativeCreate&&void 0===t?HASH_UNDEFINED$1:t,this}function Hash(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function listCacheClear(){this.__data__=[],this.size=0}function assocIndexOf(e,t){for(var a=e.length;a--;)if(eq(e[a][0],t))return a;return-1}Hash.prototype.clear=hashClear,Hash.prototype.delete=hashDelete,Hash.prototype.get=hashGet,Hash.prototype.has=hashHas,Hash.prototype.set=hashSet;var arrayProto=Array.prototype,splice=arrayProto.splice;function listCacheDelete(e){var t=this.__data__,a=assocIndexOf(t,e);return!(a<0)&&(a==t.length-1?t.pop():splice.call(t,a,1),--this.size,!0)}function listCacheGet(e){var t=this.__data__,a=assocIndexOf(t,e);return a<0?void 0:t[a][1]}function listCacheHas(e){return assocIndexOf(this.__data__,e)>-1}function listCacheSet(e,t){var a=this.__data__,r=assocIndexOf(a,e);return r<0?(++this.size,a.push([e,t])):a[r][1]=t,this}function ListCache(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}ListCache.prototype.clear=listCacheClear,ListCache.prototype.delete=listCacheDelete,ListCache.prototype.get=listCacheGet,ListCache.prototype.has=listCacheHas,ListCache.prototype.set=listCacheSet;var Map$1=getNative(root,"Map");function mapCacheClear(){this.size=0,this.__data__={hash:new Hash,map:new(Map$1||ListCache),string:new Hash}}function isKeyable(e){var t=typeof e;return"string"==t||"number"==t||"symbol"==t||"boolean"==t?"__proto__"!==e:null===e}function getMapData(e,t){var a=e.__data__;return isKeyable(t)?a["string"==typeof t?"string":"hash"]:a.map}function mapCacheDelete(e){var t=getMapData(this,e).delete(e);return this.size-=t?1:0,t}function mapCacheGet(e){return getMapData(this,e).get(e)}function mapCacheHas(e){return getMapData(this,e).has(e)}function mapCacheSet(e,t){var a=getMapData(this,e),r=a.size;return a.set(e,t),this.size+=a.size==r?0:1,this}function MapCache(e){var t=-1,a=null==e?0:e.length;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function arrayPush(e,t){for(var a=-1,r=t.length,o=e.length;++a<r;)e[o+a]=t[a];return e}function stackClear(){this.__data__=new ListCache,this.size=0}function stackDelete(e){var t=this.__data__,a=t.delete(e);return this.size=t.size,a}function stackGet(e){return this.__data__.get(e)}function stackHas(e){return this.__data__.has(e)}MapCache.prototype.clear=mapCacheClear,MapCache.prototype.delete=mapCacheDelete,MapCache.prototype.get=mapCacheGet,MapCache.prototype.has=mapCacheHas,MapCache.prototype.set=mapCacheSet;var LARGE_ARRAY_SIZE=200;function stackSet(e,t){var a=this.__data__;if(a instanceof ListCache){var r=a.__data__;if(!Map$1||r.length<LARGE_ARRAY_SIZE-1)return r.push([e,t]),this.size=++a.size,this;a=this.__data__=new MapCache(r)}return a.set(e,t),this.size=a.size,this}function Stack(e){var t=this.__data__=new ListCache(e);this.size=t.size}function arrayFilter(e,t){for(var a=-1,r=null==e?0:e.length,o=0,s=[];++a<r;){var n=e[a];t(n,a,e)&&(s[o++]=n)}return s}function stubArray(){return[]}Stack.prototype.clear=stackClear,Stack.prototype.delete=stackDelete,Stack.prototype.get=stackGet,Stack.prototype.has=stackHas,Stack.prototype.set=stackSet;var objectProto$2=Object.prototype,propertyIsEnumerable=objectProto$2.propertyIsEnumerable,nativeGetSymbols=Object.getOwnPropertySymbols,getSymbols=nativeGetSymbols?function(e){return null==e?[]:(e=Object(e),arrayFilter(nativeGetSymbols(e),function(t){return propertyIsEnumerable.call(e,t)}))}:stubArray;function baseGetAllKeys(e,t,a){var r=t(e);return isArray(e)?r:arrayPush(r,a(e))}function getAllKeys(e){return baseGetAllKeys(e,keys,getSymbols)}var DataView=getNative(root,"DataView"),Promise$1=getNative(root,"Promise"),Set$1=getNative(root,"Set"),mapTag$1="[object Map]",objectTag$1="[object Object]",promiseTag="[object Promise]",setTag$1="[object Set]",weakMapTag="[object WeakMap]",dataViewTag$1="[object DataView]",dataViewCtorString=toSource(DataView),mapCtorString=toSource(Map$1),promiseCtorString=toSource(Promise$1),setCtorString=toSource(Set$1),weakMapCtorString=toSource(WeakMap),getTag=baseGetTag;(DataView&&getTag(new DataView(new ArrayBuffer(1)))!=dataViewTag$1||Map$1&&getTag(new Map$1)!=mapTag$1||Promise$1&&getTag(Promise$1.resolve())!=promiseTag||Set$1&&getTag(new Set$1)!=setTag$1||WeakMap&&getTag(new WeakMap)!=weakMapTag)&&(getTag=function(e){var t=baseGetTag(e),a=t==objectTag$1?e.constructor:void 0,r=a?toSource(a):"";if(r)switch(r){case dataViewCtorString:return dataViewTag$1;case mapCtorString:return mapTag$1;case promiseCtorString:return promiseTag;case setCtorString:return setTag$1;case weakMapCtorString:return weakMapTag}return t});var Uint8Array=root.Uint8Array,HASH_UNDEFINED="__lodash_hash_undefined__";function setCacheAdd(e){return this.__data__.set(e,HASH_UNDEFINED),this}function setCacheHas(e){return this.__data__.has(e)}function SetCache(e){var t=-1,a=null==e?0:e.length;for(this.__data__=new MapCache;++t<a;)this.add(e[t])}function arraySome(e,t){for(var a=-1,r=null==e?0:e.length;++a<r;)if(t(e[a],a,e))return!0;return!1}function cacheHas(e,t){return e.has(t)}SetCache.prototype.add=SetCache.prototype.push=setCacheAdd,SetCache.prototype.has=setCacheHas;var COMPARE_PARTIAL_FLAG$3=1,COMPARE_UNORDERED_FLAG$1=2;function equalArrays(e,t,a,r,o,s){var n=a&COMPARE_PARTIAL_FLAG$3,i=e.length,l=t.length;if(i!=l&&!(n&&l>i))return!1;var c=s.get(e),h=s.get(t);if(c&&h)return c==t&&h==e;var d=-1,u=!0,b=a&COMPARE_UNORDERED_FLAG$1?new SetCache:void 0;for(s.set(e,t),s.set(t,e);++d<i;){var p=e[d],y=t[d];if(r)var g=n?r(y,p,d,t,e,s):r(p,y,d,e,t,s);if(void 0!==g){if(g)continue;u=!1;break}if(b){if(!arraySome(t,function(e,t){if(!cacheHas(b,t)&&(p===e||o(p,e,a,r,s)))return b.push(t)})){u=!1;break}}else if(p!==y&&!o(p,y,a,r,s)){u=!1;break}}return s.delete(e),s.delete(t),u}function mapToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e,r){a[++t]=[r,e]}),a}function setToArray(e){var t=-1,a=Array(e.size);return e.forEach(function(e){a[++t]=e}),a}var COMPARE_PARTIAL_FLAG$2=1,COMPARE_UNORDERED_FLAG=2,boolTag="[object Boolean]",dateTag="[object Date]",errorTag="[object Error]",mapTag="[object Map]",numberTag="[object Number]",regexpTag="[object RegExp]",setTag="[object Set]",stringTag="[object String]",symbolTag="[object Symbol]",arrayBufferTag="[object ArrayBuffer]",dataViewTag="[object DataView]",symbolProto=Symbol?Symbol.prototype:void 0,symbolValueOf=symbolProto?symbolProto.valueOf:void 0;function equalByTag(e,t,a,r,o,s,n){switch(a){case dataViewTag:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)return!1;e=e.buffer,t=t.buffer;case arrayBufferTag:return!(e.byteLength!=t.byteLength||!s(new Uint8Array(e),new Uint8Array(t)));case boolTag:case dateTag:case numberTag:return eq(+e,+t);case errorTag:return e.name==t.name&&e.message==t.message;case regexpTag:case stringTag:return e==t+"";case mapTag:var i=mapToArray;case setTag:var l=r&COMPARE_PARTIAL_FLAG$2;if(i||(i=setToArray),e.size!=t.size&&!l)return!1;var c=n.get(e);if(c)return c==t;r|=COMPARE_UNORDERED_FLAG,n.set(e,t);var h=equalArrays(i(e),i(t),r,o,s,n);return n.delete(e),h;case symbolTag:if(symbolValueOf)return symbolValueOf.call(e)==symbolValueOf.call(t)}return!1}var COMPARE_PARTIAL_FLAG$1=1,objectProto$1=Object.prototype,hasOwnProperty$1=objectProto$1.hasOwnProperty;function equalObjects(e,t,a,r,o,s){var n=a&COMPARE_PARTIAL_FLAG$1,i=getAllKeys(e),l=i.length;if(l!=getAllKeys(t).length&&!n)return!1;for(var c=l;c--;){var h=i[c];if(!(n?h in t:hasOwnProperty$1.call(t,h)))return!1}var d=s.get(e),u=s.get(t);if(d&&u)return d==t&&u==e;var b=!0;s.set(e,t),s.set(t,e);for(var p=n;++c<l;){var y=e[h=i[c]],g=t[h];if(r)var f=n?r(g,y,h,t,e,s):r(y,g,h,e,t,s);if(!(void 0===f?y===g||o(y,g,a,r,s):f)){b=!1;break}p||(p="constructor"==h)}if(b&&!p){var _=e.constructor,v=t.constructor;_==v||!("constructor"in e)||!("constructor"in t)||"function"==typeof _&&_ instanceof _&&"function"==typeof v&&v instanceof v||(b=!1)}return s.delete(e),s.delete(t),b}var COMPARE_PARTIAL_FLAG=1,argsTag="[object Arguments]",arrayTag="[object Array]",objectTag="[object Object]",objectProto=Object.prototype,hasOwnProperty=objectProto.hasOwnProperty;function baseIsEqualDeep(e,t,a,r,o,s){var n=isArray(e),i=isArray(t),l=n?arrayTag:getTag(e),c=i?arrayTag:getTag(t),h=(l=l==argsTag?objectTag:l)==objectTag,d=(c=c==argsTag?objectTag:c)==objectTag,u=l==c;if(u&&isBuffer(e)){if(!isBuffer(t))return!1;n=!0,h=!1}if(u&&!h)return s||(s=new Stack),n||isTypedArray(e)?equalArrays(e,t,a,r,o,s):equalByTag(e,t,l,a,r,o,s);if(!(a&COMPARE_PARTIAL_FLAG)){var b=h&&hasOwnProperty.call(e,"__wrapped__"),p=d&&hasOwnProperty.call(t,"__wrapped__");if(b||p){var y=b?e.value():e,g=p?t.value():t;return s||(s=new Stack),o(y,g,a,r,s)}}return!!u&&(s||(s=new Stack),equalObjects(e,t,a,r,o,s))}function baseIsEqual(e,t,a,r,o){return e===t||(null==e||null==t||!isObjectLike(e)&&!isObjectLike(t)?e!=e&&t!=t:baseIsEqualDeep(e,t,a,r,baseIsEqual,o))}function isEqual(e,t){return baseIsEqual(e,t)}const KolTableStateless=proxyCustomElement(class extends HTMLElement{constructor(e){super(),!1!==e&&this.__registerHost(),this.translateNoEntries=translate("kol-no-entries"),this.state={_data:[],_headerCells:{horizontal:[],vertical:[]},_label:"",_hasSettingsMenu:!1},this.horizontal=!0,this.cellsToRenderTimeouts=new Map,this.dataToKeyMap=new Map,this.checkboxRefs=[],this.translateSort=translate("kol-sort"),this.translateSortOrder=translate("kol-table-sort-order"),this.tableDivElementHasScrollbar=!1,this.renderTableRow=(e,t,a,r=!1)=>{var o,s;let n=String(t);return this.horizontal&&(null===(o=e[0])||void 0===o?void 0:o.data)&&(n=null!==(s=this.getDataKey(e[0].data))&&void 0!==s?s:n),h("tr",{class:clsx("kol-table__row",{"kol-table__row--body":!r,"kol-table__row--footer":r}),key:`row-${n}`},this.renderSelectionCell(e,t),e.map((e,r)=>this.renderTableCell(e,t,r,a)))},this.renderTableCell=(e,t,a,r)=>{if(!1===e.visible)return"";let o=`${t}-${a}-${e.label}`;if(e.data){const r=this.getDataKey(e.data);o=r?`${r}-${this.horizontal?a:t}`:o}if(e.headerCell)return this.renderHeadingCell(e,t,a,r);{const t="function"!=typeof e.render&&e.label===this.translateNoEntries,r=this.getActionColumnHeader(a),s=Boolean(r&&e.data);return h("td",{key:`cell-${o}`,class:clsx("kol-table__cell kol-table__cell--body",e.textAlign&&`kol-table__cell--align-${e.textAlign}`,s&&"kol-table__cell--actions"),"aria-atomic":t?"false":void 0,"aria-live":t?"polite":void 0,"aria-relevant":t?"text":void 0,colSpan:e.colSpan,rowSpan:e.rowSpan,style:{textAlign:e.textAlign},ref:"function"==typeof e.render?t=>{this.cellRender(e,t)}:void 0},s&&r&&e.data?this.renderActionItems(r,e.data,o):"function"!=typeof e.render?e.label:"")}},this.renderActionItems=(e,t,a)=>{const r=e.actions(t);return h("div",{class:"kol-table__cell-actions"},r.map((e,t)=>{if("button"===e.type){const r=__rest(e,[]);return h(KolButtonWcTag,Object.assign({key:`action-${a}-${t}`},r,{_variant:r._variant}))}if("link"===e.type){const r=__rest(e,[]);return h(KolLinkWcTag,Object.assign({key:`action-${a}-${t}`},r))}return null}))}}validateHasSettingsMenu(e){validateHasSettingsMenu(this,e)}validateData(e){validateTableData(this,e,{beforePatch:e=>{this.updateDataToKeyMap(e)}})}validateDataFoot(e){validateTableDataFoot(this,e)}validateHeaderCells(e){validateTableHeaderCells(this,e),isEqual(this.previousHeaderCells,this.state._headerCells)||this.initializeHeaderCellSettings(),this.previousHeaderCells=this.state._headerCells}validateLabel(e){validateLabel(this,e,{required:!0})}validateOn(e){validateTableCallbacks(this,e)}validateSelection(e){validateTableSelection(this,e)}handleKeyDown(e){var t;if("ArrowUp"===e.key||"ArrowDown"===e.key){const a=null===(t=this.tableDivElement)||void 0===t?void 0:t.querySelector(":focus");let r=this.checkboxRefs.indexOf(a);r>-1&&(e.preventDefault(),"ArrowDown"===e.key?(r=(r+1)%this.checkboxRefs.length,this.checkboxRefs[r].focus()):"ArrowUp"===e.key&&(e.preventDefault(),r=(r+this.checkboxRefs.length-1)%this.checkboxRefs.length,this.checkboxRefs[r].focus()))}}componentDidRender(){this.checkDivElementScrollbar()}componentDidLoad(){this.tableDivElement&&ResizeObserver&&(this.tableDivElementResizeObserver=new ResizeObserver(this.checkDivElementScrollbar.bind(this)),this.tableDivElementResizeObserver.observe(this.tableDivElement))}handleSettingsChange(e){var t;const a=Object.assign(Object.assign({},this.state._headerCells),{horizontal:e.detail});setState(this,"_headerCells",a),"function"==typeof(null===(t=this.state._on)||void 0===t?void 0:t[Callback.onChangeHeaderCells])&&this.state._on[Callback.onChangeHeaderCells](e,a)}disconnectedCallback(){var e;null===(e=this.tableDivElementResizeObserver)||void 0===e||e.disconnect()}checkDivElementScrollbar(){this.tableDivElement&&(this.tableDivElementHasScrollbar=this.tableDivElement.scrollWidth>this.tableDivElement.clientWidth)}updateDataToKeyMap(e){e.forEach(e=>{this.dataToKeyMap.has(e)||this.dataToKeyMap.set(e,nonce())}),this.dataToKeyMap.forEach((t,a)=>{e.includes(a)||this.dataToKeyMap.delete(a)})}getDataKey(e){return this.dataToKeyMap.get(e)}getActionColumnHeader(e){const t=this.horizontal?this.state._headerCells.horizontal:this.state._headerCells.vertical;if(!t||0===t.length)return;const a=this.getPrimaryHeaders(this.state._headerCells)[e];return a&&"action"===a.type?a:void 0}cellRender(e,t){t&&(clearTimeout(this.cellsToRenderTimeouts.get(t)),this.cellsToRenderTimeouts.set(t,setTimeout(()=>{if("function"==typeof e.render){const a=e.render(t,e,e.data,this.state._data);"string"==typeof a&&(t.textContent=a)}})))}getNumberOfCols(e,t){let a=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;return t+=null!==(a=e.colSpan)&&void 0!==a?a:1}),a<t&&(a=t)}),0===a&&(a=t.length),a}getNumberOfRows(e,t){var a;let r=0;return e.forEach(e=>{let t=0;Array.isArray(e)&&e.forEach(e=>{var a;return t+=null!==(a=e.rowSpan)&&void 0!==a?a:1}),r<t&&(r=t)}),0===r?r=t.length:r-=(null===(a=this.state._dataFoot)||void 0===a?void 0:a.length)||0,r}getThePrimaryHeadersWithKeyOrRenderFunction(e){const t=[];return e.forEach(e=>{e.forEach(e=>{"string"!=typeof e.key&&"function"!=typeof e.render||t.push(e)})}),t}getPrimaryHeaders(e){var t,a;let r=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(t=e.horizontal)&&void 0!==t?t:[]);return this.horizontal=!0,0===r.length&&(r=this.getThePrimaryHeadersWithKeyOrRenderFunction(null!==(a=e.vertical)&&void 0!==a?a:[]),r.length>0&&(this.horizontal=!1)),r}createDataField(e,t,a){var r;t.horizontal=Array.isArray(null==t?void 0:t.horizontal)?t.horizontal:[],t.vertical=Array.isArray(null==t?void 0:t.vertical)?t.vertical:[];const o=this.getPrimaryHeaders(t),s=this.getNumberOfCols(t.horizontal,e);let n=this.getNumberOfRows(t.vertical,e),i=0;a&&(i=n,n+=(null===(r=this.state._dataFoot)||void 0===r?void 0:r.length)||0);const l=[],c=[],h=[];t.vertical.forEach((e,t)=>{c[t]=0,h[t]=[]});const d=o;for(let r=i;r<n;r++){const o=[];t.vertical.forEach((e,t)=>{let a=0;if(h[t].forEach(e=>a+=e),a<=r){const s=e[r-a+c[t]];if("object"==typeof s){o.push(Object.assign(Object.assign({},s),{headerCell:!0,data:{}}));let e=1;if("number"==typeof s.rowSpan&&s.rowSpan>1&&(e=s.rowSpan),h[t].push(e),"number"==typeof s.colSpan&&s.colSpan>1)for(let a=1;a<s.colSpan;a++)h[t+a].push(e);c[t]++}}});for(let t=0;t<s;t++)if(!0===this.horizontal){const s=a&&this.state._dataFoot?this.state._dataFoot[r-i]:e[r];if("object"==typeof d[t]&&null!==d[t]&&"object"==typeof s&&null!==s&&("string"==typeof d[t].key||"function"==typeof d[t].render)){const e=s[d[t].key];o.push(Object.assign(Object.assign({},d[t]),{colSpan:void 0,rowSpan:void 0,data:s,label:e}))}}else if("object"==typeof d[r]&&null!==d[r]&&"object"==typeof e[t]&&null!==e[t]&&("string"==typeof d[r].key||"function"==typeof d[r].render)){const a=d[r].key,s=e[t][a];o.push(Object.assign(Object.assign({},d[r]),{colSpan:void 0,rowSpan:void 0,data:e[t],label:s}))}l.push(o)}if(0===e.length){let e=0,a=0;Array.isArray(t.horizontal)&&t.horizontal.length>0&&t.horizontal[0].forEach(t=>{e+=t.colSpan||1}),Array.isArray(t.vertical)&&t.vertical.length>0&&(e-=t.vertical.length,t.vertical[0].forEach(e=>{a+=e.rowSpan||1}));const r={colSpan:e,label:this.translateNoEntries,render:void 0,rowSpan:Math.max(a,1)};0===l.length?l.push([r]):l[0].push(r)}return l}handleSelectionChangeCallbackAndEvent(e,t){var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a[Callback.onSelectionChange])&&this.state._on[Callback.onSelectionChange](e,t),this.host&&dispatchDomEvent(this.host,KolEvent.selectionChange,t)}initializeHeaderCellSettings(){if(this.state._headerCells&&this.state._headerCells.horizontal&&this.state._headerCells.horizontal.length>0){const e=Object.assign(Object.assign({},this.state._headerCells),{horizontal:this.state._headerCells.horizontal.map(e=>e.map(e=>Object.assign(Object.assign({},e),{visible:"boolean"!=typeof e.visible||e.visible,hidable:"boolean"!=typeof e.hidable||e.hidable})))});setState(this,"_headerCells",e)}}componentWillLoad(){this.validateData(this._data),this.validateDataFoot(this._dataFoot),this.validateHeaderCells(this._headerCells),this.validateLabel(this._label),this.validateOn(this._on),this.validateSelection(this._selection),this.validateHasSettingsMenu(this._hasSettingsMenu)}renderSelectionCell(e,t){var a;const r=this.state._selection;if(!r)return"";const o=this.getSelectionKeyPropertyName(),s=null===(a=e[0])||void 0===a?void 0:a.data;if(!s)return"";const n=s[o],i=r.multiple||void 0===r.multiple,l=(()=>{const e=null==r?void 0:r.selectedKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),c=(()=>{const e=null==r?void 0:r.disabledKeys;return(void 0===e?[]:Array.isArray(e)?e:[e]).some(e=>String(e)===String(n))})(),d=r.label(s),u={name:"selection",checked:l,disabled:c,id:String(n),"aria-label":d};return h("td",{key:`tbody-${t}-selection`,class:"kol-table__cell kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--checked":l})},i?h("label",{class:clsx("kol-table__selection-label",{"kol-table__selection-label--disabled":c})},h(KolIconTag,{class:"kol-table__selection-icon",_icons:"kolicon "+(l?"kolicon-check":""),_label:""}),h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),ref:e=>e&&this.checkboxRefs.push(e)},u,{type:"checkbox",onInput:e=>{const t=(()=>{const e=null==r?void 0:r.selectedKeys;return void 0===e?[]:Array.isArray(e)?e:[e]})(),a=l?t.filter(e=>String(e)!==String(n)):[...t,n];this.handleSelectionChangeCallbackAndEvent(e,null!=a?a:[])}}))):h("label",{class:"kol-table__selection-label"},h("input",Object.assign({class:clsx("kol-table__selection-input kol-table__selection-input--radio")},u,{type:"radio",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,[n])}}))),h(KolTooltipWcTag,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:d})))}getSelectionKeyPropertyName(){var e,t;return null!==(t=null===(e=this.state._selection)||void 0===e?void 0:e.keyPropertyName)&&void 0!==t?t:"id"}getDataWithSelectionEnabled(){const e=this.getSelectionKeyPropertyName();return this.state._data.filter(t=>{var a;const r=null===(a=this.state._selection)||void 0===a?void 0:a.disabledKeys;return!(void 0===r?[]:Array.isArray(r)?r:[r]).some(a=>String(a)===String(t[e]))})}getSelectedKeysWithoutDisabledKeys(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>!t.some(t=>String(t)===String(e)))}getSelectedKeysWithDisabledKeysOnly(){const e=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.selectedKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})(),t=(()=>{var e;const t=null===(e=this.state._selection)||void 0===e?void 0:e.disabledKeys;return void 0===t?[]:Array.isArray(t)?t:[t]})();return e.filter(e=>t.some(t=>String(t)===String(e)))}getRevertedSelection(e){var t;const a=this.getSelectionKeyPropertyName(),r=null!==(t=this.getSelectedKeysWithDisabledKeysOnly())&&void 0!==t?t:[];return e&&r.push(...this.getDataWithSelectionEnabled().map(e=>null==e?void 0:e[a])),r}getTableMinWidth(){var e,t;const a=null!==(e=this.state._headerCells.horizontal)&&void 0!==e?e:[],r=[];a.forEach(e=>{e.forEach(e=>{!1!==e.visible&&void 0!==e.width&&e.width>0&&r.push(e.width)})});const o=null!==(t=this.state._headerCells.vertical)&&void 0!==t?t:[],s=[];o.forEach(e=>{e.forEach(e=>{void 0!==e.width&&e.width>0&&s.push(e.width)})});const n=[...s,...r];return 0===n.length?"0px":1===n.length?`${n[0]}px`:`calc(${n.map(e=>`${e}px`).join(" + ")})`}renderHeadingSelectionCell(){var e,t;const a=this.state._selection;if(!a)return h("td",{class:"kol-table__cell kol-table__cell--header",key:"thead-0"});if(!1===a.multiple)return h("td",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"});const r=null!==(t=null===(e=this.getSelectedKeysWithoutDisabledKeys())||void 0===e?void 0:e.length)&&void 0!==t?t:0,o=r===this.getDataWithSelectionEnabled().length,s=0!==r&&!o;let n="kol-table-selection-indeterminate";o&&!s&&(n="kol-table-selection-none"),0===r&&(n="kol-table-selection-all");const i=translate(n);return h("th",{key:"thead-0-selection",class:"kol-table__cell kol-table__cell--header kol-table__cell--selection"},h("div",{class:clsx("kol-table__selection",{"kol-table__selection--indeterminate":s,"kol-table__selection--checked":o})},h("label",{class:"kol-table__selection-label"},h(KolIconTag,{class:"kol-table__selection-icon",_icons:"kolicon "+(s?"kolicon-minus":o?"kolicon-check":""),_label:""}),h("input",{class:clsx("kol-table__selection-input kol-table__selection-input--checkbox"),"data-testid":"selection-checkbox-all",ref:e=>e&&this.checkboxRefs.push(e),name:"selection",checked:o&&!s,indeterminate:s,"aria-label":i,type:"checkbox",onInput:e=>{this.handleSelectionChangeCallbackAndEvent(e,this.getRevertedSelection(!o))}})),h(KolTooltipWcTag,{"aria-hidden":"true",class:"kol-table__selection-input-tooltip",_align:"right",_id:`${n}-label`,_label:i})))}renderHeaderTdCell(){const e=this.state._headerCells.horizontal,t=this.state._headerCells.vertical;if(!Array.isArray(e)||0===e.length||!Array.isArray(t)||0===t.length)return h(Fragment,null);const a=t.reduce((e,t)=>{var a;const r=null==t?void 0:t[0];return e+(null!==(a=null==r?void 0:r.width)&&void 0!==a?a:0)},0);return h("td",{"aria-hidden":"true",colSpan:t.length,rowSpan:e.length,style:a>0?{width:`${a}px`}:void 0})}formatSortOrderDescription(e){return this.translateSortOrder.replace("{{order}}",`${e}`)}getSortAriaDescription(e){return"number"==typeof e&&e>0?`${this.translateSort} – ${this.formatSortOrderDescription(e)}`:this.translateSort}renderHeadingCell(e,t,a,r){if(!1===e.visible)return"";const o=!1!==(null==e?void 0:e.sortable),s="string"==typeof e.sortDirection,n=o&&s;let i="none",l="kolicon-sort-neutral";if(n&&e.sortDirection)switch(e.sortDirection){case"ASC":l="kolicon-sort-asc",i="ascending";break;case"DESC":l="kolicon-sort-desc",i="descending";break;default:i="none"}const c=r?"row":"number"==typeof e.colSpan&&e.colSpan>1?"colgroup":"col",d="number"==typeof e.sortOrder&&e.sortOrder>0?e.sortOrder:void 0,u=this.getSortAriaDescription(d);return h("th",{key:`${t}-${a}-${e.label}`,class:clsx("kol-table__cell kol-table__cell--header",e.textAlign&&`kol-table__cell--align-${e.textAlign}`,`kol-table__cell--${i}`),scope:c,colSpan:e.colSpan,rowSpan:e.rowSpan,style:void 0!==e.width?{width:`${e.width}px`}:void 0,"aria-sort":i,"data-sort":n&&e.sortDirection?`sort-${e.sortDirection}`:void 0},n&&e.sortDirection?h("span",{class:"kol-table__sort"},h(KolButtonWcTag,{class:"kol-table__sort-button",exportparts:"icon",_icons:{right:l},_label:e.label,_ariaDescription:u,_on:{onClick:t=>{var a;"function"==typeof(null===(a=this.state._on)||void 0===a?void 0:a.onSort)&&e.key&&e.sortDirection&&this.state._on.onSort(t,{key:e.key,currentSortDirection:e.sortDirection}),this.host&&dispatchDomEvent(this.host,KolEvent.sort,{key:e.key,currentSortDirection:e.sortDirection})}}}),d&&h("span",{"aria-hidden":"true",class:"kol-table__sort-order"},d)):e.label)}renderSpacer(e,t){var a,r;const o=(null===(a=this.state._headerCells.vertical)||void 0===a?void 0:a.length)||0,s=null===(r=null==t?void 0:t[0])||void 0===r?void 0:r.reduce((e,t)=>e+(t.colSpan||1),0),n=this.state._selection?1:0;return h("tr",{"aria-hidden":"true",class:clsx("kol-table__spacer",`kol-table__spacer--${e}`)},h("td",{class:clsx(`kol-table__spacer-line kol-table__spacer-line--${e}`),colSpan:o+s+n}))}renderFoot(){if(!this.state._dataFoot||0===this.state._dataFoot.length)return null;const e=this.createDataField(this.state._dataFoot,this.state._headerCells,!0);return h("tfoot",{class:"kol-table__footer"},[this.renderSpacer("foot",e),e.map((e,t)=>this.renderTableRow(e,t,!0,!0))])}render(){const e=this.createDataField(this.state._data,this.state._headerCells);this.checkboxRefs=[];const t=this.state._headerCells.horizontal;return h("div",{key:"cab30ac867bb4db9b327a55a32502e8015dab18e",class:"kol-table"},this.state._hasSettingsMenu&&h(KolTableSettingsWcTag,{key:"251de21d5fd51742d5b5dad0079934c2b331a15a",_horizontalHeaderCells:null!=t?t:[]}),h("div",{key:"564cb70c02254a73cbbc135a5028fe43c89cc010",ref:e=>this.tableDivElement=e,class:"kol-table__scroll-container",tabindex:this.tableDivElementHasScrollbar?"-1":void 0},h("table",{key:"09c37ff906628759bbee7435d00294af3aba2f49",class:"kol-table__table",style:{minWidth:this.getTableMinWidth()}},h("caption",{key:"0b9bc17970b05bf4505662215356e3ef5e3585aa",class:"kol-table__focus-element kol-table__caption",id:"caption",tabindex:this.tableDivElementHasScrollbar?"0":void 0},this.state._label),Array.isArray(t)&&h("thead",{key:"28b137cc33f935696ed984cd01cceab2b4fff3da",class:"kol-table__head"},[t.map((e,t)=>h("tr",{class:"kol-table__head-row",key:`thead-${t}`},this.state._selection&&this.renderHeadingSelectionCell(),0===t&&this.renderHeaderTdCell(),Array.isArray(e)&&e.map((e,a)=>this.renderHeadingCell(e,t,a,!1)))),this.renderSpacer("head",t)]),h("tbody",{key:"338ffd0ad158f70d1bd1236c86222b8860c321e1",class:"kol-table__body"},e.map((e,t)=>this.renderTableRow(e,t,!0))),this.renderFoot())))}get host(){return this}static get watchers(){return{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}}},[256,"kol-table-stateless-wc",{_data:[1],_dataFoot:[1,"_data-foot"],_headerCells:[1,"_header-cells"],_label:[1],_on:[16],_selection:[1],_hasSettingsMenu:[4,"_has-settings-menu"],state:[32],tableDivElementHasScrollbar:[32],previousHeaderCells:[32]},[[0,"keydown","handleKeyDown"],[0,"changeheadercells","handleSettingsChange"]],{_hasSettingsMenu:["validateHasSettingsMenu"],_data:["validateData"],_dataFoot:["validateDataFoot"],_headerCells:["validateHeaderCells"],_label:["validateLabel"],_on:["validateOn"],_selection:["validateSelection"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-table-stateless-wc"].forEach(e=>{if("kol-table-stateless-wc"===e)customElements.get(e)||customElements.define(e,KolTableStateless)})}const KolTableStatelessWc=KolTableStateless,defineCustomElement=defineCustomElement$1;export{KolTableStatelessWc,defineCustomElement};