@designsystem-se/af 34.0.3-beta.0 → 34.0.3

package/dist/esm/digi-form-select-filter.entry.js

@@ -1,548 +0,0 @@
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-8e318bb2.js';
-import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
-import { l as logger } from './logger.util-ede3c48a.js';
-import { d as detectClickOutside } from './detectClickOutside.util-72594957.js';
-import { d as detectFocusOutside } from './detectFocusOutside.util-a8676bee.js';
-import { _ as _t } from './text-ee5498fa.js';
-import './badge-notification-shape.enum-e15a6245.js';
-import { n as FormSelectFilterValidation } from './tools-feedback-variation.enum-4bfb560b.js';
-import './badge-status-variation.enum-8d6370ff.js';
-import './button-size.enum-2dcd673f.js';
-import './button-type.enum-5250ae0b.js';
-import './button-variation.enum-94fffdd6.js';
-import './calendar-week-view-heading-level.enum-6774297c.js';
-import './card-footer-border.enum-eed26243.js';
-import './bar-chart-variation.enum-97c0b47f.js';
-import './code-example-variation.enum-e9f9fced.js';
-import './code-variation.enum-1eee7c7a.js';
-import './expandable-faq-item-variation.enum-a8cb225b.js';
-import './expandable-faq-variation.enum-6934c367.js';
-import './footer-card-variation.enum-cc732148.js';
-import './form-checkbox-variation.enum-83e906fc.js';
-import './form-file-upload-variation.enum-9c49ec5e.js';
-import './form-input-search-variation.enum-f9d669f2.js';
-import { a as FormInputType } from './form-input-type.enum-3da3db27.js';
-import { b as FormInputVariation, a as FormInputValidation } from './form-input-variation.enum-64d9450f.js';
-import './form-select-variation.enum-f2f6098d.js';
-import './form-textarea-variation.enum-05017e8e.js';
-import './form-validation-message-variation.enum-bcef8a9d.js';
-import './info-card-multi-type.enum-07ee124f.js';
-import './info-card-variation.enum-2ccc52c1.js';
-import './layout-container-max-width.enum-c40018ac.js';
-import './layout-block-variation.enum-b7a20db4.js';
-import './layout-columns-variation.enum-34f7754e.js';
-import './layout-media-object-alignment.enum-305b86b6.js';
-import './link-button-variation.enum-b7f1d571.js';
-import './list-type.enum-fbb331ad.js';
-import './loader-skeleton-variation.enum-f9f867b4.js';
-import './loader-spinner-size.enum-0b246fa0.js';
-import './logo-variation.enum-5b68b79f.js';
-import './media-figure-alignment.enum-a1d36567.js';
-import './navigation-context-menu-item-type.enum-d5434f5a.js';
-import './navigation-context-menu-horizontal-position.enum-e5ed22c2.js';
-import './navigation-sidebar-variation.enum-8fead764.js';
-import './navigation-vertical-menu-variation.enum-c30b0ea9.js';
-import './typography-variation.enum-d5ac8594.js';
-import './progress-list-item-variation.enum-384b9a3a.js';
-import './progress-list-variation.enum-300bd89d.js';
-import './progressbar-variation.enum-40adaab4.js';
-import './quote-image-inner-position.enum-8e9b1e65.js';
-import './table-variation.enum-dd9366b6.js';
-import './tag-media-icon.enum-fefa191c.js';
-import './tag-size.enum-1e1bcf94.js';
-import './tools-feedback-banner-type.enum-74b4e580.js';
-import './tools-feedback-rating-variation.enum-29058ff2.js';
-import './typography-heading-jumbo-variation.enum-eb737f1b.js';
-import './typography-meta-variation.enum-1f7c2878.js';
-import './typography-time-variation.enum-34c830ef.js';
-import './util-breakpoint-observer-breakpoints.enum-6d004731.js';
-import './detectClosest.util-58a7504f.js';
-
-const formSelectFilterCss = ".digi--util--fs--xs.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-form-select-filter{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-form-select-filter{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-form-select-filter{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-form-select-filter{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-form-select-filter{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-form-select-filter{padding-top:5rem !important}.digi--util--pb--1.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-form-select-filter{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-form-select-filter{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-form-select-filter{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-form-select-filter{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-form-select-filter{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-form-select-filter{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-form-select-filter{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-form-select-filter{padding:2.5rem !important}.digi--util--p--60.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-form-select-filter{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-form-select-filter{padding:4.5rem !important}.digi--util--p--90.sc-digi-form-select-filter{padding:5rem !important}.digi--util--ptb--1.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-form-select-filter{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-form-select-filter{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-form-select-filter{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-form-select-filter{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-form-select-filter{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-form-select-filter{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-form-select-filter{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-form-select-filter{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-form-select-filter{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h{--digi--form-select-filter--footer--background:var(--digi--color--background--secondary);--digi--form-select-filter--scroll--max-height:10.625rem;--digi--form-select-filter--scroll--padding:var(--digi--padding--small);--digi--form-select-filter--reset-button--margin-right:var(--digi--padding--small);--digi--form-select-filter--legend__border-bottom:var(--digi--border-width--primary) solid var(--digi--color--border--neutral-2);--digi--form-select-filter--list--margin:0;--digi--form-select-filter--list--padding:var(--digi--gutter--small) 0 0 0;--digi--form-select-filter--item--margin:var(--digi--gutter--small) 0;--digi--form-select-filter--toggle-icon--transition:ease-in-out 0.2s all;--digi--form-select-filter--dropdown--box-shadow:0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);--digi--form-select-filter--dropdown--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--dropdown--background:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--min-width:18.75rem;--digi--form-select-filter--dropdown--margin-top:var(--digi--gutter--small);--digi--form-select-filter--dropdown--z-index:999;--digi--form-select-filter--dropdown--header--background:var(--digi--color--border--neutral-2);--digi--form-select-filter--dropdown--item--cursor:pointer;--digi--form-select-filter--dropdown--item--height:auto;--digi--form-select-filter--dropdown--item--min-height:1.5rem;--digi--form-select-filter--dropdown--item--color:var(--digi--color--text--primary);--digi--form-select-filter--dropdown--item--font-size:var(--digi--typography--body--font-size--desktop);--digi--form-select-filter--dropdown--item--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--dropdown--item--font-weight--default:var(--digi--typography--link--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--selected:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--font-weight--hover:var(--digi--typography--link-bold--font-weight--desktop);--digi--form-select-filter--dropdown--item--letter-spacing:0px;--digi--form-select-filter--dropdown--item--line-height:1.5;--digi--form-select-filter--dropdown--item--margin-bottom:0px;--digi--form-select-filter--dropdown--item--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--border-type:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--border-color:var(--digi--color--border--neutral-2);--digi--form-select-filter--dropdown--item--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--padding-x:var(--digi--margin--largest);--digi--form-select-filter--dropdown--item--multiple--padding-y:var(--digi--margin--small);--digi--form-select-filter--dropdown--item--multiple--padding-x:var(--digi--padding--largest-2);--digi--form-select-filter--dropdown--item--background-color--default:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--item--background-color--focus:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--hover:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--active:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--background-color--selected:var(--digi--color--background--neutral-6);--digi--form-select-filter--dropdown--item--checkbox--background-color:var(--digi--color--background--primary);--digi--form-select-filter--dropdown--item--checkbox--background-color--selected:var(--digi--color--background--success-1);--digi--form-select-filter--dropdown--item--checkbox--border-color:var(--digi--color--border--primary);--digi--form-select-filter--dropdown--item--checkbox--border-width:var(--digi--border-width--primary);--digi--form-select-filter--dropdown--item--checkbox--border-style:var(--digi--border-style--primary);--digi--form-select-filter--dropdown--item--checkbox--border-radius:var(--digi--border-radius--tertiary);--digi--form-select-filter--dropdown--item--checkbox--width:1.25rem;--digi--form-select-filter--dropdown--item--checkbox--height:1.25rem;--digi--form-select-filter--toggle-button-indicator--color--default:transparent;--digi--form-select-filter--toggle-button-indicator--color--active:var(--digi--color--border--success);--digi--form-select-filter--toggle-button-indicator--width:1rem;--digi--form-select-filter--toggle-button-indicator--height:1rem;--digi--form-select-filter--toggle-button-indicator--margin-right:var(--digi--margin--small);--digi--form-select-filter--toggle-button-indicator--margin-left:calc(var(--digi--margin--smaller) * -1);--digi--form-select-filter--toggle-button--text--margin-right:var(--digi--margin--smaller);--digi--form-select-filter--toggle-button-indicator--color:var(--digi--color--background--success-1);--digi--form-select-filter--toggle-icon--width:0.875rem;--digi--form-select-filter--toggle-icon--height:0.875rem;--digi--form-select-filter--search-input--border-radius:var(--digi--border-radius--input);--digi--form-select-filter--search-input--border-width:var(--digi--border-width--input-regular);--digi--form-select-filter--search-input--border-style:var(--digi--border-style--primary);--digi--form-select-filter--search-input--border-color:var(--digi--form-select-filter--toggle-button--border-width--neutral);--digi--form-select-filter--search-input--height:var(--digi--input-height--medium);--digi--form-select-filter--search-input--width:100%;--digi--form-select-filter--legend--font-weight:var(--digi--typography--preamble--font-weight--desktop);--digi--form-select-filter--legend--font-family:var(--digi--global--typography--font-family--default);--digi--form-select-filter--legend--font-size:var(--digi--typography--preamble--font-size--desktop);--digi--form-select-filter--toggle-button--border-width--neutral:var(--digi--border-width--input-regular);--digi--form-select-filter--toggle-button--border-color--neutral:var(--digi--color--border--neutral-3);--digi--form-select-filter--toggle-button--background--neutral:var(--digi--color--background--input);--digi--form-select-filter--toggle-button--border-width--success:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--success:var(--digi--color--border--success);--digi--form-select-filter--toggle-button--background--success:var(--digi--color--background--success-2);--digi--form-select-filter--toggle-button--border-width--warning:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--warning:var(--digi--color--border--warning-2);--digi--form-select-filter--toggle-button--background--warning:var(--digi--color--background--warning-2);--digi--form-select-filter--toggle-button--border-width--error:var(--digi--border-width--input-validation);--digi--form-select-filter--toggle-button--border-color--error:var(--digi--color--border--danger);--digi--form-select-filter--toggle-button--background--error:var(--digi--color--background--danger-2);box-sizing:content-box}.sc-digi-form-select-filter-h .digi-form-select-filter.sc-digi-form-select-filter{display:flex;flex-direction:column;gap:0.4em;position:relative;--INDICATOR--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button-indicator--color--default\n  );--SCROLL--MAX-HEIGHT:var(--digi--form-select-filter--scroll--max-height)}.sc-digi-form-select-filter-h .digi-form-select-filter--neutral.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--neutral\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--neutral\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--neutral\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--success.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--success\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--success\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--success\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--warning.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--warning\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--warning\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--warning\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--error.sc-digi-form-select-filter{--BORDER-WIDTH:var(\n    --digi--form-select-filter--toggle-button--border-width--error\n  );--BORDER-COLOR:var(\n    --digi--form-select-filter--toggle-button--border-color--error\n  );--BACKGROUND:var(\n    --digi--form-select-filter--toggle-button--background--error\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter--open.sc-digi-form-select-filter .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transform:rotate(-180deg)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter{background:var(--BACKGROUND);border:var(--BORDER-WIDTH) solid var(--BORDER-COLOR);border-radius:var(--digi--border-radius--input);color:var(--digi--color--text--primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:400;font-size:var(--digi--typography--body--font-size--desktop);width:100%;padding:0 var(--digi--gutter--medium);min-height:var(--digi--input-height--medium);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus-visible,.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button.sc-digi-form-select-filter:focus{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter{transition:var(--digi--form-select-filter--toggle-icon--transition)}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon.sc-digi-form-select-filter-s>[slot^=icon],.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-icon .sc-digi-form-select-filter-s>[slot^=icon]{--digi--icon--width:var(\n    --digi--form-select-filter--toggle-icon--width\n  );--digi--icon--height:var(\n    --digi--form-select-filter--toggle-icon--height\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter__legend.sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--legend--font-weight);font-family:var(--digi--form-select-filter--legend--font-family);font-size:var(--digi--form-select-filter--legend--font-size);border:0;padding:0;margin:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-form-select-filter-h .digi-form-select-filter__scroll.sc-digi-form-select-filter{max-height:var(--SCROLL--MAX-HEIGHT);overflow-y:auto}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--header--background);padding:12px 12px 22px}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter input.sc-digi-form-select-filter{border-radius:var(--digi--form-select-filter--search-input--border-radius);border-width:var(--digi--form-select-filter--search-input--border-width);border-style:var(--digi--form-select-filter--search-input--border-style);border-color:var(--digi--form-select-filter--search-input--border-color);height:var(--digi--form-select-filter--search-input--height);width:var(--digi--form-select-filter--search-input--width)}.sc-digi-form-select-filter-h .digi-form-select-filter__header.sc-digi-form-select-filter legend.sc-digi-form-select-filter{width:100%;border-bottom:var(--digi--form-select-filter--legend__border-bottom)}.sc-digi-form-select-filter-h .digi-form-select-filter__footer.sc-digi-form-select-filter{display:flex;align-items:center;justify-content:center;background:var(--digi--form-select-filter--footer--background);padding:var(--digi--form-select-filter--scroll--padding)}.sc-digi-form-select-filter-h .digi-form-select-filter__reset-button.sc-digi-form-select-filter{display:inline-block;margin-right:var(--digi--form-select-filter--reset-button--margin-right)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter{min-width:var(--digi--form-select-filter--dropdown--min-width);width:100%;position:absolute;z-index:var(--digi--form-select-filter--dropdown--z-index);background:var(--digi--form-select-filter--dropdown--background);border-radius:var(--digi--form-select-filter--dropdown--border-radius);box-shadow:var(--digi--form-select-filter--dropdown--box-shadow);overflow:hidden;margin-top:var(--digi--form-select-filter--dropdown--margin-top)}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown.sc-digi-form-select-filter fieldset.sc-digi-form-select-filter{border:none;padding:0;margin:0}@media (min-width: 48rem){.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--right.sc-digi-form-select-filter{right:0}}.sc-digi-form-select-filter-h .digi-form-select-filter__dropdown--hidden.sc-digi-form-select-filter{display:none}.sc-digi-form-select-filter-h .digi-form-select-filter__label.sc-digi-form-select-filter{display:block}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-wrapper--activated.sc-digi-form-select-filter{display:flex;align-items:center}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator.sc-digi-form-select-filter{display:none;--digi--icon--color:var(\n    --digi--form-select-filter--toggle-button-indicator--color\n  )}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-indicator--active.sc-digi-form-select-filter{display:flex;margin-right:var(--digi--form-select-filter--toggle-button-indicator--margin-right);width:var(--digi--form-select-filter--toggle-button-indicator--width);height:var(--digi--form-select-filter--toggle-button-indicator--height)}.sc-digi-form-select-filter-h .digi-form-select-filter__search-status.sc-digi-form-select-filter{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--label--font-size--desktop);color:var(--digi--color--text--primary)}.sc-digi-form-select-filter-h .digi-form-select-filter__list.sc-digi-form-select-filter{margin:var(--digi--form-select-filter--list--margin);padding:0;max-width:100%}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter{background-color:var(--digi--form-select-filter--dropdown--item--background-color--default);border-width:0;box-sizing:content-box;border-bottom-width:var(--digi--form-select-filter--dropdown--item--border-width);border-style:var(--digi--form-select-filter--dropdown--item--border-type);border-color:var(--digi--form-select-filter--dropdown--item--border-color);cursor:var(--digi--form-select-filter--dropdown--item--cursor);color:var(--digi--form-select-filter--dropdown--item--color);display:block;font-size:var(--digi--form-select-filter--dropdown--item--font-size);font-family:var(--digi--form-select-filter--dropdown--item--font-family);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--default);padding:var(--digi--form-select-filter--dropdown--item--padding-y) var(--digi--form-select-filter--dropdown--item--padding-x);position:relative;height:var(--digi--form-select-filter--dropdown--item--height);min-height:var(--digi--form-select-filter--dropdown--item--min-height);margin-bottom:var(--digi--form-select-filter--dropdown--item--margin-bottom);letter-spacing:var(--digi--form-select-filter--dropdown--item--letter-spacing);line-height:var(--digi--form-select-filter--dropdown--item--line-height)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:focus-visible{background-color:var(--digi--form-select-filter--dropdown--item--background-color--focus);outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:hover{background-color:var(--digi--form-select-filter--dropdown--item--background-color--hover);font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--hover)}.sc-digi-form-select-filter-h .digi-form-select-filter__item.sc-digi-form-select-filter:active{background-color:var(--digi--form-select-filter--dropdown--item--background-color--active)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[aria-checked=true].sc-digi-form-select-filter{font-weight:var(--digi--form-select-filter--dropdown--item--font-weight--selected);background-color:var(--digi--form-select-filter--dropdown--item--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[dir=rtl].sc-digi-form-select-filter{text-align:right}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;height:25px;left:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter::before{right:3px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=radio][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:7px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter{padding:var(--digi--form-select-filter--dropdown--item--multiple--padding-y) var(--digi--form-select-filter--dropdown--item--multiple--padding-x)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][aria-checked=true].sc-digi-form-select-filter:before{background:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color--selected)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter::before{content:\"\";position:absolute;background-color:var(--digi--form-select-filter--dropdown--item--checkbox--background-color);border-color:var(--digi--form-select-filter--dropdown--item--checkbox--border-color);border-width:var(--digi--form-select-filter--dropdown--item--checkbox--border-width);border-style:var(--digi--form-select-filter--dropdown--item--checkbox--border-style);height:var(--digi--form-select-filter--dropdown--item--checkbox--width);width:var(--digi--form-select-filter--dropdown--item--checkbox--height);border-radius:var(--digi--form-select-filter--dropdown--item--checkbox--border-radius);left:12px;transform:translateY(1px)}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{position:absolute;width:13px;left:16px;--digi--icon--color:white}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter::before{right:12px}.sc-digi-form-select-filter-h .digi-form-select-filter__item[role=checkbox][dir=rtl].sc-digi-form-select-filter .digi-form-select-filter__item__icon.sc-digi-form-select-filter{left:auto;right:16px}.sc-digi-form-select-filter-h .digi-form-select-filter__toggle-button-text.sc-digi-form-select-filter{margin-right:var(--digi--form-select-filter--toggle-button--text--margin-right)}.sc-digi-form-select-filter-h .hidden.sc-digi-form-select-filter{display:none}";
-const DigiFormSelectFilterStyle0 = formSelectFilterCss;
-
-const FormSelectFilter = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.afOnFocusout = createEvent(this, "afOnFocusout", 7);
-        this.afOnSubmitFilters = createEvent(this, "afOnSubmitFilters", 7);
-        this.afOnFilterClosed = createEvent(this, "afOnFilterClosed", 7);
-        this.afOnResetFilters = createEvent(this, "afOnResetFilters", 7);
-        this.afOnSelect = createEvent(this, "afOnSelect", 7);
-        this.afOnQueryChanged = createEvent(this, "afOnQueryChanged", 7);
-        this._searchQuery = '';
-        this.isOpen = false;
-        this.focusListItemIndex = 0;
-        this.focusInList = false;
-        this._afListItems = undefined;
-        this._filteredResult = [];
-        this._selectedItems = [];
-        this.afDescription = undefined;
-        this.afDisableValidation = undefined;
-        this.afValidation = FormSelectFilterValidation.NEUTRAL;
-        this.afValidationText = undefined;
-        this.afRequired = undefined;
-        this.afRequiredText = undefined;
-        this.afAnnounceIfOptional = false;
-        this.afAnnounceIfOptionalText = undefined;
-        this.sortAlphabetically = true;
-        this.value = [];
-        this.afMultipleItems = false;
-        this.afListItems = undefined;
-        this.afId = randomIdGenerator('digi-form-select-filter');
-        this.afFilterButtonTextLabel = undefined;
-        this.afFilterButtonText = undefined;
-        this.afFilterButtonTextMultipleValues = undefined;
-        this.afSubmitButtonText = undefined;
-        this.afSubmitButtonTextAriaLabel = undefined;
-        this.afResetButtonText = _t.clear;
-        this.afResetButtonTextAriaLabel = undefined;
-        this.afHideResetButton = false;
-        this.afAlignRight = undefined;
-        this.afName = undefined;
-        this.afEmptySearchMessage = 'Inga sökträffar för';
-        this.afFilterButtonAriaDescribedby = undefined;
-    }
-    onValueChanged(value) {
-        const joinedArray = [...value, ...this._selectedItems];
-        const noDuplicates = joinedArray.filter((item, pos) => joinedArray.indexOf(item) === pos);
-        if (noDuplicates && noDuplicates.length > 0) {
-            if (this.afMultipleItems) {
-                this._selectedItems = [...noDuplicates];
-            }
-            else {
-                this._selectedItems = [noDuplicates[0]];
-            }
-        }
-    }
-    handleListItems() {
-        if (this.afListItems) {
-            try {
-                if (this.afListItems.constructor === Array) {
-                    this._afListItems = this.afListItems;
-                }
-                else if (typeof this.afListItems === 'string') {
-                    this._afListItems = JSON.parse(this.afListItems);
-                }
-                else {
-                    throw `Invalid type in "af-list-items" attribute`;
-                }
-                this.giveItemsValueIfNoneExist();
-                this.sortListAlphabetically();
-                const selectedListItems = this._afListItems.filter((item) => item.selected);
-                if (selectedListItems && selectedListItems.length > 0) {
-                    this._selectedItems = [...selectedListItems];
-                    this.afOnSelect.emit(this._selectedItems);
-                    this.value = this._selectedItems;
-                }
-                else if (this.value && this.value.length > 0) {
-                    this._selectedItems = [...this.value];
-                }
-                this.filterResults();
-            }
-            catch (e) {
-                logger.warn(`Invalid JSON in "af-list-items" attribute`, this.hostElement, e);
-                return;
-            }
-        }
-    }
-    /**
-     * Funktion för att rensa valda värden från komponenten
-     * @en Function for clearing selected values from component
-     */
-    async afMReset() {
-        this.resetSelectItems();
-    }
-    /**
-     * Funktion för att stänga dropdownen
-     * @en Function for closing the dropdown
-     */
-    async afMCloseDropdown() {
-        this.setClosed();
-    }
-    clickHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        if (detectClickOutside(target, selector) && this.isOpen) {
-            this.emitFilterClosedEvent();
-        }
-    }
-    focusoutHandler(e) {
-        const target = e.target;
-        const selector = `#${this.afId}-identifier`;
-        const focusOutsideFilter = detectFocusOutside(target, selector);
-        if (focusOutsideFilter && this.isOpen) {
-            this.emitFilterClosedEvent();
-        }
-        else {
-            this.focusInList = !detectFocusOutside(target, `#${this.afId}-select-filter-list`);
-        }
-    }
-    debounce(func, timeout = 300) {
-        let timer;
-        return (...args) => {
-            clearTimeout(timer);
-            timer = setTimeout(() => {
-                func.apply(this, args);
-            }, timeout);
-        };
-    }
-    setClosed(focusToggleButton = false) {
-        this.isOpen = false;
-        if (focusToggleButton) {
-            document.getElementById(`${this.afId}`).focus();
-        }
-        this.setScroll(0);
-        this._searchQuery = '';
-        this.afOnQueryChanged.emit('');
-        this.afOnSubmitFilters.emit(this._selectedItems);
-        this.filterResults();
-    }
-    setScroll(scrollY) {
-        document.querySelector(`#${this.afId}-dropdown-menu .digi-form-select-filter__scroll`).scrollTop = scrollY;
-    }
-    setOpen() {
-        this.isOpen = true;
-        this.focusListItemIndex = 0;
-        setTimeout(() => {
-            this.setFocusSearch();
-        }, 50);
-    }
-    giveItemsValueIfNoneExist() {
-        this._afListItems
-            .filter((item) => {
-            return item.value === undefined;
-        })
-            .forEach((item) => {
-            item.value = item.label;
-        });
-    }
-    sortListAlphabetically() {
-        if (!this.sortAlphabetically) {
-            return;
-        }
-        this._afListItems.sort((a, b) => {
-            if (a.label < b.label) {
-                return -1;
-            }
-            if (a.label > b.label) {
-                return 1;
-            }
-            return 0;
-        });
-    }
-    toggleDropdown() {
-        return this.isOpen ? this.setClosed() : this.setOpen();
-    }
-    inputItem(identifier, index) {
-        const item = this.hostElement
-            .querySelectorAll(`#${identifier} .digi-form-select-filter__item`)
-            .item(index);
-        return item;
-    }
-    emitFilterClosedEvent() {
-        this.setClosed(true);
-        this.afOnFilterClosed.emit();
-    }
-    componentWillLoad() {
-        this.handleListItems();
-    }
-    setFocusItem() {
-        const element = this.inputItem(`${this.afId}-select-filter-list`, this.focusListItemIndex);
-        if (element) {
-            element.focus();
-        }
-    }
-    setFocusSearch() {
-        const element = this.hostElement.querySelector('input');
-        if (element) {
-            element.focus();
-        }
-    }
-    incrementFocusItem() {
-        const listLength = this.showNeutralValue
-            ? this._filteredResult.length
-            : this._filteredResult.length - 1;
-        if (this.focusListItemIndex < listLength) {
-            this.focusListItemIndex = this.focusListItemIndex + 1;
-            this.setFocusItem();
-            return;
-        }
-        else {
-            if (!this.afMultipleItems) {
-                this.focusListItemIndex = 0;
-                this.setFocusItem();
-                return;
-            }
-        }
-        this.tabHandler();
-    }
-    decrementFocusItem() {
-        if (this.focusListItemIndex === 0) {
-            this.setFocusSearch();
-            return;
-        }
-        if (this.focusListItemIndex > 0) {
-            this.focusListItemIndex = this.focusListItemIndex - 1;
-        }
-        this.setFocusItem();
-    }
-    downHandler(e) {
-        e.detail.preventDefault();
-        if (e.detail.code === 'ArrowDown' || e.detail.code === 'ArrowRight') {
-            this.incrementFocusItem();
-        }
-    }
-    upHandler(e) {
-        e.detail.preventDefault();
-        if (e.detail.code === 'ArrowUp' || e.detail.code === 'ArrowLeft') {
-            this.decrementFocusItem();
-        }
-    }
-    homeHandler(e) {
-        e.detail.preventDefault();
-        this.focusListItemIndex = 0;
-        this.setFocusItem();
-    }
-    endHandler(e) {
-        e.detail.preventDefault();
-        this.focusListItemIndex = this.showNeutralValue
-            ? this._filteredResult.length
-            : this._filteredResult.length - 1;
-        this.setFocusItem();
-    }
-    enterHandler(e) {
-        e.detail.preventDefault();
-        e.detail.target.click();
-    }
-    spaceHandler(e) {
-        e.detail.preventDefault();
-        e.detail.target.click();
-    }
-    escHandler() {
-        if (this.isOpen) {
-            this.setClosed(true);
-        }
-    }
-    tabHandler() {
-        if (this.isOpen && this.focusInList) {
-            if (this.afMultipleItems && this._submitButton) {
-                setTimeout(() => {
-                    var _a;
-                    if (this._submitButton) {
-                        (_a = this._submitButton.querySelector('button')) === null || _a === void 0 ? void 0 : _a.focus();
-                    }
-                }, 10);
-            }
-            else {
-                this.setClosed(true);
-            }
-        }
-    }
-    shiftHandler() {
-        if (this.isOpen && this.focusInList) {
-            if (this.afMultipleItems && this._toggleButton) {
-                this._toggleButton.querySelector('button').focus();
-            }
-            else {
-                this.setFocusSearch();
-            }
-        }
-    }
-    filterResults() {
-        if (this._searchQuery && this._searchQuery.length > 0) {
-            this._filteredResult = [
-                ...this._afListItems.filter((item) => {
-                    return item.label
-                        .toLowerCase()
-                        .includes(this._searchQuery.toLowerCase());
-                })
-            ];
-        }
-        else {
-            this._filteredResult = [...this._afListItems];
-        }
-    }
-    inputSearchKeyboardHandler(e) {
-        if (e.code === 'ArrowDown') {
-            e.preventDefault();
-            this.setFocusItem();
-        }
-        if (e.code === 'Enter' && this._searchQuery !== '') {
-            e.preventDefault();
-            this.setFocusItem();
-        }
-    }
-    inputSearchInputHandler(e) {
-        this._searchQuery = e.target.value;
-        this.afOnQueryChanged.emit(this._searchQuery);
-        this.filterResults();
-    }
-    resetSelectItems(close = false) {
-        this._selectedItems = [];
-        this.value = [];
-        this.afOnSelect.emit([]);
-        this._searchQuery = '';
-        this.filterResults();
-        if (close) {
-            this.emitFilterClosedEvent();
-        }
-        this.afOnResetFilters.emit();
-    }
-    selectItemHandler(item) {
-        if (this.afMultipleItems) {
-            item.selected = !item.selected;
-            if (this._selectedItems.filter((x) => {
-                return x.value === item.value;
-            }).length > 0) {
-                //ITEM VALUE ALREADY EXISTS IN LIST, DELETE FROM LIST
-                this._selectedItems.splice(this._selectedItems.findIndex((e) => e.value === item.value), 1);
-            }
-            else {
-                this._selectedItems = [...this._selectedItems, item];
-            }
-        }
-        else {
-            this._selectedItems.forEach((item) => {
-                item.selected = false;
-            });
-            item.selected = true;
-            this._selectedItems = [item];
-            this.emitFilterClosedEvent();
-        }
-        this.value = this._selectedItems;
-        this.afOnSelect.emit(this._selectedItems);
-        this.filterResults();
-    }
-    isSelected(textValue) {
-        if (textValue && this._selectedItems && this._selectedItems.length > 0) {
-            return (this._selectedItems.filter((item) => {
-                return item.value === textValue;
-            }).length > 0);
-        }
-        return false;
-    }
-    get cssModifiers() {
-        return {
-            'digi-form-select-filter--open': this.isOpen,
-            'digi-form-select-filter--neutral': this.afValidation === FormSelectFilterValidation.NEUTRAL,
-            'digi-form-select-filter--success': this.afValidation === FormSelectFilterValidation.SUCCESS,
-            'digi-form-select-filter--warning': this.afValidation === FormSelectFilterValidation.WARNING,
-            'digi-form-select-filter--error': this.afValidation === FormSelectFilterValidation.ERROR
-        };
-    }
-    get cssModifiersToggleButtonIndicator() {
-        return {
-            'digi-form-select-filter__toggle-button-indicator--active': this._selectedItems.length > 0
-        };
-    }
-    get cssModifiersToggleButtonWrapper() {
-        return {
-            'digi-form-select-filter__toggle-button-wrapper--activated': this._selectedItems.length > 0
-        };
-    }
-    buttonText(isAriaLabel) {
-        const ariaLabelText = (text = '') => {
-            return isAriaLabel ? text : '';
-        };
-        if (this._selectedItems && this._selectedItems.length === 1) {
-            return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
-                this._selectedItems[0].label);
-        }
-        else if (this._selectedItems &&
-            this._selectedItems.length > 0 &&
-            this.afMultipleItems) {
-            if (this.afFilterButtonTextMultipleValues) {
-                return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
-                    this.afFilterButtonTextMultipleValues.replace('{count}', this._selectedItems.length.toString()));
-            }
-            else {
-                return (ariaLabelText(this.afFilterButtonTextLabel + ': ') +
-                    `${this._selectedItems.length} valda`);
-            }
-        }
-        else {
-            return (ariaLabelText(this.afFilterButtonTextLabel
-                ? this.afFilterButtonTextLabel + ': '
-                : '') + this.afFilterButtonText);
-        }
-    }
-    get renderButtonLabel() {
-        return this.buttonText(false);
-    }
-    get ariaLabel() {
-        return this.buttonText(true);
-    }
-    get showNeutralValue() {
-        return (!this.afMultipleItems &&
-            this.afFilterButtonText &&
-            this._searchQuery.length === 0);
-    }
-    showValidation() {
-        return !this.afDisableValidation &&
-            this.afValidation !== FormSelectFilterValidation.NEUTRAL &&
-            this.afValidationText
-            ? true
-            : false;
-    }
-    renderEmptyStateBox() {
-        let statusMessage = '';
-        if (this._filteredResult && this._filteredResult.length > 0) {
-            statusMessage = `${this._filteredResult.length} sökträff${this._filteredResult.length > 1 ? 'ar' : ''}`;
-        }
-        else if (this._filteredResult.length === 0) {
-            statusMessage = `${this.afEmptySearchMessage} ${this._searchQuery}`;
-        }
-        return (h(Fragment, null, h("div", { role: "status", id: `${this.afId}-searchstatus`, class: {
-                'digi-form-select-filter__search-status': true,
-                'digi--util--sr-only': this._filteredResult && this._filteredResult.length > 0
-            } }, h("span", null, " ", statusMessage, " "), h("div", { class: {
-                hidden: this._filteredResult && this._filteredResult.length > 0
-            } }, h("slot", { name: "empty-search-result" })))));
-    }
-    render() {
-        return (h("div", { key: '0441a3108913933a52f7ce85a8e808637d1b3c91', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '642aeed1224efdd28628722fc29c4885defe1f88', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'b5117f00c181ceb475eff973d9fef953ab057ffe', onAfOnEsc: () => this.escHandler() }, h("button", { key: 'f5ac9723c420b469f280751113b8fed4be799b2f', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '95f70c6e4a9ce0fb00d549ea9a2a56c889694536', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '1acd4598fe9a41669038186b086013a027c8e84f', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: '965fd1089e5ebe115ebada0e6a8bac72de406d83', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: '23ee710f53016cf532cf74bd2288e3202418bffd', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: '55f99522a98d710b4d222b43e51c63961bdd390e', id: `${this.afId}-dropdown-menu`, tabindex: this.isOpen ? '-1' : undefined, class: {
-                'digi-form-select-filter__dropdown': true,
-                'digi-form-select-filter__dropdown--right': this.afAlignRight,
-                'digi-form-select-filter__dropdown--hidden': !this.isOpen
-            } }, h("fieldset", { key: 'b801358f02ee8719a354128ce1669276ae26052c' }, h("div", { key: 'a307b294684fe855f61c3f1fae1359d79e118ed8', class: "digi-form-select-filter__header" }, h("legend", { key: '854730c3331539ff816c78bbb5c4afa8b3f8045f', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: 'ee515e0d2a5392fac6614309804762bb02b31b1b', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
-                this.focusListItemIndex = 0;
-            }, onAfOnKeyup: (e) => {
-                this.inputSearchKeyboardHandler(e.detail);
-            }, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '4c3b4dd67932713d3b0f9784ddb6908172bae788', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '21fd9e82b72a29c6d4f6d9483a189bd877f86c7f', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '1c7566020cc272722d7978b618395177c114a9ac', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
-                ? 'false'
-                : this.afValidation === FormSelectFilterValidation.ERROR
-                    ? 'true'
-                    : 'false', "aria-errormessage": `${this.afId}--validation-message`, "aria-required": this.afMultipleItems
-                ? false
-                : this.afRequired
-                    ? 'true'
-                    : 'false' }, this.showNeutralValue && (h("li", { key: '8d05cf89e96e8ac1483ce26a337a5978f838b639', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
-                ? 'false'
-                : this.afRequired
-                    ? 'true'
-                    : 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: 'a38310179982e60d3f2689e86205b60954626a7b', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
-            this._filteredResult.map((item, index) => {
-                return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
-                        ? 'false'
-                        : this.afRequired
-                            ? 'true'
-                            : 'false', "aria-invalid": this.afMultipleItems
-                        ? this.afValidation ===
-                            FormSelectFilterValidation.ERROR
-                            ? 'true'
-                            : 'false'
-                        : 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
-            }))))), this.afMultipleItems && (h("div", { key: '5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'b644d87b83ecbed6cfd1599a641e5264921ac4fc', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: 'b0e8623abc016dcae8614310ea8653f28ec5d9b3', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '838f2780f265db6153e2e928ab23935a19885b51', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
-                this.setClosed(true);
-            }, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'e2a972b032f28e6e0347e2bd7aca7724e7a144a2', class: "digi-form-select__footer" }, h("div", { key: 'f8d44fff602afedb23b2f64b80d5bcaf7b15b49e', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'c91161db619777dbb192afa4b600732e39769208', "af-variation": this.afValidation }, this.afValidationText))))));
-    }
-    get hostElement() { return getElement(this); }
-    static get watchers() { return {
-        "value": ["onValueChanged"],
-        "afListItems": ["handleListItems"]
-    }; }
-};
-FormSelectFilter.style = DigiFormSelectFilterStyle0;
-
-export { FormSelectFilter as digi_form_select_filter };