@public-ui/components 4.3.0 → 4.3.1-rc.0

package/dist/esm/component-CVwySiGB.js

@@ -0,0 +1,21 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { a as __rest } from './tslib.es6-QNbPBOk5.js';
+import { h } from './index-Dy5OebFJ.js';
+import { b as bem } from './bem-registry-DdEadmB1.js';
+import { c as clsx } from './clsx-COFh-Vc8.js';
+
+const iconBem = bem.forBlock('kol-icon');
+const BEM_CLASS_ICON = iconBem();
+const BEM_CLASS_ICON__ICON = iconBem('icon');
+const IconFC = (_a) => {
+    var { class: classNames, icons, label } = _a, htmlAttributes = __rest(_a, ["class", "icons", "label"]);
+    const hasAriaLabel = (label === null || label === void 0 ? void 0 : label.length) > 0;
+    return (h("i", Object.assign({}, htmlAttributes, { "aria-hidden": hasAriaLabel ? undefined : 'true', "aria-label": hasAriaLabel ? label : undefined, class: clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames), role: hasAriaLabel ? 'img' : 'presentation' })));
+};
+
+export { IconFC as I };
+//# sourceMappingURL=component-CVwySiGB.js.map
+
+//# sourceMappingURL=component-CVwySiGB.js.map

package/dist/esm/component-CVwySiGB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-CVwySiGB.js","sources":["src/internal/functional-components/icon/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport clsx from '../../../utils/clsx';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { IconApi } from './api';\n\nconst iconBem = bem.forBlock('kol-icon');\nconst BEM_CLASS_ICON = iconBem();\nconst BEM_CLASS_ICON__ICON = iconBem('icon');\n\nexport const IconFC: FC<FunctionalComponentProps<IconApi>> = ({ class: classNames, icons, label, ...htmlAttributes }) => {\n\t// label should be trimmed by normalization in controller\n\tconst hasAriaLabel = label?.length > 0;\n\treturn (\n\t\t<i\n\t\t\t{...htmlAttributes}\n\t\t\t/**\n\t\t\t * Die Auszeichnung `aria-hidden` ist eigentlich nicht erforderlich, da die aktuellen\n\t\t\t * Screenreader, wie NVDA und JAWS, es auch ohne `aria-hidden` nicht vorlesen.\n\t\t\t *\n\t\t\t * Referenz: https://www.w3.org/TR/wai-aria/states_and_properties#aria-hidden\n\t\t\t */\n\t\t\taria-hidden={hasAriaLabel ? undefined : 'true'}\n\t\t\taria-label={hasAriaLabel ? label : undefined}\n\t\t\tclass={clsx(BEM_CLASS_ICON, BEM_CLASS_ICON__ICON, icons, classNames)}\n\t\t\trole={hasAriaLabel ? 'img' : 'presentation'}\n\t\t/>\n\t);\n};\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,MAAM,cAAc,GAAG,OAAO,EAAE;AAChC,MAAM,oBAAoB,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,MAAA,MAAM,GAA0C,CAAC,EAAsD,KAAI;IAA1D,IAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAA,GAAA,EAAqB,EAAhB,cAAc,GAApD,MAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,OAAA,CAAsD,CAAF;IAEjH,MAAM,YAAY,GAAG,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC;AACtC,IAAA,QACC,yBACK,cAAc,EAAA,EAAA,aAAA,EAOL,YAAY,GAAG,SAAS,GAAG,MAAM,EAAA,YAAA,EAClC,YAAY,GAAG,KAAK,GAAG,SAAS,EAC5C,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,oBAAoB,EAAE,KAAK,EAAE,UAAU,CAAC,EACpE,IAAI,EAAE,YAAY,GAAG,KAAK,GAAG,cAAc,EAC1C,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/component-Dsjf4KGf.js

@@ -0,0 +1,14 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { h } from './index-Dy5OebFJ.js';
+import { S as SpanFC } from './component-BQ5Ub0wy.js';
+
+const TooltipFC = ({ label, badgeText, id, refFloating }) => {
+    return (h("div", { class: "kol-tooltip__floating", hidden: label.length === 0, ref: refFloating }, h("div", { class: "kol-tooltip__arrow" }), h(SpanFC, { class: "kol-tooltip__content", badgeText: badgeText, id: id, label: label })));
+};
+
+export { TooltipFC as T };
+//# sourceMappingURL=component-Dsjf4KGf.js.map
+
+//# sourceMappingURL=component-Dsjf4KGf.js.map

package/dist/esm/component-Dsjf4KGf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-Dsjf4KGf.js","sources":["src/internal/functional-components/tooltip/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport type { TooltipAlignPropType } from '../../../schema';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport { SpanFC } from '../span/component';\nimport type { TooltipApi } from './api';\n\ntype TooltipFCProps = Pick<FunctionalComponentProps<TooltipApi>, 'label'> & {\n\tbadgeText?: string;\n\tid?: string;\n\talign?: TooltipAlignPropType;\n\trefFloating: (el?: HTMLDivElement) => void;\n};\n\nexport const TooltipFC: FC<TooltipFCProps> = ({ label, badgeText, id, refFloating }) => {\n\treturn (\n\t\t<div class=\"kol-tooltip__floating\" hidden={label.length === 0} ref={refFloating}>\n\t\t\t<div class=\"kol-tooltip__arrow\" />\n\t\t\t<SpanFC class=\"kol-tooltip__content\" badgeText={badgeText} id={id} label={label} />\n\t\t</div>\n\t);\n};\n"],"names":[],"mappings":";;;;;;AAeO,MAAM,SAAS,GAAuB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW,EAAE,KAAI;IACtF,QACC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,uBAAuB,EAAC,MAAM,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,GAAG,EAAE,WAAW,EAAA,EAC9E,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAG,CAAA,EAClC,CAAC,CAAA,MAAM,IAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAI,CAAA,CAC9E;AAER;;;;"}

package/dist/esm/component-TzkPh1vw.js

@@ -0,0 +1,15 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { h } from './index-Dy5OebFJ.js';
+import { b as bem } from './bem-registry-DdEadmB1.js';
+
+const clickButtonBem = bem.forBlock('kol-click-button');
+const BEM_CLASS_CLICK_BUTTON = clickButtonBem();
+const BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');
+const ClickButtonFC = ({ label, handleClick, refButton }) => (h("button", { class: BEM_CLASS_CLICK_BUTTON, ref: refButton, onClick: handleClick, onKeyDown: (event) => event.preventDefault() }, h("span", { class: BEM_CLASS_CLICK_BUTTON__LABEL }, label)));
+
+export { ClickButtonFC as C };
+//# sourceMappingURL=component-TzkPh1vw.js.map
+
+//# sourceMappingURL=component-TzkPh1vw.js.map

package/dist/esm/component-TzkPh1vw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-TzkPh1vw.js","sources":["src/internal/functional-components/click-button/component.tsx"],"sourcesContent":["import type { FunctionalComponent as FC } from '@stencil/core';\nimport { h } from '@stencil/core';\n\nimport { bem } from '../../../schema/bem-registry';\nimport type { FunctionalComponentProps } from '../generic-types';\nimport type { ClickButtonApi } from './api';\n\nconst clickButtonBem = bem.forBlock('kol-click-button');\nconst BEM_CLASS_CLICK_BUTTON = clickButtonBem();\nconst BEM_CLASS_CLICK_BUTTON__LABEL = clickButtonBem('label');\n\nexport const ClickButtonFC: FC<FunctionalComponentProps<ClickButtonApi>> = ({ label, handleClick, refButton }) => (\n\t<button class={BEM_CLASS_CLICK_BUTTON} ref={refButton} onClick={handleClick} onKeyDown={(event) => event.preventDefault()}>\n\t\t<span class={BEM_CLASS_CLICK_BUTTON__LABEL}>{label}</span>\n\t</button>\n);\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,cAAc,GAAG,GAAG,CAAC,QAAQ,CAAC,kBAAkB,CAAC;AACvD,MAAM,sBAAsB,GAAG,cAAc,EAAE;AAC/C,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,CAAC;AAEtD,MAAM,aAAa,GAAiD,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAC5G,cAAQ,KAAK,EAAE,sBAAsB,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,cAAc,EAAE,EAAA,EACxH,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,6BAA6B,EAAA,EAAG,KAAK,CAAQ,CAClD;;;;"}

package/dist/esm/component-names-BGnhDM7F.js

@@ -0,0 +1,141 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+let KolAbbrTag = 'kol-abbr';
+let KolAccordionTag = 'kol-accordion';
+let KolAlertTag = 'kol-alert';
+let KolAlertWcTag = 'kol-alert-wc';
+let KolAvatarTag = 'kol-avatar';
+let KolAvatarWcTag = 'kol-avatar-wc';
+let KolBadgeTag = 'kol-badge';
+let KolBreadcrumbTag = 'kol-breadcrumb';
+let KolButtonLinkTag = 'kol-button-link';
+let KolButtonTag = 'kol-button';
+let KolButtonWcTag = 'kol-button-wc';
+let KolCardTag = 'kol-card';
+let KolCardWcTag = 'kol-card-wc';
+let KolComboboxTag = 'kol-combobox';
+let KolDetailsTag = 'kol-details';
+let KolDialogTag = 'kol-dialog';
+let KolDialogWcTag = 'kol-dialog-wc';
+let KolDrawerTag = 'kol-drawer';
+let KolFormTag = 'kol-form';
+let KolHeadingTag = 'kol-heading';
+let KolIconTag = 'kol-icon';
+let KolImageTag = 'kol-image';
+let KolInputCheckboxTag = 'kol-input-checkbox';
+let KolInputColorTag = 'kol-input-color';
+let KolInputDateTag = 'kol-input-date';
+let KolInputEmailTag = 'kol-input-email';
+let KolInputFileTag = 'kol-input-file';
+let KolInputNumberTag = 'kol-input-number';
+let KolInputPasswordTag = 'kol-input-password';
+let KolInputRadioTag = 'kol-input-radio';
+let KolInputRangeTag = 'kol-input-range';
+let KolInputTag = 'kol-input';
+let KolInputTextTag = 'kol-input-text';
+let KolKolibriTag = 'kol-kolibri';
+let KolLinkButtonTag = 'kol-link-button';
+let KolLinkTag = 'kol-link';
+let KolLinkWcTag = 'kol-link-wc';
+let KolMeterTag = 'kol-meter';
+let KolModalTag = 'kol-modal';
+let KolNavTag = 'kol-nav';
+let KolPaginationTag = 'kol-pagination';
+let KolPaginationWcTag = 'kol-pagination-wc';
+let KolPopoverButtonTag = 'kol-popover-button';
+let KolPopoverButtonWcTag = 'kol-popover-button-wc';
+let KolProgressTag = 'kol-progress';
+let KolQuoteTag = 'kol-quote';
+let KolSelectTag = 'kol-select';
+let KolSelectWcTag = 'kol-select-wc';
+let KolSingleSelectTag = 'kol-single-select';
+let KolSkipNavTag = 'kol-skip-nav';
+let KolSpinTag = 'kol-spin';
+let KolSplitButtonTag = 'kol-split-button';
+let KolTableSettingsWcTag = 'kol-table-settings-wc';
+let KolTableStatefulTag = 'kol-table-stateful';
+let KolTableStatelessTag = 'kol-table-stateless';
+let KolTableStatelessWcTag = 'kol-table-stateless-wc';
+let KolTabsTag = 'kol-tabs';
+let KolTextareaTag = 'kol-textarea';
+let KolToastContainerTag = 'kol-toast-container';
+let KolTooltipWcTag = 'kol-tooltip-wc';
+let KolTreeItemTag = 'kol-tree-item';
+let KolTreeItemWcTag = 'kol-tree-item-wc';
+let KolTreeTag = 'kol-tree';
+let KolTreeWcTag = 'kol-tree-wc';
+let KolVersionTag = 'kol-version';
+const setCustomTagNames = (transformTagName) => {
+    KolAbbrTag = transformTagName(KolAbbrTag);
+    KolAccordionTag = transformTagName(KolAccordionTag);
+    KolAlertTag = transformTagName(KolAlertTag);
+    KolAlertWcTag = transformTagName(KolAlertWcTag);
+    KolAvatarTag = transformTagName(KolAvatarTag);
+    KolAvatarWcTag = transformTagName(KolAvatarWcTag);
+    KolBadgeTag = transformTagName(KolBadgeTag);
+    KolBreadcrumbTag = transformTagName(KolBreadcrumbTag);
+    KolButtonLinkTag = transformTagName(KolButtonLinkTag);
+    KolButtonTag = transformTagName(KolButtonTag);
+    KolButtonWcTag = transformTagName(KolButtonWcTag);
+    KolCardTag = transformTagName(KolCardTag);
+    KolCardWcTag = transformTagName(KolCardWcTag);
+    KolComboboxTag = transformTagName(KolComboboxTag);
+    KolDetailsTag = transformTagName(KolDetailsTag);
+    KolDialogTag = transformTagName(KolDialogTag);
+    KolDialogWcTag = transformTagName(KolDialogWcTag);
+    KolDrawerTag = transformTagName(KolDrawerTag);
+    KolFormTag = transformTagName(KolFormTag);
+    KolHeadingTag = transformTagName(KolHeadingTag);
+    KolIconTag = transformTagName(KolIconTag);
+    KolImageTag = transformTagName(KolImageTag);
+    KolInputCheckboxTag = transformTagName(KolInputCheckboxTag);
+    KolInputColorTag = transformTagName(KolInputColorTag);
+    KolInputDateTag = transformTagName(KolInputDateTag);
+    KolInputEmailTag = transformTagName(KolInputEmailTag);
+    KolInputFileTag = transformTagName(KolInputFileTag);
+    KolInputNumberTag = transformTagName(KolInputNumberTag);
+    KolInputPasswordTag = transformTagName(KolInputPasswordTag);
+    KolInputRadioTag = transformTagName(KolInputRadioTag);
+    KolInputRangeTag = transformTagName(KolInputRangeTag);
+    KolInputTag = transformTagName(KolInputTag);
+    KolInputTextTag = transformTagName(KolInputTextTag);
+    KolKolibriTag = transformTagName(KolKolibriTag);
+    KolLinkButtonTag = transformTagName(KolLinkButtonTag);
+    KolLinkTag = transformTagName(KolLinkTag);
+    KolLinkWcTag = transformTagName(KolLinkWcTag);
+    KolMeterTag = transformTagName(KolMeterTag);
+    KolModalTag = transformTagName(KolModalTag);
+    KolNavTag = transformTagName(KolNavTag);
+    KolPaginationTag = transformTagName(KolPaginationTag);
+    KolPaginationWcTag = transformTagName(KolPaginationWcTag);
+    KolPopoverButtonTag = transformTagName(KolPopoverButtonTag);
+    KolPopoverButtonWcTag = transformTagName(KolPopoverButtonWcTag);
+    KolProgressTag = transformTagName(KolProgressTag);
+    KolQuoteTag = transformTagName(KolQuoteTag);
+    KolSelectTag = transformTagName(KolSelectTag);
+    KolSelectWcTag = transformTagName(KolSelectWcTag);
+    KolSingleSelectTag = transformTagName(KolSingleSelectTag);
+    KolSkipNavTag = transformTagName(KolSkipNavTag);
+    KolSpinTag = transformTagName(KolSpinTag);
+    KolSplitButtonTag = transformTagName(KolSplitButtonTag);
+    KolTableSettingsWcTag = transformTagName(KolTableSettingsWcTag);
+    KolTableStatefulTag = transformTagName(KolTableStatefulTag);
+    KolTableStatelessTag = transformTagName(KolTableStatelessTag);
+    KolTableStatelessWcTag = transformTagName(KolTableStatelessWcTag);
+    KolTabsTag = transformTagName(KolTabsTag);
+    KolTextareaTag = transformTagName(KolTextareaTag);
+    KolToastContainerTag = transformTagName(KolToastContainerTag);
+    transformTagName(KolTooltipWcTag);
+    KolTooltipWcTag = transformTagName(KolTooltipWcTag);
+    KolTreeItemTag = transformTagName(KolTreeItemTag);
+    KolTreeItemWcTag = transformTagName(KolTreeItemWcTag);
+    KolTreeTag = transformTagName(KolTreeTag);
+    KolTreeWcTag = transformTagName(KolTreeWcTag);
+    KolVersionTag = transformTagName(KolVersionTag);
+};
+
+export { KolToastContainerTag as K, KolAlertWcTag as a, KolButtonWcTag as b, KolLinkWcTag as c, KolCardWcTag as d, KolDialogWcTag as e, KolPopoverButtonWcTag as f, KolFormTag as g, KolPaginationWcTag as h, KolLinkTag as i, KolSelectWcTag as j, KolTableStatelessWcTag as k, KolButtonTag as l, KolTreeWcTag as m, KolTreeItemWcTag as n, KolBadgeTag as o, KolHeadingTag as p, KolInputCheckboxTag as q, KolInputNumberTag as r, setCustomTagNames as s, KolTableSettingsWcTag as t, KolTreeTag as u, KolTreeItemTag as v };
+//# sourceMappingURL=component-names-BGnhDM7F.js.map
+
+//# sourceMappingURL=component-names-BGnhDM7F.js.map

package/dist/esm/component-names-BGnhDM7F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-names-BGnhDM7F.js","sources":["src/core/component-names.ts"],"sourcesContent":["export let KolAbbrTag = 'kol-abbr' as const;\nexport let KolAccordionTag = 'kol-accordion' as const;\nexport let KolAlertTag = 'kol-alert' as const;\nexport let KolAlertWcTag = 'kol-alert-wc' as const;\nexport let KolAvatarTag = 'kol-avatar' as const;\nexport let KolAvatarWcTag = 'kol-avatar-wc' as const;\nexport let KolBadgeTag = 'kol-badge' as const;\nexport let KolBreadcrumbTag = 'kol-breadcrumb' as const;\nexport let KolButtonLinkTag = 'kol-button-link' as const;\nexport let KolButtonTag = 'kol-button' as const;\nexport let KolButtonWcTag = 'kol-button-wc' as const;\nexport let KolCardTag = 'kol-card' as const;\nexport let KolCardWcTag = 'kol-card-wc' as const;\nexport let KolComboboxTag = 'kol-combobox' as const;\nexport let KolDetailsTag = 'kol-details' as const;\nexport let KolDialogTag = 'kol-dialog' as const;\nexport let KolDialogWcTag = 'kol-dialog-wc' as const;\nexport let KolDrawerTag = 'kol-drawer' as const;\nexport let KolFormTag = 'kol-form' as const;\nexport let KolHeadingTag = 'kol-heading' as const;\nexport let KolIconTag = 'kol-icon' as const;\nexport let KolImageTag = 'kol-image' as const;\nexport let KolInputCheckboxTag = 'kol-input-checkbox' as const;\nexport let KolInputColorTag = 'kol-input-color' as const;\nexport let KolInputDateTag = 'kol-input-date' as const;\nexport let KolInputEmailTag = 'kol-input-email' as const;\nexport let KolInputFileTag = 'kol-input-file' as const;\nexport let KolInputNumberTag = 'kol-input-number' as const;\nexport let KolInputPasswordTag = 'kol-input-password' as const;\nexport let KolInputRadioTag = 'kol-input-radio' as const;\nexport let KolInputRangeTag = 'kol-input-range' as const;\nexport let KolInputTag = 'kol-input' as const;\nexport let KolInputTextTag = 'kol-input-text' as const;\nexport let KolKolibriTag = 'kol-kolibri' as const;\nexport let KolLinkButtonTag = 'kol-link-button' as const;\nexport let KolLinkTag = 'kol-link' as const;\nexport let KolLinkWcTag = 'kol-link-wc' as const;\nexport let KolMeterTag = 'kol-meter' as const;\nexport let KolModalTag = 'kol-modal' as const;\nexport let KolNavTag = 'kol-nav' as const;\nexport let KolPaginationTag = 'kol-pagination' as const;\nexport let KolPaginationWcTag = 'kol-pagination-wc' as const;\nexport let KolPopoverButtonTag = 'kol-popover-button' as const;\nexport let KolPopoverButtonWcTag = 'kol-popover-button-wc' as const;\nexport let KolProgressTag = 'kol-progress' as const;\nexport let KolQuoteTag = 'kol-quote' as const;\nexport let KolSelectTag = 'kol-select' as const;\nexport let KolSelectWcTag = 'kol-select-wc' as const;\nexport let KolSingleSelectTag = 'kol-single-select' as const;\nexport let KolSkipNavTag = 'kol-skip-nav' as const;\nexport let KolSpinTag = 'kol-spin' as const;\nexport let KolSplitButtonTag = 'kol-split-button' as const;\nexport let KolTableSettingsWcTag = 'kol-table-settings-wc' as const;\nexport let KolTableStatefulTag = 'kol-table-stateful';\nexport let KolTableStatelessTag = 'kol-table-stateless' as const;\nexport let KolTableStatelessWcTag = 'kol-table-stateless-wc' as const;\nexport let KolTabsTag = 'kol-tabs' as const;\nexport let KolTextareaTag = 'kol-textarea' as const;\nexport let KolToastContainerTag = 'kol-toast-container' as const;\nexport let KolToolbarTag = 'kol-toolbar' as const;\nexport let KolTooltipWcTag = 'kol-tooltip-wc' as const;\nexport let KolTreeItemTag = 'kol-tree-item' as const;\nexport let KolTreeItemWcTag = 'kol-tree-item-wc' as const;\nexport let KolTreeTag = 'kol-tree' as const;\nexport let KolTreeWcTag = 'kol-tree-wc' as const;\nexport let KolVersionTag = 'kol-version' as const;\n\nexport const setCustomTagNames = (transformTagName: (tagName: string) => string) => {\n\tKolAbbrTag = transformTagName(KolAbbrTag as string) as 'kol-abbr';\n\tKolAccordionTag = transformTagName(KolAccordionTag as string) as 'kol-accordion';\n\tKolAlertTag = transformTagName(KolAlertTag as string) as 'kol-alert';\n\tKolAlertWcTag = transformTagName(KolAlertWcTag as string) as 'kol-alert-wc';\n\tKolAvatarTag = transformTagName(KolAvatarTag as string) as 'kol-avatar';\n\tKolAvatarWcTag = transformTagName(KolAvatarWcTag as string) as 'kol-avatar-wc';\n\tKolBadgeTag = transformTagName(KolBadgeTag as string) as 'kol-badge';\n\tKolBreadcrumbTag = transformTagName(KolBreadcrumbTag as string) as 'kol-breadcrumb';\n\tKolButtonLinkTag = transformTagName(KolButtonLinkTag as string) as 'kol-button-link';\n\tKolButtonTag = transformTagName(KolButtonTag as string) as 'kol-button';\n\tKolButtonWcTag = transformTagName(KolButtonWcTag as string) as 'kol-button-wc';\n\tKolCardTag = transformTagName(KolCardTag as string) as 'kol-card';\n\tKolCardWcTag = transformTagName(KolCardWcTag as string) as 'kol-card-wc';\n\tKolComboboxTag = transformTagName(KolComboboxTag as string) as 'kol-combobox';\n\tKolDetailsTag = transformTagName(KolDetailsTag as string) as 'kol-details';\n\tKolDialogTag = transformTagName(KolDialogTag as string) as 'kol-dialog';\n\tKolDialogWcTag = transformTagName(KolDialogWcTag as string) as 'kol-dialog-wc';\n\tKolDrawerTag = transformTagName(KolDrawerTag as string) as 'kol-drawer';\n\tKolFormTag = transformTagName(KolFormTag as string) as 'kol-form';\n\tKolHeadingTag = transformTagName(KolHeadingTag as string) as 'kol-heading';\n\tKolIconTag = transformTagName(KolIconTag as string) as 'kol-icon';\n\tKolImageTag = transformTagName(KolImageTag as string) as 'kol-image';\n\tKolInputCheckboxTag = transformTagName(KolInputCheckboxTag as string) as 'kol-input-checkbox';\n\tKolInputColorTag = transformTagName(KolInputColorTag as string) as 'kol-input-color';\n\tKolInputDateTag = transformTagName(KolInputDateTag as string) as 'kol-input-date';\n\tKolInputEmailTag = transformTagName(KolInputEmailTag as string) as 'kol-input-email';\n\tKolInputFileTag = transformTagName(KolInputFileTag as string) as 'kol-input-file';\n\tKolInputNumberTag = transformTagName(KolInputNumberTag as string) as 'kol-input-number';\n\tKolInputPasswordTag = transformTagName(KolInputPasswordTag as string) as 'kol-input-password';\n\tKolInputRadioTag = transformTagName(KolInputRadioTag as string) as 'kol-input-radio';\n\tKolInputRangeTag = transformTagName(KolInputRangeTag as string) as 'kol-input-range';\n\tKolInputTag = transformTagName(KolInputTag as string) as 'kol-input';\n\tKolInputTextTag = transformTagName(KolInputTextTag as string) as 'kol-input-text';\n\tKolKolibriTag = transformTagName(KolKolibriTag as string) as 'kol-kolibri';\n\tKolLinkButtonTag = transformTagName(KolLinkButtonTag as string) as 'kol-link-button';\n\tKolLinkTag = transformTagName(KolLinkTag as string) as 'kol-link';\n\tKolLinkWcTag = transformTagName(KolLinkWcTag as string) as 'kol-link-wc';\n\tKolMeterTag = transformTagName(KolMeterTag as string) as 'kol-meter';\n\tKolModalTag = transformTagName(KolModalTag as string) as 'kol-modal';\n\tKolNavTag = transformTagName(KolNavTag as string) as 'kol-nav';\n\tKolPaginationTag = transformTagName(KolPaginationTag as string) as 'kol-pagination';\n\tKolPaginationWcTag = transformTagName(KolPaginationWcTag as string) as 'kol-pagination-wc';\n\tKolPopoverButtonTag = transformTagName(KolPopoverButtonTag as string) as 'kol-popover-button';\n\tKolPopoverButtonWcTag = transformTagName(KolPopoverButtonWcTag as string) as 'kol-popover-button-wc';\n\tKolProgressTag = transformTagName(KolProgressTag as string) as 'kol-progress';\n\tKolQuoteTag = transformTagName(KolQuoteTag as string) as 'kol-quote';\n\tKolSelectTag = transformTagName(KolSelectTag as string) as 'kol-select';\n\tKolSelectWcTag = transformTagName(KolSelectWcTag as string) as 'kol-select-wc';\n\tKolSingleSelectTag = transformTagName(KolSingleSelectTag as string) as 'kol-single-select';\n\tKolSkipNavTag = transformTagName(KolSkipNavTag as string) as 'kol-skip-nav';\n\tKolSpinTag = transformTagName(KolSpinTag as string) as 'kol-spin';\n\tKolSplitButtonTag = transformTagName(KolSplitButtonTag as string) as 'kol-split-button';\n\tKolTableSettingsWcTag = transformTagName(KolTableSettingsWcTag) as 'kol-table-settings-wc';\n\tKolTableStatefulTag = transformTagName(KolTableStatefulTag) as 'kol-table-stateful';\n\tKolTableStatelessTag = transformTagName(KolTableStatelessTag as string) as 'kol-table-stateless';\n\tKolTableStatelessWcTag = transformTagName(KolTableStatelessWcTag as string) as 'kol-table-stateless-wc';\n\tKolTabsTag = transformTagName(KolTabsTag as string) as 'kol-tabs';\n\tKolTextareaTag = transformTagName(KolTextareaTag as string) as 'kol-textarea';\n\tKolToastContainerTag = transformTagName(KolToastContainerTag as string) as 'kol-toast-container';\n\tKolToolbarTag = transformTagName(KolTooltipWcTag as string) as 'kol-toolbar';\n\tKolTooltipWcTag = transformTagName(KolTooltipWcTag as string) as 'kol-tooltip-wc';\n\tKolTreeItemTag = transformTagName(KolTreeItemTag as string) as 'kol-tree-item';\n\tKolTreeItemWcTag = transformTagName(KolTreeItemWcTag as string) as 'kol-tree-item-wc';\n\tKolTreeTag = transformTagName(KolTreeTag as string) as 'kol-tree';\n\tKolTreeWcTag = transformTagName(KolTreeWcTag as string) as 'kol-tree-wc';\n\tKolVersionTag = transformTagName(KolVersionTag as string) as 'kol-version';\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/contrast-B2enMGqm.js

@@ -0,0 +1,97 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { l as parse, m as hsl, r as rgb, n as rgba$1, q as s } from './common-DQP27q1D.js';
+
+/** @module  color-rgba */
+
+function rgba (color) {
+	// template literals
+	if (Array.isArray(color) && color.raw) color = String.raw(...arguments);
+
+	var values;
+
+	//attempt to parse non-array arguments
+	var parsed = parse(color);
+
+	if (!parsed.space) return []
+
+	const min = parsed.space[0] === 'h' ? hsl.min : rgb.min;
+	const max = parsed.space[0] === 'h' ? hsl.max : rgb.max;
+
+	values = Array(3);
+	values[0] = Math.min(Math.max(parsed.values[0], min[0]), max[0]);
+	values[1] = Math.min(Math.max(parsed.values[1], min[1]), max[1]);
+	values[2] = Math.min(Math.max(parsed.values[2], min[2]), max[2]);
+
+	if (parsed.space[0] === 'h') {
+		values = hsl.rgb(values);
+	}
+
+	values.push(Math.min(Math.max(parsed.alpha, 0), 1));
+
+	return values
+}
+
+const getContrastYIQ = (r, g, b) => {
+    const yiq = (r * 299 + g * 587 + b * 114) / 1000;
+    return yiq >= 128 ? -1 : 1;
+};
+const calcColorContrast = (baseColor, contrastColor, ratio, dir = 1) => {
+    const color = [
+        Math.max(Math.min(Math.round(contrastColor[0] + dir * Math.max(1, contrastColor[0] / 100)), 255), 0),
+        Math.max(Math.min(Math.round(contrastColor[1] + dir * Math.max(1, contrastColor[1] / 100)), 255), 0),
+        Math.max(Math.min(Math.round(contrastColor[2] + dir * Math.max(1, contrastColor[2] / 100)), 255), 0),
+    ];
+    const contrast = s(rgba$1.hex(`rgba(${baseColor.join(',')},1)`), rgba$1.hex(`rgba(${color.join(',')},1)`));
+    const summe = color[0] + color[1] + color[2];
+    if (summe === 0 || summe === 765 || contrast > ratio) {
+        return {
+            background: baseColor,
+            foreground: color,
+            contrast,
+        };
+    }
+    else {
+        return calcColorContrast(baseColor, color, ratio, dir);
+    }
+};
+const cache = new Map();
+const getColorContrast = (baseColor, contrastColor, ratio, dir = 1) => {
+    if (cache.has(baseColor)) {
+        return cache.get(baseColor);
+    }
+    const color = calcColorContrast(baseColor, contrastColor, ratio, dir);
+    cache.set(baseColor, color);
+    return color;
+};
+const createContrastColorPair = (color, contrastRatio = 7) => {
+    let baseColor = [0, 0, 0, 1];
+    let contrastColor = [255, 255, 255, 1];
+    if (typeof color === 'string') {
+        baseColor = rgba(color);
+        contrastColor = baseColor;
+    }
+    else if (typeof color === 'object' && color !== null && typeof color.background === 'string' && typeof color.foreground === 'string') {
+        baseColor = rgba(color.background);
+        if (typeof color.foreground === 'string') {
+            contrastColor = rgba(color.foreground);
+        }
+        else {
+            contrastColor = baseColor;
+        }
+    }
+    const yiq = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);
+    const colorContrast = getColorContrast([baseColor[0], baseColor[1], baseColor[2]], [contrastColor[0], contrastColor[1], contrastColor[2]], contrastRatio, yiq);
+    contrastColor = [...colorContrast.foreground, 1];
+    return {
+        background: rgba$1.hex(`rgba(${baseColor.join(',')})`),
+        foreground: rgba$1.hex(`rgba(${contrastColor.join(',')})`),
+        contrast: colorContrast.contrast,
+    };
+};
+
+export { createContrastColorPair as c, rgba as r };
+//# sourceMappingURL=contrast-B2enMGqm.js.map
+
+//# sourceMappingURL=contrast-B2enMGqm.js.map

package/dist/esm/contrast-B2enMGqm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast-B2enMGqm.js","sources":["../../node_modules/.pnpm/color-rgba@2.4.0/node_modules/color-rgba/index.mjs","src/schema/utils/contrast.ts"],"sourcesContent":["/** @module  color-rgba */\r\nimport parse from 'color-parse'\r\nimport rgb from 'color-space/rgb.js'\r\nimport hsl from 'color-space/hsl.js'\r\n\r\nexport default function rgba (color) {\r\n\t// template literals\r\n\tif (Array.isArray(color) && color.raw) color = String.raw(...arguments)\r\n\r\n\tvar values, i, l\r\n\r\n\t//attempt to parse non-array arguments\r\n\tvar parsed = parse(color)\r\n\r\n\tif (!parsed.space) return []\r\n\r\n\tconst min = parsed.space[0] === 'h' ? hsl.min : rgb.min\r\n\tconst max = parsed.space[0] === 'h' ? hsl.max : rgb.max\r\n\r\n\tvalues = Array(3)\r\n\tvalues[0] = Math.min(Math.max(parsed.values[0], min[0]), max[0])\r\n\tvalues[1] = Math.min(Math.max(parsed.values[1], min[1]), max[1])\r\n\tvalues[2] = Math.min(Math.max(parsed.values[2], min[2]), max[2])\r\n\r\n\tif (parsed.space[0] === 'h') {\r\n\t\tvalues = hsl.rgb(values)\r\n\t}\r\n\r\n\tvalues.push(Math.min(Math.max(parsed.alpha, 0), 1))\r\n\r\n\treturn values\r\n}\r\n","import type { RGB } from 'color-convert';\nimport { hex } from 'wcag-contrast';\n\nimport rgba from 'color-rgba';\nimport rgbaConvert from 'rgba-convert';\n\ntype RGBA = [number, number, number, number];\n\n// const calcColor = (color: RGBA, diff: number): RGBA => [\n//   Math.max(Math.min(Math.round(color[0] + (color[0] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[1] + (color[1] / 100 + 1) * diff), 255), 0),\n//   Math.max(Math.min(Math.round(color[2] + (color[2] / 100 + 1) * diff), 255), 0),\n//   color[3],\n// ];\n\n// const relativeLuminanceFormel = (c: number): number => {\n//   if (c <= 0.03928) {\n//     return c / 12.92;\n//   } else {\n//     return ((c + 0.055) / 1.055) ** 2.4;\n//   }\n// };\n// // https://www.w3.org/TR/WCAG20/#contrast-ratiodef\n// const relativeLuminance = (r: number, g: number, b: number): number => {\n//   return (\n//     0.2126 * relativeLuminanceFormel(r) + 0.7152 * relativeLuminanceFormel(g) + 0.0722 * relativeLuminanceFormel(b)\n//   );\n// };\n\n// https://css-tricks.com/snippets/javascript/random-hex-color/\n// const randomColor = () => Math.floor(Math.random() * 16777215).toString(16);\n\n// https://24ways.org/2010/calculating-color-contrast/\nexport const getContrastYIQ = (r: number, g: number, b: number): number => {\n\tconst yiq = (r * 299 + g * 587 + b * 114) / 1000;\n\treturn yiq >= 128 ? -1 : 1;\n};\n\ntype ColorPair<T> = {\n\tbackground: T;\n\tforeground: T;\n};\n\nexport type ColorContrast<T> = ColorPair<T> & {\n\tcontrast: number;\n};\n\nexport const calcColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): ColorContrast<RGB> => {\n\tconst color: RGB = [\n\t\tMath.max(Math.min(Math.round(contrastColor[0] + dir * Math.max(1, contrastColor[0] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[1] + dir * Math.max(1, contrastColor[1] / 100)), 255), 0),\n\t\tMath.max(Math.min(Math.round(contrastColor[2] + dir * Math.max(1, contrastColor[2] / 100)), 255), 0),\n\t];\n\tconst contrast = hex(rgbaConvert.hex(`rgba(${baseColor.join(',')},1)`), rgbaConvert.hex(`rgba(${color.join(',')},1)`));\n\tconst summe = color[0] + color[1] + color[2];\n\tif (summe === 0 || summe === 765 || contrast > ratio) {\n\t\treturn {\n\t\t\tbackground: baseColor,\n\t\t\tforeground: color,\n\t\t\tcontrast,\n\t\t};\n\t} else {\n\t\treturn calcColorContrast(baseColor, color, ratio, dir);\n\t}\n};\n\nconst cache: Map<unknown, ColorContrast<RGB>> = new Map();\n\nexport const getColorContrast = (baseColor: RGB, contrastColor: RGB, ratio: number, dir = 1): ColorContrast<RGB> => {\n\tif (cache.has(baseColor)) {\n\t\treturn cache.get(baseColor) as ColorContrast<RGB>;\n\t}\n\tconst color = calcColorContrast(baseColor, contrastColor, ratio, dir);\n\tcache.set(baseColor, color);\n\treturn color;\n};\n\nexport const createContrastColorPair = (color: string | ColorPair<string>, contrastRatio = 7): ColorContrast<string> => {\n\tlet baseColor: RGBA = [0, 0, 0, 1];\n\tlet contrastColor: RGBA = [255, 255, 255, 1];\n\tif (typeof color === 'string') {\n\t\tbaseColor = rgba(color);\n\t\tcontrastColor = baseColor;\n\t} else if (typeof color === 'object' && color !== null && typeof color.background === 'string' && typeof color.foreground === 'string') {\n\t\tbaseColor = rgba(color.background);\n\t\tif (typeof color.foreground === 'string') {\n\t\t\tcontrastColor = rgba(color.foreground);\n\t\t} else {\n\t\t\tcontrastColor = baseColor;\n\t\t}\n\t}\n\tconst yiq = getContrastYIQ(baseColor[0], baseColor[1], baseColor[2]);\n\tconst colorContrast = getColorContrast(\n\t\t[baseColor[0], baseColor[1], baseColor[2]],\n\t\t[contrastColor[0], contrastColor[1], contrastColor[2]],\n\t\tcontrastRatio,\n\t\tyiq,\n\t);\n\tcontrastColor = [...colorContrast.foreground, 1];\n\n\treturn {\n\t\tbackground: rgbaConvert.hex(`rgba(${baseColor.join(',')})`),\n\t\tforeground: rgbaConvert.hex(`rgba(${contrastColor.join(',')})`),\n\t\tcontrast: colorContrast.contrast,\n\t};\n};\n"],"names":["hex","rgbaConvert"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm/controller-Bt_GTg1G.js

@@ -0,0 +1,247 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import { a as alignFloatingElements, b as autoUpdate } from './align-floating-elements-8q78rXbD.js';
+import { z as getDocument } from './common-DQP27q1D.js';
+import { t as tooltipClosed, a as tooltipOpened } from './tooltip-open-tracking-D3tCiiGP.js';
+import { c as createPropDefinition, n as normalizeString } from './normalizers-Cpy0t9-X.js';
+import { a as alignPropTypeOptions } from './align-CCcqVV8A.js';
+import { l as labelProp } from './label-BGcJjCR_.js';
+import './variant-quote-CZ5CemUm.js';
+import { B as BaseController } from './base-controller-CXhqh4cR.js';
+
+const alignProp = createPropDefinition('align', 'top', (value) => {
+    const str = normalizeString(value);
+    if (alignPropTypeOptions.includes(str)) {
+        return str;
+    }
+    throw new Error(`Invalid align value: ${str}`);
+}, (v) => alignPropTypeOptions.includes(v));
+
+const badgeTextProp = createPropDefinition('badgeText', '', normalizeString);
+
+const idProp = createPropDefinition('id', '', normalizeString);
+
+const VISIBLE_OVERLAYS = new Set();
+let lastOverlay = null;
+function showOverlay(overlay) {
+    if (lastOverlay !== overlay) {
+        if (lastOverlay) {
+            lastOverlay.style.setProperty('z-index', '999');
+        }
+        VISIBLE_OVERLAYS.delete(overlay);
+        VISIBLE_OVERLAYS.add(overlay);
+        overlay.style.setProperty('z-index', '1000');
+        lastOverlay = overlay;
+    }
+}
+function hideOverlay(overlay) {
+    if (!VISIBLE_OVERLAYS.delete(overlay)) {
+        return;
+    }
+    if (lastOverlay === overlay) {
+        lastOverlay = null;
+        for (const el of VISIBLE_OVERLAYS) {
+            lastOverlay = el;
+        }
+        if (lastOverlay) {
+            lastOverlay.style.setProperty('z-index', '1000');
+        }
+    }
+}
+
+const tooltipPropsConfig = {
+    required: [labelProp],
+    optional: [alignProp, badgeTextProp, idProp],
+};
+
+class TooltipController extends BaseController {
+    constructor(stateAccess) {
+        super(stateAccess, tooltipPropsConfig);
+        this.hasFocusIn = false;
+        this.hasMouseIn = false;
+        this.isHiddenForCurrentVisit = false;
+        this.setTooltipElementRef = (el) => {
+            this.tooltipElement = el;
+            if (this.tooltipElement) {
+                this.addListeners(this.tooltipElement);
+            }
+        };
+        this.hideTooltipByEscape = (event) => {
+            if (event.key === 'Escape') {
+                event.stopPropagation();
+                event.preventDefault();
+                this.hideTooltip();
+            }
+        };
+        this.handleMouseEnter = () => {
+            const isNewVisit = this.isNewVisit();
+            this.hasMouseIn = true;
+            if (isNewVisit) {
+                this.isHiddenForCurrentVisit = false;
+            }
+            this.showOrHideTooltip();
+        };
+        this.handleMouseLeave = () => {
+            this.hasMouseIn = false;
+            this.resetHideFlag();
+            this.showOrHideTooltip();
+        };
+        this.handleFocusIn = () => {
+            const isNewVisit = this.isNewVisit();
+            this.hasFocusIn = true;
+            if (isNewVisit) {
+                this.isHiddenForCurrentVisit = false;
+            }
+            this.showOrHideTooltip();
+        };
+        this.handleFocusOut = () => {
+            this.hasFocusIn = false;
+            this.resetHideFlag();
+            this.showOrHideTooltip();
+        };
+    }
+    componentWillLoad(props) {
+        this.watchLabel(props.label);
+        this.watchAlign(props.align);
+        this.watchBadgeText(props.badgeText);
+        this.watchId(props.id);
+    }
+    watchLabel(value) {
+        labelProp.apply(value, (v) => {
+            this.setRenderProp('label', v);
+        });
+    }
+    watchAlign(value) {
+        alignProp.apply(value, (v) => {
+            this.setRenderProp('align', v);
+        });
+    }
+    watchBadgeText(value) {
+        badgeTextProp.apply(value, (v) => {
+            this.setRenderProp('badgeText', v);
+        });
+    }
+    watchId(value) {
+        idProp.apply(value, (v) => {
+            this.setRenderProp('id', v);
+        });
+    }
+    initContext(previousSibling) {
+        this.previousSibling = previousSibling;
+    }
+    syncListeners(last, next, replacePreviousSibling = false) {
+        if (last) {
+            this.removeListeners(last);
+        }
+        if (next) {
+            if (replacePreviousSibling) {
+                this.previousSibling = next;
+            }
+            this.addListeners(next);
+        }
+    }
+    handleEventListeners(host) {
+        const nextSibling = host.previousElementSibling;
+        this.syncListeners(this.previousSibling, nextSibling, true);
+    }
+    hideTooltip() {
+        this.isHiddenForCurrentVisit = true;
+        if (this.tooltipElement) {
+            hideOverlay(this.tooltipElement);
+            tooltipClosed();
+            this.tooltipElement.classList.remove('show');
+            this.tooltipElement.classList.add('hide');
+            this.tooltipElement.addEventListener('animationend', () => {
+                var _a;
+                if ((_a = this.tooltipElement) === null || _a === void 0 ? void 0 : _a.classList.contains('hide')) {
+                    this.tooltipElement.style.removeProperty('display');
+                }
+            }, { once: true });
+            if (this.cleanupAutoPositioning) {
+                this.cleanupAutoPositioning();
+                this.cleanupAutoPositioning = undefined;
+            }
+        }
+        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);
+    }
+    destroy() {
+        clearTimeout(this.overFocusTimeout);
+        if (this.previousSibling) {
+            this.removeListeners(this.previousSibling);
+            this.previousSibling = undefined;
+        }
+        if (this.tooltipElement) {
+            this.removeListeners(this.tooltipElement);
+        }
+        if (this.cleanupAutoPositioning) {
+            this.cleanupAutoPositioning();
+            this.cleanupAutoPositioning = undefined;
+        }
+        getDocument().removeEventListener('keyup', this.hideTooltipByEscape);
+    }
+    isNewVisit() {
+        return !this.hasMouseIn && !this.hasFocusIn;
+    }
+    resetHideFlag() {
+        if (this.isNewVisit()) {
+            this.isHiddenForCurrentVisit = false;
+        }
+    }
+    async alignTooltip() {
+        if (this.tooltipElement && this.previousSibling) {
+            await alignFloatingElements({
+                align: this.getRenderProp('align'),
+                arrowElement: this.tooltipElement.querySelector('.kol-tooltip__arrow'),
+                floatingElement: this.tooltipElement,
+                referenceElement: this.previousSibling,
+            });
+        }
+    }
+    showTooltip() {
+        if (this.isHiddenForCurrentVisit) {
+            return;
+        }
+        if (this.previousSibling && this.tooltipElement) {
+            showOverlay(this.tooltipElement);
+            tooltipOpened();
+            this.tooltipElement.classList.remove('hide');
+            this.tooltipElement.classList.add('show');
+            this.tooltipElement.style.setProperty('display', 'block');
+            getDocument().addEventListener('keydown', this.hideTooltipByEscape, { once: true });
+            const target = this.previousSibling;
+            const tooltipEl = this.tooltipElement;
+            this.cleanupAutoPositioning = autoUpdate(target, tooltipEl, () => {
+                void this.alignTooltip();
+            });
+        }
+    }
+    showOrHideTooltip() {
+        clearTimeout(this.overFocusTimeout);
+        this.overFocusTimeout = setTimeout(() => {
+            if (this.hasMouseIn || this.hasFocusIn) {
+                this.showTooltip();
+            }
+            else {
+                this.hideTooltip();
+            }
+        }, 300);
+    }
+    addListeners(el) {
+        el.addEventListener('mouseover', this.handleMouseEnter);
+        el.addEventListener('mouseout', this.handleMouseLeave);
+        el.addEventListener('focusin', this.handleFocusIn);
+        el.addEventListener('focusout', this.handleFocusOut);
+    }
+    removeListeners(el) {
+        el.removeEventListener('mouseover', this.handleMouseEnter);
+        el.removeEventListener('mouseout', this.handleMouseLeave);
+        el.removeEventListener('focusin', this.handleFocusIn);
+        el.removeEventListener('focusout', this.handleFocusOut);
+    }
+}
+
+export { TooltipController as T };
+//# sourceMappingURL=controller-Bt_GTg1G.js.map
+
+//# sourceMappingURL=controller-Bt_GTg1G.js.map