@duetds/components 5.1.4 → 5.1.5
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/hydrate/index.js +132 -27
- package/lib/cjs/duet-action-button.cjs.entry.js +16 -5
- package/lib/cjs/duet-alert.cjs.entry.js +1 -1
- package/lib/cjs/duet-badge.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumb.cjs.entry.js +1 -1
- package/lib/cjs/duet-breadcrumbs.cjs.entry.js +1 -1
- package/lib/cjs/duet-button_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-caption_4.cjs.entry.js +2 -2
- package/lib/cjs/duet-card.cjs.entry.js +2 -2
- package/lib/cjs/duet-checkbox.cjs.entry.js +1 -1
- package/lib/cjs/duet-choice_2.cjs.entry.js +2 -2
- package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
- package/lib/cjs/duet-combobox.cjs.entry.js +1 -1
- package/lib/cjs/duet-cookie-consent.cjs.entry.js +1 -1
- package/lib/cjs/duet-date-picker.cjs.entry.js +2 -2
- package/lib/cjs/duet-divider_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-editable-table_3.cjs.entry.js +104 -26
- package/lib/cjs/duet-empty-state.cjs.entry.js +1 -1
- package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
- package/lib/cjs/duet-footer.cjs.entry.js +1 -1
- package/lib/cjs/duet-grid_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-header_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +2 -2
- package/lib/cjs/duet-input_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-layout.cjs.entry.js +1 -1
- package/lib/cjs/duet-list_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-modal.cjs.entry.js +2 -2
- package/lib/cjs/duet-notification_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
- package/lib/cjs/duet-pagination_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-progress.cjs.entry.js +1 -1
- package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-range-slider.cjs.entry.js +1 -1
- package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
- package/lib/cjs/duet-select.cjs.entry.js +1 -1
- package/lib/cjs/duet-step_2.cjs.entry.js +1 -1
- package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
- package/lib/cjs/duet-toggle.cjs.entry.js +1 -1
- package/lib/cjs/duet-tooltip.cjs.entry.js +1 -1
- package/lib/cjs/duet-tray.cjs.entry.js +1 -1
- package/lib/cjs/duet-upload-aria-status.cjs.entry.js +1 -1
- package/lib/cjs/duet-visually-hidden.cjs.entry.js +1 -1
- package/lib/cjs/duet.cjs.js +2 -2
- package/lib/cjs/{focus-utils-9ac6d246.js → focus-utils-a84555de.js} +1 -1
- package/lib/cjs/{index-c417c983.js → index-d5c2b63c.js} +1 -1
- package/lib/cjs/loader.cjs.js +2 -2
- package/lib/cjs/{token-utils-d1f8069b.js → token-utils-50a1f7e2.js} +15 -0
- package/lib/collection/components/duet-action-button/duet-action-button.css +2 -2
- package/lib/collection/components/duet-action-button/duet-action-button.js +14 -2
- package/lib/collection/components/duet-table/duet-table.js +1 -1
- package/lib/collection/components/duet-upload/duet-upload.js +136 -27
- package/lib/collection/components/duet-upload/upload-editable-item-pending.js +7 -0
- package/lib/collection/utils/token-utils.js +14 -0
- package/lib/custom-elements-bundle/index.js +133 -30
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-f650fa99.entry.js → p-032948e5.entry.js} +1 -1
- package/lib/duet/{p-b1375931.entry.js → p-04ac5c4e.entry.js} +1 -1
- package/lib/duet/{p-24c8d0df.entry.js → p-05092d95.entry.js} +1 -1
- package/lib/duet/{p-18d04f2e.system.entry.js → p-05ab59af.system.entry.js} +1 -1
- package/lib/duet/{p-4dace9be.system.entry.js → p-0dbd1f32.system.entry.js} +1 -1
- package/lib/duet/{p-24f41cb3.system.entry.js → p-0f1327c5.system.entry.js} +1 -1
- package/lib/duet/{p-4ae75bd5.entry.js → p-0f428b46.entry.js} +1 -1
- package/lib/duet/{p-f4943cc5.system.entry.js → p-111e56ea.system.entry.js} +1 -1
- package/lib/duet/{p-8a684ac7.system.entry.js → p-1271800f.system.entry.js} +1 -1
- package/lib/duet/{p-20c86cc5.system.entry.js → p-18137a51.system.entry.js} +1 -1
- package/lib/duet/{p-4a1a4d2d.system.entry.js → p-199b8120.system.entry.js} +1 -1
- package/lib/duet/{p-29b73b1b.system.entry.js → p-1eb573fd.system.entry.js} +1 -1
- package/lib/duet/{p-30371492.entry.js → p-1ef3c483.entry.js} +1 -1
- package/lib/duet/{p-e2074848.system.js → p-2271f8d5.system.js} +1 -1
- package/lib/duet/{p-8fa8bdab.system.entry.js → p-258f3ccc.system.entry.js} +1 -1
- package/lib/duet/{p-47053a5e.entry.js → p-26294067.entry.js} +1 -1
- package/lib/duet/p-2879eb73.entry.js +4 -0
- package/lib/duet/{p-b49f89cf.system.entry.js → p-28ee491f.system.entry.js} +1 -1
- package/lib/duet/{p-5ff75ab0.entry.js → p-33e5acf3.entry.js} +1 -1
- package/lib/duet/{p-f597ccbb.system.entry.js → p-3b316fee.system.entry.js} +1 -1
- package/lib/duet/{p-2aeb9bd2.system.entry.js → p-3e654074.system.entry.js} +1 -1
- package/lib/duet/{p-e8340671.entry.js → p-3f0c0460.entry.js} +1 -1
- package/lib/duet/{p-078fcf7c.system.entry.js → p-4017ddb2.system.entry.js} +1 -1
- package/lib/duet/{p-ecf2860f.entry.js → p-41582a97.entry.js} +1 -1
- package/lib/duet/{p-bf95adc2.entry.js → p-45753e58.entry.js} +1 -1
- package/lib/duet/{p-e6aa9737.entry.js → p-45805cfc.entry.js} +1 -1
- package/lib/duet/{p-3956c0b8.system.entry.js → p-45aef220.system.entry.js} +1 -1
- package/lib/duet/{p-3f4ea241.entry.js → p-45e5f4f4.entry.js} +1 -1
- package/lib/duet/{p-be6e164e.system.entry.js → p-46917bfa.system.entry.js} +1 -1
- package/lib/duet/{p-b1039960.system.entry.js → p-4c080f56.system.entry.js} +1 -1
- package/lib/duet/{p-37a36786.entry.js → p-4d4ad632.entry.js} +1 -1
- package/lib/duet/{p-0e2e056f.system.entry.js → p-5265e0d0.system.entry.js} +1 -1
- package/lib/duet/{p-1e5f2840.entry.js → p-5742b705.entry.js} +1 -1
- package/lib/duet/{p-89042509.system.entry.js → p-5ce17df4.system.entry.js} +1 -1
- package/lib/duet/{p-ab84084f.entry.js → p-5ecfc1ad.entry.js} +1 -1
- package/lib/duet/p-6190e2d6.system.js +4 -0
- package/lib/duet/{p-e6eb55cf.system.entry.js → p-62e99b72.system.entry.js} +1 -1
- package/lib/duet/{p-e15afaf5.system.entry.js → p-67c75f37.system.entry.js} +1 -1
- package/lib/duet/{p-0356ed8e.entry.js → p-696fb340.entry.js} +1 -1
- package/lib/duet/{p-78d2dfc8.system.entry.js → p-6d480ff6.system.entry.js} +1 -1
- package/lib/duet/{p-6440fa65.entry.js → p-740f3d97.entry.js} +1 -1
- package/lib/duet/p-746c8ba5.js +4 -0
- package/lib/duet/{p-9ce054f9.system.entry.js → p-75d1f821.system.entry.js} +1 -1
- package/lib/duet/{p-f8b1afeb.system.entry.js → p-76733981.system.entry.js} +1 -1
- package/lib/duet/p-7c1b3583.entry.js +4 -0
- package/lib/duet/{p-212f7cf5.entry.js → p-7dfb2869.entry.js} +1 -1
- package/lib/duet/{p-d4d7c619.entry.js → p-817aaa83.entry.js} +1 -1
- package/lib/duet/{p-445d538d.entry.js → p-820f1caa.entry.js} +1 -1
- package/lib/duet/p-83e6a536.system.entry.js +4 -0
- package/lib/duet/{p-b6e0ea1d.entry.js → p-84603769.entry.js} +1 -1
- package/lib/duet/{p-ec1797d8.entry.js → p-85a02775.entry.js} +1 -1
- package/lib/duet/{p-b78ab2f5.system.js → p-88ad1951.system.js} +1 -1
- package/lib/duet/{p-ec06dc8c.system.entry.js → p-9601701a.system.entry.js} +1 -1
- package/lib/duet/{p-460e6137.system.entry.js → p-96bd1cbc.system.entry.js} +1 -1
- package/lib/duet/{p-bd8c5946.entry.js → p-987b7532.entry.js} +1 -1
- package/lib/duet/{p-4cab1ba4.system.entry.js → p-9af6ba66.system.entry.js} +1 -1
- package/lib/duet/{p-b2dfc5bd.system.entry.js → p-9bfffd81.system.entry.js} +1 -1
- package/lib/duet/p-9cca0bb4.js +4 -0
- package/lib/duet/{p-e7f60c95.system.entry.js → p-9ecaa83e.system.entry.js} +1 -1
- package/lib/duet/{p-f2f17151.system.entry.js → p-a08af4d9.system.entry.js} +1 -1
- package/lib/duet/{p-e0e35d41.js → p-a31268d6.js} +1 -1
- package/lib/duet/{p-efeac1a1.entry.js → p-a712a800.entry.js} +1 -1
- package/lib/duet/{p-37217e63.entry.js → p-aea39e5a.entry.js} +1 -1
- package/lib/duet/p-b5a180e9.system.entry.js +4 -0
- package/lib/duet/{p-472da63a.system.entry.js → p-bddd664d.system.entry.js} +1 -1
- package/lib/duet/{p-87900286.entry.js → p-c0086352.entry.js} +1 -1
- package/lib/duet/{p-9d681426.system.entry.js → p-c2ac1fab.system.entry.js} +1 -1
- package/lib/duet/{p-4c74be13.system.entry.js → p-c8ad170c.system.entry.js} +1 -1
- package/lib/duet/{p-9f3c3af5.system.entry.js → p-ca57d285.system.entry.js} +1 -1
- package/lib/duet/{p-7af28ef6.entry.js → p-cc2204e6.entry.js} +1 -1
- package/lib/duet/{p-4d95a973.entry.js → p-cc37da81.entry.js} +1 -1
- package/lib/duet/{p-1862208a.system.entry.js → p-d41db290.system.entry.js} +1 -1
- package/lib/duet/{p-4bbd7a9c.entry.js → p-dab4fba0.entry.js} +1 -1
- package/lib/duet/{p-78ccd8fa.entry.js → p-db79c34d.entry.js} +1 -1
- package/lib/duet/{p-85e8d34e.system.entry.js → p-dbb107d3.system.entry.js} +1 -1
- package/lib/duet/{p-99187a3a.system.js → p-e133d744.system.js} +1 -1
- package/lib/duet/{p-2e959285.system.entry.js → p-e1a86fe6.system.entry.js} +1 -1
- package/lib/duet/{p-553366aa.entry.js → p-e3882375.entry.js} +1 -1
- package/lib/duet/{p-9bf95a5d.entry.js → p-ea9ebc20.entry.js} +1 -1
- package/lib/duet/{p-b7e592bf.entry.js → p-eb779add.entry.js} +1 -1
- package/lib/duet/{p-71d151e6.entry.js → p-ebf20912.entry.js} +1 -1
- package/lib/duet/{p-a980e270.system.entry.js → p-ec0d8fa3.system.entry.js} +1 -1
- package/lib/duet/{p-9903055f.system.entry.js → p-ed747a10.system.entry.js} +1 -1
- package/lib/duet/{p-9c9947a8.entry.js → p-ef5be208.entry.js} +1 -1
- package/lib/duet/{p-2000ef23.entry.js → p-f3f0db95.entry.js} +1 -1
- package/lib/duet/{p-4df9144d.system.entry.js → p-f3f1d874.system.entry.js} +1 -1
- package/lib/duet/{p-64611b86.entry.js → p-f4f18841.entry.js} +1 -1
- package/lib/duet/{p-3474c348.entry.js → p-fc0e878a.entry.js} +1 -1
- package/lib/duet/{p-2fd66459.entry.js → p-fc29251a.entry.js} +1 -1
- package/lib/duet/{p-b8e8a024.entry.js → p-fdb59ab3.entry.js} +1 -1
- package/lib/duet/{p-6144a827.system.entry.js → p-ff56790f.system.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +16 -5
- package/lib/esm/duet-alert.entry.js +1 -1
- package/lib/esm/duet-badge.entry.js +1 -1
- package/lib/esm/duet-breadcrumb.entry.js +1 -1
- package/lib/esm/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm/duet-button_2.entry.js +2 -2
- package/lib/esm/duet-caption_4.entry.js +2 -2
- package/lib/esm/duet-card.entry.js +2 -2
- package/lib/esm/duet-checkbox.entry.js +1 -1
- package/lib/esm/duet-choice_2.entry.js +2 -2
- package/lib/esm/duet-collapsible.entry.js +1 -1
- package/lib/esm/duet-combobox.entry.js +1 -1
- package/lib/esm/duet-cookie-consent.entry.js +1 -1
- package/lib/esm/duet-date-picker.entry.js +2 -2
- package/lib/esm/duet-divider_2.entry.js +1 -1
- package/lib/esm/duet-editable-table_3.entry.js +104 -26
- package/lib/esm/duet-empty-state.entry.js +1 -1
- package/lib/esm/duet-fieldset.entry.js +1 -1
- package/lib/esm/duet-footer.entry.js +1 -1
- package/lib/esm/duet-grid_2.entry.js +1 -1
- package/lib/esm/duet-header_2.entry.js +1 -1
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +2 -2
- package/lib/esm/duet-input_2.entry.js +1 -1
- package/lib/esm/duet-layout.entry.js +1 -1
- package/lib/esm/duet-list_2.entry.js +1 -1
- package/lib/esm/duet-modal.entry.js +2 -2
- package/lib/esm/duet-notification_2.entry.js +1 -1
- package/lib/esm/duet-number-input.entry.js +1 -1
- package/lib/esm/duet-pagination_2.entry.js +1 -1
- package/lib/esm/duet-progress.entry.js +1 -1
- package/lib/esm/duet-radio_2.entry.js +1 -1
- package/lib/esm/duet-range-slider.entry.js +1 -1
- package/lib/esm/duet-scrollable_3.entry.js +1 -1
- package/lib/esm/duet-select.entry.js +1 -1
- package/lib/esm/duet-step_2.entry.js +1 -1
- package/lib/esm/duet-textarea.entry.js +1 -1
- package/lib/esm/duet-toggle.entry.js +1 -1
- package/lib/esm/duet-tooltip.entry.js +1 -1
- package/lib/esm/duet-tray.entry.js +1 -1
- package/lib/esm/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm/duet-visually-hidden.entry.js +1 -1
- package/lib/esm/duet.js +2 -2
- package/lib/esm/{focus-utils-bcb5b759.js → focus-utils-b869910b.js} +1 -1
- package/lib/esm/{index-7dc1fa94.js → index-1e15387b.js} +1 -1
- package/lib/esm/loader.js +2 -2
- package/lib/esm/{token-utils-f3b5f7a8.js → token-utils-1f9435bc.js} +15 -1
- package/lib/esm-es5/duet-action-button.entry.js +1 -1
- package/lib/esm-es5/duet-alert.entry.js +1 -1
- package/lib/esm-es5/duet-badge.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumb.entry.js +1 -1
- package/lib/esm-es5/duet-breadcrumbs.entry.js +1 -1
- package/lib/esm-es5/duet-button_2.entry.js +1 -1
- package/lib/esm-es5/duet-caption_4.entry.js +1 -1
- package/lib/esm-es5/duet-card.entry.js +1 -1
- package/lib/esm-es5/duet-checkbox.entry.js +1 -1
- package/lib/esm-es5/duet-choice_2.entry.js +1 -1
- package/lib/esm-es5/duet-collapsible.entry.js +1 -1
- package/lib/esm-es5/duet-combobox.entry.js +1 -1
- package/lib/esm-es5/duet-cookie-consent.entry.js +1 -1
- package/lib/esm-es5/duet-date-picker.entry.js +1 -1
- package/lib/esm-es5/duet-divider_2.entry.js +1 -1
- package/lib/esm-es5/duet-editable-table_3.entry.js +1 -1
- package/lib/esm-es5/duet-empty-state.entry.js +1 -1
- package/lib/esm-es5/duet-fieldset.entry.js +1 -1
- package/lib/esm-es5/duet-footer.entry.js +1 -1
- package/lib/esm-es5/duet-grid_2.entry.js +1 -1
- package/lib/esm-es5/duet-header_2.entry.js +1 -1
- package/lib/esm-es5/duet-hero.entry.js +1 -1
- package/lib/esm-es5/duet-icon.entry.js +1 -1
- package/lib/esm-es5/duet-input_2.entry.js +1 -1
- package/lib/esm-es5/duet-layout.entry.js +1 -1
- package/lib/esm-es5/duet-list_2.entry.js +1 -1
- package/lib/esm-es5/duet-modal.entry.js +1 -1
- package/lib/esm-es5/duet-notification_2.entry.js +1 -1
- package/lib/esm-es5/duet-number-input.entry.js +1 -1
- package/lib/esm-es5/duet-pagination_2.entry.js +1 -1
- package/lib/esm-es5/duet-progress.entry.js +1 -1
- package/lib/esm-es5/duet-radio_2.entry.js +1 -1
- package/lib/esm-es5/duet-range-slider.entry.js +1 -1
- package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
- package/lib/esm-es5/duet-select.entry.js +1 -1
- package/lib/esm-es5/duet-step_2.entry.js +1 -1
- package/lib/esm-es5/duet-textarea.entry.js +1 -1
- package/lib/esm-es5/duet-toggle.entry.js +1 -1
- package/lib/esm-es5/duet-tooltip.entry.js +1 -1
- package/lib/esm-es5/duet-tray.entry.js +1 -1
- package/lib/esm-es5/duet-upload-aria-status.entry.js +1 -1
- package/lib/esm-es5/duet-visually-hidden.entry.js +1 -1
- package/lib/esm-es5/duet.js +1 -1
- package/lib/esm-es5/focus-utils-b869910b.js +4 -0
- package/lib/esm-es5/{index-7dc1fa94.js → index-1e15387b.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/esm-es5/token-utils-1f9435bc.js +4 -0
- package/lib/html.html-data.json +7 -3
- package/lib/types/components/duet-upload/duet-upload.d.ts +18 -1
- package/lib/types/components/duet-upload/upload-editable-item-pending.d.ts +6 -0
- package/lib/types/components.d.ts +14 -2
- package/lib/types/utils/token-utils.d.ts +1 -0
- package/package.json +5 -5
- package/lib/duet/p-32774c23.system.entry.js +0 -4
- package/lib/duet/p-41e4f10e.entry.js +0 -4
- package/lib/duet/p-50363944.js +0 -4
- package/lib/duet/p-7212c87c.entry.js +0 -4
- package/lib/duet/p-81ccf6d6.system.entry.js +0 -4
- package/lib/duet/p-9eaccbf3.system.js +0 -4
- package/lib/duet/p-e918a990.js +0 -4
- package/lib/esm-es5/focus-utils-bcb5b759.js +0 -4
- package/lib/esm-es5/token-utils-f3b5f7a8.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as s,H as i}from"./p-
|
|
4
|
+
import{r as t,h as s,H as i}from"./p-a31268d6.js";const h=class{constructor(s){t(this,s),this.statusMessage=null,this.statusMessageLabel=null,this.accessibleAriaLive="polite",this.valid=void 0,this.total=void 0,this.invalid=void 0,this.inprogress=void 0,this.replacePlaceHolders=t=>{const s=t=>t>1?`${t} ${this.statusMessageLabel.files}`:`${t} ${this.statusMessageLabel.file}`;return t.replace("{filesUploaded}",s(this.valid)).replace("{filesInProgress}",s(this.inprogress)).replace("{filesTotal}",s(this.total)).replace("{filesWithErrors}",s(this.invalid))},this.getStatusMessage=()=>{const{done:t,inProgress:s,doneWithErrors:i,inProgressWithErrors:h}=this.statusMessageLabel,r=this.invalid>0,a=this.inprogress>0,e=this.valid+this.invalid===this.total&&!a;this.valid!==this.total||a||r?this.inprogress>0&&r?this.statusMessage=this.replacePlaceHolders(h):a?this.statusMessage=this.replacePlaceHolders(s):e&&(this.statusMessage=this.replacePlaceHolders(i)):this.statusMessage=this.replacePlaceHolders(t)}}watchHandler(t,s){t!==s&&this.getStatusMessage()}render(){return s(i,{role:"status","aria-live":"assertive","aria-atomic":"true","aria-relevant":"all"},s("duet-visually-hidden",null,this.statusMessage))}static get watchers(){return{valid:["watchHandler"],invalid:["watchHandler"],inprogress:["watchHandler"],total:["watchHandler"]}}};export{h as duet_upload_aria_status}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,c as e,h as i,g as a}from"./p-
|
|
4
|
+
import{r as t,c as e,h as i,g as a}from"./p-a31268d6.js";import{d as o,e as d}from"./p-bd779757.js";import{c as s}from"./p-c1325e35.js";import{f as n,F as l}from"./p-746c8ba5.js";import{f as r}from"./p-54f35a79.js";import{a as m,g as h}from"./p-ede854e1.js";import{i as u}from"./p-abf8eaf7.js";import"./p-5a9d75e1.js";const p=class{constructor(i){var a,o;t(this,i),this.duetOpen=e(this,"duetOpen",7),this.duetClose=e(this,"duetClose",7),this.duetBeforeClose=e(this,"duetBeforeClose",7),this.modalId=s("DuetModal"),this.slotDefaultId=s("DuetModal-default-slot"),this.isAndroidDevice=(null===(o=null===(a=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===a?void 0:a.toLowerCase())||void 0===o?void 0:o.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var t;try{null===(t=null===document||void 0===document?void 0:document.activeElement)||void 0===t||t.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.accessibleCloseLabel=h(this.accessibleCloseLabelDefaults,this.language),this.size="medium",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,o(this.modalEl,{reserveScrollBarGap:!0}),setTimeout((()=>{this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),d(this.modalEl),this.duetClose.emit(),setTimeout((()=>{n(this.focusedElBeforeOpen)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){u(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}disconnectedCallback(){d(this.modalEl)}handleKeyUp(t){this.open&&r(t)&&this.closeModal(t)}async show(){this.open=!0}async hide(){this.open=!1}closeModal(t){this.duetBeforeClose.emit({originalEvent:t,component:"duet-modal"}),t.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){let t="primary",e="secondary";return"turva"===this.theme&&(t="primary-turva",e="secondary-turva"),i("div",{ref:t=>this.modalEl=t,"aria-labelledby":!!this.heading&&this.modalId,"aria-describedby":this.slotDefaultId,role:"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1","aria-flowto":this.slotDefaultId,class:{"duet-modal-overlay":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open}},i(l,{moveFocusTo:this.buttonEl}),i("div",{class:{"duet-modal-inner":!0,"duet-modal-large":"large"===this.size},role:"document",onClick:t=>{this.closeOnBlur&&this.closeModal(t)}},i("div",{class:{"duet-modal":!0,[this.size]:!0},onClick:t=>{this.closeOnBlur&&t.stopPropagation()}},i("duet-spacer",null),i("div",{class:"duet-modal-close"},i("duet-button",{ref:t=>this.buttonEl=t,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:e,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:t=>this.closeModal(t),fixed:!0})),i("div",{class:{"duet-modal-body":!0,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize}},i("div",{class:"duet-modal-header"},i("span",{class:"duet-modal-inner-slot-top"},i("slot",{name:"top"})),this.icon&&i("duet-icon",{name:this.icon,size:"xx-large",color:this.color||t}),this.heading&&i("duet-heading",{level:this.headingLevel,theme:this.theme,id:this.modalId},this.heading)),i("span",{class:"duet-modal-inner-slot-default",id:this.slotDefaultId},i("slot",null))))),i(l,{moveFocusTo:this.buttonEl}))}get element(){return a(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};p.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;background:rgba(0, 41, 77, 0.85);opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-overlay.duet-theme-turva{background:rgba(23, 28, 58, 0.85)}.duet-modal-overlay.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-overlay.duet-disable-transitions{transition:none}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}@media (max-width: 35.9375em){.duet-modal-inner.duet-modal-large{padding-right:0;padding-left:0}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;background:white;border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal:focus{outline:0}.duet-modal-body{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body{padding:36px}.duet-modal-body.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d;text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';export{p as duet_modal}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-e133d744.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,a,n,o;return{setters:[function(e){t=e.r;a=e.h;n=e.H},function(e){o=e.i}],execute:function(){var r='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:inline-block;width:auto;vertical-align:middle}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-badge{width:100%;padding:4.4444444444px 12px 5.4444444444px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.75rem;font-style:normal;font-weight:600;line-height:1.25;color:#00294d;text-align:center;word-break:break-word;vertical-align:middle;background:#e6f1f7;border-radius:20rem}.duet-badge.duet-p-0{padding:0 !important}.duet-badge.duet-m-0{margin:0 !important}.duet-badge.duet-theme-turva{padding:5.4444444444px 12px 4.4444444444px;font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:700;color:#171c3a;background:#e8e8eb}.duet-badge.warning{background:#fef3df}.duet-badge.warning.duet-theme-turva{background:#fef1db}.duet-badge.danger{background:#fce9ef}.duet-badge.danger.duet-theme-turva{background:#fceae7}.duet-badge.success{background:#e6f3ef}.duet-badge.success.duet-theme-turva{background:#e6f3ed}';var i=e("duet_badge",function(){function e(e){t(this,e);this.theme="";this.variation="default";this.margin="auto"}e.prototype.componentWillLoad=function(){o(this)};e.prototype.render=function(){var e;return a(n,{class:{"duet-m-0":this.margin==="none"}},a("div",{class:(e={"duet-badge":true},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},a("slot",null)))};return e}());i.style=r}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,i,o){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function n(e){try{s(o.next(e))}catch(t){a(t)}}function d(e){try{s(o["throw"](e))}catch(t){a(t)}}function s(e){e.done?i(e.value):r(e.value).then(n,d)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},o,r,a,n;return n={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function d(e){return function(t){return s([e,t])}}function s(n){if(o)throw new TypeError("Generator is already executing.");while(i)try{if(o=1,r&&(a=n[0]&2?r["return"]:n[0]?r["throw"]||((a=r["return"])&&a.call(r),0):r.next)&&!(a=a.call(r,n[1])).done)return a;if(r=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;r=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(d){n=[6,d];r=0}finally{o=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-e133d744.system.js","./p-5f6bd5db.system.js","./p-6b03322b.system.js","./p-eb55ccd2.system.js"],(function(e){"use strict";var t,i,o,r,a,n,d,s,u;return{setters:[function(e){t=e.r;i=e.c;o=e.h;r=e.H;a=e.g},function(e){n=e.c},function(e){d=e.i},function(e){s=e.f;u=e.w}],execute:function(){var c='*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio span.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio span.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-label.sc-duet-radio span.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:white;border:1px solid #00294d;border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:#171c3a}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:#00294d;border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:#171c3a}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:#657787}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:#747475}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:#cfd2d4}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:#cfcfd1}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid #657787}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:#657787}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:#747475;border-color:#747475}';var l=e("duet_radio",function(){function e(e){var o=this;t(this,e);this.duetChange=i(this,"duetChange",7);this.duetFocus=i(this,"duetFocus",7);this.duetBlur=i(this,"duetBlur",7);this.radioId=n("DuetRadio");this.margin="auto";this.theme="";this.disabled=false;this.required=false;this.blockEvents=false;this.label="label";this.onClick=function(e){e.stopPropagation()};this.onChange=function(e){o.checked=e.target.value;if(o.checked&&!o.blockEvents){o.duetChange.emit({originalEvent:e,checked:o.checked,value:o.value,component:"duet-radio"})}};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,checked:o.checked,value:o.value,component:"duet-radio"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,checked:o.checked,value:o.value,component:"duet-radio"})}}e.prototype.componentWillLoad=function(){d(this);if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.radioId;return o(r,{onClick:this.onClick,class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none"}},o("div",{class:{"duet-radio-container":true,"duet-theme-turva":this.theme==="turva"}},o("input",{type:"radio",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,tabindex:this.accessibleIndex,class:{"duet-radio":true,disabled:this.disabled||this.groupDisabled},checked:this.checked,disabled:this.disabled||this.groupDisabled,required:this.required,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,role:this.role,name:this.name,id:t,ref:function(t){return e.nativeInput=t}}),o("label",{class:"duet-label",htmlFor:t},o("span",null,this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());l.style=c;var h="*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";var p=e("duet_radio_group",function(){function e(e){var i=this;t(this,e);this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.tooltip="";this.tooltipDirection="auto";this.label="Label";this.labelHidden=false;this.caption="";this.responsive=false;this.onSelect=function(e){var t=e.target;if(t){i.value=t.value}e.cancelBubble=true}}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(o){switch(o.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=s(e,"duet-radio");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:o.sent();if(this.value===undefined){this.value=t.value}o.label=2;case 2:this.mutationO=u(e,"duet-radio",(function(e){if(e!==undefined){e.componentOnReady().then((function(){i.value=e.value}))}else{i.updateRadios()}}));this.updateRadios();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){d(this)};e.prototype.updateRadios=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o,r,a;return __generator(this,(function(n){e=Array.from(this.element.querySelectorAll("duet-radio"));t=this.value;i=false;for(o=0,r=e;o<r.length;o++){a=r[o];a.name=this.name;a.groupDisabled=this.disabled;a.groupDirection=this.direction;a.groupResponsive=this.responsive;if(!i&&a.value===t){i=true;a.checked=true}else{a.checked=false}}if(!i){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return o(r,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},o("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme},this.tooltip&&o("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),o("div",{class:{"duet-radio-group":true,"duet-no-stacking":!this.responsive}},o("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["updateRadios"],value:["updateRadios"],disabled:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}},enumerable:false,configurable:true});return e}());p.style=h}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,i,r){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function n(e){try{h(r.next(e))}catch(t){a(t)}}function d(e){try{h(r["throw"](e))}catch(t){a(t)}}function h(e){e.done?i(e.value):o(e.value).then(n,d)}h((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,n;return n={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function d(e){return function(t){return h([e,t])}}function h(n){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,o&&(a=n[0]&2?o["return"]:n[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,n[1])).done)return a;if(o=0,a)n=[n[0]&2,a.value];switch(n[0]){case 0:case 1:a=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;o=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!a||n[1]>a[0]&&n[1]<a[3])){i.label=n[1];break}if(n[0]===6&&i.label<a[1]){i.label=a[1];a=n;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(n);break}if(a[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(d){n=[6,d];o=0}finally{r=a=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-99187a3a.system.js","./p-053b71e6.system.js","./p-c7ae95bd.system.js","./p-f69b64c9.system.js","./p-b6d51921.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,i,r,o,a,n,d,h,s,u;return{setters:[function(e){t=e.r;i=e.c;r=e.h;o=e.g},function(e){a=e.a},function(e){n=e.D},function(e){d=e.a;h=e.g},function(e){s=e.p},function(e){u=e.i}],execute:function(){var m='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-hero{position:relative;display:block;width:100%;padding:48px 28px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:#00294d}.duet-hero.duet-p-0{padding:0 !important}.duet-hero.duet-m-0{margin:0 !important}.duet-hero.duet-hero-text-center{text-align:center !important}.duet-hero.duet-hero-light{padding-bottom:0 !important}@media (min-width: 62em){.duet-hero.duet-hero-light{padding-bottom:28px !important}}.duet-hero.duet-hero-with-image{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){.duet-hero.duet-hero-with-image{padding-bottom:28px !important}}@media (min-width: 62em){.duet-hero.duet-hero-with-image{padding-bottom:36px !important;margin-bottom:-20px}}.duet-hero.duet-hero-light,.duet-hero.duet-hero-with-image{color:#00294d;background-color:white;background-image:linear-gradient(#f3f9fc, #f9fcfe)}.duet-hero.duet-hero-light::before,.duet-hero.duet-hero-with-image::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:"";background-image:linear-gradient(#f9fcfe, white)}.duet-hero.duet-hero-light.duet-theme-turva,.duet-hero.duet-hero-with-image.duet-theme-turva{color:#171c3a;background-image:linear-gradient(#f5f5f7, #fafafb)}.duet-hero.duet-hero-light.duet-theme-turva::before,.duet-hero.duet-hero-with-image.duet-theme-turva::before{background-image:linear-gradient(#fafafb, white)}.duet-hero.duet-hero-gray{color:#00294d;background:#f5f8fa}.duet-hero.duet-hero-gray.duet-theme-turva{background:#f5f5f7}@media (min-width: 62em){.duet-hero.duet-hero-gray .duet-hero-text{display:inline-block;vertical-align:top}.duet-hero.duet-hero-gray .duet-hero-icon+.duet-hero-text{margin-left:28px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-actions{padding-bottom:65.4545454545px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-back{padding-top:72px}}.duet-hero.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:#c60c30}@media (min-width: 62em){.duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}.duet-hero-icon{display:inline-block;vertical-align:top}@media (min-width: 62em){.duet-hero-icon{margin-top:-8px}}@media (min-width: 62em){.duet-hero-heading{margin-top:12px}}@media (min-width: 62em){.duet-hero-heading-has-pre{margin-top:0}}.duet-hero-wrapper{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}.duet-hero-left-align .duet-hero-wrapper{text-align:left}.duet-hero-with-image .duet-hero-wrapper{position:static}@media (min-width: 62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{max-width:50rem;margin:0 auto}.duet-hero-text-center .duet-hero-text{text-align:center !important}@media (min-width: 48em){.duet-hero-text{width:80%}.duet-hero-left-align .duet-hero-text{margin:0}}@media (min-width: 62em){.duet-hero-text{width:52%;max-width:none;margin-top:-10px;margin-left:0}.duet-hero-text-center .duet-hero-text{margin-left:auto}}.duet-hero:not(.duet-hero-with-image) .duet-hero-image{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{padding-bottom:40%}}@media (min-width: 48em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:420px;padding-bottom:34%}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:540px}}@media (min-width: 62em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-60px;padding-bottom:26%}.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}@media (min-width: 62em){.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}.duet-hero-image-wrapper{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}.duet-theme-turva .duet-hero-image-wrapper{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){.duet-hero-image-wrapper{width:300px;padding-bottom:300px}.duet-theme-turva .duet-hero-image-wrapper{width:80%;padding-bottom:68%}}@media (min-width: 62em){.duet-hero-image-wrapper{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}.duet-theme-turva .duet-hero-image-wrapper{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){.duet-hero-image-wrapper{top:-70px;right:-60px;width:600px;padding-bottom:600px}.duet-theme-turva .duet-hero-image-wrapper{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){.duet-hero-image-wrapper{top:-70px;right:25px}.duet-theme-turva .duet-hero-image-wrapper{right:0}}.duet-hero-image-wrapper .duet-hero-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image{top:0;left:0;width:100%;height:100%;transform:none}.duet-hero-image-mask{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){.duet-hero-image-mask{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){.duet-hero-image-mask{width:650px;height:580px}}@media screen and (min-width: 1450px){.duet-hero-image-mask{right:50%;transform:translateX(110%)}.duet-theme-turva .duet-hero-image-mask{transform:translateX(108%)}}duet-heading+duet-button{margin-top:12px !important}.duet-hero-links{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}.duet-hero-minimal .duet-hero-links{margin-top:28px}@media (min-width: 36em){.duet-hero-links{margin-top:72px}.duet-hero-minimal .duet-hero-links{margin-top:28px}}@media (min-width: 62em){.duet-hero-links{width:auto;margin:36px 0 0}.duet-hero-minimal .duet-hero-links{margin-top:28px}}.duet-hero-link{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:#0077b3;text-align:left;text-decoration:none;border-bottom:1px solid #e1e3e6;transition:background-color 300ms ease}.duet-hero-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-hero-link:focus,.duet-hero-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-hero-link:hover,.duet-hero-link:hover .duet-hero-action-arrow{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-hero-link:hover,.duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow{color:#940925 !important}.duet-theme-turva .duet-hero-link{color:#c60c30}@media (min-width: 36em){.duet-hero-link{padding:16px 16px 16px 28px}}@media (min-width: 62em){.duet-hero-link{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}.duet-hero-link:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){.duet-hero-link:hover{background:transparent}}.duet-hero-link:first-of-type{border-top:1px solid #e1e3e6}@media (min-width: 62em){.duet-hero-link:first-of-type{margin-top:0;border:0}}.duet-hero-link:last-of-type{margin-bottom:-48px}@media (min-width: 62em){.duet-hero-link:last-of-type{margin-right:0;margin-bottom:0}}.duet-hero-link span{margin-top:-8px}@media (min-width: 36em){.duet-hero-link span{margin:0}}.duet-hero-action-icon{margin-right:8px}@media (min-width: 36em){.duet-hero-action-icon{margin-right:12px}}.duet-hero-action-arrow{margin:0 0 0 8px;color:#0077b3}@media (max-width: 35.9375em){.duet-hero-action-arrow{margin-top:-9px}}.duet-theme-turva .duet-hero-action-arrow{color:#c60c30}.duet-hero-back{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}.duet-hero-left-align .duet-hero-back{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){.duet-hero-back{margin-bottom:36px !important}.duet-hero-minimal .duet-hero-back{margin-bottom:28px !important}}@media (min-width: 62em){.duet-hero-back{display:block}}.duet-hero-pre{display:inline-block;width:auto;margin-right:8px}.duet-hero-pre+duet-heading{margin-top:0 !important}';var l=e("duet_hero",function(){function e(e){var r=this;t(this,e);this.duetClick=i(this,"duetClick",7);this.duetAnalytics=i(this,"duetAnalytics",7);this.processedListItems=null;this.processedActions=null;this.processedBack=null;this.theme="";this.heading="";this.preHeading="";this.level="h1";this.description="";this.icon="";this.iconSize="medium";this.iconRight=false;this.categoryIcon="";this.categoryIconColor="category-pet";this.buttonLabel="";this.language=d();this.accessibleLabelExternalDefaults=n;this.accessibleLabelExternal=h(this.accessibleLabelExternalDefaults);this.buttonUrl="#";this.buttonId="";this.textCenter=false;this.leftAlign=false;this.image="";this.variation="default";this.handleClick=function(e,t){if(t&&t.analytics){r.duetAnalytics.emit({component:"duet-hero",analyticsId:t.analytics})}r.emitChange(e,t)}}e.prototype.componentWillLoad=function(){u(this);this.refresh()};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedListItems=s(this.listItems);this.processedActions=s(this.actions);this.processedBack=s(this.back);return[2]}))}))};e.prototype.emitChange=function(e,t){if(!t){t={}}if(this.buttonLabel){t.label=this.buttonLabel;t.href=this.buttonUrl;t.id=this.buttonId||"No ID defined via buttonId prop"}this.duetClick.emit({originalEvent:e,data:t,component:"duet-hero"})};e.prototype.render=function(){var e=this;var t={backgroundImage:"url(".concat(this.image,")")};var i={transform:"translateX(-8px)"};var o=this.theme==="turva"?"negative":"primary";var n="primary-blue";var d="gray-lightest";var h="primary";if(this.variation==="light"||this.variation==="image"||this.variation==="gray"||this.variation==="minimal"){d="secondary";if(this.theme==="turva"){d="secondary-turva";o="primary";h="color-primary-turva";n="color-primary-turva"}}return r("div",{role:"region",class:{"duet-hero":true,"duet-theme-turva":this.theme==="turva","duet-has-category-icon":!!this.categoryIcon,"duet-hero-light":this.variation==="light","duet-hero-gray":this.variation==="gray"||this.variation==="minimal","duet-hero-minimal":this.variation==="minimal","duet-hero-with-image":this.variation==="image","duet-hero-gray-with-actions":!!this.processedActions,"duet-hero-gray-with-back":!!this.processedBack,"duet-hero-text-center":this.textCenter&&!this.leftAlign,"duet-hero-left-align":this.leftAlign}},r("div",{class:"duet-hero-wrapper"},this.image&&this.variation==="image"&&r("div",{class:"duet-hero-image-mask"},r("div",{class:"duet-hero-image-wrapper"},r("div",{class:"duet-hero-image",style:t}))),(this.variation==="gray"||this.variation==="light"||this.variation==="minimal")&&this.processedBack&&r("div",{class:"duet-hero-back"},r("duet-button",{style:i,variation:"plain",icon:"action-arrow-left-small",theme:this.theme,iconSize:"small",color:h,padding:"none",margin:"none",fixed:true,url:this.processedBack.href,identifier:this.processedBack.id,onClick:function(t){return e.handleClick(t,{label:e.processedBack.label,href:e.processedBack.href,id:e.processedBack.id,analyticsId:e.processedBack.analyticsId})}},this.processedBack.label)),(this.variation==="gray"||this.variation==="minimal")&&this.categoryIcon&&r("duet-icon",{class:{"duet-hero-icon":true,"duet-hero-icon-has-heading":this.preHeading!==""},size:"x-large",background:this.categoryIconColor,name:this.categoryIcon}),r("div",{class:"duet-hero-text"},this.preHeading&&r("duet-paragraph",{margin:"none",class:"duet-hero-pre"},this.preHeading),r("slot",{name:"badge"}),r("duet-heading",{theme:this.theme,level:this.level,class:{"duet-hero-heading":true,"duet-hero-heading-has-pre":this.preHeading!==""},color:this.variation==="default"?"gray-lightest":"",visualLevel:this.variation==="gray"||this.variation==="minimal"?"h2":"h1"},this.heading),this.description&&r("duet-paragraph",{theme:this.theme,color:d,variation:"intro"},this.description),(this.variation==="gray"||this.variation==="minimal")&&this.processedListItems&&r("duet-list",{theme:this.theme,"label-width":"30",breakpoint:"large",mobile:this.leftAlign?undefined:"center"},this.processedListItems.map((function(e){return r("duet-list-item",null,r("span",{slot:"label"},e.label),r("span",{slot:"value"},e.value))}))),this.buttonLabel&&r("duet-button",{url:this.buttonUrl,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,variation:o,theme:this.theme,identifier:this.buttonId,onClick:function(t){return e.handleClick(t,e.buttonData)},fixed:true},this.buttonLabel),r("span",{class:"duet-hero-slot-unnamed"},r("slot",null))),(this.variation==="gray"||this.variation==="minimal")&&this.processedActions&&r("div",{class:"duet-hero-links"},this.processedActions.map((function(t){return r("a",{class:"duet-hero-link",href:t.href,id:t.id,target:t.external?"_blank":"_self",onClick:function(i){return e.handleClick(i,t)}},r("div",{class:"duet-hero-action-icon"},r("duet-icon",{size:"small",margin:"none",name:t.icon,color:"currentColor",outline:n})),r("span",null,t.label),t.external&&r("duet-visually-hidden",null,", ",e.accessibleLabelExternal),t.external&&r("div",{class:"duet-hero-action-arrow"},r("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"})))}))),this.image&&this.variation!=="image"&&r("div",{class:"duet-hero-image",style:t})))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{back:["refresh"],listItems:["refresh"],actions:["refresh"]}},enumerable:false,configurable:true});return e}());l.style=m}}}));
|
|
4
|
+
*/System.register(["./p-e133d744.system.js","./p-053b71e6.system.js","./p-c7ae95bd.system.js","./p-f69b64c9.system.js","./p-b6d51921.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,i,r,o,a,n,d,h,s,u;return{setters:[function(e){t=e.r;i=e.c;r=e.h;o=e.g},function(e){a=e.a},function(e){n=e.D},function(e){d=e.a;h=e.g},function(e){s=e.p},function(e){u=e.i}],execute:function(){var m='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-hero{position:relative;display:block;width:100%;padding:48px 28px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;text-transform:none;background:#00294d}.duet-hero.duet-p-0{padding:0 !important}.duet-hero.duet-m-0{margin:0 !important}.duet-hero.duet-hero-text-center{text-align:center !important}.duet-hero.duet-hero-light{padding-bottom:0 !important}@media (min-width: 62em){.duet-hero.duet-hero-light{padding-bottom:28px !important}}.duet-hero.duet-hero-with-image{padding-bottom:20px !important;margin-bottom:-36px}@media (min-width: 48em){.duet-hero.duet-hero-with-image{padding-bottom:28px !important}}@media (min-width: 62em){.duet-hero.duet-hero-with-image{padding-bottom:36px !important;margin-bottom:-20px}}.duet-hero.duet-hero-light,.duet-hero.duet-hero-with-image{color:#00294d;background-color:white;background-image:linear-gradient(#f3f9fc, #f9fcfe)}.duet-hero.duet-hero-light::before,.duet-hero.duet-hero-with-image::before{position:absolute;top:100%;left:0;z-index:-1;width:100%;height:400px;content:"";background-image:linear-gradient(#f9fcfe, white)}.duet-hero.duet-hero-light.duet-theme-turva,.duet-hero.duet-hero-with-image.duet-theme-turva{color:#171c3a;background-image:linear-gradient(#f5f5f7, #fafafb)}.duet-hero.duet-hero-light.duet-theme-turva::before,.duet-hero.duet-hero-with-image.duet-theme-turva::before{background-image:linear-gradient(#fafafb, white)}.duet-hero.duet-hero-gray{color:#00294d;background:#f5f8fa}.duet-hero.duet-hero-gray.duet-theme-turva{background:#f5f5f7}@media (min-width: 62em){.duet-hero.duet-hero-gray .duet-hero-text{display:inline-block;vertical-align:top}.duet-hero.duet-hero-gray .duet-hero-icon+.duet-hero-text{margin-left:28px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-actions{padding-bottom:65.4545454545px}}@media (min-width: 62em){.duet-hero.duet-hero-gray-with-back{padding-top:72px}}.duet-hero.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background:#c60c30}@media (min-width: 62em){.duet-hero{min-height:290px;padding:111.6px 56px;overflow:visible}}.duet-hero-icon{display:inline-block;vertical-align:top}@media (min-width: 62em){.duet-hero-icon{margin-top:-8px}}@media (min-width: 62em){.duet-hero-heading{margin-top:12px}}@media (min-width: 62em){.duet-hero-heading-has-pre{margin-top:0}}.duet-hero-wrapper{position:relative;width:100%;max-width:1110px;margin:0 auto;text-align:center}.duet-hero-left-align .duet-hero-wrapper{text-align:left}.duet-hero-with-image .duet-hero-wrapper{position:static}@media (min-width: 62em){.duet-hero-wrapper{text-align:left}}.duet-hero-text{max-width:50rem;margin:0 auto}.duet-hero-text-center .duet-hero-text{text-align:center !important}@media (min-width: 48em){.duet-hero-text{width:80%}.duet-hero-left-align .duet-hero-text{margin:0}}@media (min-width: 62em){.duet-hero-text{width:52%;max-width:none;margin-top:-10px;margin-left:0}.duet-hero-text-center .duet-hero-text{margin-left:auto}}.duet-hero:not(.duet-hero-with-image) .duet-hero-image{width:100%;max-width:400px;height:0;padding-bottom:50%;margin:28px auto 0;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}@media (min-width: 36em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{padding-bottom:40%}}@media (min-width: 48em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:420px;padding-bottom:34%}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{max-width:540px}}@media (min-width: 62em){.duet-hero:not(.duet-hero-with-image) .duet-hero-image{position:absolute;top:50%;right:0;padding-bottom:30%;margin:0;transform:translateY(-50%)}.duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-60px;padding-bottom:26%}.duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}@media (min-width: 62em){.duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image{right:-34px;padding-bottom:20%}}.duet-hero-image-wrapper{position:relative;width:80%;height:0;padding-bottom:80%;margin:-30px auto 36px;overflow:hidden;border-radius:28%;box-shadow:0 0 20px rgba(255, 255, 255, 0.5);transform:rotate(10deg)}.duet-theme-turva .duet-hero-image-wrapper{padding-bottom:68%;border-radius:44% 47% 38% 54%;transform:none}@media screen and (min-width: 440px){.duet-hero-image-wrapper{width:300px;padding-bottom:300px}.duet-theme-turva .duet-hero-image-wrapper{width:80%;padding-bottom:68%}}@media (min-width: 62em){.duet-hero-image-wrapper{position:absolute;top:-60px;right:-50px;width:470px;padding-bottom:470px;margin:0}.duet-theme-turva .duet-hero-image-wrapper{top:-40px;right:-80px;width:536px;padding-bottom:470px}}@media (min-width: 76.25em){.duet-hero-image-wrapper{top:-70px;right:-60px;width:600px;padding-bottom:600px}.duet-theme-turva .duet-hero-image-wrapper{top:-70px;right:-60px;width:650px;padding-bottom:600px}}@media screen and (min-width: 1450px){.duet-hero-image-wrapper{top:-70px;right:25px}.duet-theme-turva .duet-hero-image-wrapper{right:0}}.duet-hero-image-wrapper .duet-hero-image{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;transform:rotate(-10deg)}.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image{top:0;left:0;width:100%;height:100%;transform:none}.duet-hero-image-mask{position:relative;margin:-48px auto 0;overflow:hidden}@media (min-width: 62em){.duet-hero-image-mask{position:absolute;top:0;right:0;width:470px;height:460px;margin:0}}@media (min-width: 76.25em){.duet-hero-image-mask{width:650px;height:580px}}@media screen and (min-width: 1450px){.duet-hero-image-mask{right:50%;transform:translateX(110%)}.duet-theme-turva .duet-hero-image-mask{transform:translateX(108%)}}duet-heading+duet-button{margin-top:12px !important}.duet-hero-links{width:calc(100% + 56px);margin-top:48px;margin-left:-28px}.duet-hero-minimal .duet-hero-links{margin-top:28px}@media (min-width: 36em){.duet-hero-links{margin-top:72px}.duet-hero-minimal .duet-hero-links{margin-top:28px}}@media (min-width: 62em){.duet-hero-links{width:auto;margin:36px 0 0}.duet-hero-minimal .duet-hero-links{margin-top:28px}}.duet-hero-link{display:flex;align-items:center;width:100%;padding:16px 16px 8px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.25;color:#0077b3;text-align:left;text-decoration:none;border-bottom:1px solid #e1e3e6;transition:background-color 300ms ease}.duet-hero-link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-hero-link:focus,.duet-hero-link:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-hero-link:hover,.duet-hero-link:hover .duet-hero-action-arrow{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-hero-link:hover,.duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow{color:#940925 !important}.duet-theme-turva .duet-hero-link{color:#c60c30}@media (min-width: 36em){.duet-hero-link{padding:16px 16px 16px 28px}}@media (min-width: 62em){.duet-hero-link{display:inline-flex;width:auto;max-width:350px;padding:0;margin:0 28px 16px 0;border:0;border-radius:4px}}.duet-hero-link:hover{background:rgba(0, 0, 0, 0.02)}@media (min-width: 62em){.duet-hero-link:hover{background:transparent}}.duet-hero-link:first-of-type{border-top:1px solid #e1e3e6}@media (min-width: 62em){.duet-hero-link:first-of-type{margin-top:0;border:0}}.duet-hero-link:last-of-type{margin-bottom:-48px}@media (min-width: 62em){.duet-hero-link:last-of-type{margin-right:0;margin-bottom:0}}.duet-hero-link span{margin-top:-8px}@media (min-width: 36em){.duet-hero-link span{margin:0}}.duet-hero-action-icon{margin-right:8px}@media (min-width: 36em){.duet-hero-action-icon{margin-right:12px}}.duet-hero-action-arrow{margin:0 0 0 8px;color:#0077b3}@media (max-width: 35.9375em){.duet-hero-action-arrow{margin-top:-9px}}.duet-theme-turva .duet-hero-action-arrow{color:#c60c30}.duet-hero-back{margin-bottom:28px !important;display:flex;align-items:center;justify-content:center}.duet-hero-left-align .duet-hero-back{align-items:self-start;justify-content:flex-start}@media (min-width: 36em){.duet-hero-back{margin-bottom:36px !important}.duet-hero-minimal .duet-hero-back{margin-bottom:28px !important}}@media (min-width: 62em){.duet-hero-back{display:block}}.duet-hero-pre{display:inline-block;width:auto;margin-right:8px}.duet-hero-pre+duet-heading{margin-top:0 !important}';var l=e("duet_hero",function(){function e(e){var r=this;t(this,e);this.duetClick=i(this,"duetClick",7);this.duetAnalytics=i(this,"duetAnalytics",7);this.processedListItems=null;this.processedActions=null;this.processedBack=null;this.theme="";this.heading="";this.preHeading="";this.level="h1";this.description="";this.icon="";this.iconSize="medium";this.iconRight=false;this.categoryIcon="";this.categoryIconColor="category-pet";this.buttonLabel="";this.language=d();this.accessibleLabelExternalDefaults=n;this.accessibleLabelExternal=h(this.accessibleLabelExternalDefaults);this.buttonUrl="#";this.buttonId="";this.textCenter=false;this.leftAlign=false;this.image="";this.variation="default";this.handleClick=function(e,t){if(t&&t.analytics){r.duetAnalytics.emit({component:"duet-hero",analyticsId:t.analytics})}r.emitChange(e,t)}}e.prototype.componentWillLoad=function(){u(this);this.refresh()};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedListItems=s(this.listItems);this.processedActions=s(this.actions);this.processedBack=s(this.back);return[2]}))}))};e.prototype.emitChange=function(e,t){if(!t){t={}}if(this.buttonLabel){t.label=this.buttonLabel;t.href=this.buttonUrl;t.id=this.buttonId||"No ID defined via buttonId prop"}this.duetClick.emit({originalEvent:e,data:t,component:"duet-hero"})};e.prototype.render=function(){var e=this;var t={backgroundImage:"url(".concat(this.image,")")};var i={transform:"translateX(-8px)"};var o=this.theme==="turva"?"negative":"primary";var n="primary-blue";var d="gray-lightest";var h="primary";if(this.variation==="light"||this.variation==="image"||this.variation==="gray"||this.variation==="minimal"){d="secondary";if(this.theme==="turva"){d="secondary-turva";o="primary";h="color-primary-turva";n="color-primary-turva"}}return r("div",{role:"region",class:{"duet-hero":true,"duet-theme-turva":this.theme==="turva","duet-has-category-icon":!!this.categoryIcon,"duet-hero-light":this.variation==="light","duet-hero-gray":this.variation==="gray"||this.variation==="minimal","duet-hero-minimal":this.variation==="minimal","duet-hero-with-image":this.variation==="image","duet-hero-gray-with-actions":!!this.processedActions,"duet-hero-gray-with-back":!!this.processedBack,"duet-hero-text-center":this.textCenter&&!this.leftAlign,"duet-hero-left-align":this.leftAlign}},r("div",{class:"duet-hero-wrapper"},this.image&&this.variation==="image"&&r("div",{class:"duet-hero-image-mask"},r("div",{class:"duet-hero-image-wrapper"},r("div",{class:"duet-hero-image",style:t}))),(this.variation==="gray"||this.variation==="light"||this.variation==="minimal")&&this.processedBack&&r("div",{class:"duet-hero-back"},r("duet-button",{style:i,variation:"plain",icon:"action-arrow-left-small",theme:this.theme,iconSize:"small",color:h,padding:"none",margin:"none",fixed:true,url:this.processedBack.href,identifier:this.processedBack.id,onClick:function(t){return e.handleClick(t,{label:e.processedBack.label,href:e.processedBack.href,id:e.processedBack.id,analyticsId:e.processedBack.analyticsId})}},this.processedBack.label)),(this.variation==="gray"||this.variation==="minimal")&&this.categoryIcon&&r("duet-icon",{class:{"duet-hero-icon":true,"duet-hero-icon-has-heading":this.preHeading!==""},size:"x-large",background:this.categoryIconColor,name:this.categoryIcon}),r("div",{class:"duet-hero-text"},this.preHeading&&r("duet-paragraph",{margin:"none",class:"duet-hero-pre"},this.preHeading),r("slot",{name:"badge"}),r("duet-heading",{theme:this.theme,level:this.level,class:{"duet-hero-heading":true,"duet-hero-heading-has-pre":this.preHeading!==""},color:this.variation==="default"?"gray-lightest":"",visualLevel:this.variation==="gray"||this.variation==="minimal"?"h2":"h1"},this.heading),this.description&&r("duet-paragraph",{theme:this.theme,color:d,variation:"intro"},this.description),(this.variation==="gray"||this.variation==="minimal")&&this.processedListItems&&r("duet-list",{theme:this.theme,"label-width":"30",breakpoint:"large",mobile:this.leftAlign?undefined:"center"},this.processedListItems.map((function(e){return r("duet-list-item",null,r("span",{slot:"label"},e.label),r("span",{slot:"value"},e.value))}))),this.buttonLabel&&r("duet-button",{url:this.buttonUrl,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,variation:o,theme:this.theme,identifier:this.buttonId,onClick:function(t){return e.handleClick(t,e.buttonData)},fixed:true},this.buttonLabel),r("span",{class:"duet-hero-slot-unnamed"},r("slot",null))),(this.variation==="gray"||this.variation==="minimal")&&this.processedActions&&r("div",{class:"duet-hero-links"},this.processedActions.map((function(t){return r("a",{class:"duet-hero-link",href:t.href,id:t.id,target:t.external?"_blank":"_self",onClick:function(i){return e.handleClick(i,t)}},r("div",{class:"duet-hero-action-icon"},r("duet-icon",{size:"small",margin:"none",name:t.icon,color:"currentColor",outline:n})),r("span",null,t.label),t.external&&r("duet-visually-hidden",null,", ",e.accessibleLabelExternal),t.external&&r("div",{class:"duet-hero-action-arrow"},r("duet-icon",{icon:a.svg,size:"xx-small",margin:"none",color:"currentColor"})))}))),this.image&&this.variation!=="image"&&r("div",{class:"duet-hero-image",style:t})))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{back:["refresh"],listItems:["refresh"],actions:["refresh"]}},enumerable:false,configurable:true});return e}());l.style=m}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as i,g as e,H as d}from"./p-e0e35d41.js";import{m as r,a as n,b as a}from"./p-d1746325.js";import{w as s,a as m}from"./p-12721178.js";import{i as o}from"./p-abf8eaf7.js";function g(t){return"duet-grid-item"===t.tagName.toLowerCase()}const u=class{constructor(i){t(this,i),this.mql=[window.matchMedia(r.replace(/'/g,"")),window.matchMedia(n.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.alignment="top",this.distribution="default",this.mobile=""}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(e[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}async connectedCallback(){const t=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=s(t,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=m(t,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let t=0;t<this.mql.length;t++)this.mql[t].addEventListener&&this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(g).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint}))}async updateGridItemsWithInputFields(){const t=Array.from(this.element.children).filter(g),i=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let e=0;const d=[];t.forEach((t=>{const i=t.querySelector("span.duet-input-error"),e=i?this.outerHeight(i):0;d.push(e)})),e=Math.max(...d),t.forEach((t=>{const d=t.querySelector("span.duet-input-error"),r=d?this.outerHeight(d):0;r<e&&!i?t.setAttribute("style",`padding-bottom: ${e-r}px;`):(r===e||i)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(d,{class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint}})}get element(){return e(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"]}}};u.style=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}@media (min-width: 36em){.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 48em){.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 64.0625em){.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}}.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}";const l=class{constructor(i){t(this,i),this.fill=!1,this.theme="",this.margin="auto",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){o(this)}render(){return i(d,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}})}};l.style='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:#00294d}.sc-duet-grid-item-h:first-child,.sc-duet-grid-item-h:first-of-type{padding-left:0}.sc-duet-grid-item-h:last-child,.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';export{u as duet_grid,l as duet_grid_item}
|
|
4
|
+
import{r as t,h as i,g as e,H as d}from"./p-a31268d6.js";import{m as r,a as n,b as a}from"./p-d1746325.js";import{w as s,a as m}from"./p-12721178.js";import{i as o}from"./p-abf8eaf7.js";function g(t){return"duet-grid-item"===t.tagName.toLowerCase()}const u=class{constructor(i){t(this,i),this.mql=[window.matchMedia(r.replace(/'/g,"")),window.matchMedia(n.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.alignment="top",this.distribution="default",this.mobile=""}outerHeight(t){const i=t.offsetHeight,e=window.getComputedStyle(t);return["top","bottom"].map((t=>parseInt(e[`margin-${t}`]))).reduce(((t,i)=>t+i),i)}async connectedCallback(){const t=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=s(t,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=m(t,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let t=0;t<this.mql.length;t++)this.mql[t].addEventListener&&this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let t=0;t<this.mql.length;t++)this.mql[t].removeEventListener&&this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(g).forEach((t=>{t.responsive=this.responsive,t.breakpoint=this.breakpoint}))}async updateGridItemsWithInputFields(){const t=Array.from(this.element.children).filter(g),i=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let e=0;const d=[];t.forEach((t=>{const i=t.querySelector("span.duet-input-error"),e=i?this.outerHeight(i):0;d.push(e)})),e=Math.max(...d),t.forEach((t=>{const d=t.querySelector("span.duet-input-error"),r=d?this.outerHeight(d):0;r<e&&!i?t.setAttribute("style",`padding-bottom: ${e-r}px;`):(r===e||i)&&t.setAttribute("style","padding-bottom: 0px;")}))}render(){return i(d,{class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint}})}get element(){return e(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"]}}};u.style=".sc-duet-grid-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;width:100%;max-width:100%;height:auto}@media (min-width: 36em){.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 48em){.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:row !important}}@media (min-width: 64.0625em){.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:row !important}}.duet-grid-wrap.sc-duet-grid-h{flex-wrap:wrap !important}.duet-no-stacking.sc-duet-grid-h{flex-direction:row !important}.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 36em){.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 48em){.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}@media (min-width: 64.0625em){.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h{flex-direction:column !important}}.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h{align-items:flex-start !important}.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h{align-items:flex-end !important}.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h{align-items:center !important}.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h{align-items:stretch !important}.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h{align-items:baseline !important}@media (min-width: 36em){.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 36em){.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 36em){.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:center !important}}@media (min-width: 36em){.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 36em){.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 48em){.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 48em){.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 48em){.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:center !important}}@media (min-width: 48em){.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 48em){.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h{align-items:baseline !important}}@media (min-width: 64.0625em){.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-start !important}}@media (min-width: 64.0625em){.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:flex-end !important}}@media (min-width: 64.0625em){.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:center !important}}@media (min-width: 64.0625em){.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:stretch !important}}@media (min-width: 64.0625em){.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h{align-items:baseline !important}}.duet-grid-distribution-left.sc-duet-grid-h{justify-content:flex-start !important}.duet-grid-distribution-right.sc-duet-grid-h{justify-content:flex-end !important}.duet-grid-distribution-center.sc-duet-grid-h{justify-content:center !important}.duet-grid-distribution-between.sc-duet-grid-h{justify-content:space-between !important}.duet-grid-distribution-around.sc-duet-grid-h{justify-content:space-around !important}.duet-grid-distribution-evenly.sc-duet-grid-h{justify-content:space-evenly !important}@media (max-width: 35.9375em){.duet-grid-mobile-left.sc-duet-grid-h{align-items:flex-start !important;justify-content:flex-start !important;text-align:left !important}}@media (max-width: 35.9375em){.duet-grid-mobile-center.sc-duet-grid-h{align-items:center !important;justify-content:center !important;text-align:center !important}.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid{text-align:center !important}}@media (max-width: 35.9375em){.duet-grid-mobile-right.sc-duet-grid-h{align-items:flex-end !important;justify-content:flex-end !important;text-align:right !important}.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid{text-align:right !important}}";const l=class{constructor(i){t(this,i),this.fill=!1,this.theme="",this.margin="auto",this.responsive=!1,this.breakpoint="small"}componentWillLoad(){o(this)}render(){return i(d,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}})}};l.style='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left:8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-style:normal;font-weight:400;line-height:1.5;color:#00294d}.sc-duet-grid-item-h:first-child,.sc-duet-grid-item-h:first-of-type{padding-left:0}.sc-duet-grid-item-h:last-child,.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';export{u as duet_grid,l as duet_grid_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-e133d744.system.js","./p-f69b64c9.system.js","./p-6b03322b.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,i,s,a,n,o;return{setters:[function(e){t=e.r;i=e.c;s=e.h;a=e.H},function(e){n=e.g},function(e){o=e.i},function(){}],execute:function(){var r='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}';var d=e("duet_alert",function(){function e(e){var s=this;t(this,e);this.duetDismiss=i(this,"duetDismiss",7);this.theme="";this.isDismissed=false;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=n(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.margin="auto";this.padding="auto";this.variation="default";this.dismissible=false;this.handleDismiss=function(e){s.isDismissed=true;s.duetDismiss.emit({component:"duet-alert",originalEvent:e})}}e.prototype.componentWillLoad=function(){o(this)};e.prototype.componentDidLoad=function(){var e=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return e.handleDismiss()}),this.autoDismiss)}};e.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}};e.prototype.render=function(){var e;var t=this.theme==="turva"?"secondary-turva":"secondary";var i=this.variation==="danger"||this.variation==="warning"?"alert":"status";return s(a,{tabindex:"0",class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?i:undefined},s("div",{class:(e={"duet-alert":true,"duet-alert-has-icon":!!this.icon,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},s("div",{class:"duet-alert-container"},this.icon&&s("div",{class:"duet-alert-icon"},s("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),s("span",null,s("slot",null))),this.dismissible&&s("div",{class:"duet-alert-dismiss"},s("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,color:t,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true}))))};return e}());d.style=r}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-e133d744.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,r,n,o;return{setters:[function(e){t=e.r;r=e.h;n=e.H},function(e){o=e.i}],execute:function(){var a="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-breadcrumb{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:100%;font-size:0.875rem;color:#00294d;text-decoration:none}.duet-breadcrumb:hover{color:#004d80}.duet-breadcrumb.duet-theme-turva{color:#171c3a}.duet-breadcrumb.duet-theme-turva:hover{color:#940925}.duet-breadcrumb:focus{outline:0}.duet-breadcrumb:active{opacity:0.75}:host(.user-is-tabbing) .duet-breadcrumb:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-breadcrumb.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}";var i=e("duet_breadcrumb",function(){function e(e){t(this,e);this.theme="";this.href="";this.icon=""}e.prototype.componentWillLoad=function(){o(this)};e.prototype.render=function(){return r(n,null,r("a",{class:{"duet-breadcrumb":true,"duet-theme-turva":this.theme==="turva"},href:this.href,"aria-label":this.accessibleLabel},this.icon&&r("duet-icon",{size:"x-small",name:this.icon,margin:"none",color:"currentColor"}),!this.icon&&r("slot",null)))};return e}());i.style=a}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-e133d744.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,o,n,i,a,r;return{setters:[function(e){t=e.r;o=e.c;n=e.h;i=e.H;a=e.g},function(e){r=e.i}],execute:function(){var s='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;color:white !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:white !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var u=e("duet_cookie_consent",function(){function e(e){var n=this;t(this,e);this.duetCookieConsent=o(this,"duetCookieConsent",7);this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme="";this.handleClick=function(e){e.preventDefault();n.duetCookieConsent.emit({component:"duet-cookie-consent"})}}e.prototype.componentWillLoad=function(){r(this)};e.prototype.render=function(){return n(i,{tabindex:"0"},n("div",{class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},n("div",{class:"duet-cookie-consent-content"},n("div",{class:"expand"},n("slot",null)),n("duet-spacer",{size:"large",direction:"horizontal"}),n("div",null,n("duet-button",{variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());u.style=s}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{u(i.next(t))}catch(e){r(e)}}function c(t){try{u(i["throw"](t))}catch(e){r(e)}}function u(t){t.done?n(t.value):o(t.value).then(a,c)}u((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return u([t,e])}}function u(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(c){a=[6,c];o=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-e133d744.system.js","./p-6b03322b.system.js","./p-6190e2d6.system.js","./p-18cc5627.system.js"],(function(t){"use strict";var e,n,i,o,r,a,c;return{setters:[function(t){e=t.E;n=t.r;i=t.h;o=t.H;r=t.g},function(t){a=t.i},function(t){c=t.g},function(){}],execute:function(){var u=function(t){if(typeof document==="undefined"||!t){return}var e=document.createElement("div");e.innerHTML=t;for(var n=e.childNodes.length-1;n>=0;n--){var i=e.childNodes[n];if(i.nodeName.toLowerCase()!=="svg"){e.removeChild(e.childNodes[n])}}return e.firstElementChild};var s=function(t){if(t.nodeName.toLowerCase()==="script"){return false}for(var e=0;e<t.attributes.length;e++){var n=t.attributes[e];if(n.name.toLowerCase().indexOf("on")===0){return false}}if(t.children){for(var e=0;e<t.children.length;e++){if(!s(t.children[e])){return false}}}return true};var d=function(t){{return"".concat(e.cdnURIProd,"/icons/").concat(e.duetIconVersion,"/lib/assets/").concat(t,".svg")}};var h={};function l(t){if(h[t]){return h[t]}function e(){return __awaiter(this,void 0,void 0,(function(){var e,n,i,o;return __generator(this,(function(r){switch(r.label){case 0:return[4,fetch(t)];case 1:e=r.sent();if(!e.ok){throw new Error("SVG request failed: ".concat(e.status," ").concat(e.statusText))}return[4,e.text()];case 2:n=r.sent();i=u(n);if(!s(i)){throw new Error("SVG validation failed")}o=document.createElement("div");o.appendChild(i);return[2,o.innerHTML]}}))}))}var n=e();return h[t]=n}var p="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:inline-block;width:auto;max-width:100%;color:inherit;-webkit-tap-highlight-color:transparent}@media (max-width: 35.9375em){:host(.duet-icon-has-outline){margin-bottom:0 !important}}@media (max-width: 35.9375em){:host(.duet-icon-has-background){margin-bottom:0 !important}}:host(.duet-m-0){margin:0 !important}@media (max-width: 35.9375em){:host(.duet-m-0){margin:0 !important}}.duet-icon{-webkit-user-select:none;user-select:none;width:100%;height:100%;transform-origin:top center}.duet-icon.duet-icon-has-outline{padding:12px;border-style:solid;border-width:1px;border-radius:50%}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-outline{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background{padding:16px;color:white;border-radius:50%}@media (max-width: 35.9375em){.duet-icon.duet-icon-has-background{outline:1px solid transparent;transform:scale(0.8)}}.duet-icon.duet-icon-has-background.duet-theme-turva,.duet-icon.duet-icon-has-background.duet-theme-default{color:white}.duet-icon.duet-icon-has-background.xxx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xxx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small .duet-icon-svg,.duet-icon.duet-icon-has-outline.xx-small .duet-icon-svg{width:16px;height:16px}@media (max-width: 35.9375em){.duet-icon.duet-icon-not-responsive{transform:scale(1) !important}}.duet-icon.duet-theme-default{color:#0077b3}.duet-icon.duet-theme-turva{color:#c60c30}.duet-icon.auto .duet-icon-svg{width:100%;height:100%}.duet-icon.xxx-small .duet-icon-svg{width:7px;height:7px}.duet-icon.duet-icon-has-background.xxx-small{padding:6px}.duet-icon.duet-icon-has-outline.xxx-small{padding:4px}.duet-icon.xx-small .duet-icon-svg{width:10px;height:10px}.duet-icon.duet-icon-has-background.xx-small{padding:8px}.duet-icon.duet-icon-has-outline.xx-small{padding:7px}.duet-icon.x-small .duet-icon-svg{width:16px;height:16px}.duet-icon.duet-icon-has-outline.x-small{padding:10px}.duet-icon.duet-icon-has-background.x-small{padding:12px}.duet-icon.small .duet-icon-svg{width:20px;height:20px}.duet-icon.duet-icon-has-background.small{padding:14px}.duet-icon.large .duet-icon-svg{width:30px;height:30px}.duet-icon.x-large .duet-icon-svg{width:36px;height:36px}.duet-icon.xx-large .duet-icon-svg{width:48px;height:48px}.duet-icon.xxx-large .duet-icon-svg{width:48px;height:48px}@media (min-width: 48em){.duet-icon.xxx-large .duet-icon-svg{width:72px;height:72px}}.duet-icon .duet-icon-svg{display:block;width:24px;min-width:100%;height:24px;font-size:0}.duet-icon svg{width:100%;min-width:100%;fill:currentColor}";var m=t("duet_icon",function(){function t(t){n(this,t);this.theme="";this.name="action-add";this.margin="auto";this.responsive=true;this.color="";this.background="";this.size="medium";this.outline=""}t.prototype.componentWillLoad=function(){a(this);if(this.src&&this.icon){console.warn("[DUET COMPONENTS]: <duet-icon> should have either have src or icon attributes, but not both. icon attribute will take precedence","icon:",this.icon,"src:",this.src)}this.loadIcon()};t.prototype.loadIcon=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;return __generator(this,(function(i){switch(i.label){case 0:if(this.icon){this.svgContent=this.icon;return[2]}t=this.src?this.src:d(this.name);i.label=1;case 1:i.trys.push([1,3,,4]);e=this;return[4,l(t)];case 2:e.svgContent=i.sent();return[3,4];case 3:n=i.sent();console.warn("[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ".concat(t,"."),n);return[3,4];case 4:return[2]}}))}))};t.prototype.render=function(){var t;var e=this.color==="currentColor"?"currentColor":c(this.color,this.theme)||c(this.outline,this.theme);var n={color:e,background:c(this.background,this.theme),"border-color":c(this.outline,this.theme)};return i(o,{class:{"duet-m-0":this.margin==="none","duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},i("div",{"aria-hidden":"true",style:n,class:(t={"duet-icon":true},t[this.size]=true,t["duet-theme-turva"]=this.theme==="turva",t["duet-theme-default"]=this.theme==="default",t["duet-icon-has-outline"]=!!this.outline,t["duet-icon-has-background"]=!!this.background,t["duet-icon-not-responsive"]=!this.responsive,t)},i("span",{"aria-hidden":"true",class:"duet-icon-svg",innerHTML:this.svgContent})))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}},enumerable:false,configurable:true});return t}());m.style=p}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,o,i){function s(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,n){function d(e){try{c(i.next(e))}catch(t){n(t)}}function r(e){try{c(i["throw"](e))}catch(t){n(t)}}function c(e){e.done?o(e.value):s(e.value).then(d,r)}c((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,s,n,d;return d={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(d[Symbol.iterator]=function(){return this}),d;function r(e){return function(t){return c([e,t])}}function c(d){if(i)throw new TypeError("Generator is already executing.");while(o)try{if(i=1,s&&(n=d[0]&2?s["return"]:d[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,d[1])).done)return n;if(s=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:o.label++;return{value:d[1],done:false};case 5:o.label++;s=d[1];d=[0];continue;case 7:d=o.ops.pop();o.trys.pop();continue;default:if(!(n=o.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){o=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){o.label=d[1];break}if(d[0]===6&&o.label<n[1]){o.label=n[1];n=d;break}if(n&&o.label<n[2]){o.label=n[2];o.ops.push(d);break}if(n[2])o.ops.pop();o.trys.pop();continue}d=t.call(e,o)}catch(r){d=[6,r];s=0}finally{i=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-e133d744.system.js","./p-5f6bd5db.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,o,i,s,n,d,r;return{setters:[function(e){t=e.r;o=e.c;i=e.h;s=e.H;n=e.g},function(e){d=e.c},function(e){r=e.i}],execute:function(){var c='*.sc-duet-toggle,*.sc-duet-toggle::after,*.sc-duet-toggle::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-toggle-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;-webkit-user-select:none;user-select:none;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-toggle-h:last-child,.sc-duet-toggle-h:last-of-type{margin-right:0 !important}.duet-m-0.sc-duet-toggle-h{margin:0 !important}duet-label.sc-duet-toggle{display:block !important;width:100% !important}.duet-switch.sc-duet-toggle{position:relative;display:block;width:48px;height:28px}.duet-switch.sc-duet-toggle input.sc-duet-toggle{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:#0077b3;box-shadow:none}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle{background-color:#c60c30}.duet-switch.sc-duet-toggle input.sc-duet-toggle:checked+.duet-slider.sc-duet-toggle::before{background-color:white;box-shadow:none;transform:translateX(20px)}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled+.duet-slider.sc-duet-toggle{cursor:default}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{box-shadow:inset 0 0 0 1px #cfd2d4}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle{box-shadow:inset 0 0 0 1px #cfcfd1}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:#cfd2d4}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:not(:checked)+.duet-slider.sc-duet-toggle::before{background:#cfcfd1}.duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#cfd2d4}.duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:disabled:checked+.duet-slider.sc-duet-toggle{background:#cfcfd1}.user-is-tabbing.sc-duet-toggle-h .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px white, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-toggle-h .duet-theme-turva.sc-duet-toggle .duet-switch.sc-duet-toggle input.sc-duet-toggle:focus+.duet-slider.sc-duet-toggle{box-shadow:0 0 0 1px white, 0 0 0 3px #171c3a}.duet-slider.sc-duet-toggle{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background-color:white;border-radius:20px;box-shadow:inset 0 0 0 1px #00294d;transition:background-color 300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle{box-shadow:inset 0 0 0 1px #171c3a}.duet-slider.sc-duet-toggle::before{position:absolute;bottom:4px;left:4px;width:20px;height:20px;content:"";background-color:#00294d;border-radius:50%;transition:300ms ease}.duet-theme-turva.sc-duet-toggle .duet-slider.sc-duet-toggle::before{background-color:#171c3a}';var u=e("duet_toggle",function(){function e(e){var i=this;t(this,e);this.duetChange=o(this,"duetChange",3);this.toggleId=d("DuetToggle");this.theme="";this.margin="auto";this.label="label";this.required=false;this.disabled=false;this.checked=false;this.onClick=function(e){e.preventDefault();i.setFocus();i.checked=!i.checked}}e.prototype.checkedChanged=function(e){this.duetChange.emit({checked:e,value:this.value,component:"duet-toggle"})};e.prototype.componentWillLoad=function(){r(this);if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.toggleId;return i(s,{onClick:this.disabled?undefined:this.onClick,class:{"duet-m-0":this.margin==="none"}},i("div",{class:{"duet-toggle":true,"duet-theme-turva":this.theme==="turva"}},i("duet-label",{theme:this.theme,for:t},this.label),i("label",{class:"duet-switch",htmlFor:t},i("input",{type:"checkbox",value:this.value,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:t,role:this.role,name:this.name,checked:this.checked,required:this.required,disabled:this.disabled,ref:function(t){return e.nativeInput=t}}),i("div",{class:"duet-slider"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{checked:["checkedChanged"]}},enumerable:false,configurable:true});return e}());u.style=c}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as n,H as r}from"./p-
|
|
4
|
+
import{r as t,h as n,H as r}from"./p-a31268d6.js";const a=class{constructor(n){t(this,n)}render(){return n(r,{class:"duet-visually-hidden"},n("slot",null))}};a.style=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}";export{a as duet_visually_hidden}
|