@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
|
@@ -0,0 +1 @@
|
|
|
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-7f1574ff.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-00d6ab21.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`)}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()}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:"0441a3108913933a52f7ce85a8e808637d1b3c91",class:Object.assign({"digi-form-select-filter":!0},this.cssModifiers),role:"application",id:`${this.afId}-identifier`},e("digi-form-label",{key:"642aeed1224efdd28628722fc29c4885defe1f88",afLabel:this.afFilterButtonTextLabel,afFor:`${this.afId}`,afId:`${this.afId}-label`,class:"digi-form-select-filter__label",afDescription:this.afDescription,afRequired:this.afRequired,afAnnounceIfOptional:this.afAnnounceIfOptional,afRequiredText:this.afRequiredText,afAnnounceIfOptionalText:this.afAnnounceIfOptionalText}),e("digi-util-keydown-handler",{key:"b5117f00c181ceb475eff973d9fef953ab057ffe",onAfOnEsc:()=>this.escHandler()},e("button",{key:"f5ac9723c420b469f280751113b8fed4be799b2f",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:"95f70c6e4a9ce0fb00d549ea9a2a56c889694536",class:Object.assign({"digi-form-filter__toggle-button-wrapper":!0},this.cssModifiersToggleButtonWrapper)},e("digi-icon-check",{key:"1acd4598fe9a41669038186b086013a027c8e84f",class:Object.assign({"digi-form-select-filter__toggle-button-indicator":!0},this.cssModifiersToggleButtonIndicator),slot:"icon"}),e("span",{key:"965fd1089e5ebe115ebada0e6a8bac72de406d83",class:"digi-form-select-filter__toggle-button-text"},this.renderButtonLabel)),e("digi-icon-chevron-down",{key:"23ee710f53016cf532cf74bd2288e3202418bffd",class:"digi-form-select-filter__toggle-icon"})),e("div",{key:"55f99522a98d710b4d222b43e51c63961bdd390e",id:`${this.afId}-dropdown-menu`,tabindex:this.isOpen?"-1":void 0,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:"b801358f02ee8719a354128ce1669276ae26052c"},e("div",{key:"a307b294684fe855f61c3f1fae1359d79e118ed8",class:"digi-form-select-filter__header"},e("legend",{key:"854730c3331539ff816c78bbb5c4afa8b3f8045f",class:"digi-form-select-filter__legend"},this.afFilterButtonTextLabel),e("digi-form-input",{key:"ee515e0d2a5392fac6614309804762bb02b31b1b",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:"4c3b4dd67932713d3b0f9784ddb6908172bae788",class:"digi-form-select-filter__scroll"},e("digi-util-keydown-handler",{key:"21fd9e82b72a29c6d4f6d9483a189bd877f86c7f",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:"1c7566020cc272722d7978b618395177c114a9ac",class:"digi-form-select-filter__list","aria-labelledby":`${this.afId}`,id:`${this.afId}-select-filter-list`,role:this.afMultipleItems?"":"radiogroup","aria-invalid":this.afMultipleItems?"false":this.afValidation===c.ERROR?"true":"false","aria-errormessage":`${this.afId}--validation-message`,"aria-required":!this.afMultipleItems&&(this.afRequired?"true":"false")},this.showNeutralValue&&e("li",{key:"8d05cf89e96e8ac1483ce26a337a5978f838b639",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:"a38310179982e60d3f2689e86205b60954626a7b",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:"5b86ccce4ca0f6a5c8fdc02680aa792b97912a0b",class:"digi-form-select-filter__footer"},!this.afHideResetButton&&e("digi-button",{key:"b644d87b83ecbed6cfd1599a641e5264921ac4fc","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:"b0e8623abc016dcae8614310ea8653f28ec5d9b3",onAfOnUp:()=>this.setFocusItem()},e("digi-button",{key:"838f2780f265db6153e2e928ab23935a19885b51",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:"e2a972b032f28e6e0347e2bd7aca7724e7a144a2",class:"digi-form-select__footer"},e("div",{key:"f8d44fff602afedb23b2f64b80d5bcaf7b15b49e","aria-atomic":"true",role:"alert",id:`${this.afId}--validation-message`},this.showValidation()&&e("digi-form-validation-message",{key:"c91161db619777dbb192afa4b600732e39769208","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 +1 @@
|
|
|
1
|
-
import{r as i,c as t,h as d,g as o}from"./p-e35cae7b.js";import{r as a}from"./p-ffe5c0e8.js";import{v as e,u as s,T as g}from"./p-1d065367.js";import{L as l}from"./p-a39f86c9.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as r}from"./p-91d1344c.js";import"./p-ee9589e6.js";import{B as n}from"./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"./p-88b4d03a.js";import"./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-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";const p=class{constructor(d){i(this,d),this.afOnReady=t(this,"afOnReady",3),this.afVariation=e.PRIMARY,this.afType=s.FULLWIDTH,this.afText=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=g.H4,this.afFeedback=void 0,this.afId=a("digi-tools-feedback"),this.afIsDone=!1,this.currentStep=1}afIsDoneHandler(){this.currentStep=3}async afMReset(){this.currentStep=1}async afMSetStep(i){this.currentStep=i}get cssModifiers(){return{"digi-tools-feedback--primary":this.afVariation===e.PRIMARY,"digi-tools-feedback--secondary":this.afVariation===e.SECONDARY,"digi-tools-feedback--step-one":1===this.currentStep,"digi-tools-feedback--step-two":2===this.currentStep,"digi-tools-feedback--step-three":3===this.currentStep,"digi-tools-feedback--fullwidth":this.afType===s.FULLWIDTH,"digi-tools-feedback--grid":this.afType===s.GRID}}get icon(){return d("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",viewBox:"0 0 60 48",version:"1.1",width:"58",height:"48"},d("title",null,"Chat"),d("g",{id:"Mainpage",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},d("g",{id:"Översikt-moduler-feedback-design-v1",transform:"translate(-1121.000000, -1074.000000)"},d("g",{id:"Group-27-Copy-2",transform:"translate(1122.000000, 1075.000000)"},d("path",{d:"M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454",id:"Fill-1",fill:"#DEE9B7"}),d("path",{d:"M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904",id:"Stroke-3",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("g",{id:"Group-8"},d("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Fill-5",fill:"#FFFFFF"}),d("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Stroke-7",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})),d("line",{x1:"28.4671558",y1:"9.19912763",x2:"9.71648163",y2:"9.19912763",id:"Stroke-9",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"51.0653789",y1:"23.3170842",x2:"47.8731369",y2:"23.3170842",id:"Stroke-11",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"46.5029755",y1:"23.3170842",x2:"43.3107335",y2:"23.3170842",id:"Stroke-13",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"41.9405939",y1:"23.3170842",x2:"38.7483519",y2:"23.3170842",id:"Stroke-15",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"51.0653789",y1:"27.7662735",x2:"46.4946984",y2:"27.7662735",id:"Stroke-17",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"43.2358916",y1:"27.7662735",x2:"38.4564358",y2:"27.7662735",id:"Stroke-19",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"28.4671558",y1:"13.9050986",x2:"9.71648163",y2:"13.9050986",id:"Stroke-21",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"28.4671558",y1:"18.6110914",x2:"9.71648163",y2:"18.6110914",id:"Stroke-23",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"21.4671558",y1:"23.3170842",x2:"9.72",y2:"23.3170842",id:"Stroke-25",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})))))}get responseIcon(){return d("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29",width:"31",height:"25"},d("title",null,"Check mark"),d("g",{fill:"none","fill-rule":"evenodd"},d("g",{transform:"translate(-170 -32)"},d("g",{transform:"translate(170 32.325)"},d("g",{transform:"translate(0 .77495)"},d("mask",{id:"b",fill:"white"},d("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),d("path",{d:"m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556",fill:"#333",mask:"url(#b)"})),d("g",{transform:"translate(4.2177)"},d("mask",{id:"a",fill:"white"},d("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),d("path",{d:"m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324",fill:"#95C13E",mask:"url(#a)"}))))))}get content(){return d("div",null,1===this.currentStep&&d("div",{class:"digi-tools-feedback__container"},d("div",{class:"digi-tools-feedback__container-header"},this.icon,d(this.afHeadingLevel,{class:"digi-tools-feedback__container-header-title"},this.afText)),d("div",{class:"digi-tools-feedback__container-btns"},d("digi-button",{"af-size":r.MEDIUM,"af-variation":n.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=3}},"Ja"),d("digi-button",{"af-size":r.MEDIUM,"af-variation":n.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=2}},"Nej"))),2===this.currentStep&&d("div",{class:"digi-tools-feedback__container"},d("div",{class:"digi-tools-feedback__container-header"}," ",this.icon,d("div",{class:"digi-tools-feedback__container-header-title"},"Hur kan vi bli bättre?"))),d("div",{class:"digi-tools-feedback__container-forms"},d("slot",{name:"form"})),3===this.currentStep&&d("div",{class:"digi-tools-feedback__container-header"},this.responseIcon,d("div",{class:"digi-tools-feedback__container-header-title"},"Tack för din återkoppling!")))}componentDidLoad(){this.afOnReady.emit()}render(){return d("div",{key:"83db61c7c9b70f2dbef26326b875516084e9f1bf",class:Object.assign({"digi-tools-feedback":!0},this.cssModifiers)},this.afType===s.FULLWIDTH&&d("digi-layout-block",{key:"5b40e1b4d98076f70aae457ae44bc361d3a4c38a",afVariation:l.TRANSPARENT},this.content),this.afType!==s.FULLWIDTH&&this.content)}get hostElement(){return o(this)}static get watchers(){return{afIsDone:["afIsDoneHandler"]}}};p.style=".digi--util--fs--xs.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tools-feedback{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tools-feedback{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tools-feedback{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tools-feedback{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tools-feedback{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tools-feedback{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tools-feedback{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tools-feedback{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tools-feedback{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tools-feedback{padding:2.5rem !important}.digi--util--p--60.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tools-feedback{padding:4.5rem !important}.digi--util--p--90.sc-digi-tools-feedback{padding:5rem !important}.digi--util--ptb--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tools-feedback{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tools-feedback{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tools-feedback{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tools-feedback{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tools-feedback{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tools-feedback{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tools-feedback{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-tools-feedback{display:none}.sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--neutral-5);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";export{p as digi_tools_feedback}
|
|
1
|
+
import{r as i,c as t,h as d,g as o}from"./p-e35cae7b.js";import{r as a}from"./p-ffe5c0e8.js";import{v as e,u as s,T as g}from"./p-1d065367.js";import{L as l}from"./p-a39f86c9.js";import"./p-717306ef.js";import"./p-a4a001e1.js";import{B as r}from"./p-91d1344c.js";import"./p-ee9589e6.js";import{B as n}from"./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"./p-88b4d03a.js";import"./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-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-7f1574ff.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-00d6ab21.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";const p=class{constructor(d){i(this,d),this.afOnReady=t(this,"afOnReady",3),this.afVariation=e.PRIMARY,this.afType=s.FULLWIDTH,this.afText=void 0,this.afCloseButtonText="Stäng",this.afHeadingLevel=g.H4,this.afFeedback=void 0,this.afId=a("digi-tools-feedback"),this.afIsDone=!1,this.currentStep=1}afIsDoneHandler(){this.currentStep=3}async afMReset(){this.currentStep=1}async afMSetStep(i){this.currentStep=i}get cssModifiers(){return{"digi-tools-feedback--primary":this.afVariation===e.PRIMARY,"digi-tools-feedback--secondary":this.afVariation===e.SECONDARY,"digi-tools-feedback--step-one":1===this.currentStep,"digi-tools-feedback--step-two":2===this.currentStep,"digi-tools-feedback--step-three":3===this.currentStep,"digi-tools-feedback--fullwidth":this.afType===s.FULLWIDTH,"digi-tools-feedback--grid":this.afType===s.GRID}}get icon(){return d("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",viewBox:"0 0 60 48",version:"1.1",width:"58",height:"48"},d("title",null,"Chat"),d("g",{id:"Mainpage",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},d("g",{id:"Översikt-moduler-feedback-design-v1",transform:"translate(-1121.000000, -1074.000000)"},d("g",{id:"Group-27-Copy-2",transform:"translate(1122.000000, 1075.000000)"},d("path",{d:"M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454",id:"Fill-1",fill:"#DEE9B7"}),d("path",{d:"M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904",id:"Stroke-3",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("g",{id:"Group-8"},d("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Fill-5",fill:"#FFFFFF"}),d("path",{d:"M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941",id:"Stroke-7",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})),d("line",{x1:"28.4671558",y1:"9.19912763",x2:"9.71648163",y2:"9.19912763",id:"Stroke-9",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"51.0653789",y1:"23.3170842",x2:"47.8731369",y2:"23.3170842",id:"Stroke-11",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"46.5029755",y1:"23.3170842",x2:"43.3107335",y2:"23.3170842",id:"Stroke-13",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"41.9405939",y1:"23.3170842",x2:"38.7483519",y2:"23.3170842",id:"Stroke-15",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"51.0653789",y1:"27.7662735",x2:"46.4946984",y2:"27.7662735",id:"Stroke-17",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"43.2358916",y1:"27.7662735",x2:"38.4564358",y2:"27.7662735",id:"Stroke-19",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"28.4671558",y1:"13.9050986",x2:"9.71648163",y2:"13.9050986",id:"Stroke-21",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"28.4671558",y1:"18.6110914",x2:"9.71648163",y2:"18.6110914",id:"Stroke-23",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"}),d("line",{x1:"21.4671558",y1:"23.3170842",x2:"9.72",y2:"23.3170842",id:"Stroke-25",stroke:"#333333","stroke-width":"1.296","stroke-linejoin":"round"})))))}get responseIcon(){return d("svg",{class:"digi-tools-feedback__container-header-icon","aria-hidden":"true",version:"1.1",viewBox:"0 0 35 29",width:"31",height:"25"},d("title",null,"Check mark"),d("g",{fill:"none","fill-rule":"evenodd"},d("g",{transform:"translate(-170 -32)"},d("g",{transform:"translate(170 32.325)"},d("g",{transform:"translate(0 .77495)"},d("mask",{id:"b",fill:"white"},d("polygon",{points:"0 0 26.685 0 26.685 27.689 0 27.689"})),d("path",{d:"m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556",fill:"#333",mask:"url(#b)"})),d("g",{transform:"translate(4.2177)"},d("mask",{id:"a",fill:"white"},d("polygon",{points:"0 0 30.425 0 30.425 23.496 0 23.496"})),d("path",{d:"m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324",fill:"#95C13E",mask:"url(#a)"}))))))}get content(){return d("div",null,1===this.currentStep&&d("div",{class:"digi-tools-feedback__container"},d("div",{class:"digi-tools-feedback__container-header"},this.icon,d(this.afHeadingLevel,{class:"digi-tools-feedback__container-header-title"},this.afText)),d("div",{class:"digi-tools-feedback__container-btns"},d("digi-button",{"af-size":r.MEDIUM,"af-variation":n.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=3}},"Ja"),d("digi-button",{"af-size":r.MEDIUM,"af-variation":n.SECONDARY,"af-full-width":"false",onAfOnClick:()=>{this.currentStep=2}},"Nej"))),2===this.currentStep&&d("div",{class:"digi-tools-feedback__container"},d("div",{class:"digi-tools-feedback__container-header"}," ",this.icon,d("div",{class:"digi-tools-feedback__container-header-title"},"Hur kan vi bli bättre?"))),d("div",{class:"digi-tools-feedback__container-forms"},d("slot",{name:"form"})),3===this.currentStep&&d("div",{class:"digi-tools-feedback__container-header"},this.responseIcon,d("div",{class:"digi-tools-feedback__container-header-title"},"Tack för din återkoppling!")))}componentDidLoad(){this.afOnReady.emit()}render(){return d("div",{key:"83db61c7c9b70f2dbef26326b875516084e9f1bf",class:Object.assign({"digi-tools-feedback":!0},this.cssModifiers)},this.afType===s.FULLWIDTH&&d("digi-layout-block",{key:"5b40e1b4d98076f70aae457ae44bc361d3a4c38a",afVariation:l.TRANSPARENT},this.content),this.afType!==s.FULLWIDTH&&this.content)}get hostElement(){return o(this)}static get watchers(){return{afIsDone:["afIsDoneHandler"]}}};p.style=".digi--util--fs--xs.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tools-feedback{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tools-feedback{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tools-feedback{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tools-feedback{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tools-feedback{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tools-feedback{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tools-feedback{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tools-feedback{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tools-feedback{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tools-feedback{padding:2.5rem !important}.digi--util--p--60.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tools-feedback{padding:4.5rem !important}.digi--util--p--90.sc-digi-tools-feedback{padding:5rem !important}.digi--util--ptb--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tools-feedback{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tools-feedback{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tools-feedback{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tools-feedback{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tools-feedback{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tools-feedback{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tools-feedback{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-tools-feedback{display:none}.sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--neutral-5);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";export{p as digi_tools_feedback}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as a,h as t,g as d}from"./p-e35cae7b.js";import"./p-717306ef.js";import{H as g}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"./p-88b4d03a.js";import"./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{U as n}from"./p-cdcaf0eb.js";const e=class{constructor(t){i(this,t),this.afOnClose=a(this,"afOnClose",7),this.afOnEsc=a(this,"afOnEsc",7),this.afOnBackdropClick=a(this,"afOnBackdropClick",7),this.afOnToggle=a(this,"afOnToggle",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.isMobile=void 0,this.isVisible=void 0,this.afCloseButtonText=void 0,this.afNavAriaLabel=void 0,this.afCloseButtonAriaLabel=void 0,this.afFocusableElement=void 0,this.afCloseFocusableElement=void 0,this.afActive=!1,this.afBackdrop=!0,this.afCentered=g.DEFAULT}enablePageScroll(){document.body.style.height="",document.body.style.overflowY="",document.body.style.paddingRight=""}disablePageScroll(){document.body.style.height="100vh",document.body.style.overflowY="hidden"}toggleHandler(i){const a=i.target;this._closeFocusableElement=a.querySelector(".digi-navigation-sidebar-button button"),a.matches("digi-navigation-sidebar-button")&&(this.afActive=!0)}get shouldUseFocusTrap(){return this.isMobile&&this.focusableElements.length>0}closeHandler(i){this.afActive=!1,this.afOnClose.emit(i)}escHandler(i){this.isMobile&&(this.afActive=!1,this.afOnClose.emit(i))}tabHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.lastFocusableEl&&(i.detail.preventDefault(),this.firstFocusableEl.focus())}backdropClickHandler(i){this.afActive=!1,this.afOnClose.emit(i)}shiftHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.firstFocusableEl&&(i.detail.preventDefault(),this.lastFocusableEl.focus())}clickHandler(i){this.shouldUseFocusTrap&&"button"===i.detail.target.tagName.toLowerCase()&&setTimeout((()=>{this.getFocusableItems()}),100)}setMobileView(i){i&&this.afActive?(this.disablePageScroll(),this.getFocusableItems()):this.enablePageScroll()}breakpointChange(i){this.isVisible=!1,"digi-util-breakpoint-observer"===i.target.nodeName.toLowerCase()&&(this.isMobile=i.detail.value===n.SMALL),setTimeout((()=>{this.isVisible=!0}),100)}componentDidLoad(){this._wrapper.addEventListener("transitionend",(()=>{this.getFocusableItems(),this.setFocus()}))}getFocusableItems(){const i=this._wrapper.querySelectorAll(this._focusableElementsSelectors);this.focusableElements=Array.prototype.slice.call(i).filter((function(i){return null!==i.offsetParent})),this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}setFocus(){if(this.afActive){let i;const a=this.firstFocusableEl;i=this.afFocusableElement?this.hostElement.querySelector(`${this.afFocusableElement}`):a,i&&i.focus()}else this.afCloseFocusableElement?document.querySelector(`${this.afCloseFocusableElement}`).focus():this._closeFocusableElement&&this._closeFocusableElement.focus()}get cssModifiers(){return{"digi-header-navigation--open":this.afActive,"digi-header-navigation--mobile":this.isMobile,"digi-header-navigation--visible":this.isVisible}}render(){return t("div",{key:"466744f558b849c128d50d4d0139eaf5a3734771",class:Object.assign({"digi-header-navigation":!0},this.cssModifiers)},t("digi-util-breakpoint-observer",{key:"c7a3e2127b1f4cb1a5996f129b6605a2f5bf3e9c",onAfOnChange:i=>this.isMobile=i.detail.value===n.SMALL},t("digi-util-keydown-handler",{key:"479ec7596c9b0f933ef3e95bdd4e4f5086793bd9",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i)},t("div",{key:"97e08e1032c9dc36b605ccefe42471ca8ebca24b"},this.isMobile&&t("div",{key:"4b4ed23818b926d90d8f9ef83680e9dace653426",class:"digi-header-navigation__backdrop",onClick:i=>this.backdropClickHandler(i)}),t("nav",{key:"8d8c2a78e114b5c1652cb1ac7d82508eb317d77c",class:"digi-header-navigation__wrapper","aria-label":this.afNavAriaLabel,"af-centered":this.afCentered,ref:i=>{this._wrapper=i}},this.isMobile&&t("digi-button",{key:"bcc310f3bd30cd2269ec7a9f926a526b9447147e",onClick:i=>this.closeHandler(i),"af-variation":"function","af-aria-label":this.afCloseButtonAriaLabel,class:"digi-header-navigation__close-button"},this.afCloseButtonText,t("digi-icon-x",{key:"2b16ee3def72ff04568e65226635bd9ed736e5ad",slot:"icon-secondary"})),this.afCentered!==g.DEFAULT?t("digi-layout-container",{"af-max-width":this.afCentered},t("div",{role:"list",class:"digi-header-navigation__inner"},t("slot",null))):t("div",{role:"list",class:"digi-header-navigation__inner"},t("slot",null)))))))}get hostElement(){return d(this)}static get watchers(){return{isMobile:["setMobileView"]}}};e.style=".digi--util--fs--xs.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-header-navigation{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-header-navigation{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-header-navigation{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-header-navigation{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-header-navigation{padding-top:5rem !important}.digi--util--pb--1.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-header-navigation{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-header-navigation{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-header-navigation{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-header-navigation{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-header-navigation{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-header-navigation{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-header-navigation{padding:2.5rem !important}.digi--util--p--60.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-header-navigation{padding:4.5rem !important}.digi--util--p--90.sc-digi-header-navigation{padding:5rem !important}.digi--util--ptb--1.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-header-navigation{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-header-navigation{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-header-navigation{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-header-navigation{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-header-navigation{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-header-navigation{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-header-navigation{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-header-navigation{display:none}.sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--border--neutral-4);--digi--header--close-button--padding:var(--digi--padding--smaller);--digi--header--backdrop--background-color:rgba(0, 0, 0, 0.7);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background-color:var(--digi--header--backdrop--background-color);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--neutral-8);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:1rem}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link--active-link.sc-digi-header-navigation{font-weight:600;box-shadow:inset 0 -4px 0 0 #95C23E}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--neutral-6)}";export{e as digi_header_navigation}
|
|
1
|
+
import{r as i,c as a,h as t,g as d}from"./p-e35cae7b.js";import"./p-717306ef.js";import{H as g}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"./p-88b4d03a.js";import"./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-7f1574ff.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-00d6ab21.js";import"./p-d74742b8.js";import"./p-6e383896.js";import"./p-d1886fff.js";import"./p-a6ca40fc.js";import"./p-b0e88537.js";import{U as n}from"./p-cdcaf0eb.js";const e=class{constructor(t){i(this,t),this.afOnClose=a(this,"afOnClose",7),this.afOnEsc=a(this,"afOnEsc",7),this.afOnBackdropClick=a(this,"afOnBackdropClick",7),this.afOnToggle=a(this,"afOnToggle",7),this._focusableElementsSelectors='a, input, select, textarea, button, button:not(hidden), iframe, object, [tabindex="0"]',this.focusableElements=[],this.isMobile=void 0,this.isVisible=void 0,this.afCloseButtonText=void 0,this.afNavAriaLabel=void 0,this.afCloseButtonAriaLabel=void 0,this.afFocusableElement=void 0,this.afCloseFocusableElement=void 0,this.afActive=!1,this.afBackdrop=!0,this.afCentered=g.DEFAULT}enablePageScroll(){document.body.style.height="",document.body.style.overflowY="",document.body.style.paddingRight=""}disablePageScroll(){document.body.style.height="100vh",document.body.style.overflowY="hidden"}toggleHandler(i){const a=i.target;this._closeFocusableElement=a.querySelector(".digi-navigation-sidebar-button button"),a.matches("digi-navigation-sidebar-button")&&(this.afActive=!0)}get shouldUseFocusTrap(){return this.isMobile&&this.focusableElements.length>0}closeHandler(i){this.afActive=!1,this.afOnClose.emit(i)}escHandler(i){this.isMobile&&(this.afActive=!1,this.afOnClose.emit(i))}tabHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.lastFocusableEl&&(i.detail.preventDefault(),this.firstFocusableEl.focus())}backdropClickHandler(i){this.afActive=!1,this.afOnClose.emit(i)}shiftHandler(i){this.shouldUseFocusTrap&&document.activeElement===this.firstFocusableEl&&(i.detail.preventDefault(),this.lastFocusableEl.focus())}clickHandler(i){this.shouldUseFocusTrap&&"button"===i.detail.target.tagName.toLowerCase()&&setTimeout((()=>{this.getFocusableItems()}),100)}setMobileView(i){i&&this.afActive?(this.disablePageScroll(),this.getFocusableItems()):this.enablePageScroll()}breakpointChange(i){this.isVisible=!1,"digi-util-breakpoint-observer"===i.target.nodeName.toLowerCase()&&(this.isMobile=i.detail.value===n.SMALL),setTimeout((()=>{this.isVisible=!0}),100)}componentDidLoad(){this._wrapper.addEventListener("transitionend",(()=>{this.getFocusableItems(),this.setFocus()}))}getFocusableItems(){const i=this._wrapper.querySelectorAll(this._focusableElementsSelectors);this.focusableElements=Array.prototype.slice.call(i).filter((function(i){return null!==i.offsetParent})),this.focusableElements.length>0&&(this.firstFocusableEl=this.focusableElements[0],this.lastFocusableEl=this.focusableElements[this.focusableElements.length-1])}setFocus(){if(this.afActive){let i;const a=this.firstFocusableEl;i=this.afFocusableElement?this.hostElement.querySelector(`${this.afFocusableElement}`):a,i&&i.focus()}else this.afCloseFocusableElement?document.querySelector(`${this.afCloseFocusableElement}`).focus():this._closeFocusableElement&&this._closeFocusableElement.focus()}get cssModifiers(){return{"digi-header-navigation--open":this.afActive,"digi-header-navigation--mobile":this.isMobile,"digi-header-navigation--visible":this.isVisible}}render(){return t("div",{key:"466744f558b849c128d50d4d0139eaf5a3734771",class:Object.assign({"digi-header-navigation":!0},this.cssModifiers)},t("digi-util-breakpoint-observer",{key:"c7a3e2127b1f4cb1a5996f129b6605a2f5bf3e9c",onAfOnChange:i=>this.isMobile=i.detail.value===n.SMALL},t("digi-util-keydown-handler",{key:"479ec7596c9b0f933ef3e95bdd4e4f5086793bd9",onAfOnEsc:i=>this.escHandler(i),onAfOnTab:i=>this.tabHandler(i),onAfOnShiftTab:i=>this.shiftHandler(i)},t("div",{key:"97e08e1032c9dc36b605ccefe42471ca8ebca24b"},this.isMobile&&t("div",{key:"4b4ed23818b926d90d8f9ef83680e9dace653426",class:"digi-header-navigation__backdrop",onClick:i=>this.backdropClickHandler(i)}),t("nav",{key:"8d8c2a78e114b5c1652cb1ac7d82508eb317d77c",class:"digi-header-navigation__wrapper","aria-label":this.afNavAriaLabel,"af-centered":this.afCentered,ref:i=>{this._wrapper=i}},this.isMobile&&t("digi-button",{key:"bcc310f3bd30cd2269ec7a9f926a526b9447147e",onClick:i=>this.closeHandler(i),"af-variation":"function","af-aria-label":this.afCloseButtonAriaLabel,class:"digi-header-navigation__close-button"},this.afCloseButtonText,t("digi-icon-x",{key:"2b16ee3def72ff04568e65226635bd9ed736e5ad",slot:"icon-secondary"})),this.afCentered!==g.DEFAULT?t("digi-layout-container",{"af-max-width":this.afCentered},t("div",{role:"list",class:"digi-header-navigation__inner"},t("slot",null))):t("div",{role:"list",class:"digi-header-navigation__inner"},t("slot",null)))))))}get hostElement(){return d(this)}static get watchers(){return{isMobile:["setMobileView"]}}};e.style=".digi--util--fs--xs.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-header-navigation{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-header-navigation{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-header-navigation{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-header-navigation{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-header-navigation{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-header-navigation{padding-top:5rem !important}.digi--util--pb--1.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-header-navigation{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-header-navigation{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-header-navigation{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-header-navigation{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-header-navigation{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-header-navigation{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-header-navigation{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-header-navigation{padding:2.5rem !important}.digi--util--p--60.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-header-navigation{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-header-navigation{padding:4.5rem !important}.digi--util--p--90.sc-digi-header-navigation{padding:5rem !important}.digi--util--ptb--1.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-header-navigation{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-header-navigation{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-header-navigation{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-header-navigation{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-header-navigation{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-header-navigation{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-header-navigation{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-header-navigation{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-header-navigation{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-header-navigation{display:none}.sc-digi-header-navigation-h{--digi--header--border-color:var(--digi--color--border--neutral-4);--digi--header--close-button--padding:var(--digi--padding--smaller);--digi--header--backdrop--background-color:rgba(0, 0, 0, 0.7);display:block}.sc-digi-header-navigation-h .digi-header-navigation.sc-digi-header-navigation{z-index:99}.sc-digi-header-navigation-h .digi-header-navigation__backdrop.sc-digi-header-navigation{background-color:var(--digi--header--backdrop--background-color);width:100%;height:100%;position:fixed;top:0;left:0}.sc-digi-header-navigation-h .digi-header-navigation__wrapper.sc-digi-header-navigation{display:none;grid-area:nav;background-color:var(--digi--color--background--neutral-8);border-bottom:var(--digi--header--border-width) solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--visible.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__close-button.sc-digi-header-navigation{display:flex;flex-wrap:wrap;align-items:center;padding:var(--digi--header--close-button--padding) 0}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation{width:0;position:fixed;height:100%;right:0;top:0;visibility:hidden}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{position:absolute;top:0;right:0;height:100%;transform:translateX(100%);width:90vw;transition:ease var(--digi--animation--duration--base) all;overflow-y:auto}.sc-digi-header-navigation-h .digi-header-navigation--mobile.sc-digi-header-navigation .digi-header-navigation__inner.sc-digi-header-navigation{padding:0;display:block}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item:first-child,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item:first-child{border-top:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner.sc-digi-header-navigation-s>digi-header-navigation-item,.sc-digi-header-navigation-h .digi-header-navigation--mobile .digi-header-navigation__inner .sc-digi-header-navigation-s>digi-header-navigation-item{border-bottom:1px solid var(--digi--header--border-color)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation{visibility:visible}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__wrapper.sc-digi-header-navigation{transform:translateX(0)}.sc-digi-header-navigation-h .digi-header-navigation--open.sc-digi-header-navigation .digi-header-navigation__backdrop.sc-digi-header-navigation{display:block}.sc-digi-header-navigation-h .digi-header-navigation__inner.sc-digi-header-navigation{list-style:none;margin:0;display:flex}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation{display:block;text-decoration:none;color:inherit;padding:1rem}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link--active-link.sc-digi-header-navigation{font-weight:600;box-shadow:inset 0 -4px 0 0 #95C23E}.sc-digi-header-navigation-h .digi-header-navigation__navigation-link.sc-digi-header-navigation:hover{background-color:var(--digi--color--background--neutral-6)}";export{e as digi_header_navigation}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as a,h as d,g as o}from"./p-e35cae7b.js";import{_ as n}from"./p-42aa440f.js";import"./p-717306ef.js";import{f as e,E as t}from"./p-1d065367.js";import"./p-a4a001e1.js";import"./p-91d1344c.js";import{B as r}from"./p-ee9589e6.js";import{B as c}from"./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"./p-88b4d03a.js";import"./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{r as p}from"./p-ffe5c0e8.js";const g=class{constructor(d){i(this,d),this.afOnClick=a(this,"afOnClick",7),this.afVariation=e.PRIMARY,this.afHeading=void 0,this.afHeadingLevel=t.H2,this.afExpanded=!1,this.afAnimation=!0,this.afId=p("digi-expandable-accordion"),this.afExpandText=n.show,this.afCollapseText=n.hide}get cssModifiers(){return{[`digi-expandable-accordion--expanded-${!!this.afExpanded}`]:!0,[`digi-expandable-accordion--animation-${!!this.afAnimation}`]:!0,[`digi-expandable-accordion--variation-${this.afVariation}`]:!!this.afVariation}}componentDidLoad(){const i=this.hostElement.children[0].querySelector(`#${this.afId}-content`);i.setAttribute("style",this.afExpanded?"height: auto;":"visibility: hidden;"),i.addEventListener("transitionend",(()=>{i.setAttribute("style",this.afExpanded?"height: auto":"visibility: hidden; height: 0px")}))}animateContentHeight(){const i=this.hostElement.children[0].querySelector(`#${this.afId}-content`),a=i.firstElementChild.offsetHeight;if(!this.afExpanded&&"auto"===i.style.height)return i.setAttribute("style","height: "+a+"px"),void setTimeout((()=>{i.setAttribute("style","height: 0")}));this.afExpanded?(i.setAttribute("style","visibility: visible; height:"+a+"px"),this.afAnimation||setTimeout((()=>{i.setAttribute("style","height: auto")}))):i.setAttribute("style","height: 0px")}clickToggleHandler(i,a=!1){i.preventDefault(),this.afExpanded=!this.afExpanded,a&&this._button.focus(),this.afOnClick.emit(i)}get toggleIcon(){return d(this.afExpanded?"digi-icon-chevron-up":"digi-icon-chevron-down",{slot:"icon-secondary"})}render(){return d("article",{key:"8f36885caf761283c64f6621f51009a8359452e9","aria-expanded":this.afExpanded?"true":"false",class:Object.assign({"digi-expandable-accordion":!0},this.cssModifiers)},d("header",{key:"c5075db3c3f7db911fcb91cd4fa358417344ea46",class:"digi-expandable-accordion__header"},d(this.afHeadingLevel,{key:"aa4e12619916be007ad3e1557dd73c76cb1ef909",class:"digi-expandable-accordion__heading"},d("button",{key:"782179109f66bf89dc5bac402238d0af1ea46a9c",type:"button",class:"digi-expandable-accordion__button",onClick:i=>this.clickToggleHandler(i),"aria-expanded":this.afExpanded?"true":"false","aria-controls":`${this.afId}-content`,ref:i=>this._button=i},this.afVariation!==e.SECONDARY&&d("digi-icon-chevron-down",{key:"b110e0bff68dfe9948303496f15f53a5d665d416",class:"digi-expandable-accordion__toggle-icon"}),this.afHeading,this.afVariation===e.SECONDARY&&d("span",{key:"72d6acad7f9df3ea243f88d0f0ab5c45601c7497",class:"digi-expandable-accordion__toggle-label"},this.afExpanded?this.afCollapseText:this.afExpandText,this.toggleIcon)))),d("section",{key:"8e1eb9ff3c25c9756d71e0b93cfcc6e6fc2c7fd1",class:"digi-expandable-accordion__content",id:`${this.afId}-content`},d("div",{key:"5169c054bcd4505ae318e81e2bc153fd353376f7"},d("digi-typography",{key:"ce8b1571f56735acdc103066ccada62adc9287a3"},d("slot",{key:"a1431c75e3ac43d6f3bd2a0d990c08cbeaca43b7"})),this.afVariation===e.SECONDARY&&d("digi-button",{key:"0facba73a687733686451651a2a0b7f08b4d606d",class:"digi-expandable-accordion__toggle-inside",afVariation:c.FUNCTION,afType:r.BUTTON,onAfOnClick:i=>this.clickToggleHandler(i.detail,!0),afFullWidth:!0,afAriaExpanded:this.afExpanded,afAriaControls:`${this.afId}-content`},this.afExpanded?this.afCollapseText:this.afExpandText,this.toggleIcon))))}get hostElement(){return o(this)}static get watchers(){return{afExpanded:["animateContentHeight"]}}};g.style='.digi--util--fs--xs.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-expandable-accordion{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-expandable-accordion{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-expandable-accordion{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-expandable-accordion{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-expandable-accordion{padding-top:5rem !important}.digi--util--pb--1.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-expandable-accordion{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-expandable-accordion{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-expandable-accordion{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-expandable-accordion{padding:2.5rem !important}.digi--util--p--60.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-expandable-accordion{padding:4.5rem !important}.digi--util--p--90.sc-digi-expandable-accordion{padding:5rem !important}.digi--util--ptb--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-expandable-accordion{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-expandable-accordion{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-expandable-accordion{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-expandable-accordion{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-expandable-accordion{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-expandable-accordion{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-expandable-accordion{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-expandable-accordion{display:none}.sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--border--informative);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:"";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion::after{content:none}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{justify-content:space-between;min-height:var(--digi--input-height--large);padding:0 var(--digi--gutter--medium);border-radius:var(--digi--border-radius--primary);background-color:var(--digi--color--background--input-empty);border:1px solid var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:var(--digi--focus-outline);background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--inverted);background-color:var(--digi--color--background--inverted-1);border-color:var(--digi--color--background--inverted-1);border-block-end:none;border-end-end-radius:0;border-end-start-radius:0}.digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-size:var(--digi--global--typography--font-size--interaction-medium);color:var(--digi--color--text--secondary)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{--digi--icon--color:currentColor;color:currentColor}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{background:var(--digi--color--background--input-empty)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{display:flex;flex-direction:column}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion digi-typography.sc-digi-expandable-accordion{display:block;padding:var(--digi--container-gutter--small)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{border:1px solid var(--digi--color--background--inverted-1);border-radius:var(--digi--border-radius--primary);border-start-end-radius:0;border-start-start-radius:0}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(\n --digi--color--background--tertiary\n )}@keyframes heightAnim{from{height:0%}to{height:100%}}';export{g as digi_expandable_accordion}
|
|
1
|
+
import{r as i,c as a,h as d,g as o}from"./p-e35cae7b.js";import{_ as n}from"./p-42aa440f.js";import"./p-717306ef.js";import{f as e,E as t}from"./p-1d065367.js";import"./p-a4a001e1.js";import"./p-91d1344c.js";import{B as r}from"./p-ee9589e6.js";import{B as c}from"./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"./p-88b4d03a.js";import"./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-7f1574ff.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-00d6ab21.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{r as p}from"./p-ffe5c0e8.js";const g=class{constructor(d){i(this,d),this.afOnClick=a(this,"afOnClick",7),this.afVariation=e.PRIMARY,this.afHeading=void 0,this.afHeadingLevel=t.H2,this.afExpanded=!1,this.afAnimation=!0,this.afId=p("digi-expandable-accordion"),this.afExpandText=n.show,this.afCollapseText=n.hide}get cssModifiers(){return{[`digi-expandable-accordion--expanded-${!!this.afExpanded}`]:!0,[`digi-expandable-accordion--animation-${!!this.afAnimation}`]:!0,[`digi-expandable-accordion--variation-${this.afVariation}`]:!!this.afVariation}}componentDidLoad(){const i=this.hostElement.children[0].querySelector(`#${this.afId}-content`);i.setAttribute("style",this.afExpanded?"height: auto;":"visibility: hidden;"),i.addEventListener("transitionend",(()=>{i.setAttribute("style",this.afExpanded?"height: auto":"visibility: hidden; height: 0px")}))}animateContentHeight(){const i=this.hostElement.children[0].querySelector(`#${this.afId}-content`),a=i.firstElementChild.offsetHeight;if(!this.afExpanded&&"auto"===i.style.height)return i.setAttribute("style","height: "+a+"px"),void setTimeout((()=>{i.setAttribute("style","height: 0")}));this.afExpanded?(i.setAttribute("style","visibility: visible; height:"+a+"px"),this.afAnimation||setTimeout((()=>{i.setAttribute("style","height: auto")}))):i.setAttribute("style","height: 0px")}clickToggleHandler(i,a=!1){i.preventDefault(),this.afExpanded=!this.afExpanded,a&&this._button.focus(),this.afOnClick.emit(i)}get toggleIcon(){return d(this.afExpanded?"digi-icon-chevron-up":"digi-icon-chevron-down",{slot:"icon-secondary"})}render(){return d("article",{key:"8f36885caf761283c64f6621f51009a8359452e9","aria-expanded":this.afExpanded?"true":"false",class:Object.assign({"digi-expandable-accordion":!0},this.cssModifiers)},d("header",{key:"c5075db3c3f7db911fcb91cd4fa358417344ea46",class:"digi-expandable-accordion__header"},d(this.afHeadingLevel,{key:"aa4e12619916be007ad3e1557dd73c76cb1ef909",class:"digi-expandable-accordion__heading"},d("button",{key:"782179109f66bf89dc5bac402238d0af1ea46a9c",type:"button",class:"digi-expandable-accordion__button",onClick:i=>this.clickToggleHandler(i),"aria-expanded":this.afExpanded?"true":"false","aria-controls":`${this.afId}-content`,ref:i=>this._button=i},this.afVariation!==e.SECONDARY&&d("digi-icon-chevron-down",{key:"b110e0bff68dfe9948303496f15f53a5d665d416",class:"digi-expandable-accordion__toggle-icon"}),this.afHeading,this.afVariation===e.SECONDARY&&d("span",{key:"72d6acad7f9df3ea243f88d0f0ab5c45601c7497",class:"digi-expandable-accordion__toggle-label"},this.afExpanded?this.afCollapseText:this.afExpandText,this.toggleIcon)))),d("section",{key:"8e1eb9ff3c25c9756d71e0b93cfcc6e6fc2c7fd1",class:"digi-expandable-accordion__content",id:`${this.afId}-content`},d("div",{key:"5169c054bcd4505ae318e81e2bc153fd353376f7"},d("digi-typography",{key:"ce8b1571f56735acdc103066ccada62adc9287a3"},d("slot",{key:"a1431c75e3ac43d6f3bd2a0d990c08cbeaca43b7"})),this.afVariation===e.SECONDARY&&d("digi-button",{key:"0facba73a687733686451651a2a0b7f08b4d606d",class:"digi-expandable-accordion__toggle-inside",afVariation:c.FUNCTION,afType:r.BUTTON,onAfOnClick:i=>this.clickToggleHandler(i.detail,!0),afFullWidth:!0,afAriaExpanded:this.afExpanded,afAriaControls:`${this.afId}-content`},this.afExpanded?this.afCollapseText:this.afExpandText,this.toggleIcon))))}get hostElement(){return o(this)}static get watchers(){return{afExpanded:["animateContentHeight"]}}};g.style='.digi--util--fs--xs.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-expandable-accordion{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-expandable-accordion{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-expandable-accordion{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-expandable-accordion{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-expandable-accordion{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-expandable-accordion{padding-top:5rem !important}.digi--util--pb--1.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-expandable-accordion{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-expandable-accordion{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-expandable-accordion{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-expandable-accordion{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-expandable-accordion{padding:2.5rem !important}.digi--util--p--60.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-expandable-accordion{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-expandable-accordion{padding:4.5rem !important}.digi--util--p--90.sc-digi-expandable-accordion{padding:5rem !important}.digi--util--ptb--1.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-expandable-accordion{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-expandable-accordion{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-expandable-accordion{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-expandable-accordion{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-expandable-accordion{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-expandable-accordion{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-expandable-accordion{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-expandable-accordion{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-expandable-accordion{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-expandable-accordion{display:none}.sc-digi-expandable-accordion-h{--digi--expandable-accordion--header--toggle-icon--transition:ease-in-out var(--digi--animation--duration--base) all;--digi--expandable-accordion--header--font-size:var(--digi--typography--accordion--font-size--desktop);--digi--expandable-accordion--header--font-size--small:var(--digi--typography--accordion--font-size--mobile);--digi--expandable-accordion--header--font-weight:var(--digi--typography--accordion--font-weight--desktop);--digi--expandable-accordion--icon--size:0.875rem;--digi--expandable-accordion--icon--margin-right:var(--digi--margin--medium);--digi--expandable-accordion--border-bottom-width:var(--digi--border-width--secondary);--digi--expandable-accordion--border-bottom-color:var(--digi--color--border--informative);--digi--expandable-accordion--content--padding:var(--digi--padding--medium) 0;--digi--expandable-accordion--content--transition:ease-in-out var(--digi--animation--duration--base) height;display:block}.sc-digi-expandable-accordion-h .digi-expandable-accordion.sc-digi-expandable-accordion::after{content:"";display:block;max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid;margin-top:calc(var(--digi--expandable-accordion--border-bottom-width) * -1)}.sc-digi-expandable-accordion-h .digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion::after{content:none}.digi-expandable-accordion__header.sc-digi-expandable-accordion{display:flex;align-items:center}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__header.sc-digi-expandable-accordion{max-width:var(--digi--paragraph-width--medium);border-bottom-width:var(--digi--expandable-accordion--border-bottom-width);border-bottom-color:var(--digi--expandable-accordion--border-bottom-color);border-bottom-style:solid}.digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--header--toggle-icon--transition)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-icon.sc-digi-expandable-accordion{transform:rotate(-180deg)}.digi-expandable-accordion__heading.sc-digi-expandable-accordion{margin:0;flex:1}.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-family:var(--digi--global--typography--font-family--default);font-size:var(--digi--expandable-accordion--header--font-size--small);font-weight:var(--digi--expandable-accordion--header--font-weight);width:100%;display:flex;gap:var(--digi--expandable-accordion--icon--margin-right);align-items:center;text-align:start;cursor:pointer;border:none}@media (min-width: 48rem){.digi-expandable-accordion__button.sc-digi-expandable-accordion{font-size:var(--digi--expandable-accordion--header--font-size)}}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--primary);background-color:transparent;padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{text-decoration:underline}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{justify-content:space-between;min-height:var(--digi--input-height--large);padding:0 var(--digi--gutter--medium);border-radius:var(--digi--border-radius--primary);background-color:var(--digi--color--background--input-empty);border:1px solid var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:focus-visible{outline:var(--digi--focus-outline);background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion:hover{background-color:var(--digi--color--background--tertiary)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__button.sc-digi-expandable-accordion{color:var(--digi--color--text--inverted);background-color:var(--digi--color--background--inverted-1);border-color:var(--digi--color--background--inverted-1);border-block-end:none;border-end-end-radius:0;border-end-start-radius:0}.digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{display:inline-flex;align-items:center;gap:var(--digi--gutter--icon);font-size:var(--digi--global--typography--font-size--interaction-medium);color:var(--digi--color--text--secondary)}.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__toggle-label.sc-digi-expandable-accordion{--digi--icon--color:currentColor;color:currentColor}.digi-expandable-accordion__content.sc-digi-expandable-accordion{overflow-y:hidden}.digi-expandable-accordion--expanded-false.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{height:0}.digi-expandable-accordion--variation-primary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{padding:var(--digi--expandable-accordion--content--padding)}.digi-expandable-accordion--variation-primary.digi-expandable-accordion--animation-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{transition:var(--digi--expandable-accordion--content--transition)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{background:var(--digi--color--background--input-empty)}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion>div.sc-digi-expandable-accordion{display:flex;flex-direction:column}.digi-expandable-accordion--variation-secondary.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion digi-typography.sc-digi-expandable-accordion{display:block;padding:var(--digi--container-gutter--small)}.digi-expandable-accordion--variation-secondary.digi-expandable-accordion--expanded-true.sc-digi-expandable-accordion .digi-expandable-accordion__content.sc-digi-expandable-accordion{border:1px solid var(--digi--color--background--inverted-1);border-radius:var(--digi--border-radius--primary);border-start-end-radius:0;border-start-start-radius:0}.digi-expandable-accordion__toggle-inside.sc-digi-expandable-accordion{text-align:center;--digi--button--color--background--function--hover:var(\n --digi--color--background--tertiary\n )}@keyframes heightAnim{from{height:0%}to{height:100%}}';export{g as digi_expandable_accordion}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,c as a,h as t,g}from"./p-e35cae7b.js";import{l as d}from"./p-e3d2e899.js";import{r}from"./p-ffe5c0e8.js";import{_ as n}from"./p-42aa440f.js";const o=class{constructor(t){i(this,t),this.afOnClick=a(this,"afOnClick",7),this.linkItems=[],this.currentPage=void 0,this.afAriaLabel=n.breadcrumbs,this.afId=r("digi-navigation-breadcrumbs"),this.afCurrentPage=void 0}onAfCurrentPage(i){this.currentPage=i}componentDidLoad(){this.getBreadcrumbs()}getBreadcrumbs(){const i=this._observer.children;!i||(null==i?void 0:i.length)<=0?d.warn("The slot contains no link elements.",this.hostElement):this.linkItems=[...i].filter((i=>"a"===i.tagName.toLowerCase())).map((i=>({text:i.textContent,href:i.getAttribute("href")||""})))}clickHandler(i){this.afOnClick.emit(i)}render(){var i;return t("nav",{key:"8d4f11e378e2e3c76a5986ac815572db4e42d1c6",class:"digi-navigation-breadcrumbs","aria-label":this.afAriaLabel},t("ol",{key:"97e85957fea1c91b1ce36c6e4e57c106d64f42b8",class:"digi-navigation-breadcrumbs__items"},this.linkItems.map((i=>t("li",{class:"digi-navigation-breadcrumbs__item"},t("a",{class:"digi-navigation-breadcrumbs__link",onClick:i=>this.clickHandler(i),href:i.href},i.text)))),t("li",{key:"990d80f432ade5087039ce785e4575c9eeaaf6bb",class:"digi-navigation-breadcrumbs__item","aria-current":"page"},null!==(i=this.currentPage)&&void 0!==i?i:this.afCurrentPage),t("digi-util-mutation-observer",{key:"f52581946b6c6f4dce3f2f3fad07147c718f815a",onAfOnChange:()=>this.getBreadcrumbs(),ref:i=>this._observer=i,hidden:!0},t("slot",{key:"7d8f501fad20ab4cfcb239b0d6660a452327f907"}))))}get hostElement(){return g(this)}static get watchers(){return{afCurrentPage:["onAfCurrentPage"]}}};o.style='.digi--util--fs--xs.sc-digi-navigation-breadcrumbs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-navigation-breadcrumbs{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-navigation-breadcrumbs{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-navigation-breadcrumbs{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-navigation-breadcrumbs{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-navigation-breadcrumbs{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-navigation-breadcrumbs{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-navigation-breadcrumbs{padding-top:5rem !important}.digi--util--pb--1.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-navigation-breadcrumbs{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-navigation-breadcrumbs{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-navigation-breadcrumbs{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-navigation-breadcrumbs{padding:2.5rem !important}.digi--util--p--60.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-navigation-breadcrumbs{padding:4.5rem !important}.digi--util--p--90.sc-digi-navigation-breadcrumbs{padding:5rem !important}.digi--util--ptb--1.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-navigation-breadcrumbs{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-navigation-breadcrumbs{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-navigation-breadcrumbs{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-navigation-breadcrumbs{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-navigation-breadcrumbs{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-navigation-breadcrumbs{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-navigation-breadcrumbs{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-navigation-breadcrumbs{display:none}.sc-digi-navigation-breadcrumbs-h{--digi--navigation-breadcrumbs--items--display:flex;--digi--navigation-breadcrumbs--items--flex-wrap:wrap;--digi--navigation-breadcrumbs--items--padding:0;--digi--navigation-breadcrumbs--items--margin:0;--digi--navigation-breadcrumbs--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-breadcrumbs--item--font-size:var(--digi--typography--breadcrumbs--font-size--desktop);--digi--navigation-breadcrumbs--item--text-decoration:var(--digi--typography--breadcrumbs--text-decoration--desktop);--digi--navigation-breadcrumbs--item--color:var(--digi--color--text--primary);--digi--navigation-breadcrumbs--divider--padding:var(--digi--gutter--icon);--digi--navigation-breadcrumbs--link--visited--color:var(--digi--color--text--link-visited);--digi--navigation-breadcrumbs--link--hover--focus--color:var(--digi--color--text--link-hover);--digi--navigation-breadcrumbs--link--hover--focus--text-decoration:underline;--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover);--digi--navigation-breadcrumbs--link--color:var(--digi--color--text--link)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__items.sc-digi-navigation-breadcrumbs{list-style:none;display:var(--digi--navigation-breadcrumbs--items--display);flex-wrap:var(--digi--navigation-breadcrumbs--items--flex-wrap);margin:var(--digi--navigation-breadcrumbs--items--margin);padding:var(--digi--navigation-breadcrumbs--items--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs{font-family:var(--digi--navigation-breadcrumbs--item--font-family);font-size:var(--digi--navigation-breadcrumbs--item--font-size);color:var(--digi--navigation-breadcrumbs--item--color)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs:not([aria-current=page])::after{content:"/";padding-inline:var(--digi--navigation-breadcrumbs--divider--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs{color:var(--digi--navigation-breadcrumbs--link--color);font-size:var(--digi--navigation-breadcrumbs--item--font-size)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:visited{color:var(--digi--navigation-breadcrumbs--link--color)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus,.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:hover{text-decoration:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration);text-decoration-thickness:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}';export{o as digi_navigation_breadcrumbs}
|
|
1
|
+
import{r as i,c as a,h as t,g}from"./p-e35cae7b.js";import{l as d}from"./p-e3d2e899.js";import{r}from"./p-ffe5c0e8.js";import{_ as n}from"./p-42aa440f.js";const o=class{constructor(t){i(this,t),this.afOnClick=a(this,"afOnClick",7),this.linkItems=[],this.currentPage=void 0,this.afAriaLabel=n.breadcrumbs,this.afId=r("digi-navigation-breadcrumbs"),this.afCurrentPage=void 0}onAfCurrentPage(i){this.currentPage=i}componentDidLoad(){this.getBreadcrumbs()}getBreadcrumbs(){const i=this._observer.children;!i||(null==i?void 0:i.length)<=0?d.warn("The slot contains no link elements.",this.hostElement):this.linkItems=[...i].filter((i=>"a"===i.tagName.toLowerCase())).map((i=>({text:i.textContent,href:i.getAttribute("href")||""})))}clickHandler(i){this.afOnClick.emit(i)}render(){var i;return t("nav",{key:"8d4f11e378e2e3c76a5986ac815572db4e42d1c6",class:"digi-navigation-breadcrumbs","aria-label":this.afAriaLabel},t("ol",{key:"97e85957fea1c91b1ce36c6e4e57c106d64f42b8",class:"digi-navigation-breadcrumbs__items"},this.linkItems.map((i=>t("li",{class:"digi-navigation-breadcrumbs__item"},t("a",{class:"digi-navigation-breadcrumbs__link",onClick:i=>this.clickHandler(i),href:i.href},i.text)))),t("li",{key:"990d80f432ade5087039ce785e4575c9eeaaf6bb",class:"digi-navigation-breadcrumbs__item","aria-current":"page"},null!==(i=this.currentPage)&&void 0!==i?i:this.afCurrentPage),t("digi-util-mutation-observer",{key:"f52581946b6c6f4dce3f2f3fad07147c718f815a",onAfOnChange:()=>this.getBreadcrumbs(),ref:i=>this._observer=i,hidden:!0},t("slot",{key:"7d8f501fad20ab4cfcb239b0d6660a452327f907"}))))}get hostElement(){return g(this)}static get watchers(){return{afCurrentPage:["onAfCurrentPage"]}}};o.style='.digi--util--fs--xs.sc-digi-navigation-breadcrumbs{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-navigation-breadcrumbs{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-navigation-breadcrumbs{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-navigation-breadcrumbs{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-navigation-breadcrumbs{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-navigation-breadcrumbs{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-navigation-breadcrumbs{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-navigation-breadcrumbs{padding-top:5rem !important}.digi--util--pb--1.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-navigation-breadcrumbs{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-navigation-breadcrumbs{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-navigation-breadcrumbs{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-navigation-breadcrumbs{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-navigation-breadcrumbs{padding:2.5rem !important}.digi--util--p--60.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-navigation-breadcrumbs{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-navigation-breadcrumbs{padding:4.5rem !important}.digi--util--p--90.sc-digi-navigation-breadcrumbs{padding:5rem !important}.digi--util--ptb--1.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-navigation-breadcrumbs{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-navigation-breadcrumbs{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-navigation-breadcrumbs{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-navigation-breadcrumbs{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-navigation-breadcrumbs{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-navigation-breadcrumbs{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-navigation-breadcrumbs{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-navigation-breadcrumbs{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-navigation-breadcrumbs{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-navigation-breadcrumbs{display:none}.sc-digi-navigation-breadcrumbs-h{--digi--navigation-breadcrumbs--items--display:flex;--digi--navigation-breadcrumbs--items--flex-wrap:wrap;--digi--navigation-breadcrumbs--items--padding:0;--digi--navigation-breadcrumbs--items--margin:0;--digi--navigation-breadcrumbs--item--font-family:var(--digi--global--typography--font-family--default);--digi--navigation-breadcrumbs--item--font-size:var(--digi--typography--breadcrumbs--font-size--desktop);--digi--navigation-breadcrumbs--item--text-decoration:var(--digi--typography--breadcrumbs--text-decoration--desktop);--digi--navigation-breadcrumbs--item--color:var(--digi--color--text--primary);--digi--navigation-breadcrumbs--divider--padding:var(--digi--gutter--icon);--digi--navigation-breadcrumbs--link--visited--color:var(--digi--color--text--link-visited);--digi--navigation-breadcrumbs--link--hover--focus--color:var(--digi--color--text--link-hover);--digi--navigation-breadcrumbs--link--hover--focus--text-decoration:underline;--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness:var(--digi--typography--text-decoration-thickness--hover);--digi--navigation-breadcrumbs--link--color:var(--digi--color--text--link)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__items.sc-digi-navigation-breadcrumbs{list-style:none;display:var(--digi--navigation-breadcrumbs--items--display);flex-wrap:var(--digi--navigation-breadcrumbs--items--flex-wrap);margin:var(--digi--navigation-breadcrumbs--items--margin);padding:var(--digi--navigation-breadcrumbs--items--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs{font-family:var(--digi--navigation-breadcrumbs--item--font-family);font-size:var(--digi--navigation-breadcrumbs--item--font-size);color:var(--digi--navigation-breadcrumbs--item--color);width:unset;margin-bottom:unset}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__item.sc-digi-navigation-breadcrumbs:not([aria-current=page])::after{content:"/";padding-inline:var(--digi--navigation-breadcrumbs--divider--padding)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs{color:var(--digi--navigation-breadcrumbs--link--color);font-size:var(--digi--navigation-breadcrumbs--item--font-size)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:visited{color:var(--digi--navigation-breadcrumbs--link--color)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus,.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:hover{text-decoration:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration);text-decoration-thickness:var(--digi--navigation-breadcrumbs--link--hover--focus--text-decoration-thickness)}.sc-digi-navigation-breadcrumbs-h .digi-navigation-breadcrumbs__link.sc-digi-navigation-breadcrumbs:focus-visible{outline:2px solid black;outline-offset:2px;box-shadow:0px 0px 0px 5px white}';export{o as digi_navigation_breadcrumbs}
|