@designsystem-se/af 32.1.2-beta.0 → 32.2.0
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-calendar-datepicker.js +1 -1
- package/components/digi-calendar.js +1 -1
- package/components/digi-form-select-filter.js +8 -7
- package/components/digi-navigation-vertical-menu-item.js +6 -6
- package/components/{p-0bac0718.js → p-697744f3.js} +1 -1
- package/custom-elements.json +1 -1
- package/dist/cjs/digi-calendar_2.cjs.entry.js +1 -1
- package/dist/cjs/digi-form-select-filter.cjs.entry.js +8 -7
- package/dist/cjs/digi-navigation-vertical-menu-item.cjs.entry.js +6 -6
- package/dist/collection/components/_calendar/calendar/calendar.css +5 -2
- package/dist/collection/components/_form/form-select-filter/form-select-filter.js +8 -7
- package/dist/collection/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.js +8 -8
- package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss +0 -8
- package/dist/digi-arbetsformedlingen/digi-arbetsformedlingen.esm.js +1 -1
- package/dist/digi-arbetsformedlingen/p-14b14b7c.entry.js +1 -0
- package/dist/digi-arbetsformedlingen/{p-08b9754b.entry.js → p-1a5b426e.entry.js} +1 -1
- package/dist/digi-arbetsformedlingen/{p-616b29c7.entry.js → p-3e3413e5.entry.js} +1 -1
- package/dist/esm/digi-calendar_2.entry.js +1 -1
- package/dist/esm/digi-form-select-filter.entry.js +8 -7
- package/dist/esm/digi-navigation-vertical-menu-item.entry.js +6 -6
- package/dist/types/components/_navigation/navigation-vertical-menu-item/navigation-vertical-menu-item.d.ts +2 -2
- package/dist/types/components.d.ts +4 -4
- package/hydrate/index.js +15 -14
- package/hydrate/index.mjs +15 -14
- package/package.json +1 -1
- package/dist/digi-arbetsformedlingen/p-25bc4682.entry.js +0 -1
|
@@ -55,7 +55,7 @@ import './p-903b00e6.js';
|
|
|
55
55
|
import './p-cdcaf0eb.js';
|
|
56
56
|
import { r as randomIdGenerator } from './p-ffe5c0e8.js';
|
|
57
57
|
import { d as detectClickOutside } from './p-430607cb.js';
|
|
58
|
-
import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-
|
|
58
|
+
import { i as isBefore, a as isAfter, d as defineCustomElement$f } from './p-697744f3.js';
|
|
59
59
|
import { d as defineCustomElement$e } from './p-9cf07ae7.js';
|
|
60
60
|
import { d as defineCustomElement$d } from './p-fd524d67.js';
|
|
61
61
|
import { d as defineCustomElement$c } from './p-5f04f514.js';
|
|
@@ -421,6 +421,7 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
|
|
|
421
421
|
if (close) {
|
|
422
422
|
this.emitFilterClosedEvent();
|
|
423
423
|
}
|
|
424
|
+
this.afOnResetFilters.emit();
|
|
424
425
|
}
|
|
425
426
|
selectItemHandler(item) {
|
|
426
427
|
if (this.afMultipleItems) {
|
|
@@ -534,15 +535,15 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
|
|
|
534
535
|
} }, h("slot", { name: "empty-search-result" })))));
|
|
535
536
|
}
|
|
536
537
|
render() {
|
|
537
|
-
return (h("div", { key: '
|
|
538
|
+
return (h("div", { key: '131d9bcd798a19ab4da264d59e7b2b938af39e4d', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '6ad325b665d8d23ffb8bc926cec923a4f43cec77', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'd90ec9e07871d99e964036346a13d3dcf8bb98f3', onAfOnEsc: () => this.escHandler() }, h("button", { key: '1d64f4c3a76bc2d81a10b60e82ee7f5724192051', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '4c82b8b3dfd9a6c66bcbd852498eeabcd4aa5ccb', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '8b8d3ed48f8f7cfdc374ebf9d62da00891d15e06', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: 'e35d0ae711a81e43886707bffaed3b10ecffb25d', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'dfe447e717e5c99d400390aaaacad6160d188928', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: 'cd68ced3b7f00548e23a3d37e54bccbc3f7ca700', id: `${this.afId}-dropdown-menu`, class: {
|
|
538
539
|
'digi-form-select-filter__dropdown': true,
|
|
539
540
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
540
541
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
541
|
-
} }, h("fieldset", { key: '
|
|
542
|
+
} }, h("fieldset", { key: '8cf2eedb7d23bcec85d761336f80c94665f8de8b' }, h("div", { key: '9e791ab8c6eea058919f01e6819d64c84a1958a5', class: "digi-form-select-filter__header" }, h("legend", { key: '8497b0c1517187628a3978697cf804fb4a647935', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '934ae7bc9be7b0d3a312dea866e21065246c1a84', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
|
|
542
543
|
this.focusListItemIndex = 0;
|
|
543
544
|
}, onAfOnKeyup: (e) => {
|
|
544
545
|
this.inputSearchKeyboardHandler(e.detail);
|
|
545
|
-
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '
|
|
546
|
+
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '1768a9ad717b385f8a3c2c76d12c126009d97821', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '55527df2cae38577b555155a03f50b1167eb8c65', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '7898741e2835ef7362a240feacd421aa843aedbb', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
|
|
546
547
|
? 'false'
|
|
547
548
|
: this.afValidation === FormSelectFilterValidation.ERROR
|
|
548
549
|
? 'true'
|
|
@@ -550,11 +551,11 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
|
|
|
550
551
|
? false
|
|
551
552
|
: this.afRequired
|
|
552
553
|
? 'true'
|
|
553
|
-
: 'false' }, this.showNeutralValue && (h("li", { key: '
|
|
554
|
+
: 'false' }, this.showNeutralValue && (h("li", { key: '5cc7d76c73e0029bd050417798bfc9b023132ee5', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
|
|
554
555
|
? 'false'
|
|
555
556
|
: this.afRequired
|
|
556
557
|
? 'true'
|
|
557
|
-
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '
|
|
558
|
+
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '01cfe3f21036a55b97644fb03d915a5eea506694', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
|
|
558
559
|
this._filteredResult.map((item, index) => {
|
|
559
560
|
return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
|
|
560
561
|
? 'false'
|
|
@@ -566,9 +567,9 @@ const FormSelectFilter = /*@__PURE__*/ proxyCustomElement(class FormSelectFilter
|
|
|
566
567
|
? 'true'
|
|
567
568
|
: 'false'
|
|
568
569
|
: 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
|
|
569
|
-
}))))), this.afMultipleItems && (h("div", { key: '
|
|
570
|
+
}))))), this.afMultipleItems && (h("div", { key: 'e0be65595bed741b5de8216ada9fe0d0de47ac3e', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'db69b04b4b2ab410a237198a23a3100b48ce6bdb', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '192df90619ef17bbf77e11a2467f09d80bd5fc36', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '05f35b1ce6b839803b437f686802ac5caba52dc8', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
|
|
570
571
|
this.setClosed(true);
|
|
571
|
-
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '
|
|
572
|
+
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'd9e0abd51c768bd874bfaff6da2c6b13fe9d279d', class: "digi-form-select__footer" }, h("div", { key: 'b80b09a64b27eebed494a5f4978f527c24fed3b0', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'b574f92b656755f9ee7f47d1c46dbff5e3b2ece8', "af-variation": this.afValidation }, this.afValidationText))))));
|
|
572
573
|
}
|
|
573
574
|
get hostElement() { return this; }
|
|
574
575
|
static get watchers() { return {
|
|
@@ -119,24 +119,24 @@ const NavigationVerticalMenuItem = /*@__PURE__*/ proxyCustomElement(class Naviga
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
render() {
|
|
122
|
-
return (h("host", { key: '
|
|
122
|
+
return (h("host", { key: '90998bfdc035aafce066f5c449b2baf7b22013a4', class: {
|
|
123
123
|
'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
|
|
124
124
|
'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
|
|
125
|
-
} }, h("div", { key: '
|
|
125
|
+
} }, h("div", { key: '5aa15246813f9c19cb5a11b51a3364f9c4c81ecb', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (h("div", { key: '51a6359d7acd27c3233640291799c507cc9abea4', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, h("a", { key: '05d2730b34df61b45cb4529ab06724d76135c2bf', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
126
126
|
'digi-navigation-vertical-menu-item__link': true,
|
|
127
127
|
'digi-navigation-vertical-menu-item__has-subnav': true,
|
|
128
128
|
'digi-navigation-vertical-menu-item__link--active': this.isActive,
|
|
129
129
|
'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
|
|
130
|
-
}, onClick: (e) => this.clickHandler(e) }, h("div", { key: '
|
|
130
|
+
}, onClick: (e) => this.clickHandler(e) }, h("div", { key: '728fcec109a200b1bc88b94aa65a0cd95f7f26ec', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '3f8f7112d0b425241470c5895616217b88e337a2', name: "icon" })), h("span", { key: '16e6a72b7e54fc6a05418882809bfa3a5001d733', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: 'a71df07d1edcf382b014045c03f4dd3f24308a78', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '333224149090b0511766d970337872255a037c40', name: "badge" }))), h("button", { key: '6225b3945f66c7d8309727972a6c78d5e389e089', type: "button", id: `${this.afId}-toggle-button`, class: {
|
|
131
131
|
'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
|
|
132
132
|
'digi-navigation-vertical-menu-item__button--active': this.isActive
|
|
133
|
-
}, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: '
|
|
133
|
+
}, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, h("span", { key: '03cfa0a703525883cbed486d55e21f0977d8ba90', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: '8085c37fb501a202dd892e2afd218cd961f23948', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (h("div", { key: '597bbb20edad42bff6cd072b3df0b4fc7b48ac85', class: "digi-navigation-vertical-menu-item__inner" }, h("button", { key: 'f1930269af1d34f9bb5dad7660e5316a5d55c9a1', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, h("span", { key: '7b2bc0c07007fd87f5d665f43ce0d543f09e5d71', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '938fc1e8f1aa2c61f96bb280639275cacfa7db91', name: "icon" })), h("span", { key: 'bdd05664a67e04fda3a70553cf07a5a9915eda55', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '053bab38d026bde9be6440a9ef446e761da81fad', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: '338867e2b365f9912aec5c81200fcb2a5cfaf2b1', name: "badge" })), h("span", { key: '87275b1021b7257114f2c9d99335821c6de13696', class: "digi-navigation-vertical-menu-item__toggle-icon" }, h("span", { key: 'aa36f5138af4bf36029ddcb4a83a836c5a8bf455' }, this.toggleIcon))))), !this.hasSubnav && (h("div", { key: '63ad76cfdf49432658d6d9cb4dfad57283739136', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (h("a", { key: '6ed218c0c51b2444f5f3c3028554cfb38eee50ec', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
134
134
|
'digi-navigation-vertical-menu-item__link': true,
|
|
135
135
|
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
136
|
-
}, onClick: (e) => this.clickHandler(e) }, h("div", { key: '
|
|
136
|
+
}, onClick: (e) => this.clickHandler(e) }, h("div", { key: '8f973191164b025edc6af194a4a51768c4c72e74', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '2f7ab8db20dcd3850af9041eda318a8732e2f79a', name: "icon" })), h("span", { key: 'ef02a477469133bbd5469f1a65d345e8fa445697', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '29f5efe7b0397a2156cf1149b551e3de2356a606', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'f198a9ee32674f68c34b94243d9564c3cc359323', name: "badge" })))), this.isActive && (h("a", { key: 'b23cc5d4ef0c6795412628eedcea7330c6524f40', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
|
|
137
137
|
'digi-navigation-vertical-menu-item__link': true,
|
|
138
138
|
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
139
|
-
}, onClick: (e) => this.clickHandler(e) }, h("div", { key: '
|
|
139
|
+
}, onClick: (e) => this.clickHandler(e) }, h("div", { key: 'f8fffcbdc3b3e177dae3457b6997a2fc08e0dbcd', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, h("slot", { key: '44aa12c4095825a0c9de923123778334d3c1a6b3', name: "icon" })), h("span", { key: 'd67c07434dec6d29dead94264bbb1a56b87b6dbc', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), h("div", { key: '0e627f689ca82f5eeea9f2cc86e1e8841323d55b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, h("slot", { key: 'b70c627546c1358aeeea11ebc9aae3f015cbb160', name: "badge" })))))))));
|
|
140
140
|
}
|
|
141
141
|
get hostElement() { return this; }
|
|
142
142
|
static get watchers() { return {
|
|
@@ -77,7 +77,7 @@ function isBefore(dirtyDate, dirtyDateToCompare) {
|
|
|
77
77
|
return date.getTime() < dateToCompare.getTime();
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
const calendarCss = ".digi--util--fs--xs.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-calendar{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-calendar{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-calendar{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-calendar{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-calendar{padding-top:5rem !important}.digi--util--pb--1.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-calendar{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-calendar{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-calendar{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-calendar{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-calendar{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-calendar{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-calendar{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-calendar{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-calendar{padding:2.5rem !important}.digi--util--p--60.sc-digi-calendar{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-calendar{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-calendar{padding:4.5rem !important}.digi--util--p--90.sc-digi-calendar{padding:5rem !important}.digi--util--ptb--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-calendar{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-calendar{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-calendar{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-calendar{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-calendar{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-calendar{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-calendar{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-calendar{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-calendar{display:none}.sc-digi-calendar-h{--digi--calendar--display:inline-block;--digi--calendar--header--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--header--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--header--display:flex;--digi--calendar--header--align-items:center;--digi--calendar--header--justify-content:space-between;--digi--calendar--header--text-align:center;--digi--calendar--header--button--padding:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--calendar--header--button--background:transparent;--digi--calendar--header--button--box-shadow:none;--digi--calendar--header--button--background--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--table--border-spacing:0;--digi--calendar--table--border-collapse:collapse;--digi--calendar--table--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--table--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--table-header--padding:var(--digi--gutter--larger) 0;--digi--calendar--table-header--font-weight-normal:var(--digi--typography--body--font-weight--desktop);--digi--calendar--date--border-color:none;--digi--calendar--date--box-shadow:none;--digi--calendar--date--box-shadow--hover:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--background-color:var(--digi--color--background--primary);--digi--calendar--date--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--padding:var(--digi--gutter--large);--digi--calendar--date--color:var(--digi--color--text--primary);--digi--calendar--date--focused--box-shadow:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--focused--background-color:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--box-shadow:none;--digi--calendar--date--today--background-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--background-color--focused:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--border-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--color:var(--digi--color--text--primary);--digi--calendar--date--today--circle-border:2px solid var(--digi--color--text--secondary);--digi--calendar--date--today--circle-margin:10%;--digi--calendar--date--selected--color:var(--digi--color--text--inverted);--digi--calendar--date--selected--background-color:var(--digi--color--background--complementary-1);--digi--calendar--week--font-style:italic;--digi--calendar--week--font-size:var(--digi--global--typography--font-size--small);--digi--calendar--week--border-color:var(--digi--color--background--neutral-3);--digi--calendar--week--border-width:var(--digi--border-width--primary)}.sc-digi-calendar-h .digi-calendar.sc-digi-calendar{display:var(--digi--calendar--display);background:var(--digi--calendar--header--button--background);padding:0px 1px 3px 1px;overflow:hidden;max-width:23.4375rem}.sc-digi-calendar-h .digi-calendar--hide.sc-digi-calendar{--digi--calendar--display:none}.sc-digi-calendar-h .digi-calendar__header.sc-digi-calendar{display:var(--digi--calendar--header--display);align-items:var(--digi--calendar--header--align-items);justify-content:var(--digi--calendar--header--justify-content);text-align:var(--digi--calendar--header--text-align);font-size:var(--digi--global--typography--font-size--base);font-family:var(--digi--calendar--header--font-family);font-weight:var(--digi--calendar--header--font-weight)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar{display:inherit;justify-content:center;margin:0 auto}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar .sc-digi-calendar:first-child{margin-right:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar .sc-digi-calendar:last-child{width:5rem}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar{flex:auto;display:inherit;align-items:inherit;justify-content:inherit}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-name.sc-digi-calendar{padding-inline:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar{font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--digi--calendar--date--color);display:flex;align-items:center;background:var(--digi--calendar--header--button--background);border:var(--digi--calendar--date--box-shadow);padding:var(--digi--calendar--header--button--padding)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:last-child{border-radius:0 4px 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:first-child{border-radius:4px 0 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus,.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:hover{--digi--calendar--header--button--background:var(\n --digi--calendar--header--button--background--hover\n );text-decoration:underline;cursor:pointer}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__table.sc-digi-calendar{border-collapse:var(--digi--calendar--table--border-collapse);border-spacing:var(--digi--calendar--table--border-spacing);font-family:var(--digi--calendar--table--font-family);table-layout:fixed;margin-bottom:var(--digi--margin--medium)}.sc-digi-calendar-h .digi-calendar__table-header-week.sc-digi-calendar{font-style:italic;padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table-header--font-weight-normal);width:50px}.sc-digi-calendar-h .digi-calendar__table-header.sc-digi-calendar{padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table--font-weight);width:46px}.sc-digi-calendar-h .digi-calendar__td-week.sc-digi-calendar{border-right:var(--digi--calendar--week--border-width) solid var(--digi--calendar--week--border-color)}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar{font-style:var(--digi--calendar--week--font-style);font-size:var(--digi--calendar--week--font-size);display:table-cell;text-align:center}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar:hover{cursor:default}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar{position:relative;padding:var(--digi--calendar--date--padding);color:var(--digi--calendar--date--color);background-color:var(--digi--calendar--date--background-color);border-color:var(--digi--calendar--date--border-color);border-radius:var(--digi--border-radius--secondary);font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;border:none;width:44px;height:44px}.sc-digi-calendar-h .digi-calendar__date--disabled.sc-digi-calendar{--digi--calendar--date--color:transparent;pointer-events:none}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar{position:relative}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar::after{display:block;content:\" \";position:absolute;top:var(--digi--calendar--date--today--circle-margin);bottom:var(--digi--calendar--date--today--circle-margin);left:var(--digi--calendar--date--today--circle-margin);right:var(--digi--calendar--date--today--circle-margin);border:var(--digi--calendar--date--today--circle-border);border-radius:50%}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover{--digi--calendar--date--box-shadow:var(\n --digi--calendar--date--box-shadow--hover\n );--digi--calendar--date--background-color:var(\n --digi--calendar--date--background-color--hover\n );cursor:pointer}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:underline}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n );--digi--calendar--date--color:var(\n --digi--calendar--date--selected--color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:none}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__date--not-selectable.sc-digi-calendar::after{display:block;content:\" \";width:0px;height:100%;border:1px solid #757575;transform:rotate(-45deg);position:absolute;top:0%;left:50%}.sc-digi-calendar-h .digi-calendar__date--focused.sc-digi-calendar:focus-visible:not(.digi-calendar__date--selected){--digi--calendar--date--background-color:var(\n --digi--calendar--date--focused--background-color\n );outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-s digi-form-label{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}";
|
|
80
|
+
const calendarCss = ".digi--util--fs--xs.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-calendar{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-calendar{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-calendar{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-calendar{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-calendar{padding-top:5rem !important}.digi--util--pb--1.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-calendar{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-calendar{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-calendar{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-calendar{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-calendar{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-calendar{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-calendar{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-calendar{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-calendar{padding:2.5rem !important}.digi--util--p--60.sc-digi-calendar{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-calendar{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-calendar{padding:4.5rem !important}.digi--util--p--90.sc-digi-calendar{padding:5rem !important}.digi--util--ptb--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-calendar{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-calendar{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-calendar{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-calendar{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-calendar{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-calendar{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-calendar{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-calendar{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-calendar{display:none}.sc-digi-calendar-h{--digi--calendar--display:inline-block;--digi--calendar--header--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--header--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--header--display:flex;--digi--calendar--header--align-items:center;--digi--calendar--header--justify-content:space-between;--digi--calendar--header--text-align:center;--digi--calendar--header--button--padding:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--calendar--header--button--background:transparent;--digi--calendar--header--button--box-shadow:none;--digi--calendar--header--button--background--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--table--border-spacing:0;--digi--calendar--table--border-collapse:collapse;--digi--calendar--table--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--table--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--table-header--padding:var(--digi--gutter--larger) 0;--digi--calendar--table-header--font-weight-normal:var(--digi--typography--body--font-weight--desktop);--digi--calendar--date--border-color:none;--digi--calendar--date--box-shadow:none;--digi--calendar--date--box-shadow--hover:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--background-color:var(--digi--color--background--primary);--digi--calendar--date--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--padding:var(--digi--gutter--large);--digi--calendar--date--color:var(--digi--color--text--primary);--digi--calendar--date--focused--box-shadow:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--focused--background-color:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--box-shadow:none;--digi--calendar--date--today--background-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--background-color--focused:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--border-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--color:var(--digi--color--text--primary);--digi--calendar--date--today--circle-border:2px solid var(--digi--color--text--secondary);--digi--calendar--date--today--circle-margin:10%;--digi--calendar--date--selected--color:var(--digi--color--text--inverted);--digi--calendar--date--selected--background-color:var(--digi--color--background--complementary-1);--digi--calendar--week--font-style:italic;--digi--calendar--week--font-size:var(--digi--global--typography--font-size--small);--digi--calendar--week--border-color:var(--digi--color--background--neutral-3);--digi--calendar--week--border-width:var(--digi--border-width--primary)}.sc-digi-calendar-h .digi-calendar.sc-digi-calendar{display:var(--digi--calendar--display);background:var(--digi--calendar--header--button--background);padding:0px 1px 3px 1px;overflow:hidden;max-width:23.4375rem}.sc-digi-calendar-h .digi-calendar--hide.sc-digi-calendar{--digi--calendar--display:none}.sc-digi-calendar-h .digi-calendar__header.sc-digi-calendar{display:var(--digi--calendar--header--display);align-items:var(--digi--calendar--header--align-items);justify-content:var(--digi--calendar--header--justify-content);text-align:var(--digi--calendar--header--text-align);font-size:var(--digi--global--typography--font-size--base);font-family:var(--digi--calendar--header--font-family);font-weight:var(--digi--calendar--header--font-weight)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar{display:inherit;justify-content:center;margin:0 auto}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:first-child{margin-right:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:last-child{width:5rem}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar select.sc-digi-calendar{padding-inline-end:2rem}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar{flex:auto;display:inherit;align-items:inherit;justify-content:inherit}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-name.sc-digi-calendar{padding-inline:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar{font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--digi--calendar--date--color);display:flex;align-items:center;background:var(--digi--calendar--header--button--background);border:var(--digi--calendar--date--box-shadow);padding:var(--digi--calendar--header--button--padding)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:last-child{border-radius:0 4px 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:first-child{border-radius:4px 0 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus,.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:hover{--digi--calendar--header--button--background:var(\n --digi--calendar--header--button--background--hover\n );text-decoration:underline;cursor:pointer}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__table.sc-digi-calendar{border-collapse:var(--digi--calendar--table--border-collapse);border-spacing:var(--digi--calendar--table--border-spacing);font-family:var(--digi--calendar--table--font-family);table-layout:fixed;margin-bottom:var(--digi--margin--medium)}.sc-digi-calendar-h .digi-calendar__table-header-week.sc-digi-calendar{font-style:italic;padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table-header--font-weight-normal);width:50px}.sc-digi-calendar-h .digi-calendar__table-header.sc-digi-calendar{padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table--font-weight);width:46px}.sc-digi-calendar-h .digi-calendar__td-week.sc-digi-calendar{border-right:var(--digi--calendar--week--border-width) solid var(--digi--calendar--week--border-color)}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar{font-style:var(--digi--calendar--week--font-style);font-size:var(--digi--calendar--week--font-size);display:table-cell;text-align:center}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar:hover{cursor:default}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar{position:relative;padding:var(--digi--calendar--date--padding);color:var(--digi--calendar--date--color);background-color:var(--digi--calendar--date--background-color);border-color:var(--digi--calendar--date--border-color);border-radius:var(--digi--border-radius--secondary);font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;border:none;width:44px;height:44px}.sc-digi-calendar-h .digi-calendar__date--disabled.sc-digi-calendar{--digi--calendar--date--color:transparent;pointer-events:none}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar{position:relative}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar::after{display:block;content:\" \";position:absolute;top:var(--digi--calendar--date--today--circle-margin);bottom:var(--digi--calendar--date--today--circle-margin);left:var(--digi--calendar--date--today--circle-margin);right:var(--digi--calendar--date--today--circle-margin);border:var(--digi--calendar--date--today--circle-border);border-radius:50%}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover{--digi--calendar--date--box-shadow:var(\n --digi--calendar--date--box-shadow--hover\n );--digi--calendar--date--background-color:var(\n --digi--calendar--date--background-color--hover\n );cursor:pointer}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:underline}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n );--digi--calendar--date--color:var(\n --digi--calendar--date--selected--color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:none}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__date--not-selectable.sc-digi-calendar::after{display:block;content:\" \";width:0px;height:100%;border:1px solid #757575;transform:rotate(-45deg);position:absolute;top:0%;left:50%}.sc-digi-calendar-h .digi-calendar__date--focused.sc-digi-calendar:focus-visible:not(.digi-calendar__date--selected){--digi--calendar--date--background-color:var(\n --digi--calendar--date--focused--background-color\n );outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-s digi-form-label{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}";
|
|
81
81
|
const DigiCalendarStyle0 = calendarCss;
|
|
82
82
|
|
|
83
83
|
const Calendar = /*@__PURE__*/ proxyCustomElement(class Calendar extends H {
|
package/custom-elements.json
CHANGED
|
@@ -7613,7 +7613,7 @@
|
|
|
7613
7613
|
"attributes": [
|
|
7614
7614
|
{
|
|
7615
7615
|
"name": "af-active",
|
|
7616
|
-
"description": "
|
|
7616
|
+
"description": "Används för att markera ett menyval visuellt. Sätts till true för att visa det för närvarande valda (senast valda)."
|
|
7617
7617
|
},
|
|
7618
7618
|
{
|
|
7619
7619
|
"name": "af-active-subnav",
|
|
@@ -12,7 +12,7 @@ const index$1 = require('./index-e8333bcc.js');
|
|
|
12
12
|
const index$2 = require('./index-cad91a90.js');
|
|
13
13
|
require('./detectClosest.util-85b3507b.js');
|
|
14
14
|
|
|
15
|
-
const calendarCss = ".digi--util--fs--xs.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-calendar{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-calendar{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-calendar{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-calendar{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-calendar{padding-top:5rem !important}.digi--util--pb--1.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-calendar{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-calendar{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-calendar{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-calendar{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-calendar{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-calendar{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-calendar{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-calendar{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-calendar{padding:2.5rem !important}.digi--util--p--60.sc-digi-calendar{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-calendar{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-calendar{padding:4.5rem !important}.digi--util--p--90.sc-digi-calendar{padding:5rem !important}.digi--util--ptb--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-calendar{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-calendar{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-calendar{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-calendar{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-calendar{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-calendar{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-calendar{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-calendar{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-calendar{display:none}.sc-digi-calendar-h{--digi--calendar--display:inline-block;--digi--calendar--header--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--header--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--header--display:flex;--digi--calendar--header--align-items:center;--digi--calendar--header--justify-content:space-between;--digi--calendar--header--text-align:center;--digi--calendar--header--button--padding:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--calendar--header--button--background:transparent;--digi--calendar--header--button--box-shadow:none;--digi--calendar--header--button--background--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--table--border-spacing:0;--digi--calendar--table--border-collapse:collapse;--digi--calendar--table--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--table--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--table-header--padding:var(--digi--gutter--larger) 0;--digi--calendar--table-header--font-weight-normal:var(--digi--typography--body--font-weight--desktop);--digi--calendar--date--border-color:none;--digi--calendar--date--box-shadow:none;--digi--calendar--date--box-shadow--hover:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--background-color:var(--digi--color--background--primary);--digi--calendar--date--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--padding:var(--digi--gutter--large);--digi--calendar--date--color:var(--digi--color--text--primary);--digi--calendar--date--focused--box-shadow:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--focused--background-color:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--box-shadow:none;--digi--calendar--date--today--background-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--background-color--focused:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--border-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--color:var(--digi--color--text--primary);--digi--calendar--date--today--circle-border:2px solid var(--digi--color--text--secondary);--digi--calendar--date--today--circle-margin:10%;--digi--calendar--date--selected--color:var(--digi--color--text--inverted);--digi--calendar--date--selected--background-color:var(--digi--color--background--complementary-1);--digi--calendar--week--font-style:italic;--digi--calendar--week--font-size:var(--digi--global--typography--font-size--small);--digi--calendar--week--border-color:var(--digi--color--background--neutral-3);--digi--calendar--week--border-width:var(--digi--border-width--primary)}.sc-digi-calendar-h .digi-calendar.sc-digi-calendar{display:var(--digi--calendar--display);background:var(--digi--calendar--header--button--background);padding:0px 1px 3px 1px;overflow:hidden;max-width:23.4375rem}.sc-digi-calendar-h .digi-calendar--hide.sc-digi-calendar{--digi--calendar--display:none}.sc-digi-calendar-h .digi-calendar__header.sc-digi-calendar{display:var(--digi--calendar--header--display);align-items:var(--digi--calendar--header--align-items);justify-content:var(--digi--calendar--header--justify-content);text-align:var(--digi--calendar--header--text-align);font-size:var(--digi--global--typography--font-size--base);font-family:var(--digi--calendar--header--font-family);font-weight:var(--digi--calendar--header--font-weight)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar{display:inherit;justify-content:center;margin:0 auto}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar .sc-digi-calendar:first-child{margin-right:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar .sc-digi-calendar:last-child{width:5rem}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar{flex:auto;display:inherit;align-items:inherit;justify-content:inherit}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-name.sc-digi-calendar{padding-inline:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar{font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--digi--calendar--date--color);display:flex;align-items:center;background:var(--digi--calendar--header--button--background);border:var(--digi--calendar--date--box-shadow);padding:var(--digi--calendar--header--button--padding)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:last-child{border-radius:0 4px 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:first-child{border-radius:4px 0 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus,.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:hover{--digi--calendar--header--button--background:var(\n --digi--calendar--header--button--background--hover\n );text-decoration:underline;cursor:pointer}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__table.sc-digi-calendar{border-collapse:var(--digi--calendar--table--border-collapse);border-spacing:var(--digi--calendar--table--border-spacing);font-family:var(--digi--calendar--table--font-family);table-layout:fixed;margin-bottom:var(--digi--margin--medium)}.sc-digi-calendar-h .digi-calendar__table-header-week.sc-digi-calendar{font-style:italic;padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table-header--font-weight-normal);width:50px}.sc-digi-calendar-h .digi-calendar__table-header.sc-digi-calendar{padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table--font-weight);width:46px}.sc-digi-calendar-h .digi-calendar__td-week.sc-digi-calendar{border-right:var(--digi--calendar--week--border-width) solid var(--digi--calendar--week--border-color)}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar{font-style:var(--digi--calendar--week--font-style);font-size:var(--digi--calendar--week--font-size);display:table-cell;text-align:center}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar:hover{cursor:default}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar{position:relative;padding:var(--digi--calendar--date--padding);color:var(--digi--calendar--date--color);background-color:var(--digi--calendar--date--background-color);border-color:var(--digi--calendar--date--border-color);border-radius:var(--digi--border-radius--secondary);font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;border:none;width:44px;height:44px}.sc-digi-calendar-h .digi-calendar__date--disabled.sc-digi-calendar{--digi--calendar--date--color:transparent;pointer-events:none}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar{position:relative}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar::after{display:block;content:\" \";position:absolute;top:var(--digi--calendar--date--today--circle-margin);bottom:var(--digi--calendar--date--today--circle-margin);left:var(--digi--calendar--date--today--circle-margin);right:var(--digi--calendar--date--today--circle-margin);border:var(--digi--calendar--date--today--circle-border);border-radius:50%}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover{--digi--calendar--date--box-shadow:var(\n --digi--calendar--date--box-shadow--hover\n );--digi--calendar--date--background-color:var(\n --digi--calendar--date--background-color--hover\n );cursor:pointer}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:underline}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n );--digi--calendar--date--color:var(\n --digi--calendar--date--selected--color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:none}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__date--not-selectable.sc-digi-calendar::after{display:block;content:\" \";width:0px;height:100%;border:1px solid #757575;transform:rotate(-45deg);position:absolute;top:0%;left:50%}.sc-digi-calendar-h .digi-calendar__date--focused.sc-digi-calendar:focus-visible:not(.digi-calendar__date--selected){--digi--calendar--date--background-color:var(\n --digi--calendar--date--focused--background-color\n );outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-s digi-form-label{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}";
|
|
15
|
+
const calendarCss = ".digi--util--fs--xs.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-calendar{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-calendar{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-calendar{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-calendar{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-calendar{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-calendar{padding-top:5rem !important}.digi--util--pb--1.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-calendar{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-calendar{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-calendar{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-calendar{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-calendar{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-calendar{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-calendar{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-calendar{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-calendar{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-calendar{padding:2.5rem !important}.digi--util--p--60.sc-digi-calendar{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-calendar{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-calendar{padding:4.5rem !important}.digi--util--p--90.sc-digi-calendar{padding:5rem !important}.digi--util--ptb--1.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-calendar{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-calendar{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-calendar{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-calendar{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-calendar{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-calendar{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-calendar{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-calendar{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-calendar{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-calendar{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-calendar{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-calendar{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-calendar{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-calendar{display:none}.sc-digi-calendar-h{--digi--calendar--display:inline-block;--digi--calendar--header--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--header--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--header--display:flex;--digi--calendar--header--align-items:center;--digi--calendar--header--justify-content:space-between;--digi--calendar--header--text-align:center;--digi--calendar--header--button--padding:var(--digi--gutter--medium) var(--digi--gutter--largest);--digi--calendar--header--button--background:transparent;--digi--calendar--header--button--box-shadow:none;--digi--calendar--header--button--background--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--table--border-spacing:0;--digi--calendar--table--border-collapse:collapse;--digi--calendar--table--font-family:var(--digi--global--typography--font-family--default);--digi--calendar--table--font-weight:var(--digi--global--typography--font-weight--semibold);--digi--calendar--table-header--padding:var(--digi--gutter--larger) 0;--digi--calendar--table-header--font-weight-normal:var(--digi--typography--body--font-weight--desktop);--digi--calendar--date--border-color:none;--digi--calendar--date--box-shadow:none;--digi--calendar--date--box-shadow--hover:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--background-color:var(--digi--color--background--primary);--digi--calendar--date--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--padding:var(--digi--gutter--large);--digi--calendar--date--color:var(--digi--color--text--primary);--digi--calendar--date--focused--box-shadow:inset 0 0 0 var(--digi--border-width--primary) var(--digi--color--text--link);--digi--calendar--date--focused--background-color:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--box-shadow:none;--digi--calendar--date--today--background-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--background-color--hover:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--background-color--focused:var(--digi--global--color--cta--blue--dark);--digi--calendar--date--today--border-color:var(--digi--color--background--neutral-1);--digi--calendar--date--today--color:var(--digi--color--text--primary);--digi--calendar--date--today--circle-border:2px solid var(--digi--color--text--secondary);--digi--calendar--date--today--circle-margin:10%;--digi--calendar--date--selected--color:var(--digi--color--text--inverted);--digi--calendar--date--selected--background-color:var(--digi--color--background--complementary-1);--digi--calendar--week--font-style:italic;--digi--calendar--week--font-size:var(--digi--global--typography--font-size--small);--digi--calendar--week--border-color:var(--digi--color--background--neutral-3);--digi--calendar--week--border-width:var(--digi--border-width--primary)}.sc-digi-calendar-h .digi-calendar.sc-digi-calendar{display:var(--digi--calendar--display);background:var(--digi--calendar--header--button--background);padding:0px 1px 3px 1px;overflow:hidden;max-width:23.4375rem}.sc-digi-calendar-h .digi-calendar--hide.sc-digi-calendar{--digi--calendar--display:none}.sc-digi-calendar-h .digi-calendar__header.sc-digi-calendar{display:var(--digi--calendar--header--display);align-items:var(--digi--calendar--header--align-items);justify-content:var(--digi--calendar--header--justify-content);text-align:var(--digi--calendar--header--text-align);font-size:var(--digi--global--typography--font-size--base);font-family:var(--digi--calendar--header--font-family);font-weight:var(--digi--calendar--header--font-weight)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar{display:inherit;justify-content:center;margin:0 auto}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:first-child{margin-right:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar:last-child{width:5rem}.sc-digi-calendar-h .digi-calendar__header--year-select.sc-digi-calendar digi-form-select.sc-digi-calendar select.sc-digi-calendar{padding-inline-end:2rem}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar{flex:auto;display:inherit;align-items:inherit;justify-content:inherit}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-name.sc-digi-calendar{padding-inline:var(--digi--padding--smaller)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar{font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--digi--calendar--date--color);display:flex;align-items:center;background:var(--digi--calendar--header--button--background);border:var(--digi--calendar--date--box-shadow);padding:var(--digi--calendar--header--button--padding)}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:last-child{border-radius:0 4px 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:first-child{border-radius:4px 0 0 0}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus,.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:hover{--digi--calendar--header--button--background:var(\n --digi--calendar--header--button--background--hover\n );text-decoration:underline;cursor:pointer}.sc-digi-calendar-h .digi-calendar__header--month-step.sc-digi-calendar .digi-calendar__month-select-button.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__table.sc-digi-calendar{border-collapse:var(--digi--calendar--table--border-collapse);border-spacing:var(--digi--calendar--table--border-spacing);font-family:var(--digi--calendar--table--font-family);table-layout:fixed;margin-bottom:var(--digi--margin--medium)}.sc-digi-calendar-h .digi-calendar__table-header-week.sc-digi-calendar{font-style:italic;padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table-header--font-weight-normal);width:50px}.sc-digi-calendar-h .digi-calendar__table-header.sc-digi-calendar{padding:var(--digi--calendar--table-header--padding);font-weight:var(--digi--calendar--table--font-weight);width:46px}.sc-digi-calendar-h .digi-calendar__td-week.sc-digi-calendar{border-right:var(--digi--calendar--week--border-width) solid var(--digi--calendar--week--border-color)}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar{font-style:var(--digi--calendar--week--font-style);font-size:var(--digi--calendar--week--font-size);display:table-cell;text-align:center}.sc-digi-calendar-h .digi-calendar__date--week-number.sc-digi-calendar:hover{cursor:default}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar{position:relative;padding:var(--digi--calendar--date--padding);color:var(--digi--calendar--date--color);background-color:var(--digi--calendar--date--background-color);border-color:var(--digi--calendar--date--border-color);border-radius:var(--digi--border-radius--secondary);font-family:inherit;font-size:inherit;font-weight:inherit;text-align:center;border:none;width:44px;height:44px}.sc-digi-calendar-h .digi-calendar__date--disabled.sc-digi-calendar{--digi--calendar--date--color:transparent;pointer-events:none}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar{position:relative}.sc-digi-calendar-h .digi-calendar__date--today.sc-digi-calendar::after{display:block;content:\" \";position:absolute;top:var(--digi--calendar--date--today--circle-margin);bottom:var(--digi--calendar--date--today--circle-margin);left:var(--digi--calendar--date--today--circle-margin);right:var(--digi--calendar--date--today--circle-margin);border:var(--digi--calendar--date--today--circle-border);border-radius:50%}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover{--digi--calendar--date--box-shadow:var(\n --digi--calendar--date--box-shadow--hover\n );--digi--calendar--date--background-color:var(\n --digi--calendar--date--background-color--hover\n );cursor:pointer}.sc-digi-calendar-h .digi-calendar__date.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:underline}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n );--digi--calendar--date--color:var(\n --digi--calendar--date--selected--color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover{--digi--calendar--date--background-color:var(\n --digi--calendar--date--selected--background-color\n )}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:hover span.sc-digi-calendar{text-decoration:none}.sc-digi-calendar-h .digi-calendar__date--selected.sc-digi-calendar:focus-visible{outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-h .digi-calendar__date--not-selectable.sc-digi-calendar::after{display:block;content:\" \";width:0px;height:100%;border:1px solid #757575;transform:rotate(-45deg);position:absolute;top:0%;left:50%}.sc-digi-calendar-h .digi-calendar__date--focused.sc-digi-calendar:focus-visible:not(.digi-calendar__date--selected){--digi--calendar--date--background-color:var(\n --digi--calendar--date--focused--background-color\n );outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-calendar-s digi-form-label{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}";
|
|
16
16
|
const DigiCalendarStyle0 = calendarCss;
|
|
17
17
|
|
|
18
18
|
const Calendar = class {
|
|
@@ -415,6 +415,7 @@ const FormSelectFilter = class {
|
|
|
415
415
|
if (close) {
|
|
416
416
|
this.emitFilterClosedEvent();
|
|
417
417
|
}
|
|
418
|
+
this.afOnResetFilters.emit();
|
|
418
419
|
}
|
|
419
420
|
selectItemHandler(item) {
|
|
420
421
|
if (this.afMultipleItems) {
|
|
@@ -528,15 +529,15 @@ const FormSelectFilter = class {
|
|
|
528
529
|
} }, index.h("slot", { name: "empty-search-result" })))));
|
|
529
530
|
}
|
|
530
531
|
render() {
|
|
531
|
-
return (index.h("div", { key: '
|
|
532
|
+
return (index.h("div", { key: '131d9bcd798a19ab4da264d59e7b2b938af39e4d', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, index.h("digi-form-label", { key: '6ad325b665d8d23ffb8bc926cec923a4f43cec77', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), index.h("digi-util-keydown-handler", { key: 'd90ec9e07871d99e964036346a13d3dcf8bb98f3', onAfOnEsc: () => this.escHandler() }, index.h("button", { key: '1d64f4c3a76bc2d81a10b60e82ee7f5724192051', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, index.h("div", { key: '4c82b8b3dfd9a6c66bcbd852498eeabcd4aa5ccb', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, index.h("digi-icon-check", { key: '8b8d3ed48f8f7cfdc374ebf9d62da00891d15e06', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), index.h("span", { key: 'e35d0ae711a81e43886707bffaed3b10ecffb25d', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), index.h("digi-icon-chevron-down", { key: 'dfe447e717e5c99d400390aaaacad6160d188928', class: "digi-form-select-filter__toggle-icon" })), index.h("div", { key: 'cd68ced3b7f00548e23a3d37e54bccbc3f7ca700', id: `${this.afId}-dropdown-menu`, class: {
|
|
532
533
|
'digi-form-select-filter__dropdown': true,
|
|
533
534
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
534
535
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
535
|
-
} }, index.h("fieldset", { key: '
|
|
536
|
+
} }, index.h("fieldset", { key: '8cf2eedb7d23bcec85d761336f80c94665f8de8b' }, index.h("div", { key: '9e791ab8c6eea058919f01e6819d64c84a1958a5', class: "digi-form-select-filter__header" }, index.h("legend", { key: '8497b0c1517187628a3978697cf804fb4a647935', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), index.h("digi-form-input", { key: '934ae7bc9be7b0d3a312dea866e21065246c1a84', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: formInputVariation_enum.FormInputVariation.MEDIUM, afType: formInputType_enum.FormInputType.SEARCH, afValidation: formInputVariation_enum.FormInputValidation.NEUTRAL, onAfOnFocus: () => {
|
|
536
537
|
this.focusListItemIndex = 0;
|
|
537
538
|
}, onAfOnKeyup: (e) => {
|
|
538
539
|
this.inputSearchKeyboardHandler(e.detail);
|
|
539
|
-
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), index.h("div", { key: '
|
|
540
|
+
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), index.h("div", { key: '1768a9ad717b385f8a3c2c76d12c126009d97821', class: "digi-form-select-filter__scroll" }, index.h("digi-util-keydown-handler", { key: '55527df2cae38577b555155a03f50b1167eb8c65', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, index.h("ul", { key: '7898741e2835ef7362a240feacd421aa843aedbb', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
|
|
540
541
|
? 'false'
|
|
541
542
|
: this.afValidation === toolsFeedbackVariation_enum.FormSelectFilterValidation.ERROR
|
|
542
543
|
? 'true'
|
|
@@ -544,11 +545,11 @@ const FormSelectFilter = class {
|
|
|
544
545
|
? false
|
|
545
546
|
: this.afRequired
|
|
546
547
|
? 'true'
|
|
547
|
-
: 'false' }, this.showNeutralValue && (index.h("li", { key: '
|
|
548
|
+
: 'false' }, this.showNeutralValue && (index.h("li", { key: '5cc7d76c73e0029bd050417798bfc9b023132ee5', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
|
|
548
549
|
? 'false'
|
|
549
550
|
: this.afRequired
|
|
550
551
|
? 'true'
|
|
551
|
-
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (index.h("digi-icon-check", { key: '
|
|
552
|
+
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (index.h("digi-icon-check", { key: '01cfe3f21036a55b97644fb03d915a5eea506694', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
|
|
552
553
|
this._filteredResult.map((item, index$1) => {
|
|
553
554
|
return (index.h("li", { class: "digi-form-select-filter__item", key: index$1, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
|
|
554
555
|
? 'false'
|
|
@@ -560,9 +561,9 @@ const FormSelectFilter = class {
|
|
|
560
561
|
? 'true'
|
|
561
562
|
: 'false'
|
|
562
563
|
: 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index$1 === 0 ? 0 : -1 }, this.isSelected(item.value) && (index.h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
|
|
563
|
-
}))))), this.afMultipleItems && (index.h("div", { key: '
|
|
564
|
+
}))))), this.afMultipleItems && (index.h("div", { key: 'e0be65595bed741b5de8216ada9fe0d0de47ac3e', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (index.h("digi-button", { key: 'db69b04b4b2ab410a237198a23a3100b48ce6bdb', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), index.h("digi-util-keydown-handler", { key: '192df90619ef17bbf77e11a2467f09d80bd5fc36', onAfOnUp: () => this.setFocusItem() }, index.h("digi-button", { key: '05f35b1ce6b839803b437f686802ac5caba52dc8', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
|
|
564
565
|
this.setClosed(true);
|
|
565
|
-
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), index.h("div", { key: '
|
|
566
|
+
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), index.h("div", { key: 'd9e0abd51c768bd874bfaff6da2c6b13fe9d279d', class: "digi-form-select__footer" }, index.h("div", { key: 'b80b09a64b27eebed494a5f4978f527c24fed3b0', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (index.h("digi-form-validation-message", { key: 'b574f92b656755f9ee7f47d1c46dbff5e3b2ece8', "af-variation": this.afValidation }, this.afValidationText))))));
|
|
566
567
|
}
|
|
567
568
|
get hostElement() { return index.getElement(this); }
|
|
568
569
|
static get watchers() { return {
|
|
@@ -120,24 +120,24 @@ const NavigationVerticalMenuItem = class {
|
|
|
120
120
|
}
|
|
121
121
|
}
|
|
122
122
|
render() {
|
|
123
|
-
return (index.h("host", { key: '
|
|
123
|
+
return (index.h("host", { key: '90998bfdc035aafce066f5c449b2baf7b22013a4', class: {
|
|
124
124
|
'digi-navigation-vertical-menu-item--has-subnav': this.hasSubnav,
|
|
125
125
|
'digi-navigation-vertical-menu-item--active-subnav': this.activeSubnav
|
|
126
|
-
} }, index.h("div", { key: '
|
|
126
|
+
} }, index.h("div", { key: '5aa15246813f9c19cb5a11b51a3364f9c4c81ecb', class: Object.assign({ 'digi-navigation-vertical-menu-item': true }, this.cssModifiers) }, this.hasSubnav && this.afHref && (index.h("div", { key: '51a6359d7acd27c3233640291799c507cc9abea4', class: "digi-navigation-vertical-menu-item__inner digi-navigation-vertical-menu-item__inner--combined" }, index.h("a", { key: '05d2730b34df61b45cb4529ab06724d76135c2bf', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
127
127
|
'digi-navigation-vertical-menu-item__link': true,
|
|
128
128
|
'digi-navigation-vertical-menu-item__has-subnav': true,
|
|
129
129
|
'digi-navigation-vertical-menu-item__link--active': this.isActive,
|
|
130
130
|
'digi-navigation-vertical-menu-item__link--expanded': this.activeSubnav
|
|
131
|
-
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '
|
|
131
|
+
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '728fcec109a200b1bc88b94aa65a0cd95f7f26ec', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '3f8f7112d0b425241470c5895616217b88e337a2', name: "icon" })), index.h("span", { key: '16e6a72b7e54fc6a05418882809bfa3a5001d733', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: 'a71df07d1edcf382b014045c03f4dd3f24308a78', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '333224149090b0511766d970337872255a037c40', name: "badge" }))), index.h("button", { key: '6225b3945f66c7d8309727972a6c78d5e389e089', type: "button", id: `${this.afId}-toggle-button`, class: {
|
|
132
132
|
'digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--toggle': true,
|
|
133
133
|
'digi-navigation-vertical-menu-item__button--active': this.isActive
|
|
134
|
-
}, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: '
|
|
134
|
+
}, onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', "aria-label": `${this.toggleButtonText} ${this.afText}` }, index.h("span", { key: '03cfa0a703525883cbed486d55e21f0977d8ba90', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: '8085c37fb501a202dd892e2afd218cd961f23948', class: "icon" }, this.toggleIcon))))), this.hasSubnav && !this.afHref && (index.h("div", { key: '597bbb20edad42bff6cd072b3df0b4fc7b48ac85', class: "digi-navigation-vertical-menu-item__inner" }, index.h("button", { key: 'f1930269af1d34f9bb5dad7660e5316a5d55c9a1', id: `${this.afId}-toggle-button`, class: "digi-navigation-vertical-menu-item__button digi-navigation-vertical-menu-item__button--only-toggle", onClick: (e) => this.clickHandler(e), "aria-controls": `${this.afId}-collapse-menu`, "aria-expanded": this.activeSubnav ? 'true' : 'false', type: "button" }, index.h("span", { key: '7b2bc0c07007fd87f5d665f43ce0d543f09e5d71', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '938fc1e8f1aa2c61f96bb280639275cacfa7db91', name: "icon" })), index.h("span", { key: 'bdd05664a67e04fda3a70553cf07a5a9915eda55', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '053bab38d026bde9be6440a9ef446e761da81fad', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: '338867e2b365f9912aec5c81200fcb2a5cfaf2b1', name: "badge" })), index.h("span", { key: '87275b1021b7257114f2c9d99335821c6de13696', class: "digi-navigation-vertical-menu-item__toggle-icon" }, index.h("span", { key: 'aa36f5138af4bf36029ddcb4a83a836c5a8bf455' }, this.toggleIcon))))), !this.hasSubnav && (index.h("div", { key: '63ad76cfdf49432658d6d9cb4dfad57283739136', class: "digi-navigation-vertical-menu-item__inner" }, !this.isActive && (index.h("a", { key: '6ed218c0c51b2444f5f3c3028554cfb38eee50ec', id: `${this.afId}-link`, href: this.afHref, class: {
|
|
135
135
|
'digi-navigation-vertical-menu-item__link': true,
|
|
136
136
|
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
137
|
-
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '
|
|
137
|
+
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '8f973191164b025edc6af194a4a51768c4c72e74', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '2f7ab8db20dcd3850af9041eda318a8732e2f79a', name: "icon" })), index.h("span", { key: 'ef02a477469133bbd5469f1a65d345e8fa445697', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '29f5efe7b0397a2156cf1149b551e3de2356a606', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'f198a9ee32674f68c34b94243d9564c3cc359323', name: "badge" })))), this.isActive && (index.h("a", { key: 'b23cc5d4ef0c6795412628eedcea7330c6524f40', id: `${this.afId}-link`, href: this.afHref, "aria-current": this.afAriaCurrent, class: {
|
|
138
138
|
'digi-navigation-vertical-menu-item__link': true,
|
|
139
139
|
'digi-navigation-vertical-menu-item__link--active': this.isActive
|
|
140
|
-
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: '
|
|
140
|
+
}, onClick: (e) => this.clickHandler(e) }, index.h("div", { key: 'f8fffcbdc3b3e177dae3457b6997a2fc08e0dbcd', class: "digi-navigation-vertical-menu-item__icon", "aria-hidden": "true", hidden: !this.hasIcon }, index.h("slot", { key: '44aa12c4095825a0c9de923123778334d3c1a6b3', name: "icon" })), index.h("span", { key: 'd67c07434dec6d29dead94264bbb1a56b87b6dbc', class: "digi-navigation-vertical-menu-item__text", lang: this.afLang }, this.afText), index.h("div", { key: '0e627f689ca82f5eeea9f2cc86e1e8841323d55b', class: "digi-navigation-vertical-menu-item__badge", hidden: !this.hasBadge }, index.h("slot", { key: 'b70c627546c1358aeeea11ebc9aae3f015cbb160', name: "badge" })))))))));
|
|
141
141
|
}
|
|
142
142
|
get hostElement() { return index.getElement(this); }
|
|
143
143
|
static get watchers() { return {
|
|
@@ -368,12 +368,15 @@ License: none (public domain)
|
|
|
368
368
|
justify-content: center;
|
|
369
369
|
margin: 0 auto;
|
|
370
370
|
}
|
|
371
|
-
:host .digi-calendar__header--year-select :first-child {
|
|
371
|
+
:host .digi-calendar__header--year-select digi-form-select:first-child {
|
|
372
372
|
margin-right: var(--digi--padding--smaller);
|
|
373
373
|
}
|
|
374
|
-
:host .digi-calendar__header--year-select :last-child {
|
|
374
|
+
:host .digi-calendar__header--year-select digi-form-select:last-child {
|
|
375
375
|
width: 5rem;
|
|
376
376
|
}
|
|
377
|
+
:host .digi-calendar__header--year-select digi-form-select select {
|
|
378
|
+
padding-inline-end: 2rem;
|
|
379
|
+
}
|
|
377
380
|
:host .digi-calendar__header--month-step {
|
|
378
381
|
flex: auto;
|
|
379
382
|
display: inherit;
|
|
@@ -352,6 +352,7 @@ export class FormSelectFilter {
|
|
|
352
352
|
if (close) {
|
|
353
353
|
this.emitFilterClosedEvent();
|
|
354
354
|
}
|
|
355
|
+
this.afOnResetFilters.emit();
|
|
355
356
|
}
|
|
356
357
|
selectItemHandler(item) {
|
|
357
358
|
if (this.afMultipleItems) {
|
|
@@ -465,16 +466,16 @@ export class FormSelectFilter {
|
|
|
465
466
|
} }, h("slot", { name: "empty-search-result" })))));
|
|
466
467
|
}
|
|
467
468
|
render() {
|
|
468
|
-
return (h("div", { key: '
|
|
469
|
+
return (h("div", { key: '131d9bcd798a19ab4da264d59e7b2b938af39e4d', class: Object.assign({ 'digi-form-select-filter': true }, this.cssModifiers), role: "application", id: `${this.afId}-identifier` }, h("digi-form-label", { key: '6ad325b665d8d23ffb8bc926cec923a4f43cec77', afLabel: this.afFilterButtonTextLabel, afFor: `${this.afId}`, afId: `${this.afId}-label`, class: "digi-form-select-filter__label", afDescription: this.afDescription, afRequired: this.afRequired, afAnnounceIfOptional: this.afAnnounceIfOptional, afRequiredText: this.afRequiredText, afAnnounceIfOptionalText: this.afAnnounceIfOptionalText }), h("digi-util-keydown-handler", { key: 'd90ec9e07871d99e964036346a13d3dcf8bb98f3', onAfOnEsc: () => this.escHandler() }, h("button", { key: '1d64f4c3a76bc2d81a10b60e82ee7f5724192051', type: "button", id: `${this.afId}`, class: "digi-form-select-filter__toggle-button", onClick: () => this.toggleDropdown(), ref: (el) => (this._toggleButton = el), "aria-haspopup": "true", "aria-label": this.ariaLabel, "aria-labelledby": this.afFilterButtonAriaDescribedby, "aria-controls": `${this.afId}-dropdown-menu`, "aria-expanded": this.isOpen }, h("div", { key: '4c82b8b3dfd9a6c66bcbd852498eeabcd4aa5ccb', class: Object.assign({ 'digi-form-filter__toggle-button-wrapper': true }, this.cssModifiersToggleButtonWrapper) }, h("digi-icon-check", { key: '8b8d3ed48f8f7cfdc374ebf9d62da00891d15e06', class: Object.assign({ 'digi-form-select-filter__toggle-button-indicator': true }, this.cssModifiersToggleButtonIndicator), slot: "icon" }), h("span", { key: 'e35d0ae711a81e43886707bffaed3b10ecffb25d', class: "digi-form-select-filter__toggle-button-text" }, this.renderButtonLabel)), h("digi-icon-chevron-down", { key: 'dfe447e717e5c99d400390aaaacad6160d188928', class: "digi-form-select-filter__toggle-icon" })), h("div", { key: 'cd68ced3b7f00548e23a3d37e54bccbc3f7ca700', id: `${this.afId}-dropdown-menu`, class: {
|
|
469
470
|
'digi-form-select-filter__dropdown': true,
|
|
470
471
|
'digi-form-select-filter__dropdown--right': this.afAlignRight,
|
|
471
472
|
'digi-form-select-filter__dropdown--hidden': !this.isOpen
|
|
472
|
-
} }, h("fieldset", { key: '
|
|
473
|
+
} }, h("fieldset", { key: '8cf2eedb7d23bcec85d761336f80c94665f8de8b' }, h("div", { key: '9e791ab8c6eea058919f01e6819d64c84a1958a5', class: "digi-form-select-filter__header" }, h("legend", { key: '8497b0c1517187628a3978697cf804fb4a647935', class: "digi-form-select-filter__legend" }, this.afFilterButtonTextLabel), h("digi-form-input", { key: '934ae7bc9be7b0d3a312dea866e21065246c1a84', afLabel: this.afName, afId: `${this.afId}-search`, afVariation: FormInputVariation.MEDIUM, afType: FormInputType.SEARCH, afValidation: FormInputValidation.NEUTRAL, onAfOnFocus: () => {
|
|
473
474
|
this.focusListItemIndex = 0;
|
|
474
475
|
99;
|
|
475
476
|
}, onAfOnKeyup: (e) => {
|
|
476
477
|
this.inputSearchKeyboardHandler(e.detail);
|
|
477
|
-
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '
|
|
478
|
+
}, onAfOnInput: (e) => this.inputSearchInputHandler(e.detail), afValue: this._searchQuery, class: "digi-form-select-filter__search-input", afAriaControls: `${this.afId}-select-filter-list`, afAutocomplete: "off", afAriaAutocomplete: "none" }), this.renderEmptyStateBox()), h("div", { key: '1768a9ad717b385f8a3c2c76d12c126009d97821', class: "digi-form-select-filter__scroll" }, h("digi-util-keydown-handler", { key: '55527df2cae38577b555155a03f50b1167eb8c65', onAfOnDown: (e) => this.downHandler(e), onAfOnRight: (e) => this.downHandler(e), onAfOnUp: (e) => this.upHandler(e), onAfOnLeft: (e) => this.upHandler(e), onAfOnHome: (e) => this.homeHandler(e), onAfOnEnd: (e) => this.endHandler(e), onAfOnEnter: (e) => this.enterHandler(e), onAfOnSpace: (e) => this.spaceHandler(e), onAfOnTab: () => this.tabHandler(), onAfOnShiftTab: () => this.shiftHandler() }, h("ul", { key: '7898741e2835ef7362a240feacd421aa843aedbb', class: "digi-form-select-filter__list", "aria-labelledby": `${this.afId}`, id: `${this.afId}-select-filter-list`, role: this.afMultipleItems ? '' : 'radiogroup', "aria-invalid": this.afMultipleItems
|
|
478
479
|
? 'false'
|
|
479
480
|
: this.afValidation === FormSelectFilterValidation.ERROR
|
|
480
481
|
? 'true'
|
|
@@ -482,11 +483,11 @@ export class FormSelectFilter {
|
|
|
482
483
|
? false
|
|
483
484
|
: this.afRequired
|
|
484
485
|
? 'true'
|
|
485
|
-
: 'false' }, this.showNeutralValue && (h("li", { key: '
|
|
486
|
+
: 'false' }, this.showNeutralValue && (h("li", { key: '5cc7d76c73e0029bd050417798bfc9b023132ee5', class: "digi-form-select-filter__item", role: "radio", "aria-required": this.afMultipleItems
|
|
486
487
|
? 'false'
|
|
487
488
|
: this.afRequired
|
|
488
489
|
? 'true'
|
|
489
|
-
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '
|
|
490
|
+
: 'false', "aria-checked": this._selectedItems.length === 0 ? 'true' : 'false', onClick: () => this.resetSelectItems(true), tabIndex: 0, "aria-label": this.afFilterButtonText }, this._selectedItems.length === 0 && (h("digi-icon-check", { key: '01cfe3f21036a55b97644fb03d915a5eea506694', class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), this.afFilterButtonText)), this._filteredResult &&
|
|
490
491
|
this._filteredResult.map((item, index) => {
|
|
491
492
|
return (h("li", { class: "digi-form-select-filter__item", key: index, dir: item.dir, lang: item.lang, "aria-checked": this.isSelected(item.value) ? 'true' : 'false', role: this.afMultipleItems ? 'checkbox' : 'radio', "aria-required": this.afMultipleItems
|
|
492
493
|
? 'false'
|
|
@@ -498,9 +499,9 @@ export class FormSelectFilter {
|
|
|
498
499
|
? 'true'
|
|
499
500
|
: 'false'
|
|
500
501
|
: 'false', "aria-errormessage": `${this.afId}--validation-message`, onClick: () => this.selectItemHandler(item), tabIndex: this.showNeutralValue ? -1 : index === 0 ? 0 : -1 }, this.isSelected(item.value) && (h("digi-icon-check", { class: "digi-form-select-filter__item__icon", "aria-hidden": 'true' })), item.label));
|
|
501
|
-
}))))), this.afMultipleItems && (h("div", { key: '
|
|
502
|
+
}))))), this.afMultipleItems && (h("div", { key: 'e0be65595bed741b5de8216ada9fe0d0de47ac3e', class: "digi-form-select-filter__footer" }, !this.afHideResetButton && (h("digi-button", { key: 'db69b04b4b2ab410a237198a23a3100b48ce6bdb', "af-variation": "secondary", "af-aria-label": this.afResetButtonTextAriaLabel, onClick: () => this.resetSelectItems(), class: "digi-form-select-filter__reset-button" }, this.afResetButtonText)), h("digi-util-keydown-handler", { key: '192df90619ef17bbf77e11a2467f09d80bd5fc36', onAfOnUp: () => this.setFocusItem() }, h("digi-button", { key: '05f35b1ce6b839803b437f686802ac5caba52dc8', ref: (el) => (this._submitButton = el), "af-variation": "primary", "af-aria-label": this.afSubmitButtonTextAriaLabel, onClick: () => {
|
|
502
503
|
this.setClosed(true);
|
|
503
|
-
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: '
|
|
504
|
+
}, class: "digi-form-select-filter__submit-button" }, this.afSubmitButtonText)))))), h("div", { key: 'd9e0abd51c768bd874bfaff6da2c6b13fe9d279d', class: "digi-form-select__footer" }, h("div", { key: 'b80b09a64b27eebed494a5f4978f527c24fed3b0', "aria-atomic": "true", role: "alert", id: `${this.afId}--validation-message` }, this.showValidation() && (h("digi-form-validation-message", { key: 'b574f92b656755f9ee7f47d1c46dbff5e3b2ece8', "af-variation": this.afValidation }, this.afValidationText))))));
|
|
504
505
|
}
|
|
505
506
|
static get is() { return "digi-form-select-filter"; }
|
|
506
507
|
static get encapsulation() { return "scoped"; }
|