@duetds/components 5.1.1 → 5.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/hydrate/index.js +8 -2
- package/lib/cjs/duet-action-button.cjs.entry.js +1 -1
- 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 +1 -1
- package/lib/cjs/duet-caption_4.cjs.entry.js +1 -1
- package/lib/cjs/duet-card.cjs.entry.js +1 -1
- 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 +1 -1
- 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 +9 -3
- package/lib/cjs/duet-hero.cjs.entry.js +1 -1
- package/lib/cjs/duet-icon.cjs.entry.js +1 -1
- 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 +1 -1
- package/lib/cjs/{focus-utils-a03e60dd.js → focus-utils-b7b1bede.js} +1 -1
- package/lib/cjs/{index-e44f9b36.js → index-a521d11c.js} +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/collection/components/duet-header/duet-header.js +26 -2
- package/lib/custom-elements-bundle/index.js +9 -3
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-8afcef6d.entry.js → p-00c21573.entry.js} +1 -1
- package/lib/duet/{p-0958486a.entry.js → p-02ebff5d.entry.js} +1 -1
- package/lib/duet/{p-0bfa4901.entry.js → p-0a4b7633.entry.js} +1 -1
- package/lib/duet/{p-1a1c2f04.system.entry.js → p-0d165a50.system.entry.js} +1 -1
- package/lib/duet/{p-ef63e6b7.system.entry.js → p-1028c3a0.system.entry.js} +1 -1
- package/lib/duet/{p-82bfc46e.system.entry.js → p-1111a916.system.entry.js} +1 -1
- package/lib/duet/{p-e3bb4d0d.entry.js → p-11adc839.entry.js} +1 -1
- package/lib/duet/{p-7312120a.entry.js → p-14f2d627.entry.js} +1 -1
- package/lib/duet/{p-6c94b74c.entry.js → p-18fc1046.entry.js} +1 -1
- package/lib/duet/{p-6d93203d.system.entry.js → p-1bf42e5a.system.entry.js} +1 -1
- package/lib/duet/{p-fad9218e.system.js → p-1cb29dd2.system.js} +1 -1
- package/lib/duet/{p-eafe466d.system.entry.js → p-1d2717f7.system.entry.js} +1 -1
- package/lib/duet/{p-a3e84a0c.entry.js → p-1f1eb2c6.entry.js} +1 -1
- package/lib/duet/{p-8ca12f86.entry.js → p-2227bd88.entry.js} +1 -1
- package/lib/duet/{p-f2dda559.system.entry.js → p-2266dd2f.system.entry.js} +1 -1
- package/lib/duet/{p-c4b8dbcc.entry.js → p-28efbf26.entry.js} +1 -1
- package/lib/duet/{p-ca61da84.entry.js → p-2ec15916.entry.js} +1 -1
- package/lib/duet/{p-3b6ba9be.entry.js → p-309e1d13.entry.js} +1 -1
- package/lib/duet/{p-dc6f6251.entry.js → p-3128467f.entry.js} +1 -1
- package/lib/duet/p-32358ab8.entry.js +4 -0
- package/lib/duet/{p-d56fcc0f.system.entry.js → p-3292f542.system.entry.js} +1 -1
- package/lib/duet/{p-434eb761.system.entry.js → p-33473844.system.entry.js} +1 -1
- package/lib/duet/{p-25edad4a.system.entry.js → p-33701731.system.entry.js} +1 -1
- package/lib/duet/{p-442a290e.system.entry.js → p-3762c001.system.entry.js} +1 -1
- package/lib/duet/{p-79af737e.entry.js → p-378615ba.entry.js} +1 -1
- package/lib/duet/{p-202bedcb.system.entry.js → p-37ec8cc0.system.entry.js} +1 -1
- package/lib/duet/{p-21711099.system.entry.js → p-388ccb59.system.entry.js} +1 -1
- package/lib/duet/{p-53d51490.entry.js → p-39141813.entry.js} +1 -1
- package/lib/duet/{p-1beddade.entry.js → p-411d8bf6.entry.js} +1 -1
- package/lib/duet/{p-6ac8a774.entry.js → p-42042a04.entry.js} +1 -1
- package/lib/duet/{p-eacb0a3c.entry.js → p-4990454b.entry.js} +1 -1
- package/lib/duet/{p-6f339dd4.entry.js → p-4cb101e7.entry.js} +1 -1
- package/lib/duet/{p-17261af2.system.entry.js → p-56834d68.system.entry.js} +1 -1
- package/lib/duet/{p-3f781b16.system.entry.js → p-5d223c1b.system.entry.js} +1 -1
- package/lib/duet/{p-3c09dfc7.system.entry.js → p-5dc7ecff.system.entry.js} +1 -1
- package/lib/duet/{p-8e7b2349.entry.js → p-5e46fd23.entry.js} +1 -1
- package/lib/duet/{p-71e1ff1e.system.entry.js → p-5ea44650.system.entry.js} +1 -1
- package/lib/duet/{p-489173a9.entry.js → p-63c4fa58.entry.js} +1 -1
- package/lib/duet/{p-2963573e.entry.js → p-6440a77d.entry.js} +1 -1
- package/lib/duet/{p-b8423556.entry.js → p-6a164c72.entry.js} +1 -1
- package/lib/duet/{p-28f204ff.system.entry.js → p-6bfd3066.system.entry.js} +1 -1
- package/lib/duet/{p-7d8ee301.entry.js → p-6d85cb27.entry.js} +1 -1
- package/lib/duet/{p-bfbc45ac.entry.js → p-6eb9415c.entry.js} +1 -1
- package/lib/duet/{p-cc557ff2.entry.js → p-6ee89e1c.entry.js} +1 -1
- package/lib/duet/{p-f8d42b1d.entry.js → p-70d5c815.entry.js} +1 -1
- package/lib/duet/{p-3fef06e6.entry.js → p-77151f3f.entry.js} +1 -1
- package/lib/duet/{p-854b2669.entry.js → p-7a24425d.entry.js} +1 -1
- package/lib/duet/{p-ea85a070.entry.js → p-7e46cb73.entry.js} +1 -1
- package/lib/duet/{p-d3a21d3a.system.js → p-82d3171d.system.js} +1 -1
- package/lib/duet/{p-eafce13a.system.entry.js → p-86565a1a.system.entry.js} +1 -1
- package/lib/duet/{p-ca07f766.system.entry.js → p-87d500c2.system.entry.js} +1 -1
- package/lib/duet/{p-c363cb4b.system.entry.js → p-88a9fc7c.system.entry.js} +1 -1
- package/lib/duet/{p-2673743a.system.entry.js → p-89564214.system.entry.js} +1 -1
- package/lib/duet/{p-c3cfb3d2.entry.js → p-8a0299fb.entry.js} +1 -1
- package/lib/duet/{p-d15456a9.entry.js → p-906611b7.entry.js} +1 -1
- package/lib/duet/{p-4600e39d.system.entry.js → p-918ad15f.system.entry.js} +1 -1
- package/lib/duet/{p-bfacc4ba.system.entry.js → p-971f8880.system.entry.js} +1 -1
- package/lib/duet/{p-bdbf8f12.system.js → p-99457149.system.js} +1 -1
- package/lib/duet/{p-d75cb9b3.entry.js → p-a54fb28f.entry.js} +1 -1
- package/lib/duet/{p-c3248b49.system.entry.js → p-a6974134.system.entry.js} +1 -1
- package/lib/duet/{p-a682460b.system.entry.js → p-a87a33f4.system.entry.js} +1 -1
- package/lib/duet/{p-e9d62935.system.entry.js → p-a9e9112d.system.entry.js} +1 -1
- package/lib/duet/{p-cde3dddb.system.entry.js → p-ae1e63fc.system.entry.js} +1 -1
- package/lib/duet/{p-e6217a66.system.entry.js → p-b0bde198.system.entry.js} +1 -1
- package/lib/duet/{p-b03047e2.system.entry.js → p-b57856ea.system.entry.js} +1 -1
- package/lib/duet/{p-3e21a552.entry.js → p-b7906516.entry.js} +1 -1
- package/lib/duet/{p-052a5743.system.entry.js → p-bac34cd4.system.entry.js} +1 -1
- package/lib/duet/{p-976d65bc.entry.js → p-bb1a594c.entry.js} +1 -1
- package/lib/duet/{p-f6d4c0e2.system.entry.js → p-bc0356dd.system.entry.js} +1 -1
- package/lib/duet/{p-2999bd13.system.entry.js → p-be1bc370.system.entry.js} +1 -1
- package/lib/duet/{p-72919e6d.entry.js → p-bef4f0ab.entry.js} +1 -1
- package/lib/duet/{p-e2e9c1c6.entry.js → p-c4c1c9e8.entry.js} +1 -1
- package/lib/duet/{p-33eef64b.system.entry.js → p-c512a307.system.entry.js} +1 -1
- package/lib/duet/{p-14883a40.entry.js → p-c5f6ab22.entry.js} +1 -1
- package/lib/duet/{p-ebc287fb.system.entry.js → p-c76f0697.system.entry.js} +1 -1
- package/lib/duet/p-c8698d8a.js +4 -0
- package/lib/duet/{p-aee18e71.system.entry.js → p-d281c96e.system.entry.js} +1 -1
- package/lib/duet/{p-2f6e0663.entry.js → p-d74e231c.entry.js} +1 -1
- package/lib/duet/p-d91eec1f.system.entry.js +4 -0
- package/lib/duet/{p-32c98e7e.system.entry.js → p-df4857f8.system.entry.js} +1 -1
- package/lib/duet/{p-e7d06e4b.system.entry.js → p-e073de9a.system.entry.js} +1 -1
- package/lib/duet/{p-6b915701.entry.js → p-e3945d28.entry.js} +1 -1
- package/lib/duet/{p-cf2cd5b6.js → p-f233cbe6.js} +1 -1
- package/lib/duet/{p-d4f6977d.system.entry.js → p-f708dc6c.system.entry.js} +1 -1
- package/lib/duet/{p-77c8ae06.entry.js → p-f7aa0500.entry.js} +1 -1
- package/lib/duet/{p-4b9eb6dd.system.entry.js → p-f8f31ff0.system.entry.js} +1 -1
- package/lib/duet/{p-314a8dce.system.entry.js → p-f9784014.system.entry.js} +1 -1
- package/lib/duet/{p-cbee7eb0.system.entry.js → p-fbfc5798.system.entry.js} +1 -1
- package/lib/duet/{p-3e6b24df.entry.js → p-fc02305a.entry.js} +1 -1
- package/lib/esm/duet-action-button.entry.js +1 -1
- 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 +1 -1
- package/lib/esm/duet-caption_4.entry.js +1 -1
- package/lib/esm/duet-card.entry.js +1 -1
- 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 +1 -1
- 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 +9 -3
- package/lib/esm/duet-hero.entry.js +1 -1
- package/lib/esm/duet-icon.entry.js +1 -1
- 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 +1 -1
- package/lib/esm/{focus-utils-ea33cb8a.js → focus-utils-8681b5ae.js} +1 -1
- package/lib/esm/{index-54e0bce3.js → index-ff5be49a.js} +1 -1
- package/lib/esm/loader.js +1 -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-8681b5ae.js +4 -0
- package/lib/esm-es5/{index-54e0bce3.js → index-ff5be49a.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/lib/types/components/duet-header/duet-header.d.ts +8 -0
- package/lib/types/components.d.ts +5 -1
- package/package.json +5 -5
- package/lib/duet/p-1676ed71.system.entry.js +0 -4
- package/lib/duet/p-ef60173e.js +0 -4
- package/lib/duet/p-f357091a.entry.js +0 -4
- package/lib/esm-es5/focus-utils-ea33cb8a.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as a,c as e,h as t,F as i,H as d,g as r}from"./p-cf2cd5b6.js";import{c as n}from"./p-c1325e35.js";import{i as o}from"./p-54f35a79.js";import{s as p}from"./p-5a9d75e1.js";import{i as m}from"./p-abf8eaf7.js";import{g as s}from"./p-cb445018.js";import"./p-ad07f399.js";const x=class{constructor(t){a(this,t),this.duetToggle=e(this,"duetToggle",7),this.cardId=n("DuetCard"),this.heading="",this.secondaryHeading="",this.variation="default",this.collapsible=!1,this.open=!0,this.headingLevel="h2",this.background="gray-lightest",this.padding="small",this.margin="auto",this.theme="",this.togglePanel=a=>{a.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-card",originalEvent:a})},this.handleKeyDown=a=>{o(a)&&this.togglePanel(a)}}componentWillLoad(){m(this),this.hasFooter=!!this.element.querySelector("[slot='footer']")}renderHeading(){const a=p(this.headingLevel);return t(a,Object.assign({class:"duet-card-heading"},this.collapsible?{role:"button",tabindex:"0","aria-controls":this.cardId,"aria-expanded":this.open?"true":"false",onClick:this.togglePanel,onKeyDown:this.handleKeyDown}:{}),t("div",{class:"duet-card-heading-grid"},this.icon&&t(i,null,t("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),t("duet-spacer",{direction:"horizontal",size:"small"})),t("div",{class:"duet-card-heading-text"},this.heading),this.secondaryHeading&&t(i,null,t("duet-spacer",{direction:"horizontal",size:"small"}),t("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&t(i,null,t("duet-spacer",{direction:"horizontal",size:"small"}),t("duet-icon",{class:"duet-card-caret",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>',size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&t("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),t("slot",{name:"below-heading"}))}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:s(this.background)};return t(d,{class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},t(a,{href:this.url,style:e,ref:a=>this.nativeCard=a,"aria-label":this.accessibleLabel,class:{"duet-card":!0,[this.padding]:!0,[this.variation]:!0,"duet-p-0":"none"===this.padding,"duet-theme-turva":"turva"===this.theme,"duet-card-has-bg":"gray-lightest"!==this.background,"duet-card-has-icon":!!this.icon,"duet-card-collapsed":this.collapsible&&!this.open}},this.image&&t("div",{class:"duet-card-image-mask"},t("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),this.heading&&this.renderHeading(),t("div",{class:"duet-card-content",id:this.cardId},t("slot",null),this.hasFooter&&t("div",{class:"duet-card-footer"},t("slot",{name:"footer"})))))}get element(){return r(this)}};x.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;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}.duet-card{padding:20px !important;position:relative;display:block;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-style:normal;font-weight:400;line-height:1.5;color:#00294d;text-decoration:none;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-card.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;box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(0, 80, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;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-weight:800;color:#00294d;border-bottom:1px solid #e1e3e6}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}.duet-card-heading[role=button]{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none}.duet-card-heading[role=button]:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading[role=button]: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 .duet-card-heading[role=button]:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{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;border-color:#e4e4e6}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0 0 20px !important;margin:0 0 20px}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:#f5f8fa;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:#f5f5f7}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:12px 0 !important;margin:20px 0 0}.duet-card-content{width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;margin:0 0 20px}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transition:transform 300ms ease;transform:scale(1.0001)}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transition:none;transform:translateY(1px)}';export{x as duet_card}
|
|
4
|
+
import{r as a,c as e,h as t,F as i,H as d,g as r}from"./p-f233cbe6.js";import{c as n}from"./p-c1325e35.js";import{i as o}from"./p-54f35a79.js";import{s as p}from"./p-5a9d75e1.js";import{i as m}from"./p-abf8eaf7.js";import{g as s}from"./p-cb445018.js";import"./p-ad07f399.js";const x=class{constructor(t){a(this,t),this.duetToggle=e(this,"duetToggle",7),this.cardId=n("DuetCard"),this.heading="",this.secondaryHeading="",this.variation="default",this.collapsible=!1,this.open=!0,this.headingLevel="h2",this.background="gray-lightest",this.padding="small",this.margin="auto",this.theme="",this.togglePanel=a=>{a.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-card",originalEvent:a})},this.handleKeyDown=a=>{o(a)&&this.togglePanel(a)}}componentWillLoad(){m(this),this.hasFooter=!!this.element.querySelector("[slot='footer']")}renderHeading(){const a=p(this.headingLevel);return t(a,Object.assign({class:"duet-card-heading"},this.collapsible?{role:"button",tabindex:"0","aria-controls":this.cardId,"aria-expanded":this.open?"true":"false",onClick:this.togglePanel,onKeyDown:this.handleKeyDown}:{}),t("div",{class:"duet-card-heading-grid"},this.icon&&t(i,null,t("duet-icon",{class:"duet-card-icon",name:this.icon,size:"medium",margin:"none",color:"currentColor"}),t("duet-spacer",{direction:"horizontal",size:"small"})),t("div",{class:"duet-card-heading-text"},this.heading),this.secondaryHeading&&t(i,null,t("duet-spacer",{direction:"horizontal",size:"small"}),t("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--inline"},this.secondaryHeading)),this.collapsible&&t(i,null,t("duet-spacer",{direction:"horizontal",size:"small"}),t("duet-icon",{class:"duet-card-caret",icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.75 17.939a.752.752 0 0 1-.53-1.281L10.94 5.94c.283-.284.659-.44 1.059-.44.401 0 .777.156 1.06.438l10.721 10.72a.752.752 0 0 1-.53 1.281.743.743 0 0 1-.53-.22L12 7 1.28 17.719a.743.743 0 0 1-.53.22z"/></svg>',size:"small",margin:"none",color:"currentColor"}))),this.secondaryHeading&&t("div",{class:"duet-card-secondary-heading duet-card-secondary-heading--new-line"},this.secondaryHeading),t("slot",{name:"below-heading"}))}async setFocus(a){this.nativeCard&&this.nativeCard.focus(a)}render(){const a=this.url?"a":"div",e={backgroundColor:s(this.background)};return t(d,{class:{"duet-m-0":"none"===this.margin,"duet-card-info":"info"===this.variation}},t(a,{href:this.url,style:e,ref:a=>this.nativeCard=a,"aria-label":this.accessibleLabel,class:{"duet-card":!0,[this.padding]:!0,[this.variation]:!0,"duet-p-0":"none"===this.padding,"duet-theme-turva":"turva"===this.theme,"duet-card-has-bg":"gray-lightest"!==this.background,"duet-card-has-icon":!!this.icon,"duet-card-collapsed":this.collapsible&&!this.open}},this.image&&t("div",{class:"duet-card-image-mask"},t("img",{src:this.image,class:"duet-card-image",loading:"lazy",alt:"","aria-hidden":"true"})),this.heading&&this.renderHeading(),t("div",{class:"duet-card-content",id:this.cardId},t("slot",null),this.hasFooter&&t("div",{class:"duet-card-footer"},t("slot",{name:"footer"})))))}get element(){return r(this)}};x.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;margin-bottom:20px !important;display:flex;width:100%;vertical-align:top}:host(.duet-card-info){margin-bottom:16px !important}:host(.duet-m-0){margin:0 !important}.duet-card{padding:20px !important;position:relative;display:block;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-style:normal;font-weight:400;line-height:1.5;color:#00294d;text-decoration:none;border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-card.duet-p-0{padding:0 !important}.duet-card.duet-m-0{margin:0 !important}.duet-card:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-card:focus,.duet-card:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}@media (min-width: 36em){.duet-card{padding:28px !important}}.duet-card.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;box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}@media (min-width: 36em){.duet-card.x-small{padding:20px !important}}@media (min-width: 36em){.duet-card.medium{padding:28px !important}}@media (min-width: 48em){.duet-card.medium{padding:36px !important}}@media (min-width: 36em){.duet-card.large{padding:36px !important}}@media (min-width: 48em){.duet-card.large{padding:48px !important}}@media (min-width: 36em){.duet-card.x-large{padding:48px !important}}@media (min-width: 48em){.duet-card.x-large{padding:72px !important}}.duet-card.duet-card-collapsed{padding-bottom:0 !important}@media (min-width: 36em){.duet-card.duet-card-collapsed{padding-bottom:0 !important}}.duet-card.info{background:rgba(0, 80, 128, 0.04) !important;box-shadow:none}.duet-card.info.duet-theme-turva{background:rgba(23, 28, 58, 0.035) !important}.duet-card.plain{box-shadow:none}.duet-card.plain:not(.duet-card-has-bg){background:transparent !important}.duet-card-heading-grid{display:flex;flex-direction:row}.duet-card-icon{align-self:center}.duet-card-heading-text{flex:1;word-break:break-word}.duet-card-secondary-heading{font-size:1rem;font-weight:600;word-break:break-word}.duet-card-secondary-heading--inline{display:block;flex:1;align-self:flex-start;line-height:1.875;text-align:right}@media (max-width: 22.5em){.duet-card-secondary-heading--inline{display:none}}.duet-card-secondary-heading--new-line{display:none}@media (max-width: 22.5em){.duet-card-secondary-heading--new-line{display:block}}.duet-card-heading{position:relative;display:block;padding:16px 20px;margin:-20px -20px 20px;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-weight:800;color:#00294d;border-bottom:1px solid #e1e3e6}@media (min-width: 36em){.duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}.duet-card-heading[role=button]{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;appearance:none}.duet-card-heading[role=button]:focus{outline:0}:host(.user-is-tabbing) .duet-card-heading[role=button]: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 .duet-card-heading[role=button]:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-card-collapsed .duet-card-heading{margin-bottom:0 !important;border-bottom:0 !important}.duet-theme-turva .duet-card-heading{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;border-color:#e4e4e6}@media (min-width: 36em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}@media (min-width: 48em){.x-small .duet-card-heading{padding:10px 20px 11px !important;margin:-20px -20px 20px}}.medium .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.medium .duet-card-heading{padding:15px 28px 16px !important;margin:-28px -28px 20px}}@media (min-width: 48em){.medium .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}.large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.large .duet-card-heading{padding:19px 36px 20px !important;margin:-36px -36px 28px}}@media (min-width: 48em){.large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}.x-large .duet-card-heading{margin:-20px -20px 20px}@media (min-width: 36em){.x-large .duet-card-heading{padding:26px 48px 27px !important;margin:-48px -48px 36px}}@media (min-width: 48em){.x-large .duet-card-heading{padding:39px 72px 40px !important;margin:-72px -72px 48px}}.none .duet-card-heading{padding:0 0 20px !important;margin:0 0 20px}.duet-card-footer{padding:20px;margin:20px -20px -20px;font-size:0.875rem;line-height:1.25;background:#f5f8fa;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.duet-theme-turva .duet-card-footer{background:#f5f5f7}@media (min-width: 36em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 36em){.x-small .duet-card-footer{padding:15px 28px 16px !important;padding-left:20px !important;margin:20px -20px -20px}}@media (min-width: 36em){.medium .duet-card-footer{padding:15px 28px 16px !important;margin:20px -28px -28px}}@media (min-width: 48em){.medium .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 36em){.large .duet-card-footer{padding:19px 36px 20px !important;margin:28px -36px -36px}}@media (min-width: 48em){.large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 36em){.x-large .duet-card-footer{padding:26px 48px 27px !important;margin:36px -48px -48px}}@media (min-width: 48em){.x-large .duet-card-footer{padding:39px 72px 40px !important;margin:48px -72px -72px}}.none .duet-card-footer{padding:12px 0 !important;margin:20px 0 0}.duet-card-content{width:100%}.duet-card-collapsed .duet-card-content{display:none}.duet-card-caret{position:relative;top:6px;align-self:flex-start;transition:300ms ease}[aria-expanded=false] .duet-card-caret{transform:rotate(-180deg)}.duet-card-image-mask{position:relative;width:calc(100% + 40px);margin:-20px 0 20px -20px;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.small .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 36em){.medium .duet-card-image-mask{width:calc(100% + 56px);margin:-28px 0 28px -28px}}@media (min-width: 48em){.medium .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 28px -36px}}@media (min-width: 36em){.large .duet-card-image-mask{width:calc(100% + 72px);margin:-36px 0 36px -36px}}@media (min-width: 48em){.large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 36em){.x-large .duet-card-image-mask{width:calc(100% + 96px);margin:-48px 0 36px -48px}}@media (min-width: 48em){.x-large .duet-card-image-mask{width:calc(100% + 144px);margin:-72px 0 36px -72px}}.none .duet-card-image-mask{width:100%;margin:0 0 20px}.duet-card-image{display:block;width:102%;min-width:1px;max-width:102%;height:auto;min-height:1px;margin-left:-1%;transition:transform 300ms ease;transform:scale(1.0001)}a.duet-card{transition:box-shadow 300ms ease, background-position 300ms ease}a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(0, 41, 77, 0.1)}a.duet-card:hover .duet-card-image{transform:scale(1.024)}.duet-theme-turva a.duet-card:hover{box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07), 0 2px 10px 0 rgba(117, 117, 117, 0.15)}a.duet-card:active{transition:none;transform:translateY(1px)}';export{x as duet_card}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-1cb29dd2.system.js","./p-ddb6344c.system.js","./p-5f6bd5db.system.js","./p-f69b64c9.system.js","./p-6b03322b.system.js","./p-b6d51921.system.js"],(function(e){"use strict";var t,a,i,n,s,o,r,d,l;return{setters:[function(e){t=e.r;a=e.h;i=e.F;n=e.g},function(e){s=e.s},function(e){o=e.c},function(e){r=e.a;d=e.g},function(e){l=e.i},function(){}],execute:function(){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;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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;visibility:hidden;background:#f3f9fc;border-bottom:1px solid #e1e3e6;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.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:#f5f5f7;border-color:#e4e4e6}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid #e1e3e6}.duet-theme-turva .duet-tray-expandable-content{border-color:#e4e4e6}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:#00294d;text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:#171c3a}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}';var u=parseFloat(s)*2*16;var c=e("duet_tray",function(){function e(e){var a=this;t(this,e);this.isTicking=false;this.expandableId=o("DuetTray");this.expanded=false;this.hiddenState=false;this.language=r();this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"};this.accessibleCloseLabel=d(this.accessibleCloseLabelDefaults,this.language);this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"};this.accessibleOpenLabel=d(this.accessibleOpenLabelDefaults,this.language);this.theme="";this.active=false;this.autoHide=true;this.responsive=true;this.animationLoop=function(){a.hiddenState=window.pageYOffset<u;a.isTicking=false};this.toggleExpandable=function(e){e.preventDefault();a.expanded=!a.expanded}}e.prototype.componentWillLoad=function(){l(this);this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")};e.prototype.getFrame=function(){if(!this.isTicking&&this.autoHide&&this.active){requestAnimationFrame(this.animationLoop);this.isTicking=true}};e.prototype.handleBodyClick=function(e){if(this.expanded){this.expanded=this.element.contains(e.target)}};e.prototype.render=function(){var e=this;return a("div",{class:{"duet-tray":true,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":this.theme==="turva","duet-tray-is-expandable":this.hasAdditionalContent}},a("div",{class:"duet-tray-default-content",role:"status"},a("slot",null)),this.hasAdditionalContent&&a(i,null,a("button",{"aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:function(t){return e.toggleExpandable(t)},class:{"duet-tray-button":true,"duet-tray-is-expanded":this.expanded}},a("duet-icon",{name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),a("duet-visually-hidden",null,this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),a("div",{id:this.expandableId,class:{"duet-tray-expandable":true,active:this.expanded}},a("div",{class:"duet-tray-expandable-content"},a("slot",{name:"additional"})))))};Object.defineProperty(e.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});return e}());c.style=p}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function o(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function r(t){try{s(n.next(t))}catch(e){a(e)}}function d(t){try{s(n["throw"](t))}catch(e){a(e)}}function s(t){t.done?i(t.value):o(t.value).then(r,d)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,o,a,r;return r={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function d(t){return function(e){return s([t,e])}}function s(r){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,o&&(a=r[0]&2?o["return"]:r[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,r[1])).done)return a;if(o=0,a)r=[r[0]&2,a.value];switch(r[0]){case 0:case 1:a=r;break;case 4:i.label++;return{value:r[1],done:false};case 5:i.label++;o=r[1];r=[0];continue;case 7:r=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(r[0]===6||r[0]===2)){i=0;continue}if(r[0]===3&&(!a||r[1]>a[0]&&r[1]<a[3])){i.label=r[1];break}if(r[0]===6&&i.label<a[1]){i.label=a[1];a=r;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(r);break}if(a[2])i.ops.pop();i.trys.pop();continue}r=e.call(t,i)}catch(d){r=[6,d];o=0}finally{n=a=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-
|
|
4
|
+
*/System.register(["./p-1cb29dd2.system.js","./p-6b03322b.system.js","./p-eb55ccd2.system.js"],(function(t){"use strict";var e,i,n,o,a,r;return{setters:[function(t){e=t.r;i=t.h;n=t.g;o=t.H},function(t){a=t.i},function(t){r=t.w}],execute:function(){var d="*,*::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-list-component{margin-bottom:16px !important;width:100%}.duet-list-component.duet-p-0{padding:0 !important}.duet-list-component.duet-m-0{margin:0 !important}";var s=t("duet_list",function(){function t(t){e(this,t);this.theme="";this.margin="auto";this.padding="auto";this.mobile="left";this.breakpoint="small";this.variation="default";this.labelWidth="30"}t.prototype.componentWillLoad=function(){a(this)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=this.element;this.mutationO=r(t,"duet-list-item",(function(){e.updateListItems()}));this.updateListItems();return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.toggleClass=function(t,e,i){if(i){t.classList.add(e)}else{t.classList.remove(e)}};t.prototype.updateListItems=function(){return __awaiter(this,void 0,void 0,(function(){var t;var e=this;return __generator(this,(function(i){t=Array.from(this.element.querySelectorAll("duet-list-item"));t.forEach((function(t){t.classList.add("duet-list-width-".concat(e.labelWidth));t.classList.add("duet-list-variation-".concat(e.variation));e.toggleClass(t,"duet-p-0",e.padding==="none");e.toggleClass(t,"duet-list-mobile-center",e.mobile==="center");e.toggleClass(t,"duet-list-breakpoint-large",e.breakpoint==="large");e.toggleClass(t,"duet-list-striped",e.variation==="striped");e.toggleClass(t,"duet-theme-turva",e.theme==="turva")}));return[2]}))}))};t.prototype.render=function(){return i("dl",{class:{"duet-list-component":true,"duet-m-0":this.margin==="none"}},i("slot",null))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}},enumerable:false,configurable:true});return t}());s.style=d;var l='*,*::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:flex;flex-flow:row;width:100%;overflow:visible;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;font-variant-numeric:tabular-nums;line-height:1.25;color:#00294d}@media (max-width: 35.9375em){:host{flex-wrap:wrap}}:host dt,:host dd{margin-inline-start:0;-webkit-hyphens:auto;hyphens:auto;text-align:left;word-break:break-all;word-break:break-word}@media (max-width: 35.9375em){:host dt,:host dd{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}}:host dt{padding:16px !important;font-weight:600}@media (max-width: 35.9375em){:host dt{padding-bottom:4px !important}}.duet-theme-turva :host dt{font-weight:700}:host dd{padding:16px !important;margin-left:auto;text-align:left}@media (max-width: 35.9375em){:host dd{padding-top:0 !important}}:host(:not(.duet-list-striped)) dt{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){:host(:not(.duet-list-striped)) dt{padding-bottom:4px !important}}:host(:not(.duet-list-striped)) dd{padding:8px !important;padding-left:0 !important}@media (max-width: 35.9375em){:host(:not(.duet-list-striped)) dd{padding-top:0 !important}}:host(.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}:host(.duet-list-striped:nth-child(odd)) dt,:host(.duet-list-striped:nth-child(odd)) dd{background:#f5f8fa}:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dt,:host(.duet-list-striped.duet-theme-turva:nth-child(odd)) dd{background:#f5f5f7}:host(.duet-list-width-30) dt{flex-basis:33%}:host(.duet-list-width-30) dd{flex-basis:67%}:host(.duet-list-width-50) dt{flex-basis:47%}:host(.duet-list-width-50) dd{flex-basis:53%}:host(.duet-list-width-70) dt{flex-basis:65%}:host(.duet-list-width-70) dd{flex-basis:35%}:host(.duet-p-0) dt,:host(.duet-p-0) dd{padding-top:0 !important;padding-bottom:4px !important}@media (max-width: 35.9375em){:host(.duet-list-mobile-center) dt,:host(.duet-list-mobile-center) dd{text-align:center}}@media (max-width: 61.9375em){:host(.duet-list-breakpoint-large){flex-wrap:wrap}:host(.duet-list-breakpoint-large) dt,:host(.duet-list-breakpoint-large) dd{flex:inherit;flex-basis:100% !important;width:100%;padding-bottom:4px !important}:host(.duet-list-breakpoint-large) dd{padding-top:0 !important}}:host(.duet-list-breakpoint-large.duet-list-striped) dd{padding-bottom:16px !important}@media (max-width: 61.9375em){:host(.duet-list-breakpoint-large.duet-list-mobile-center) dt,:host(.duet-list-breakpoint-large.duet-list-mobile-center) dd{text-align:center !important}}';var p=t("duet_list_item",function(){function t(t){e(this,t)}t.prototype.render=function(){return i(o,null,i("dt",null,i("slot",{name:"label"})),i("dd",null,i("slot",{name:"value"})))};return t}());p.style=l}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,i,e,r){function n(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,d){function a(t){try{s(r.next(t))}catch(i){d(i)}}function o(t){try{s(r["throw"](t))}catch(i){d(i)}}function s(t){t.done?e(t.value):n(t.value).then(a,o)}s((r=r.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(d[0]&1)throw d[1];return d[1]},trys:[],ops:[]},r,n,d,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(t){return function(i){return s([t,i])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(e)try{if(r=1,n&&(d=a[0]&2?n["return"]:a[0]?n["throw"]||((d=n["return"])&&d.call(n),0):n.next)&&!(d=d.call(n,a[1])).done)return d;if(n=0,d)a=[a[0]&2,d.value];switch(a[0]){case 0:case 1:d=a;break;case 4:e.label++;return{value:a[1],done:false};case 5:e.label++;n=a[1];a=[0];continue;case 7:a=e.ops.pop();e.trys.pop();continue;default:if(!(d=e.trys,d=d.length>0&&d[d.length-1])&&(a[0]===6||a[0]===2)){e=0;continue}if(a[0]===3&&(!d||a[1]>d[0]&&a[1]<d[3])){e.label=a[1];break}if(a[0]===6&&e.label<d[1]){e.label=d[1];d=a;break}if(d&&e.label<d[2]){e.label=d[2];e.ops.push(a);break}if(d[2])e.ops.pop();e.trys.pop();continue}a=i.call(t,e)}catch(o){a=[6,o];n=0}finally{r=d=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-fad9218e.system.js","./p-fa99eaa4.system.js","./p-eb55ccd2.system.js","./p-6b03322b.system.js"],(function(t){"use strict";var i,e,r,n,d,a,o,s,m,u;return{setters:[function(t){i=t.r;e=t.h;r=t.g;n=t.H},function(t){d=t.m;a=t.a;o=t.b},function(t){s=t.w;m=t.a},function(t){u=t.i}],execute:function(){var l=".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}}";function g(t){return t.tagName.toLowerCase()==="duet-grid-item"}var c=t("duet_grid",function(){function t(t){i(this,t);this.mql=[window.matchMedia(d.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,"")),window.matchMedia(o.replace(/'/g,""))];this.distributeFormElement=false;this.responsive=false;this.breakpoint="small";this.direction="horizontal";this.alignment="top";this.distribution="default";this.mobile=""}t.prototype.outerHeight=function(t){var i=t.offsetHeight,e=window.getComputedStyle(t);return["top","bottom"].map((function(t){return parseInt(e["margin-".concat(t)])})).reduce((function(t,i){return t+i}),i)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(r){t=this.element;this.distributeFormElement=this.alignment==="form_distribute";this.mutationO=s(t,"duet-grid-item",(function(){e.updateGridItems()}));if(this.distributeFormElement){this.mutation1=m(t,"duet-input",(function(){e.updateGridItemsWithInputFields()}));for(i=0;i<this.mql.length;i++){if(this.mql[i].addEventListener){this.mql[i].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}}this.updateGridItems();return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.mutation1){this.mutation1.disconnect();this.mutation1=undefined}for(var t=0;t<this.mql.length;t++){if(this.mql[t].removeEventListener){this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}};t.prototype.updateGridItems=function(){return __awaiter(this,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(e){t=Array.from(this.element.children).filter(g);t.forEach((function(t){t.responsive=i.responsive;t.breakpoint=i.breakpoint}));return[2]}))}))};t.prototype.updateGridItemsWithInputFields=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e,r;var n=this;return __generator(this,(function(d){t=Array.from(this.element.children).filter(g);i=window?window.getComputedStyle(this.element).flexDirection==="column":false;e=0;r=[];t.forEach((function(t){var i=t.querySelector("span.duet-input-error");var e=i?n.outerHeight(i):0;r.push(e)}));e=Math.max.apply(Math,r);t.forEach((function(t){var r=t.querySelector("span.duet-input-error");var d=r?n.outerHeight(r):0;if(d<e&&!i){t.setAttribute("style","padding-bottom: ".concat(e-d,"px;"))}else if(d===e||i){t.setAttribute("style","padding-bottom: 0px;")}}));return[2]}))}))};t.prototype.render=function(){return e(n,{class:{"duet-grid":true,"duet-no-stacking":!this.responsive,"duet-grid-align-top":this.alignment==="top","duet-grid-align-bottom":this.alignment==="bottom"||this.alignment==="form_distribute","duet-grid-align-center":this.alignment==="center","duet-grid-align-stretch":this.alignment==="stretch","duet-grid-align-baseline":this.alignment==="baseline","duet-grid-distribution-left":this.distribution==="left","duet-grid-distribution-right":this.distribution==="right","duet-grid-distribution-center":this.distribution==="center","duet-grid-distribution-between":this.distribution==="space-between","duet-grid-distribution-around":this.distribution==="space-around","duet-grid-distribution-evenly":this.distribution==="space-evenly","duet-grid-mobile-left":this.mobile==="left","duet-grid-mobile-center":this.mobile==="center","duet-grid-mobile-right":this.mobile==="right","duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-breakpoint-small":this.breakpoint==="small","duet-grid-breakpoint-medium":this.breakpoint==="medium","duet-grid-breakpoint-x-large":this.breakpoint==="x-large"}})};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"]}},enumerable:false,configurable:true});return t}());c.style=l;var h='.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}';var p=t("duet_grid_item",function(){function t(t){i(this,t);this.fill=false;this.theme="";this.margin="auto";this.responsive=false;this.breakpoint="small"}t.prototype.componentWillLoad=function(){u(this)};t.prototype.render=function(){return e(n,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-grid-item":true,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-br-medium":this.breakpoint==="medium","duet-grid-item-br-x-large":this.breakpoint==="x-large"}})};return t}());p.style=h}}}));
|
|
4
|
+
*/System.register(["./p-1cb29dd2.system.js","./p-fa99eaa4.system.js","./p-eb55ccd2.system.js","./p-6b03322b.system.js"],(function(t){"use strict";var i,e,r,n,d,a,o,s,m,u;return{setters:[function(t){i=t.r;e=t.h;r=t.g;n=t.H},function(t){d=t.m;a=t.a;o=t.b},function(t){s=t.w;m=t.a},function(t){u=t.i}],execute:function(){var l=".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}}";function g(t){return t.tagName.toLowerCase()==="duet-grid-item"}var c=t("duet_grid",function(){function t(t){i(this,t);this.mql=[window.matchMedia(d.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,"")),window.matchMedia(o.replace(/'/g,""))];this.distributeFormElement=false;this.responsive=false;this.breakpoint="small";this.direction="horizontal";this.alignment="top";this.distribution="default";this.mobile=""}t.prototype.outerHeight=function(t){var i=t.offsetHeight,e=window.getComputedStyle(t);return["top","bottom"].map((function(t){return parseInt(e["margin-".concat(t)])})).reduce((function(t,i){return t+i}),i)};t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(r){t=this.element;this.distributeFormElement=this.alignment==="form_distribute";this.mutationO=s(t,"duet-grid-item",(function(){e.updateGridItems()}));if(this.distributeFormElement){this.mutation1=m(t,"duet-input",(function(){e.updateGridItemsWithInputFields()}));for(i=0;i<this.mql.length;i++){if(this.mql[i].addEventListener){this.mql[i].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}}this.updateGridItems();return[2]}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.mutation1){this.mutation1.disconnect();this.mutation1=undefined}for(var t=0;t<this.mql.length;t++){if(this.mql[t].removeEventListener){this.mql[t].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}};t.prototype.updateGridItems=function(){return __awaiter(this,void 0,void 0,(function(){var t;var i=this;return __generator(this,(function(e){t=Array.from(this.element.children).filter(g);t.forEach((function(t){t.responsive=i.responsive;t.breakpoint=i.breakpoint}));return[2]}))}))};t.prototype.updateGridItemsWithInputFields=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e,r;var n=this;return __generator(this,(function(d){t=Array.from(this.element.children).filter(g);i=window?window.getComputedStyle(this.element).flexDirection==="column":false;e=0;r=[];t.forEach((function(t){var i=t.querySelector("span.duet-input-error");var e=i?n.outerHeight(i):0;r.push(e)}));e=Math.max.apply(Math,r);t.forEach((function(t){var r=t.querySelector("span.duet-input-error");var d=r?n.outerHeight(r):0;if(d<e&&!i){t.setAttribute("style","padding-bottom: ".concat(e-d,"px;"))}else if(d===e||i){t.setAttribute("style","padding-bottom: 0px;")}}));return[2]}))}))};t.prototype.render=function(){return e(n,{class:{"duet-grid":true,"duet-no-stacking":!this.responsive,"duet-grid-align-top":this.alignment==="top","duet-grid-align-bottom":this.alignment==="bottom"||this.alignment==="form_distribute","duet-grid-align-center":this.alignment==="center","duet-grid-align-stretch":this.alignment==="stretch","duet-grid-align-baseline":this.alignment==="baseline","duet-grid-distribution-left":this.distribution==="left","duet-grid-distribution-right":this.distribution==="right","duet-grid-distribution-center":this.distribution==="center","duet-grid-distribution-between":this.distribution==="space-between","duet-grid-distribution-around":this.distribution==="space-around","duet-grid-distribution-evenly":this.distribution==="space-evenly","duet-grid-mobile-left":this.mobile==="left","duet-grid-mobile-center":this.mobile==="center","duet-grid-mobile-right":this.mobile==="right","duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-breakpoint-small":this.breakpoint==="small","duet-grid-breakpoint-medium":this.breakpoint==="medium","duet-grid-breakpoint-x-large":this.breakpoint==="x-large"}})};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"]}},enumerable:false,configurable:true});return t}());c.style=l;var h='.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}';var p=t("duet_grid_item",function(){function t(t){i(this,t);this.fill=false;this.theme="";this.margin="auto";this.responsive=false;this.breakpoint="small"}t.prototype.componentWillLoad=function(){u(this)};t.prototype.render=function(){return e(n,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-grid-item":true,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-item-br-medium":this.breakpoint==="medium","duet-grid-item-br-x-large":this.breakpoint==="x-large"}})};return t}());p.style=h}}}));
|
|
@@ -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-cf2cd5b6.js";import{m as r,a as n,b as a}from"./p-8143f3de.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-f233cbe6.js";import{m as r,a as n,b as a}from"./p-8143f3de.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
|
-
import{r as t,h as e,H as i,g as a}from"./p-
|
|
4
|
+
import{r as t,h as e,H as i,g as a}from"./p-f233cbe6.js";import{i as d}from"./p-704245ef.js";const o=class{constructor(e){t(this,e),this.hasSidebar=!1,this.hasTop=!1,this.sticky=!1,this.margin="auto",this.stickyDistance="with-links",this.center=!1,this.tabs=!1,this.middle=!1}componentWillLoad(){this.hasSidebar=!!this.element.querySelector("[slot='sidebar']"),this.hasTop=!!this.element.querySelector("[slot='top']"),this.element.querySelector("[slot='main']")||console.warn("[DUET WARNING]: Nothing passed to <duet-layout> named slots. Please use one of 'main', 'sidebar' or 'top' to display contents.")}render(){return e(i,{class:{"duet-middle":this.middle,"duet-ie":d()}},this.hasTop&&e("div",{class:{"duet-layout-top":!0,"duet-m-0":"none"===this.margin,"duet-center":this.center}},e("div",{class:"duet-layout-top-wrapper"},e("slot",{name:"top"}))),e("div",{class:{"duet-layout":!0,"duet-layout-has-top":this.hasTop,"has-sidebar":this.hasSidebar,"duet-m-0":"none"===this.margin,"duet-center":this.center}},e("main",{class:"duet-main"},e("slot",{name:"main"})),this.hasSidebar&&e("aside",{class:"duet-sidebar"},e("div",{class:{"duet-sidebar-container":!0,"has-tabs":this.tabs,sticky:this.sticky,[this.stickyDistance]:this.sticky}},e("slot",{name:"sidebar"})))))}get element(){return a(this)}};o.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;display:block;flex:1 0 auto;width:100%}:host(.duet-middle){display:flex}:host(.duet-middle) .duet-layout{padding:36px 28px !important}@media (min-width: 36em){:host(.duet-middle) .duet-layout{padding:48px 36px !important}}@media (min-width: 62em){:host(.duet-middle) .duet-layout{padding:56px !important}}:host(.duet-ie){height:100%}:host(.duet-middle.duet-ie){height:auto}.duet-layout{position:relative;padding:0 16px;margin:48px auto 36px}@media (min-width: 36em){.duet-layout{margin-top:72px}}.duet-layout.duet-layout-has-top{margin-top:0}.duet-layout.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout.duet-center{display:flex;align-items:center;justify-content:center;width:100%;max-width:888px}@media (min-width: 36em){.duet-layout.duet-center{padding:0 48px}}@media (min-width: 48em){.duet-layout.duet-center{padding:0 72px}}@media (min-width: 62em){.duet-layout.duet-center{width:100%}}@media (min-width: 36em){.duet-layout{padding:0 28px}}@media (min-width: 62em){.duet-layout{display:flex;flex-direction:row;padding:0 56px;margin-bottom:48px}}@media (min-width: 76.25em){.duet-layout{max-width:1110px;padding:0}}.duet-main,.duet-sidebar,.duet-layout-top,.duet-layout-bottom{display:block;width:100%}.duet-layout-top{position:relative;display:block;width:100%;margin:72px auto 0}.duet-layout-top.duet-m-0{margin-top:0 !important;margin-bottom:0 !important}.duet-layout-top .duet-layout-top-wrapper{padding:0 20px;margin:0 auto}@media (min-width: 36em){.duet-layout-top .duet-layout-top-wrapper{padding:0 28px}}@media (min-width: 62em){.duet-layout-top .duet-layout-top-wrapper{padding:0 56px}}@media (min-width: 76.25em){.duet-layout-top .duet-layout-top-wrapper{max-width:1110px;padding:0}}.duet-center .duet-layout-top-wrapper{max-width:888px}@media (min-width: 36em){.duet-center .duet-layout-top-wrapper{padding:0 48px}}@media (min-width: 48em){.duet-center .duet-layout-top-wrapper{padding:0 72px}}@media (min-width: 62em){.duet-main{min-width:600px;margin:0 auto}.has-sidebar .duet-main{max-width:734px;margin-right:20px}}@media (min-width: 62em){.duet-sidebar{min-width:256px;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container{width:auto;max-width:356px}}@media (min-width: 62em){.duet-sidebar-container.has-tabs{margin-top:89px}}@media (min-width: 62em){.duet-sidebar-container.sticky{position:sticky}.duet-sidebar-container.sticky.with-links{top:calc(3rem + 20px)}.duet-sidebar-container.sticky.without-links{top:calc(4rem + 20px)}}";export{o as duet_layout}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{E as t,r as i,h as e,H as o,g as n}from"./p-
|
|
4
|
+
import{E as t,r as i,h as e,H as o,g as n}from"./p-f233cbe6.js";import{i as d}from"./p-abf8eaf7.js";import{g as a}from"./p-cb445018.js";import"./p-ad07f399.js";const s=t=>{if("script"===t.nodeName.toLowerCase())return!1;for(let i=0;i<t.attributes.length;i++)if(0===t.attributes[i].name.toLowerCase().indexOf("on"))return!1;if(t.children)for(let i=0;i<t.children.length;i++)if(!s(t.children[i]))return!1;return!0},r={};const c=class{constructor(t){i(this,t),this.theme="",this.name="action-add",this.margin="auto",this.responsive=!0,this.color="",this.background="",this.size="medium",this.outline=""}componentWillLoad(){d(this),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()}async loadIcon(){if(this.icon)return void(this.svgContent=this.icon);const i=this.src?this.src:`${t.cdnURIProd}/icons/${t.duetIconVersion}/lib/assets/${this.name}.svg`;try{this.svgContent=await function(t){if(r[t])return r[t];const i=async function(){const i=await fetch(t);if(!i.ok)throw new Error(`SVG request failed: ${i.status} ${i.statusText}`);const e=(t=>{if("undefined"==typeof document||!t)return;const i=document.createElement("div");i.innerHTML=t;for(let e=i.childNodes.length-1;e>=0;e--)"svg"!==i.childNodes[e].nodeName.toLowerCase()&&i.removeChild(i.childNodes[e]);return i.firstElementChild})(await i.text());if(!s(e))throw new Error("SVG validation failed");const o=document.createElement("div");return o.appendChild(e),o.innerHTML}();return r[t]=i}(i)}catch(e){console.warn(`[DUET COMPONENTS]: <duet-icon> could not load SVG from URL: ${i}.`,e)}}render(){const t={color:"currentColor"===this.color?"currentColor":a(this.color,this.theme)||a(this.outline,this.theme),background:a(this.background,this.theme),"border-color":a(this.outline,this.theme)};return e(o,{class:{"duet-m-0":"none"===this.margin,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background}},e("div",{"aria-hidden":"true",style:t,class:{"duet-icon":!0,[this.size]:!0,"duet-theme-turva":"turva"===this.theme,"duet-theme-default":"default"===this.theme,"duet-icon-has-outline":!!this.outline,"duet-icon-has-background":!!this.background,"duet-icon-not-responsive":!this.responsive}},e("span",{"aria-hidden":"true",class:"duet-icon-svg",innerHTML:this.svgContent})))}get element(){return n(this)}static get watchers(){return{src:["loadIcon"],icon:["loadIcon"],name:["loadIcon"]}}};c.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;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}";export{c as duet_icon}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-1cb29dd2.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 __extends=this&&this.__extends||function(){var e=function(t,r){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]};return e(t,r)};return function(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");e(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{s(n.next(e))}catch(t){i(t)}}function l(e){try{s(n["throw"](e))}catch(t){i(t)}}function s(e){e.done?r(e.value):a(e.value).then(o,l)}s((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,i,o;return o={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(e){return function(t){return s([e,t])}}function s(o){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;a=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(l){o=[6,l];a=0}finally{n=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,r){if(r||arguments.length===2)for(var n=0,a=t.length,i;n<a;n++){if(i||!(n in t)){if(!i)i=Array.prototype.slice.call(t,0,n);i[n]=t[n]}}return e.concat(i||Array.prototype.slice.call(t))};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register([],(function(e,t){"use strict";return{execute:function(){var r=this;var n=e("N","duet");var a=e("E",{cdnURILocal:"http://0.0.0.0:3334",cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"2.3.0"});var i;var o;var l;var s=false;var $=false;var f=false;var u=false;var c=false;var v=e("w",typeof window!=="undefined"?window:{});var d=e("d",v.document||{head:{}});var h={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)},ce:function(e,t){return new CustomEvent(e,t)}};var p=function(){return(d.head.attachShadow+"").indexOf("[native")>-1}();var m=e("p",(function(e){return Promise.resolve(e)}));var g=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replace==="function"}catch(e){}return false}();var y=function(e,t,r,n){if(r){r.map((function(r){var n=r[0],a=r[1],i=r[2];var o=w(e,n);var l=b(t,i);var s=N(n);h.ael(o,a,l,s);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return h.rel(o,a,l,s)}))}))}};var b=function(e,t){return function(r){try{{if(e.$flags$&256){e.$lazyInstance$[t](r)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,r])}}}catch(n){Qe(n)}}};var w=function(e,t){if(t&4)return d;if(t&8)return v;if(t&16)return d.body;return e};var N=function(e){return(e&2)!==0};var R="r";var x="o";var _="s";var S="t";var k="s-id";var T="sty-id";var L="c-id";var C="{visibility:hidden}.hydrated{visibility:inherit}";var A="http://www.w3.org/1999/xlink";var I=function(e,t){if(t===void 0){t=""}{return function(){return}}};var j=function(e,t){{return function(){return}}};var E=new WeakMap;var P=function(e,t,r){var n=Ze.get(e);if(g&&r){n=n||new CSSStyleSheet;n.replace(t)}else{n=t}Ze.set(e,n)};var O=function(e,t,r,n){var a=B(t);var i=Ze.get(a);e=e.nodeType===11?e:d;if(i){if(typeof i==="string"){e=e.head||e;var o=E.get(e);var l=void 0;if(!o){E.set(e,o=new Set)}if(!o.has(a)){if(e.host&&(l=e.querySelector("[".concat(T,'="').concat(a,'"]')))){l.innerHTML=i}else{{l=d.createElement("style");l.innerHTML=i}e.insertBefore(l,e.querySelector("link"))}if(o){o.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[i],false)}}return a};var M=function(e){var t=e.$cmpMeta$;var r=e.$hostElement$;var n=t.$flags$;var a=I("attachStyles",t.$tagName$);var i=O(p&&r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=i;r.classList.add(i+"-h");if(n&2){r.classList.add(i+"-s")}}a()};var B=function(e,t){return"sc-"+e.$tagName$};var z=function(e){return e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var q={};var U="http://www.w3.org/2000/svg";var V="http://www.w3.org/1999/xhtml";var H=function(e){return e!=null};var F=function(e){e=typeof e;return e==="object"||e==="function"};var W=e("h",(function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=null;var o=null;var l=false;var s=false;var $=[];var f=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){f(a)}else if(a!=null&&typeof a!=="boolean"){if(l=typeof e!=="function"&&!F(a)){a=String(a)}if(l&&s){$[$.length-1].$text$+=a}else{$.push(l?D(null,a):a)}s=l}}};f(r);if(t){if(t.key){i=t.key}if(t.name){o=t.name}{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,$,K)}var c=D(e,null);c.$attrs$=t;if($.length>0){c.$children$=$}{c.$key$=i}{c.$name$=o}return c}));var D=function(e,t){var r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{r.$attrs$=null}{r.$key$=null}{r.$name$=null}return r};var G=e("H",{});var J=function(e){return e&&e.$tag$===G};var K={forEach:function(e,t){return e.map(Q).forEach(t)},map:function(e,t){return e.map(Q).map(t).map(X)}};var Q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var X=function(e){if(typeof e.vtag==="function"){var t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return W.apply(void 0,__spreadArray([e.vtag,t],e.vchildren||[],false))}var r=D(e.vtag,e.vtext);r.$attrs$=e.vattrs;r.$children$=e.vchildren;r.$key$=e.vkey;r.$name$=e.vname;return r};var Y=function(e,t,r,n,a,i){if(r!==n){var o=Ke(e,t);var l=t.toLowerCase();if(t==="class"){var s=e.classList;var $=ee(r);var f=ee(n);s.remove.apply(s,$.filter((function(e){return e&&!f.includes(e)})));s.add.apply(s,f.filter((function(e){return e&&!$.includes(e)})))}else if(t==="style"){{for(var u in r){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!r||n[u]!==r[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Ke(v,l)){t=l.slice(2)}else{t=l[2]+t.slice(3)}if(r){h.rel(e,t,r,false)}if(n){h.ael(e,t,n,false)}}else{var c=F(n);if((o||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=d){e[t]=d}}else{e[t]=n}}catch(m){}}var p=false;{if(l!==(l=l.replace(/^xlink\:?/,""))){t=l;p=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(p){e.removeAttributeNS(A,t)}else{e.removeAttribute(t)}}}else if((!o||i&4||a)&&!c){n=n===true?"":n;if(p){e.setAttributeNS(A,t,n)}else{e.setAttribute(t,n)}}}}};var Z=/\s/;var ee=function(e){return!e?[]:e.split(Z)};var te=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var i=e&&e.$attrs$||q;var o=t.$attrs$||q;{for(n in i){if(!(n in o)){Y(a,n,i[n],undefined,r,t.$flags$)}}}for(n in o){Y(a,n,i[n],o[n],r,t.$flags$)}};var re=function(e,t,r,n){var a=t.$children$[r];var $=0;var c;var v;var h;if(!s){f=true;if(a.$tag$==="slot"){if(i){n.classList.add(i+"-s")}a.$flags$|=a.$children$?2:1}}if(a.$text$!==null){c=a.$elm$=d.createTextNode(a.$text$)}else if(a.$flags$&1){c=a.$elm$=d.createTextNode("")}else{if(!u){u=a.$tag$==="svg"}c=a.$elm$=d.createElementNS(u?U:V,a.$flags$&2?"slot-fb":a.$tag$);if(u&&a.$tag$==="foreignObject"){u=false}{te(null,a,u)}if(H(i)&&c["s-si"]!==i){c.classList.add(c["s-si"]=i)}if(a.$children$){for($=0;$<a.$children$.length;++$){v=re(e,a,$,c);if(v){c.appendChild(v)}}}{if(a.$tag$==="svg"){u=false}else if(c.tagName==="foreignObject"){u=true}}}{c["s-hn"]=l;if(a.$flags$&(2|1)){c["s-sr"]=true;c["s-cr"]=o;c["s-sn"]=a.$name$||"";h=e&&e.$children$&&e.$children$[r];if(h&&h.$tag$===a.$tag$&&e.$elm$){ne(e.$elm$,false)}}}return c};var ne=function(e,t){h.$flags$|=1;var r=e.childNodes;for(var n=r.length-1;n>=0;n--){var a=r[n];if(a["s-hn"]!==l&&a["s-ol"]){$e(a).insertBefore(a,se(a));a["s-ol"].remove();a["s-ol"]=undefined;f=true}if(t){ne(a,t)}}h.$flags$&=~1};var ae=function(e,t,r,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var s;if(o.shadowRoot&&o.tagName===l){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){s=re(null,r,a,e);if(s){n[a].$elm$=s;o.insertBefore(s,se(t))}}}};var ie=function(e,t,r,n,a){for(;t<=r;++t){if(n=e[t]){a=n.$elm$;he(n);{$=true;if(a["s-ol"]){a["s-ol"].remove()}else{ne(a,true)}}a.remove()}}};var oe=function(e,t,r,n){var a=0;var i=0;var o=0;var l=0;var s=t.length-1;var $=t[0];var f=t[s];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=s&&i<=u){if($==null){$=t[++a]}else if(f==null){f=t[--s]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(le($,c)){fe($,c);$=t[++a];c=n[++i]}else if(le(f,v)){fe(f,v);f=t[--s];v=n[--u]}else if(le($,v)){if($.$tag$==="slot"||v.$tag$==="slot"){ne($.$elm$.parentNode,false)}fe($,v);e.insertBefore($.$elm$,f.$elm$.nextSibling);$=t[++a];v=n[--u]}else if(le(f,c)){if($.$tag$==="slot"||v.$tag$==="slot"){ne(f.$elm$.parentNode,false)}fe(f,c);e.insertBefore(f.$elm$,$.$elm$);f=t[--s];c=n[++i]}else{o=-1;{for(l=a;l<=s;++l){if(t[l]&&t[l].$key$!==null&&t[l].$key$===c.$key$){o=l;break}}}if(o>=0){h=t[o];if(h.$tag$!==c.$tag$){d=re(t&&t[i],r,o,e)}else{fe(h,c);t[o]=undefined;d=h.$elm$}c=n[++i]}else{d=re(t&&t[i],r,i,e);c=n[++i]}if(d){{$e($.$elm$).insertBefore(d,se($.$elm$))}}}}if(a>s){ae(e,n[u+1]==null?null:n[u+1].$elm$,r,n,i,u)}else if(i>u){ie(t,a,s)}};var le=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}}return false};var se=function(e){return e&&e["s-ol"]||e};var $e=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var fe=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;var i=t.$tag$;var o=t.$text$;var l;if(o===null){{u=i==="svg"?true:i==="foreignObject"?false:u}{if(i==="slot");else{te(e,t,u)}}if(n!==null&&a!==null){oe(r,n,t,a)}else if(a!==null){if(e.$text$!==null){r.textContent=""}ae(r,null,t,a,0,a.length-1)}else if(n!==null){ie(n,0,n.length-1)}if(u&&i==="svg"){u=false}}else if(l=r["s-cr"]){l.parentNode.textContent=o}else if(e.$text$!==o){r.data=o}};var ue=function(e){var t=e.childNodes;var r;var n;var a;var i;var o;var l;for(n=0,a=t.length;n<a;n++){r=t[n];if(r.nodeType===1){if(r["s-sr"]){o=r["s-sn"];r.hidden=false;for(i=0;i<a;i++){l=t[i].nodeType;if(t[i]["s-hn"]!==r["s-hn"]||o!==""){if(l===1&&o===t[i].getAttribute("slot")){r.hidden=true;break}}else{if(l===1||l===3&&t[i].textContent.trim()!==""){r.hidden=true;break}}}}ue(r)}}};var ce=[];var ve=function(e){var t;var r;var n;var a;var i;var o;var l=0;var s=e.childNodes;var f=s.length;for(;l<f;l++){t=s[l];if(t["s-sr"]&&(r=t["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;a=t["s-sn"];for(o=n.length-1;o>=0;o--){r=n[o];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==t["s-hn"]){if(de(r,a)){i=ce.find((function(e){return e.$nodeToRelocate$===r}));$=true;r["s-sn"]=r["s-sn"]||a;if(i){i.$slotRefNode$=t}else{ce.push({$slotRefNode$:t,$nodeToRelocate$:r})}if(r["s-sr"]){ce.map((function(e){if(de(e.$nodeToRelocate$,r["s-sn"])){i=ce.find((function(e){return e.$nodeToRelocate$===r}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ce.some((function(e){return e.$nodeToRelocate$===r}))){ce.push({$nodeToRelocate$:r})}}}}if(t.nodeType===1){ve(t)}}};var de=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var he=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(he)}};var pe=function(e,t){var r=e.$hostElement$;var n=e.$cmpMeta$;var a=e.$vnode$||D(null,null);var u=J(t)?t:W(null,null,t);l=r.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var t=e[0],n=e[1];return u.$attrs$[n]=r[t]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=a.$elm$=r.shadowRoot||r;{i=r["s-sc"]}{o=r["s-cr"];s=p&&(n.$flags$&1)!==0;$=false}fe(a,u);{h.$flags$|=1;if(f){ve(u.$elm$);var c=void 0;var v=void 0;var m=void 0;var g=void 0;var y=void 0;var b=void 0;var w=0;for(;w<ce.length;w++){c=ce[w];v=c.$nodeToRelocate$;if(!v["s-ol"]){m=d.createTextNode("");m["s-nr"]=v;v.parentNode.insertBefore(v["s-ol"]=m,v)}}for(w=0;w<ce.length;w++){c=ce[w];v=c.$nodeToRelocate$;if(c.$slotRefNode$){g=c.$slotRefNode$.parentNode;y=c.$slotRefNode$.nextSibling;m=v["s-ol"];while(m=m.previousSibling){b=m["s-nr"];if(b&&b["s-sn"]===v["s-sn"]&&g===b.parentNode){b=b.nextSibling;if(!b||!b["s-nr"]){y=b;break}}}if(!y&&g!==v.parentNode||v.nextSibling!==y){if(v!==y){if(!v["s-hn"]&&v["s-ol"]){v["s-hn"]=v["s-ol"].parentNode.nodeName}g.insertBefore(v,y)}}}else{if(v.nodeType===1){v.hidden=true}}}}if($){ue(u.$elm$)}h.$flags$&=~1;ce.length=0}};var me=e("g",(function(e){return De(e).$hostElement$}));var ge=e("c",(function(e,t,r){var n=me(e);return{emit:function(e){return ye(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}}}));var ye=function(e,t,r){var n=h.ce(t,r);e.dispatchEvent(n);return n};var be=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var we=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}be(e,e.$ancestorComponent$);var r=function(){return Ne(e,t)};return ot(r)};var Ne=function(e,t){var r=I("scheduleUpdate",e.$cmpMeta$.$tagName$);var n=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],r=e[1];return ke(n,t,r)}));e.$queuedListeners$=null}}{a=ke(n,"componentWillLoad")}}{a=Te(a,(function(){return ke(n,"componentWillRender")}))}r();return Te(a,(function(){return Re(e,n,t)}))};var Re=function(e,t,n){return __awaiter(r,void 0,void 0,(function(){var r,a,i,o,l,s;return __generator(this,(function($){r=e.$hostElement$;a=I("update",e.$cmpMeta$.$tagName$);i=r["s-rc"];if(n){M(e)}o=I("render",e.$cmpMeta$.$tagName$);{xe(e,t)}if(i){i.map((function(e){return e()}));r["s-rc"]=undefined}o();a();{l=r["s-p"];s=function(){return _e(e)};if(l.length===0){s()}else{Promise.all(l).then(s);e.$flags$|=4;l.length=0}}return[2]}))}))};var xe=function(e,t,r){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{pe(e,t)}}}}catch(n){Qe(n,e.$hostElement$)}return null};var _e=function(e){var t=e.$cmpMeta$.$tagName$;var r=e.$hostElement$;var n=I("postUpdate",t);var a=e.$lazyInstance$;var i=e.$ancestorComponent$;{ke(a,"componentDidRender")}if(!(e.$flags$&64)){e.$flags$|=64;{Le(r)}{ke(a,"componentDidLoad")}n();{e.$onReadyResolve$(r);if(!i){Se()}}}else{{ke(a,"componentDidUpdate")}n()}{e.$onInstanceResolve$(r)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){it((function(){return we(e,false)}))}e.$flags$&=~(4|512)}};var Se=function(e){{Le(d.documentElement)}it((function(){return ye(v,"appload",{detail:{namespace:n}})}))};var ke=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(n){Qe(n)}}return undefined};var Te=function(e,t){return e&&e.then?e.then(t):t()};var Le=function(e){return e.classList.add("hydrated")};var Ce=function(e,t,r,n){var a=I("hydrateClient",t);var i=e.shadowRoot;var o=[];var l=[];var s=i?[]:null;var $=n.$vnode$=D(t,null);if(!h.$orgLocNodes$){Ie(d.body,h.$orgLocNodes$=new Map)}e[k]=r;e.removeAttribute(k);Ae($,o,l,s,e,e,r);o.map((function(e){var r=e.$hostId$+"."+e.$nodeId$;var n=h.$orgLocNodes$.get(r);var a=e.$elm$;if(n&&p&&n["s-en"]===""){n.parentNode.insertBefore(a,n.nextSibling)}if(!i){a["s-hn"]=t;if(n){a["s-ol"]=n;a["s-ol"]["s-nr"]=a}}h.$orgLocNodes$.delete(r)}));if(i){s.map((function(e){if(e){i.appendChild(e)}}))}a()};var Ae=function(e,t,r,n,a,i,o){var l;var s;var $;var f;if(i.nodeType===1){l=i.getAttribute(L);if(l){s=l.split(".");if(s[0]===o||s[0]==="0"){$={$flags$:0,$hostId$:s[0],$nodeId$:s[1],$depth$:s[2],$index$:s[3],$tag$:i.tagName.toLowerCase(),$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null};t.push($);i.removeAttribute(L);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;e=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}for(f=i.childNodes.length-1;f>=0;f--){Ae(e,t,r,n,a,i.childNodes[f],o)}if(i.shadowRoot){for(f=i.shadowRoot.childNodes.length-1;f>=0;f--){Ae(e,t,r,n,a,i.shadowRoot.childNodes[f],o)}}}else if(i.nodeType===8){s=i.nodeValue.split(".");if(s[1]===o||s[1]==="0"){l=s[0];$={$flags$:0,$hostId$:s[1],$nodeId$:s[2],$depth$:s[3],$index$:s[4],$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null};if(l===S){$.$elm$=i.nextSibling;if($.$elm$&&$.$elm$.nodeType===3){$.$text$=$.$elm$.textContent;t.push($);i.remove();if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}else if($.$hostId$===o){if(l===_){$.$tag$="slot";if(s[5]){i["s-sn"]=$.$name$=s[5]}else{i["s-sn"]=""}i["s-sr"]=true;if(n){$.$elm$=d.createElement($.$tag$);if($.$name$){$.$elm$.setAttribute("name",$.$name$)}i.parentNode.insertBefore($.$elm$,i);i.remove();if($.$depth$==="0"){n[$.$index$]=$.$elm$}}r.push($);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$}else if(l===R){if(n){i.remove()}else{a["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.$tag$==="style"){var u=D(null,i.textContent);u.$elm$=i;u.$index$="0";e.$children$=[u]}};var Ie=function(e,t){if(e.nodeType===1){var r=0;for(;r<e.childNodes.length;r++){Ie(e.childNodes[r],t)}if(e.shadowRoot){for(r=0;r<e.shadowRoot.childNodes.length;r++){Ie(e.shadowRoot.childNodes[r],t)}}}else if(e.nodeType===8){var n=e.nodeValue.split(".");if(n[0]===x){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var je=function(e,t){if(e!=null&&!F(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Ee=function(e,t){return De(e).$instanceValues$.get(t)};var Pe=function(e,t,r,n){var a=De(e);var i=a.$hostElement$;var o=a.$instanceValues$.get(t);var l=a.$flags$;var s=a.$lazyInstance$;r=je(r,n.$members$[t][0]);var $=Number.isNaN(o)&&Number.isNaN(r);var f=r!==o&&!$;if((!(l&8)||o===undefined)&&f){a.$instanceValues$.set(t,r);if(s){if(n.$watchers$&&l&128){var u=n.$watchers$[t];if(u){u.map((function(e){try{s[e](r,o,t)}catch(n){Qe(n,i)}}))}}if((l&(2|16))===2){we(a,false)}}}};var Oe=function(e,t,r){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var n=Object.entries(t.$members$);var a=e.prototype;n.map((function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return Ee(this,n)},set:function(e){Pe(this,n,e,t)},configurable:true,enumerable:true})}else if(r&1&&i&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=De(this);return r.$onInstancePromise$.then((function(){var t;return(t=r.$lazyInstance$)[n].apply(t,e)}))}})}}));if(r&1){var i=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;h.jmp((function(){var t=i.get(e);if(n.hasOwnProperty(t)){r=n[t];delete n[t]}else if(a.hasOwnProperty(t)&&typeof n[t]==="number"&&n[t]==r){return}n[t]=r===null&&typeof n[t]==="boolean"?false:r}))};e.observedAttributes=n.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a=n[1]||r;i.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a}))}}return e};var Me=function(e,n,a,i,o){return __awaiter(r,void 0,void 0,(function(){var e,r,i,l,s,$,f;return __generator(this,(function(u){switch(u.label){case 0:if(!((n.$flags$&32)===0))return[3,5];n.$flags$|=32;o=Ye(a);if(!o.then)return[3,2];e=j();return[4,o];case 1:o=u.sent();e();u.label=2;case 2:if(!o.isProxied){{a.$watchers$=o.watchers}Oe(o,a,2);o.isProxied=true}r=I("createInstance",a.$tagName$);{n.$flags$|=8}try{new o(n)}catch(c){Qe(c)}{n.$flags$&=~8}{n.$flags$|=128}r();Be(n.$lazyInstance$);if(!o.style)return[3,5];i=o.style;l=B(a);if(!!Ze.has(l))return[3,5];s=I("registerStyles",a.$tagName$);if(!(a.$flags$&8))return[3,4];return[4,t.import("./p-92a25fb5.system.js").then((function(e){return e.scopeCss(i,l,false)}))];case 3:i=u.sent();u.label=4;case 4:P(l,i,!!(a.$flags$&1));s();u.label=5;case 5:$=n.$ancestorComponent$;f=function(){return we(n,true)};if($&&$["s-rc"]){$["s-rc"].push(f)}else{f()}return[2]}}))}))};var Be=function(e){{ke(e,"connectedCallback")}};var ze=function(e){if((h.$flags$&1)===0){var t=De(e);var r=t.$cmpMeta$;var n=I("connectedCallback",r.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;var a=void 0;{a=e.getAttribute(k);if(a){if(p&&r.$flags$&1){var i=O(e.shadowRoot,r);e.classList.remove(i+"-h",i+"-s")}Ce(e,r.$tagName$,a,t)}}if(!a){if(r.$flags$&(4|8)){qe(e)}}{var o=e;while(o=o.parentNode||o.host){if(o.nodeType===1&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){be(t,t.$ancestorComponent$=o);break}}}if(r.$members$){Object.entries(r.$members$).map((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{it((function(){return Me(e,t,r)}))}}else{y(e,t,r.$listeners$);Be(t.$lazyInstance$)}n()}};var qe=function(e){var t=e["s-cr"]=d.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var Ue=function(e){if((h.$flags$&1)===0){var t=De(e);var r=t.$lazyInstance$;{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}{ke(r,"disconnectedCallback")}}};var Ve=function(e,t){var r=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype.item=function(e){return this[e]};return t}(Array);if(t.$flags$&8){var n=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){return e.nodeType===1}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});Object.defineProperty(e,"childNodes",{get:function(){var e=n.call(this);if((h.$flags$&1)===0&&De(this).$flags$&2){var t=new r;for(var a=0;a<e.length;a++){var i=e[a]["s-nr"];if(i){t.push(i)}}return t}return r.from(e)}})}};var He=e("b",(function(e,t){if(t===void 0){t={}}var r=I();var n=[];var a=t.exclude||[];var i=v.customElements;var o=d.head;var l=o.querySelector("meta[charset]");var s=d.createElement("style");var $=[];var f=d.querySelectorAll("[".concat(T,"]"));var u;var c=true;var m=0;Object.assign(h,t);h.$resourcesUrl$=new URL(t.resourcesUrl||"./",d.baseURI).href;{h.$flags$|=2}{for(;m<f.length;m++){P(f[m].getAttribute(T),z(f[m].innerHTML),true)}}e.map((function(e){e[1].map((function(t){var r={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{r.$members$=t[2]}{r.$listeners$=t[3]}{r.$attrsToReflect$=[]}{r.$watchers$={}}if(!p&&r.$flags$&1){r.$flags$|=8}var o=r.$tagName$;var l=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;Je(t,r);if(r.$flags$&1){if(p){{t.attachShadow({mode:"open",delegatesFocus:!!(r.$flags$&16)})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}{Ve(t,r)}return n}t.prototype.connectedCallback=function(){var e=this;if(u){clearTimeout(u);u=null}if(c){$.push(this)}else{h.jmp((function(){return ze(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;h.jmp((function(){return Ue(e)}))};t.prototype.componentOnReady=function(){return De(this).$onReadyPromise$};return t}(HTMLElement);r.$lazyBundleId$=e[0];if(!a.includes(o)&&!i.get(o)){n.push(o);i.define(o,Oe(l,r,1))}}))}));{s.innerHTML=n+C;s.setAttribute("data-styles","");o.insertBefore(s,l?l.nextSibling:o.firstChild)}c=false;if($.length){$.map((function(e){return e.connectedCallback()}))}else{{h.jmp((function(){return u=setTimeout(Se,30)}))}}r()}));var Fe=e("F",(function(e,t){return t}));var We=new WeakMap;var De=function(e){return We.get(e)};var Ge=e("r",(function(e,t){return We.set(t.$lazyInstance$=e,t)}));var Je=function(e,t){var r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{r.$onInstancePromise$=new Promise((function(e){return r.$onInstanceResolve$=e}))}{r.$onReadyPromise$=new Promise((function(e){return r.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}y(e,r,t.$listeners$);return We.set(e,r)};var Ke=function(e,t){return t in e};var Qe=function(e,t){return(0,console.error)(e,t)};var Xe=new Map;var Ye=function(e,r,n){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var o=Xe.get(i);if(o){return o[a]}return t.import("./".concat(i,".entry.js").concat("")).then((function(e){{Xe.set(i,e)}return e[a]}),Qe)};var Ze=new Map;var et=[];var tt=[];var rt=function(e,t){return function(r){e.push(r);if(!c){c=true;if(t&&h.$flags$&4){it(at)}else{h.raf(at)}}}};var nt=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(r){Qe(r)}}e.length=0};var at=function(){nt(et);{nt(tt);if(c=et.length>0){h.raf(at)}}};var it=function(e){return m().then(e)};var ot=rt(tt,true)}}}));
|
|
4
|
+
*/System.register([],(function(e,t){"use strict";return{execute:function(){var r=this;var n=e("N","duet");var a=e("E",{cdnURILocal:"http://0.0.0.0:3334",cdnURIProd:"https://cdn.duetds.com/api",duetIconVersion:"2.3.1"});var i;var o;var l;var s=false;var $=false;var f=false;var u=false;var c=false;var v=e("w",typeof window!=="undefined"?window:{});var d=e("d",v.document||{head:{}});var h={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,r,n){return e.addEventListener(t,r,n)},rel:function(e,t,r,n){return e.removeEventListener(t,r,n)},ce:function(e,t){return new CustomEvent(e,t)}};var p=function(){return(d.head.attachShadow+"").indexOf("[native")>-1}();var m=e("p",(function(e){return Promise.resolve(e)}));var g=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replace==="function"}catch(e){}return false}();var y=function(e,t,r,n){if(r){r.map((function(r){var n=r[0],a=r[1],i=r[2];var o=w(e,n);var l=b(t,i);var s=N(n);h.ael(o,a,l,s);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return h.rel(o,a,l,s)}))}))}};var b=function(e,t){return function(r){try{{if(e.$flags$&256){e.$lazyInstance$[t](r)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,r])}}}catch(n){Qe(n)}}};var w=function(e,t){if(t&4)return d;if(t&8)return v;if(t&16)return d.body;return e};var N=function(e){return(e&2)!==0};var R="r";var x="o";var _="s";var S="t";var k="s-id";var T="sty-id";var L="c-id";var C="{visibility:hidden}.hydrated{visibility:inherit}";var A="http://www.w3.org/1999/xlink";var I=function(e,t){if(t===void 0){t=""}{return function(){return}}};var j=function(e,t){{return function(){return}}};var E=new WeakMap;var P=function(e,t,r){var n=Ze.get(e);if(g&&r){n=n||new CSSStyleSheet;n.replace(t)}else{n=t}Ze.set(e,n)};var O=function(e,t,r,n){var a=B(t);var i=Ze.get(a);e=e.nodeType===11?e:d;if(i){if(typeof i==="string"){e=e.head||e;var o=E.get(e);var l=void 0;if(!o){E.set(e,o=new Set)}if(!o.has(a)){if(e.host&&(l=e.querySelector("[".concat(T,'="').concat(a,'"]')))){l.innerHTML=i}else{{l=d.createElement("style");l.innerHTML=i}e.insertBefore(l,e.querySelector("link"))}if(o){o.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[i],false)}}return a};var M=function(e){var t=e.$cmpMeta$;var r=e.$hostElement$;var n=t.$flags$;var a=I("attachStyles",t.$tagName$);var i=O(p&&r.shadowRoot?r.shadowRoot:r.getRootNode(),t);if(n&10){r["s-sc"]=i;r.classList.add(i+"-h");if(n&2){r.classList.add(i+"-s")}}a()};var B=function(e,t){return"sc-"+e.$tagName$};var z=function(e){return e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{")};var q={};var U="http://www.w3.org/2000/svg";var V="http://www.w3.org/1999/xhtml";var H=function(e){return e!=null};var F=function(e){e=typeof e;return e==="object"||e==="function"};var W=e("h",(function(e,t){var r=[];for(var n=2;n<arguments.length;n++){r[n-2]=arguments[n]}var a=null;var i=null;var o=null;var l=false;var s=false;var $=[];var f=function(t){for(var r=0;r<t.length;r++){a=t[r];if(Array.isArray(a)){f(a)}else if(a!=null&&typeof a!=="boolean"){if(l=typeof e!=="function"&&!F(a)){a=String(a)}if(l&&s){$[$.length-1].$text$+=a}else{$.push(l?D(null,a):a)}s=l}}};f(r);if(t){if(t.key){i=t.key}if(t.name){o=t.name}{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,$,K)}var c=D(e,null);c.$attrs$=t;if($.length>0){c.$children$=$}{c.$key$=i}{c.$name$=o}return c}));var D=function(e,t){var r={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{r.$attrs$=null}{r.$key$=null}{r.$name$=null}return r};var G=e("H",{});var J=function(e){return e&&e.$tag$===G};var K={forEach:function(e,t){return e.map(Q).forEach(t)},map:function(e,t){return e.map(Q).map(t).map(X)}};var Q=function(e){return{vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}};var X=function(e){if(typeof e.vtag==="function"){var t=Object.assign({},e.vattrs);if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return W.apply(void 0,__spreadArray([e.vtag,t],e.vchildren||[],false))}var r=D(e.vtag,e.vtext);r.$attrs$=e.vattrs;r.$children$=e.vchildren;r.$key$=e.vkey;r.$name$=e.vname;return r};var Y=function(e,t,r,n,a,i){if(r!==n){var o=Ke(e,t);var l=t.toLowerCase();if(t==="class"){var s=e.classList;var $=ee(r);var f=ee(n);s.remove.apply(s,$.filter((function(e){return e&&!f.includes(e)})));s.add.apply(s,f.filter((function(e){return e&&!$.includes(e)})))}else if(t==="style"){{for(var u in r){if(!n||n[u]==null){if(u.includes("-")){e.style.removeProperty(u)}else{e.style[u]=""}}}}for(var u in n){if(!r||n[u]!==r[u]){if(u.includes("-")){e.style.setProperty(u,n[u])}else{e.style[u]=n[u]}}}}else if(t==="key");else if(t==="ref"){if(n){n(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Ke(v,l)){t=l.slice(2)}else{t=l[2]+t.slice(3)}if(r){h.rel(e,t,r,false)}if(n){h.ael(e,t,n,false)}}else{var c=F(n);if((o||c&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var d=n==null?"":n;if(t==="list"){o=false}else if(r==null||e[t]!=d){e[t]=d}}else{e[t]=n}}catch(m){}}var p=false;{if(l!==(l=l.replace(/^xlink\:?/,""))){t=l;p=true}}if(n==null||n===false){if(n!==false||e.getAttribute(t)===""){if(p){e.removeAttributeNS(A,t)}else{e.removeAttribute(t)}}}else if((!o||i&4||a)&&!c){n=n===true?"":n;if(p){e.setAttributeNS(A,t,n)}else{e.setAttribute(t,n)}}}}};var Z=/\s/;var ee=function(e){return!e?[]:e.split(Z)};var te=function(e,t,r,n){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var i=e&&e.$attrs$||q;var o=t.$attrs$||q;{for(n in i){if(!(n in o)){Y(a,n,i[n],undefined,r,t.$flags$)}}}for(n in o){Y(a,n,i[n],o[n],r,t.$flags$)}};var re=function(e,t,r,n){var a=t.$children$[r];var $=0;var c;var v;var h;if(!s){f=true;if(a.$tag$==="slot"){if(i){n.classList.add(i+"-s")}a.$flags$|=a.$children$?2:1}}if(a.$text$!==null){c=a.$elm$=d.createTextNode(a.$text$)}else if(a.$flags$&1){c=a.$elm$=d.createTextNode("")}else{if(!u){u=a.$tag$==="svg"}c=a.$elm$=d.createElementNS(u?U:V,a.$flags$&2?"slot-fb":a.$tag$);if(u&&a.$tag$==="foreignObject"){u=false}{te(null,a,u)}if(H(i)&&c["s-si"]!==i){c.classList.add(c["s-si"]=i)}if(a.$children$){for($=0;$<a.$children$.length;++$){v=re(e,a,$,c);if(v){c.appendChild(v)}}}{if(a.$tag$==="svg"){u=false}else if(c.tagName==="foreignObject"){u=true}}}{c["s-hn"]=l;if(a.$flags$&(2|1)){c["s-sr"]=true;c["s-cr"]=o;c["s-sn"]=a.$name$||"";h=e&&e.$children$&&e.$children$[r];if(h&&h.$tag$===a.$tag$&&e.$elm$){ne(e.$elm$,false)}}}return c};var ne=function(e,t){h.$flags$|=1;var r=e.childNodes;for(var n=r.length-1;n>=0;n--){var a=r[n];if(a["s-hn"]!==l&&a["s-ol"]){$e(a).insertBefore(a,se(a));a["s-ol"].remove();a["s-ol"]=undefined;f=true}if(t){ne(a,t)}}h.$flags$&=~1};var ae=function(e,t,r,n,a,i){var o=e["s-cr"]&&e["s-cr"].parentNode||e;var s;if(o.shadowRoot&&o.tagName===l){o=o.shadowRoot}for(;a<=i;++a){if(n[a]){s=re(null,r,a,e);if(s){n[a].$elm$=s;o.insertBefore(s,se(t))}}}};var ie=function(e,t,r,n,a){for(;t<=r;++t){if(n=e[t]){a=n.$elm$;he(n);{$=true;if(a["s-ol"]){a["s-ol"].remove()}else{ne(a,true)}}a.remove()}}};var oe=function(e,t,r,n){var a=0;var i=0;var o=0;var l=0;var s=t.length-1;var $=t[0];var f=t[s];var u=n.length-1;var c=n[0];var v=n[u];var d;var h;while(a<=s&&i<=u){if($==null){$=t[++a]}else if(f==null){f=t[--s]}else if(c==null){c=n[++i]}else if(v==null){v=n[--u]}else if(le($,c)){fe($,c);$=t[++a];c=n[++i]}else if(le(f,v)){fe(f,v);f=t[--s];v=n[--u]}else if(le($,v)){if($.$tag$==="slot"||v.$tag$==="slot"){ne($.$elm$.parentNode,false)}fe($,v);e.insertBefore($.$elm$,f.$elm$.nextSibling);$=t[++a];v=n[--u]}else if(le(f,c)){if($.$tag$==="slot"||v.$tag$==="slot"){ne(f.$elm$.parentNode,false)}fe(f,c);e.insertBefore(f.$elm$,$.$elm$);f=t[--s];c=n[++i]}else{o=-1;{for(l=a;l<=s;++l){if(t[l]&&t[l].$key$!==null&&t[l].$key$===c.$key$){o=l;break}}}if(o>=0){h=t[o];if(h.$tag$!==c.$tag$){d=re(t&&t[i],r,o,e)}else{fe(h,c);t[o]=undefined;d=h.$elm$}c=n[++i]}else{d=re(t&&t[i],r,i,e);c=n[++i]}if(d){{$e($.$elm$).insertBefore(d,se($.$elm$))}}}}if(a>s){ae(e,n[u+1]==null?null:n[u+1].$elm$,r,n,i,u)}else if(i>u){ie(t,a,s)}};var le=function(e,t){if(e.$tag$===t.$tag$){if(e.$tag$==="slot"){return e.$name$===t.$name$}{return e.$key$===t.$key$}}return false};var se=function(e){return e&&e["s-ol"]||e};var $e=function(e){return(e["s-ol"]?e["s-ol"]:e).parentNode};var fe=function(e,t){var r=t.$elm$=e.$elm$;var n=e.$children$;var a=t.$children$;var i=t.$tag$;var o=t.$text$;var l;if(o===null){{u=i==="svg"?true:i==="foreignObject"?false:u}{if(i==="slot");else{te(e,t,u)}}if(n!==null&&a!==null){oe(r,n,t,a)}else if(a!==null){if(e.$text$!==null){r.textContent=""}ae(r,null,t,a,0,a.length-1)}else if(n!==null){ie(n,0,n.length-1)}if(u&&i==="svg"){u=false}}else if(l=r["s-cr"]){l.parentNode.textContent=o}else if(e.$text$!==o){r.data=o}};var ue=function(e){var t=e.childNodes;var r;var n;var a;var i;var o;var l;for(n=0,a=t.length;n<a;n++){r=t[n];if(r.nodeType===1){if(r["s-sr"]){o=r["s-sn"];r.hidden=false;for(i=0;i<a;i++){l=t[i].nodeType;if(t[i]["s-hn"]!==r["s-hn"]||o!==""){if(l===1&&o===t[i].getAttribute("slot")){r.hidden=true;break}}else{if(l===1||l===3&&t[i].textContent.trim()!==""){r.hidden=true;break}}}}ue(r)}}};var ce=[];var ve=function(e){var t;var r;var n;var a;var i;var o;var l=0;var s=e.childNodes;var f=s.length;for(;l<f;l++){t=s[l];if(t["s-sr"]&&(r=t["s-cr"])&&r.parentNode){n=r.parentNode.childNodes;a=t["s-sn"];for(o=n.length-1;o>=0;o--){r=n[o];if(!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==t["s-hn"]){if(de(r,a)){i=ce.find((function(e){return e.$nodeToRelocate$===r}));$=true;r["s-sn"]=r["s-sn"]||a;if(i){i.$slotRefNode$=t}else{ce.push({$slotRefNode$:t,$nodeToRelocate$:r})}if(r["s-sr"]){ce.map((function(e){if(de(e.$nodeToRelocate$,r["s-sn"])){i=ce.find((function(e){return e.$nodeToRelocate$===r}));if(i&&!e.$slotRefNode$){e.$slotRefNode$=i.$slotRefNode$}}}))}}else if(!ce.some((function(e){return e.$nodeToRelocate$===r}))){ce.push({$nodeToRelocate$:r})}}}}if(t.nodeType===1){ve(t)}}};var de=function(e,t){if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var he=function(e){{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null);e.$children$&&e.$children$.map(he)}};var pe=function(e,t){var r=e.$hostElement$;var n=e.$cmpMeta$;var a=e.$vnode$||D(null,null);var u=J(t)?t:W(null,null,t);l=r.tagName;if(n.$attrsToReflect$){u.$attrs$=u.$attrs$||{};n.$attrsToReflect$.map((function(e){var t=e[0],n=e[1];return u.$attrs$[n]=r[t]}))}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=a.$elm$=r.shadowRoot||r;{i=r["s-sc"]}{o=r["s-cr"];s=p&&(n.$flags$&1)!==0;$=false}fe(a,u);{h.$flags$|=1;if(f){ve(u.$elm$);var c=void 0;var v=void 0;var m=void 0;var g=void 0;var y=void 0;var b=void 0;var w=0;for(;w<ce.length;w++){c=ce[w];v=c.$nodeToRelocate$;if(!v["s-ol"]){m=d.createTextNode("");m["s-nr"]=v;v.parentNode.insertBefore(v["s-ol"]=m,v)}}for(w=0;w<ce.length;w++){c=ce[w];v=c.$nodeToRelocate$;if(c.$slotRefNode$){g=c.$slotRefNode$.parentNode;y=c.$slotRefNode$.nextSibling;m=v["s-ol"];while(m=m.previousSibling){b=m["s-nr"];if(b&&b["s-sn"]===v["s-sn"]&&g===b.parentNode){b=b.nextSibling;if(!b||!b["s-nr"]){y=b;break}}}if(!y&&g!==v.parentNode||v.nextSibling!==y){if(v!==y){if(!v["s-hn"]&&v["s-ol"]){v["s-hn"]=v["s-ol"].parentNode.nodeName}g.insertBefore(v,y)}}}else{if(v.nodeType===1){v.hidden=true}}}}if($){ue(u.$elm$)}h.$flags$&=~1;ce.length=0}};var me=e("g",(function(e){return De(e).$hostElement$}));var ge=e("c",(function(e,t,r){var n=me(e);return{emit:function(e){return ye(n,t,{bubbles:!!(r&4),composed:!!(r&2),cancelable:!!(r&1),detail:e})}}}));var ye=function(e,t,r){var n=h.ce(t,r);e.dispatchEvent(n);return n};var be=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var we=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}be(e,e.$ancestorComponent$);var r=function(){return Ne(e,t)};return ot(r)};var Ne=function(e,t){var r=I("scheduleUpdate",e.$cmpMeta$.$tagName$);var n=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],r=e[1];return ke(n,t,r)}));e.$queuedListeners$=null}}{a=ke(n,"componentWillLoad")}}{a=Te(a,(function(){return ke(n,"componentWillRender")}))}r();return Te(a,(function(){return Re(e,n,t)}))};var Re=function(e,t,n){return __awaiter(r,void 0,void 0,(function(){var r,a,i,o,l,s;return __generator(this,(function($){r=e.$hostElement$;a=I("update",e.$cmpMeta$.$tagName$);i=r["s-rc"];if(n){M(e)}o=I("render",e.$cmpMeta$.$tagName$);{xe(e,t)}if(i){i.map((function(e){return e()}));r["s-rc"]=undefined}o();a();{l=r["s-p"];s=function(){return _e(e)};if(l.length===0){s()}else{Promise.all(l).then(s);e.$flags$|=4;l.length=0}}return[2]}))}))};var xe=function(e,t,r){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{pe(e,t)}}}}catch(n){Qe(n,e.$hostElement$)}return null};var _e=function(e){var t=e.$cmpMeta$.$tagName$;var r=e.$hostElement$;var n=I("postUpdate",t);var a=e.$lazyInstance$;var i=e.$ancestorComponent$;{ke(a,"componentDidRender")}if(!(e.$flags$&64)){e.$flags$|=64;{Le(r)}{ke(a,"componentDidLoad")}n();{e.$onReadyResolve$(r);if(!i){Se()}}}else{{ke(a,"componentDidUpdate")}n()}{e.$onInstanceResolve$(r)}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){it((function(){return we(e,false)}))}e.$flags$&=~(4|512)}};var Se=function(e){{Le(d.documentElement)}it((function(){return ye(v,"appload",{detail:{namespace:n}})}))};var ke=function(e,t,r){if(e&&e[t]){try{return e[t](r)}catch(n){Qe(n)}}return undefined};var Te=function(e,t){return e&&e.then?e.then(t):t()};var Le=function(e){return e.classList.add("hydrated")};var Ce=function(e,t,r,n){var a=I("hydrateClient",t);var i=e.shadowRoot;var o=[];var l=[];var s=i?[]:null;var $=n.$vnode$=D(t,null);if(!h.$orgLocNodes$){Ie(d.body,h.$orgLocNodes$=new Map)}e[k]=r;e.removeAttribute(k);Ae($,o,l,s,e,e,r);o.map((function(e){var r=e.$hostId$+"."+e.$nodeId$;var n=h.$orgLocNodes$.get(r);var a=e.$elm$;if(n&&p&&n["s-en"]===""){n.parentNode.insertBefore(a,n.nextSibling)}if(!i){a["s-hn"]=t;if(n){a["s-ol"]=n;a["s-ol"]["s-nr"]=a}}h.$orgLocNodes$.delete(r)}));if(i){s.map((function(e){if(e){i.appendChild(e)}}))}a()};var Ae=function(e,t,r,n,a,i,o){var l;var s;var $;var f;if(i.nodeType===1){l=i.getAttribute(L);if(l){s=l.split(".");if(s[0]===o||s[0]==="0"){$={$flags$:0,$hostId$:s[0],$nodeId$:s[1],$depth$:s[2],$index$:s[3],$tag$:i.tagName.toLowerCase(),$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null};t.push($);i.removeAttribute(L);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;e=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}for(f=i.childNodes.length-1;f>=0;f--){Ae(e,t,r,n,a,i.childNodes[f],o)}if(i.shadowRoot){for(f=i.shadowRoot.childNodes.length-1;f>=0;f--){Ae(e,t,r,n,a,i.shadowRoot.childNodes[f],o)}}}else if(i.nodeType===8){s=i.nodeValue.split(".");if(s[1]===o||s[1]==="0"){l=s[0];$={$flags$:0,$hostId$:s[1],$nodeId$:s[2],$depth$:s[3],$index$:s[4],$elm$:i,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null};if(l===S){$.$elm$=i.nextSibling;if($.$elm$&&$.$elm$.nodeType===3){$.$text$=$.$elm$.textContent;t.push($);i.remove();if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$;if(n&&$.$depth$==="0"){n[$.$index$]=$.$elm$}}}else if($.$hostId$===o){if(l===_){$.$tag$="slot";if(s[5]){i["s-sn"]=$.$name$=s[5]}else{i["s-sn"]=""}i["s-sr"]=true;if(n){$.$elm$=d.createElement($.$tag$);if($.$name$){$.$elm$.setAttribute("name",$.$name$)}i.parentNode.insertBefore($.$elm$,i);i.remove();if($.$depth$==="0"){n[$.$index$]=$.$elm$}}r.push($);if(!e.$children$){e.$children$=[]}e.$children$[$.$index$]=$}else if(l===R){if(n){i.remove()}else{a["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.$tag$==="style"){var u=D(null,i.textContent);u.$elm$=i;u.$index$="0";e.$children$=[u]}};var Ie=function(e,t){if(e.nodeType===1){var r=0;for(;r<e.childNodes.length;r++){Ie(e.childNodes[r],t)}if(e.shadowRoot){for(r=0;r<e.shadowRoot.childNodes.length;r++){Ie(e.shadowRoot.childNodes[r],t)}}}else if(e.nodeType===8){var n=e.nodeValue.split(".");if(n[0]===x){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var je=function(e,t){if(e!=null&&!F(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Ee=function(e,t){return De(e).$instanceValues$.get(t)};var Pe=function(e,t,r,n){var a=De(e);var i=a.$hostElement$;var o=a.$instanceValues$.get(t);var l=a.$flags$;var s=a.$lazyInstance$;r=je(r,n.$members$[t][0]);var $=Number.isNaN(o)&&Number.isNaN(r);var f=r!==o&&!$;if((!(l&8)||o===undefined)&&f){a.$instanceValues$.set(t,r);if(s){if(n.$watchers$&&l&128){var u=n.$watchers$[t];if(u){u.map((function(e){try{s[e](r,o,t)}catch(n){Qe(n,i)}}))}}if((l&(2|16))===2){we(a,false)}}}};var Oe=function(e,t,r){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var n=Object.entries(t.$members$);var a=e.prototype;n.map((function(e){var n=e[0],i=e[1][0];if(i&31||r&2&&i&32){Object.defineProperty(a,n,{get:function(){return Ee(this,n)},set:function(e){Pe(this,n,e,t)},configurable:true,enumerable:true})}else if(r&1&&i&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}var r=De(this);return r.$onInstancePromise$.then((function(){var t;return(t=r.$lazyInstance$)[n].apply(t,e)}))}})}}));if(r&1){var i=new Map;a.attributeChangedCallback=function(e,t,r){var n=this;h.jmp((function(){var t=i.get(e);if(n.hasOwnProperty(t)){r=n[t];delete n[t]}else if(a.hasOwnProperty(t)&&typeof n[t]==="number"&&n[t]==r){return}n[t]=r===null&&typeof n[t]==="boolean"?false:r}))};e.observedAttributes=n.filter((function(e){var t=e[0],r=e[1];return r[0]&15})).map((function(e){var r=e[0],n=e[1];var a=n[1]||r;i.set(a,r);if(n[0]&512){t.$attrsToReflect$.push([r,a])}return a}))}}return e};var Me=function(e,n,a,i,o){return __awaiter(r,void 0,void 0,(function(){var e,r,i,l,s,$,f;return __generator(this,(function(u){switch(u.label){case 0:if(!((n.$flags$&32)===0))return[3,5];n.$flags$|=32;o=Ye(a);if(!o.then)return[3,2];e=j();return[4,o];case 1:o=u.sent();e();u.label=2;case 2:if(!o.isProxied){{a.$watchers$=o.watchers}Oe(o,a,2);o.isProxied=true}r=I("createInstance",a.$tagName$);{n.$flags$|=8}try{new o(n)}catch(c){Qe(c)}{n.$flags$&=~8}{n.$flags$|=128}r();Be(n.$lazyInstance$);if(!o.style)return[3,5];i=o.style;l=B(a);if(!!Ze.has(l))return[3,5];s=I("registerStyles",a.$tagName$);if(!(a.$flags$&8))return[3,4];return[4,t.import("./p-92a25fb5.system.js").then((function(e){return e.scopeCss(i,l,false)}))];case 3:i=u.sent();u.label=4;case 4:P(l,i,!!(a.$flags$&1));s();u.label=5;case 5:$=n.$ancestorComponent$;f=function(){return we(n,true)};if($&&$["s-rc"]){$["s-rc"].push(f)}else{f()}return[2]}}))}))};var Be=function(e){{ke(e,"connectedCallback")}};var ze=function(e){if((h.$flags$&1)===0){var t=De(e);var r=t.$cmpMeta$;var n=I("connectedCallback",r.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;var a=void 0;{a=e.getAttribute(k);if(a){if(p&&r.$flags$&1){var i=O(e.shadowRoot,r);e.classList.remove(i+"-h",i+"-s")}Ce(e,r.$tagName$,a,t)}}if(!a){if(r.$flags$&(4|8)){qe(e)}}{var o=e;while(o=o.parentNode||o.host){if(o.nodeType===1&&o.hasAttribute("s-id")&&o["s-p"]||o["s-p"]){be(t,t.$ancestorComponent$=o);break}}}if(r.$members$){Object.entries(r.$members$).map((function(t){var r=t[0],n=t[1][0];if(n&31&&e.hasOwnProperty(r)){var a=e[r];delete e[r];e[r]=a}}))}{it((function(){return Me(e,t,r)}))}}else{y(e,t,r.$listeners$);Be(t.$lazyInstance$)}n()}};var qe=function(e){var t=e["s-cr"]=d.createComment("");t["s-cn"]=true;e.insertBefore(t,e.firstChild)};var Ue=function(e){if((h.$flags$&1)===0){var t=De(e);var r=t.$lazyInstance$;{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}{ke(r,"disconnectedCallback")}}};var Ve=function(e,t){var r=function(e){__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}t.prototype.item=function(e){return this[e]};return t}(Array);if(t.$flags$&8){var n=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get:function(){return this.childNodes.map((function(e){return e.nodeType===1}))}});Object.defineProperty(e,"childElementCount",{get:function(){return e.children.length}});Object.defineProperty(e,"childNodes",{get:function(){var e=n.call(this);if((h.$flags$&1)===0&&De(this).$flags$&2){var t=new r;for(var a=0;a<e.length;a++){var i=e[a]["s-nr"];if(i){t.push(i)}}return t}return r.from(e)}})}};var He=e("b",(function(e,t){if(t===void 0){t={}}var r=I();var n=[];var a=t.exclude||[];var i=v.customElements;var o=d.head;var l=o.querySelector("meta[charset]");var s=d.createElement("style");var $=[];var f=d.querySelectorAll("[".concat(T,"]"));var u;var c=true;var m=0;Object.assign(h,t);h.$resourcesUrl$=new URL(t.resourcesUrl||"./",d.baseURI).href;{h.$flags$|=2}{for(;m<f.length;m++){P(f[m].getAttribute(T),z(f[m].innerHTML),true)}}e.map((function(e){e[1].map((function(t){var r={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{r.$members$=t[2]}{r.$listeners$=t[3]}{r.$attrsToReflect$=[]}{r.$watchers$={}}if(!p&&r.$flags$&1){r.$flags$|=8}var o=r.$tagName$;var l=function(e){__extends(t,e);function t(t){var n=e.call(this,t)||this;t=n;Je(t,r);if(r.$flags$&1){if(p){{t.attachShadow({mode:"open",delegatesFocus:!!(r.$flags$&16)})}}else if(!("shadowRoot"in t)){t.shadowRoot=t}}{Ve(t,r)}return n}t.prototype.connectedCallback=function(){var e=this;if(u){clearTimeout(u);u=null}if(c){$.push(this)}else{h.jmp((function(){return ze(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;h.jmp((function(){return Ue(e)}))};t.prototype.componentOnReady=function(){return De(this).$onReadyPromise$};return t}(HTMLElement);r.$lazyBundleId$=e[0];if(!a.includes(o)&&!i.get(o)){n.push(o);i.define(o,Oe(l,r,1))}}))}));{s.innerHTML=n+C;s.setAttribute("data-styles","");o.insertBefore(s,l?l.nextSibling:o.firstChild)}c=false;if($.length){$.map((function(e){return e.connectedCallback()}))}else{{h.jmp((function(){return u=setTimeout(Se,30)}))}}r()}));var Fe=e("F",(function(e,t){return t}));var We=new WeakMap;var De=function(e){return We.get(e)};var Ge=e("r",(function(e,t){return We.set(t.$lazyInstance$=e,t)}));var Je=function(e,t){var r={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{r.$onInstancePromise$=new Promise((function(e){return r.$onInstanceResolve$=e}))}{r.$onReadyPromise$=new Promise((function(e){return r.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}y(e,r,t.$listeners$);return We.set(e,r)};var Ke=function(e,t){return t in e};var Qe=function(e,t){return(0,console.error)(e,t)};var Xe=new Map;var Ye=function(e,r,n){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var o=Xe.get(i);if(o){return o[a]}return t.import("./".concat(i,".entry.js").concat("")).then((function(e){{Xe.set(i,e)}return e[a]}),Qe)};var Ze=new Map;var et=[];var tt=[];var rt=function(e,t){return function(r){e.push(r);if(!c){c=true;if(t&&h.$flags$&4){it(at)}else{h.raf(at)}}}};var nt=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(r){Qe(r)}}e.length=0};var at=function(){nt(et);{nt(tt);if(c=et.length>0){h.raf(at)}}};var it=function(e){return m().then(e)};var ot=rt(tt,true)}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(e,t,s,o){function i(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,l){function c(e){try{a(o.next(e))}catch(t){l(t)}}function r(e){try{a(o["throw"](e))}catch(t){l(t)}}function a(e){e.done?s(e.value):i(e.value).then(c,r)}a((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(l[0]&1)throw l[1];return l[1]},trys:[],ops:[]},o,i,l,c;return c={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function r(e){return function(t){return a([e,t])}}function a(c){if(o)throw new TypeError("Generator is already executing.");while(s)try{if(o=1,i&&(l=c[0]&2?i["return"]:c[0]?i["throw"]||((l=i["return"])&&l.call(i),0):i.next)&&!(l=l.call(i,c[1])).done)return l;if(i=0,l)c=[c[0]&2,l.value];switch(c[0]){case 0:case 1:l=c;break;case 4:s.label++;return{value:c[1],done:false};case 5:s.label++;i=c[1];c=[0];continue;case 7:c=s.ops.pop();s.trys.pop();continue;default:if(!(l=s.trys,l=l.length>0&&l[l.length-1])&&(c[0]===6||c[0]===2)){s=0;continue}if(c[0]===3&&(!l||c[1]>l[0]&&c[1]<l[3])){s.label=c[1];break}if(c[0]===6&&s.label<l[1]){s.label=l[1];l=c;break}if(l&&s.label<l[2]){s.label=l[2];s.ops.push(c);break}if(l[2])s.ops.pop();s.trys.pop();continue}c=t.call(e,s)}catch(r){c=[6,r];i=0}finally{o=l=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-fad9218e.system.js","./p-5f6bd5db.system.js","./p-b6d51921.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,s,o,i,l,c,r,a;return{setters:[function(e){t=e.r;s=e.c;o=e.h;i=e.H;l=e.g},function(e){c=e.c},function(e){r=e.p},function(e){a=e.i}],execute:function(){var n='@charset "UTF-8";*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:white}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;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}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-wrapper.sc-duet-select::after{content:" "}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#909599;box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#747475;box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#0077b3;outline:0;box-shadow:0 0 0 1px #0077b3;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#171c3a}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#0077b3}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#00294d !important;cursor:default !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;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:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:white;border:1px solid #909599;border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#de2362 !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#e02a0d !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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;border-color:#747475}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:#171c3a}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-help.sc-duet-select{display:block;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;font-weight:400;line-height:1.25;color:#657787;border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{color:#747475}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#e02a0d}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){var o=e[s];if(d(o)){o=u(o.options,t)}if(o&&o.value===t){return o}}}var p=e("duet_select",function(){function e(e){var o=this;t(this,e);this.duetChange=s(this,"duetChange",3);this.duetFocus=s(this,"duetFocus",7);this.duetBlur=s(this,"duetBlur",7);this.selectId=c("DuetSelect");this.errorId=c("DuetError");this.labelId=c("DuetLabel");this.topCaptionId=c("DuetCaptionTop");this.topCaptionPlaceholderId=c("DuetCaptionPlaceholderTop");this.processedItems=null;this.variation="default";this.margin="auto";this.error="";this.expand=false;this.theme="";this.labelHidden=false;this.placeholder="";this.echoPlaceholder=false;this.disabled=false;this.required=false;this.label="label";this.tooltip="";this.tooltipDirection="auto";this.onClick=function(e){e.stopPropagation()};this.onChange=function(){o.value=o.nativeSelect.value;o.duetChange.emit({value:o.value,component:"duet-select"})};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,value:o.value,component:"duet-select"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,value:o.value,component:"duet-select"})}}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){a(this);this.isCaptionVisible=!!this.caption;this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=r(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=u(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return o("option",{value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return o("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e=this;var t=this.identifier||this.selectId;return o(i,{onClick:this.onClick,class:{"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-select-variation-tiny":this.variation==="tiny"}},o("div",{class:{"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-select-variation-tiny":this.variation==="tiny","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},o("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},id:this.labelId,for:t},this.label),this.tooltip&&o("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&o("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),o("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&o("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),o("select",{ref:function(t){return e.nativeSelect=t},disabled:this.disabled,name:this.name,id:t,role:this.role,"aria-labelledby":"".concat(this.labelId," ").concat(this.errorId),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required,"aria-describedby":this.accessibleDescribedBy},this.placeholder&&o("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?o("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(t){return d(t)?e.renderOptionGroup(t):e.renderOption(t)}))),o("div",{class:{"duet-select":true,"duet-select-variation-tiny":this.variation==="tiny"},"aria-hidden":"true"},o("span",{key:this.value},this.getSelectedItemLabel()),this.variation!=="tiny"&&o("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"})),this.variation==="tiny"&&o("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xx-small"}))),o("span",{class:"duet-select-help",id:this.errorId,"aria-live":"assertive","aria-relevant":"additions removals"},this.error&&o("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}());p.style=n}}}));
|
|
4
|
+
*/System.register(["./p-1cb29dd2.system.js","./p-5f6bd5db.system.js","./p-b6d51921.system.js","./p-6b03322b.system.js"],(function(e){"use strict";var t,s,o,i,l,c,r,a;return{setters:[function(e){t=e.r;s=e.c;o=e.h;i=e.H;l=e.g},function(e){c=e.c},function(e){r=e.p},function(e){a=e.i}],execute:function(){var n='@charset "UTF-8";*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:white}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;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}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-wrapper.sc-duet-select::after{content:" "}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;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;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#909599;box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:#747475;box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#0077b3;outline:0;box-shadow:0 0 0 1px #0077b3;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:#171c3a;box-shadow:0 0 0 1px #171c3a}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#171c3a}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#0077b3}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e02a0d}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#00294d !important;cursor:default !important;background:#f5f8fa !important;border-color:#f5f8fa !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:#00294d !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:#171c3a !important;background:#f5f5f7 !important;border-color:#f5f5f7 !important;-webkit-text-fill-color:#171c3a !important}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;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:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:#00294d;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:white;border:1px solid #909599;border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#de2362 !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#de2362 !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:#e02a0d !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:#e02a0d !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{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;border-color:#747475}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:#00294d;pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:#171c3a}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-help.sc-duet-select{display:block;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;font-weight:400;line-height:1.25;color:#657787;border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{color:#747475}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:#e02a0d}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';function d(e){return"options"in e}function u(e,t){for(var s=0;s<e.length;s++){var o=e[s];if(d(o)){o=u(o.options,t)}if(o&&o.value===t){return o}}}var p=e("duet_select",function(){function e(e){var o=this;t(this,e);this.duetChange=s(this,"duetChange",3);this.duetFocus=s(this,"duetFocus",7);this.duetBlur=s(this,"duetBlur",7);this.selectId=c("DuetSelect");this.errorId=c("DuetError");this.labelId=c("DuetLabel");this.topCaptionId=c("DuetCaptionTop");this.topCaptionPlaceholderId=c("DuetCaptionPlaceholderTop");this.processedItems=null;this.variation="default";this.margin="auto";this.error="";this.expand=false;this.theme="";this.labelHidden=false;this.placeholder="";this.echoPlaceholder=false;this.disabled=false;this.required=false;this.label="label";this.tooltip="";this.tooltipDirection="auto";this.onClick=function(e){e.stopPropagation()};this.onChange=function(){o.value=o.nativeSelect.value;o.duetChange.emit({value:o.value,component:"duet-select"})};this.onBlur=function(e){o.duetBlur.emit({originalEvent:e,value:o.value,component:"duet-select"})};this.onFocus=function(e){o.duetFocus.emit({originalEvent:e,value:o.value,component:"duet-select"})}}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){a(this);this.isCaptionVisible=!!this.caption;this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=r(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=u(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return o("option",{value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return o("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e=this;var t=this.identifier||this.selectId;return o(i,{onClick:this.onClick,class:{"duet-m-0":this.margin==="none","duet-expand":this.expand,"duet-select-variation-tiny":this.variation==="tiny"}},o("div",{class:{"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-select-variation-tiny":this.variation==="tiny","duet-input-top-caption-shown":this.isCaptionVisible,"has-error":!!this.error}},o("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},id:this.labelId,for:t},this.label),this.tooltip&&o("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),this.caption&&o("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),o("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&o("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),o("select",{ref:function(t){return e.nativeSelect=t},disabled:this.disabled,name:this.name,id:t,role:this.role,"aria-labelledby":"".concat(this.labelId," ").concat(this.errorId),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required,"aria-describedby":this.accessibleDescribedBy},this.placeholder&&o("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?o("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(t){return d(t)?e.renderOptionGroup(t):e.renderOption(t)}))),o("div",{class:{"duet-select":true,"duet-select-variation-tiny":this.variation==="tiny"},"aria-hidden":"true"},o("span",{key:this.value},this.getSelectedItemLabel()),this.variation!=="tiny"&&o("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},o("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"})),this.variation==="tiny"&&o("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xx-small"}))),o("span",{class:"duet-select-help",id:this.errorId,"aria-live":"assertive","aria-relevant":"additions removals"},this.error&&o("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return l(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}());p.style=n}}}));
|