npm - @public-ui/components - Versions diffs - 4.1.2-rc.6 → 4.1.2-rc.7 - Mend

@public-ui/components 4.1.2-rc.6 → 4.1.2-rc.7

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

package/dist/components/component-names.js CHANGED Viewed

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

package/dist/components/component-names.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"component-names.js","mappings":"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","names":[],"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 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\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"],"version":3}
1	+ {"file":"component-names.js","mappings":"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","names":[],"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"],"version":3}

package/dist/components/element-click.js ADDED Viewed

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as waitForThemed}from"./element-focus.js";const MAX_CLICK_ATTEMPTS=3;async function delegateClick(e,t){try{e.hasAttribute("data-themed")||await waitForThemed(e),await t()}catch(e){throw new Error("The interactive element inside the KoliBri web component could not be clicked. Try calling the click method on the web component after a short delay again.")}}function isElementVisible(e){if(!e)return!1;const t=e.getBoundingClientRect();return t.width>0&&t.height>0}async function setClick(e){let t=0;do{e&&e.click(),await new Promise(e=>requestAnimationFrame(e)),t++}while(!isElementVisible(e)&&t<3)}export{delegateClick as d,setClick as s};

package/dist/components/element-click.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"element-click.js","mappings":";;;;;AAEA,MAAM,kBAAkB,GAAG,CAAC;AAUrB,eAAe,aAAa,CAAC,IAAiB,EAAE,QAA6B,EAAA;AACnF,IAAA,IAAI;QACH,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;AACtC,YAAA,MAAM,aAAa,CAAC,IAAI,CAAC;;QAE1B,MAAM,QAAQ,EAAE;;IACf,OAAA,EAAA,EAAM;AACP,QAAA,MAAM,IAAI,KAAK,CACd,CAAA,2JAAA,CAA6J,CAC7J;;AAEH;AASA,SAAS,gBAAgB,CAAC,OAAoB,EAAA;AAC7C,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,KAAK;AAC1B,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE;IAC5C,OAAO,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;AACzC;AAUO,eAAe,QAAQ,CAAC,OAAoB,EAAA;IAClD,IAAI,QAAQ,GAAG,CAAC;AAChB,IAAA,GAAG;QACF,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,KAAK,EAAE;;AAEhB,QAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAClD,QAAA,QAAQ,EAAE;KACV,QAAQ,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,QAAQ,GAAG,kBAAkB;AACrE;;;;","names":[],"sources":["src/utils/element-click.ts"],"sourcesContent":["import { waitForThemed } from './element-themed';\n\nconst MAX_CLICK_ATTEMPTS = 3;\n\n/**\n * Delegates click after the component is themed and ready.\n * Waits for the `data-themed` attribute on the host element before invoking the callback.\n *\n * @param host - The Stencil host element\n * @param callback - Async function that triggers click on the desired inner element\n * @throws {Error} If theming times out or the callback fails\n */\nexport async function delegateClick(host: HTMLElement, callback: () => Promise<void>): Promise<void> {\n\ttry {\n\t\tif (!host.hasAttribute('data-themed')) {\n\t\t\tawait waitForThemed(host);\n\t\t}\n\t\tawait callback();\n\t} catch {\n\t\tthrow new Error(\n\t\t\t`The interactive element inside the KoliBri web component could not be clicked. Try calling the click method on the web component after a short delay again.`,\n\t\t);\n\t}\n}\n\n/**\n * Checks whether the given element is currently visible.\n * Uses getBoundingClientRect to reliably detect visibility for all positioning types,\n * including position: fixed, which returns null for offsetParent despite being visible.\n *\n * @param element - The element to check\n */\nfunction isElementVisible(element: HTMLElement): boolean {\n\tif (!element) return false;\n\tconst rect = element.getBoundingClientRect();\n\treturn rect.width > 0 && rect.height > 0;\n}\n\n/**\n * Attempts to click the given element immediately and then again on each animation frame until\n * it becomes visible or the maximum number of attempts is reached.\n * Uses {@link isElementVisible} in the loop condition to decide whether another retry is needed.\n *\n * @param element - The element to click\n * @see MAX_CLICK_ATTEMPTS\n */\nexport async function setClick(element: HTMLElement): Promise<void> {\n\tlet attempts = 0;\n\tdo {\n\t\tif (element) {\n\t\t\telement.click();\n\t\t}\n\t\tawait new Promise((r) => requestAnimationFrame(r));\n\t\tattempts++;\n\t} while (!isElementVisible(element) && attempts < MAX_CLICK_ATTEMPTS);\n}\n\n/**\n * Interface for elements that support async click behavior.\n */\nexport interface ClickableElement {\n\tclick(): Promise<void>;\n}\n"],"version":3}

package/dist/components/element-focus.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-const MAX_FOCUS_ATTEMPTS=10,MAX_TIMEOUT_DURATION=5e3;function waitForThemed(e){return new Promise((t,o)=>{const n=new MutationObserver(()=>{e.hasAttribute("data-themed")&&(clearTimeout(a),n.disconnect(),t())}),a=setTimeout(()=>{n.disconnect(),o(new Error("Timeout waiting for data-themed attribute"))},5e3);n.observe(e,{attributes:!0,attributeFilter:["data-themed"]})})}async function delegateFocus(e,t){try{e.hasAttribute("data-themed")||await waitForThemed(e),await t()}catch(e){throw new Error("The interactive element inside the KoliBri web component could not be focused. Try calling the focus method on the web component after a short delay again.")}}function isActiveElement(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}async function setFocus(e){let t=0;do{e&&e.focus(),await new Promise(e=>requestAnimationFrame(e)),t++}while(!isActiveElement(e)&&t<10)}export{delegateFocus as d,setFocus as s};
+const MAX_TIMEOUT_DURATION=5e3;function waitForThemed(e){return new Promise((t,o)=>{let n;const a=new MutationObserver(()=>{e.hasAttribute("data-themed")&&(n&&clearTimeout(n),a.disconnect(),t())});if(a.observe(e,{attributes:!0,attributeFilter:["data-themed"]}),e.hasAttribute("data-themed"))return a.disconnect(),void t();n=setTimeout(()=>{a.disconnect(),o(new Error("Timeout waiting for data-themed attribute"))},5e3)})}const MAX_FOCUS_ATTEMPTS=10;async function delegateFocus(e,t){try{e.hasAttribute("data-themed")||await waitForThemed(e),await t()}catch(e){throw new Error("The interactive element inside the KoliBri web component could not be focused. Try calling the focus method on the web component after a short delay again.")}}function isActiveElement(e){const t=e.getRootNode();return t instanceof ShadowRoot?t.activeElement===e:document.activeElement===e}async function setFocus(e){let t=0;do{e&&e.focus(),await new Promise(e=>requestAnimationFrame(e)),t++}while(!isActiveElement(e)&&t<10)}export{delegateFocus as d,setFocus as s,waitForThemed as w};

package/dist/components/element-focus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"element-focus.js","mappings":";;;AAAA,MAAM,~~kBAAkB,GAAG,EAAE;AAC7B,MAAM,~~oBAAoB,GAAG,IAAI;AAUjC,SAAS,aAAa,CAAC,IAAiB,EAAA;IACvC,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,KAAI;AAC5C,QAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;AAC1C,YAAA,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;gBACrC,YAAY,CAAC,SAAS,CAAC~~;gBACvB~~,QAAQ,CAAC,UAAU,EAAE;AACrB,gBAAA,OAAO,EAAE;;AAEX,SAAC,CAAC;AAEF,QAAA,~~MAAM~~,~~SAAS~~,~~GAAG~~,~~UAAU,~~CAAC,~~MAAK~~;~~YACjC~~,~~QAAQ~~,~~CAAC,~~UAAU,EAAE;~~AACrB~~,~~YAAA~~,~~MAAM~~,CAAC,IAAI,~~KAAK~~,CAAC,~~2CAA2C~~,CAAC,CAAC~~;SAC9D~~,EAAE,~~oBAAoB~~,CAAC;~~AAExB~~,QAAA,~~QAAQ~~,CAAC,~~OAAO~~,CAAC,~~IAAI~~,EAAE;~~AACtB~~,YAAA,~~UAAU~~,~~EAAE~~,IAAI~~;YAChB~~,~~eAAe~~,~~EAAE,~~CAAC,~~aAAa~~,CAAC;~~AAChC~~,~~SAAA~~,CAAC;~~AACH~~,KAAC,CAAC;AACH;~~AAUO~~,eAAe,aAAa,CAAC,IAAiB,EAAE,QAA6B,EAAA;AACnF,IAAA,IAAI;QACH,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;AACtC,YAAA,MAAM,aAAa,CAAC,IAAI,CAAC;;QAE1B,MAAM,QAAQ,EAAE;;IACf,OAAA,EAAA,EAAM;AACP,QAAA,MAAM,IAAI,KAAK,CACd,CAAA,2JAAA,CAA6J,CAC7J;;AAEH;AASA,SAAS,eAAe,CAAC,OAAoB,EAAA;AAC5C,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,EAAE;AAClC,IAAA,IAAI,IAAI,YAAY,UAAU,EAAE;AAC/B,QAAA,OAAO,IAAI,CAAC,aAAa,KAAK,OAAO;;AAEtC,IAAA,OAAO,QAAQ,CAAC,aAAa,KAAK,OAAO;AAC1C;AAUO,eAAe,QAAQ,CAAC,OAAoB,EAAA;IAClD,IAAI,QAAQ,GAAG,CAAC;AAChB,IAAA,GAAG;QACF,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,KAAK,EAAE;;AAEhB,QAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAClD,QAAA,QAAQ,EAAE;KACV,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,QAAQ,GAAG,kBAAkB;AACpE;;;;","names":[],"sources":["src/utils/element-focus.ts"],"sourcesContent":["const ~~MAX_FOCUS_ATTEMPTS = 10;\nconst~~ MAX_TIMEOUT_DURATION = 5000;\n\n/*\n Waits until the `data-themed` attribute is set on the host element.\n * Uses a MutationObserver to detect the attribute change and rejects with a\n * timeout error if the attribute is not set within the configured duration.\n \n @param host - The Stencil host element to observe\n * @see MAX_TIMEOUT_DURATION\n /\nfunction waitForThemed(host: HTMLElement): Promise<void> {\n\treturn new Promise<void>((resolve, reject) => {\n\t\tconst observer = new MutationObserver(() => {\n\t\t\tif (host.hasAttribute('data-themed')) {\n\t\t\t\tclearTimeout(timeoutId);\n\t\t\t\tobserver.disconnect();\n\t\t\t\tresolve();\n\t\t\t}\n\t\t});\n\n\t\~~tconst~~ ~~timeoutId~~ = setTimeout(() => {\n\t\t\tobserver.disconnect();\n\t\t\treject(new Error('Timeout waiting for data-themed attribute'));\n\t\t}, MAX_TIMEOUT_DURATION);\n\n\t\~~tobserver.observe(host,~~ {~~\n\t\t\tattributes:~~ ~~true,\~~n~~\t\t\tattributeFilter:~~ ['~~data~~-themed'~~],\n\t\t})~~;\n\~~t})~~;\n}\n\n/\n Delegates focus after the component is themed and ready.\n * Waits for the `data-themed` attribute on the host element before invoking the callback.\n \n @param host - The Stencil host element\n * @param callback - Async function that applies focus to the desired inner element\n * @throws {Error} If theming times out or the callback fails\n /\nexport async function delegateFocus(host: HTMLElement, callback: () => Promise<void>): Promise<void> {\n\ttry {\n\t\tif (!host.hasAttribute('data-themed')) {\n\t\t\tawait waitForThemed(host);\n\t\t}\n\t\tawait callback();\n\t} catch {\n\t\tthrow new Error(\n\t\t\t`The interactive element inside the KoliBri web component could not be focused. Try calling the focus method on the web component after a short delay again.`,\n\t\t);\n\t}\n}\n\n/\n Checks whether the given element is currently the active element.\n * Handles elements inside a Shadow DOM by querying the shadow root's `activeElement`\n * instead of `document.activeElement`, which only reflects the shadow host in that case.\n \n @param element - The element to check\n /\nfunction isActiveElement(element: HTMLElement): boolean {\n\tconst root = element.getRootNode();\n\tif (root instanceof ShadowRoot) {\n\t\treturn root.activeElement === element;\n\t}\n\treturn document.activeElement === element;\n}\n\n/\n Attempts to focus the given element on each animation frame until\n * it becomes the active element or the maximum number of attempts is reached.\n * Uses {@link isActiveElement} to correctly detect focus inside Shadow DOM.\n \n @param element - The element to focus\n * @see MAX_FOCUS_ATTEMPTS\n */\nexport async function setFocus(element: HTMLElement): Promise<void> {\n\tlet attempts = 0;\n\tdo {\n\t\tif (element) {\n\t\t\telement.focus();\n\t\t}\n\t\tawait new Promise((r) => requestAnimationFrame(r));\n\t\tattempts++;\n\t} while (!isActiveElement(element) && attempts < MAX_FOCUS_ATTEMPTS);\n}\n"],"version":3}
1	+ {"file":"element-focus.js","mappings":";;;AAAA,MAAM,oBAAoB,GAAG,IAAI;AAUjC,SAAS,aAAa,CAAC,IAAiB,EAAA;IACvC,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,MAAM,KAAI;AAC5C,QAAA,IAAI,SAAoD;AACxD,QAAA,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;AAC1C,YAAA,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;gBACrC,IAAI,SAAS,EAAE;oBACd,YAAY,CAAC,SAAS,CAAC;;gBAExB,QAAQ,CAAC,UAAU,EAAE;AACrB,gBAAA,OAAO,EAAE;;AAEX,SAAC,CAAC;AAEF,QAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE;AACtB,YAAA,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,aAAa,CAAC;AAChC,SAAA,CAAC;AAEF,QAAA,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;YACrC,QAAQ,CAAC,UAAU,EAAE;AACrB,YAAA,OAAO,EAAE;YACT;;AAGD,QAAA,SAAS,GAAG,UAAU,CAAC,MAAK;YAC3B,QAAQ,CAAC,UAAU,EAAE;AACrB,YAAA,MAAM,CAAC,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;SAC9D,EAAE,oBAAoB,CAAC;AACzB,KAAC,CAAC;AACH;;ACrCA,MAAM,kBAAkB,GAAG,EAAE;AAUtB,eAAe,aAAa,CAAC,IAAiB,EAAE,QAA6B,EAAA;AACnF,IAAA,IAAI;QACH,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;AACtC,YAAA,MAAM,aAAa,CAAC,IAAI,CAAC;;QAE1B,MAAM,QAAQ,EAAE;;IACf,OAAA,EAAA,EAAM;AACP,QAAA,MAAM,IAAI,KAAK,CACd,CAAA,2JAAA,CAA6J,CAC7J;;AAEH;AASA,SAAS,eAAe,CAAC,OAAoB,EAAA;AAC5C,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,EAAE;AAClC,IAAA,IAAI,IAAI,YAAY,UAAU,EAAE;AAC/B,QAAA,OAAO,IAAI,CAAC,aAAa,KAAK,OAAO;;AAEtC,IAAA,OAAO,QAAQ,CAAC,aAAa,KAAK,OAAO;AAC1C;AAUO,eAAe,QAAQ,CAAC,OAAoB,EAAA;IAClD,IAAI,QAAQ,GAAG,CAAC;AAChB,IAAA,GAAG;QACF,IAAI,OAAO,EAAE;YACZ,OAAO,CAAC,KAAK,EAAE;;AAEhB,QAAA,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAClD,QAAA,QAAQ,EAAE;KACV,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,QAAQ,GAAG,kBAAkB;AACpE;;;;","names":[],"sources":["src/utils/element-themed.ts","src/utils/element-focus.ts"],"sourcesContent":["const MAX_TIMEOUT_DURATION = 5000;\n\n/*\n Waits until the `data-themed` attribute is set on the host element.\n * Uses a MutationObserver to detect the attribute change and rejects with a\n * timeout error if the attribute is not set within the configured duration.\n \n @param host - The Stencil host element to observe\n * @see MAX_TIMEOUT_DURATION\n /\nfunction waitForThemed(host: HTMLElement): Promise<void> {\n\treturn new Promise<void>((resolve, reject) => {\n\t\tlet timeoutId: ReturnType<typeof setTimeout> \| undefined;\n\t\tconst observer = new MutationObserver(() => {\n\t\t\tif (host.hasAttribute('data-themed')) {\n\t\t\t\tif (timeoutId) {\n\t\t\t\t\tclearTimeout(timeoutId);\n\t\t\t\t}\n\t\t\t\tobserver.disconnect();\n\t\t\t\tresolve();\n\t\t\t}\n\t\t});\n\n\t\tobserver.observe(host, {\n\t\t\tattributes: true,\n\t\t\tattributeFilter: ['data-themed'],\n\t\t});\n\n\t\tif (host.hasAttribute('data-themed')) {\n\t\t\tobserver.disconnect();\n\t\t\tresolve();\n\t\t\treturn;\n\t\t}\n\n\t\ttimeoutId = setTimeout(() => {\n\t\t\tobserver.disconnect();\n\t\t\treject(new Error('Timeout waiting for data-themed attribute'));\n\t\t}, MAX_TIMEOUT_DURATION);\n\t});\n}\n\nexport { MAX_TIMEOUT_DURATION, waitForThemed };\n","import { waitForThemed } from './element-themed';\n\nconst MAX_FOCUS_ATTEMPTS = 10;\n\n/\n Delegates focus after the component is themed and ready.\n * Waits for the `data-themed` attribute on the host element before invoking the callback.\n \n @param host - The Stencil host element\n * @param callback - Async function that applies focus to the desired inner element\n * @throws {Error} If theming times out or the callback fails\n /\nexport async function delegateFocus(host: HTMLElement, callback: () => Promise<void>): Promise<void> {\n\ttry {\n\t\tif (!host.hasAttribute('data-themed')) {\n\t\t\tawait waitForThemed(host);\n\t\t}\n\t\tawait callback();\n\t} catch {\n\t\tthrow new Error(\n\t\t\t`The interactive element inside the KoliBri web component could not be focused. Try calling the focus method on the web component after a short delay again.`,\n\t\t);\n\t}\n}\n\n/\n Checks whether the given element is currently the active element.\n * Handles elements inside a Shadow DOM by querying the shadow root's `activeElement`\n * instead of `document.activeElement`, which only reflects the shadow host in that case.\n \n @param element - The element to check\n /\nfunction isActiveElement(element: HTMLElement): boolean {\n\tconst root = element.getRootNode();\n\tif (root instanceof ShadowRoot) {\n\t\treturn root.activeElement === element;\n\t}\n\treturn document.activeElement === element;\n}\n\n/\n Attempts to focus the given element on each animation frame until\n * it becomes the active element or the maximum number of attempts is reached.\n * Uses {@link isActiveElement} to correctly detect focus inside Shadow DOM.\n \n @param element - The element to focus\n * @see MAX_FOCUS_ATTEMPTS\n */\nexport async function setFocus(element: HTMLElement): Promise<void> {\n\tlet attempts = 0;\n\tdo {\n\t\tif (element) {\n\t\t\telement.focus();\n\t\t}\n\t\tawait new Promise((r) => requestAnimationFrame(r));\n\t\tattempts++;\n\t} while (!isActiveElement(element) && attempts < MAX_FOCUS_ATTEMPTS);\n}\n"],"version":3}

package/dist/components/i18n2.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-var locale_de={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","table-sort-order":"Priorität {{order}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle Benachrichtigungen schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl","table-settings":"Tabellenkonfiguration","table-settings-cancel":"Abbrechen","table-settings-apply":"Übernehmen","table-settings-show-column":"Spalte {{column}} anzeigen","table-settings-column-width":"Breite von {{column}}","table-settings-move-up":"Spalte {{column}} nach oben verschieben","table-settings-move-down":"Spalte {{column}} nach unten verschieben","table-settings-error-all-invisible":"Mindestens eine Spalte muss sichtbar sein.","table-settings-column-not-hidable":"nicht ausblendbar",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen",sort:"sortieren","pagination-position-top":"oben","pagination-position-bottom":"unten","character-limit-hint":"Es können bis zu {{limit}} Zeichen eingegeben werden.","character-limit-remaining":"Es sind noch {{remaining}} Zeichen verfügbar.","character-limit-exceeded":"Es sind {{over}} Zeichen zu viel.","character-counter-current":"{{current}} Zeichen","character-counter-current-of-max":"{{current}}/{{max}} Zeichen","character-counter-current-of-max-aria":"{{current}} von {{max}} Zeichen",readonly:"schreibgeschützt"},locale_en={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"Entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","table-sort-order":"Priority {{order}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all notifications","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection","table-settings":"Table configuration","table-settings-cancel":"Cancel","table-settings-apply":"Apply","table-settings-show-column":"Show column {{column}}","table-settings-column-width":"{{column}} width","table-settings-move-up":"Move {{column}} column up","table-settings-move-down":"Move {{column}} column down","table-settings-error-all-invisible":"At least one column must be visible.","table-settings-column-not-hidable":"cannot be hidden",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse",sort:"sort","pagination-position-top":"top","pagination-position-bottom":"bottom","character-limit-hint":"You can enter up to {{limit}} characters","character-limit-remaining":"You have {{remaining}} characters remaining.","character-limit-exceeded":"You have {{over}} characters too many.","character-counter-current":"{{current}} characters","character-counter-current-of-max":"{{current}}/{{max}} characters","character-counter-current-of-max-aria":"{{current}} of {{max}} characters",readonly:"read-only"};const mapLocaleKeys=e=>Object.keys(e).reduce((n,t)=>(n[`kol-${t}`]=e[t],n),{}),TRANSLATIONS=new Set([e=>e("en",mapLocaleKeys(locale_en)),e=>e("de",mapLocaleKeys(locale_de))]),replaceAll=function(e,n,t){return e.split(n).join(t)};class I18nService{constructor(e){this.resourceMap=new Map,this.language=null!=e?e:"de"}addTranslations(e){Array.isArray(e)?e=new Set(e):"function"==typeof e&&(e=new Set([e])),void 0!==e&&e.forEach(e=>e((e,n)=>{let t=this.resourceMap.get(e);return t||(t=new Map,this.resourceMap.set(e,t)),Object.entries(n).forEach(([e,n])=>{n&&t.set(e,n)}),e}))}setLanguage(e){this.language=e}translate(e,n){var t;let a=null===(t=this.resourceMap.get(this.language))||void 0===t?void 0:t.get(e);return a?(null==n?void 0:n.placeholders)&&Object.entries(n.placeholders).forEach(([e,n])=>{a=replaceAll(a,`{{${e}}}`,n)}):a=e,a}}let i18n;const getI18nInstance=()=>i18n,initializeI18n=(e,n=TRANSLATIONS)=>(i18n=new I18nService(e),i18n.addTranslations(n),i18n);export{getI18nInstance as g,initializeI18n as i};
+var locale_de={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","table-sort-order":"Priorität {{order}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle Benachrichtigungen schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl","table-settings":"Tabellenkonfiguration","table-settings-cancel":"Abbrechen","table-settings-apply":"Übernehmen","table-settings-show-column":"Spalte {{column}} anzeigen","table-settings-column-width":"Breite von {{column}}","table-settings-move-up":"Spalte {{column}} nach oben verschieben","table-settings-move-down":"Spalte {{column}} nach unten verschieben","table-settings-error-all-invisible":"Mindestens eine Spalte muss sichtbar sein.","table-settings-column-not-hidable":"nicht ausblendbar",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen",sort:"sortieren","pagination-position-top":"oben","pagination-position-bottom":"unten","character-limit-hint":"Es können bis zu {{limit}} Zeichen eingegeben werden.","character-limit-remaining":"Es sind noch {{remaining}} Zeichen verfügbar.","character-limit-exceeded":"Es sind {{over}} Zeichen zu viel.","character-counter-current":"{{current}} Zeichen","character-counter-current-of-max":"{{current}}/{{max}} Zeichen","character-counter-current-of-max-aria":"{{current}} von {{max}} Zeichen","live-value-bounded":"{{value}} von {{max}} {{unit}}","live-value":"{{value}} {{unit}}",readonly:"schreibgeschützt","meter-state-optimum":"Optimal","meter-state-suboptimal":"Suboptimal","meter-state-critical":"Kritisch"},locale_en={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"Entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","table-sort-order":"Priority {{order}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all notifications","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection","table-settings":"Table configuration","table-settings-cancel":"Cancel","table-settings-apply":"Apply","table-settings-show-column":"Show column {{column}}","table-settings-column-width":"{{column}} width","table-settings-move-up":"Move {{column}} column up","table-settings-move-down":"Move {{column}} column down","table-settings-error-all-invisible":"At least one column must be visible.","table-settings-column-not-hidable":"cannot be hidden",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse",sort:"sort","pagination-position-top":"top","pagination-position-bottom":"bottom","character-limit-hint":"You can enter up to {{limit}} characters","character-limit-remaining":"You have {{remaining}} characters remaining.","character-limit-exceeded":"You have {{over}} characters too many.","character-counter-current":"{{current}} characters","character-counter-current-of-max":"{{current}}/{{max}} characters","character-counter-current-of-max-aria":"{{current}} of {{max}} characters","live-value-bounded":"{{value}} of {{max}} {{unit}}","live-value":"{{value}} {{unit}}",readonly:"read-only","meter-state-optimum":"Optimum","meter-state-suboptimal":"Suboptimal","meter-state-critical":"Critical"};const mapLocaleKeys=e=>Object.keys(e).reduce((n,t)=>(n[`kol-${t}`]=e[t],n),{}),TRANSLATIONS=new Set([e=>e("en",mapLocaleKeys(locale_en)),e=>e("de",mapLocaleKeys(locale_de))]),replaceAll=function(e,n,t){return e.split(n).join(t)};class I18nService{constructor(e){this.resourceMap=new Map,this.language=null!=e?e:"de"}addTranslations(e){Array.isArray(e)?e=new Set(e):"function"==typeof e&&(e=new Set([e])),void 0!==e&&e.forEach(e=>e((e,n)=>{let t=this.resourceMap.get(e);return t||(t=new Map,this.resourceMap.set(e,t)),Object.entries(n).forEach(([e,n])=>{n&&t.set(e,n)}),e}))}setLanguage(e){this.language=e}translate(e,n){var t;let a=null===(t=this.resourceMap.get(this.language))||void 0===t?void 0:t.get(e);return a?(null==n?void 0:n.placeholders)&&Object.entries(n.placeholders).forEach(([e,n])=>{a=replaceAll(a,`{{${e}}}`,n)}):a=e,a}}let i18n;const getI18nInstance=()=>i18n,initializeI18n=(e,n=TRANSLATIONS)=>(i18n=new I18nService(e),i18n.addTranslations(n),i18n);export{getI18nInstance as g,initializeI18n as i};

package/dist/components/i18n2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"i18n2.js","mappings":"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","names":[],"sources":["src/locales/de.ts","src/locales/en.ts","src/core/i18n.ts"],"sourcesContent":["export default {\n\terror: 'Fehler',\n\twarning: 'Warnung',\n\tinfo: 'Hinweis',\n\tsuccess: 'Erfolg',\n\tmessage: 'Nachricht',\n\tclose: 'Schließen',\n\t'form-description': 'Formular-Felder, die mit einem Sternchen () gekennzeichnet sind, sind Pflichtangaben.',\n\tnew: 'Neu',\n\t'no-entries': 'Es sind keine Einträge vorhanden.',\n\t'change-order': 'Sortierung von {{colLabel}} ändern',\n\t'action-running': 'Aktion wird ausgeführt...',\n\t'action-done': 'Aktion abgeschlossen',\n\tpagination: 'Paginierung',\n\t'page-first': 'Direkt zur ersten Seite',\n\t'page-back': 'Eine Seite zurück',\n\t'page-next': 'Eine Seite weiter',\n\t'page-last': 'Direkt zur letzten Seite',\n\t'entries-per-site': 'Einträge pro Seite',\n\tpage: 'Seite',\n\t'page-current': 'Seite {{page}}',\n\t'page-selected': 'Seite {{page}} ist ausgewählt',\n\t'page-per-site': 'Einträge pro Seite',\n\t'nav-maximize': 'Navigation maximieren',\n\t'nav-minimize': 'Navigation minimieren',\n\t'logo-description': 'Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}',\n\t'open-link-in-tab': 'Öffnet in neuem Tab.',\n\t'kolibri-logo': 'Logo von KoliBri',\n\t'table-pagination-label': 'Paginierung für die Tabelle {{label}}',\n\t'table-sort-order': 'Priorität {{order}}',\n\t'avatar-alt': 'Avatar von {{name}}',\n\t'split-button-dropdown-label-open': 'Optionen anzeigen',\n\t'split-button-dropdown-label-close': 'Optionen schließen',\n\t'toast-close-all': 'Alle Benachrichtigungen schließen',\n\t'error-list': 'Fehlerliste',\n\t'error-list-message': 'Bitte korrigieren Sie folgende Fehler:',\n\tversion: 'Versionsnummer',\n\t'table-visible-range': 'Einträge {{start}} bis {{end}} von {{total}}',\n\t'table-selection-all': 'Alle auswählen',\n\t'table-selection-none': 'Alle abwählen',\n\t'table-selection-indeterminate': 'Alle auswählen bei teilweiser Auswahl',\n\t'table-settings': 'Tabellenkonfiguration',\n\t'table-settings-cancel': 'Abbrechen',\n\t'table-settings-apply': 'Übernehmen',\n\t'table-settings-show-column': 'Spalte {{column}} anzeigen',\n\t'table-settings-column-width': 'Breite von {{column}}',\n\t'table-settings-move-up': 'Spalte {{column}} nach oben verschieben',\n\t'table-settings-move-down': 'Spalte {{column}} nach unten verschieben',\n\t'table-settings-error-all-invisible': 'Mindestens eine Spalte muss sichtbar sein.',\n\t'table-settings-column-not-hidable': 'nicht ausblendbar',\n\tdropdown: 'Auswahlliste',\n\t'nav-label-open': 'Untermenü zu {{label}} öffnen',\n\t'nav-label-close': 'Untermenü zu {{label}} schließen',\n\t'close-alert': 'Benachrichtigung schließen',\n\t'show-password': 'einblenden',\n\t'hide-password': 'ausblenden',\n\t'no-results-message': 'Keine Ergebnisse gefunden.',\n\t'delete-selection': 'Auswahl entfernen',\n\t'filename-text': 'Datei auswählen oder hier ablegen...',\n\t'data-browse-text': 'Datei auswählen',\n\tsort: 'sortieren',\n\t'pagination-position-top': 'oben',\n\t'pagination-position-bottom': 'unten',\n\t'character-limit-hint': 'Es können bis zu {{limit}} Zeichen eingegeben werden.',\n\t'character-limit-remaining': 'Es sind noch {{remaining}} Zeichen verfügbar.',\n\t'character-limit-exceeded': 'Es sind {{over}} Zeichen zu viel.',\n\t'character-counter-current': '{{current}} Zeichen',\n\t'character-counter-current-of-max': '{{current}}/{{max}} Zeichen',\n\t'character-counter-current-of-max-aria': '{{current}} von {{max}} Zeichen',\n\treadonly: 'schreibgeschützt',\n};\n","export default {\n\terror: 'Error',\n\twarning: 'Warning',\n\tinfo: 'Note',\n\tsuccess: 'Success',\n\tmessage: 'Message',\n\tclose: 'Close',\n\t'form-description': 'Form fields marked with an asterisk () are mandatory.',\n\tnew: 'New',\n\t'no-entries': 'No entries available.',\n\t'change-order': 'Change order of {{colLabel}}',\n\t'action-running': 'Action is running...',\n\t'action-done': 'Action done',\n\tpagination: 'Pagination',\n\t'page-first': 'Directly to the first page',\n\t'page-back': 'One page back',\n\t'page-next': 'One page further',\n\t'page-last': 'Directly to the last page',\n\t'entries-per-site': 'Entries per page',\n\tpage: 'Page',\n\t'page-current': 'Page {{page}}',\n\t'page-selected': 'Page {{page}} is selected',\n\t'page-per-site': 'Entries per page',\n\t'nav-maximize': 'Maximize navigation',\n\t'nav-minimize': 'Minimize navigation',\n\t'logo-description': 'Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}',\n\t'open-link-in-tab': 'Opens in new tab.',\n\t'kolibri-logo': 'KoliBri logo',\n\t'table-pagination-label': 'Pagination for table {{label}}',\n\t'table-sort-order': 'Priority {{order}}',\n\t'avatar-alt': 'Avatar of {{name}}',\n\t'split-button-dropdown-label-open': 'Show options',\n\t'split-button-dropdown-label-close': 'Hide options',\n\t'toast-close-all': 'Close all notifications',\n\t'error-list': 'Error list',\n\t'error-list-message': 'Please correct the following errors',\n\tversion: 'Version number',\n\t'table-visible-range': 'Entries {{start}} to {{end}} of {{total}}',\n\t'table-selection-all': 'Select all',\n\t'table-selection-none': 'Deselect all',\n\t'table-selection-indeterminate': 'Select all with partial selection',\n\t'table-settings': 'Table configuration',\n\t'table-settings-cancel': 'Cancel',\n\t'table-settings-apply': 'Apply',\n\t'table-settings-show-column': 'Show column {{column}}',\n\t'table-settings-column-width': '{{column}} width',\n\t'table-settings-move-up': 'Move {{column}} column up',\n\t'table-settings-move-down': 'Move {{column}} column down',\n\t'table-settings-error-all-invisible': 'At least one column must be visible.',\n\t'table-settings-column-not-hidable': 'cannot be hidden',\n\tdropdown: 'Dropdown',\n\t'nav-label-open': 'Submenu for {{label}} open',\n\t'nav-label-close': 'Submenu for {{label}} close',\n\t'close-alert': 'Close notification',\n\t'show-password': 'Show',\n\t'hide-password': 'Hide',\n\t'no-results-message': 'No results found.',\n\t'delete-selection': 'Delete selection',\n\t'filename-text': 'Choose a file or drop it here...',\n\t'data-browse-text': 'Browse',\n\tsort: 'sort',\n\t'pagination-position-top': 'top',\n\t'pagination-position-bottom': 'bottom',\n\t'character-limit-hint': 'You can enter up to {{limit}} characters',\n\t'character-limit-remaining': 'You have {{remaining}} characters remaining.',\n\t'character-limit-exceeded': 'You have {{over}} characters too many.',\n\t'character-counter-current': '{{current}} characters',\n\t'character-counter-current-of-max': '{{current}}/{{max}} characters',\n\t'character-counter-current-of-max-aria': '{{current}} of {{max}} characters',\n\treadonly: 'read-only',\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport locale_de from '../locales/de';\nimport locale_en from '../locales/en';\n\nexport type ResourcePrefix = 'Kol';\nexport type ComponentKeys = keyof typeof locale_de;\n\nconst mapLocaleKeys = (locale: { [K in ComponentKeys]: string }) =>\n\t(Object.keys(locale) as ComponentKeys[]).reduce((a, c) => ((a[`${'kol'}-${c}`] = locale[c]), a), {} as Generic.I18n.Map<ResourcePrefix, ComponentKeys>);\n\nconst TRANSLATIONS = new Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, ResourcePrefix, ComponentKeys>>([\n\t(t: (language: 'en', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('en', mapLocaleKeys(locale_en)),\n\t(t: (language: 'de', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('de', mapLocaleKeys(locale_de)),\n]);\n\ninterface ITranslationOptions {\n\t/*\n\t Placeholders to insert into the text. Replacing {{key}} with the specified value if the \"key\".\n\t /\n\tplaceholders?: { [K: string]: string };\n}\n\n// String.replaceAll should be used but is only available with ECMAScript 2021.\nconst replaceAll = function (text: string, search: string, replacement: string) {\n\treturn text.split(search).join(replacement);\n};\n\ntype Resources = Map<string, string>;\n\nexport class I18nService {\n\tprivate resourceMap = new Map<Generic.I18n.Locale.ISO_639_1, Resources>();\n\tlanguage: Generic.I18n.Locale.ISO_639_1;\n\n\tpublic constructor(initialLanguage?: Generic.I18n.Locale.ISO_639_1) {\n\t\tthis.language = initialLanguage ?? 'de';\n\t}\n\n\t/\n\t Adds a resource bundle for the specified language.\n\t * @param lng the language the bundle is for\n\t * @param translationMap the translations of the given language\n\t /\n\tpublic addTranslations(\n\t\ttranslations?:\n\t\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>\n\t\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[]\n\t\t\t\| Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>,\n\t) {\n\t\tif (Array.isArray(translations)) {\n\t\t\ttranslations = new Set(translations);\n\t\t} else if (typeof translations === 'function') {\n\t\t\ttranslations = new Set([translations]);\n\t\t}\n\n\t\tif (translations !== undefined) {\n\t\t\ttranslations.forEach((t) =>\n\t\t\t\tt((l, t) => {\n\t\t\t\t\tlet resources = this.resourceMap.get(l);\n\t\t\t\t\tif (!resources) {\n\t\t\t\t\t\tresources = new Map<string, string>();\n\t\t\t\t\t\tthis.resourceMap.set(l, resources);\n\t\t\t\t\t}\n\n\t\t\t\t\tObject.entries(t).forEach(([k, v]) => {\n\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\tresources.set(k, v);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\treturn l;\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\t}\n\n\t/\n\t Set the current language.\n\t * @param lng the language the bundle is for\n\t /\n\tpublic setLanguage(lng: Generic.I18n.Locale.ISO_639_1) {\n\t\tthis.language = lng;\n\t}\n\n\t/\n\t Determines a human-readable translated text for the given resource key.\n\t * @param key the resource key\n\t * @param options optional translation parameters\n\t * @returns the translated text\n\t */\n\tpublic translate(key: string, options?: ITranslationOptions) {\n\t\tlet result = this.resourceMap.get(this.language)?.get(key);\n\t\tif (result) {\n\t\t\tif (options?.placeholders) {\n\t\t\t\tObject.entries(options.placeholders).forEach(([k, v]) => {\n\t\t\t\t\tresult = replaceAll(result!, `{{${k}}}`, v);\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tresult = key;\n\t\t}\n\t\treturn result;\n\t}\n}\n\nlet i18n: I18nService;\n\nexport const getI18nInstance = () => {\n\treturn i18n;\n};\n\nexport const initializeI18n = (\n\tlng: Generic.I18n.Locale.ISO_639_1,\n\ttranslations:\n\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>\n\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[]\n\t\t\| Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>> = TRANSLATIONS,\n) => {\n\ti18n = new I18nService(lng);\n\ti18n.addTranslations(translations);\n\treturn i18n;\n};\n"],"version":3}
1	+ {"file":"i18n2.js","mappings":"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","names":[],"sources":["src/locales/de.ts","src/locales/en.ts","src/core/i18n.ts"],"sourcesContent":["export default {\n\terror: 'Fehler',\n\twarning: 'Warnung',\n\tinfo: 'Hinweis',\n\tsuccess: 'Erfolg',\n\tmessage: 'Nachricht',\n\tclose: 'Schließen',\n\t'form-description': 'Formular-Felder, die mit einem Sternchen () gekennzeichnet sind, sind Pflichtangaben.',\n\tnew: 'Neu',\n\t'no-entries': 'Es sind keine Einträge vorhanden.',\n\t'change-order': 'Sortierung von {{colLabel}} ändern',\n\t'action-running': 'Aktion wird ausgeführt...',\n\t'action-done': 'Aktion abgeschlossen',\n\tpagination: 'Paginierung',\n\t'page-first': 'Direkt zur ersten Seite',\n\t'page-back': 'Eine Seite zurück',\n\t'page-next': 'Eine Seite weiter',\n\t'page-last': 'Direkt zur letzten Seite',\n\t'entries-per-site': 'Einträge pro Seite',\n\tpage: 'Seite',\n\t'page-current': 'Seite {{page}}',\n\t'page-selected': 'Seite {{page}} ist ausgewählt',\n\t'page-per-site': 'Einträge pro Seite',\n\t'nav-maximize': 'Navigation maximieren',\n\t'nav-minimize': 'Navigation minimieren',\n\t'logo-description': 'Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}',\n\t'open-link-in-tab': 'Öffnet in neuem Tab.',\n\t'kolibri-logo': 'Logo von KoliBri',\n\t'table-pagination-label': 'Paginierung für die Tabelle {{label}}',\n\t'table-sort-order': 'Priorität {{order}}',\n\t'avatar-alt': 'Avatar von {{name}}',\n\t'split-button-dropdown-label-open': 'Optionen anzeigen',\n\t'split-button-dropdown-label-close': 'Optionen schließen',\n\t'toast-close-all': 'Alle Benachrichtigungen schließen',\n\t'error-list': 'Fehlerliste',\n\t'error-list-message': 'Bitte korrigieren Sie folgende Fehler:',\n\tversion: 'Versionsnummer',\n\t'table-visible-range': 'Einträge {{start}} bis {{end}} von {{total}}',\n\t'table-selection-all': 'Alle auswählen',\n\t'table-selection-none': 'Alle abwählen',\n\t'table-selection-indeterminate': 'Alle auswählen bei teilweiser Auswahl',\n\t'table-settings': 'Tabellenkonfiguration',\n\t'table-settings-cancel': 'Abbrechen',\n\t'table-settings-apply': 'Übernehmen',\n\t'table-settings-show-column': 'Spalte {{column}} anzeigen',\n\t'table-settings-column-width': 'Breite von {{column}}',\n\t'table-settings-move-up': 'Spalte {{column}} nach oben verschieben',\n\t'table-settings-move-down': 'Spalte {{column}} nach unten verschieben',\n\t'table-settings-error-all-invisible': 'Mindestens eine Spalte muss sichtbar sein.',\n\t'table-settings-column-not-hidable': 'nicht ausblendbar',\n\tdropdown: 'Auswahlliste',\n\t'nav-label-open': 'Untermenü zu {{label}} öffnen',\n\t'nav-label-close': 'Untermenü zu {{label}} schließen',\n\t'close-alert': 'Benachrichtigung schließen',\n\t'show-password': 'einblenden',\n\t'hide-password': 'ausblenden',\n\t'no-results-message': 'Keine Ergebnisse gefunden.',\n\t'delete-selection': 'Auswahl entfernen',\n\t'filename-text': 'Datei auswählen oder hier ablegen...',\n\t'data-browse-text': 'Datei auswählen',\n\tsort: 'sortieren',\n\t'pagination-position-top': 'oben',\n\t'pagination-position-bottom': 'unten',\n\t'character-limit-hint': 'Es können bis zu {{limit}} Zeichen eingegeben werden.',\n\t'character-limit-remaining': 'Es sind noch {{remaining}} Zeichen verfügbar.',\n\t'character-limit-exceeded': 'Es sind {{over}} Zeichen zu viel.',\n\t'character-counter-current': '{{current}} Zeichen',\n\t'character-counter-current-of-max': '{{current}}/{{max}} Zeichen',\n\t'character-counter-current-of-max-aria': '{{current}} von {{max}} Zeichen',\n\t'live-value-bounded': '{{value}} von {{max}} {{unit}}',\n\t'live-value': '{{value}} {{unit}}',\n\treadonly: 'schreibgeschützt',\n\t'meter-state-optimum': 'Optimal',\n\t'meter-state-suboptimal': 'Suboptimal',\n\t'meter-state-critical': 'Kritisch',\n};\n","export default {\n\terror: 'Error',\n\twarning: 'Warning',\n\tinfo: 'Note',\n\tsuccess: 'Success',\n\tmessage: 'Message',\n\tclose: 'Close',\n\t'form-description': 'Form fields marked with an asterisk () are mandatory.',\n\tnew: 'New',\n\t'no-entries': 'No entries available.',\n\t'change-order': 'Change order of {{colLabel}}',\n\t'action-running': 'Action is running...',\n\t'action-done': 'Action done',\n\tpagination: 'Pagination',\n\t'page-first': 'Directly to the first page',\n\t'page-back': 'One page back',\n\t'page-next': 'One page further',\n\t'page-last': 'Directly to the last page',\n\t'entries-per-site': 'Entries per page',\n\tpage: 'Page',\n\t'page-current': 'Page {{page}}',\n\t'page-selected': 'Page {{page}} is selected',\n\t'page-per-site': 'Entries per page',\n\t'nav-maximize': 'Maximize navigation',\n\t'nav-minimize': 'Minimize navigation',\n\t'logo-description': 'Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}',\n\t'open-link-in-tab': 'Opens in new tab.',\n\t'kolibri-logo': 'KoliBri logo',\n\t'table-pagination-label': 'Pagination for table {{label}}',\n\t'table-sort-order': 'Priority {{order}}',\n\t'avatar-alt': 'Avatar of {{name}}',\n\t'split-button-dropdown-label-open': 'Show options',\n\t'split-button-dropdown-label-close': 'Hide options',\n\t'toast-close-all': 'Close all notifications',\n\t'error-list': 'Error list',\n\t'error-list-message': 'Please correct the following errors',\n\tversion: 'Version number',\n\t'table-visible-range': 'Entries {{start}} to {{end}} of {{total}}',\n\t'table-selection-all': 'Select all',\n\t'table-selection-none': 'Deselect all',\n\t'table-selection-indeterminate': 'Select all with partial selection',\n\t'table-settings': 'Table configuration',\n\t'table-settings-cancel': 'Cancel',\n\t'table-settings-apply': 'Apply',\n\t'table-settings-show-column': 'Show column {{column}}',\n\t'table-settings-column-width': '{{column}} width',\n\t'table-settings-move-up': 'Move {{column}} column up',\n\t'table-settings-move-down': 'Move {{column}} column down',\n\t'table-settings-error-all-invisible': 'At least one column must be visible.',\n\t'table-settings-column-not-hidable': 'cannot be hidden',\n\tdropdown: 'Dropdown',\n\t'nav-label-open': 'Submenu for {{label}} open',\n\t'nav-label-close': 'Submenu for {{label}} close',\n\t'close-alert': 'Close notification',\n\t'show-password': 'Show',\n\t'hide-password': 'Hide',\n\t'no-results-message': 'No results found.',\n\t'delete-selection': 'Delete selection',\n\t'filename-text': 'Choose a file or drop it here...',\n\t'data-browse-text': 'Browse',\n\tsort: 'sort',\n\t'pagination-position-top': 'top',\n\t'pagination-position-bottom': 'bottom',\n\t'character-limit-hint': 'You can enter up to {{limit}} characters',\n\t'character-limit-remaining': 'You have {{remaining}} characters remaining.',\n\t'character-limit-exceeded': 'You have {{over}} characters too many.',\n\t'character-counter-current': '{{current}} characters',\n\t'character-counter-current-of-max': '{{current}}/{{max}} characters',\n\t'character-counter-current-of-max-aria': '{{current}} of {{max}} characters',\n\t'live-value-bounded': '{{value}} of {{max}} {{unit}}',\n\t'live-value': '{{value}} {{unit}}',\n\treadonly: 'read-only',\n\t'meter-state-optimum': 'Optimum',\n\t'meter-state-suboptimal': 'Suboptimal',\n\t'meter-state-critical': 'Critical',\n};\n","import type { Generic } from 'adopted-style-sheets';\nimport locale_de from '../locales/de';\nimport locale_en from '../locales/en';\n\nexport type ResourcePrefix = 'Kol';\nexport type ComponentKeys = keyof typeof locale_de;\n\nconst mapLocaleKeys = (locale: { [K in ComponentKeys]: string }) =>\n\t(Object.keys(locale) as ComponentKeys[]).reduce((a, c) => ((a[`${'kol'}-${c}`] = locale[c]), a), {} as Generic.I18n.Map<ResourcePrefix, ComponentKeys>);\n\nconst TRANSLATIONS = new Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, ResourcePrefix, ComponentKeys>>([\n\t(t: (language: 'en', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('en', mapLocaleKeys(locale_en)),\n\t(t: (language: 'de', translationMap: Generic.I18n.Map<ResourcePrefix, ComponentKeys>) => Generic.I18n.Locale.ISO_639_1) => t('de', mapLocaleKeys(locale_de)),\n]);\n\ninterface ITranslationOptions {\n\t/*\n\t Placeholders to insert into the text. Replacing {{key}} with the specified value if the \"key\".\n\t /\n\tplaceholders?: { [K: string]: string };\n}\n\n// String.replaceAll should be used but is only available with ECMAScript 2021.\nconst replaceAll = function (text: string, search: string, replacement: string) {\n\treturn text.split(search).join(replacement);\n};\n\ntype Resources = Map<string, string>;\n\nexport class I18nService {\n\tprivate resourceMap = new Map<Generic.I18n.Locale.ISO_639_1, Resources>();\n\tlanguage: Generic.I18n.Locale.ISO_639_1;\n\n\tpublic constructor(initialLanguage?: Generic.I18n.Locale.ISO_639_1) {\n\t\tthis.language = initialLanguage ?? 'de';\n\t}\n\n\t/\n\t Adds a resource bundle for the specified language.\n\t * @param lng the language the bundle is for\n\t * @param translationMap the translations of the given language\n\t /\n\tpublic addTranslations(\n\t\ttranslations?:\n\t\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>\n\t\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[]\n\t\t\t\| Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>>,\n\t) {\n\t\tif (Array.isArray(translations)) {\n\t\t\ttranslations = new Set(translations);\n\t\t} else if (typeof translations === 'function') {\n\t\t\ttranslations = new Set([translations]);\n\t\t}\n\n\t\tif (translations !== undefined) {\n\t\t\ttranslations.forEach((t) =>\n\t\t\t\tt((l, t) => {\n\t\t\t\t\tlet resources = this.resourceMap.get(l);\n\t\t\t\t\tif (!resources) {\n\t\t\t\t\t\tresources = new Map<string, string>();\n\t\t\t\t\t\tthis.resourceMap.set(l, resources);\n\t\t\t\t\t}\n\n\t\t\t\t\tObject.entries(t).forEach(([k, v]) => {\n\t\t\t\t\t\tif (v) {\n\t\t\t\t\t\t\tresources.set(k, v);\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\treturn l;\n\t\t\t\t}),\n\t\t\t);\n\t\t}\n\t}\n\n\t/\n\t Set the current language.\n\t * @param lng the language the bundle is for\n\t /\n\tpublic setLanguage(lng: Generic.I18n.Locale.ISO_639_1) {\n\t\tthis.language = lng;\n\t}\n\n\t/\n\t Determines a human-readable translated text for the given resource key.\n\t * @param key the resource key\n\t * @param options optional translation parameters\n\t * @returns the translated text\n\t */\n\tpublic translate(key: string, options?: ITranslationOptions) {\n\t\tlet result = this.resourceMap.get(this.language)?.get(key);\n\t\tif (result) {\n\t\t\tif (options?.placeholders) {\n\t\t\t\tObject.entries(options.placeholders).forEach(([k, v]) => {\n\t\t\t\t\tresult = replaceAll(result!, `{{${k}}}`, v);\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tresult = key;\n\t\t}\n\t\treturn result;\n\t}\n}\n\nlet i18n: I18nService;\n\nexport const getI18nInstance = () => {\n\treturn i18n;\n};\n\nexport const initializeI18n = (\n\tlng: Generic.I18n.Locale.ISO_639_1,\n\ttranslations:\n\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>\n\t\t\| Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>[]\n\t\t\| Set<Generic.I18n.RegisterPatch<Generic.I18n.Locale.ISO_639_1, string, string>> = TRANSLATIONS,\n) => {\n\ti18n = new I18nService(lng);\n\ti18n.addTranslations(translations);\n\treturn i18n;\n};\n"],"version":3}

package/dist/components/kol-abbr.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{a as KolTooltipWcTag}from"./component-names.js";import"./common.js";import{v as validateLabel}from"./label.js";const defaultStyleCss='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}',KolAbbr$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.state={_label:""}}render(){return h(Host,{key:"94f9682f9dafc4621970a41bc2d713786e066763",class:"kol-abbr"},h("abbr",{key:"dcc26a9b0c264ee71a50857f6dad39b62e23454a",tabIndex:this.state._label?0:void 0},h("slot",{key:"061acba8e7ba7dc6b7895aeeb9e9642650fcf646"})),this.state._label?h(KolTooltipWcTag,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(n){validateLabel(this,n)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-abbr",{_label:[1],state:[32]},void 0,{_label:["validateLabel"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-abbr"].forEach(n=>{if("kol-abbr"===n)customElements.get(n)||customElements.define(n,KolAbbr$1)})}const KolAbbr=KolAbbr$1,defineCustomElement=defineCustomElement$1;export{KolAbbr,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{a as KolTooltipWcTag}from"./component-names.js";import"./common.js";import{v as validateLabel}from"./label.js";const defaultStyleCss='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}',KolAbbr$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.state={_label:""}}render(){return h(Host,{key:"94f9682f9dafc4621970a41bc2d713786e066763",class:"kol-abbr"},h("abbr",{key:"dcc26a9b0c264ee71a50857f6dad39b62e23454a",tabIndex:this.state._label?0:void 0},h("slot",{key:"061acba8e7ba7dc6b7895aeeb9e9642650fcf646"})),this.state._label?h(KolTooltipWcTag,{"aria-hidden":"true",_label:this.state._label}):null)}validateLabel(n){validateLabel(this,n)}componentWillLoad(){this.validateLabel(this._label)}static get watchers(){return{_label:["validateLabel"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-abbr",{_label:[1],state:[32]},void 0,{_label:["validateLabel"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-abbr"].forEach(n=>{if("kol-abbr"===n)customElements.get(n)||customElements.define(n,KolAbbr$1)})}const KolAbbr=KolAbbr$1,defineCustomElement=defineCustomElement$1;export{KolAbbr,defineCustomElement};

package/dist/components/kol-abbr.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kol-abbr.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,~~4sSAA4sS~~;;~~MCmBvtSA~~,SAAO,GAAAC,kBAAA,CAAA,MAAA,OAAA,SAAA,WAAA,CAAA;AAPpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;QAyBiB,IAAA,CAAA,KAAK,GAAe;AACnC,YAAA,MAAM,EAAE,EAAE;SACV;AAUD;IA7BO,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAErB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EACN,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA,eAAe,EAAa,EAAA,aAAA,EAAA,MAAM,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAA,CAAoB,GAAG,IAAI,CACvG;;AAcF,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;;IAGpB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["KolAbbr","__stencil_proxyCustomElement"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as ;\n@use '../tooltip/style.scss' as ;\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { KolTooltipWcTag } from '../../core/component-names';\nimport type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/*\n The Abbr component implements the HTML tag `abbr` with an accessible tooltip.\n * The tooltip for the description is displayed and read aloud when the Abbr component is focused or hovered.\n \n @slot - The abbreviation (short form).\n /\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements AbbrAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/ eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex /}\n\t\t\t\t<abbr tabIndex={this.state._label ? 0 : undefined}>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t\t{this.state._label ? <KolTooltipWcTag aria-hidden=\"true\" _label={this.state._label}></KolTooltipWcTag> : null}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t@State() public state: AbbrStates = {\n\t\t_label: '',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"version":3}
1	+ {"file":"kol-abbr.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,i2SAAi2S;;MCmB52SA,SAAO,GAAAC,kBAAA,CAAA,MAAA,OAAA,SAAA,WAAA,CAAA;AAPpB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;QAyBiB,IAAA,CAAA,KAAK,GAAe;AACnC,YAAA,MAAM,EAAE,EAAE;SACV;AAUD;IA7BO,MAAM,GAAA;AACZ,QAAA,QACC,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,UAAU,EAAA,EAErB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,SAAS,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACF,EACN,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAA,eAAe,EAAa,EAAA,aAAA,EAAA,MAAM,EAAC,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAA,CAAoB,GAAG,IAAI,CACvG;;AAcF,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC;;IAGpB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["KolAbbr","__stencil_proxyCustomElement"],"sources":["src/components/abbr/style.scss?tag=kol-abbr&mode=default&encapsulation=shadow","src/components/abbr/shadow.tsx"],"sourcesContent":["@use '../@shared/global' as ;\n@use '../tooltip/style.scss' as ;\n","import type { JSX } from '@stencil/core';\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { KolTooltipWcTag } from '../../core/component-names';\nimport type { AbbrAPI, AbbrStates, LabelPropType } from '../../schema';\nimport { validateLabel } from '../../schema';\n\n/*\n The Abbr component implements the HTML tag `abbr` with an accessible tooltip.\n * The tooltip for the description is displayed and read aloud when the Abbr component is focused or hovered.\n \n @slot - The abbreviation (short form).\n /\n@Component({\n\ttag: 'kol-abbr',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAbbr implements AbbrAPI {\n\tpublic render(): JSX.Element {\n\t\treturn (\n\t\t\t<Host class=\"kol-abbr\">\n\t\t\t\t{/ eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex /}\n\t\t\t\t<abbr tabIndex={this.state._label ? 0 : undefined}>\n\t\t\t\t\t<slot />\n\t\t\t\t</abbr>\n\t\t\t\t{this.state._label ? <KolTooltipWcTag aria-hidden=\"true\" _label={this.state._label}></KolTooltipWcTag> : null}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t */\n\t@Prop() public _label?: LabelPropType;\n\n\t@State() public state: AbbrStates = {\n\t\t_label: '',\n\t};\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateLabel(this._label);\n\t}\n}\n"],"version":3}

package/dist/components/kol-accordion.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{K as KolCollapsibleFc}from"./Collapsible.js";import{b as watchValidator,c as featureHint}from"./common.js";import{v as validateDisabled}from"./disabled.js";import{v as validateLabel}from"./label.js";import{v as validateOpen}from"./open.js";import{n as nonce}from"./dev.utils.js";import{d as delegateFocus,s as setFocus}from"./element-focus.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{w as watchHeadingLevel}from"./validation.js";const validateAccordionCallbacks=(n,e)=>{watchValidator(n,"_on",n=>"object"==typeof n&&null!==n,new Set(["AccordionCallbacksPropType {Events.onClick}"]),e)},defaultStyleCss='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition: none !important;\n    }\n  }\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    opacity: 0;\n    transform: scaleY(0);\n    transform-origin: top;\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    opacity: 1;\n    transform: scaleY(1);\n    visibility: visible;\n  }\n  .collapsible {\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__heading-button button .kol-span {\n    align-items: flex-start;\n  }\n  .collapsible--open:focus-within {\n    position: relative;\n    z-index: 100;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n}';featureHint("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.nonce=nonce(),this.setButtonWcRef=n=>{this.buttonWcRef=n},this.handleOnClick=n=>{this._open=!this._open,setTimeout(()=>{var e,t;null===(t=null===(e=this.state._on)||void 0===e?void 0:e.onClick)||void 0===t||t.call(e,n,!0===this._open),this.host&&dispatchDomEvent(this.host,KolEvent.click,!0===this._open)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){return delegateFocus(this.host,()=>setFocus(this.buttonWcRef))}render(){const{_open:n,_label:e,_disabled:t,_level:o}=this.state,i="kol-accordion",l={id:this.nonce,label:e,open:n,disabled:t,level:o,onClick:this.handleOnClick,class:i,HeadingProps:{class:`${i}__heading`},HeadingButtonProps:{ref:this.setButtonWcRef,class:`${i}__heading-button`},ContentProps:{class:`${i}__content`,wrapperClass:`${i}__wrapper`,animationClass:`${i}__wrapper-animation`}};return h(KolCollapsibleFc,Object.assign({key:"f27cb31fc43c4c9a8b46059260eb29b55330b7d1"},l),h("slot",{key:"9419f3f3501be8a84dd0619e41300cc4cd5ebd82"}))}validateDisabled(n){validateDisabled(this,n)}validateLabel(n){validateLabel(this,n,{required:!0})}validateLevel(n){watchHeadingLevel(this,n)}validateOn(n){validateAccordionCallbacks(this,n)}validateOpen(n){validateOpen(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return this}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-accordion",{_disabled:[4],_label:[1],_level:[2],_on:[16],_open:[1540],state:[32],focus:[64]},void 0,{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-accordion"].forEach(n=>{if("kol-accordion"===n)customElements.get(n)||customElements.define(n,KolAccordion$1)})}const KolAccordion=KolAccordion$1,defineCustomElement=defineCustomElement$1;export{KolAccordion,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{K as KolCollapsibleFc}from"./Collapsible.js";import{b as watchValidator,c as featureHint}from"./common.js";import{v as validateDisabled}from"./disabled.js";import{v as validateLabel}from"./label.js";import{v as validateOpen}from"./open.js";import{n as nonce}from"./dev.utils.js";import{d as delegateClick,s as setClick}from"./element-click.js";import{d as delegateFocus,s as setFocus}from"./element-focus.js";import{d as dispatchDomEvent,K as KolEvent}from"./events.js";import{w as watchHeadingLevel}from"./validation.js";const validateAccordionCallbacks=(n,e)=>{watchValidator(n,"_on",n=>"object"==typeof n&&null!==n,new Set(["AccordionCallbacksPropType {Events.onClick}"]),e)},defaultStyleCss='/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n/* For animation technique see https://css-tricks.com/css-grid-can-do-auto-height-transitions/ */\n@layer kol-component {\n  @media (prefers-reduced-motion) {\n    .collapsible__wrapper-animation, .collapsible__wrapper {\n      transition: none !important;\n    }\n  }\n  .collapsible {\n    /* @see https://github.com/public-ui/kolibri/issues/5952 */\n  }\n  @media print {\n    :not(.collapsible--open) .collapsible__wrapper-animation {\n      display: none;\n    }\n  }\n  .collapsible__wrapper {\n    /* Forces the element into its own GPU compositing layer (via 3D transform). Helps prevent rendering/layout bugs (e.g. #7511) and may improve animation performance. */\n    transform: translateZ(0);\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    grid-template-rows: 0fr;\n    transition: grid-template-rows 0.3s;\n  }\n  .collapsible__wrapper-animation {\n    opacity: 0;\n    transform: scaleY(0);\n    transform-origin: top;\n    min-height: 0;\n    /* This property is important to keep in sync with the visual transition (template-rows). Without it interactive elements within the accordion would stay focusable. */\n    visibility: hidden;\n    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;\n  }\n  .collapsible--open .collapsible__wrapper {\n    grid-template-rows: 1fr;\n  }\n  .collapsible--open .collapsible__wrapper-animation {\n    opacity: 1;\n    transform: scaleY(1);\n    visibility: visible;\n  }\n  .collapsible {\n    /*\n          * Inside a button, the caption text is always centered.\n          * So we have to align the text to the left.\n          */\n  }\n  .collapsible__heading-button button .kol-span {\n    align-items: flex-start;\n  }\n  .collapsible--open:focus-within {\n    position: relative;\n    z-index: 100;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n}';featureHint("[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend"),featureHint("[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.");const KolAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this.nonce=nonce(),this.setButtonWcRef=n=>{this.buttonWcRef=n},this.handleOnClick=n=>{this._open=!this._open,setTimeout(()=>{var e,t;null===(t=null===(e=this.state._on)||void 0===e?void 0:e.onClick)||void 0===t||t.call(e,n,!0===this._open),this.host&&dispatchDomEvent(this.host,KolEvent.click,!0===this._open)})},this._disabled=!1,this._level=0,this._open=!1,this.state={_label:"",_level:0,_on:{}}}async focus(){return delegateFocus(this.host,()=>setFocus(this.buttonWcRef))}async click(){return delegateClick(this.host,async()=>setClick(this.buttonWcRef))}render(){const{_open:n,_label:e,_disabled:t,_level:o}=this.state,i="kol-accordion",l={id:this.nonce,label:e,open:n,disabled:t,level:o,onClick:this.handleOnClick,class:i,HeadingProps:{class:`${i}__heading`},HeadingButtonProps:{ref:this.setButtonWcRef,class:`${i}__heading-button`},ContentProps:{class:`${i}__content`,wrapperClass:`${i}__wrapper`,animationClass:`${i}__wrapper-animation`}};return h(KolCollapsibleFc,Object.assign({key:"93edb8c6b3a39cfd468028a47214725a77ac6f67"},l),h("slot",{key:"1ac556846b4eeb89f9d61e4158160212f9170b25"}))}validateDisabled(n){validateDisabled(this,n)}validateLabel(n){validateLabel(this,n,{required:!0})}validateLevel(n){watchHeadingLevel(this,n)}validateOn(n){validateAccordionCallbacks(this,n)}validateOpen(n){validateOpen(this,n)}componentWillLoad(){this.validateDisabled(this._disabled),this.validateLabel(this._label),this.validateLevel(this._level),this.validateOn(this._on),this.validateOpen(this._open)}get host(){return this}static get watchers(){return{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}}static get style(){return{default:defaultStyleCss}}},[289,"kol-accordion",{_disabled:[4],_label:[1],_level:[2],_on:[16],_open:[1540],state:[32],focus:[64],click:[64]},void 0,{_disabled:["validateDisabled"],_label:["validateLabel"],_level:["validateLevel"],_on:["validateOn"],_open:["validateOpen"]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-accordion"].forEach(n=>{if("kol-accordion"===n)customElements.get(n)||customElements.define(n,KolAccordion$1)})}const KolAccordion=KolAccordion$1,defineCustomElement=defineCustomElement$1;export{KolAccordion,defineCustomElement};

package/dist/components/kol-accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"kol-accordion.js","mappings":"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","names":["KolAccordion","__stencil_proxyCustomElement"],"sources":["src/schema/props/accordion-callbacks.ts","src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types /\nexport type AccordionCallbacksPropType<T> = {\n\t[Callback.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n};\n\n/\n Defines the callback functions for accordion events.\n /\nexport type PropAccordionCallbacks<T> = {\n\ton: AccordionCallbacksPropType<T>;\n};\n\n/ validator /\nexport const validateAccordionCallbacks = (component: Generic.Element.Component, value?: AccordionCallbacksPropType<boolean>): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n","@use '../@shared/global' as ;\n@use '../host-display-block' as ;\n@use '../@shared/collapsible.mixin' as ;\n@use '../@shared/icon.mixin' as ;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport KolCollapsibleFc, { type CollapsibleProps } from '../../functional-components/Collapsible';\nimport type {\n\tAccordionAPI,\n\tAccordionCallbacksPropType,\n\tAccordionStates,\n\tDisabledPropType,\n\tFocusableElement,\n\tHeadingLevel,\n\tLabelPropType,\n\tOpenPropType,\n} from '../../schema';\nimport { featureHint, validateAccordionCallbacks, validateDisabled, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { watchHeadingLevel } from '../heading/validation';\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\n\n/\n The Accordion component is a collapsible menu. Clicking the header area — consisting of an icon and a heading — expands the content to reveal additional information. It is an interactive navigation element designed to present extensive content in a space-saving manner.\n \n Accordions are used whenever content associated with a thematic heading needs to be shown or hidden. They allow more detailed information for a heading than would normally be practical, leaving it to the users to decide whether to view that information.\n \n @slot - Allows arbitrary HTML to be inserted into the content area of the accordion.\n /\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements AccordionAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolAccordionElement;\n\n\tprivate readonly nonce = nonce();\n\tprivate buttonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly setButtonWcRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.buttonWcRef = ref;\n\t};\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.buttonWcRef!));\n\t}\n\n\tprivate handleOnClick = (event: MouseEvent) => {\n\t\tthis._open = !this._open;\n\n\t\t/\n\t\t Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t /\n\t\tsetTimeout(() => {\n\t\t\tthis.state._on?.onClick?.(event, this._open === true);\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.click, this._open === true);\n\t\t\t}\n\t\t});\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _open, _label, _disabled, _level } = this.state;\n\t\tconst rootClass = 'kol-accordion';\n\n\t\tconst props: CollapsibleProps = {\n\t\t\tid: this.nonce,\n\t\t\tlabel: _label,\n\t\t\topen: _open,\n\t\t\tdisabled: _disabled,\n\t\t\tlevel: _level,\n\t\t\tonClick: this.handleOnClick,\n\t\t\tclass: rootClass,\n\t\t\tHeadingProps: { class: `${rootClass}__heading` },\n\t\t\tHeadingButtonProps: {\n\t\t\t\tref: this.setButtonWcRef,\n\t\t\t\tclass: `${rootClass}__heading-button`,\n\t\t\t},\n\t\t\tContentProps: {\n\t\t\t\tclass: `${rootClass}__content`,\n\t\t\t\twrapperClass: `${rootClass}__wrapper`,\n\t\t\t\tanimationClass: `${rootClass}__wrapper-animation`,\n\t\t\t},\n\t\t};\n\n\t\treturn (\n\t\t\t<KolCollapsibleFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolCollapsibleFc>\n\t\t);\n\t}\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() public _label!: string;\n\n\t/\n\t Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t /\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t/\n\t Gibt die EventCallback-Funktionen an.\n\t /\n\t@Prop() public _on?: AccordionCallbacksPropType<boolean>;\n\n\t/\n\t Opens/expands the element when truthy, closes/collapses when falsy.\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: AccordionStates = {\n\t\t_label: '', // ⚠ required\n\t\t_level: 0,\n\t\t_on: {},\n\t};\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(on?: AccordionCallbacksPropType<boolean>): void {\n\t\tvalidateAccordionCallbacks(this, on);\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n}\n"],"version":3}
1	+ {"file":"kol-accordion.js","mappings":";;;;;;;;;;;;;;;AAkBO,MAAM,0BAA0B,GAAG,CAAC,SAAoC,EAAE,KAA2C,KAAU;AACrI,IAAA,cAAc,CAAC,SAAS,EAAE,CAAA,GAAA,CAAK,EAAE,CAAC,KAAK,KAAK,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,IAAI,GAAG,CAAC,CAAC,6CAA6C,CAAC,CAAC,EAAE,KAAK,CAAC;AAC1J,CAAC;;ACpBD,MAAM,eAAe,GAAG,6lTAA6lT;;ACqBrnT,WAAW,CAAC,CAAA;;;;AAI6B,wCAAA,CAAA,CAAC;AAC1C,WAAW,CAAC,CAAiE,+DAAA,CAAA,CAAC;MAgBjEA,cAAY,GAAAC,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;AAPzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAUkB,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK,EAAE;AAGf,QAAA,IAAA,CAAA,cAAc,GAAG,CAAC,GAA4B,KAAI;AAClE,YAAA,IAAI,CAAC,WAAW,GAAG,GAAG;AACvB,SAAC;AAkBO,QAAA,IAAA,CAAA,aAAa,GAAG,CAAC,KAAiB,KAAI;AAC7C,YAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK;YAQxB,UAAU,CAAC,MAAK;;gBACf,CAAA,EAAA,GAAA,MAAA,IAAI,CAAC,KAAK,CAAC,GAAG,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,OAAO,MAAG,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC;AACrD,gBAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACd,oBAAA,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC;;AAElE,aAAC,CAAC;AACH,SAAC;AAoCc,QAAA,IAAS,CAAA,SAAA,GAAa,KAAK;AAU3B,QAAA,IAAM,CAAA,MAAA,GAAkB,CAAC;AAWO,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;QAEtD,IAAA,CAAA,KAAK,GAAoB;AACxC,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,GAAG,EAAE,EAAE;SACP;AAoCD;AA9HO,IAAA,MAAM,KAAK,GAAA;AACjB,QAAA,OAAO,aAAa,CAAC,IAAI,CAAC,IAAK,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAY,CAAC,CAAC;;AAO7D,IAAA,MAAM,KAAK,GAAA;AACjB,QAAA,OAAO,aAAa,CAAC,IAAI,CAAC,IAAK,EAAE,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAY,CAAC,CAAC;;IAoBnE,MAAM,GAAA;AACZ,QAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK;QACvD,MAAM,SAAS,GAAG,eAAe;AAEjC,QAAA,MAAM,KAAK,GAAqB;YAC/B,EAAE,EAAE,IAAI,CAAC,KAAK;AACd,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,KAAK;AACX,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,IAAI,CAAC,aAAa;AAC3B,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,YAAY,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,SAAS,WAAW,EAAE;AAChD,YAAA,kBAAkB,EAAE;gBACnB,GAAG,EAAE,IAAI,CAAC,cAAc;gBACxB,KAAK,EAAE,CAAG,EAAA,SAAS,CAAkB,gBAAA,CAAA;AACrC,aAAA;AACD,YAAA,YAAY,EAAE;gBACb,KAAK,EAAE,CAAG,EAAA,SAAS,CAAW,SAAA,CAAA;gBAC9B,YAAY,EAAE,CAAG,EAAA,SAAS,CAAW,SAAA,CAAA;gBACrC,cAAc,EAAE,CAAG,EAAA,SAAS,CAAqB,mBAAA,CAAA;AACjD,aAAA;SACD;AAED,QAAA,QACC,CAAA,CAAC,gBAAgB,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAK,KAAK,CAAA,EAC1B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACU;;AAqCd,IAAA,gBAAgB,CAAC,KAAwB,EAAA;AAC/C,QAAA,gBAAgB,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIvB,IAAA,aAAa,CAAC,KAAqB,EAAA;AACzC,QAAA,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,QAAQ,EAAE,IAAI;AACd,SAAA,CAAC;;AAII,IAAA,aAAa,CAAC,KAAoB,EAAA;AACxC,QAAA,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC;;AAIxB,IAAA,UAAU,CAAC,EAAwC,EAAA;AACzD,QAAA,0BAA0B,CAAC,IAAI,EAAE,EAAE,CAAC;;AAI9B,IAAA,YAAY,CAAC,KAAoB,EAAA;AACvC,QAAA,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC;;IAGnB,iBAAiB,GAAA;AACvB,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC;AACrC,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["KolAccordion","__stencil_proxyCustomElement"],"sources":["src/schema/props/accordion-callbacks.ts","src/components/accordion/style.scss?tag=kol-accordion&mode=default&encapsulation=shadow","src/components/accordion/shadow.tsx"],"sourcesContent":["import type { Generic } from 'adopted-style-sheets';\nimport type { Callback } from '../enums';\nimport type { EventValueOrEventCallback } from '../types/callbacks';\nimport { watchValidator } from '../utils';\n\n/* types /\nexport type AccordionCallbacksPropType<T> = {\n\t[Callback.onClick]?: EventValueOrEventCallback<MouseEvent, T>;\n};\n\n/\n Defines the callback functions for accordion events.\n /\nexport type PropAccordionCallbacks<T> = {\n\ton: AccordionCallbacksPropType<T>;\n};\n\n/ validator /\nexport const validateAccordionCallbacks = (component: Generic.Element.Component, value?: AccordionCallbacksPropType<boolean>): void => {\n\twatchValidator(component, `_on`, (value) => typeof value === 'object' && value !== null, new Set(['AccordionCallbacksPropType {Events.onClick}']), value);\n};\n","@use '../@shared/global' as ;\n@use '../host-display-block' as ;\n@use '../@shared/collapsible.mixin' as ;\n@use '../@shared/icon.mixin' as ;\n\n@layer kol-component {\n\t@include kol-icon-styles();\n}\n","// https://codepen.io/mbxtr/pen/OJPOYg?html-preprocessor=haml\nimport type { JSX } from '@stencil/core';\nimport { Component, Element, h, Method, Prop, State, Watch } from '@stencil/core';\nimport KolCollapsibleFc, { type CollapsibleProps } from '../../functional-components/Collapsible';\nimport type {\n\tAccordionAPI,\n\tAccordionCallbacksPropType,\n\tAccordionStates,\n\tDisabledPropType,\n\tFocusableElement,\n\tHeadingLevel,\n\tLabelPropType,\n\tOpenPropType,\n} from '../../schema';\nimport { featureHint, validateAccordionCallbacks, validateDisabled, validateLabel, validateOpen } from '../../schema';\nimport { nonce } from '../../utils/dev.utils';\nimport { delegateClick, setClick } from '../../utils/element-click';\nimport { delegateFocus, setFocus } from '../../utils/element-focus';\nimport { dispatchDomEvent, KolEvent } from '../../utils/events';\nimport { watchHeadingLevel } from '../heading/validation';\n\nfeatureHint(`[KolAccordion] Anfrage nach einer KolAccordionGroup bei dem immer nur ein Accordion geöffnet ist.\n\n- onClick auf der KolAccordion anwenden\n- Click-Event prüft den _open-Status der Accordions\n- Logik Öffnet und Schließt entsprechend`);\nfeatureHint(`[KolAccordion] Tab-Sperre des Inhalts im geschlossenen Zustand.`);\n\n/\n The Accordion component is a collapsible menu. Clicking the header area — consisting of an icon and a heading — expands the content to reveal additional information. It is an interactive navigation element designed to present extensive content in a space-saving manner.\n \n Accordions are used whenever content associated with a thematic heading needs to be shown or hidden. They allow more detailed information for a heading than would normally be practical, leaving it to the users to decide whether to view that information.\n \n @slot - Allows arbitrary HTML to be inserted into the content area of the accordion.\n /\n@Component({\n\ttag: 'kol-accordion',\n\tstyleUrls: {\n\t\tdefault: './style.scss',\n\t},\n\tshadow: true,\n})\nexport class KolAccordion implements AccordionAPI, FocusableElement {\n\t@Element() private readonly host?: HTMLKolAccordionElement;\n\n\tprivate readonly nonce = nonce();\n\tprivate buttonWcRef?: HTMLKolButtonWcElement;\n\n\tprivate readonly setButtonWcRef = (ref?: HTMLKolButtonWcElement) => {\n\t\tthis.buttonWcRef = ref;\n\t};\n\n\t/\n\t Sets focus on the internal element.\n\t /\n\t@Method()\n\tpublic async focus(): Promise<void> {\n\t\treturn delegateFocus(this.host!, () => setFocus(this.buttonWcRef!));\n\t}\n\n\t/\n\t Triggers a click on the trigger button of the first section.\n\t /\n\t@Method()\n\tpublic async click(): Promise<void> {\n\t\treturn delegateClick(this.host!, async () => setClick(this.buttonWcRef!));\n\t}\n\n\tprivate handleOnClick = (event: MouseEvent) => {\n\t\tthis._open = !this._open;\n\n\t\t/\n\t\t Der Timeout wird benötigt, damit das Event\n\t\t * vom Button- auf das Accordion-Event wechselt.\n\t\t * So ist es dem Anwendenden möglich das _open-\n\t\t * Attribute abzufragen.\n\t\t /\n\t\tsetTimeout(() => {\n\t\t\tthis.state._on?.onClick?.(event, this._open === true);\n\t\t\tif (this.host) {\n\t\t\t\tdispatchDomEvent(this.host, KolEvent.click, this._open === true);\n\t\t\t}\n\t\t});\n\t};\n\n\tpublic render(): JSX.Element {\n\t\tconst { _open, _label, _disabled, _level } = this.state;\n\t\tconst rootClass = 'kol-accordion';\n\n\t\tconst props: CollapsibleProps = {\n\t\t\tid: this.nonce,\n\t\t\tlabel: _label,\n\t\t\topen: _open,\n\t\t\tdisabled: _disabled,\n\t\t\tlevel: _level,\n\t\t\tonClick: this.handleOnClick,\n\t\t\tclass: rootClass,\n\t\t\tHeadingProps: { class: `${rootClass}__heading` },\n\t\t\tHeadingButtonProps: {\n\t\t\t\tref: this.setButtonWcRef,\n\t\t\t\tclass: `${rootClass}__heading-button`,\n\t\t\t},\n\t\t\tContentProps: {\n\t\t\t\tclass: `${rootClass}__content`,\n\t\t\t\twrapperClass: `${rootClass}__wrapper`,\n\t\t\t\tanimationClass: `${rootClass}__wrapper-animation`,\n\t\t\t},\n\t\t};\n\n\t\treturn (\n\t\t\t<KolCollapsibleFc {...props}>\n\t\t\t\t<slot />\n\t\t\t</KolCollapsibleFc>\n\t\t);\n\t}\n\n\t/\n\t Makes the element not focusable and ignore all events.\n\t /\n\t@Prop() public _disabled?: boolean = false;\n\n\t/\n\t Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).\n\t /\n\t@Prop() public _label!: string;\n\n\t/\n\t Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.\n\t /\n\t@Prop() public _level?: HeadingLevel = 0;\n\n\t/\n\t Gibt die EventCallback-Funktionen an.\n\t /\n\t@Prop() public _on?: AccordionCallbacksPropType<boolean>;\n\n\t/\n\t Opens/expands the element when truthy, closes/collapses when falsy.\n\t * @TODO: Change type back to `OpenPropType` after Stencil#4663 has been resolved.\n\t */\n\t@Prop({ mutable: true, reflect: true }) public _open?: boolean = false;\n\n\t@State() public state: AccordionStates = {\n\t\t_label: '', // ⚠ required\n\t\t_level: 0,\n\t\t_on: {},\n\t};\n\n\t@Watch('_disabled')\n\tpublic validateDisabled(value?: DisabledPropType): void {\n\t\tvalidateDisabled(this, value);\n\t}\n\n\t@Watch('_label')\n\tpublic validateLabel(value?: LabelPropType): void {\n\t\tvalidateLabel(this, value, {\n\t\t\trequired: true,\n\t\t});\n\t}\n\n\t@Watch('_level')\n\tpublic validateLevel(value?: HeadingLevel): void {\n\t\twatchHeadingLevel(this, value);\n\t}\n\n\t@Watch('_on')\n\tpublic validateOn(on?: AccordionCallbacksPropType<boolean>): void {\n\t\tvalidateAccordionCallbacks(this, on);\n\t}\n\n\t@Watch('_open')\n\tpublic validateOpen(value?: OpenPropType): void {\n\t\tvalidateOpen(this, value);\n\t}\n\n\tpublic componentWillLoad(): void {\n\t\tthis.validateDisabled(this._disabled);\n\t\tthis.validateLabel(this._label);\n\t\tthis.validateLevel(this._level);\n\t\tthis.validateOn(this._on);\n\t\tthis.validateOpen(this._open);\n\t}\n}\n"],"version":3}

package/dist/components/kol-alert.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{b as KolAlertWcTag}from"./component-names.js";const defaultStyleCss='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774621104972"); /* IE9*/\n  src: url("kolicons.eot?t=1774621104972#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774621104972") format("woff2"), url("kolicons.woff?t=1774621104972") format("woff"), url("kolicons.ttf?t=1774621104972") format("truetype"), url("kolicons.svg?t=1774621104972#kolicons") format("svg"); /* iOS 4.1- */\n}\n[class^=kolicon-], [class*=" kolicon-"] {\n  font-family: "kolicons";\n  font-style: normal;\n  font-weight: 400;\n  line-height: 1em;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.kolicon-alert-error::before {\n  content: "\\ea01";\n}\n\n.kolicon-alert-info::before {\n  content: "\\ea02";\n}\n\n.kolicon-alert-success::before {\n  content: "\\ea03";\n}\n\n.kolicon-alert-warning::before {\n  content: "\\ea04";\n}\n\n.kolicon-check::before {\n  content: "\\ea05";\n}\n\n.kolicon-chevron-double-left::before {\n  content: "\\ea06";\n}\n\n.kolicon-chevron-double-right::before {\n  content: "\\ea07";\n}\n\n.kolicon-chevron-down::before {\n  content: "\\ea08";\n}\n\n.kolicon-chevron-left::before {\n  content: "\\ea09";\n}\n\n.kolicon-chevron-right::before {\n  content: "\\ea0a";\n}\n\n.kolicon-chevron-up::before {\n  content: "\\ea0b";\n}\n\n.kolicon-cogwheel::before {\n  content: "\\ea0c";\n}\n\n.kolicon-cross::before {\n  content: "\\ea0d";\n}\n\n.kolicon-eye-closed::before {\n  content: "\\ea0e";\n}\n\n.kolicon-eye::before {\n  content: "\\ea0f";\n}\n\n.kolicon-house::before {\n  content: "\\ea10";\n}\n\n.kolicon-kolibri::before {\n  content: "\\ea11";\n}\n\n.kolicon-link-external::before {\n  content: "\\ea12";\n}\n\n.kolicon-link::before {\n  content: "\\ea13";\n}\n\n.kolicon-minus::before {\n  content: "\\ea14";\n}\n\n.kolicon-plus::before {\n  content: "\\ea15";\n}\n\n.kolicon-settings::before {\n  content: "\\ea16";\n}\n\n.kolicon-sort-asc::before {\n  content: "\\ea17";\n}\n\n.kolicon-sort-desc::before {\n  content: "\\ea18";\n}\n\n.kolicon-sort-neutral::before {\n  content: "\\ea19";\n}\n\n.kolicon-up::before {\n  content: "\\ea1a";\n}\n\n.kolicon-version::before {\n  content: "\\ea1b";\n}\n\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n}',KolAlert$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0}}render(){return h(KolAlertWcTag,{key:"721b696fb334639b5996187b75774aa357e7131c",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},h("slot",{key:"49b4a02832d1ce95880243eaeb88bab7211f8137"}))}static get style(){return{default:defaultStyleCss}}},[289,"kol-alert",{_alert:[4],_hasCloser:[4,"_has-closer"],_label:[1],_level:[2],_on:[16],_type:[1],_variant:[1],state:[32]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-alert"].forEach(n=>{if("kol-alert"===n)customElements.get(n)||customElements.define(n,KolAlert$1)})}const KolAlert=KolAlert$1,defineCustomElement=defineCustomElement$1;export{KolAlert,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";import{b as KolAlertWcTag}from"./component-names.js";const defaultStyleCss='@charset "UTF-8";\n/*\n* This file defines the layer order for all CSS layers used in KoliBri.\n* The order is important as it determines the cascade priority.\n*\n* Layer order (lowest to highest priority):\n* 1. kol-a11y - Accessibility defaults and requirements\n* 2. kol-global - Global component styles and resets\n* 3. kol-component - Component-specific styles\n* 4. kol-theme-global - Theme-specific global styles\n* 5. kol-theme-component - Theme-specific component styles\n*/\n@layer kol-a11y, kol-global, kol-component, kol-theme-global, kol-theme-component;\n/* forward the rem function */\n/*\n * This file contains all rules for accessibility.\n */\n@layer kol-a11y {\n  :host {\n    /*\n                   * Minimum size of interactive elements.\n                   */\n    --a11y-min-size: calc(44 * 1rem / var(--kolibri-root-font-size, 16));\n    /*\n     * No element should be used without verifying the contrast ratio of its background and font colors.\n     * By initially setting the background color to white and the font color to black,\n     * the contrast ratio is ensured and explicit adjustment is forced.\n     */\n    color: black;\n    background-color: white;\n    /*\n     * Verdana is an accessible font that can be used without requiring additional loading time.\n     */\n    font-family: Verdana;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n    /*\n     * Text should be aligned left by default to provide a predictable starting point.\n     */\n    text-align: left;\n  }\n  * {\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    hyphens: auto;\n    /*\n     * This rule enables the word dividing for all texts. That is important for high zoom levels.\n     */\n    word-break: break-word;\n  }\n  /*\n   * All interactive elements should have a minimum size of to-rem(44).\n   */\n  /* input:not([type=\'checkbox\'], [type=\'radio\'], [type=\'range\']), */\n  /* option, */\n  /* select, */\n  /* textarea, */\n  button,\n  .kol-input .input {\n    min-width: var(--a11y-min-size);\n    min-height: var(--a11y-min-size);\n  }\n  /*\n   * Some interactive elements should not inherit the font-family and font-size.\n   */\n  a,\n  button,\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6,\n  input,\n  option,\n  select,\n  textarea {\n    /*\n     * All elements should inherit the text color from his parent element.\n     */\n    color: inherit;\n    /*\n     * All elements should inherit the font family from his parent element.\n     */\n    font-family: inherit;\n    /*\n     * All elements should inherit the font size from his parent element.\n     */\n    font-size: inherit;\n    /*\n     * Letter spacing is required for all texts.\n     */\n    letter-spacing: inherit;\n    /*\n     * Word spacing is required for all texts.\n     */\n    word-spacing: inherit;\n  }\n  /**\n  * Sometimes we need the semantic element for accessibility reasons,\n  * but we don\'t want to show it.\n  *\n  * - https://www.a11yproject.com/posts/how-to-hide-content/\n  */\n  .visually-hidden {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 1px;\n    height: 1px;\n    overflow: hidden;\n    white-space: nowrap;\n    clip-path: inset(50%);\n  }\n}\n@layer kol-global {\n  /*\n   * Dieses CSS stellt sicher, dass der Standard-Style\n   * von A und Button resettet werden.\n   */\n  :is(a, button) {\n    background-color: transparent;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    border: none;\n    /* 100% needed for custom width from outside */\n  }\n  /*\n   * Ensure elements with hidden attribute to be actually not visible\n   * @see https://meowni.ca/hidden.is.a.lie.html\n   */\n  [hidden] {\n    display: none !important;\n  }\n  .badge-text-hint {\n    color: black;\n    background-color: lightgray;\n  }\n}\n@layer kol-global {\n  :host {\n    /*\n     * The max-width is needed to prevent the table from overflowing the\n     * parent node, if the table is wider than the parent node.\n     */\n    max-width: 100%;\n    font-size: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  * {\n    /*\n     * We prefer to box-sizing: border-box for all elements.\n     */\n    box-sizing: border-box;\n  }\n  .kol-span {\n    /* KolSpan is a layout component with icons in all directions and a label text in the middle. */\n    display: flex;\n    flex-flow: column;\n    align-items: center;\n    justify-content: center;\n    /* The sub span in KolSpan is the horizontal span with icon left and right and the label text in the middle. */\n  }\n  .kol-span__container {\n    display: flex;\n    align-items: center;\n  }\n  a,\n  button {\n    cursor: pointer;\n  }\n  .kol-span .kol-span__label--hide-label .kol-span__label {\n    display: none;\n  }\n  /* Reset browser agent style. */\n  button:disabled {\n    color: unset;\n  }\n  .disabled label,\n  .disabled:focus-within label,\n  [aria-disabled=true],\n  [aria-disabled=true]:focus,\n  [disabled],\n  [disabled]:focus {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  [aria-disabled=true]:focus .kol-span,\n  [disabled]:focus .kol-span {\n    outline: none !important;\n  }\n  .hastooltip {\n    z-index: 900 !important;\n  }\n}\n@layer kol-component {\n  :host {\n    display: block;\n  }\n}\n@font-face {\n  font-family: "kolicons";\n  src: url("kolicons.eot?t=1774956515321"); /* IE9*/\n  src: url("kolicons.eot?t=1774956515321#iefix") format("embedded-opentype"), url("kolicons.woff2?t=1774956515321") format("woff2"), url("kolicons.woff?t=1774956515321") format("woff"), url("kolicons.ttf?t=1774956515321") format("truetype"), url("kolicons.svg?t=1774956515321#kolicons") format("svg"); /* iOS 4.1- */\n}\n@layer kol-component {\n  [class^=kolicon-], [class*=" kolicon-"] {\n    font-family: "kolicons";\n    font-style: normal;\n    font-weight: 400;\n    line-height: 1em;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n  .kolicon-alert-error::before {\n    content: "\\ea01";\n  }\n  .kolicon-alert-info::before {\n    content: "\\ea02";\n  }\n  .kolicon-alert-success::before {\n    content: "\\ea03";\n  }\n  .kolicon-alert-warning::before {\n    content: "\\ea04";\n  }\n  .kolicon-check::before {\n    content: "\\ea05";\n  }\n  .kolicon-chevron-double-left::before {\n    content: "\\ea06";\n  }\n  .kolicon-chevron-double-right::before {\n    content: "\\ea07";\n  }\n  .kolicon-chevron-down::before {\n    content: "\\ea08";\n  }\n  .kolicon-chevron-left::before {\n    content: "\\ea09";\n  }\n  .kolicon-chevron-right::before {\n    content: "\\ea0a";\n  }\n  .kolicon-chevron-up::before {\n    content: "\\ea0b";\n  }\n  .kolicon-cogwheel::before {\n    content: "\\ea0c";\n  }\n  .kolicon-cross::before {\n    content: "\\ea0d";\n  }\n  .kolicon-eye-closed::before {\n    content: "\\ea0e";\n  }\n  .kolicon-eye::before {\n    content: "\\ea0f";\n  }\n  .kolicon-house::before {\n    content: "\\ea10";\n  }\n  .kolicon-kolibri::before {\n    content: "\\ea11";\n  }\n  .kolicon-link-external::before {\n    content: "\\ea12";\n  }\n  .kolicon-link::before {\n    content: "\\ea13";\n  }\n  .kolicon-minus::before {\n    content: "\\ea14";\n  }\n  .kolicon-plus::before {\n    content: "\\ea15";\n  }\n  .kolicon-settings::before {\n    content: "\\ea16";\n  }\n  .kolicon-sort-asc::before {\n    content: "\\ea17";\n  }\n  .kolicon-sort-desc::before {\n    content: "\\ea18";\n  }\n  .kolicon-sort-neutral::before {\n    content: "\\ea19";\n  }\n  .kolicon-up::before {\n    content: "\\ea1a";\n  }\n  .kolicon-version::before {\n    content: "\\ea1b";\n  }\n}\n@layer kol-component {\n  .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-tooltip {\n    display: contents;\n  }\n  .kol-tooltip__floating {\n    opacity: 0;\n    display: none;\n    position: fixed;\n    /* Avoid layout interference - see https://floating-ui.com/docs/computePosition */\n    top: 0;\n    left: 0;\n    /* Can be used to specify the tooltip-width from the outside. Unset by default.  */\n    width: var(--kol-tooltip-width, max-content);\n    min-width: calc(8 * 1rem / var(--kolibri-root-font-size, 16));\n    max-width: 90vw;\n    max-height: 90vh;\n    animation-direction: normal;\n    /* Can be used to specify the animation duration from the outside. 250ms by default. */\n    animation-duration: var(--kolibri-tooltip-animation-duration, 250ms);\n    animation-fill-mode: forwards;\n    animation-iteration-count: 1;\n    animation-timing-function: ease-in;\n  }\n  .kol-tooltip__floating.hide {\n    animation-name: hideTooltip;\n  }\n  .kol-tooltip__floating.show {\n    animation-name: showTooltip;\n  }\n  .kol-tooltip__arrow {\n    transform: rotate(45deg);\n    color: #000;\n    background-color: #fff;\n    position: absolute;\n    z-index: 999;\n    width: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n    height: calc(10 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tooltip__content {\n    color: #000;\n    background-color: #fff;\n    position: relative;\n    z-index: 1000;\n  }\n  @keyframes hideTooltip {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n      display: none;\n    }\n  }\n  @keyframes showTooltip {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n}\n@layer kol-component {\n  .kol-alert .kol-icon {\n    color: inherit;\n    display: inline-block;\n    font-size: inherit;\n    font-weight: inherit;\n    line-height: inherit;\n  }\n  .kol-alert :host {\n    display: inline-block;\n  }\n  .kol-alert .kol-button {\n    display: flex;\n    min-height: var(--a11y-min-size);\n    font-style: calc(16 * 1rem / var(--kolibri-root-font-size, 16));\n    text-decoration-line: none;\n  }\n  .kol-alert .kol-button::before {\n    /* Render zero-width character as first element to set the baseline correctly. */\n    content: "";\n  }\n  .kol-alert .kol-button__text {\n    flex: 1 0 100%;\n  }\n  .kol-alert {\n    display: grid;\n  }\n  .kol-alert__container {\n    display: flex;\n    place-items: center;\n  }\n  .kol-alert__container-content {\n    flex-grow: 1;\n  }\n  .kol-alert__closer {\n    /* Visible with forced colors */\n    outline: transparent solid calc(1 * 1rem / var(--kolibri-root-font-size, 16));\n  }\n}',KolAlert$1=proxyCustomElement(class extends HTMLElement{constructor(n){super(),!1!==n&&this.__registerHost(),this.__attachShadow(),this._alert=!1,this._hasCloser=!1,this._level=0,this._type="default",this._variant="msg",this.state={_level:0}}render(){return h(KolAlertWcTag,{key:"721b696fb334639b5996187b75774aa357e7131c",_alert:this._alert,_hasCloser:this._hasCloser,_label:this._label,_level:this._level,_on:this._on,_type:this._type,_variant:this._variant},h("slot",{key:"49b4a02832d1ce95880243eaeb88bab7211f8137"}))}static get style(){return{default:defaultStyleCss}}},[289,"kol-alert",{_alert:[4],_hasCloser:[4,"_has-closer"],_label:[1],_level:[2],_on:[16],_type:[1],_variant:[1],state:[32]}]);function defineCustomElement$1(){if("undefined"==typeof customElements)return;["kol-alert"].forEach(n=>{if("kol-alert"===n)customElements.get(n)||customElements.define(n,KolAlert$1)})}const KolAlert=KolAlert$1,defineCustomElement=defineCustomElement$1;export{KolAlert,defineCustomElement};