@designsystem-se/af 34.0.1-beta.0 → 34.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/digi-bar-chart.js +2 -2
- package/components/digi-button.js +1 -1
- package/components/digi-calendar-week-view.js +2 -2
- package/components/digi-card.js +1 -1
- package/components/digi-chart-line.js +2 -2
- package/components/digi-code-block.js +1 -1
- package/components/digi-code-example.js +2 -2
- package/components/digi-context-menu.js +1 -1
- package/components/digi-dialog.js +2 -2
- package/components/digi-expandable-accordion.js +2 -2
- package/components/digi-expandable-faq-item.js +1 -1
- package/components/digi-footer.js +1 -1
- package/components/digi-form-category-filter.js +1 -1
- package/components/digi-form-error-list.js +4 -4
- package/components/digi-form-filter.js +1 -1
- package/components/digi-form-input-search.js +1 -1
- package/components/digi-form-select-filter.js +8 -30
- package/components/digi-header-navigation.js +1 -1
- package/components/digi-header.js +2 -2
- package/components/digi-info-card-multi.js +1 -1
- package/components/digi-info-card.js +1 -1
- package/components/digi-layout-media-object.js +1 -1
- package/components/digi-link-button.js +1 -1
- package/components/digi-list.js +12 -9
- package/components/digi-navigation-breadcrumbs.js +1 -1
- package/components/digi-navigation-context-menu.js +1 -1
- package/components/digi-navigation-pagination.js +2 -2
- package/components/digi-navigation-sidebar-button.js +1 -1
- package/components/digi-navigation-sidebar.js +1 -1
- package/components/digi-notification-alert.js +1 -1
- package/components/digi-notification-error-page.js +1 -1
- package/components/digi-progress-indicator.js +1 -1
- package/components/digi-progress-list.js +1 -1
- package/components/digi-quote.js +1 -1
- package/components/digi-tablist.js +23 -6
- package/components/digi-tag.js +2 -2
- package/components/digi-tools-feedback-rating.js +1 -1
- package/components/digi-tools-feedback.js +1 -1
- package/components/digi-tools-languagepicker.js +2 -2
- package/components/digi-typography.js +1 -1
- package/components/{p-5e487ed4.js → p-10503e1d.js} +2 -2
- package/components/{p-09e0586b.js → p-68dbf3ef.js} +2 -2
- package/components/{p-8a1aaa8e.js → p-9f5ead44.js} +1 -1
- package/components/{p-f6347f75.js → p-a92aa84e.js} +3 -3
- package/components/{p-aa59e5c0.js → p-afc595b8.js} +1 -1
- package/components/{p-7f5a8dd1.js → p-dc9fbc23.js} +1 -1
- package/components/{p-acb38ff0.js → p-f6ca68ba.js} +1 -1
- package/custom-elements.json +1 -1
- package/dist/cjs/digi-arbetsformedlingen.cjs.js +1 -1
- package/dist/cjs/{digi-button_4.cjs.entry.js → digi-button.cjs.entry.js} +2 -84
- package/dist/cjs/digi-calendar-datepicker.cjs.entry.js +2 -2
- package/dist/cjs/digi-code-block_3.cjs.entry.js +2 -2
- package/dist/cjs/digi-dialog.cjs.entry.js +2 -2
- package/dist/cjs/digi-expandable-accordion.cjs.entry.js +2 -2
- package/dist/cjs/digi-footer.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-error-list.cjs.entry.js +2 -2
- package/dist/cjs/{digi-form-label_5.cjs.entry.js → digi-form-label_3.cjs.entry.js} +0 -46
- package/dist/cjs/digi-form-receipt.cjs.entry.js +2 -2
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +9 -31
- package/dist/cjs/digi-header-navigation.cjs.entry.js +2 -2
- package/dist/cjs/digi-header.cjs.entry.js +2 -2
- package/dist/cjs/digi-icon-check_6.cjs.entry.js +286 -0
- package/dist/cjs/digi-icon-notification-error_5.cjs.entry.js +1 -1
- package/dist/cjs/digi-icon-x.cjs.entry.js +30 -0
- package/dist/cjs/digi-link-button.cjs.entry.js +1 -1
- package/dist/cjs/digi-list.cjs.entry.js +11 -8
- package/dist/cjs/digi-navigation-breadcrumbs.cjs.entry.js +1 -1
- package/dist/cjs/digi-navigation-pagination.cjs.entry.js +2 -2
- package/dist/cjs/digi-notification-alert.cjs.entry.js +2 -2
- package/dist/cjs/digi-notification-error-page.cjs.entry.js +2 -2
- package/dist/cjs/digi-tablist.cjs.entry.js +23 -6
- package/dist/cjs/digi-tag.cjs.entry.js +42 -0
- package/dist/cjs/digi-tools-feedback.cjs.entry.js +2 -2
- package/dist/cjs/index-cfa8e9be.js +12 -12
- package/dist/cjs/index.cjs.js +11 -11
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/tag-size.enum-0a6be639.js +8 -0
- package/dist/cjs/{progress-indicator-variation.enum-7cf8e0e4.js → typography-variation.enum-252bed2e.js} +6 -0
- package/dist/collection/components/_button/button/button.js +5 -2
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +7 -29
- package/dist/collection/components/_layout/layout-media-object/layout-media-object.js +2 -1
- package/dist/collection/components/_link/link-button/link-button.js +6 -3
- package/dist/collection/components/_list/list/list.css +7 -19
- package/dist/collection/components/_list/list/list.js +10 -7
- package/dist/collection/components/_navigation/navigation-breadcrumbs/navigation-breadcrumbs.css +2 -0
- package/dist/collection/components/_navigation/navigation-tablist/navigation-tablist.js +23 -6
- package/dist/collection/components/_progress/progress-indicator/progress-indicator.css +15 -2
- package/dist/collection/components/_tag/tag/tag.js +4 -1
- package/dist/collection/components/_typography/typography/typography.css +12 -3
- package/dist/collection/components/_typography/typography/typography.js +4 -1
- package/dist/collection/design-tokens/components/_list.variables.scss +1 -2
- package/dist/digi-arbetsformedlingen/design-tokens/components/_list.variables.scss +1 -2
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/index.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-00d6ab21.js +1 -0
- package/dist/digi-arbetsformedlingen/p-03c74be2.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-83ed81f6.entry.js → p-04162d84.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-04e1b953.entry.js → p-2eb2de93.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-38ac4375.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-02a9c10c.entry.js → p-4771449c.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-4b258acf.entry.js → p-48d8109b.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-4e311538.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/p-4e9cd0cd.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-83621ca7.entry.js → p-4f4113d7.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-68306648.entry.js → p-525bd193.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-1235e21c.entry.js → p-551f6906.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-fcb4e37b.entry.js → p-5a7db717.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-fd42009d.entry.js → p-6492e062.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-71613ea0.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-20e04419.entry.js → p-766df2e4.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-7f1574ff.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-db5cbe34.entry.js → p-80fce66a.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-a0607d6f.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-0a97b588.entry.js → p-bc37453e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-afe213a1.entry.js → p-c7fd83fa.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-c8110048.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-6a09632d.entry.js → p-d13c7e47.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-521b26de.entry.js → p-edf6fbd2.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-921b40e3.entry.js → p-f3b56695.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/p-fa7824e9.entry.js +1 -0
- package/dist/esm/digi-arbetsformedlingen.js +1 -1
- package/dist/esm/{digi-button_4.entry.js → digi-button.entry.js} +3 -82
- package/dist/esm/digi-calendar-datepicker.entry.js +2 -2
- package/dist/esm/digi-code-block_3.entry.js +2 -2
- package/dist/esm/digi-dialog.entry.js +2 -2
- package/dist/esm/digi-expandable-accordion.entry.js +2 -2
- package/dist/esm/digi-footer.entry.js +2 -2
- package/dist/esm/digi-form-error-list.entry.js +2 -2
- package/dist/esm/{digi-form-label_5.entry.js → digi-form-label_3.entry.js} +1 -45
- package/dist/esm/digi-form-receipt.entry.js +2 -2
- package/dist/esm/digi-form-select-filter.entry.js +9 -31
- package/dist/esm/digi-header-navigation.entry.js +2 -2
- package/dist/esm/digi-header.entry.js +2 -2
- package/dist/esm/digi-icon-check_6.entry.js +277 -0
- package/dist/esm/digi-icon-notification-error_5.entry.js +1 -1
- package/dist/esm/digi-icon-x.entry.js +26 -0
- package/dist/esm/digi-link-button.entry.js +1 -1
- package/dist/esm/digi-list.entry.js +11 -8
- package/dist/esm/digi-navigation-breadcrumbs.entry.js +1 -1
- package/dist/esm/digi-navigation-pagination.entry.js +2 -2
- package/dist/esm/digi-notification-alert.entry.js +2 -2
- package/dist/esm/digi-notification-error-page.entry.js +2 -2
- package/dist/esm/digi-tablist.entry.js +23 -6
- package/dist/esm/digi-tag.entry.js +38 -0
- package/dist/esm/digi-tools-feedback.entry.js +2 -2
- package/dist/esm/index-8e318bb2.js +12 -12
- package/dist/esm/index.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/tag-size.enum-1e1bcf94.js +8 -0
- package/dist/esm/{progress-indicator-variation.enum-b12ba50a.js → typography-variation.enum-d5ac8594.js} +7 -1
- package/dist/types/components/_button/button/button.d.ts +1 -0
- package/dist/types/components/_form/form-select-filter/form-select-filter.d.ts +0 -2
- package/dist/types/components/_layout/layout-media-object/layout-media-object.d.ts +1 -0
- package/dist/types/components/_link/link-button/link-button.d.ts +3 -2
- package/dist/types/components/_list/list/list.d.ts +0 -1
- package/dist/types/components/_tag/tag/tag.d.ts +1 -0
- package/dist/types/components/_typography/typography/typography.d.ts +1 -0
- package/dist/types/components.d.ts +16 -4
- package/hydrate/index.js +51 -52
- package/hydrate/index.mjs +51 -52
- package/package.json +1 -1
- package/dist/cjs/digi-icon-check.cjs.entry.js +0 -30
- package/dist/cjs/digi-progress-indicator.cjs.entry.js +0 -137
- package/dist/cjs/digi-util-mutation-observer.cjs.entry.js +0 -64
- package/dist/cjs/typography-variation.enum-bba759ae.js +0 -14
- package/dist/digi-arbetsformedlingen/p-4d48c55a.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-614a1149.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-642eaeed.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-6fcac607.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-9dd5d6c8.js +0 -1
- package/dist/digi-arbetsformedlingen/p-a29a52f3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-de4c4238.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-ece582a3.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-f84d9dea.entry.js +0 -1
- package/dist/digi-arbetsformedlingen/p-fe5da310.js +0 -1
- package/dist/esm/digi-icon-check.entry.js +0 -26
- package/dist/esm/digi-progress-indicator.entry.js +0 -133
- package/dist/esm/digi-util-mutation-observer.entry.js +0 -60
- package/dist/esm/typography-variation.enum-850aad78.js +0 -14
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as e,F as r,g as o}from"./p-e35cae7b.js";import{r as l}from"./p-ffe5c0e8.js";import{l as d}from"./p-e3d2e899.js";import{d as s}from"./p-430607cb.js";import{d as a}from"./p-ee33960b.js";import{_ as g}from"./p-42aa440f.js";import"./p-717306ef.js";import{n as c}from"./p-1d065367.js";import"./p-a4a001e1.js";import"./p-91d1344c.js";import"./p-ee9589e6.js";import"./p-cf3ce3c5.js";import"./p-7e32c40b.js";import"./p-7e5ad05a.js";import"./p-dcdffb3c.js";import"./p-5a602122.js";import"./p-5d21a361.js";import"./p-f40f4b2a.js";import"./p-1f68d501.js";import"./p-ee88e3f1.js";import"./p-8142cc73.js";import"./p-905ccb30.js";import"./p-bc3d2778.js";import{a as f}from"./p-88b4d03a.js";import{b as n,a as m}from"./p-1f956af8.js";import"./p-f447b984.js";import"./p-9c5a93d8.js";import"./p-7933b555.js";import"./p-0f6c0360.js";import"./p-814ca2ad.js";import"./p-300aa9ef.js";import"./p-a39f86c9.js";import"./p-07303cb5.js";import"./p-85914c7f.js";import"./p-91f1460b.js";import"./p-5ba6737a.js";import"./p-e4a9f8f0.js";import"./p-f2a6768b.js";import"./p-290d1746.js";import"./p-40657c82.js";import"./p-f4248a7e.js";import"./p-95db5a30.js";import"./p-f600576a.js";import"./p-3b20ec86.js";import"./p-9dd5d6c8.js";import"./p-77a93845.js";import"./p-06f939ab.js";import"./p-8cd2d6dd.js";import"./p-484a1d6d.js";import"./p-0f3fbb1e.js";import"./p-820e795b.js";import"./p-fe5da310.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import"./p-cdcaf0eb.js";import"./p-bdd811bc.js";const p=class{constructor(e){i(this,e),this.afOnFocusout=t(this,"afOnFocusout",7),this.afOnSubmitFilters=t(this,"afOnSubmitFilters",7),this.afOnFilterClosed=t(this,"afOnFilterClosed",7),this.afOnResetFilters=t(this,"afOnResetFilters",7),this.afOnSelect=t(this,"afOnSelect",7),this.afOnQueryChanged=t(this,"afOnQueryChanged",7),this._searchQuery="",this.isOpen=!1,this.focusListItemIndex=0,this.focusInList=!1,this._afListItems=void 0,this._filteredResult=[],this._selectedItems=[],this.afDescription=void 0,this.afDisableValidation=void 0,this.afValidation=c.NEUTRAL,this.afValidationText=void 0,this.afRequired=void 0,this.afRequiredText=void 0,this.afAnnounceIfOptional=!1,this.afAnnounceIfOptionalText=void 0,this.sortAlphabetically=!0,this.value=[],this.afMultipleItems=!1,this.afListItems=void 0,this.afId=l("digi-form-select-filter"),this.afFilterButtonTextLabel=void 0,this.afFilterButtonText=void 0,this.afFilterButtonTextMultipleValues=void 0,this.afSubmitButtonText=void 0,this.afSubmitButtonTextAriaLabel=void 0,this.afResetButtonText=g.clear,this.afResetButtonTextAriaLabel=void 0,this.afHideResetButton=!1,this.afAlignRight=void 0,this.afName=void 0,this.afEmptySearchMessage="Inga sökträffar för",this.afFilterButtonAriaDescribedby=void 0}onValueChanged(i){const t=[...i,...this._selectedItems],e=t.filter(((i,e)=>t.indexOf(i)===e));e&&e.length>0&&(this._selectedItems=this.afMultipleItems?[...e]:[e[0]])}handleListItems(){if(this.afListItems)try{if(this.afListItems.constructor===Array)this._afListItems=this.afListItems;else{if("string"!=typeof this.afListItems)throw'Invalid type in "af-list-items" attribute';this._afListItems=JSON.parse(this.afListItems)}this.giveItemsValueIfNoneExist(),this.sortListAlphabetically();const i=this._afListItems.filter((i=>i.selected));i&&i.length>0?(this._selectedItems=[...i],this.afOnSelect.emit(this._selectedItems),this.value=this._selectedItems):this.value&&this.value.length>0&&(this._selectedItems=[...this.value]),this.filterResults()}catch(i){return void d.warn('Invalid JSON in "af-list-items" attribute',this.hostElement,i)}}async afMReset(){this.resetSelectItems()}async afMCloseDropdown(){this.setClosed()}clickHandler(i){s(i.target,`#${this.afId}-identifier`)&&this.isOpen&&this.emitFilterClosedEvent()}focusoutHandler(i){const t=i.target;a(t,`#${this.afId}-identifier`)&&this.isOpen?this.emitFilterClosedEvent():(this.focusInList=!a(t,`#${this.afId}-select-filter-list`),this.isOpen&&this.focusInList&&"LI"===t.tagName&&(this.setTabIndex(),this.updateTabIndex(t)))}debounce(i,t=300){let e;return(...r)=>{clearTimeout(e),e=setTimeout((()=>{i.apply(this,r)}),t)}}setClosed(i=!1){this.isOpen=!1,i&&document.getElementById(`${this.afId}`).focus(),this.setScroll(0),this._searchQuery="",this.afOnQueryChanged.emit(""),this.afOnSubmitFilters.emit(this._selectedItems),this.filterResults()}setScroll(i){document.querySelector(`#${this.afId}-dropdown-menu .digi-form-select-filter__scroll`).scrollTop=i}setOpen(){this.isOpen=!0,this.focusListItemIndex=0,setTimeout((()=>{this.setFocusSearch()}),50)}giveItemsValueIfNoneExist(){this._afListItems.filter((i=>void 0===i.value)).forEach((i=>{i.value=i.label}))}sortListAlphabetically(){this.sortAlphabetically&&this._afListItems.sort(((i,t)=>i.label<t.label?-1:i.label>t.label?1:0))}toggleDropdown(){return this.isOpen?this.setClosed():this.setOpen()}inputItem(i,t){return this.hostElement.querySelectorAll(`#${i} .digi-form-select-filter__item`).item(t)}emitFilterClosedEvent(){this.setClosed(!0),this.afOnFilterClosed.emit()}componentWillLoad(){this.handleListItems()}setFocusItem(){const i=this.inputItem(`${this.afId}-select-filter-list`,this.focusListItemIndex);i&&i.focus()}setFocusSearch(){const i=this.hostElement.querySelector("input");i&&i.focus()}setTabIndex(){const i=document.querySelectorAll(`#${this.afId}-dropdown-menu`);i?Array.from(i).map((i=>{i.setAttribute("tabindex","-1")})):d.warn("No input elements was found to set tabindex on.",this.hostElement)}updateTabIndex(i){i?i.setAttribute("tabindex","0"):d.warn("No input element was found to update tabindex on.",this.hostElement)}incrementFocusItem(){return this.focusListItemIndex<(this.showNeutralValue?this._filteredResult.length:this._filteredResult.length-1)?(this.focusListItemIndex=this.focusListItemIndex+1,void this.setFocusItem()):this.afMultipleItems?void this.tabHandler():(this.focusListItemIndex=0,void this.setFocusItem())}decrementFocusItem(){0!==this.focusListItemIndex?(this.focusListItemIndex>0&&(this.focusListItemIndex=this.focusListItemIndex-1),this.setFocusItem()):this.setFocusSearch()}downHandler(i){i.detail.preventDefault(),"ArrowDown"!==i.detail.code&&"ArrowRight"!==i.detail.code||this.incrementFocusItem()}upHandler(i){i.detail.preventDefault(),"ArrowUp"!==i.detail.code&&"ArrowLeft"!==i.detail.code||this.decrementFocusItem()}homeHandler(i){i.detail.preventDefault(),this.focusListItemIndex=0,this.setFocusItem()}endHandler(i){i.detail.preventDefault(),this.focusListItemIndex=this.showNeutralValue?this._filteredResult.length:this._filteredResult.length-1,this.setFocusItem()}enterHandler(i){i.detail.preventDefault(),i.detail.target.click()}spaceHandler(i){i.detail.preventDefault(),i.detail.target.click()}escHandler(){this.isOpen&&this.setClosed(!0)}tabHandler(){this.isOpen&&this.focusInList&&(this.afMultipleItems&&this._submitButton?setTimeout((()=>{var i;this._submitButton&&(null===(i=this._submitButton.querySelector("button"))||void 0===i||i.focus())}),10):this.setClosed(!0))}shiftHandler(){this.isOpen&&this.focusInList&&(this.afMultipleItems&&this._toggleButton?this._toggleButton.querySelector("button").focus():this.setFocusSearch())}filterResults(){this._filteredResult=this._searchQuery&&this._searchQuery.length>0?[...this._afListItems.filter((i=>i.label.toLowerCase().includes(this._searchQuery.toLowerCase())))]:[...this._afListItems]}inputSearchKeyboardHandler(i){"ArrowDown"===i.code&&(i.preventDefault(),this.setFocusItem()),"Enter"===i.code&&""!==this._searchQuery&&(i.preventDefault(),this.setFocusItem())}inputSearchInputHandler(i){this._searchQuery=i.target.value,this.afOnQueryChanged.emit(this._searchQuery),this.filterResults()}resetSelectItems(i=!1){this._selectedItems=[],this.value=[],this.afOnSelect.emit([]),this._searchQuery="",this.filterResults(),i&&this.emitFilterClosedEvent(),this.afOnResetFilters.emit()}selectItemHandler(i){this.afMultipleItems?(i.selected=!i.selected,this._selectedItems.filter((t=>t.value===i.value)).length>0?this._selectedItems.splice(this._selectedItems.findIndex((t=>t.value===i.value)),1):this._selectedItems=[...this._selectedItems,i]):(this._selectedItems.forEach((i=>{i.selected=!1})),i.selected=!0,this._selectedItems=[i],this.emitFilterClosedEvent()),this.value=this._selectedItems,this.afOnSelect.emit(this._selectedItems),this.filterResults()}isSelected(i){return!!(i&&this._selectedItems&&this._selectedItems.length>0)&&this._selectedItems.filter((t=>t.value===i)).length>0}get cssModifiers(){return{"digi-form-select-filter--open":this.isOpen,"digi-form-select-filter--neutral":this.afValidation===c.NEUTRAL,"digi-form-select-filter--success":this.afValidation===c.SUCCESS,"digi-form-select-filter--warning":this.afValidation===c.WARNING,"digi-form-select-filter--error":this.afValidation===c.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(i){const t=(t="")=>i?t:"";return this._selectedItems&&1===this._selectedItems.length?t(this.afFilterButtonTextLabel+": ")+this._selectedItems[0].label:this._selectedItems&&this._selectedItems.length>0&&this.afMultipleItems?this.afFilterButtonTextMultipleValues?t(this.afFilterButtonTextLabel+": ")+this.afFilterButtonTextMultipleValues.replace("{count}",this._selectedItems.length.toString()):t(this.afFilterButtonTextLabel+": ")+`${this._selectedItems.length} valda`:t(this.afFilterButtonTextLabel?this.afFilterButtonTextLabel+": ":"")+this.afFilterButtonText}get renderButtonLabel(){return this.buttonText(!1)}get ariaLabel(){return this.buttonText(!0)}get showNeutralValue(){return!this.afMultipleItems&&this.afFilterButtonText&&0===this._searchQuery.length}showValidation(){return!(this.afDisableValidation||this.afValidation===c.NEUTRAL||!this.afValidationText)}renderEmptyStateBox(){let i="";return this._filteredResult&&this._filteredResult.length>0?i=`${this._filteredResult.length} sökträff${this._filteredResult.length>1?"ar":""}`:0===this._filteredResult.length&&(i=`${this.afEmptySearchMessage} ${this._searchQuery}`),e(r,null,e("div",{role:"status",id:`${this.afId}-searchstatus`,class:{"digi-form-select-filter__search-status":!0,"digi--util--sr-only":this._filteredResult&&this._filteredResult.length>0}},e("span",null," ",i," "),e("div",{class:{hidden:this._filteredResult&&this._filteredResult.length>0}},e("slot",{name:"empty-search-result"}))))}render(){return e("div",{key:"131d9bcd798a19ab4da264d59e7b2b938af39e4d",class:Object.assign({"digi-form-select-filter":!0},this.cssModifiers),role:"application",id:`${this.afId}-identifier`},e("digi-form-label",{key:"6ad325b665d8d23ffb8bc926cec923a4f43cec77",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}),e("digi-util-keydown-handler",{key:"d90ec9e07871d99e964036346a13d3dcf8bb98f3",onAfOnEsc:()=>this.escHandler()},e("button",{key:"1d64f4c3a76bc2d81a10b60e82ee7f5724192051",type:"button",id:`${this.afId}`,class:"digi-form-select-filter__toggle-button",onClick:()=>this.toggleDropdown(),ref:i=>this._toggleButton=i,"aria-haspopup":"true","aria-label":this.ariaLabel,"aria-labelledby":this.afFilterButtonAriaDescribedby,"aria-controls":`${this.afId}-dropdown-menu`,"aria-expanded":this.isOpen},e("div",{key:"4c82b8b3dfd9a6c66bcbd852498eeabcd4aa5ccb",class:Object.assign({"digi-form-filter__toggle-button-wrapper":!0},this.cssModifiersToggleButtonWrapper)},e("digi-icon-check",{key:"8b8d3ed48f8f7cfdc374ebf9d62da00891d15e06",class:Object.assign({"digi-form-select-filter__toggle-button-indicator":!0},this.cssModifiersToggleButtonIndicator),slot:"icon"}),e("span",{key:"e35d0ae711a81e43886707bffaed3b10ecffb25d",class:"digi-form-select-filter__toggle-button-text"},this.renderButtonLabel)),e("digi-icon-chevron-down",{key:"dfe447e717e5c99d400390aaaacad6160d188928",class:"digi-form-select-filter__toggle-icon"})),e("div",{key:"cd68ced3b7f00548e23a3d37e54bccbc3f7ca700",id:`${this.afId}-dropdown-menu`,class:{"digi-form-select-filter__dropdown":!0,"digi-form-select-filter__dropdown--right":this.afAlignRight,"digi-form-select-filter__dropdown--hidden":!this.isOpen}},e("fieldset",{key:"8cf2eedb7d23bcec85d761336f80c94665f8de8b"},e("div",{key:"9e791ab8c6eea058919f01e6819d64c84a1958a5",class:"digi-form-select-filter__header"},e("legend",{key:"8497b0c1517187628a3978697cf804fb4a647935",class:"digi-form-select-filter__legend"},this.afFilterButtonTextLabel),e("digi-form-input",{key:"934ae7bc9be7b0d3a312dea866e21065246c1a84",afLabel:this.afName,afId:`${this.afId}-search`,afVariation:n.MEDIUM,afType:f.SEARCH,afValidation:m.NEUTRAL,onAfOnFocus:()=>{this.focusListItemIndex=0},onAfOnKeyup:i=>{this.inputSearchKeyboardHandler(i.detail)},onAfOnInput:i=>this.inputSearchInputHandler(i.detail),afValue:this._searchQuery,class:"digi-form-select-filter__search-input",afAriaControls:`${this.afId}-select-filter-list`,afAutocomplete:"off",afAriaAutocomplete:"none"}),this.renderEmptyStateBox()),e("div",{key:"1768a9ad717b385f8a3c2c76d12c126009d97821",class:"digi-form-select-filter__scroll"},e("digi-util-keydown-handler",{key:"55527df2cae38577b555155a03f50b1167eb8c65",onAfOnDown:i=>this.downHandler(i),onAfOnRight:i=>this.downHandler(i),onAfOnUp:i=>this.upHandler(i),onAfOnLeft:i=>this.upHandler(i),onAfOnHome:i=>this.homeHandler(i),onAfOnEnd:i=>this.endHandler(i),onAfOnEnter:i=>this.enterHandler(i),onAfOnSpace:i=>this.spaceHandler(i),onAfOnTab:()=>this.tabHandler(),onAfOnShiftTab:()=>this.shiftHandler()},e("ul",{key:"7898741e2835ef7362a240feacd421aa843aedbb",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===c.ERROR?"true":"false","aria-errormessage":`${this.afId}--validation-message`,"aria-required":!this.afMultipleItems&&(this.afRequired?"true":"false")},this.showNeutralValue&&e("li",{key:"5cc7d76c73e0029bd050417798bfc9b023132ee5",class:"digi-form-select-filter__item",role:"radio","aria-required":this.afMultipleItems?"false":this.afRequired?"true":"false","aria-checked":0===this._selectedItems.length?"true":"false",onClick:()=>this.resetSelectItems(!0),tabIndex:0,"aria-label":this.afFilterButtonText},0===this._selectedItems.length&&e("digi-icon-check",{key:"01cfe3f21036a55b97644fb03d915a5eea506694",class:"digi-form-select-filter__item__icon","aria-hidden":"true"}),this.afFilterButtonText),this._filteredResult&&this._filteredResult.map(((i,t)=>e("li",{class:"digi-form-select-filter__item",key:t,dir:i.dir,lang:i.lang,"aria-checked":this.isSelected(i.value)?"true":"false",role:this.afMultipleItems?"checkbox":"radio","aria-required":this.afMultipleItems?"false":this.afRequired?"true":"false","aria-invalid":this.afMultipleItems&&this.afValidation===c.ERROR?"true":"false","aria-errormessage":`${this.afId}--validation-message`,onClick:()=>this.selectItemHandler(i),tabIndex:this.showNeutralValue?-1:0===t?0:-1},this.isSelected(i.value)&&e("digi-icon-check",{class:"digi-form-select-filter__item__icon","aria-hidden":"true"}),i.label))))))),this.afMultipleItems&&e("div",{key:"e0be65595bed741b5de8216ada9fe0d0de47ac3e",class:"digi-form-select-filter__footer"},!this.afHideResetButton&&e("digi-button",{key:"db69b04b4b2ab410a237198a23a3100b48ce6bdb","af-variation":"secondary","af-aria-label":this.afResetButtonTextAriaLabel,onClick:()=>this.resetSelectItems(),class:"digi-form-select-filter__reset-button"},this.afResetButtonText),e("digi-util-keydown-handler",{key:"192df90619ef17bbf77e11a2467f09d80bd5fc36",onAfOnUp:()=>this.setFocusItem()},e("digi-button",{key:"05f35b1ce6b839803b437f686802ac5caba52dc8",ref:i=>this._submitButton=i,"af-variation":"primary","af-aria-label":this.afSubmitButtonTextAriaLabel,onClick:()=>{this.setClosed(!0)},class:"digi-form-select-filter__submit-button"},this.afSubmitButtonText))))),e("div",{key:"d9e0abd51c768bd874bfaff6da2c6b13fe9d279d",class:"digi-form-select__footer"},e("div",{key:"b80b09a64b27eebed494a5f4978f527c24fed3b0","aria-atomic":"true",role:"alert",id:`${this.afId}--validation-message`},this.showValidation()&&e("digi-form-validation-message",{key:"b574f92b656755f9ee7f47d1c46dbff5e3b2ece8","af-variation":this.afValidation},this.afValidationText))))}get hostElement(){return o(this)}static get watchers(){return{value:["onValueChanged"],afListItems:["handleListItems"]}}};p.style='.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}';export{p as digi_form_select_filter}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as i,c as t,h as a,H as s}from"./p-e35cae7b.js";import{O as l,D as d}from"./p-b4022c44.js";const g=class{constructor(a){i(this,a),this.afTabChange=t(this,"afTabChange",7),this.afTabFocusChange=t(this,"afTabFocusChange",7),this.tabRefs={},this.handleResize=()=>{this.tablistRef&&(this._requestAnimationFrame&&cancelAnimationFrame(this._requestAnimationFrame),this._requestAnimationFrame=requestAnimationFrame((()=>{var i,t;const a=this.tablistRef,s=a.clientWidth,l=a.scrollWidth,d=1/((null===window||void 0===window?void 0:window.devicePixelRatio)||1),g=Math.max(null!==(t=null===(i=this.tabs)||void 0===i?void 0:i.length)&&void 0!==t?t:0,1),o=Math.floor((s+d)/(l/g));this.tabsPerWindow=Math.max(1,Math.min(o,g)),this.listOverflows=l-s>d,this.showPrev=a.scrollLeft>d,this.showNext=a.scrollLeft+a.clientWidth<a.scrollWidth-d})))},this.activeTab=0,this.selectedTab=0,this.windowTab=0,this.tabsPerWindow=void 0,this.tabs=[],this.listOverflows=!1,this.showPrev=!1,this.showNext=!1,this.afTabs=void 0,this.afOverflowMode=l.Controls,this.afAriaLabelledby=void 0,this.afAriaLabel=void 0,this.afInitialTab=void 0,this.afActiveTab=void 0}handleKey(i){if(this.focusCaptured()){let t=!0;switch(i.key){case" ":case"Enter":return this.setActiveTabAndFocus(this.selectedTab);case"ArrowLeft":i.shiftKey?this.handleTabControl(d.Previous):this.focusTab(this.selectedTab-1);break;case"ArrowRight":i.shiftKey?this.handleTabControl(d.Next):this.focusTab(this.selectedTab+1);break;case"Home":return i.shiftKey?this.focusTab(0):this.moveWindow(0);case"End":return i.shiftKey?this.focusTab(this.tabs.length-1):this.moveWindow(this.tabs.length-1);default:t=!1}t&&i.preventDefault()}}syncPanels(){if(null!=this.panelsRef){const i=this.panelsRef.querySelectorAll("digi-tablist-panel");for(let t=0;t<i.length;t++){const a=i[t];a.isVisible=a.tab===this.tabs[this.activeTab].id}}}handleTabPropChange(i){this.setActiveTabById(i)}syncControls(){const i=Math.floor(this.windowTab/this.tabsPerWindow),t=Math.ceil(this.tabs.length/this.tabsPerWindow);this.showPrev=i>0,this.showNext=i<t-1}syncWindow(i){const t=this.tabRefs[this.tabs[i].id],a=this.tablistRef.getBoundingClientRect(),s=t.getBoundingClientRect(),l=Math.max(Math.min(t.offsetLeft-a.width/2+s.width/2,this.tablistRef.scrollWidth-a.width),0);this.tablistRef.scrollTo({left:l,behavior:"smooth"})}syncFocus(i){this.tabRefs[this.tabs[i].id].focus({preventScroll:!0}),this.windowTab=i}setupTabs(i){if("string"==typeof i)this.tabs=JSON.parse(i);else{if(!Array.isArray(i))throw new Error("Invalid format or no tabs supplied");this.tabs=i}}setActiveTabById(i){const t=this.tabs.findIndex((t=>t.id===i));t>-1&&(this.activeTab=t)}setupInitialTab(){return null!=this.afActiveTab?this.setActiveTabById(this.afActiveTab):null!=this.afInitialTab?this.setActiveTabById(this.afInitialTab):void 0}setupResizeHandler(){this.resizeObserver=new ResizeObserver((()=>this.handleResize())),this.resizeObserver.observe(this.tablistRef)}handleTabChange(i){const t=this.tabs.findIndex((({id:t})=>t===i.id));this.setActiveTabAndFocus(t),this.afTabChange.emit(i)}handleTabControl(i){this.moveWindow(this.windowTab+i*this.tabsPerWindow)}setActiveTabAndFocus(i){this.activeTab=i,this.focusTab(i)}focusTab(i){this.selectedTab=this.nextTabIdx(i),this.afTabFocusChange.emit(this.tabs[this.selectedTab])}moveWindow(i){i=Math.max(0,Math.min(i,this.tabs.length-1)),this.windowTab=i}nextTabIdx(i){return i>=this.tabs.length?0:i<0?this.tabs.length-1:i}focusCaptured(){return this.tabs.some((i=>this.tabRefs[i.id]===document.activeElement))}componentWillLoad(){this.setupTabs(this.afTabs),this.setupInitialTab()}componentDidLoad(){var i,t,a;window&&window.addEventListener("resize",this.handleResize,{passive:!0}),null===(a=null===(t=null===(i=document.fonts)||void 0===i?void 0:i.ready)||void 0===t?void 0:t.then)||void 0===a||a.call(t,(()=>this.handleResize())),this.setupResizeHandler(),this.handleResize(),this.syncPanels(),this.syncControls()}disconnectedCallback(){var i;window&&window.removeEventListener("resize",this.handleResize),null===(i=this.resizeObserver)||void 0===i||i.disconnect(),this._requestAnimationFrame&&cancelAnimationFrame(this._requestAnimationFrame)}render(){return a(s,{key:"b254db2497b74752d34aa4672ae38ac5a1051024"},a("div",{key:"4028d5c2ee9954fb5755285dfe88029fec02d516",class:{"digi-tablist":!0,"digi-tablist--overflow-scroll":this.afOverflowMode===l.Scroll,"digi-tablist--overflow-controls":this.afOverflowMode===l.Controls}},a("div",{key:"1643904cc02630eb56f711b7decf3157cefab417",class:"control-wrapper",style:{left:"0",visibility:this.showPrev?"visible":"hidden"}},a("button",{key:"d71bb576079e486f2bf197c1654e47ef81147455",tabIndex:-1,type:"button","aria-hidden":"true",class:{"tab-control-button":!0},onClick:()=>this.handleTabControl(d.Previous)},a("digi-icon-chevron-left",{key:"e9d6cfbbb9aa6175d591db7fa67918b266506ed1"}))),a("div",{key:"ae8db9b6af8276c07fef53b1e376ccf975dd1822",role:"tablist",ref:i=>this.tablistRef=i,"aria-labelledby":this.afAriaLabelledby,"aria-label":this.afAriaLabel},this.tabs.map((i=>{const t=i.id===this.tabs[this.activeTab].id,s=`digi-icon-${i.icon}`,l=i.badgeValue;return a("button",{ref:t=>this.tabRefs[i.id]=t,class:{"digi-tab":!0,"is-active":t},id:`tab-${i.id}`,role:"tab",type:"button",tabindex:i.id===this.tabs[this.selectedTab].id?"0":"-1","aria-label":i.ariaLabel,"aria-selected":t.toString(),"aria-controls":`tabpanel-${i.id}`,onClick:()=>this.handleTabChange(i)},a("div",{class:"content-wrapper"},a("span",{class:"tablist-content"},i.icon&&a(s,{"aria-hidden":"true"}),a("span",{class:"title","data-text":i.title},i.title),i.badgeValue&&a("digi-badge-notification",{afValue:l,"aria-hidden":"true"})),a("div",{class:"indicator"})))}))),a("div",{key:"fad2b3c44632c2354abef8c4a863654cfb44954a",class:"control-wrapper",style:{right:"0",visibility:this.showNext?"visible":"hidden"}},a("button",{key:"75df669a8a5693fb90755daccbb85a09478124cc",tabIndex:-1,type:"button","aria-hidden":"true",class:{"tab-control-button":!0},onClick:()=>this.handleTabControl(d.Next)},a("digi-icon-chevron-right",{key:"b9d9fe9346d98fda9c97f999a1667645a58e3686"})))),a("div",{key:"03997499224b2d881c755eef234cee9dda4e2828",ref:i=>this.panelsRef=i,role:"presentation"},a("slot",{key:"0d983ff976eb7a90b92030b3ef9a33c135aab90a"})))}static get watchers(){return{activeTab:["syncPanels"],afActiveTab:["handleTabPropChange"],windowTab:["syncControls","syncWindow"],listOverflows:["syncControls"],selectedTab:["syncFocus"],afTabs:["setupTabs"]}}};g.style='.digi--util--fs--xs.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tablist{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tablist{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tablist{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tablist{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tablist{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tablist{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tablist{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tablist{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tablist{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tablist{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tablist{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tablist{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tablist{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tablist{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tablist{padding:2.5rem !important}.digi--util--p--60.sc-digi-tablist{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tablist{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tablist{padding:4.5rem !important}.digi--util--p--90.sc-digi-tablist{padding:5rem !important}.digi--util--ptb--1.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tablist{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tablist{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tablist{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tablist{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tablist{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tablist{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tablist{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tablist{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tablist{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tablist{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tablist{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-tablist{display:none}.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--border--tertiary);--tab-text-color:var(--digi--color--text--primary);--icon-color:var(--digi--color--text--primary);--icon-color-hover:var(--digi--color--icons--inverted);--icon-color-active:var(--digi--color--icons--complementary-1);--icon-background:var(--digi--color--background--neutral-6);--icon-hover-background:var(--digi--color--background--inverted-2);--icon-active-background:var(--digi--color--background--neutral-7);--tab-icon-primary--color:var(--digi--color--icons--primary);--tab-icon-primary--color-hover:var(--digi--color--icons--primary);--tab-icon-primary--color-active:var(--digi--color--icons--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);position:relative;display:flex;gap:1rem;background-color:white;margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--border--neutral-2)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--neutral-6);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--text--link)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/"";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--link);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}';export{g as digi_tablist}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var a,l;!function(a){a.SMALL="small",a.MEDIUM="medium",a.LARGE="large"}(a||(a={})),function(a){a.SMALL="small",a.LARGE="large"}(l||(l={}));export{a as T,l as a}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h } from './index-8e318bb2.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
|
|
4
|
-
const iconCheckCss = ".sc-digi-icon-check-h{--digi--icon--color:var(--digi--color--icons--primary);--digi--icon--width:initial;--digi--icon--height:auto;display:flex;min-height:1.4em;align-items:center}.sc-digi-icon-check-h svg.sc-digi-icon-check{color:var(--digi--icon--color);max-width:var(--digi--icon--width);max-height:var(--digi--icon--height);width:var(--digi--icon--width, auto);height:var(--digi--icon--height, auto)}";
|
|
5
|
-
const DigiIconCheckStyle0 = iconCheckCss;
|
|
6
|
-
|
|
7
|
-
const IconCheck = class {
|
|
8
|
-
constructor(hostRef) {
|
|
9
|
-
registerInstance(this, hostRef);
|
|
10
|
-
this.afTitle = undefined;
|
|
11
|
-
this.afDesc = undefined;
|
|
12
|
-
this.afSvgAriaHidden = true;
|
|
13
|
-
this.afSvgAriaLabelledby = undefined;
|
|
14
|
-
this.titleId = randomIdGenerator('icontitle');
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
return (h("svg", { key: 'b93763762cb15da9dd043c599d28801dd1b7b6d2', class: "digi-icon-check", width: "23", height: "18", viewBox: "0 0 23 18", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": this.afSvgAriaHidden ? 'true' : 'false', "aria-labelledby": this.afSvgAriaLabelledby
|
|
18
|
-
? this.afSvgAriaLabelledby
|
|
19
|
-
: this.afTitle
|
|
20
|
-
? this.titleId
|
|
21
|
-
: undefined }, this.afTitle && h("title", { key: '50601b1e8c8eaf8a33d0a1074005e9c65b87113d', id: this.titleId }, this.afTitle), this.afDesc && h("desc", { key: '06f9aacdab41e114f4f47f690ece821651ac4ee3' }, this.afDesc), h("path", { key: '1af3c61a39655f9002f6826fc8beaf48b2a976b1', class: "digi-icon-check__shape", d: "M20.547.18L7.315 13.627 2.453 8.686a.597.597 0 00-.853 0L.177 10.132a.62.62 0 000 .868l6.711 6.82c.236.24.618.24.854 0L22.823 2.493a.62.62 0 000-.867L21.4.18a.597.597 0 00-.853 0z", fill: "currentColor", "fill-rule": "nonzero" })));
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
IconCheck.style = DigiIconCheckStyle0;
|
|
25
|
-
|
|
26
|
-
export { IconCheck as digi_icon_check };
|
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, g as getElement } from './index-8e318bb2.js';
|
|
2
|
-
import { _ as _t } from './text-ee5498fa.js';
|
|
3
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
4
|
-
import { P as ProgressIndicatorRole, a as ProgressIndicatorVariation } from './progress-indicator-variation.enum-b12ba50a.js';
|
|
5
|
-
|
|
6
|
-
const progressIndicatorCss = ".digi--util--fs--xs.sc-digi-progress-indicator{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-progress-indicator{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-progress-indicator{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-progress-indicator{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-progress-indicator{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-progress-indicator{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-progress-indicator{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-progress-indicator{padding-top:5rem !important}.digi--util--pb--1.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-progress-indicator{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-progress-indicator{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-progress-indicator{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-progress-indicator{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-progress-indicator{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-progress-indicator{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-progress-indicator{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-progress-indicator{padding:2.5rem !important}.digi--util--p--60.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-progress-indicator{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-progress-indicator{padding:4.5rem !important}.digi--util--p--90.sc-digi-progress-indicator{padding:5rem !important}.digi--util--ptb--1.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-progress-indicator{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-progress-indicator{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-progress-indicator{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-progress-indicator{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-progress-indicator{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-progress-indicator{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-progress-indicator{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-progress-indicator{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-progress-indicator{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-progress-indicator{display:none}.sc-digi-progress-indicator-h{--digi--progress-indicator--margin:0 0 var(--digi--margin--medium);--digi--progress-indicator--label--font-size:var(--digi--typography--label--font-size--desktop);--digi--progress-indicator--label--margin:var(--digi--gutter--medium) 0;--digi--progress-indicator--border-color:var(--digi--color--border--neutral-5);--digi--progress-indicator--border-color--active:var(--digi--global--color--function--success--base);--digi--progress-indicator--border-color--secondary--active:var(--digi--color--border--secondary);--digi--progress-indicator--border-width:var(--digi--border-width--primary);--digi--progress-indicator--gap:var(--digi--padding--largest);--digi--progress-indicator--gap--medium:var(--digi--padding--largest);--digi--progress-indicator--gap--large:var(--digi--padding--largest-3);--digi--progress-indicator--gap--x-large:var(--digi--padding--largest-3);--digi--progress-indicator--heading--font-size:var(--digi--typography--heading-2--font-size--desktop);--digi--progress-indicator--heading--mobile--font-size:var(--digi--typography--heading-2--font-size--mobile);--digi--progress-indicator--heading--font-weight:var(--digi--typography--heading-2--font-weight--desktop);--digi--progress-indicator--step--background:transparent;--digi--progress-indicator--step--background--active:var(--digi--global--color--function--success--base);--digi--progress-indicator--step--background--secondary--active:var(--digi--color--background--inverted-1);--digi--progress-indicator--step--size:var(--digi--global--spacing--base);--digi--progress-indicator--step--size--large:1.625rem;--digi--progress-indicator--step--size--active:1.625rem;--digi--progress-indicator--step--size--active--large:1.625rem;--digi--progress-indicator--step--line--width:var(--digi--border-width--secondary);--digi--progress-indicator--step--line--color:var(--digi--color--border--neutral-5);--digi--progress-indicator--step--line--color--current:var(--digi--color--border--neutral-5);--digi--progress-indicator--step--line--color--active:var(--digi--global--color--function--success--base);--digi--progress-indicator--step--line--color--secondary--active:var(--digi--color--border--secondary);--digi--progress-indicator--step--line--style:dashed;--digi--progress-indicator--icon--width:1rem;--digi--progress-indicator--icon--height:1rem;--digi--progress-indicator--icon--color:var(--digi--color--text--inverted);--digi--progress-indicator--icon-status--width:1.75rem;--digi--progress-indicator--icon-status--height:1.75rem;--digi--progress-indicator--icon--warning--color:var(--digi--color--background--warning-1);--digi--progress-indicator--icon--error--color:var(--digi--color--background--danger-1);--digi--progress-indicator--icon--error--background-color:var(--digi--color--background--danger-2)}.sc-digi-progress-indicator-h .digi-progress-indicator.sc-digi-progress-indicator{font-size:var(--digi--progress-indicator--label--font-size);margin:var(--digi--progress-indicator--margin);box-sizing:border-box}.sc-digi-progress-indicator-h .digi-progress-indicator.sc-digi-progress-indicator:not(.digi-progress-indicator--linear){--digi--progress-indicator--step--line--color--active:var(\n --digi--progress-indicator--step--line--color\n )}.sc-digi-progress-indicator-h .digi-progress-indicator__content.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-progress-indicator-h .digi-progress-indicator__heading.sc-digi-progress-indicator{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--progress-indicator--heading--font-weight);margin:0;margin-bottom:0.5rem}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__heading.sc-digi-progress-indicator{font-size:var(--digi--typography--heading-2--font-size--mobile);font-weight:var(--digi--typography--heading-2--font-weight--mobile)}}.sc-digi-progress-indicator-h .digi-progress-indicator__next.sc-digi-progress-indicator{font-size:var(--digi--typography--body--font-size--desktop);font-style:italic;color:var(--digi--color--text--neutral);margin:0}.sc-digi-progress-indicator-h .digi-progress-indicator__icon.sc-digi-progress-indicator{--digi--icon--height:var(--digi--progress-indicator--icon--width);--digi--icon--width:var(--digi--progress-indicator--icon--height);--digi--icon--color:var(--digi--progress-indicator--icon--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__icon--warning.sc-digi-progress-indicator{--digi--icon--height:var(\n --digi--progress-indicator--icon-status--height\n );--digi--icon--width:var(\n --digi--progress-indicator--icon-status--width\n );margin-top:4px}.sc-digi-progress-indicator-h .digi-progress-indicator__icon--error.sc-digi-progress-indicator{margin-top:4px;--digi--icon--height:var(\n --digi--progress-indicator--icon-status--height\n );--digi--icon--width:var(\n --digi--progress-indicator--icon-status--width\n );--digi--icon--color:var(\n --digi--progress-indicator--icon--error--color\n )}.sc-digi-progress-indicator-h .digi-progress-indicator__label.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-indicator--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);margin:var(--digi--progress-indicator--label--margin)}.sc-digi-progress-indicator-h .digi-progress-indicator__label--steps.sc-digi-progress-indicator{font-weight:600}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label.sc-digi-progress-indicator{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--progress-indicator--label--font-size);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);padding:var(--digi--gutter--medium) var(--digi--gutter--medium);display:flex;align-items:center}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label.sc-digi-progress-indicator span.sc-digi-progress-indicator{display:inline-block;margin-left:8px}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label--warning.sc-digi-progress-indicator{background-color:var(--digi--color--background--warning-2)}.sc-digi-progress-indicator-h .digi-progress-indicator__validation-label--error.sc-digi-progress-indicator{background-color:var(--digi--color--background--danger-2)}.sc-digi-progress-indicator-h .digi-progress-indicator__list.sc-digi-progress-indicator{position:relative;list-style:none;padding:0;margin:0;margin-top:24px;margin-bottom:16px;display:grid;grid-template-columns:repeat(auto-fit, minmax(calc(var(--digi--progress-indicator--step--size) + var(--digi--progress-indicator--gap)), 1fr));--digi--progress-indicator--step--size:var(\n --digi--progress-indicator--step--size--large\n );--digi--progress-indicator--step--size--active:var(\n --digi--progress-indicator--step--size--active--large\n );--digi--progress-indicator--gap:var(\n --digi--progress-indicator--gap--x-large\n )}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__list.sc-digi-progress-indicator{grid-template-columns:repeat(auto-fit, minmax(0.45rem, 1fr))}}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator{position:relative;height:var(--digi--progress-indicator--step--size--active);z-index:2}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator:last-child{width:var(--digi--progress-indicator--step--size--active)}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator:last-child::before{display:none}.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator::before{content:\"\";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;width:calc(100% - 34px);left:30px;border-top:var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--step--line--color)}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step.sc-digi-progress-indicator::before{width:calc(100% - 1.1rem);left:1.1rem}}.sc-digi-progress-indicator-h .digi-progress-indicator__step--active.sc-digi-progress-indicator{--digi--progress-indicator--border-color:var(\n --digi--progress-indicator--border-color--active\n );--digi--progress-indicator--step--background:var(\n --digi--progress-indicator--step--background--active\n );--digi--progress-indicator--step--size:var(\n --digi--progress-indicator--step--size--active\n );--digi--progress-indicator--step--line--color:var(\n --digi--progress-indicator--step--line--color--active\n );--digi--progress-indicator--step--line--style:solid}.sc-digi-progress-indicator-h .digi-progress-indicator__step--active.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{margin-left:calc((var(--digi--progress-indicator--step--size--large) - var(--digi--progress-indicator--step--size--active--large)) / 2)}.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator{--digi--progress-indicator--step--line--color:var(\n --digi--progress-indicator--step--line--color--current\n );--digi--progress-indicator--step--line--style:dashed}.sc-digi-progress-indicator-h .digi-progress-indicator__step--current.sc-digi-progress-indicator span.sc-digi-progress-indicator{box-shadow:inset 0px 0px 0px 2px var(--digi--color--background--primary)}.sc-digi-progress-indicator-h .digi-progress-indicator__step--warning.sc-digi-progress-indicator,.sc-digi-progress-indicator-h .digi-progress-indicator__step--error.sc-digi-progress-indicator{--digi--progress-indicator--step--background:transparent}.sc-digi-progress-indicator-h .digi-progress-indicator__step--warning.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator,.sc-digi-progress-indicator-h .digi-progress-indicator__step--error.sc-digi-progress-indicator .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{border:0;box-shadow:inset 0px 0px 0px 2px transparent}.sc-digi-progress-indicator-h .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{width:var(--digi--progress-indicator--step--size);height:var(--digi--progress-indicator--step--size);border:var(--digi--progress-indicator--step--line--style) var(--digi--progress-indicator--step--line--width) var(--digi--progress-indicator--border-color);background:var(--digi--progress-indicator--step--background);box-sizing:border-box;position:absolute;display:inline-flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%);border-radius:50%}@media (max-width: 36rem){.sc-digi-progress-indicator-h .digi-progress-indicator__step-indicator.sc-digi-progress-indicator{width:1.1rem;height:1.1rem}}.sc-digi-progress-indicator-h .digi-progress-indicator__step-number.sc-digi-progress-indicator{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-progress-indicator-h .digi-progress-indicator__circle-wrapper.sc-digi-progress-indicator{display:flex;align-items:center}.sc-digi-progress-indicator-h .digi-progress-indicator__circle.sc-digi-progress-indicator{position:relative;display:inline-block}.sc-digi-progress-indicator-h .digi-progress-indicator__circle.sc-digi-progress-indicator svg.sc-digi-progress-indicator{transform:rotate(-90deg)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-label.sc-digi-progress-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--typography--tag--font-size--desktop);line-height:var(--digi--typography--body--line-height--desktop);color:var(--digi--color--text--primary);font-weight:600;margin:0}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-unfinished.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--border-color)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-completed.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--step--background--active)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-warning.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--icon--warning--color)}.sc-digi-progress-indicator-h .digi-progress-indicator__circle-step-error.sc-digi-progress-indicator{stroke:var(--digi--progress-indicator--icon--error--color)}";
|
|
7
|
-
const DigiProgressIndicatorStyle0 = progressIndicatorCss;
|
|
8
|
-
|
|
9
|
-
const ProgressIndicator = class {
|
|
10
|
-
constructor(hostRef) {
|
|
11
|
-
registerInstance(this, hostRef);
|
|
12
|
-
this.completedSteps = undefined;
|
|
13
|
-
this.totalSteps = [];
|
|
14
|
-
this.listItems = undefined;
|
|
15
|
-
this.hasSlottedItems = undefined;
|
|
16
|
-
this.radius = 42;
|
|
17
|
-
this.stroke = 6;
|
|
18
|
-
this.afCompletedSteps = undefined;
|
|
19
|
-
this.afWarningStep = undefined;
|
|
20
|
-
this.afErrorStep = undefined;
|
|
21
|
-
this.afTotalSteps = undefined;
|
|
22
|
-
this.afStepsSeparator = _t.of;
|
|
23
|
-
this.afStepText = _t.step;
|
|
24
|
-
this.afStepNextText = _t.progress.questions_next;
|
|
25
|
-
this.afStepHeading = undefined;
|
|
26
|
-
this.afStepNextLabel = undefined;
|
|
27
|
-
this.afValidationLabel = undefined;
|
|
28
|
-
this.afRole = ProgressIndicatorRole.STATUS;
|
|
29
|
-
this.afVariation = ProgressIndicatorVariation.PRIMARY;
|
|
30
|
-
this.afId = randomIdGenerator('digi-progress-indicator');
|
|
31
|
-
}
|
|
32
|
-
componentWillLoad() {
|
|
33
|
-
this.changeTotalStepsHandler(this.afTotalSteps);
|
|
34
|
-
this.getItems();
|
|
35
|
-
}
|
|
36
|
-
componentDidLoad() {
|
|
37
|
-
this.getItems();
|
|
38
|
-
}
|
|
39
|
-
changeTotalStepsHandler(value) {
|
|
40
|
-
const arr = [];
|
|
41
|
-
let n = 0;
|
|
42
|
-
while (n < value) {
|
|
43
|
-
n++;
|
|
44
|
-
arr.push(n);
|
|
45
|
-
}
|
|
46
|
-
this.totalSteps = arr;
|
|
47
|
-
}
|
|
48
|
-
changeCompletedStepsHandler(value) {
|
|
49
|
-
this.completedSteps = value;
|
|
50
|
-
}
|
|
51
|
-
getItems(update) {
|
|
52
|
-
let items;
|
|
53
|
-
if (update) {
|
|
54
|
-
items = this._observer.children;
|
|
55
|
-
}
|
|
56
|
-
else {
|
|
57
|
-
items = this.hostElement.querySelectorAll('.digi-progress-indicator__slot li');
|
|
58
|
-
}
|
|
59
|
-
if (items.length > 0) {
|
|
60
|
-
this.hasSlottedItems = true;
|
|
61
|
-
this.listItems = [...items]
|
|
62
|
-
.filter((element) => element.tagName.toLowerCase() === 'li')
|
|
63
|
-
.map((element) => {
|
|
64
|
-
const el = element;
|
|
65
|
-
const checked = el.matches('.completed');
|
|
66
|
-
return {
|
|
67
|
-
text: element.textContent,
|
|
68
|
-
checked: checked
|
|
69
|
-
};
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
/**
|
|
74
|
-
* Lyssnar på om fokus sätts på custom-elementet och propagerar ner det till själva rubrik-elementet.
|
|
75
|
-
* @en Listens for when focus is set on the custom element and propagates it down to the actual heading element.
|
|
76
|
-
*/
|
|
77
|
-
focusOnHeading() {
|
|
78
|
-
this.headingElement.focus();
|
|
79
|
-
}
|
|
80
|
-
renderHeading() {
|
|
81
|
-
return (h("h2", { class: "digi-progress-indicator__heading", tabIndex: -1, ref: (el) => (this.headingElement = el) }, this.afStepHeading));
|
|
82
|
-
}
|
|
83
|
-
get cssModifiers() {
|
|
84
|
-
return {
|
|
85
|
-
'digi-progress-indicator': true,
|
|
86
|
-
'digi-progress-indicator--primary': this.afVariation === ProgressIndicatorVariation.PRIMARY,
|
|
87
|
-
'digi-progress-indicator--secondary': this.afVariation === ProgressIndicatorVariation.SECONDARY,
|
|
88
|
-
'digi-progress-indicator--linear': !this.hasSlottedItems
|
|
89
|
-
};
|
|
90
|
-
}
|
|
91
|
-
get slottedContent() {
|
|
92
|
-
return;
|
|
93
|
-
}
|
|
94
|
-
render() {
|
|
95
|
-
return (h("div", { key: '129050ed3f0aecee43976870d8c3fe834ab498fa', class: this.cssModifiers, role: this.afRole === ProgressIndicatorRole.STATUS
|
|
96
|
-
? ProgressIndicatorRole.STATUS
|
|
97
|
-
: null }, h("div", { key: 'ec760ad17be307e7078188b5f355f14008bd939d' }, this.afStepNextLabel !== undefined ? (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), this.afCompletedSteps != this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
|
|
98
|
-
visibility: this.afStepNextLabel !== null &&
|
|
99
|
-
this.afStepNextLabel !== undefined
|
|
100
|
-
? 'visible'
|
|
101
|
-
: 'hidden'
|
|
102
|
-
} }, `${this.afStepNextText} ${this.afStepNextLabel}`)), this.afCompletedSteps === this.afTotalSteps && (h("p", { class: "digi-progress-indicator__next", style: {
|
|
103
|
-
visibility: 'hidden'
|
|
104
|
-
} }, `${this.afStepNextText} ${this.afStepNextLabel}`)))) : (h("div", { class: "digi-progress-indicator__content" }, this.renderHeading(), h("p", { class: "digi-progress-indicator__label" }, h("span", null, `${this.afStepText}`, " "), h("span", { class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), !this.hasSlottedItems ? (h("ol", { class: "digi-progress-indicator__list", "aria-hidden": "true" }, this.totalSteps.map((item, i) => {
|
|
105
|
-
return (h("li", { class: {
|
|
106
|
-
'digi-progress-indicator__step': true,
|
|
107
|
-
'digi-progress-indicator__step--active': this.afCompletedSteps > i,
|
|
108
|
-
'digi-progress-indicator__step--current': this.afCompletedSteps === i + 1,
|
|
109
|
-
'digi-progress-indicator__step--warning': this.afWarningStep === i + 1,
|
|
110
|
-
'digi-progress-indicator__step--error': this.afErrorStep === i + 1
|
|
111
|
-
} }, h("span", { class: "digi-progress-indicator__step-indicator" }, this.afVariation ===
|
|
112
|
-
ProgressIndicatorVariation.SECONDARY &&
|
|
113
|
-
this.afCompletedSteps > i + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), this.afWarningStep === i + 1 && (h("digi-icon-validation-warning", { class: "digi-progress-indicator__icon--warning" })), this.afErrorStep === i + 1 && (h("digi-icon-validation-error", { class: "digi-progress-indicator__icon--error" })), h("span", { class: "digi-progress-indicator__step-number" }, item))));
|
|
114
|
-
}))) : (h("ol", { class: "digi-progress-indicator__list", "aria-hidden": "true" }, this.listItems.map((item, index) => {
|
|
115
|
-
return (h("li", { class: {
|
|
116
|
-
'digi-progress-indicator__step': true,
|
|
117
|
-
'digi-progress-indicator__step--active': item.checked || this.afCompletedSteps === index + 1,
|
|
118
|
-
'digi-progress-indicator__step--current': this.afCompletedSteps === index + 1
|
|
119
|
-
} }, h("span", { class: "digi-progress-indicator__step-indicator" }, this.afVariation ===
|
|
120
|
-
ProgressIndicatorVariation.SECONDARY &&
|
|
121
|
-
item.checked &&
|
|
122
|
-
this.afCompletedSteps !== index + 1 && (h("digi-icon-check", { class: "digi-progress-indicator__icon" })), h("span", { class: "digi-progress-indicator__step-number" }, index + 1))));
|
|
123
|
-
}))), this.afStepNextLabel !== undefined && (h("p", { key: 'd22d8344fdec62143e0147e701c011ce7e189eac', class: "digi-progress-indicator__label" }, h("span", { key: '9a66cc1d054ce853a014acf2a5cbad43a1ac3e19' }, `${this.afStepText}`, " "), h("span", { key: '68bfada37c4de1fee2ec4e53ceb467831832f947', class: "digi-progress-indicator__label--steps" }, `${this.afCompletedSteps} ${this.afStepsSeparator} ${this.afTotalSteps}`)))), this.afValidationLabel && this.afWarningStep > 0 && (h("p", { key: 'd0b2f915f238245bd993401c9e16f17190258508', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--warning" }, h("digi-icon-validation-warning", { key: '29ce0863e62eae150df7d327d79eb516bb2d6d20', class: "digi-progress-indicator__icon--warning" }), h("span", { key: 'c360860b68c279fdb61441cb2d2d21e9b0b18101' }, this.afValidationLabel))), this.afValidationLabel && this.afErrorStep > 0 && (h("p", { key: '40839ee9f09d34803a7cf4e3800be15bfb5d8532', class: "digi-progress-indicator__validation-label digi-progress-indicator__validation-label--error" }, h("digi-icon-validation-error", { key: '81cde2de59b5d0b8965a96e2c23fdb1a586be862', class: "digi-progress-indicator__icon--error" }), h("span", { key: 'b9a33dcce30760da08233f6333acd425392d11e3' }, this.afValidationLabel))), h("div", { key: '1dcd28b87affe8aea016a0a47bacee08b2eac637', hidden: true, class: "digi-progress-indicator__slot" }, h("digi-util-mutation-observer", { key: '1d2f85e12f722cf8e322f89efcb109a377d2c09a', ref: (el) => (this._observer = el), onAfOnChange: () => this.getItems() }, h("slot", { key: 'f12c39b8602f924929873b075acb04a57bac3f12' })))));
|
|
124
|
-
}
|
|
125
|
-
get hostElement() { return getElement(this); }
|
|
126
|
-
static get watchers() { return {
|
|
127
|
-
"afTotalSteps": ["changeTotalStepsHandler"],
|
|
128
|
-
"afCompletedSteps": ["changeCompletedStepsHandler"]
|
|
129
|
-
}; }
|
|
130
|
-
};
|
|
131
|
-
ProgressIndicator.style = DigiProgressIndicatorStyle0;
|
|
132
|
-
|
|
133
|
-
export { ProgressIndicator as digi_progress_indicator };
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-8e318bb2.js';
|
|
2
|
-
import { r as randomIdGenerator } from './randomIdGenerator.util-56406f2e.js';
|
|
3
|
-
|
|
4
|
-
const UtilMutationObserver = class {
|
|
5
|
-
constructor(hostRef) {
|
|
6
|
-
registerInstance(this, hostRef);
|
|
7
|
-
this.afOnChange = createEvent(this, "afOnChange", 7);
|
|
8
|
-
this._observer = null;
|
|
9
|
-
this._isObserving = false;
|
|
10
|
-
this.afId = randomIdGenerator('digi-util-mutation-observer');
|
|
11
|
-
this.afOptions = {
|
|
12
|
-
attributes: false,
|
|
13
|
-
childList: true,
|
|
14
|
-
subtree: false,
|
|
15
|
-
characterData: false
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
afOptionsWatcher(newValue) {
|
|
19
|
-
this._afOptions =
|
|
20
|
-
typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
|
|
21
|
-
}
|
|
22
|
-
componentWillLoad() {
|
|
23
|
-
this.afOptionsWatcher(this.afOptions);
|
|
24
|
-
this.initObserver();
|
|
25
|
-
}
|
|
26
|
-
disconnectedCallback() {
|
|
27
|
-
if (this._isObserving) {
|
|
28
|
-
this.removeObserver();
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
initObserver() {
|
|
32
|
-
this._observer = new MutationObserver((mutationsList) => {
|
|
33
|
-
for (const mutation of mutationsList) {
|
|
34
|
-
if (mutation.type === 'childList' ||
|
|
35
|
-
mutation.type === 'attributes' ||
|
|
36
|
-
mutation.type === 'characterData') {
|
|
37
|
-
this.changeHandler(mutation);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
});
|
|
41
|
-
this._observer.observe(this.$el, this._afOptions);
|
|
42
|
-
this._isObserving = true;
|
|
43
|
-
}
|
|
44
|
-
removeObserver() {
|
|
45
|
-
this._observer.disconnect();
|
|
46
|
-
this._isObserving = false;
|
|
47
|
-
}
|
|
48
|
-
changeHandler(e) {
|
|
49
|
-
this.afOnChange.emit(e);
|
|
50
|
-
}
|
|
51
|
-
render() {
|
|
52
|
-
h("div", { id: this.afId, ref: (el) => (this.$el = el) }, h("slot", null));
|
|
53
|
-
}
|
|
54
|
-
get $el() { return getElement(this); }
|
|
55
|
-
static get watchers() { return {
|
|
56
|
-
"afOptions": ["afOptionsWatcher"]
|
|
57
|
-
}; }
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export { UtilMutationObserver as digi_util_mutation_observer };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
var TagSize;
|
|
2
|
-
(function (TagSize) {
|
|
3
|
-
TagSize["SMALL"] = "small";
|
|
4
|
-
TagSize["MEDIUM"] = "medium";
|
|
5
|
-
TagSize["LARGE"] = "large";
|
|
6
|
-
})(TagSize || (TagSize = {}));
|
|
7
|
-
|
|
8
|
-
var TypographyVariation;
|
|
9
|
-
(function (TypographyVariation) {
|
|
10
|
-
TypographyVariation["SMALL"] = "small";
|
|
11
|
-
TypographyVariation["LARGE"] = "large";
|
|
12
|
-
})(TypographyVariation || (TypographyVariation = {}));
|
|
13
|
-
|
|
14
|
-
export { TagSize as T, TypographyVariation as a };
|