@public-ui/components 1.1.10-rc.5 → 1.1.10-rc.7

package/www/build/kolibri.esm.js

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - the accessible web component library
  */
-import{p as e,b as a}from"./index-bc1a7f22.js";import{g as _}from"./app-globals-87803a5f.js";import"./dev.utils-bbaf8793.js";import"./index-315c6aa5.js";(()=>{const a=import.meta.url,_={};return""!==a&&(_.resourcesUrl=new URL(".",a).href),e(_)})().then((e=>(_(),a(JSON.parse('[["kol-table",[[33,"kol-table",{"_caption":[1],"_data":[1],"_headers":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"state":[32]}]]],["kol-abbr",[[33,"kol-abbr",{"_tooltipAlign":[1,"_tooltip-align"],"_title":[1],"state":[32]}]]],["kol-details",[[33,"kol-details",{"_open":[1540],"_summary":[1],"state":[32]}]]],["kol-accordion",[[33,"kol-accordion",{"_heading":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_label":[1],"state":[32]}]]],["kol-tooltip",[[32,"kol-tooltip",{"_align":[1],"_id":[1],"_label":[1],"state":[32]}]]],["kol-input-adapter-leanup",[[1,"kol-input-adapter-leanup"]]],["kol-input-radio-group",[[1,"kol-input-radio-group",{"_accessKey":[1,"_access-key"],"_alert":[516],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[4],"_tabIndex":[2,"_tab-index"],"_touched":[516],"_value":[1]}]]],["kol-input-checkbox",[[33,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_checked":[1540],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_indeterminate":[4],"_name":[1],"_on":[16],"_required":[4],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"state":[32]}]]],["kol-input-color",[[33,"kol-input-color",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-email",[[33,"kol-input-email",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-file",[[33,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-number",[[33,"kol-input-number",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[2],"_min":[2],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_smartButton":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"state":[32]}]]],["kol-input-password",[[33,"kol-input-password",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-range",[[33,"kol-input-range",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[2],"_min":[2],"_name":[1],"_on":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[2],"state":[32]}]]],["kol-input-text",[[33,"kol-input-text",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1025],"state":[32]}]]],["kol-textarea",[[33,"kol-textarea",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_hasCounter":[4,"_has-counter"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-toast",[[33,"kol-toast",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_show":[1540],"_showDuration":[2,"_show-duration"],"_type":[1],"state":[32]}]]],["kol-link",[[33,"kol-link",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_fill":[4],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[4],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[4],"_useCase":[1,"_use-case"]}]]],["kol-link-group",[[33,"kol-link-group",{"_ariaLabel":[1,"_aria-label"],"_listStyleType":[1,"_list-style-type"],"_heading":[1],"_level":[2],"_links":[1],"_ordered":[4],"_orientation":[1],"state":[32]}]]],["kol-nav",[[33,"kol-nav",{"_ariaCurrentValue":[8,"_aria-current-value"],"_ariaLabel":[1,"_aria-label"],"_collapsible":[4],"_compact":[4],"_hasCompactButton":[4,"_has-compact-button"],"_orientation":[1],"_links":[1],"_variant":[1],"state":[32]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-tabs",[[33,"kol-tabs",{"_ariaLabel":[1,"_aria-label"],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]}]]],["kol-button-link",[[33,"kol-button-link",{"_accessKey":[513,"_access-key"],"_ariaControls":[513,"_aria-controls"],"_ariaCurrent":[520,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1537,"_aria-label"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[513],"_label":[1537],"_on":[16],"_tooltipAlign":[513,"_tooltip-align"],"_type":[513],"state":[32]}]]],["kol-link-button",[[33,"kol-link-button",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_fill":[4],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[4],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[4],"_useCase":[1,"_use-case"],"_variant":[1],"state":[32]}]]],["kol-version",[[33,"kol-version",{"_version":[1],"state":[32]}]]],["kol-card",[[33,"kol-card",{"_hasFooter":[4,"_has-footer"],"_heading":[1],"_headline":[1],"_level":[2],"state":[32]}]]],["kol-form",[[1,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"state":[32]}]]],["kol-heading",[[33,"kol-heading",{"_level":[2]}]]],["kol-color",[[33,"kol-color",{"selectedColor":[32]}]]],["kol-counter",[[33,"kol-counter",{"state":[32]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_animate":[4],"_color":[1],"_labeled":[4],"state":[32]}]]],["kol-logo",[[33,"kol-logo",{"_abbr":[1],"_org":[1],"state":[32]}]]],["kol-modal",[[33,"kol-modal",{"_activeElement":[1040],"_ariaLabel":[1,"_aria-label"],"_width":[1],"_on":[16],"_show":[4],"state":[32]}]]],["kol-progress",[[33,"kol-progress",{"_max":[2],"_type":[1],"_unit":[1],"_value":[2],"state":[32]}]]],["kol-spin",[[33,"kol-spin",{"_show":[4],"state":[32]}]]],["kol-symbol",[[0,"kol-symbol",{"_ariaLabel":[1,"_aria-label"],"_symbol":[1],"state":[32]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1538,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_total":[2],"_variant":[1],"state":[32]}]]],["kol-button-group",[[33,"kol-button-group",{"state":[32]}]]],["kol-indented-text",[[33,"kol-indented-text",{"state":[32]}]]],["kol-icon",[[33,"kol-icon",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1],"state":[32]}]]],["kol-icon-font-awesome",[[32,"kol-icon-font-awesome",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_prefix":[1],"_part":[1]}]]],["kol-icon-icofont",[[32,"kol-icon-icofont",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1]}]]],["kol-button-wc_3",[[4,"kol-input",{"_alert":[4],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[16],"_id":[1],"_list":[1],"_readOnly":[4,"_read-only"],"_renderNoLabel":[4,"_render-no-label"],"_required":[4],"_smartButton":[16],"_touched":[4]}],[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1537,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_id":[1],"_label":[1537],"_on":[16],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"state":[32],"getInteractiveElementRef":[64]}],[4,"kol-heading-wc",{"_level":[2],"state":[32]}]]],["kol-input-radio",[[33,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[4],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_height":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_size":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1537],"state":[32]}]]],["kol-button",[[33,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[513,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_id":[1],"_label":[513],"_on":[16],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"getInteractiveElementRef":[64]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_fill":[4],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[4],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[4],"_useCase":[1,"_use-case"],"state":[32]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]]]'),e))));
+import{p as e,b as a}from"./index-bc1a7f22.js";import{g as _}from"./app-globals-87803a5f.js";import"./dev.utils-bbaf8793.js";import"./index-315c6aa5.js";(()=>{const a=import.meta.url,_={};return""!==a&&(_.resourcesUrl=new URL(".",a).href),e(_)})().then((e=>(_(),a(JSON.parse('[["kol-table",[[33,"kol-table",{"_caption":[1],"_data":[1],"_headers":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"state":[32]}]]],["kol-abbr",[[33,"kol-abbr",{"_tooltipAlign":[1,"_tooltip-align"],"_title":[1],"state":[32]}]]],["kol-details",[[33,"kol-details",{"_open":[1540],"_summary":[1],"state":[32]}]]],["kol-button-wc_3",[[4,"kol-input",{"_alert":[4],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[16],"_id":[1],"_list":[1],"_readOnly":[4,"_read-only"],"_renderNoLabel":[4,"_render-no-label"],"_required":[4],"_smartButton":[16],"_touched":[4]}],[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1537,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_id":[1],"_label":[1537],"_on":[16],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"state":[32],"getInteractiveElementRef":[64]}],[4,"kol-heading-wc",{"_level":[2],"state":[32]}]]],["kol-accordion",[[33,"kol-accordion",{"_heading":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_label":[1],"state":[32]}]]],["kol-input-adapter-leanup",[[1,"kol-input-adapter-leanup"]]],["kol-input-radio-group",[[1,"kol-input-radio-group",{"_accessKey":[1,"_access-key"],"_alert":[516],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[4],"_tabIndex":[2,"_tab-index"],"_touched":[516],"_value":[1]}]]],["kol-input-checkbox",[[33,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_checked":[1540],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_indeterminate":[4],"_name":[1],"_on":[16],"_required":[4],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"state":[32]}]]],["kol-input-color",[[33,"kol-input-color",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-email",[[33,"kol-input-email",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-file",[[33,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-number",[[33,"kol-input-number",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[8],"_min":[8],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_smartButton":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[8],"state":[32]}]]],["kol-input-password",[[33,"kol-input-password",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-input-range",[[33,"kol-input-range",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[2],"_min":[2],"_name":[1],"_on":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[2],"state":[32]}]]],["kol-input-text",[[33,"kol-input-text",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_maxLength":[2,"_max-length"],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_size":[2],"_smartButton":[16],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1025],"state":[32]}]]],["kol-textarea",[[33,"kol-textarea",{"_accessKey":[513,"_access-key"],"_adjustHeight":[516,"_adjust-height"],"_alert":[1540],"_hasCounter":[516,"_has-counter"],"_disabled":[516],"_error":[513],"_hideLabel":[516,"_hide-label"],"_hint":[513],"_id":[513],"_maxLength":[514,"_max-length"],"_name":[513],"_on":[16],"_placeholder":[513],"_readOnly":[516,"_read-only"],"_resize":[513],"_required":[516],"_rows":[1538],"_tabIndex":[514,"_tab-index"],"_touched":[1540],"_value":[513],"state":[32]}]]],["kol-link-group",[[33,"kol-link-group",{"_ariaLabel":[1,"_aria-label"],"_listStyleType":[1,"_list-style-type"],"_heading":[1],"_level":[2],"_links":[1],"_ordered":[4],"_orientation":[1],"state":[32]}]]],["kol-nav",[[33,"kol-nav",{"_ariaCurrentValue":[8,"_aria-current-value"],"_ariaLabel":[1,"_aria-label"],"_collapsible":[4],"_compact":[4],"_hasCompactButton":[4,"_has-compact-button"],"_orientation":[1],"_links":[1],"_variant":[1],"state":[32]}]]],["kol-toast",[[33,"kol-toast",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_show":[1540],"_showDuration":[2,"_show-duration"],"_type":[1],"state":[32]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_ariaLabel":[1,"_aria-label"],"_links":[1],"state":[32]}]]],["kol-tabs",[[33,"kol-tabs",{"_ariaLabel":[1,"_aria-label"],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]}]]],["kol-button-link",[[33,"kol-button-link",{"_accessKey":[513,"_access-key"],"_ariaControls":[513,"_aria-controls"],"_ariaCurrent":[520,"_aria-current"],"_ariaExpanded":[516,"_aria-expanded"],"_ariaLabel":[1537,"_aria-label"],"_disabled":[516],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[516,"_icon-only"],"_id":[513],"_label":[1537],"_on":[16],"_tooltipAlign":[513,"_tooltip-align"],"_type":[513],"state":[32]}]]],["kol-link-button",[[33,"kol-link-button",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_fill":[4],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[4],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[4],"_useCase":[1,"_use-case"],"_variant":[1],"state":[32]}]]],["kol-version",[[33,"kol-version",{"_version":[1],"state":[32]}]]],["kol-card",[[33,"kol-card",{"_hasFooter":[4,"_has-footer"],"_heading":[1],"_headline":[1],"_level":[2],"state":[32]}]]],["kol-form",[[1,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"state":[32]}]]],["kol-heading",[[33,"kol-heading",{"_level":[2]}]]],["kol-button-group",[[33,"kol-button-group",{"state":[32]}]]],["kol-indented-text",[[33,"kol-indented-text",{"state":[32]}]]],["kol-icon",[[33,"kol-icon",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1],"state":[32]}]]],["kol-icon-font-awesome",[[32,"kol-icon-font-awesome",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_prefix":[1],"_part":[1]}]]],["kol-color",[[33,"kol-color",{"selectedColor":[32]}]]],["kol-counter",[[33,"kol-counter",{"state":[32]}]]],["kol-input-date",[[32,"kol-input-date",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_max":[1],"_min":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_smartButton":[16],"_step":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_type":[1],"_value":[1],"state":[32]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_animate":[4],"_color":[1],"_labeled":[4],"state":[32]}]]],["kol-logo",[[33,"kol-logo",{"_abbr":[1],"_org":[1],"state":[32]}]]],["kol-modal",[[33,"kol-modal",{"_activeElement":[1040],"_ariaLabel":[1,"_aria-label"],"_width":[1],"_on":[16],"_show":[4],"state":[32]}]]],["kol-progress",[[33,"kol-progress",{"_max":[2],"_type":[1],"_unit":[1],"_value":[2],"state":[32]}]]],["kol-spin",[[33,"kol-spin",{"_show":[4],"state":[32]}]]],["kol-symbol",[[0,"kol-symbol",{"_ariaLabel":[1,"_aria-label"],"_symbol":[1],"state":[32]}]]],["kol-icon-icofont",[[32,"kol-icon-icofont",{"_ariaLabel":[1,"_aria-label"],"_icon":[1],"_part":[1]}]]],["kol-tooltip",[[32,"kol-tooltip",{"_align":[1],"_id":[1],"_label":[1],"state":[32]}]]],["kol-button",[[33,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[513,"_aria-label"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_id":[1],"_label":[513],"_on":[16],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_variant":[1],"getInteractiveElementRef":[64]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_heading":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1538,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_total":[2],"_variant":[1],"state":[32]}]]],["kol-input-radio",[[33,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_list":[1],"_name":[1],"_on":[16],"_orientation":[1],"_required":[4],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1],"state":[32]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_disabled":[4],"_error":[1],"_height":[1],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icon":[1],"_id":[1],"_list":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_size":[2],"_tabIndex":[2,"_tab-index"],"_touched":[1540],"_value":[1537],"state":[32]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_fill":[4],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[4],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[4],"_useCase":[1,"_use-case"],"state":[32]}]]],["kol-link",[[33,"kol-link",{"_ariaControls":[1,"_aria-controls"],"_ariaCurrent":[8,"_aria-current"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaLabel":[1,"_aria-label"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_fill":[4],"_href":[1],"_icon":[1],"_iconAlign":[1,"_icon-align"],"_iconOnly":[4,"_icon-only"],"_on":[16],"_part":[1],"_selector":[1],"_stealth":[4],"_target":[1],"_targetDescription":[1,"_target-description"],"_tooltipAlign":[1,"_tooltip-align"],"_underline":[4],"_useCase":[1,"_use-case"]}]]]]'),e))));

package/www/index.html

@@ -1,4 +1,4 @@
-<!doctype html><html dir="ltr" lang="de"><head> <meta charset="utf-8"> <title>BIK BITV-Test | KoliBri</title> <meta name="description" content="Auf der Seite werden alle KoliBri-Komponenten für den BIK BITV-Test dargestellt."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' *.jsdelivr.net " /> --> <script type="module" src="build/kolibri.esm.js"></script> <script nomodule="" src="build/kolibri.js"></script> <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="assets/fontawesome-free/v5/css/all.css"> <link rel="stylesheet" href="assets/fontawesome-free/v6/css/all.css"> <link rel="stylesheet" href="assets/icofont/icofont.css"> <link rel="stylesheet" href="assets/bund/bund.css"> <link rel="stylesheet" href="assets/roboto/roboto.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="assets/themes/bamf.css"> <link rel="stylesheet" href="assets/themes/bmf.css"> <link rel="stylesheet" href="assets/themes/bzst.css"> <link rel="stylesheet" href="assets/themes/itzbund.css"> <link rel="stylesheet" href="assets/themes/mapz.css"> <link rel="stylesheet" href="assets/style.css"> <meta name="robots" content="noindex"> <meta name="kolibri" content="dev-mode=true,color-contrast-analysis=false"> </head> <body data-theme="mapz" data-theme-cache="true" data-theme-reset="true"> <header class="container"> <!-- <kol-all></kol-all> --> <div class="row"> <div class="col-12"> <kol-kolibri style="display: block; width: 150px;"></kol-kolibri> </div> <div class="col-12"> <kol-heading>BIK BITV-Test</kol-heading> </div> <div class="gap-2 col-12 d-flex"> <kol-version _version="1.1.10-rc.2"></kol-version> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test"></kol-badge> <kol-badge _color="#f0f" _label="Test"></kol-badge> <kol-badge _color="#0bf" _label="Test"></kol-badge> <kol-badge _label="Content-Security-Policy" _icon="check" _color="#300"></kol-badge> </div> <div class="col-12"> <kol-details _summary="Sternchenhinweise" _open=""> <p>* Gibt an, dass der BIK BITV-Test noch Verbesserungsvorschläge beinhaltet.</p> </kol-details> </div> <p> Bookmarklet: <a href="javascript:(function(){var d=document,id='phltsbkmklt',el=d.getElementById(id),f=d.querySelectorAll('iframe'),i=0,l=f.length;if(el){function removeFromShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.getElementById(id).remove();removeFromShadows(el.shadowRoot);}}}el.remove();if(l){for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementById(id).remove();removeFromShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}}removeFromShadows(d);}else{s=d.createElement('style');s.id=id;s.appendChild(d.createTextNode('*{line-height:1.5 !important;letter-spacing:0.12em !important;word-spacing:0.16em !important;}p{margin-bottom:2em !important;}'));function applyToShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.appendChild(s.cloneNode(true));applyToShadows(el.shadowRoot);}}}d.getElementsByTagName('head')[0].appendChild(s);for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementsByTagName('head')[0].appendChild(s.cloneNode(true));applyToShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}applyToShadows(d);}})();"> Text Spacing </a> </p> <div class="py-2 col-12"> <kol-alert _type="info" _level="2" _heading="Hinweise an das A11y-Test-Team" class="pb-2"> <p>Liebe Tester:innen bitte lest vor dem 9. BIK BITV-Test folgende Hinweise.</p> <kol-heading _level="3">Refactoring Eingabefelder</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben ein umfangreiches Refactoring an den Eingabefeldern vorgenommen, um die Developer Experience deutlich zu verbessern. Hierzu wurde alle
+<!doctype html><html dir="ltr" lang="de"><head> <meta charset="utf-8"> <title>BIK BITV-Test | KoliBri</title> <meta name="description" content="Auf der Seite werden alle KoliBri-Komponenten für den BIK BITV-Test dargestellt."> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' *.jsdelivr.net " /> --> <script type="module" src="build/kolibri.esm.js"></script> <script nomodule="" src="build/kolibri.js"></script> <link rel="shortcut icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="assets/fontawesome-free/v5/css/all.css"> <link rel="stylesheet" href="assets/fontawesome-free/v6/css/all.css"> <link rel="stylesheet" href="assets/icofont/icofont.css"> <link rel="stylesheet" href="assets/bund/bund.css"> <link rel="stylesheet" href="assets/roboto/roboto.css"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="assets/themes/bamf.css"> <link rel="stylesheet" href="assets/themes/bmf.css"> <link rel="stylesheet" href="assets/themes/bzst.css"> <link rel="stylesheet" href="assets/themes/itzbund.css"> <link rel="stylesheet" href="assets/themes/mapz.css"> <link rel="stylesheet" href="assets/style.css"> <meta name="robots" content="noindex"> <meta name="kolibri" content="dev-mode=true,color-contrast-analysis=false"> </head> <body data-theme="mapz" data-theme-cache="true" data-theme-reset="true"> <header class="container"> <!-- <kol-all></kol-all> --> <div class="row"> <div class="col-12"> <kol-kolibri style="display: block; width: 150px;"></kol-kolibri> </div> <div class="col-12"> <kol-heading>BIK BITV-Test</kol-heading> </div> <div class="gap-2 col-12 d-flex"> <kol-version _version="1.1.10-rc.7"></kol-version> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test"></kol-badge> <kol-badge _color="#f0f" _label="Test"></kol-badge> <kol-badge _color="#0bf" _label="Test"></kol-badge> <kol-badge _label="Content-Security-Policy" _icon="check" _color="#300"></kol-badge> </div> <div class="col-12"> <kol-details _summary="Sternchenhinweise" _open=""> <p>* Gibt an, dass der BIK BITV-Test noch Verbesserungsvorschläge beinhaltet.</p> </kol-details> </div> <p> Bookmarklet: <a href="javascript:(function(){var d=document,id='phltsbkmklt',el=d.getElementById(id),f=d.querySelectorAll('iframe'),i=0,l=f.length;if(el){function removeFromShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.getElementById(id).remove();removeFromShadows(el.shadowRoot);}}}el.remove();if(l){for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementById(id).remove();removeFromShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}}removeFromShadows(d);}else{s=d.createElement('style');s.id=id;s.appendChild(d.createTextNode('*{line-height:1.5 !important;letter-spacing:0.12em !important;word-spacing:0.16em !important;}p{margin-bottom:2em !important;}'));function applyToShadows(root){for(var el of root.querySelectorAll('*')){if(el.shadowRoot){el.shadowRoot.appendChild(s.cloneNode(true));applyToShadows(el.shadowRoot);}}}d.getElementsByTagName('head')[0].appendChild(s);for(i=0;i<l;i++){try{f[i].contentWindow.document.getElementsByTagName('head')[0].appendChild(s.cloneNode(true));applyToShadows(f[i].contentWindow.document);}catch(e){console.log(e)}}applyToShadows(d);}})();"> Text Spacing </a> </p> <div class="py-2 col-12"> <kol-alert _type="info" _level="2" _heading="Hinweise an das A11y-Test-Team" class="pb-2"> <p>Liebe Tester:innen bitte lest vor dem 9. BIK BITV-Test folgende Hinweise.</p> <kol-heading _level="3">Refactoring Eingabefelder</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben ein umfangreiches Refactoring an den Eingabefeldern vorgenommen, um die Developer Experience deutlich zu verbessern. Hierzu wurde alle
 								Eingabefeldtypen gemäß der <kol-link _href="https://www.w3.org/TR/2010/WD-html5-20101019/the-input-element.html" _target="w3c"> W3C-Klassifizierung</kol-link> separiert.<br> Durch die Überarbeitung der Eingabefelder wurden jetzt auch noch mehr Eingabefeldtypen umgesetzt: <code>checkbox</code>, <code>color</code>, <code>date</code>, <code>datetime-local</code>, <code>email</code>, <code>file</code>, <code>month</code>, <code>number</code>, <code>radio, password</code>, <code>range</code>, <code>search</code>, <code>text</code>, <code>tel</code>, <code>time</code>, <code>url</code> und <code>week</code> <br> Darüber hinaus wurde das Label eines Eingabefeldes flexibler gemacht. Es kann jetzt im Label individuelles <kol-abbr _title="Hypertext-Markup-Language">HTML</kol-abbr> verwendet werden. Wodurch auch Links oder andere Anforderungen am Label umgesetzt
 								werden können. </kol-details> </p> <kol-heading _level="3">Refactoring Icon</kol-heading> <p> <kol-details _summary="Beschreibung"> Wir haben festgestellt, dass wir mit einer einzigen Icon-Font nicht flexibel genug aufgestellt sind. Daher haben wir eine noch generischere
 								Icon-Komponente umgesetzt, der nun egal ist, welche Icon-Font es verwendet. Es stellt, aber unabhängig davon weiterhin sicher, dass Icons für
@@ -58,7 +58,7 @@
 									Dabei wird automatisch die Rolle (<code>img</code>) gesetzt. </p> <p> Sollte eine Beschriftung nicht erforlderlich sein, weil beispielsweise eine Beschriftung schon durch ein übergeordnetes Element erfolgt, dann
 									kann das explizit durch die Angabe einer leeren Beschriftung gemacht werden. Wobei hier die Rolle in diesem Fall nicht gesetzt wird. </p> Links: <ul> <li> <kol-link _href="https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA24.html" _target="w3c"> https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA24.html</kol-link> </li> </ul> </kol-details> </div> <div class="gap-2 col-12 d-grid"> <kol-heading _level="3">FontAwesome</kol-heading> <kol-icon-font-awesome _prefix="fas" _icon="home" _aria-label="Haus"></kol-icon-font-awesome> <kol-indented-text>Mit Aria-Label</kol-indented-text> <kol-icon _icon="fas fa-home" _aria-label=""></kol-icon> <kol-indented-text>Ohne Aria-Label</kol-indented-text> <kol-heading _level="3">Icofont</kol-heading> <kol-icon-icofont _icon="home" _aria-label="Haus"></kol-icon-icofont> <kol-indented-text>Mit Aria-Label</kol-indented-text> <kol-icon _icon="icofont-home"></kol-icon> <kol-indented-text>Ohne Aria-Label</kol-indented-text> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v#"></kol-badge> <kol-badge _icon="search-document" _color="#033" _label="Snapshot-Tests"></kol-badge> </div> <kol-heading _level="2">Indented-Text</kol-heading> </div> <div class="col-12"> <p> Indented-Text ist ein eingerückter Text, der z.B. zu einer Erläuterung verwendet werden kann: <kol-indented-text> I'll be placed as detailed summary. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet fuga quidem, molestias consequuntur saepe
 									rerum natus sequi unde modi magni laudantium deleniti aliquid quae maiores voluptate iusto earum cum cumque! Lorem ipsum dolor sit amet
-									consectetur adipisicing elit. Itaque reprehenderit similique, at atque facere velit labore. </kol-indented-text> </p> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <kol-badge _icon="dashboard" _color="#600" _label="Retest"></kol-badge> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12*"></kol-badge> <kol-heading _level="2">Input's</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <div class="d-grid gap-2"> <kol-heading _level="3">InputCheckbox</kol-heading> <kol-controlled-input-next class="d-grid gap-2" id="new-input-checkbox"> <kol-input-checkbox _type="checkbox">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> <kol-input-checkbox _type="switch">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> </kol-controlled-input-next> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-checkbox-leanup"> <kol-input-checkbox _type="checkbox">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> <kol-input-checkbox _type="switch">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> </kol-input-adapter-leanup> <kol-input-adapter-leanup class="d-grid gap-2" id="change-checkbox"> <kol-input-checkbox _type="checkbox">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputColor</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-color"> <kol-input-color></kol-input-color> <kol-input-color _list="['#000000','#ff0000','#0000ff','#00ff00']"></kol-input-color> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputEmail</kol-heading> <kol-input-email _error="Test einer Fehlermeldung">E-Mail-Adresse</kol-input-email> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-email"> <kol-input-email></kol-input-email> <kol-input-email _list="['test1@test.de','test2@test.de','test3@test.de']">E-Mail-Adresse (Auto-Vervollständigung)</kol-input-email> <kol-input-email _list="['test1@test.de','test2@test.de','test3@test.de']" _multiple="">E-Mail-Adresse(n) (Auto-Vervollständigung, Mehrfachauswahl)</kol-input-email> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputFile</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-file"> <kol-input-file>Datei hochladen</kol-input-file> <kol-input-file _multiple="">Datei(en) hochladen (Mehrfachauswahl)</kol-input-file> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputNumber</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-number"> <kol-input-number _type="number">Zahleneingabe</kol-input-number> <kol-input-number _max="10" _min="-10" _step="2" _type="number">Zahleneingabe (-10 bis 10 in 2er Schritten)</kol-input-number> </kol-input-adapter-leanup> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-date"> <kol-input-number _type="date">Datum</kol-input-number> </kol-input-adapter-leanup> <kol-input-number _type="datetime-local">Local-Datetime (Standard)</kol-input-number> <kol-input-number _type="datetime-local" _step="1">Local-Datetime (mit Sekunden)</kol-input-number> <kol-input-number _type="month">Monat</kol-input-number> <kol-input-number _type="week">Woche</kol-input-number> <kol-input-number _type="time">Zeit (Standard)</kol-input-number> <kol-input-number _type="time" _step="1">Zeit (mit Sekunden)</kol-input-number> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputPassword</kol-heading> <kol-input-password _id="password">Passwort</kol-input-password> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputRadioGroup</kol-heading> <div slot="content"> <kol-input-adapter-leanup class="d-grid gap-2" id="anrede-adapter"> <kol-input-radio>Anrede</kol-input-radio> </kol-input-adapter-leanup> <kol-input-radio id="anrede-input">Anrede es wird automatisch die 1. Option ausgewählt</kol-input-radio> </div> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputRange</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-range"> <kol-input-range _min="0" _max="50">Schieberegler</kol-input-range> <kol-input-range _min="0" _max="50" _step="10">Schieberegler (mit Raster)</kol-input-range> <kol-input-range _list="[{'value':0,'label':'sehr schlecht'},{'value':10,'label':'schlecht'},{'value':20,'label':'mangelhaft'},{'value':30,'label':'gut'},{'value':40,'label':'naja'},{'value':50,'label':'sehr gut'}]" _min="0" _max="50" _step="10">Schieberegler (mit Rasterlinien)</kol-input-range> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputText</kol-heading> <kol-input-text class="vorname" _hint="Ich bin ein Hinweis." _id="input-text-vorname" _type="text">Vorname (Auto-Vervollständigung) </kol-input-text> <kol-input-adapter-leanup class="d-grid gap-2" id="kol-input-text"> <kol-input-text class="vorname" _id="input-text-vorname" _type="text"></kol-input-text> </kol-input-adapter-leanup> <kol-input-text _type="search">Suchbegriff</kol-input-text> <br> <kol-indented-text>Hier ein Suchfeld ohne sichtbares Label, aber dafür mit Icon und Placeholder.</kol-indented-text> <kol-input-text _hide-label="" _icon="{'left': 'fa-solid fa-magnifying-glass'}" _placeholder="Suche" _type="search"> Suche</kol-input-text> <kol-input-text _hide-label="" _required="" _icon="{'left': 'fa-solid fa-magnifying-glass'}" _placeholder="Suche" _type="search">Suche</kol-input-text> <kol-input-text _type="url">Url</kol-input-text> <kol-input-text _type="tel">Telefonnummer</kol-input-text> </div> <div class="d-grid gap-2"> <kol-heading _level="3">Select</kol-heading> <kol-select class="list4value">Stimmung (nicht vorbelegt)</kol-select> <kol-input-adapter-leanup class="d-grid gap-2"> <kol-select class="list4value">Stimmung (vorbelegt)</kol-select> <kol-select class="list4value" _multiple="">Stimmung (Mehrfachauswahl, vorbelegt)</kol-select> </kol-input-adapter-leanup> <kol-select class="value4list">Stimmung (nicht vorbelegt)</kol-select> <kol-input-adapter-leanup class="d-grid gap-2"> <kol-select class="value4list">Stimmung (vorbelegt)</kol-select> <kol-select class="value4list" _multiple="">Stimmung (Mehrfachauswahl, vorbelegt)</kol-select> </kol-input-adapter-leanup> <kol-select id="fix-select-multi" _multiple="">Mehrfachauswahl</kol-select> </div> <div class="d-grid gap-2"> <kol-heading _level="3">Textarea</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-textarea"> <kol-textarea>Label</kol-textarea> </kol-input-adapter-leanup> <kol-indented-text>Hier ein Suchfeld ohne sichtbares Label, aber dafür mit Placeholder.</kol-indented-text> <kol-textarea _has-counter="" _hide-label="" _placeholder="Ausgeblendetes Label">Ausgeblendetes Label</kol-textarea> <kol-textarea _has-counter="" _max-length="50" _value="Textfeld mit Zähler und maximaler Länge">Textfeld mit Zähler und maximaler Länge</kol-textarea> </div> <div class="d-grid gap-2"> <kol-input-password class="smart-button">Passwort</kol-input-password> <kol-input-text class="smart-button">Text</kol-input-text> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> </div> <kol-heading _level="2">Link</kol-heading> </div> <div class="gap-2 col-12"> <kol-link _href="https://de.wikipedia.org" _target="wikipedia">Wikipedia</kol-link> <kol-link _icon="paper-plane" _href="https://wikipedia.de">Wikipedia</kol-link> <p> E-Mail: <kol-link _href="mailto:info@wikipedia.org" _target="mail-client" _target-description="Link wird im E-Mail-Programm geöffnet.">info@wikipedia.org </kol-link> </p> <kol-link _use-case="image" _icon="paper-plane" _icon-only="" _aria-label="Icon als Link" _href="https://de.wikipedia.org" _target="wikipedia"></kol-link> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> </div> <kol-heading _level="2">LinkGroup</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-link-group _aria-label="Fehlerliste" _links="[{'_label':'Fehler 1 (#input-text-vorname)','_selector':'#input-text-vorname'},{'_label':'Fehler 2 (#password) und ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen','_selector':'#password'},{'_label':'Fehler 3 - Sprungmarke (#gibt-es-nicht) und ich_bin_ein_echt_langes_Wort','_selector':'#gibt-es-nicht'}]"></kol-link-group> <kol-link-group class="bordered" _aria-label="Fehlerliste mit Rahmen" _heading="Liste der Formularfehler (nummeriert)" _level="3" _ordered="" _links="[{'_label':'Fehler 1 (#input-text-vorname)','_selector':'#input-text-vorname'},{'_label':'Fehler 2 (#password) und ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen','_selector':'#password'},{'_label':'Fehler 3 - Sprungmarke (#gibt-es-nicht) und ich_bin_ein_echt_langes_Wort','_selector':'#gibt-es-nicht'}]" style="padding: 0.25rem 0.5rem;"></kol-link-group> <kol-link-group _aria-label="Fehlerliste" _heading="Liste der Formularfehler (horizontal)" _links="[{'_label':'Fehler 1 ','_selector':'#input-text-vorname'},{'_label':'Fehler 2','_selector':'#password'},{'_label':'Fehler 3','_selector':'#gibt-es-nicht'}]" _list-style-type="square" _orientation="horizontal"></kol-link-group> <kol-link-group _aria-label="Fehlerliste" _heading="Liste der Formularfehler (vertical)" _orientation="vertical" _links="[{'_label':'Fehler 1 ','_selector':'#input-text-vorname'},{'_label':'Fehler 2','_selector':'#password'},{'_label':'Fehler 3','_selector':'#gibt-es-nicht'}]"></kol-link-group> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> </div> <kol-heading _level="2">Logo</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-logo _abbr="BReg"></kol-logo> <kol-logo _abbr="BMF"></kol-logo> <kol-logo _abbr="BMG"></kol-logo> <p> <kol-indented-text>Im Folgenden wird ein "Zurück zur Startseite"-Link dargestellt:</kol-indented-text> <kol-link _href="https://itzbund.de" _use-case="image" _aria-label="Zurück zur Startseite des ITZBund"> <kol-logo _abbr="ITZBund"></kol-logo> </kol-link> </p> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="dashboard" _color="#600" _label="Retest"></kol-badge> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12*"></kol-badge> </div> <kol-heading _level="2">Modal</kol-heading> <p> Die Modal-Komponete implementiert die Überlagerungsfunktion (Overlay's). Sie ist so realisiert, dass das Modal unabhängig von dem
+									consectetur adipisicing elit. Itaque reprehenderit similique, at atque facere velit labore. </kol-indented-text> </p> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <kol-badge _icon="dashboard" _color="#600" _label="Retest"></kol-badge> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12*"></kol-badge> <kol-heading _level="2">Input's</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <div class="d-grid gap-2"> <kol-heading _level="3">InputCheckbox</kol-heading> <kol-controlled-input-next class="d-grid gap-2" id="new-input-checkbox"> <kol-input-checkbox _type="checkbox">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> <kol-input-checkbox _type="switch">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> </kol-controlled-input-next> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-checkbox-leanup"> <kol-input-checkbox _type="checkbox">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> <kol-input-checkbox _type="switch">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> </kol-input-adapter-leanup> <kol-input-adapter-leanup class="d-grid gap-2" id="change-checkbox"> <kol-input-checkbox _type="checkbox">Ich akzeptiere die Allgemeinen Geschäftsbedingungen.</kol-input-checkbox> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputColor</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-color"> <kol-input-color></kol-input-color> <kol-input-color _list="['#000000','#ff0000','#0000ff','#00ff00']"></kol-input-color> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputEmail</kol-heading> <kol-input-email _error="Test einer Fehlermeldung">E-Mail-Adresse</kol-input-email> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-email"> <kol-input-email></kol-input-email> <kol-input-email _list="['test1@test.de','test2@test.de','test3@test.de']">E-Mail-Adresse (Auto-Vervollständigung)</kol-input-email> <kol-input-email _list="['test1@test.de','test2@test.de','test3@test.de']" _multiple="">E-Mail-Adresse(n) (Auto-Vervollständigung, Mehrfachauswahl)</kol-input-email> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputFile</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-file"> <kol-input-file>Datei hochladen</kol-input-file> <kol-input-file _multiple="">Datei(en) hochladen (Mehrfachauswahl)</kol-input-file> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputNumber</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-number"> <kol-input-number _type="number">Zahleneingabe</kol-input-number> <kol-input-number _max="10" _min="-10" _step="2" _type="number">Zahleneingabe (-10 bis 10 in 2er Schritten)</kol-input-number> </kol-input-adapter-leanup> <kol-heading _level="3">InputDate</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-date"> <kol-input-date _type="date">Datum</kol-input-date> </kol-input-adapter-leanup> <kol-input-date _type="date" _min="2022-10-28">Datum (min)</kol-input-date> <kol-input-date _type="date" _max="2022-10-28">Datum (max)</kol-input-date> <kol-input-date _type="datetime-local">Local-Datetime (Standard)</kol-input-date> <kol-input-date _type="datetime-local" _step="1">Local-Datetime (mit Sekunden)</kol-input-date> <kol-input-date _type="month">Monat</kol-input-date> <kol-input-date _type="week">Woche</kol-input-date> <kol-input-date _type="time">Zeit (Standard)</kol-input-date> <kol-input-date _type="time" _step="1">Zeit (mit Sekunden)</kol-input-date> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputPassword</kol-heading> <kol-input-password _id="password">Passwort</kol-input-password> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputRadioGroup</kol-heading> <div slot="content"> <kol-input-adapter-leanup class="d-grid gap-2" id="anrede-adapter"> <kol-input-radio>Anrede</kol-input-radio> </kol-input-adapter-leanup> <kol-input-radio id="anrede-input">Anrede es wird automatisch die 1. Option ausgewählt</kol-input-radio> </div> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputRange</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-input-range"> <kol-input-range _min="0" _max="50">Schieberegler</kol-input-range> <kol-input-range _min="0" _max="50" _step="10">Schieberegler (mit Raster)</kol-input-range> <kol-input-range _list="[{'value':0,'label':'sehr schlecht'},{'value':10,'label':'schlecht'},{'value':20,'label':'mangelhaft'},{'value':30,'label':'gut'},{'value':40,'label':'naja'},{'value':50,'label':'sehr gut'}]" _min="0" _max="50" _step="10">Schieberegler (mit Rasterlinien)</kol-input-range> </kol-input-adapter-leanup> </div> <div class="d-grid gap-2"> <kol-heading _level="3">InputText</kol-heading> <kol-input-text class="vorname" _hint="Ich bin ein Hinweis." _id="input-text-vorname" _type="text">Vorname (Auto-Vervollständigung) </kol-input-text> <kol-input-adapter-leanup class="d-grid gap-2" id="kol-input-text"> <kol-input-text class="vorname" _id="input-text-vorname" _type="text"></kol-input-text> </kol-input-adapter-leanup> <kol-input-text _type="search">Suchbegriff</kol-input-text> <br> <kol-indented-text>Hier ein Suchfeld ohne sichtbares Label, aber dafür mit Icon und Placeholder.</kol-indented-text> <kol-input-text _hide-label="" _icon="{'left': 'fa-solid fa-magnifying-glass'}" _placeholder="Suche" _type="search"> Suche</kol-input-text> <kol-input-text _hide-label="" _required="" _icon="{'left': 'fa-solid fa-magnifying-glass'}" _placeholder="Suche" _type="search">Suche</kol-input-text> <kol-input-text _type="url">Url</kol-input-text> <kol-input-text _type="tel">Telefonnummer</kol-input-text> </div> <div class="d-grid gap-2"> <kol-heading _level="3">Select</kol-heading> <kol-select class="list4value">Stimmung (nicht vorbelegt)</kol-select> <kol-input-adapter-leanup class="d-grid gap-2"> <kol-select class="list4value">Stimmung (vorbelegt)</kol-select> <kol-select class="list4value" _multiple="">Stimmung (Mehrfachauswahl, vorbelegt)</kol-select> </kol-input-adapter-leanup> <kol-select class="value4list">Stimmung (nicht vorbelegt)</kol-select> <kol-input-adapter-leanup class="d-grid gap-2"> <kol-select class="value4list">Stimmung (vorbelegt)</kol-select> <kol-select class="value4list" _multiple="">Stimmung (Mehrfachauswahl, vorbelegt)</kol-select> </kol-input-adapter-leanup> <kol-select id="fix-select-multi" _multiple="">Mehrfachauswahl</kol-select> </div> <div class="d-grid gap-2"> <kol-heading _level="3">Textarea</kol-heading> <kol-input-adapter-leanup class="d-grid gap-2" id="new-textarea"> <kol-textarea>Label</kol-textarea> </kol-input-adapter-leanup> <kol-indented-text>Hier ein Suchfeld ohne sichtbares Label, aber dafür mit Placeholder.</kol-indented-text> <kol-textarea _has-counter="" _hide-label="" _placeholder="Ausgeblendetes Label">Ausgeblendetes Label</kol-textarea> <kol-textarea _has-counter="" _max-length="50" _value="Textfeld mit Zähler und maximaler Länge"> Textfeld mit Zähler und maximaler Länge. </kol-textarea> <kol-textarea _adjust-height="" _has-counter="" _value="Textfeld das seine Höhe automatisch anpasst">Textfeld das seine Höhe automatisch anpasst.</kol-textarea> </div> <div class="d-grid gap-2"> <kol-input-password class="smart-button">Passwort</kol-input-password> <kol-input-text class="smart-button">Text</kol-input-text> </div> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> </div> <kol-heading _level="2">Link</kol-heading> </div> <div class="gap-2 col-12"> <kol-link _href="https://de.wikipedia.org" _target="wikipedia">Wikipedia</kol-link> <kol-link _icon="paper-plane" _href="https://wikipedia.de">Wikipedia</kol-link> <p> E-Mail: <kol-link _href="mailto:info@wikipedia.org" _target="mail-client" _target-description="Link wird im E-Mail-Programm geöffnet.">info@wikipedia.org </kol-link> </p> <kol-link _use-case="image" _icon="paper-plane" _icon-only="" _aria-label="Icon als Link" _href="https://de.wikipedia.org" _target="wikipedia"></kol-link> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> </div> <kol-heading _level="2">LinkGroup</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-link-group _aria-label="Fehlerliste" _links="[{'_label':'Fehler 1 (#input-text-vorname)','_selector':'#input-text-vorname'},{'_label':'Fehler 2 (#password) und ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen','_selector':'#password'},{'_label':'Fehler 3 - Sprungmarke (#gibt-es-nicht) und ich_bin_ein_echt_langes_Wort','_selector':'#gibt-es-nicht'}]"></kol-link-group> <kol-link-group class="bordered" _aria-label="Fehlerliste mit Rahmen" _heading="Liste der Formularfehler (nummeriert)" _level="3" _ordered="" _links="[{'_label':'Fehler 1 (#input-text-vorname)','_selector':'#input-text-vorname'},{'_label':'Fehler 2 (#password) und ich_bin_ein_echt_langes_zusammengesetztes_Worte_und_versuche_das_Layout_zu_brechen','_selector':'#password'},{'_label':'Fehler 3 - Sprungmarke (#gibt-es-nicht) und ich_bin_ein_echt_langes_Wort','_selector':'#gibt-es-nicht'}]" style="padding: 0.25rem 0.5rem;"></kol-link-group> <kol-link-group _aria-label="Fehlerliste" _heading="Liste der Formularfehler (horizontal)" _links="[{'_label':'Fehler 1 ','_selector':'#input-text-vorname'},{'_label':'Fehler 2','_selector':'#password'},{'_label':'Fehler 3','_selector':'#gibt-es-nicht'}]" _list-style-type="square" _orientation="horizontal"></kol-link-group> <kol-link-group _aria-label="Fehlerliste" _heading="Liste der Formularfehler (vertical)" _orientation="vertical" _links="[{'_label':'Fehler 1 ','_selector':'#input-text-vorname'},{'_label':'Fehler 2','_selector':'#password'},{'_label':'Fehler 3','_selector':'#gibt-es-nicht'}]"></kol-link-group> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12"></kol-badge> </div> <kol-heading _level="2">Logo</kol-heading> </div> <div class="gap-2 col-12 d-grid"> <kol-logo _abbr="BReg"></kol-logo> <kol-logo _abbr="BMF"></kol-logo> <kol-logo _abbr="BMG"></kol-logo> <p> <kol-indented-text>Im Folgenden wird ein "Zurück zur Startseite"-Link dargestellt:</kol-indented-text> <kol-link _href="https://itzbund.de" _use-case="image" _aria-label="Zurück zur Startseite des ITZBund"> <kol-logo _abbr="ITZBund"></kol-logo> </kol-link> </p> </div> </div> </li> <li> <div class="row"> <div class="col-12"> <div class="gap-2 d-flex"> <kol-badge _icon="dashboard" _color="#600" _label="Retest"></kol-badge> <kol-badge _icon="check" _color="#030" _label="BIK BITV-Test v12*"></kol-badge> </div> <kol-heading _level="2">Modal</kol-heading> <p> Die Modal-Komponete implementiert die Überlagerungsfunktion (Overlay's). Sie ist so realisiert, dass das Modal unabhängig von dem
 								Überlagerungsinhalt ist. Es kann also nicht nur ein Dialog sondern auch jedes beliebige andere <kol-abbr _title="Hypertext-Markup-Language">HTML</kol-abbr> als Überlagerungsinhalt verwendet werden. </p> <p> Da das Modal vom eigentlichen Modal entkoppelt ist, aber für eine teilweisen Sperrung der Inhalte sorgt. Muss es auch eine Möglichkeit bieten,
 								das Schließen (Sperrung aufheben) aus dem Modal-Kontext zu ermöglichen. Das wird durch einen optionalen Schließen-Button rechts oben in der Ecke
 								sichergestellt. </p> <kol-details _summary="Hinweise zur Barrierefreiheit"> <p> Beim Öffnen eines Modals, muss der Entwickler:in das aktive Element übergeben, zu dem nach dem Schließen des Modals automatisch der Fokus

package/dist/cjs/controller-74b7c74a.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-"use strict";const icon=require("./icon-0741e060.js"),a11y_tipps=require("./a11y.tipps-c34c01ad.js"),prop_validators=require("./prop.validators-78c2b613.js"),validator=require("./validator-a391018d.js"),getRenderStates=t=>{const o="string"==typeof t._error&&t._error.length>0&&!0===t._touched,n="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===o&&e.push(`${t._id}-error`),!0===n&&e.push(`${t._id}-hint`),{hasError:o,hasHint:n,ariaDiscribedBy:e}};class ControlledInputController{constructor(t,o){this.component=t,this.name=o}validateAlert(t){prop_validators.watchBoolean(this.component,"_alert",t)}validateTouched(t){prop_validators.watchBoolean(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}const beforePatchIcon=(t,o)=>{const n=t;"object"==typeof n&&null!==n&&(validator.isString(n.right,1)&&(n.right={icon:n.right}),validator.isString(n.left,1)&&(n.left={icon:n.left}),o.set("_icon",n))};class InputController extends ControlledInputController{constructor(t,o){super(t,o),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){prop_validators.watchString(this.component,"_accessKey",t)}validateDisabled(t){prop_validators.watchBoolean(this.component,"_disabled",t),!0===t&&a11y_tipps.a11yHintDisabled()}validateError(t){prop_validators.watchString(this.component,"_error",t,{minLength:0})}validateHideLabel(t){prop_validators.watchBoolean(this.component,"_hideLabel",t)}validateHint(t){prop_validators.watchString(this.component,"_hint",t)}validateIcon(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.watchValidator(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(validator.isString(t.left,1)||icon.isIcon(t.left)||validator.isString(t.right,1)||icon.isIcon(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:beforePatchIcon},required:!0})}))}validateId(t){prop_validators.watchString(this.component,"_id",t),void 0===t&&a11y_tipps.devHint("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){prop_validators.watchString(this.component,"_name",t),void 0===t&&a11y_tipps.devHint("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&prop_validators.setState(this.component,"_on",t)}validateSmartButton(t){prop_validators.objectObjectHandler(t,(()=>{try{t=prop_validators.parseJson(t)}catch(t){}prop_validators.setState(this.component,"_smartButton",t)}))}validateTabIndex(t){prop_validators.watchNumber(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var o;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onBlur)&&this.component._on.onBlur(t)}onChange(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onClick)&&this.component._on.onClick(t)}onFocus(t){var o;this.component._alert=!0,"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onFocus)&&this.component._on.onFocus(t)}setValue(t,o){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,o)}}exports.InputController=InputController,exports.getRenderStates=getRenderStates;

package/dist/esm/controller-e3d285c6.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{i as isIcon}from"./icon-925a4868.js";import{c as a11yHintDisabled,d as devHint}from"./a11y.tipps-79d0562a.js";import{b as watchBoolean,w as watchString,o as objectObjectHandler,p as parseJson,a as watchValidator,s as setState,d as watchNumber}from"./prop.validators-6a82cc72.js";import{i as isString}from"./validator-985dcb65.js";const getRenderStates=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}};class ControlledInputController{constructor(t,n){this.component=t,this.name=n}validateAlert(t){watchBoolean(this.component,"_alert",t)}validateTouched(t){watchBoolean(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}const beforePatchIcon=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(isString(o.right,1)&&(o.right={icon:o.right}),isString(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class InputController extends ControlledInputController{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){watchString(this.component,"_accessKey",t)}validateDisabled(t){watchBoolean(this.component,"_disabled",t),!0===t&&a11yHintDisabled()}validateError(t){watchString(this.component,"_error",t,{minLength:0})}validateHideLabel(t){watchBoolean(this.component,"_hideLabel",t)}validateHint(t){watchString(this.component,"_hint",t)}validateIcon(t){objectObjectHandler(t,(()=>{try{t=parseJson(t)}catch(t){}watchValidator(this.component,"_icon",(t=>"object"==typeof t&&null!==t&&(isString(t.left,1)||isIcon(t.left)||isString(t.right,1)||isIcon(t.right))),new Set(["KoliBriInputIcon"]),t,{hooks:{beforePatch:beforePatchIcon},required:!0})}))}validateId(t){watchString(this.component,"_id",t),void 0===t&&devHint("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){watchString(this.component,"_name",t),void 0===t&&devHint("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&setState(this.component,"_on",t)}validateSmartButton(t){objectObjectHandler(t,(()=>{try{t=parseJson(t)}catch(t){}setState(this.component,"_smartButton",t)}))}validateTabIndex(t){watchNumber(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{InputController as I,getRenderStates as g};

package/dist/kolibri/controller-e3d285c6.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{i as t}from"./icon-925a4868.js";import{c as i,d as s}from"./a11y.tipps-79d0562a.js";import{b as e,w as o,o as n,p as a,a as h,s as r,d}from"./prop.validators-6a82cc72.js";import{i as l}from"./validator-985dcb65.js";const c=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}},v=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(l(o.right,1)&&(o.right={icon:o.right}),l(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class u extends class{constructor(t,n){this.component=t,this.name=n}validateAlert(t){e(this.component,"_alert",t)}validateTouched(t){e(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){o(this.component,"_accessKey",t)}validateDisabled(t){e(this.component,"_disabled",t),!0===t&&i()}validateError(t){o(this.component,"_error",t,{minLength:0})}validateHideLabel(t){e(this.component,"_hideLabel",t)}validateHint(t){o(this.component,"_hint",t)}validateIcon(o){n(o,(()=>{try{o=a(o)}catch(t){}h(this.component,"_icon",(n=>"object"==typeof n&&null!==n&&(l(n.left,1)||t(n.left)||l(n.right,1)||t(n.right))),new Set(["KoliBriInputIcon"]),o,{hooks:{beforePatch:v},required:!0})}))}validateId(t){o(this.component,"_id",t),void 0===t&&s("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){o(this.component,"_name",t),void 0===t&&s("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&r(this.component,"_on",t)}validateSmartButton(t){n(t,(()=>{try{t=a(t)}catch(t){}r(this.component,"_smartButton",t)}))}validateTabIndex(t){d(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{u as I,c as g};

package/www/build/controller-e3d285c6.js

@@ -1,4 +0,0 @@
-/*!
- * KoliBri - the accessible web component library
- */
-import{i as t}from"./icon-925a4868.js";import{c as i,d as s}from"./a11y.tipps-79d0562a.js";import{b as e,w as o,o as n,p as a,a as h,s as r,d}from"./prop.validators-6a82cc72.js";import{i as l}from"./validator-985dcb65.js";const c=t=>{const n="string"==typeof t._error&&t._error.length>0&&!0===t._touched,o="string"==typeof t._hint&&t._hint.length>0,e=[];return!0===n&&e.push(`${t._id}-error`),!0===o&&e.push(`${t._id}-hint`),{hasError:n,hasHint:o,ariaDiscribedBy:e}},v=(t,n)=>{const o=t;"object"==typeof o&&null!==o&&(l(o.right,1)&&(o.right={icon:o.right}),l(o.left,1)&&(o.left={icon:o.left}),n.set("_icon",o))};class u extends class{constructor(t,n){this.component=t,this.name=n}validateAlert(t){e(this.component,"_alert",t)}validateTouched(t){e(this.component,"_touched",t)}componentWillLoad(){this.validateAlert(this.component._alert),this.validateTouched(this.component._touched)}}{constructor(t,n){super(t,n),this.hideLabel=!1,this.onFacade={onBlur:this.onBlur.bind(this),onChange:this.onChange.bind(this),onClick:this.onClick.bind(this),onFocus:this.onFocus.bind(this)},this.component=t}validateAccessKey(t){o(this.component,"_accessKey",t)}validateDisabled(t){e(this.component,"_disabled",t),!0===t&&i()}validateError(t){o(this.component,"_error",t,{minLength:0})}validateHideLabel(t){e(this.component,"_hideLabel",t)}validateHint(t){o(this.component,"_hint",t)}validateIcon(o){n(o,(()=>{try{o=a(o)}catch(t){}h(this.component,"_icon",(n=>"object"==typeof n&&null!==n&&(l(n.left,1)||t(n.left)||l(n.right,1)||t(n.right))),new Set(["KoliBriInputIcon"]),o,{hooks:{beforePatch:v},required:!0})}))}validateId(t){o(this.component,"_id",t),void 0===t&&s("Eine eindeutige ID an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die E2E-Tests relevant sein.")}validateName(t){o(this.component,"_name",t),void 0===t&&s("Ein Name an den Eingabefeldern ist nicht zwingend erforderlich, könnte aber für die Autocomplete-Funktion des Eingabefeldes relevant sein.")}validateOn(t){"object"==typeof t&&r(this.component,"_on",t)}validateSmartButton(t){n(t,(()=>{try{t=a(t)}catch(t){}r(this.component,"_smartButton",t)}))}validateTabIndex(t){d(this.component,"_tabIndex",t)}componentWillLoad(){super.componentWillLoad(),this.validateAccessKey(this.component._accessKey),this.validateError(this.component._error),this.validateDisabled(this.component._disabled),this.validateHideLabel(this.component._hideLabel),this.validateHint(this.component._hint),this.validateIcon(this.component._icon),this.validateId(this.component._id),this.validateName(this.component._name),this.validateSmartButton(this.component._smartButton),this.validateOn(this.component._on),this.validateTabIndex(this.component._tabIndex)}onBlur(t){var n;this.component._alert=!0,this.component._touched=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onBlur)&&this.component._on.onBlur(t)}onChange(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onChange)&&this.component._on.onChange(t,t.target.value)}onClick(t){var n;"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onClick)&&this.component._on.onClick(t)}onFocus(t){var n;this.component._alert=!0,"function"==typeof(null===(n=this.component._on)||void 0===n?void 0:n.onFocus)&&this.component._on.onFocus(t)}setValue(t,n){var o;"function"==typeof(null===(o=this.component._on)||void 0===o?void 0:o.onChange)&&this.component._on.onChange(t,n)}}export{u as I,c as g};