@duetds/components 6.0.1 → 6.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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 +1 -1
- 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-fd9066aa.js → focus-utils-8089a1a8.js} +1 -1
- package/lib/cjs/{index-782371bf.js → index-9d0e33db.js} +1 -1
- package/lib/cjs/loader.cjs.js +1 -1
- package/lib/custom-elements-bundle/index.js +1 -1
- package/lib/duet/duet.esm.js +1 -1
- package/lib/duet/duet.js +1 -1
- package/lib/duet/{p-9caa1e99.system.entry.js → p-007d0250.system.entry.js} +1 -1
- package/lib/duet/{p-d0f47541.entry.js → p-012e33e8.entry.js} +1 -1
- package/lib/duet/{p-90aed783.system.entry.js → p-0250c7b7.system.entry.js} +1 -1
- package/lib/duet/{p-32cbeb94.entry.js → p-07f83b14.entry.js} +1 -1
- package/lib/duet/{p-1371eb11.system.entry.js → p-0930ce38.system.entry.js} +1 -1
- package/lib/duet/{p-1b2cbc9a.entry.js → p-0c59905a.entry.js} +1 -1
- package/lib/duet/{p-47ddb203.system.entry.js → p-0c83d107.system.entry.js} +1 -1
- package/lib/duet/{p-5bbda980.entry.js → p-14a2d6f2.entry.js} +1 -1
- package/lib/duet/{p-77d5e6c4.entry.js → p-16d21cef.entry.js} +1 -1
- package/lib/duet/{p-fb0b9a3d.entry.js → p-178e0ae7.entry.js} +1 -1
- package/lib/duet/{p-4d5428f3.system.entry.js → p-194f22b3.system.entry.js} +1 -1
- package/lib/duet/{p-9e3dffb7.entry.js → p-196b2664.entry.js} +1 -1
- package/lib/duet/{p-d21f3363.system.entry.js → p-1c0fdc62.system.entry.js} +1 -1
- package/lib/duet/{p-06384a91.system.entry.js → p-20b5e96b.system.entry.js} +1 -1
- package/lib/duet/{p-34b39449.system.entry.js → p-211e59a0.system.entry.js} +1 -1
- package/lib/duet/{p-02b954d7.entry.js → p-2171d336.entry.js} +1 -1
- package/lib/duet/{p-6b6b356f.entry.js → p-24978396.entry.js} +1 -1
- package/lib/duet/{p-9e9b9a1b.system.entry.js → p-278340d9.system.entry.js} +1 -1
- package/lib/duet/{p-07ff2572.system.entry.js → p-29157f26.system.entry.js} +1 -1
- package/lib/duet/{p-631db09b.entry.js → p-2ebf682d.entry.js} +1 -1
- package/lib/duet/{p-443ec645.entry.js → p-2eea39f3.entry.js} +1 -1
- package/lib/duet/{p-52ccd386.system.entry.js → p-32883741.system.entry.js} +1 -1
- package/lib/duet/{p-41c9677e.entry.js → p-33300690.entry.js} +1 -1
- package/lib/duet/{p-03826c8b.entry.js → p-35eaa5a8.entry.js} +1 -1
- package/lib/duet/{p-db3206cb.system.entry.js → p-39e1c6da.system.entry.js} +1 -1
- package/lib/duet/{p-50068109.entry.js → p-3bbfe384.entry.js} +1 -1
- package/lib/duet/{p-28dbd53d.entry.js → p-3c80d2fc.entry.js} +1 -1
- package/lib/duet/{p-294c5ef8.entry.js → p-3f1c98d0.entry.js} +1 -1
- package/lib/duet/{p-92dda555.system.entry.js → p-3feb442e.system.entry.js} +1 -1
- package/lib/duet/{p-1ea75629.system.entry.js → p-422c0465.system.entry.js} +1 -1
- package/lib/duet/{p-1230cbde.entry.js → p-4427f4b2.entry.js} +1 -1
- package/lib/duet/{p-d0f85a74.entry.js → p-4af6e3b1.entry.js} +1 -1
- package/lib/duet/{p-0d2f32c1.system.entry.js → p-4d6b341d.system.entry.js} +1 -1
- package/lib/duet/{p-d4474dfa.entry.js → p-4f235805.entry.js} +1 -1
- package/lib/duet/{p-5a5a3749.system.entry.js → p-567cab28.system.entry.js} +1 -1
- package/lib/duet/{p-ea4225cf.system.entry.js → p-5bde4aed.system.entry.js} +1 -1
- package/lib/duet/{p-5836fb8d.system.entry.js → p-5d286e53.system.entry.js} +1 -1
- package/lib/duet/{p-01e852b6.entry.js → p-5f407bd1.entry.js} +1 -1
- package/lib/duet/{p-9ff7b903.entry.js → p-626a5916.entry.js} +1 -1
- package/lib/duet/{p-c81dbdd8.system.entry.js → p-67a78cbe.system.entry.js} +1 -1
- package/lib/duet/{p-163eb1ef.entry.js → p-68419f1e.entry.js} +1 -1
- package/lib/duet/{p-c9ae37b1.system.entry.js → p-6c022105.system.entry.js} +1 -1
- package/lib/duet/{p-d1386178.entry.js → p-6ebb40da.entry.js} +1 -1
- package/lib/duet/{p-ad1f9106.entry.js → p-79817456.entry.js} +1 -1
- package/lib/duet/{p-22422d69.entry.js → p-7d43d67b.entry.js} +1 -1
- package/lib/duet/{p-7fbecc7e.system.entry.js → p-82abc212.system.entry.js} +1 -1
- package/lib/duet/p-835f4429.entry.js +4 -0
- package/lib/duet/{p-9b024702.system.entry.js → p-86a3b203.system.entry.js} +1 -1
- package/lib/duet/{p-19065f78.system.entry.js → p-8a91c7bb.system.entry.js} +1 -1
- package/lib/duet/{p-7d825baf.entry.js → p-8bcd7936.entry.js} +1 -1
- package/lib/duet/{p-0674bacc.system.entry.js → p-902552a7.system.entry.js} +1 -1
- package/lib/duet/{p-56ab2e17.entry.js → p-9059b7e3.entry.js} +1 -1
- package/lib/duet/{p-ad0774b5.system.js → p-920f9ff2.system.js} +1 -1
- package/lib/duet/{p-db9acbac.system.entry.js → p-921085f6.system.entry.js} +1 -1
- package/lib/duet/{p-fffc2efd.system.entry.js → p-94d496e1.system.entry.js} +1 -1
- package/lib/duet/{p-044f081d.system.entry.js → p-9a3826e8.system.entry.js} +1 -1
- package/lib/duet/{p-aa484907.system.entry.js → p-9bd36dc0.system.entry.js} +1 -1
- package/lib/duet/{p-bfbd1c92.system.entry.js → p-9ed4eac7.system.entry.js} +1 -1
- package/lib/duet/p-9ef03ba6.js +4 -0
- package/lib/duet/{p-185593ce.entry.js → p-a124d4a0.entry.js} +1 -1
- package/lib/duet/{p-a7a7f9ee.system.entry.js → p-a687eeaa.system.entry.js} +1 -1
- package/lib/duet/{p-5964b2cf.system.entry.js → p-a9a9d22b.system.entry.js} +1 -1
- package/lib/duet/{p-136d7507.system.entry.js → p-af3a016a.system.entry.js} +1 -1
- package/lib/duet/{p-629cca4a.entry.js → p-b014fdca.entry.js} +1 -1
- package/lib/duet/{p-fa0f88a4.entry.js → p-b43a8c7a.entry.js} +1 -1
- package/lib/duet/{p-00326a18.system.entry.js → p-b4e8f605.system.entry.js} +1 -1
- package/lib/duet/{p-6e111c28.system.entry.js → p-b57a4b2d.system.entry.js} +1 -1
- package/lib/duet/p-b6ef2e72.entry.js +4 -0
- package/lib/duet/{p-85c0701c.entry.js → p-b9b19fe9.entry.js} +1 -1
- package/lib/duet/{p-925664c5.system.js → p-b9e9ac80.system.js} +1 -1
- package/lib/duet/{p-c82b473c.entry.js → p-bc23dcde.entry.js} +1 -1
- package/lib/duet/{p-79742e5d.system.entry.js → p-c3d3f68d.system.entry.js} +1 -1
- package/lib/duet/{p-bce94596.entry.js → p-c89b1c28.entry.js} +1 -1
- package/lib/duet/{p-4f39beb8.system.entry.js → p-cb1f9512.system.entry.js} +1 -1
- package/lib/duet/{p-6dafe588.system.entry.js → p-d5ef1959.system.entry.js} +1 -1
- package/lib/duet/{p-8b5df7ef.js → p-d644302f.js} +1 -1
- package/lib/duet/{p-6635203a.system.entry.js → p-ddf8a652.system.entry.js} +1 -1
- package/lib/duet/{p-2bbd194f.system.entry.js → p-e1a1e52d.system.entry.js} +1 -1
- package/lib/duet/{p-345abbb7.entry.js → p-e233e6ed.entry.js} +1 -1
- package/lib/duet/{p-06fb0807.system.entry.js → p-e3a6351b.system.entry.js} +1 -1
- package/lib/duet/{p-0992ac3c.system.entry.js → p-e56705ac.system.entry.js} +1 -1
- package/lib/duet/{p-a122e9c2.entry.js → p-ea60602a.entry.js} +1 -1
- package/lib/duet/{p-6a405a01.entry.js → p-ecc8ec3e.entry.js} +1 -1
- package/lib/duet/{p-59018c03.system.entry.js → p-f0e4f685.system.entry.js} +1 -1
- package/lib/duet/{p-56e5aa53.entry.js → p-f416e108.entry.js} +1 -1
- package/lib/duet/{p-7bb54705.entry.js → p-f51969f5.entry.js} +1 -1
- package/lib/duet/{p-369257a1.system.js → p-f5a06ff6.system.js} +1 -1
- package/lib/duet/{p-4828a9d7.entry.js → p-f8a52ab0.entry.js} +1 -1
- package/lib/duet/{p-a31bbc70.entry.js → p-f96da661.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 +1 -1
- 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-f19397eb.js → focus-utils-9e76623d.js} +1 -1
- package/lib/esm/{index-5b851882.js → index-0d0e51b6.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 +2 -2
- 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-9e76623d.js +4 -0
- package/lib/esm-es5/{index-5b851882.js → index-0d0e51b6.js} +1 -1
- package/lib/esm-es5/loader.js +1 -1
- package/package.json +5 -5
- package/lib/duet/p-3630c99b.entry.js +0 -4
- package/lib/duet/p-4b71d359.js +0 -4
- package/lib/duet/p-b55ed703.entry.js +0 -4
- package/lib/esm-es5/focus-utils-f19397eb.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,n,i){function o(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,r){function a(t){try{l(i.next(t))}catch(e){r(e)}}function s(t){try{l(i["throw"](t))}catch(e){r(e)}}function l(t){t.done?n(t.value):o(t.value).then(a,s)}l((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,o,r,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(e){return l([t,e])}}function l(a){if(i)throw new TypeError("Generator is already executing.");while(n)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=e.call(t,n)}catch(s){a=[6,s];o=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-369257a1.system.js","./p-33b3aba4.system.js","./p-f69b64c9.system.js","./p-5f6bd5db.system.js","./p-a63f753e.system.js","./p-b6d51921.system.js"],(function(t){"use strict";var e,n,i,o,r,a,s,l,u,d,c,b,p;return{setters:[function(t){e=t.r;n=t.h;i=t.H;o=t.g;r=t.c},function(t){a=t.i},function(t){s=t.g;l=t.a},function(t){u=t.c},function(t){d=t.d;c=t.b;b=t.a;p=t.c},function(){}],execute:function(){var h="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{display:none}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";var f=t("duet_scrollable",function(){function t(t){var n=this;e(this,t);this.currentIndex=0;this.tabListElement=undefined;this.tabListClass="duet-scrollable-list";this.tablistAtStart=true;this.isTabContentSmallerThanWrapper=false;this.tablistAtEnd=false;this.childrenData={};this.resizeObserver=new ResizeObserver((function(t){var e,i,o,r;if((t===null||t===void 0?void 0:t.length)===1){var a=(i=(e=t[0])===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.getBoundingClientRect().width;var s=(r=(o=t[0])===null||o===void 0?void 0:o.target)===null||r===void 0?void 0:r.scrollWidth;n.isTabContentSmallerThanWrapper=s>a+5}}));this.theme="";this.identifier="";this.selected=0}t.prototype.watchPropHandler=function(t){this.scrollToTab(t,"center")};t.prototype.componentWillLoad=function(){a(this);var t=this.host.children;this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.tabListElement)};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getLastVisibleElement=function(){var t=this.tabListElement.clientWidth;var e=Array.from(this.host.querySelectorAll("button")).findIndex((function(e){return e.getBoundingClientRect().x>t}));return e};t.prototype.getFirstVisibleElement=function(){var t=this.host.querySelectorAll("button");var e=Array.from(t).map((function(t){return t.getBoundingClientRect().x-t.getBoundingClientRect().width}));var n=e.findIndex((function(t){return t>0}));return n};t.prototype.updateScrollButtons=function(t){if(t===void 0){t=this.tabListElement}if(t.scrollLeft<=0){this.tablistAtStart=true}else if(t.scrollLeft>0){this.tablistAtStart=false}if(t.clientWidth+t.scrollLeft+10>=t.scrollWidth){this.tablistAtEnd=true}else if(t.clientWidth+t.scrollLeft+10<t.scrollWidth){this.tablistAtEnd=false}};t.prototype.scrollToTab=function(t,e){var n=this;if(t===void 0){t=this.currentIndex}if(!this.childrenData.hasChildren){return}if(t+1>=this.childrenData.numberOfChildren){t=this.childrenData.numberOfChildren-1}if(t<0){t=0}var i=this.host.querySelectorAll("button");var o=i[0].getBoundingClientRect().x;var r=5;var a=function(){if(i[0].getBoundingClientRect().x===o){r--;if(r!==0){window.requestAnimationFrame(a);return}n.updateScrollButtons()}else{window.requestAnimationFrame(a);o=i[0].getBoundingClientRect().x}};i[t].scrollIntoView({behavior:"smooth",inline:e});window.requestAnimationFrame(a)};t.prototype.scrollLeft=function(){this.tablistAtEnd=false;var t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")};t.prototype.scrollRight=function(){this.tablistAtStart=false;var t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")};t.prototype.render=function(){var t=this;return n(i,{class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},n("div",{class:"duet-scrollable-items"},n("button",{part:"".concat(this.identifier,"-button-left"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--left":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return t.scrollLeft()},disabled:this.tablistAtStart,tabindex:"-1"},n("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),n("div",{class:this.tabListClass,onScroll:function(){return t.updateScrollButtons()},ref:function(e){return t.tabListElement=e}},n("slot",null)),n("button",{part:"".concat(this.identifier,"-button-right"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--right":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return t.scrollRight()},disabled:this.tablistAtEnd,tabindex:"-1"},n("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}());f.style=h;var m=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";var g=t("duet_tab",function(){function t(t){e(this,t);this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?s(this.accessibleDescriptionDefault):null}t.prototype.render=function(){{return n("div",{role:"tabpanel",class:{"duet-tab":true,selected:this.selected},"aria-description":this.accessibleDescription},n("slot",null))}};return t}());g.style=m;var v='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:#e4e4e6}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;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:600;line-height:1.1;color:#00294d;text-align:left;text-decoration:none;cursor:pointer;background:white;border:2px solid #e1e3e6;border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{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}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid #e1e3e6;border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:#909599}.duet-theme-turva .duet-tab-button:hover{border-color:#747475}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:white;background:#00294d;border-color:#00294d;outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:white;background-color:#171c3a;border-color:#171c3a}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:#0077b3;background:white;border-bottom:3px solid #0077b3}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:#c60c30;border-bottom-color:#c60c30}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-theme-turva .duet-tab-group-content{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}';var y=t("duet_tab_group",function(){function t(t){var i=this;e(this,t);this.duetChange=r(this,"duetChange",3);this.duetTabChange=r(this,"duetTabChange",7);this.id=u("DuetTabGroup");this.tabs=[];this.selected=0;this.theme="";this.scrolls=false;this.collapses=true;this.accessibleLabel=undefined;this.variation="default";this.language=l();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=s(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.handleKeyDown=function(t){var e;if(d(t)||c(t)){e=t.target.previousElementSibling}else if(b(t)||p(t)){e=t.target.nextElementSibling}if(e){t.preventDefault();e.click();e.focus()}};this.renderTab=function(){var t=i.tabs.map((function(t,e){return n("button",{role:"tab",id:i.getButtonId(e),"aria-controls":i.getTabId(e),"aria-selected":t.selected?"true":"false","aria-description":i.getAccessibleDescription(e),tabindex:e===0?"0":"-1",part:"".concat(i.identifier,"-button ").concat(t.selected?"".concat(i.identifier,"-button--selected"):""),type:"button",class:{"duet-p-0":i.padding==="none","duet-tab-button":true,selected:t.selected},onClick:function(){return i.openTab(e)},onKeyDown:function(t){return i.handleKeyDown(t)}},t.label)}));if(i.scrolls){return n("duet-scrollable",{selected:i.selected,identifier:i.identifier},t)}return t}}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.componentWillLoad=function(){a(this)};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,n){e.selected=n===t}));e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var n=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(n.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return n};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.tabs=this.getTabs();this.tabs.forEach((function(e,n){e.id=t.getTabId(n);e.setAttribute("aria-labelledby",t.getButtonId(n));if(e.selected){t.selected=n}}));return[2]}))}))};t.prototype.render=function(){var t;var e=this;return n("div",{class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t["duet-tab-variation-".concat(this.variation)]=true,t["duet-tab-group-scrolls"]=this.scrolls,t["duet-tab-group-collapses"]=this.collapses,t),"aria-label":this.accessibleLabel},this.tabs.length>3&&this.collapses&&n("duet-select",{value:this.selected.toString(),expand:true,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:function(t){return e.openTab(Number(t.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e.toString()}}))}),n("div",{role:"tablist",class:{"duet-m-0":this.margin==="none","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3,"duet-tab-group-collapses":this.collapses}},this.renderTab()),n("div",{role:"tabpanel",tabindex:"0",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none"}},n("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());y.style=v}}}));
|
|
4
|
+
*/System.register(["./p-f5a06ff6.system.js","./p-33b3aba4.system.js","./p-f69b64c9.system.js","./p-5f6bd5db.system.js","./p-a63f753e.system.js","./p-b6d51921.system.js"],(function(t){"use strict";var e,n,i,o,r,a,s,l,u,d,c,b,p;return{setters:[function(t){e=t.r;n=t.h;i=t.H;o=t.g;r=t.c},function(t){a=t.i},function(t){s=t.g;l=t.a},function(t){u=t.c},function(t){d=t.d;c=t.b;b=t.a;p=t.c},function(){}],execute:function(){var h="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{display:none}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";var f=t("duet_scrollable",function(){function t(t){var n=this;e(this,t);this.currentIndex=0;this.tabListElement=undefined;this.tabListClass="duet-scrollable-list";this.tablistAtStart=true;this.isTabContentSmallerThanWrapper=false;this.tablistAtEnd=false;this.childrenData={};this.resizeObserver=new ResizeObserver((function(t){var e,i,o,r;if((t===null||t===void 0?void 0:t.length)===1){var a=(i=(e=t[0])===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.getBoundingClientRect().width;var s=(r=(o=t[0])===null||o===void 0?void 0:o.target)===null||r===void 0?void 0:r.scrollWidth;n.isTabContentSmallerThanWrapper=s>a+5}}));this.theme="";this.identifier="";this.selected=0}t.prototype.watchPropHandler=function(t){this.scrollToTab(t,"center")};t.prototype.componentWillLoad=function(){a(this);var t=this.host.children;this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.tabListElement)};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getLastVisibleElement=function(){var t=this.tabListElement.clientWidth;var e=Array.from(this.host.querySelectorAll("button")).findIndex((function(e){return e.getBoundingClientRect().x>t}));return e};t.prototype.getFirstVisibleElement=function(){var t=this.host.querySelectorAll("button");var e=Array.from(t).map((function(t){return t.getBoundingClientRect().x-t.getBoundingClientRect().width}));var n=e.findIndex((function(t){return t>0}));return n};t.prototype.updateScrollButtons=function(t){if(t===void 0){t=this.tabListElement}if(t.scrollLeft<=0){this.tablistAtStart=true}else if(t.scrollLeft>0){this.tablistAtStart=false}if(t.clientWidth+t.scrollLeft+10>=t.scrollWidth){this.tablistAtEnd=true}else if(t.clientWidth+t.scrollLeft+10<t.scrollWidth){this.tablistAtEnd=false}};t.prototype.scrollToTab=function(t,e){var n=this;if(t===void 0){t=this.currentIndex}if(!this.childrenData.hasChildren){return}if(t+1>=this.childrenData.numberOfChildren){t=this.childrenData.numberOfChildren-1}if(t<0){t=0}var i=this.host.querySelectorAll("button");var o=i[0].getBoundingClientRect().x;var r=5;var a=function(){if(i[0].getBoundingClientRect().x===o){r--;if(r!==0){window.requestAnimationFrame(a);return}n.updateScrollButtons()}else{window.requestAnimationFrame(a);o=i[0].getBoundingClientRect().x}};i[t].scrollIntoView({behavior:"smooth",inline:e});window.requestAnimationFrame(a)};t.prototype.scrollLeft=function(){this.tablistAtEnd=false;var t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")};t.prototype.scrollRight=function(){this.tablistAtStart=false;var t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")};t.prototype.render=function(){var t=this;return n(i,{class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},n("div",{class:"duet-scrollable-items"},n("button",{part:"".concat(this.identifier,"-button-left"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--left":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return t.scrollLeft()},disabled:this.tablistAtStart,tabindex:"-1"},n("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),n("div",{class:this.tabListClass,onScroll:function(){return t.updateScrollButtons()},ref:function(e){return t.tabListElement=e}},n("slot",null)),n("button",{part:"".concat(this.identifier,"-button-right"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--right":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return t.scrollRight()},disabled:this.tablistAtEnd,tabindex:"-1"},n("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}());f.style=h;var m=".sc-duet-tab-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";var g=t("duet_tab",function(){function t(t){e(this,t);this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?s(this.accessibleDescriptionDefault):null}t.prototype.render=function(){{return n("div",{role:"tabpanel",class:{"duet-tab":true,selected:this.selected},"aria-description":this.accessibleDescription},n("slot",null))}};return t}());g.style=m;var v='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid #e1e3e6}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:#e4e4e6}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;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:600;line-height:1.1;color:#00294d;text-align:left;text-decoration:none;cursor:pointer;background:white;border:2px solid #e1e3e6;border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{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}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid #e1e3e6;border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:#909599}.duet-theme-turva .duet-tab-button:hover{border-color:#747475}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:white;background:#00294d;border-color:#00294d;outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:white;background-color:#171c3a;border-color:#171c3a}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:#0077b3;background:white;border-bottom:3px solid #0077b3}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:#c60c30;border-bottom-color:#c60c30}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;text-align:left}.duet-theme-turva .duet-tab-group-content{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}';var y=t("duet_tab_group",function(){function t(t){var i=this;e(this,t);this.duetChange=r(this,"duetChange",3);this.duetTabChange=r(this,"duetTabChange",7);this.id=u("DuetTabGroup");this.tabs=[];this.selected=0;this.theme="";this.scrolls=false;this.collapses=true;this.accessibleLabel=undefined;this.variation="default";this.language=l();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=s(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.handleKeyDown=function(t){var e;if(d(t)||c(t)){e=t.target.previousElementSibling}else if(b(t)||p(t)){e=t.target.nextElementSibling}if(e){t.preventDefault();e.click();e.focus()}};this.renderTab=function(){var t=i.tabs.map((function(t,e){return n("button",{role:"tab",id:i.getButtonId(e),"aria-controls":i.getTabId(e),"aria-selected":t.selected?"true":"false","aria-description":i.getAccessibleDescription(e),tabindex:e===0?"0":"-1",part:"".concat(i.identifier,"-button ").concat(t.selected?"".concat(i.identifier,"-button--selected"):""),type:"button",class:{"duet-p-0":i.padding==="none","duet-tab-button":true,selected:t.selected},onClick:function(){return i.openTab(e)},onKeyDown:function(t){return i.handleKeyDown(t)}},t.label)}));if(i.scrolls){return n("duet-scrollable",{selected:i.selected,identifier:i.identifier},t)}return t}}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.componentWillLoad=function(){a(this)};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(n){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,n){e.selected=n===t}));e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var n=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(n.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return n};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.tabs=this.getTabs();this.tabs.forEach((function(e,n){e.id=t.getTabId(n);e.setAttribute("aria-labelledby",t.getButtonId(n));if(e.selected){t.selected=n}}));return[2]}))}))};t.prototype.render=function(){var t;var e=this;return n("div",{class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t["duet-tab-variation-".concat(this.variation)]=true,t["duet-tab-group-scrolls"]=this.scrolls,t["duet-tab-group-collapses"]=this.collapses,t),"aria-label":this.accessibleLabel},this.tabs.length>3&&this.collapses&&n("duet-select",{value:this.selected.toString(),expand:true,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:function(t){return e.openTab(Number(t.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e.toString()}}))}),n("div",{role:"tablist",class:{"duet-m-0":this.margin==="none","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3,"duet-tab-group-collapses":this.collapses}},this.renderTab()),n("div",{role:"tabpanel",tabindex:"0",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none"}},n("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());y.style=v}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,i,n){function a(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,r){function s(t){try{l(n.next(t))}catch(e){r(e)}}function o(t){try{l(n["throw"](t))}catch(e){r(e)}}function l(t){t.done?i(t.value):a(t.value).then(s,o)}l((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(t){return function(e){return l([t,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(i)try{if(n=1,a&&(r=s[0]&2?a["return"]:s[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,s[1])).done)return r;if(a=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;a=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){i.label=s[1];break}if(s[0]===6&&i.label<r[1]){i.label=r[1];r=s;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(s);break}if(r[2])i.ops.pop();i.trys.pop();continue}s=e.call(t,i)}catch(o){s=[6,o];a=0}finally{n=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-369257a1.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-34ea0849.system.js","./p-a63f753e.system.js","./p-f69b64c9.system.js","./p-b6d51921.system.js"],(function(t){"use strict";var e,i,n,a,r,s,o,l,u,c,p,d,h,g,b,f,m,v;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.F;r=t.H;s=t.g},function(t){o=t.i},function(t){l=t.c},function(t){u=t.d},function(t){c=t.j;p=t.k;d=t.d;h=t.b;g=t.a;b=t.c;f=t.l;m=t.m},function(t){v=t.g},function(){}],execute:function(){var y=function(t,e,i){if(t*2>e/i){return false}return true};var x="*,*::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:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}";var k=t("duet_pagination",function(){function t(t){var n=this;e(this,t);this.duetPageChange=i(this,"duetPageChange",3);this.listId=l("duet-pagination-list");this.numbersStore="";this.totalPages=10;this.internalSectionIndex=0;this.theme="";this.jumpString="...";this.variation="default";this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number, or enter a page number when this element is in focus to jump to a page",pagination_label:"Pagination, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen, tai kirjoittaa sivunumeron, jos tämä elementti on aktiivinen, siirtymään sivulle",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida, eller skriva in sida när elementet är i fokus för att hoppa till en sida",pagination_label:"Sidutning, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}};this.accessibleLabels=v(this.accessibleLabelsDefaults);this.take=5;this.visibleItems=5;this.total=1e3;this.ariaControls="";this.current=1;this.actionChain=function(t,e){return __awaiter(n,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:if(!(t===0))return[3,1];this.current=1;return[3,3];case 1:if(!(e!==t))return[3,3];i=Math.ceil(t/this.visibleItems)-1;if(!(i!==this.internalSectionIndex))return[3,3];this.internalSectionIndex=i;return[4,this.setFocus()];case 2:n.sent();n.label=3;case 3:return[2,true]}}))}))};this.emitPageEvent=u((function(t,e){var i=Number(e||n.current);n.duetPageChange.emit({component:"duet-pagination",from:i*n.take,to:i*n.take+n.take,current:i,take:n.take,type:"page",originalEvent:t})}),100);this.getEnteredNumber=u((function(t){n.emitPageEvent(t,n.numbersStore);n.current=Number(n.numbersStore);n.numbersStore="";n.duetPageChange.emit({component:"duet-pagination",from:n.current*n.take,to:n.current*n.take+n.take,current:n.current,take:n.take,type:"jump",originalEvent:t})}),500)}t.prototype.watchPropTotalHandler=function(){this.calculatePageTake();return true};t.prototype.watchStateHandler=function(t,e){return this.actionChain(t,e)};t.prototype.componentWillLoad=function(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1;this.calculatePageTake();o(this)};t.prototype.componentWillRender=function(){if(this.internalSectionIndex!==0&&this.internalSectionIndex!==this.totalPages){this.calculatePageTake()}};t.prototype.componentDidRender=function(){this.setFocus()};t.prototype.calculatePageTake=function(){this.totalPages=Math.ceil(this.total/this.take)};t.prototype.onMouseHandler=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){t.preventDefault();t.stopPropagation();this.current=this.current+e;this.emitPageEvent(t);return[2]}))}))};t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.current;if(d(t)||h(t)){e--}if(g(t)||b(t)){e++}if(c(t)){if(e<=this.totalPages){this.current=e;this.emitPageEvent(t)}}if(p(t)&&this.shouldDisplayNavigation()){this.numbersStore=this.numbersStore+t.key;if(Number(this.numbersStore)>this.totalPages){this.numbersStore=this.totalPages+""}this.getEnteredNumber(t)}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=this.nativeNav.querySelector("li.duet-pagination-item-is-active duet-button");e=t;if(!e)return[3,2];return[4,t.setFocus()];case 1:e=i.sent();i.label=2;case 2:e;return[2]}}))}))};t.prototype.pageClickHandler=function(t){t.preventDefault();var e=Number(t.target.getAttribute("data-id"));this.current=e;this.emitPageEvent({},e)};t.prototype.sectionClickHandler=function(t,e){t.preventDefault();var i=this.internalSectionIndex+e;var n=this.take*this.visibleItems;if(i*n>this.total){i=this.internalSectionIndex}var a=i;this.internalSectionIndex=a>=0?a:0};t.prototype.jumpToStart=function(t){t.preventDefault();this.internalSectionIndex=0;this.current=1;this.emitPageEvent(t)};t.prototype.jumpToEnd=function(t){t.preventDefault();this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1);this.current=this.totalPages;this.emitPageEvent(t)};t.prototype.renderPageNumbers=function(){var t=this;var e=[];var i=this.internalSectionIndex*this.visibleItems;do{i++;if(i>this.totalPages){break}e.push(n("li",{class:{"duet-pagination-item":true,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},n("duet-button",{class:{"duet-pagination-link":true},color:i!==this.current?"secondary":"primary","data-id":i,"center-text":true,variation:"plain",margin:"none",accessibleLabel:"".concat(this.accessibleLabels.go_to," ").concat(i),onClick:function(e){return t.pageClickHandler(e)}},n("div",{class:"duet-pagination-page-number","aria-hidden":true},i))))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return e};t.prototype.shouldDisplayNavigation=function(){if(this.variation!=="compact"){return y(this.visibleItems,this.total,this.take)}return false};t.prototype.render=function(){var t;var e=this;return n(r,{onKeyDown:function(t){return e.onKeyboardDown(t)}},n("nav",{role:"navigation","aria-labelledby":this.accessibleLabelledBy?"".concat(this.accessibleLabelledBy," ").concat(this.listId):this.listId,"aria-describedby":this.accessibleDescribedBy?"".concat(this.accessibleDescribedBy," ").concat(this.listId):this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:function(t){return e.nativeNav=t},"aria-controls":this.ariaControls,class:(t={"duet-pagination-nav":true},t["duet-pagination-variation-".concat(this.variation)]=true,t)},this.numbersStore!==""&&n("div",{"aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":"".concat(this.accessibleLabels.jump_to," ").concat(this.numbersStore),part:"navigation-overlay"},n("duet-badge",null,"jump to page : ",this.numbersStore)),n("ol",{id:this.listId,class:{"duet-pagination":true,"duet-pagination-is-dimmed":this.numbersStore!==""},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},n("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-first":true},role:"menuitem",part:"navigation-arrow"},n("duet-action-button",{disabled:this.internalSectionIndex===0&&this.current<=1,"data-direction":"back",onClick:function(t){return e.onMouseHandler(t,-1)},"aria-label":this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small"})),this.internalSectionIndex!==0&&this.shouldDisplayNavigation()&&n(a,null,n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"secondary",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:function(t){return e.jumpToStart(t)}},n("div",{class:"duet-pagination-page-number"},"1"))),n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}","".concat(this.visibleItems)),onClick:function(t){return e.sectionClickHandler(t,-1)}},n("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"...")))),this.renderPageNumbers(),this.internalSectionIndex*(this.visibleItems+2)<this.totalPages&&this.shouldDisplayNavigation()&&n(a,null,n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}","".concat(this.visibleItems)),onClick:function(t){return e.sectionClickHandler(t,1)}},n("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"..."))),n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:function(t){return e.jumpToEnd(t)}},n("div",{class:"duet-pagination-page-number"},this.totalPages)))),n("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-last":true},role:"menuitem",part:"navigation-arrow"},n("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,class:"duet-date-dialog-next","aria-label":this.accessibleLabels.next_page,onClick:function(t){return e.onMouseHandler(t,1)},"icon-name":"action-arrow-right-small"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"]}},enumerable:false,configurable:true});return t}());k.style=x;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;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:#00294d}.duet-range-stepper ::part(button){border:0}";var _=t("duet_range_stepper",function(){function t(t){var n=this;e(this,t);this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7);this.leftBn=l("duetRangeStepper-left");this.rightBn=l("duetRangeStepper-right");this.theme="";this.stepIndex=1;this.stepSize=50;this.total=1e3;this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}};this.ariaLabels=v(this.ariaLabelsDefaults);this.ariaControls="";this.handleClick=function(t,e){t.preventDefault();n.increment(e);n.handleStepClick(t)}}t.prototype.watchStepIndexStateHandler=function(t){if(t<=1){this.leftBnRef.setAttribute("disabled","");this.rightBnRef.focus()}else{this.leftBnRef.removeAttribute("disabled")}if(t>=this.total/this.stepSize){this.rightBnRef.setAttribute("disabled","");this.leftBnRef.focus()}else{this.rightBnRef.removeAttribute("disabled")}};t.prototype.watchStepSizeStateHandler=function(t,e){if(t!==e){if(this.stepIndex*t>this.total){this.stepIndex=this.total/t}}};t.prototype.handleStepClick=function(t){var e=this.stepIndex*this.stepSize-this.stepSize;this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:e,to:this.getTo(),index:this.stepIndex})};t.prototype.componentWillLoad=function(){o(this)};t.prototype.componentDidLoad=function(){this.watchStepIndexStateHandler(this.stepIndex)};t.prototype.increment=function(t){var e=this.stepIndex+t;if(e<=0){this.stepIndex=1}else{if(e*this.stepSize<this.total+this.stepSize){this.stepIndex=e}else if(e*this.stepSize>this.total+this.stepSize){this.stepIndex=Math.floor(this.total/this.stepSize)}}};t.prototype.getTo=function(){var t=this.stepIndex*this.stepSize;var e=t>this.total?this.total:t;return e};t.prototype.generateStepSize=function(){var t=Math.floor((this.stepIndex-1)*this.stepSize);if(t===0){t=1}var e=Math.floor(this.stepIndex*this.stepSize);return this.ariaLabels.x_of_y.replace("{0}",String(t)).replace("{1}",String(e)).replace("{2}",String(this.total))};t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.stepIndex;i=1;if(d(t)||h(t)||f(t)){e--;i=-1;this.leftBnRef.focus()}if(g(t)||b(t)||m(t)){e++;i=1}if(c(t)){if(e>0&&e*this.stepSize<=this.total){this.handleClick(t,i)}}return[2]}))}))};t.prototype.render=function(){var t=this;return n("div",{class:{"duet-range-stepper":true,"duet-theme-turva":this.theme==="turva"},onKeyDown:function(e){return t.onKeyboardDown(e)},"aria-controls":this.ariaControls},n("span",{class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),n("duet-action-button",{class:"duet-range-step-button duet-range-step-minus",onClick:function(e){return t.handleClick(e,-1)},id:this.leftBn,"aria-label":this.ariaLabels.previous_increment,ref:function(e){return t.leftBnRef=e},part:"navigation-arrow",iconName:"action-arrow-left-small"}),n("duet-action-button",{class:"duet-range-step-button duet-range-step-plus",onClick:function(e){return t.handleClick(e,1)},"aria-label":this.ariaLabels.next_increment,id:this.rightBn,ref:function(e){return t.rightBnRef=e},part:"navigation-arrow",iconName:"action-arrow-right-small"}))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}},enumerable:false,configurable:true});return t}());_.style=S}}}));
|
|
4
|
+
*/System.register(["./p-f5a06ff6.system.js","./p-33b3aba4.system.js","./p-5f6bd5db.system.js","./p-34ea0849.system.js","./p-a63f753e.system.js","./p-f69b64c9.system.js","./p-b6d51921.system.js"],(function(t){"use strict";var e,i,n,a,r,s,o,l,u,c,p,d,h,g,b,f,m,v;return{setters:[function(t){e=t.r;i=t.c;n=t.h;a=t.F;r=t.H;s=t.g},function(t){o=t.i},function(t){l=t.c},function(t){u=t.d},function(t){c=t.j;p=t.k;d=t.d;h=t.b;g=t.a;b=t.c;f=t.l;m=t.m},function(t){v=t.g},function(){}],execute:function(){var y=function(t,e,i){if(t*2>e/i){return false}return true};var x="*,*::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:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}";var k=t("duet_pagination",function(){function t(t){var n=this;e(this,t);this.duetPageChange=i(this,"duetPageChange",3);this.listId=l("duet-pagination-list");this.numbersStore="";this.totalPages=10;this.internalSectionIndex=0;this.theme="";this.jumpString="...";this.variation="default";this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number, or enter a page number when this element is in focus to jump to a page",pagination_label:"Pagination, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen, tai kirjoittaa sivunumeron, jos tämä elementti on aktiivinen, siirtymään sivulle",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida, eller skriva in sida när elementet är i fokus för att hoppa till en sida",pagination_label:"Sidutning, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}};this.accessibleLabels=v(this.accessibleLabelsDefaults);this.take=5;this.visibleItems=5;this.total=1e3;this.ariaControls="";this.current=1;this.actionChain=function(t,e){return __awaiter(n,void 0,void 0,(function(){var i;return __generator(this,(function(n){switch(n.label){case 0:if(!(t===0))return[3,1];this.current=1;return[3,3];case 1:if(!(e!==t))return[3,3];i=Math.ceil(t/this.visibleItems)-1;if(!(i!==this.internalSectionIndex))return[3,3];this.internalSectionIndex=i;return[4,this.setFocus()];case 2:n.sent();n.label=3;case 3:return[2,true]}}))}))};this.emitPageEvent=u((function(t,e){var i=Number(e||n.current);n.duetPageChange.emit({component:"duet-pagination",from:i*n.take,to:i*n.take+n.take,current:i,take:n.take,type:"page",originalEvent:t})}),100);this.getEnteredNumber=u((function(t){n.emitPageEvent(t,n.numbersStore);n.current=Number(n.numbersStore);n.numbersStore="";n.duetPageChange.emit({component:"duet-pagination",from:n.current*n.take,to:n.current*n.take+n.take,current:n.current,take:n.take,type:"jump",originalEvent:t})}),500)}t.prototype.watchPropTotalHandler=function(){this.calculatePageTake();return true};t.prototype.watchStateHandler=function(t,e){return this.actionChain(t,e)};t.prototype.componentWillLoad=function(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1;this.calculatePageTake();o(this)};t.prototype.componentWillRender=function(){if(this.internalSectionIndex!==0&&this.internalSectionIndex!==this.totalPages){this.calculatePageTake()}};t.prototype.componentDidRender=function(){this.setFocus()};t.prototype.calculatePageTake=function(){this.totalPages=Math.ceil(this.total/this.take)};t.prototype.onMouseHandler=function(t,e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){t.preventDefault();t.stopPropagation();this.current=this.current+e;this.emitPageEvent(t);return[2]}))}))};t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(i){e=this.current;if(d(t)||h(t)){e--}if(g(t)||b(t)){e++}if(c(t)){if(e<=this.totalPages){this.current=e;this.emitPageEvent(t)}}if(p(t)&&this.shouldDisplayNavigation()){this.numbersStore=this.numbersStore+t.key;if(Number(this.numbersStore)>this.totalPages){this.numbersStore=this.totalPages+""}this.getEnteredNumber(t)}return[2]}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(i){switch(i.label){case 0:t=this.nativeNav.querySelector("li.duet-pagination-item-is-active duet-button");e=t;if(!e)return[3,2];return[4,t.setFocus()];case 1:e=i.sent();i.label=2;case 2:e;return[2]}}))}))};t.prototype.pageClickHandler=function(t){t.preventDefault();var e=Number(t.target.getAttribute("data-id"));this.current=e;this.emitPageEvent({},e)};t.prototype.sectionClickHandler=function(t,e){t.preventDefault();var i=this.internalSectionIndex+e;var n=this.take*this.visibleItems;if(i*n>this.total){i=this.internalSectionIndex}var a=i;this.internalSectionIndex=a>=0?a:0};t.prototype.jumpToStart=function(t){t.preventDefault();this.internalSectionIndex=0;this.current=1;this.emitPageEvent(t)};t.prototype.jumpToEnd=function(t){t.preventDefault();this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1);this.current=this.totalPages;this.emitPageEvent(t)};t.prototype.renderPageNumbers=function(){var t=this;var e=[];var i=this.internalSectionIndex*this.visibleItems;do{i++;if(i>this.totalPages){break}e.push(n("li",{class:{"duet-pagination-item":true,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},n("duet-button",{class:{"duet-pagination-link":true},color:i!==this.current?"secondary":"primary","data-id":i,"center-text":true,variation:"plain",margin:"none",accessibleLabel:"".concat(this.accessibleLabels.go_to," ").concat(i),onClick:function(e){return t.pageClickHandler(e)}},n("div",{class:"duet-pagination-page-number","aria-hidden":true},i))))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return e};t.prototype.shouldDisplayNavigation=function(){if(this.variation!=="compact"){return y(this.visibleItems,this.total,this.take)}return false};t.prototype.render=function(){var t;var e=this;return n(r,{onKeyDown:function(t){return e.onKeyboardDown(t)}},n("nav",{role:"navigation","aria-labelledby":this.accessibleLabelledBy?"".concat(this.accessibleLabelledBy," ").concat(this.listId):this.listId,"aria-describedby":this.accessibleDescribedBy?"".concat(this.accessibleDescribedBy," ").concat(this.listId):this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:function(t){return e.nativeNav=t},"aria-controls":this.ariaControls,class:(t={"duet-pagination-nav":true},t["duet-pagination-variation-".concat(this.variation)]=true,t)},this.numbersStore!==""&&n("div",{"aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":"".concat(this.accessibleLabels.jump_to," ").concat(this.numbersStore),part:"navigation-overlay"},n("duet-badge",null,"jump to page : ",this.numbersStore)),n("ol",{id:this.listId,class:{"duet-pagination":true,"duet-pagination-is-dimmed":this.numbersStore!==""},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},n("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-first":true},role:"menuitem",part:"navigation-arrow"},n("duet-action-button",{disabled:this.internalSectionIndex===0&&this.current<=1,"data-direction":"back",onClick:function(t){return e.onMouseHandler(t,-1)},"aria-label":this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small"})),this.internalSectionIndex!==0&&this.shouldDisplayNavigation()&&n(a,null,n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"secondary",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:function(t){return e.jumpToStart(t)}},n("div",{class:"duet-pagination-page-number"},"1"))),n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}","".concat(this.visibleItems)),onClick:function(t){return e.sectionClickHandler(t,-1)}},n("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"...")))),this.renderPageNumbers(),this.internalSectionIndex*(this.visibleItems+2)<this.totalPages&&this.shouldDisplayNavigation()&&n(a,null,n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}","".concat(this.visibleItems)),onClick:function(t){return e.sectionClickHandler(t,1)}},n("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"..."))),n("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},n("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"secondary",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:function(t){return e.jumpToEnd(t)}},n("div",{class:"duet-pagination-page-number"},this.totalPages)))),n("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-last":true},role:"menuitem",part:"navigation-arrow"},n("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,class:"duet-date-dialog-next","aria-label":this.accessibleLabels.next_page,onClick:function(t){return e.onMouseHandler(t,1)},"icon-name":"action-arrow-right-small"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"]}},enumerable:false,configurable:true});return t}());k.style=x;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;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:#00294d}.duet-range-stepper ::part(button){border:0}";var _=t("duet_range_stepper",function(){function t(t){var n=this;e(this,t);this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7);this.leftBn=l("duetRangeStepper-left");this.rightBn=l("duetRangeStepper-right");this.theme="";this.stepIndex=1;this.stepSize=50;this.total=1e3;this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}};this.ariaLabels=v(this.ariaLabelsDefaults);this.ariaControls="";this.handleClick=function(t,e){t.preventDefault();n.increment(e);n.handleStepClick(t)}}t.prototype.watchStepIndexStateHandler=function(t){if(t<=1){this.leftBnRef.setAttribute("disabled","");this.rightBnRef.focus()}else{this.leftBnRef.removeAttribute("disabled")}if(t>=this.total/this.stepSize){this.rightBnRef.setAttribute("disabled","");this.leftBnRef.focus()}else{this.rightBnRef.removeAttribute("disabled")}};t.prototype.watchStepSizeStateHandler=function(t,e){if(t!==e){if(this.stepIndex*t>this.total){this.stepIndex=this.total/t}}};t.prototype.handleStepClick=function(t){var e=this.stepIndex*this.stepSize-this.stepSize;this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:e,to:this.getTo(),index:this.stepIndex})};t.prototype.componentWillLoad=function(){o(this)};t.prototype.componentDidLoad=function(){this.watchStepIndexStateHandler(this.stepIndex)};t.prototype.increment=function(t){var e=this.stepIndex+t;if(e<=0){this.stepIndex=1}else{if(e*this.stepSize<this.total+this.stepSize){this.stepIndex=e}else if(e*this.stepSize>this.total+this.stepSize){this.stepIndex=Math.floor(this.total/this.stepSize)}}};t.prototype.getTo=function(){var t=this.stepIndex*this.stepSize;var e=t>this.total?this.total:t;return e};t.prototype.generateStepSize=function(){var t=Math.floor((this.stepIndex-1)*this.stepSize);if(t===0){t=1}var e=Math.floor(this.stepIndex*this.stepSize);return this.ariaLabels.x_of_y.replace("{0}",String(t)).replace("{1}",String(e)).replace("{2}",String(this.total))};t.prototype.onKeyboardDown=function(t){return __awaiter(this,void 0,void 0,(function(){var e,i;return __generator(this,(function(n){e=this.stepIndex;i=1;if(d(t)||h(t)||f(t)){e--;i=-1;this.leftBnRef.focus()}if(g(t)||b(t)||m(t)){e++;i=1}if(c(t)){if(e>0&&e*this.stepSize<=this.total){this.handleClick(t,i)}}return[2]}))}))};t.prototype.render=function(){var t=this;return n("div",{class:{"duet-range-stepper":true,"duet-theme-turva":this.theme==="turva"},onKeyDown:function(e){return t.onKeyboardDown(e)},"aria-controls":this.ariaControls},n("span",{class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),n("duet-action-button",{class:"duet-range-step-button duet-range-step-minus",onClick:function(e){return t.handleClick(e,-1)},id:this.leftBn,"aria-label":this.ariaLabels.previous_increment,ref:function(e){return t.leftBnRef=e},part:"navigation-arrow",iconName:"action-arrow-left-small"}),n("duet-action-button",{class:"duet-range-step-button duet-range-step-plus",onClick:function(e){return t.handleClick(e,1)},"aria-label":this.ariaLabels.next_increment,id:this.rightBn,ref:function(e){return t.rightBnRef=e},part:"navigation-arrow",iconName:"action-arrow-right-small"}))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}},enumerable:false,configurable:true});return t}());_.style=S}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as a,H as n}from"./p-
|
|
4
|
+
import{r as e,h as a,H as n}from"./p-d644302f.js";import{i as r}from"./p-4ebf1618.js";const t=class{constructor(a){e(this,a),this.theme="",this.icon="messaging-question",this.size="medium"}componentWillLoad(){r(this)}render(){return a(n,null,a("div",{class:{"duet-empty-state":!0,"duet-theme-turva":"turva"===this.theme,"duet-is-small":"small"===this.size}},a("duet-icon",{color:"currentColor",name:this.icon,size:"small"===this.size?"large":"x-large"}),a("div",null,a("slot",null))))}};t.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;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:#00294d;text-align:center;background:#f5f8fa;border-radius:4px}.duet-empty-state.duet-theme-turva{color:#171c3a;background:#f5f5f7}";export{t as duet_empty_state}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as t,h as e,g as i,H as a}from"./p-
|
|
4
|
+
import{r as t,h as e,g as i,H as a}from"./p-d644302f.js";import{i as d}from"./p-4ebf1618.js";import{w as o}from"./p-12721178.js";const s=class{constructor(e){t(this,e),this.theme="",this.margin="auto",this.padding="auto",this.mobile="left",this.breakpoint="small",this.variation="default",this.labelWidth="30"}componentWillLoad(){d(this)}async connectedCallback(){this.mutationO=o(this.element,"duet-list-item",(()=>{this.updateListItems()})),this.updateListItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}toggleClass(t,e,i){i?t.classList.add(e):t.classList.remove(e)}async updateListItems(){Array.from(this.element.querySelectorAll("duet-list-item")).forEach((t=>{t.classList.add(`duet-list-width-${this.labelWidth}`),t.classList.add(`duet-list-variation-${this.variation}`),this.toggleClass(t,"duet-p-0","none"===this.padding),this.toggleClass(t,"duet-list-mobile-center","center"===this.mobile),this.toggleClass(t,"duet-list-breakpoint-large","large"===this.breakpoint),this.toggleClass(t,"duet-list-striped","striped"===this.variation),this.toggleClass(t,"duet-theme-turva","turva"===this.theme)}))}render(){return e("dl",{class:{"duet-list-component":!0,"duet-m-0":"none"===this.margin}},e("slot",null))}get element(){return i(this)}static get watchers(){return{theme:["updateListItems"],padding:["updateListItems"],mobile:["updateListItems"],breakpoint:["updateListItems"],variation:["updateListItems"],labelWidth:["updateListItems"]}}};s.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;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}";const n=class{constructor(e){t(this,e)}render(){return e(a,null,e("dt",null,e("slot",{name:"label"})),e("dd",null,e("slot",{name:"value"})))}};n.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: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}}';export{s as duet_list,n as duet_list_item}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
System.register(["./p-
|
|
4
|
+
System.register(["./p-f5a06ff6.system.js","./p-33b3aba4.system.js"],(function(e){"use strict";var t,i,a,h,r;return{setters:[function(e){t=e.r;i=e.h;a=e.g;h=e.H},function(e){r=e.i}],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-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:#e1e3e6}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:#e4e4e6}";var n=e("duet_divider",function(){function e(e){t(this,e);this.theme="";this.margin="auto"}e.prototype.componentWillLoad=function(){r(this)};e.prototype.render=function(){return i("div",{class:{"duet-m-0":this.margin==="none","duet-m-s":this.margin==="small","duet-divider":true,"duet-theme-turva":this.theme==="turva"}})};Object.defineProperty(e.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());n.style=d;var s=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";var p=e("duet_spacer",function(){function e(e){t(this,e);this.size="medium";this.direction="vertical";this.breakpoint=""}e.prototype.render=function(){var e;return i(h,{class:(e={"duet-spacer":true,"duet-spacer-xx-small":this.breakpoint==="xx-small","duet-spacer-x-small":this.breakpoint==="x-small","duet-spacer-small":this.breakpoint==="small","duet-spacer-medium":this.breakpoint==="medium","duet-spacer-large":this.breakpoint==="large","duet-spacer-x-large":this.breakpoint==="x-large","duet-spacer-xx-large":this.breakpoint==="xx-large"},e[this.size]=true,e["duet-spacer-".concat(this.direction)]=true,e)})};return e}());p.style=s}}}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as
|
|
4
|
+
import{r as t,c as e,h as i,H as a}from"./p-d644302f.js";import{i as s}from"./p-4ebf1618.js";import{c as o}from"./p-c1325e35.js";import{g as r}from"./p-ede854e1.js";import"./p-5a9d75e1.js";const n=class{constructor(i){t(this,i),this.duetDismiss=e(this,"duetDismiss",7),this.descriptiveId=o("DuetAlert"),this.theme="",this.isDismissed=!1,this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"},this.accessibleLabel=r(this.accessibleLabelDefaults),this.announcements=!0,this.icon="",this.margin="auto",this.padding="auto",this.variation="default",this.dismissible=!1,this.handleDismiss=t=>{this.isDismissed=!0,this.duetDismiss.emit({component:"duet-alert",originalEvent:t})}}componentWillLoad(){s(this)}componentDidLoad(){this.autoDismiss&&(this.timeoutID=setTimeout((()=>this.handleDismiss()),this.autoDismiss))}disconnectedCallback(){this.timeoutID&&clearTimeout(this.timeoutID)}render(){const t="turva"===this.theme?"secondary-turva":"secondary";return i(a,{class:{"duet-theme-turva":"turva"===this.theme,"duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"danger"===this.variation||"warning"===this.variation?"alert":"status":void 0},i("div",{class:{"duet-alert":!0,"duet-alert-has-icon":!!this.icon,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":"none"===this.padding,"duet-m-0":"none"===this.margin,[this.variation]:!0,"duet-theme-turva":"turva"===this.theme}},i("div",{class:"duet-alert-container"},this.icon&&i("div",{class:"duet-alert-icon"},i("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),i("span",{id:this.descriptiveId},i("slot",null))),this.dismissible&&i("div",{class:"duet-alert-dismiss"},i("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:t,iconSize:"medium",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:!0}))))}};n.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;width:100%;max-height:999px;border-radius:4px;transition:opacity 300ms ease, visibility 300ms ease, transform 300ms ease, max-height 300ms ease}:host(:focus){outline:0}:host(.user-is-tabbing:focus){border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing.duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}:host(.duet-alert-is-dismissed){max-height:0;visibility:hidden;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert{margin-bottom:16px !important;position:relative;width:100%;padding:16px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25;color:#00294d;background:#f2f8fb;border:1px solid #0077b3;border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert.duet-p-0{padding:0 !important}.duet-alert.duet-m-0{margin:0 !important}.duet-alert.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#171c3a;background:#f3f4f5;border-color:#171c3a}.duet-alert.warning{background:#fffbf4;border-color:#f7b228}.duet-alert.warning.duet-theme-turva{background:#fffaf3;border-color:#faa40f}.duet-alert.danger{background:#fdf4f7;border-color:#de2362}.duet-alert.danger.duet-theme-turva{background:#fdf4f3;border-color:#e02a0d}.duet-alert.success{background:#f2f9f7;border-color:#00875a}.duet-alert.success.duet-theme-turva{background:#f3f9f6;border-color:#08874e}.duet-alert-dismiss{position:absolute;top:2px;right:2px}.duet-alert-container{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:0 auto !important}.duet-alert-container span{width:100%}.duet-alert-has-icon .duet-alert-container{margin-top:2px !important}.duet-alert-icon{display:inline-block;align-self:center;width:20px;min-width:20px;height:20px;margin:0 16px 0 0 !important}.duet-alert-icon duet-icon{width:20px;height:20px}.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-is-dismissible .duet-alert-container{text-align:left}';export{n as duet_alert}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Built with Duet Design System
|
|
3
3
|
*/
|
|
4
|
-
import{r as e,h as t,g as i}from"./p-8b5df7ef.js";import{i as o}from"./p-4ebf1618.js";import{a,g as r}from"./p-ede854e1.js";import{a as n}from"./p-115c79b6.js";import"./p-5a9d75e1.js";const d=class{constructor(t){e(this,t),this.language=a(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=r(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}async setFocus(e){this.linkElement.focus(e)}render(){return t("div",{role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},t("a",{ref:e=>this.linkElement=e,href:this.url,target:this.external?"_blank":"_self"},t("div",{class:"duet-notification-container"},t("div",{class:"duet-notification-badge-container"},this.highlight&&t("div",{class:"duet-notification-badge"},t("duet-visually-hidden",null,this.accessibleLabelUnread,":"))),t("div",{class:"duet-notification-content"},t("slot",null)),t("div",{class:"duet-notification-date"},this.date))))}get element(){return i(this)}};d.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;width:100%}.duet-notification{display:block;padding:16px;color:#00294d;cursor:pointer;border-bottom:1px solid #e1e3e6;transition:300ms ease}:host(:last-of-type) .duet-notification{border-bottom:0}.duet-notification.duet-theme-turva{color:#171c3a;border-bottom-color:#e4e4e6}.duet-notification.duet-notification-highlight{font-weight:600;background:#f3f9fc}.duet-notification.duet-notification-highlight.duet-theme-turva{background:#fcf3f4}@media (min-width: 62em){.duet-notification:hover{background:#f3f9fc}.duet-notification:hover.duet-theme-turva{background:#fcf3f4}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex}.duet-notification-badge-container{position:relative;width:16px}.duet-notification-badge{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:#0077b3;border-radius:50%}.duet-theme-turva .duet-notification-badge{background:#c60c30}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:#657787;text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:#444445}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}";const s=class{constructor(t){e(this,t),this.isOpen=!1,this.icon="",this.label="Label",this.language=a(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=r(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=e=>{this.isOpen&&27===e.keyCode&&this.close()},this.toggleMenu=e=>{e.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0})}disconnectedCallback(){this.observer.disconnect(),this.observer=null}handleClickFocusOutside(e){this.isOpen&&!this.element.contains(e.target)&&this.close(!1)}async setFocus(e){this.drawerButtonEl.focus(e)}async open(){const e=this.element.closest("duet-header");e&&e.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(e=!0){this.isOpen=!1,e&&this.setFocus({preventScroll:!0})}render(){return t("div",{class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},t("button",{ref:e=>this.drawerButtonEl=e,type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&t("div",{class:"duet-drawer-icon"},t("duet-icon",{margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&t("div",{class:"duet-drawer-badge"})),t("span",{class:"duet-drawer-label"},this.label),t("div",{class:"duet-drawer-caret"},t("duet-icon",{margin:"none",size:"auto",icon:n.svg,color:"currentColor"}))),t("div",{id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:e=>this.drawerContentEl=e},this.hasNotifications?t("div",{role:"list"},t("slot",null)):t("duet-empty-state",{size:"small"},t("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};s.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;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 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:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:#00294d;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:white;border-bottom:1px solid #e1e3e6;border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{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-color:white;border-color:#e4e4e6}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle: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-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:#004d80}.duet-theme-turva .duet-drawer-toggle:hover{color:#444445}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:#c60c30}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:#004d80;border-bottom:1px solid #f5f8fa;border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:#444445;border-color:#f5f5f7}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-badge{position:absolute;top:0;right:0;display:inline-block;width:6px;height:6px;background:#f7b228;border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-drawer-badge{background:#faa40f}.duet-drawer-content{display:none;background-color:white;border-bottom:1px solid #e1e3e6}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:white;border-color:#e1e3e6}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:white;border:1px solid #e1e3e6;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;scrollbar-width:none}.duet-drawer-content::-webkit-scrollbar{display:none}.duet-theme-turva .duet-drawer-content{background-color:white}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}';export{d as duet_notification,s as duet_notification_drawer}
|
|
4
|
+
import{r as e,h as t,g as i}from"./p-d644302f.js";import{i as o}from"./p-4ebf1618.js";import{a,g as r}from"./p-ede854e1.js";import{a as n}from"./p-115c79b6.js";import"./p-5a9d75e1.js";const d=class{constructor(t){e(this,t),this.language=a(),this.accessibleLabelUnreadDefaults={en:"Unread",fi:"Lukematon",sv:"Oläst"},this.accessibleLabelUnread=r(this.accessibleLabelUnreadDefaults,this.language),this.url="#",this.date="",this.highlight=!1,this.external=!1,this.theme=""}componentWillLoad(){o(this)}async setFocus(e){this.linkElement.focus(e)}render(){return t("div",{role:"listitem",class:{"duet-notification":!0,"duet-notification-highlight":this.highlight,"duet-theme-turva":"turva"===this.theme}},t("a",{ref:e=>this.linkElement=e,href:this.url,target:this.external?"_blank":"_self"},t("div",{class:"duet-notification-container"},t("div",{class:"duet-notification-badge-container"},this.highlight&&t("div",{class:"duet-notification-badge"},t("duet-visually-hidden",null,this.accessibleLabelUnread,":"))),t("div",{class:"duet-notification-content"},t("slot",null)),t("div",{class:"duet-notification-date"},this.date))))}get element(){return i(this)}};d.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;width:100%}.duet-notification{display:block;padding:16px;color:#00294d;cursor:pointer;border-bottom:1px solid #e1e3e6;transition:300ms ease}:host(:last-of-type) .duet-notification{border-bottom:0}.duet-notification.duet-theme-turva{color:#171c3a;border-bottom-color:#e4e4e6}.duet-notification.duet-notification-highlight{font-weight:600;background:#f3f9fc}.duet-notification.duet-notification-highlight.duet-theme-turva{background:#fcf3f4}@media (min-width: 62em){.duet-notification:hover{background:#f3f9fc}.duet-notification:hover.duet-theme-turva{background:#fcf3f4}}.duet-notification a{text-decoration:none}.duet-notification a:focus{outline:0}:host(.user-is-tabbing) .duet-notification:focus-within{z-index:1;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-notification:focus-within.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-notification-container{position:relative;display:flex}.duet-notification-badge-container{position:relative;width:16px}.duet-notification-badge{position:absolute;top:6px;left:-2px;width:8px;height:8px;background:#0077b3;border-radius:50%}.duet-theme-turva .duet-notification-badge{background:#c60c30}.duet-notification-content{flex:1}.duet-notification-date{position:absolute;top:2px;right:0;width:96px;font-size:0.75rem;font-weight:600;line-height:1.25;color:#657787;text-align:right;text-transform:uppercase}@media (max-width: 35.9375em){.duet-notification-date{width:auto}}.duet-theme-turva .duet-notification-date{color:#444445}::slotted(duet-heading){padding-right:80px !important}::slotted(duet-paragraph){margin-bottom:2px !important}";const s=class{constructor(t){e(this,t),this.isOpen=!1,this.icon="",this.label="Label",this.language=a(),this.accessibleLabelNotificationsDefaults={en:"No notifications",fi:"Ei ilmoituksia",sv:"Inga notifikationer"},this.accessibleLabelNotifications=r(this.accessibleLabelNotificationsDefaults),this.badge=!1,this.theme="",this.direction="left",this.handleKeyDown=e=>{this.isOpen&&27===e.keyCode&&this.close()},this.toggleMenu=e=>{e.stopPropagation(),this.isOpen?this.close():this.open()},this.updateNotificationState=()=>{this.hasNotifications=this.element.children.length>0}}componentWillLoad(){o(this),this.updateNotificationState()}connectedCallback(){this.observer=new MutationObserver(this.updateNotificationState),this.observer.observe(this.element,{childList:!0})}disconnectedCallback(){this.observer.disconnect(),this.observer=null}handleClickFocusOutside(e){this.isOpen&&!this.element.contains(e.target)&&this.close(!1)}async setFocus(e){this.drawerButtonEl.focus(e)}async open(){const e=this.element.closest("duet-header");e&&e.closeMenus(),this.isOpen=!0,this.drawerContentEl.scrollTop=0}async close(e=!0){this.isOpen=!1,e&&this.setFocus({preventScroll:!0})}render(){return t("div",{class:{"duet-drawer":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:this.handleKeyDown},t("button",{ref:e=>this.drawerButtonEl=e,type:"button",class:"duet-drawer-toggle",id:"duet-drawer-toggle","aria-controls":"duet-drawer-content","aria-expanded":this.isOpen?"true":"false",onClick:this.toggleMenu},this.icon&&t("div",{class:"duet-drawer-icon"},t("duet-icon",{margin:"none",size:"x-small",name:this.icon,color:"currentColor"}),this.badge&&t("div",{class:"duet-drawer-badge"})),t("span",{class:"duet-drawer-label"},this.label),t("div",{class:"duet-drawer-caret"},t("duet-icon",{margin:"none",size:"auto",icon:n.svg,color:"currentColor"}))),t("div",{id:"duet-drawer-content",class:{"duet-drawer-content":!0,"duet-drawer-right":"right"===this.direction,"duet-drawer-left":"left"===this.direction,"duet-drawer-open":this.isOpen},ref:e=>this.drawerContentEl=e},this.hasNotifications?t("div",{role:"list"},t("slot",null)):t("duet-empty-state",{size:"small"},t("duet-paragraph",{size:"small",margin:"none"},this.accessibleLabelNotifications))))}get element(){return i(this)}};s.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;width:100%}.duet-drawer{position:relative}@media (min-width: 62em){.duet-drawer{display:inline-block}}.duet-drawer-toggle{position:relative;display:flex;align-items:center;width:100%;height:48px;padding:0 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:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:48px;color:#00294d;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:white;border-bottom:1px solid #e1e3e6;border-radius:0;-webkit-appearance:none;appearance:none}@media (min-width: 62em){.duet-drawer-toggle{z-index:200;width:auto;max-width:200px;padding:0 30px 0 12px;overflow:hidden;font-size:0.875rem;line-height:4rem;border:0;border-radius:4px;transition:border 300ms ease}}.duet-theme-turva .duet-drawer-toggle{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-color:white;border-color:#e4e4e6}.duet-drawer-toggle:active{opacity:0.75}.duet-drawer-toggle:focus{outline:0}:host(.user-is-tabbing) .duet-drawer-toggle: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-drawer-toggle:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-drawer-toggle:hover{color:#004d80}.duet-theme-turva .duet-drawer-toggle:hover{color:#444445}.duet-drawer-toggle::after{display:none !important}@media (min-width: 62em){.duet-drawer-toggle::after{position:absolute;top:auto;bottom:0;left:0;display:block !important;width:100%;height:3px;content:"";background:#0077b3;transition:300ms ease;transform:translateY(3px)}.duet-theme-turva .duet-drawer-toggle::after{background:#c60c30}}.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{color:#004d80;border-bottom:1px solid #f5f8fa;border-radius:0}.duet-theme-turva .duet-drawer-toggle[aria-expanded=true],.duet-theme-turva .duet-drawer-toggle[aria-expanded=true]:hover{color:#444445;border-color:#f5f5f7}@media (min-width: 62em){.duet-drawer-toggle[aria-expanded=true],.duet-drawer-toggle[aria-expanded=true]:hover{border:0}.duet-drawer-toggle[aria-expanded=true]::after,.duet-drawer-toggle[aria-expanded=true]:hover::after{left:0;width:100%;transform:translateY(0)}}.duet-drawer-icon{position:relative;display:inline-flex;min-width:12px;margin-right:12px;font-size:0;line-height:normal;vertical-align:baseline}@media (min-width: 62em){.duet-drawer-icon{margin-right:8px}}.duet-drawer-label{line-height:1}.duet-drawer-caret{position:absolute;top:50%;right:20px;display:flex;width:10px;height:10px;margin-left:8px;line-height:normal;pointer-events:none;transition:300ms ease;transform:translateY(-50%);transform-origin:50% 50%}@media (min-width: 62em){.duet-drawer-caret{right:16px;width:7px;height:7px}}.duet-drawer-caret duet-icon{width:10px}.duet-drawer-toggle[aria-expanded=true] .duet-drawer-caret{transform:translateY(-50%) rotate(180deg)}.duet-drawer-badge{position:absolute;top:0;right:0;display:inline-block;width:6px;height:6px;background:#f7b228;border-radius:50%;box-shadow:0 0 0 1px #c18b1f}.duet-theme-turva .duet-drawer-badge{background:#faa40f}.duet-drawer-content{display:none;background-color:white;border-bottom:1px solid #e1e3e6}.duet-drawer-content:focus{outline:0}.duet-theme-turva .duet-drawer-content{background-color:white;border-color:#e1e3e6}@media (min-width: 62em){.duet-drawer-content{position:absolute;top:100%;z-index:600;display:block;width:450px;max-height:420px;padding-left:0;overflow-y:auto;visibility:hidden;background-color:white;border:1px solid #e1e3e6;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:300ms ease;transform:scale(0.95) translateZ(0) translateY(-10px);transform-origin:50% 0;scrollbar-width:none}.duet-drawer-content::-webkit-scrollbar{display:none}.duet-theme-turva .duet-drawer-content{background-color:white}.duet-drawer-content.duet-drawer-left{right:0}.duet-drawer-content.duet-drawer-right{left:0}}.duet-drawer-content.duet-drawer-open{display:block}@media (min-width: 62em){.duet-drawer-content.duet-drawer-open{visibility:visible;opacity:1;transform:scale(1) translateZ(0) translateY(0)}}';export{d as duet_notification,s as duet_notification_drawer}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
var __awaiter=this&&this.__awaiter||function(t,e,o,n){function i(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function u(t){try{d(n.next(t))}catch(e){r(e)}}function a(t){try{d(n["throw"](t))}catch(e){r(e)}}function d(t){t.done?o(t.value):i(t.value).then(u,a)}d((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,i,r,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(t){return function(e){return d([t,e])}}function d(u){if(n)throw new TypeError("Generator is already executing.");while(o)try{if(n=1,i&&(r=u[0]&2?i["return"]:u[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,u[1])).done)return r;if(i=0,r)u=[u[0]&2,r.value];switch(u[0]){case 0:case 1:r=u;break;case 4:o.label++;return{value:u[1],done:false};case 5:o.label++;i=u[1];u=[0];continue;case 7:u=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(u[0]===6||u[0]===2)){o=0;continue}if(u[0]===3&&(!r||u[1]>r[0]&&u[1]<r[3])){o.label=u[1];break}if(u[0]===6&&o.label<r[1]){o.label=r[1];r=u;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(u);break}if(r[2])o.ops.pop();o.trys.pop();continue}u=e.call(t,o)}catch(a){u=[6,a];i=0}finally{n=r=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};
|
|
2
2
|
/*!
|
|
3
3
|
* Built with Duet Design System
|
|
4
|
-
*/System.register(["./p-369257a1.system.js","./p-33b3aba4.system.js","./p-c7ae95bd.system.js","./p-f69b64c9.system.js","./p-6002f3d2.system.js","./p-b6d51921.system.js","./p-18cc5627.system.js"],(function(t){"use strict";var e,o,n,i,r,u,a,d,s,l;return{setters:[function(t){e=t.r;o=t.c;n=t.h;i=t.H;r=t.g},function(t){u=t.i},function(t){a=t.D},function(t){d=t.a;s=t.g},function(t){l=t.g},function(){},function(){}],execute:function(){var c='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;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:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active{opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary,.duet-button.input-button-primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !important;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;background:transparent !important;border-color:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;background:#e1e3e6 !important;border-color:#e1e3e6 !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#747475 !important;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}';var b=t("duet_button",function(){function t(t){var n=this;e(this,t);this.duetFocus=o(this,"duetFocus",7);this.duetBlur=o(this,"duetBlur",7);this.accessiblePopup="false";this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.loading=false;this.variation="default";this.negative=false;this.theme="";this.margin="auto";this.padding="auto";this.centerText=false;this.wrapping="auto";this.expand=false;this.fixed=false;this.disabled=false;this.submit=false;this.external=false;this.language=d();this.accessibleLabelExternalDefaults=a;this.accessibleLabelExternal=s(this.accessibleLabelExternalDefaults);this.icon="";this.color="";this.iconRight=false;this.iconSize="medium";this.size="medium";this.iconOnly=false;this.handleClick=function(t){if(!n.url&&n.element.closest("form")){t.preventDefault();n.proxyButton.click()}};this.onFocus=function(){n.duetFocus.emit()};this.onBlur=function(){n.duetBlur.emit()}}t.prototype.componentWillLoad=function(){u(this);if(this.url&&this.external&&this.icon){console.warn("[DUET]: Button used as an external link will override any icon that is set")}};t.prototype.connectedCallback=function(){this.proxyButton=document.createElement("button");this.proxyButton.style.display="none";this.syncToProxyButton();if(!this.url&&this.element.closest("form")){this.element.insertAdjacentElement("beforebegin",this.proxyButton)}};t.prototype.disconnectedCallback=function(){this.proxyButton.remove();this.proxyButton=null};t.prototype.syncToProxyButton=function(){this.proxyButton.type=this.getButtonType();this.proxyButton.disabled=this.disabled;if(this.name!=null){this.proxyButton.name=this.name}else{this.proxyButton.removeAttribute("name")}if(this.value!=null){this.proxyButton.value=this.value}else{this.proxyButton.removeAttribute("value")}};t.prototype.getButtonType=function(){return this.submit?"submit":"button"};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t,e,o;var r=this;var u=this.external&&this.url;var a=u?"action-new-window":this.icon;var d=u?true:this.iconRight;var s=n("span",{class:"duet-button-contents",style:{color:l(this.color)}},a&&n("div",{"aria-hidden":"true",class:(t={"duet-button-icon":true,left:!d,right:d},t[this.iconSize]=true,t)},n("duet-icon",{size:"auto",margin:"none",name:a,color:"currentColor"})),n("slot",null));var c={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(t){return r.nativeButton=t},id:this.identifier,class:(e={"duet-m-0":this.margin==="none","duet-p-0":this.padding==="none","duet-no-wrap":this.wrapping==="none","duet-button":true,"duet-button-is-small":this.size==="small","duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||this.variation==="negative"},e[this.variation]=true,e.disabled=this.disabled,e.icon=!!a,e["icon-right"]=d,e[this.iconSize]=true,e),"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return n(i,{onClick:this.handleClick,class:{"duet-m-0":this.margin==="none","duet-small":this.size==="small","duet-fixed":this.fixed,"duet-expand":this.expand,"input-button":this.variation==="input-button-primary"||this.variation==="input-button-secondary"}},n("div",{class:(o={"duet-button-container":true,"duet-button-is-loading":this.loading,"duet-theme-turva":this.theme==="turva","duet-button-negative":this.negative||this.variation==="negative"},o[this.variation]=true,o)},this.url?n("a",Object.assign({},c,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":undefined}),s,this.external&&n("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):n("button",Object.assign({},c,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":this.accessiblePressed!=null?this.accessiblePressed.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}),s),this.loading&&n("duet-spinner",{color:"currentColor"})))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["syncToProxyButton"],submit:["syncToProxyButton"],value:["syncToProxyButton"],name:["syncToProxyButton"]}},enumerable:false,configurable:true});return t}());b.style=c;var p=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:#0077b3 !important}:host(.duet-theme-turva) .duet-spinner{color:#c60c30 !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:#0077b3;border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}';var h=t("duet_spinner",function(){function t(t){e(this,t);this.color="gray-lightest";this.size="small";this.theme=""}t.prototype.componentWillLoad=function(){u(this)};t.prototype.render=function(){var t;var e=this.color==="currentColor"?"currentColor":l(this.color);return n(i,{class:{"duet-custom-color":this.color!=="currentColor"&&this.theme!=="turva"&&this.theme!=="default","duet-theme-turva":this.theme==="turva"&&this.color!=="currentColor","duet-theme-default":this.theme==="default"&&this.color!=="currentColor"}},n("div",{class:(t={"duet-spinner":true},t[this.size]=true,t),style:{color:e},"aria-label":this.accessibleLabel}))};return t}());h.style=p}}}));
|
|
4
|
+
*/System.register(["./p-f5a06ff6.system.js","./p-33b3aba4.system.js","./p-c7ae95bd.system.js","./p-f69b64c9.system.js","./p-6002f3d2.system.js","./p-b6d51921.system.js","./p-18cc5627.system.js"],(function(t){"use strict";var e,o,n,i,r,u,a,d,s,l;return{setters:[function(t){e=t.r;o=t.c;n=t.h;i=t.H;r=t.g},function(t){u=t.i},function(t){a=t.D},function(t){d=t.a;s=t.g},function(t){l=t.g},function(){},function(){}],execute:function(){var c='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:8px !important;margin-bottom:12px !important;position:relative;z-index:1;display:inline-flex;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}:host:last-child,:host:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host{width:100%}}:host(.input-button){z-index:250}:host(.duet-small){margin-right:2px !important;margin-bottom:8px !important}:host(.duet-small):last-child,:host(.duet-small):last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){:host(.duet-small){width:auto}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}:host(.duet-fixed){width:auto !important}:host(:last-child){margin-right:0 !important}.duet-button-container{position:relative;width:100%}.duet-button{padding:14px 27px 15px !important;-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;min-width:8rem;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:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:#0077b3 !important;text-align:center;text-decoration:none;cursor:pointer;background:transparent;border-style:solid;border-width:2px;border-radius:20rem;transition:background-color 300ms ease, color 300ms ease, border 300ms ease, box-shadow 300ms ease}.duet-button.duet-p-0{padding:0 !important}.duet-button.duet-m-0{margin:0 !important}.duet-button:not(.input-button-primary,.input-button-secondary){font-variant-numeric:tabular-nums}.duet-button.duet-button-text-center{text-align:center !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only){padding:9px 19px 10px !important;min-width:5.3333333333rem;font-size:0.875rem}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon{padding-left:48px !important}.duet-button.duet-button-is-small:not(.duet-button-icon-only).icon-right{padding-right:48px !important;padding-left:20px !important}.duet-theme-turva .duet-button{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:#c60c30 !important}.duet-button .duet-button-contents{position:relative;display:inline-block;margin:0 auto;pointer-events:none}.duet-button.duet-no-wrap{white-space:nowrap}.duet-button.icon{padding-left:52px !important}.duet-button.icon-right{padding-right:52px !important;padding-left:28px !important}.duet-button svg{width:100%;min-width:100%;fill:currentColor}.duet-button .duet-button-icon{position:absolute;top:50%;left:-28px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 !important;transform:translateY(-50%)}.duet-button .duet-button-icon duet-icon{width:16px;height:16px}.duet-button .duet-button-icon.right{right:-28px;left:auto}.duet-button .duet-button-icon.large{left:-32px;width:20px;height:20px}.duet-button .duet-button-icon.large duet-icon{width:20px;height:20px}.duet-button .duet-button-icon.large.right{right:-32px;left:auto}.duet-button .duet-button-icon.medium-small{left:-16px;width:10px;height:10px;padding-top:1px}.duet-button .duet-button-icon.medium-small duet-icon{width:10px;height:10px}.duet-button .duet-button-icon.medium-small.right{right:-16px;left:auto}.duet-button .duet-button-icon.small{left:-16px;width:7px;height:7px}.duet-button .duet-button-icon.small duet-icon{width:7px;height:7px}.duet-button .duet-button-icon.small.right{right:-16px;left:auto}.duet-button:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-button:active{opacity:0.75;transition:none}.duet-button.default{border-color:#e1e3e6}.duet-theme-turva .duet-button.default{color:#c60c30 !important;border-color:#e4e4e6}.duet-button.default:hover{border-color:#0077b3}.duet-theme-turva .duet-button.default:hover{border-color:#c60c30}.duet-button.default.duet-button-negative{background-color:white}.duet-theme-turva .duet-button.default.duet-button-negative{background-color:#e4e4e6 !important}.duet-button.default.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.default.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.primary,.duet-button.input-button-primary{color:white !important;background:#0077b3;border-color:#0077b3}.duet-theme-turva .duet-button.primary,.duet-theme-turva .duet-button.input-button-primary{color:white !important;background:#c60c30;border-color:#c60c30}.duet-button.primary:hover,.duet-button.input-button-primary:hover{background:#005f8f;border-color:#005f8f;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.primary:hover,.duet-theme-turva .duet-button.input-button-primary:hover{background:#940925;border-color:#940925}.duet-button.primary:focus,.duet-button.input-button-primary:focus{outline:0;box-shadow:0 0 0 1px white, 0 0 0 4px rgba(0, 119, 179, 0.75)}.duet-theme-turva .duet-button.primary:focus,.duet-theme-turva .duet-button.input-button-primary:focus{box-shadow:0 0 0 1px white, 0 0 0 4px rgba(23, 28, 58, 0.7)}.duet-button.secondary,.duet-button.input-button-secondary{color:#00294d !important;background:transparent;border-color:#00294d}.duet-theme-turva .duet-button.secondary,.duet-theme-turva .duet-button.input-button-secondary{color:#171c3a !important;border-color:#171c3a}.duet-button.secondary:hover,.duet-button.input-button-secondary:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary:hover,.duet-theme-turva .duet-button.input-button-secondary:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.secondary.duet-button-negative,.duet-button.input-button-secondary.duet-button-negative{color:#e1e3e6 !important;border-color:white}.duet-theme-turva .duet-button.secondary.duet-button-negative,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative{color:#e4e4e6 !important}.duet-button.secondary.duet-button-negative:hover,.duet-button.input-button-secondary.duet-button-negative:hover{color:#0077b3 !important;border-color:#0077b3}.duet-theme-turva .duet-button.secondary.duet-button-negative:hover,.duet-theme-turva .duet-button.input-button-secondary.duet-button-negative:hover{color:#c60c30 !important;border-color:#c60c30}.duet-button.negative{color:#00294d !important;background:white;border-color:white}.duet-theme-turva .duet-button.negative{color:#171c3a !important}.duet-button.negative:hover{color:white !important;background:transparent;border-color:white}.duet-button.negative:focus{outline:0;box-shadow:0 0 0 1px #00294d, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-theme-turva .duet-button.negative:focus{box-shadow:0 0 0 1px #171c3a, 0 0 0 4px rgba(255, 255, 255, 0.7)}.duet-button.destructive-primary{color:white !important;background:#de2362;border-color:#de2362}.duet-theme-turva .duet-button.destructive-primary{color:white !important;background:#e02a0d;border-color:#e02a0d}.duet-button.destructive-primary:hover{background:#b21c4e;border-color:#b21c4e;box-shadow:0 4px 20px rgba(34, 34, 34, 0.1)}.duet-theme-turva .duet-button.destructive-primary:hover{background:#b3220a}.duet-button.destructive,.duet-button.destructive-secondary{color:#de2362 !important;background:white;border-color:#de2362}.duet-theme-turva .duet-button.destructive,.duet-theme-turva .duet-button.destructive-secondary{color:#e02a0d !important;background:white;border-color:#e02a0d}.duet-button.destructive:hover,.duet-button.destructive-secondary:hover{color:white !important;background:#b21c4e;border-color:#b21c4e}.duet-theme-turva .duet-button.destructive:hover,.duet-theme-turva .duet-button.destructive-secondary:hover{color:white !important;background:#b3220a;border-color:#b3220a}.duet-button.plain{min-width:48px;padding-right:0 !important;padding-left:0 !important;line-height:1.5;text-align:left;background:transparent;border:0;border-color:transparent;border-radius:4px}.duet-theme-turva .duet-button.plain{color:#c60c30 !important;background:transparent;border-color:transparent}.duet-button.plain.icon{padding-left:20px !important}.duet-button.plain.icon.icon-right{padding-right:20px !important;padding-left:0 !important}.duet-button.plain.icon.medium{padding-left:24px !important}.duet-button.plain.icon.medium.icon-right{padding-right:24px !important;padding-left:0 !important}.duet-button.plain.icon.large{padding-left:30px !important}.duet-button.plain.icon.large.icon-right{padding-right:30px !important;padding-left:0 !important}.duet-button.plain .duet-button-icon.left{left:-16.6666666667px !important}.duet-button.plain .duet-button-icon.left.medium{left:-24px !important}.duet-button.plain .duet-button-icon.left.large{left:-30px !important}.duet-button.plain .duet-button-icon.right{right:-16.6666666667px !important}.duet-button.plain .duet-button-icon.right.medium{right:-24px !important}.duet-button.plain .duet-button-icon.right.large{right:-30px !important}.duet-button.plain[disabled]{color:#657787 !important;background:transparent !important;border-color:transparent !important}.duet-theme-turva .duet-button.plain[disabled]{color:transparent !important;background:transparent !important;border-color:#e4e4e6 !important}.duet-button.plain:hover{color:#004d80 !important;background:transparent !important}.duet-theme-turva .duet-button.plain:hover{color:#940925 !important}.duet-button.plain.duet-button-negative{color:white !important}.duet-theme-turva .duet-button.plain.duet-button-negative{color:#e4e4e6 !important}.duet-button.plain.duet-button-negative:hover{color:#0077b3 !important}.duet-theme-turva .duet-button.plain.duet-button-negative:hover{color:#c60c30 !important}.duet-button.duet-button-icon-only{min-width:48px;min-height:48px;padding:0 !important}.duet-button.duet-button-icon-only .duet-button-contents{position:static}.duet-button.duet-button-icon-only .duet-button-icon.left.large,.duet-button.duet-button-icon-only .duet-button-icon.left.medium,.duet-button.duet-button-icon-only .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button.duet-button.input-button-primary,.duet-button.duet-button.input-button-secondary{box-sizing:content-box;min-width:48px;min-height:48px;padding:0 !important;border-width:1px;border-top-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0}.duet-button.duet-button.input-button-primary .duet-button-contents,.duet-button.duet-button.input-button-secondary .duet-button-contents{position:static}.duet-button.duet-button.input-button-primary .duet-button-icon.left.large,.duet-button.duet-button.input-button-primary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-primary .duet-button-icon.left.small,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.large,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.medium,.duet-button.duet-button.input-button-secondary .duet-button-icon.left.small{position:absolute;top:50% !important;left:50% !important;padding:0;margin:0;transform:translateX(-50%) translateY(-50%)}.duet-button[disabled],.duet-button[disabled]:hover,.duet-button.duet-button-negative[disabled],.duet-button.duet-button-negative[disabled]:hover{color:#657787 !important;background:#e1e3e6 !important;border-color:#e1e3e6 !important;box-shadow:none !important}.duet-theme-turva .duet-button[disabled],.duet-theme-turva .duet-button[disabled]:hover,.duet-theme-turva .duet-button.duet-button-negative [disabled],.duet-theme-turva .duet-button.duet-button-negative [disabled]:hover{color:#747475 !important;background:#e4e4e6 !important;border-color:#e4e4e6 !important}.duet-button-is-loading.primary,.duet-button-is-loading.input-button-primary{color:white}.duet-button-is-loading.default{color:#0077b3}.duet-button-is-loading.default.duet-theme-turva{color:#c60c30}.duet-button-is-loading .duet-button-contents{visibility:hidden;opacity:0}';var b=t("duet_button",function(){function t(t){var n=this;e(this,t);this.duetFocus=o(this,"duetFocus",7);this.duetBlur=o(this,"duetBlur",7);this.accessiblePopup="false";this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.loading=false;this.variation="default";this.negative=false;this.theme="";this.margin="auto";this.padding="auto";this.centerText=false;this.wrapping="auto";this.expand=false;this.fixed=false;this.disabled=false;this.submit=false;this.external=false;this.language=d();this.accessibleLabelExternalDefaults=a;this.accessibleLabelExternal=s(this.accessibleLabelExternalDefaults);this.icon="";this.color="";this.iconRight=false;this.iconSize="medium";this.size="medium";this.iconOnly=false;this.handleClick=function(t){if(!n.url&&n.element.closest("form")){t.preventDefault();n.proxyButton.click()}};this.onFocus=function(){n.duetFocus.emit()};this.onBlur=function(){n.duetBlur.emit()}}t.prototype.componentWillLoad=function(){u(this);if(this.url&&this.external&&this.icon){console.warn("[DUET]: Button used as an external link will override any icon that is set")}};t.prototype.connectedCallback=function(){this.proxyButton=document.createElement("button");this.proxyButton.style.display="none";this.syncToProxyButton();if(!this.url&&this.element.closest("form")){this.element.insertAdjacentElement("beforebegin",this.proxyButton)}};t.prototype.disconnectedCallback=function(){this.proxyButton.remove();this.proxyButton=null};t.prototype.syncToProxyButton=function(){this.proxyButton.type=this.getButtonType();this.proxyButton.disabled=this.disabled;if(this.name!=null){this.proxyButton.name=this.name}else{this.proxyButton.removeAttribute("name")}if(this.value!=null){this.proxyButton.value=this.value}else{this.proxyButton.removeAttribute("value")}};t.prototype.getButtonType=function(){return this.submit?"submit":"button"};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.nativeButton){this.nativeButton.focus(t)}return[2]}))}))};t.prototype.render=function(){var t,e,o;var r=this;var u=this.external&&this.url;var a=u?"action-new-window":this.icon;var d=u?true:this.iconRight;var s=n("span",{class:"duet-button-contents",style:{color:l(this.color)}},a&&n("div",{"aria-hidden":"true",class:(t={"duet-button-icon":true,left:!d,right:d},t[this.iconSize]=true,t)},n("duet-icon",{size:"auto",margin:"none",name:a,color:"currentColor"})),n("slot",null));var c={onFocus:this.onFocus,onBlur:this.onBlur,ref:function(t){return r.nativeButton=t},id:this.identifier,class:(e={"duet-m-0":this.margin==="none","duet-p-0":this.padding==="none","duet-no-wrap":this.wrapping==="none","duet-button":true,"duet-button-is-small":this.size==="small","duet-button-icon-only":this.iconOnly,"duet-button-text-center":this.centerText,"duet-button-negative":this.negative||this.variation==="negative"},e[this.variation]=true,e.disabled=this.disabled,e.icon=!!a,e["icon-right"]=d,e[this.iconSize]=true,e),"aria-controls":this.accessibleControls,"aria-label":this.accessibleLabel,"aria-expanded":this.accessibleExpanded!=null?this.accessibleExpanded.toString():undefined,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription};return n(i,{onClick:this.handleClick,class:{"duet-m-0":this.margin==="none","duet-small":this.size==="small","duet-fixed":this.fixed,"duet-expand":this.expand,"input-button":this.variation==="input-button-primary"||this.variation==="input-button-secondary"}},n("div",{class:(o={"duet-button-container":true,"duet-button-is-loading":this.loading,"duet-theme-turva":this.theme==="turva","duet-button-negative":this.negative||this.variation==="negative"},o[this.variation]=true,o)},this.url?n("a",Object.assign({},c,{href:this.url,target:this.external?"_blank":"_self",rel:this.external?"noopener":undefined}),s,this.external&&n("duet-visually-hidden",null,", ",this.accessibleLabelExternal)):n("button",Object.assign({},c,{type:this.getButtonType(),disabled:this.disabled,name:this.name,value:this.value,"aria-pressed":this.accessiblePressed!=null?this.accessiblePressed.toString():undefined,"aria-haspopup":this.accessiblePopup!=null?this.accessiblePopup.toString():undefined}),s),this.loading&&n("duet-spinner",{color:"currentColor"})))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disabled:["syncToProxyButton"],submit:["syncToProxyButton"],value:["syncToProxyButton"],name:["syncToProxyButton"]}},enumerable:false,configurable:true});return t}());b.style=c;var p=':host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:absolute;top:50%;left:50%;z-index:800;max-width:100%}:host(.duet-theme-default) .duet-spinner{color:#0077b3 !important}:host(.duet-theme-turva) .duet-spinner{color:#c60c30 !important}:host(.duet-custom-color){color:inherit}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-spinner{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:50%;z-index:800;width:24px;height:24px;color:#0077b3;border:2px solid transparent;border-left:2px solid currentColor;border-radius:50%;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%;animation:duetRotate 0.6s linear infinite}.duet-spinner::after{position:absolute;top:50%;left:50%;z-index:200;box-sizing:content-box;width:100%;height:100%;overflow:hidden;content:"";border:2px solid currentColor;border-radius:50%;opacity:0.3;transform:translateZ(0) translateX(-50%) translateY(-50%);transform-origin:0% 0%}.duet-spinner.medium{width:36px;height:36px;border-width:4px}.duet-spinner.medium::after{border-width:4px}.duet-spinner.large{width:72px;height:72px;border-width:8px}.duet-spinner.large::after{border-width:8px}@keyframes duetRotate{0%{transform:translateZ(0) rotate(0deg) translateX(-50%) translateY(-50%)}100%{transform:translateZ(0) rotate(360deg) translateX(-50%) translateY(-50%)}}';var h=t("duet_spinner",function(){function t(t){e(this,t);this.color="gray-lightest";this.size="small";this.theme=""}t.prototype.componentWillLoad=function(){u(this)};t.prototype.render=function(){var t;var e=this.color==="currentColor"?"currentColor":l(this.color);return n(i,{class:{"duet-custom-color":this.color!=="currentColor"&&this.theme!=="turva"&&this.theme!=="default","duet-theme-turva":this.theme==="turva"&&this.color!=="currentColor","duet-theme-default":this.theme==="default"&&this.color!=="currentColor"}},n("div",{class:(t={"duet-spinner":true},t[this.size]=true,t),style:{color:e},"aria-label":this.accessibleLabel}))};return t}());h.style=p}}}));
|