@duetds/components 8.5.5 → 8.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (212) hide show
  1. package/hydrate/index.js +289 -113
  2. package/lib/cjs/duet-alert.cjs.entry.js +1 -1
  3. package/lib/cjs/duet-banner.cjs.entry.js +1 -1
  4. package/lib/cjs/duet-callout.cjs.entry.js +1 -1
  5. package/lib/cjs/duet-chip.cjs.entry.js +9 -2
  6. package/lib/cjs/duet-choice_2.cjs.entry.js +1 -1
  7. package/lib/cjs/duet-collapsible.cjs.entry.js +1 -1
  8. package/lib/cjs/duet-combobox.cjs.entry.js +260 -127
  9. package/lib/cjs/duet-date-picker.cjs.entry.js +1 -1
  10. package/lib/cjs/duet-fieldset.cjs.entry.js +1 -1
  11. package/lib/cjs/duet-hero.cjs.entry.js +1 -1
  12. package/lib/cjs/duet-input_2.cjs.entry.js +39 -3
  13. package/lib/cjs/duet-modal.cjs.entry.js +1 -1
  14. package/lib/cjs/duet-multiselect.cjs.entry.js +1 -1
  15. package/lib/cjs/duet-number-input.cjs.entry.js +1 -1
  16. package/lib/cjs/duet-promo-card.cjs.entry.js +1 -1
  17. package/lib/cjs/duet-radio_2.cjs.entry.js +1 -1
  18. package/lib/cjs/duet-scrollable_3.cjs.entry.js +1 -1
  19. package/lib/cjs/duet-select.cjs.entry.js +1 -1
  20. package/lib/cjs/duet-slideout-panel.cjs.entry.js +1 -1
  21. package/lib/cjs/duet-slideout.cjs.entry.js +1 -1
  22. package/lib/cjs/duet-textarea.cjs.entry.js +1 -1
  23. package/lib/cjs/duet.cjs.js +1 -1
  24. package/lib/cjs/loader.cjs.js +1 -1
  25. package/lib/cjs/{slot-utils-f5073417.js → slot-utils-03a40c78.js} +3 -1
  26. package/lib/collection/components/duet-chip/duet-chip.css +7 -0
  27. package/lib/collection/components/duet-chip/duet-chip.js +29 -2
  28. package/lib/collection/components/duet-combobox/duet-combobox-select-single.js +2 -2
  29. package/lib/collection/components/duet-combobox/duet-combobox.css +10 -2
  30. package/lib/collection/components/duet-combobox/duet-combobox.e2e.js +81 -51
  31. package/lib/collection/components/duet-combobox/duet-combobox.js +321 -142
  32. package/lib/collection/components/duet-input/duet-input.css +29 -0
  33. package/lib/collection/components/duet-input/duet-input.js +159 -3
  34. package/lib/collection/utils/slot-utils.js +3 -1
  35. package/lib/dist-custom-elements/duet-action-button.js +1 -1
  36. package/lib/dist-custom-elements/duet-alert.js +1 -1
  37. package/lib/dist-custom-elements/duet-banner.js +1 -1
  38. package/lib/dist-custom-elements/duet-breadcrumb.js +1 -1
  39. package/lib/dist-custom-elements/duet-callout.js +1 -1
  40. package/lib/dist-custom-elements/duet-card.js +1 -1
  41. package/lib/dist-custom-elements/duet-chip.js +1 -273
  42. package/lib/dist-custom-elements/duet-choice-group.js +5 -5
  43. package/lib/dist-custom-elements/duet-choice.js +2 -2
  44. package/lib/dist-custom-elements/duet-collapsible.js +2 -2
  45. package/lib/dist-custom-elements/duet-combobox.js +326 -132
  46. package/lib/dist-custom-elements/duet-cookie-consent.js +1 -1
  47. package/lib/dist-custom-elements/duet-date-picker.js +6 -6
  48. package/lib/dist-custom-elements/duet-editable-table.js +2 -2
  49. package/lib/dist-custom-elements/duet-fieldset.js +1 -1
  50. package/lib/dist-custom-elements/duet-footer.js +1 -1
  51. package/lib/dist-custom-elements/duet-header.js +1 -1
  52. package/lib/dist-custom-elements/duet-hero.js +1 -1
  53. package/lib/dist-custom-elements/duet-input.js +1 -1
  54. package/lib/dist-custom-elements/duet-menu-bar-dropdown-link.js +1 -1
  55. package/lib/dist-custom-elements/duet-menu-bar-dropdown.js +1 -1
  56. package/lib/dist-custom-elements/duet-modal.js +2 -2
  57. package/lib/dist-custom-elements/duet-multiselect.js +5 -5
  58. package/lib/dist-custom-elements/duet-notification-drawer.js +1 -1
  59. package/lib/dist-custom-elements/duet-notification.js +1 -1
  60. package/lib/dist-custom-elements/duet-number-input.js +6 -6
  61. package/lib/dist-custom-elements/duet-pagination.js +6 -6
  62. package/lib/dist-custom-elements/duet-popup-menu.js +1 -1
  63. package/lib/dist-custom-elements/duet-promo-card.js +1 -1
  64. package/lib/dist-custom-elements/duet-radio-group.js +5 -5
  65. package/lib/dist-custom-elements/duet-range-slider.js +1 -1
  66. package/lib/dist-custom-elements/duet-range-stepper.js +2 -2
  67. package/lib/dist-custom-elements/duet-scrollable.js +1 -1
  68. package/lib/dist-custom-elements/duet-select.js +1 -1
  69. package/lib/dist-custom-elements/duet-show-more.js +1 -1
  70. package/lib/dist-custom-elements/duet-slideout-panel.js +1 -1
  71. package/lib/dist-custom-elements/duet-slideout.js +2 -2
  72. package/lib/dist-custom-elements/duet-step.js +1 -1
  73. package/lib/dist-custom-elements/duet-submenu-bar-dropdown-link.js +1 -1
  74. package/lib/dist-custom-elements/duet-submenu-bar-dropdown.js +1 -1
  75. package/lib/dist-custom-elements/duet-submenu-bar-item.js +1 -1
  76. package/lib/dist-custom-elements/duet-submenu-bar-link.js +1 -1
  77. package/lib/dist-custom-elements/duet-tab-group.js +6 -6
  78. package/lib/dist-custom-elements/duet-tab.js +1 -1
  79. package/lib/dist-custom-elements/duet-textarea.js +4 -4
  80. package/lib/dist-custom-elements/duet-toggle.js +1 -1
  81. package/lib/dist-custom-elements/duet-toolbar-dropdown-link.js +1 -1
  82. package/lib/dist-custom-elements/duet-toolbar-dropdown.js +1 -1
  83. package/lib/dist-custom-elements/duet-tooltip-button.js +1 -1
  84. package/lib/dist-custom-elements/duet-tooltip-popup.js +1 -1
  85. package/lib/dist-custom-elements/duet-tooltip.js +1 -1
  86. package/lib/dist-custom-elements/duet-tray.js +1 -1
  87. package/lib/dist-custom-elements/duet-upload-item.js +1 -1
  88. package/lib/dist-custom-elements/duet-upload.js +5 -5
  89. package/lib/dist-custom-elements/{p-cff358b0.js → p-014c1177.js} +49 -8
  90. package/lib/dist-custom-elements/{p-c3d02eb2.js → p-03152b20.js} +1 -1
  91. package/lib/dist-custom-elements/{p-d87f6dd5.js → p-06e608ae.js} +3 -1
  92. package/lib/dist-custom-elements/{p-9cdbc360.js → p-0cee8a12.js} +1 -1
  93. package/lib/dist-custom-elements/{p-12a0876b.js → p-24693e9a.js} +1 -1
  94. package/lib/dist-custom-elements/{p-9a833e56.js → p-28ec3461.js} +1 -1
  95. package/lib/dist-custom-elements/{p-d191ba9e.js → p-45fd4d84.js} +1 -1
  96. package/lib/dist-custom-elements/{p-89d58b60.js → p-6d366100.js} +3 -3
  97. package/lib/dist-custom-elements/p-755dd68f.js +285 -0
  98. package/lib/dist-custom-elements/{p-e44c0eff.js → p-785686e3.js} +1 -1
  99. package/lib/dist-custom-elements/{p-e00d43f3.js → p-92a16064.js} +1 -1
  100. package/lib/dist-custom-elements/{p-f9f9e33d.js → p-a02e62f3.js} +3 -3
  101. package/lib/dist-custom-elements/{p-0d5c0a22.js → p-c8415e2f.js} +1 -1
  102. package/lib/dist-custom-elements/{p-d848b48d.js → p-e702eb52.js} +4 -4
  103. package/lib/duet/duet.esm.js +1 -1
  104. package/lib/duet/{p-88a46585.system.entry.js → p-061f4be0.system.entry.js} +1 -1
  105. package/lib/duet/p-06e608ae.js +4 -0
  106. package/lib/duet/{p-8ca813cb.system.entry.js → p-0778ccde.system.entry.js} +1 -1
  107. package/lib/duet/p-07ac7f3e.system.entry.js +4 -0
  108. package/lib/duet/p-15e24bf0.entry.js +4 -0
  109. package/lib/duet/{p-0dac34a4.system.entry.js → p-1ef0e5ca.system.entry.js} +1 -1
  110. package/lib/duet/{p-c9781f22.entry.js → p-2084a65f.entry.js} +1 -1
  111. package/lib/duet/{p-fd0bb0bf.entry.js → p-23cecf9f.entry.js} +1 -1
  112. package/lib/duet/{p-09e4195f.system.entry.js → p-257800b7.system.entry.js} +1 -1
  113. package/lib/duet/{p-1afd901a.entry.js → p-29491f9f.entry.js} +1 -1
  114. package/lib/duet/{p-3b5ff822.entry.js → p-3302d75d.entry.js} +1 -1
  115. package/lib/duet/{p-7629cd0a.entry.js → p-40375e30.entry.js} +1 -1
  116. package/lib/duet/{p-ba4445cf.system.entry.js → p-45bb3cd0.system.entry.js} +1 -1
  117. package/lib/duet/p-4781cd58.entry.js +4 -0
  118. package/lib/duet/p-4cb5943c.entry.js +4 -0
  119. package/lib/duet/{p-b2f2992f.system.entry.js → p-4de910bd.system.entry.js} +1 -1
  120. package/lib/duet/p-6151635f.system.js +1 -1
  121. package/lib/duet/{p-d349dd93.entry.js → p-67382632.entry.js} +1 -1
  122. package/lib/duet/{p-699a98b4.entry.js → p-76e54ff5.entry.js} +1 -1
  123. package/lib/duet/{p-4d2ef0e2.entry.js → p-7a161455.entry.js} +1 -1
  124. package/lib/duet/{p-3d38079c.entry.js → p-7ca15c93.entry.js} +1 -1
  125. package/lib/duet/{p-bb09fff0.system.entry.js → p-7de614df.system.entry.js} +1 -1
  126. package/lib/duet/{p-480f37b6.entry.js → p-83238fe7.entry.js} +1 -1
  127. package/lib/duet/{p-7c1db591.system.entry.js → p-8a4ba903.system.entry.js} +1 -1
  128. package/lib/duet/{p-4f32a7ee.entry.js → p-8ba91848.entry.js} +1 -1
  129. package/lib/duet/{p-708359ec.system.entry.js → p-999fff8d.system.entry.js} +1 -1
  130. package/lib/duet/{p-9d91a1dd.system.entry.js → p-9e75e5d8.system.entry.js} +1 -1
  131. package/lib/duet/{p-343d037e.entry.js → p-a3afb1af.entry.js} +1 -1
  132. package/lib/duet/{p-2ca6a8a0.system.entry.js → p-a3e90064.system.entry.js} +1 -1
  133. package/lib/duet/{p-892a5644.system.entry.js → p-aba91113.system.entry.js} +1 -1
  134. package/lib/duet/p-ae21ad57.system.js +4 -0
  135. package/lib/duet/{p-ce05fe6d.system.entry.js → p-b2fc4b72.system.entry.js} +1 -1
  136. package/lib/duet/{p-84778369.entry.js → p-b5595969.entry.js} +1 -1
  137. package/lib/duet/{p-bf51f8a5.system.entry.js → p-c68602c9.system.entry.js} +1 -1
  138. package/lib/duet/{p-f6530332.system.entry.js → p-d5721f0d.system.entry.js} +1 -1
  139. package/lib/duet/{p-c00fe4ed.entry.js → p-dc133655.entry.js} +1 -1
  140. package/lib/duet/p-de5054b6.system.entry.js +4 -0
  141. package/lib/duet/{p-61feb701.entry.js → p-df345202.entry.js} +1 -1
  142. package/lib/duet/{p-2628a322.entry.js → p-e0907f29.entry.js} +1 -1
  143. package/lib/duet/p-e333b9fc.system.entry.js +4 -0
  144. package/lib/duet/p-e411627f.entry.js +4 -0
  145. package/lib/duet/{p-da51c71f.system.entry.js → p-eafed149.system.entry.js} +1 -1
  146. package/lib/duet/p-f2279e1e.entry.js +4 -0
  147. package/lib/duet/{p-b1ab1664.system.entry.js → p-fa311641.system.entry.js} +1 -1
  148. package/lib/duet/{p-320318de.system.entry.js → p-fa72c79b.system.entry.js} +1 -1
  149. package/lib/esm/duet-alert.entry.js +1 -1
  150. package/lib/esm/duet-banner.entry.js +1 -1
  151. package/lib/esm/duet-callout.entry.js +1 -1
  152. package/lib/esm/duet-chip.entry.js +9 -2
  153. package/lib/esm/duet-choice_2.entry.js +1 -1
  154. package/lib/esm/duet-collapsible.entry.js +1 -1
  155. package/lib/esm/duet-combobox.entry.js +261 -128
  156. package/lib/esm/duet-date-picker.entry.js +1 -1
  157. package/lib/esm/duet-fieldset.entry.js +1 -1
  158. package/lib/esm/duet-hero.entry.js +1 -1
  159. package/lib/esm/duet-input_2.entry.js +39 -3
  160. package/lib/esm/duet-modal.entry.js +1 -1
  161. package/lib/esm/duet-multiselect.entry.js +1 -1
  162. package/lib/esm/duet-number-input.entry.js +1 -1
  163. package/lib/esm/duet-promo-card.entry.js +1 -1
  164. package/lib/esm/duet-radio_2.entry.js +1 -1
  165. package/lib/esm/duet-scrollable_3.entry.js +1 -1
  166. package/lib/esm/duet-select.entry.js +1 -1
  167. package/lib/esm/duet-slideout-panel.entry.js +1 -1
  168. package/lib/esm/duet-slideout.entry.js +1 -1
  169. package/lib/esm/duet-textarea.entry.js +1 -1
  170. package/lib/esm/duet.js +1 -1
  171. package/lib/esm/loader.js +1 -1
  172. package/lib/esm/{slot-utils-1115a819.js → slot-utils-b50aaef5.js} +3 -1
  173. package/lib/esm-es5/duet-alert.entry.js +1 -1
  174. package/lib/esm-es5/duet-banner.entry.js +1 -1
  175. package/lib/esm-es5/duet-callout.entry.js +1 -1
  176. package/lib/esm-es5/duet-chip.entry.js +1 -1
  177. package/lib/esm-es5/duet-choice_2.entry.js +1 -1
  178. package/lib/esm-es5/duet-collapsible.entry.js +1 -1
  179. package/lib/esm-es5/duet-combobox.entry.js +2 -2
  180. package/lib/esm-es5/duet-date-picker.entry.js +1 -1
  181. package/lib/esm-es5/duet-fieldset.entry.js +1 -1
  182. package/lib/esm-es5/duet-hero.entry.js +1 -1
  183. package/lib/esm-es5/duet-input_2.entry.js +2 -2
  184. package/lib/esm-es5/duet-modal.entry.js +1 -1
  185. package/lib/esm-es5/duet-multiselect.entry.js +1 -1
  186. package/lib/esm-es5/duet-number-input.entry.js +2 -2
  187. package/lib/esm-es5/duet-promo-card.entry.js +2 -2
  188. package/lib/esm-es5/duet-radio_2.entry.js +1 -1
  189. package/lib/esm-es5/duet-scrollable_3.entry.js +1 -1
  190. package/lib/esm-es5/duet-select.entry.js +1 -1
  191. package/lib/esm-es5/duet-slideout-panel.entry.js +1 -1
  192. package/lib/esm-es5/duet-slideout.entry.js +1 -1
  193. package/lib/esm-es5/duet-textarea.entry.js +1 -1
  194. package/lib/esm-es5/duet.js +1 -1
  195. package/lib/esm-es5/loader.js +1 -1
  196. package/lib/esm-es5/slot-utils-b50aaef5.js +4 -0
  197. package/lib/types/components/duet-chip/duet-chip.d.ts +4 -0
  198. package/lib/types/components/duet-combobox/duet-combobox.d.ts +49 -35
  199. package/lib/types/components/duet-input/duet-input.d.ts +30 -0
  200. package/lib/types/components.d.ts +44 -21
  201. package/package.json +2 -2
  202. package/lib/duet/p-7cf03aa8.system.js +0 -4
  203. package/lib/duet/p-92e1181c.entry.js +0 -4
  204. package/lib/duet/p-985c0c67.system.entry.js +0 -4
  205. package/lib/duet/p-9d27bc65.entry.js +0 -4
  206. package/lib/duet/p-afe29a3e.entry.js +0 -4
  207. package/lib/duet/p-cc4a8964.entry.js +0 -4
  208. package/lib/duet/p-d50ad3ed.entry.js +0 -4
  209. package/lib/duet/p-d87f6dd5.js +0 -4
  210. package/lib/duet/p-f1b01db9.system.entry.js +0 -4
  211. package/lib/duet/p-fa21a3b6.system.entry.js +0 -4
  212. package/lib/esm-es5/slot-utils-1115a819.js +0 -4
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(e,t,s,i){function c(e){return e instanceof s?e:new s((function(t){t(e)}))}return new(s||(s=Promise))((function(s,o){function l(e){try{a(i.next(e))}catch(e){o(e)}}function r(e){try{a(i["throw"](e))}catch(e){o(e)}}function a(e){e.done?s(e.value):c(e.value).then(l,r)}a((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var s={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,c,o,l;return l={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function r(e){return function(t){return a([e,t])}}function a(r){if(i)throw new TypeError("Generator is already executing.");while(l&&(l=0,r[0]&&(s=0)),s)try{if(i=1,c&&(o=r[0]&2?c["return"]:r[0]?c["throw"]||((o=c["return"])&&o.call(c),0):c.next)&&!(o=o.call(c,r[1])).done)return o;if(c=0,o)r=[r[0]&2,o.value];switch(r[0]){case 0:case 1:o=r;break;case 4:s.label++;return{value:r[1],done:false};case 5:s.label++;c=r[1];r=[0];continue;case 7:r=s.ops.pop();s.trys.pop();continue;default:if(!(o=s.trys,o=o.length>0&&o[o.length-1])&&(r[0]===6||r[0]===2)){s=0;continue}if(r[0]===3&&(!o||r[1]>o[0]&&r[1]<o[3])){s.label=r[1];break}if(r[0]===6&&s.label<o[1]){s.label=o[1];o=r;break}if(o&&s.label<o[2]){s.label=o[2];s.ops.push(r);break}if(o[2])s.ops.pop();s.trys.pop();continue}r=t.call(e,s)}catch(e){r=[6,e];c=0}finally{i=o=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-7cf03aa8.system.js","./p-6ef75455.system.js"],(function(e){"use strict";var t,s,i,c,o,l,r,a,n;return{setters:[function(e){t=e.r;s=e.c;i=e.h;c=e.H;o=e.g},function(e){l=e.i},function(e){r=e.c},function(e){a=e.c},function(e){n=e.p}],execute:function(){var u='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';function d(e){return"options"in e}function p(e,t){for(var s=0;s<e.length;s++){var i=e[s];if(d(i)){i=p(i.options,t)}if(i&&i.value===t){return i}}}var h=e("duet_select",function(){function e(e){var i=this;t(this,e);this.duetChange=s(this,"duetChange",3);this.duetFocus=s(this,"duetFocus",7);this.duetBlur=s(this,"duetBlur",7);this.selectId=r("DuetSelect");this.errorId=r("DuetError");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.onClick=function(e){e.stopPropagation()};this.onChange=function(){i.value=i.nativeSelect.value;i.duetChange.emit({value:i.value,component:"duet-select"})};this.onBlur=function(e){i.duetBlur.emit({originalEvent:e,value:i.value,component:"duet-select"})};this.onFocus=function(e){i.duetFocus.emit({originalEvent:e,value:i.value,component:"duet-select"})};this.getDescribedBy=function(){var e=[];if(i.isCaptionVisible&&i.topCaptionId){e.push(i.topCaptionId)}if(i.accessibleDescribedBy){e.push(i.accessibleDescribedBy)}if(i.error){e.push(i.errorId)}return e.length>0?e.join(" "):null};this.processedItems=null;this.variation="default";this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=undefined;this.theme="";this.labelHidden=false;this.identifier=undefined;this.name=undefined;this.placeholder="";this.caption=undefined;this.echoPlaceholder=false;this.items=undefined;this.disabled=false;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.role=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;a(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=n(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=p(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return i("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return i("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e,t,s;var o=this;var l=this.identifier||this.selectId;return i(c,{onClick:this.onClick,class:(e={"duet-m-0":this.margin==="none","duet-expand":this.expand},e["duet-select-variation-".concat(this.variation)]=true,e)},i("div",{class:(t={"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"},t["duet-select-variation-".concat(this.variation)]=true,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-error"]=!!this.error,t)},i("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:l},this.label),this.tooltip&&i("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{name:"tooltip"}),this.caption&&i("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),i("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&i("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),i("select",{ref:function(e){return o.nativeSelect=e},disabled:this.disabled,name:this.name,id:l,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&i("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?i("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(e){return d(e)?o.renderOptionGroup(e):o.renderOption(e)}))),i("div",{class:(s={"duet-select":true},s["duet-select-variation-".concat(this.variation)]=true,s),"aria-hidden":"true"},i("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),this.variation==="default"&&i("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||i("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:this.variation==="compact"?"xxx-small":"xx-small"})),i("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),i("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&i("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}());h.style=u}}}));
4
+ */System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-ae21ad57.system.js","./p-6ef75455.system.js"],(function(e){"use strict";var t,s,i,c,o,l,r,a,n;return{setters:[function(e){t=e.r;s=e.c;i=e.h;c=e.H;o=e.g},function(e){l=e.i},function(e){r=e.c},function(e){a=e.c},function(e){n=e.p}],execute:function(){var u='*.sc-duet-select,*.sc-duet-select::after,*.sc-duet-select::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-select-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;vertical-align:bottom}.sc-duet-select-h:last-child,.sc-duet-select-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-select-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-select-h{width:100% !important}}.duet-select-variation-tiny.sc-duet-select-h,.duet-select-variation-compact.sc-duet-select-h{position:relative;top:-2px;width:72px;margin:0 !important;vertical-align:baseline}.duet-select-variation-compact.sc-duet-select-h{width:auto}.duet-m-0.sc-duet-select-h{margin:0 !important}duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:absolute;top:12px;right:0}@media (min-width: 48em){duet-tooltip.sc-duet-select,.sc-duet-select-s>duet-tooltip{position:relative;top:4px;right:auto}}.duet-select-placeholder.sc-duet-select{position:absolute;top:-9px;left:9px;z-index:200;display:block;width:auto;max-width:60%;padding:0 0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255)}.duet-select-container.sc-duet-select{position:relative;width:100%}.duet-select-container.duet-select-variation-tiny.sc-duet-select{width:72px}.duet-select-wrapper.sc-duet-select{position:relative;width:100%;padding:15px 14px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.25}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-variation-tiny.sc-duet-select .duet-select-wrapper.sc-duet-select{width:81px;padding:0 !important}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select{padding:0 !important;line-height:1}.duet-select-wrapper.sc-duet-select select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;padding:0;margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;cursor:pointer;border:0;outline:none;opacity:0}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}.duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(144, 149, 153);box-shadow:0 0 0 1px #909599}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{border-color:rgb(116, 116, 117);box-shadow:0 0 0 1px #747475}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:hover+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(0, 119, 179);outline:0;box-shadow:0 0 0 1px #0077b3 !important;transition:none}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{border-color:rgb(23, 28, 58);box-shadow:0 0 0 1px #171c3a !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(0, 119, 179)}.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #de2362}.duet-theme-turva.has-error.sc-duet-select .duet-select-wrapper.sc-duet-select select.sc-duet-select:focus+.duet-select.sc-duet-select{box-shadow:0 0 0 1px #e55039}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select{cursor:default !important}.duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(0, 41, 77) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(245, 248, 250) !important;box-shadow:none !important;opacity:1 !important;-webkit-text-fill-color:rgb(0, 41, 77) !important}.duet-theme-turva.sc-duet-select .duet-select-wrapper.sc-duet-select select[disabled].sc-duet-select+.duet-select.sc-duet-select{color:rgb(23, 28, 58) !important;background:rgb(245, 245, 247) !important;border-color:rgb(245, 245, 247) !important;-webkit-text-fill-color:rgb(23, 28, 58) !important}.duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{opacity:0}.duet-select-variation-compact.sc-duet-select .duet-select-wrapper.sc-duet-select span.duet-keep-container-height.sc-duet-select{display:none}.duet-select.sc-duet-select{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;display:block;width:100%;min-width:8rem;padding:12px 14px !important;padding-right:48px !important;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:4px;transition:150ms ease}.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(222, 35, 98) !important}.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(222, 35, 98) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select{border-color:rgb(224, 42, 13) !important}.duet-theme-turva.has-error.sc-duet-select .duet-select.sc-duet-select .duet-select-icon.sc-duet-select{color:rgb(224, 42, 13) !important}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);border-color:rgb(116, 116, 117)}.duet-select.sc-duet-select svg.sc-duet-select{position:absolute;top:50%;right:16px;z-index:200;width:20px;height:20px;color:rgb(0, 41, 77);pointer-events:none;transform:translateY(-50%)}.duet-theme-turva.sc-duet-select .duet-select.sc-duet-select svg.sc-duet-select{color:rgb(23, 28, 58)}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{width:72px;min-width:inherit;padding:0 !important;margin-bottom:-4px;overflow:visible;font-weight:600;text-align:center}.duet-select-variation-tiny.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select,.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select duet-icon.sc-duet-select{padding-left:10px}.duet-select-variation-compact.sc-duet-select .duet-select.sc-duet-select{position:relative;width:fit-content;padding:7px 16px !important;font-size:0.875rem;line-height:1.1;text-align:right;border-radius:8px}.duet-select-help.sc-duet-select{display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(101, 119, 135);border-radius:4px}.duet-select-help.sc-duet-select span.sc-duet-select{display:block;margin-top:8px}.duet-theme-turva.sc-duet-select .duet-select-help.sc-duet-select{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(116, 116, 117)}.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(222, 35, 98)}.duet-theme-turva.has-error.sc-duet-select .duet-select-help.sc-duet-select{color:rgb(224, 42, 13)}.duet-label-hidden.sc-duet-select duet-label.sc-duet-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';function d(e){return"options"in e}function p(e,t){for(var s=0;s<e.length;s++){var i=e[s];if(d(i)){i=p(i.options,t)}if(i&&i.value===t){return i}}}var h=e("duet_select",function(){function e(e){var i=this;t(this,e);this.duetChange=s(this,"duetChange",3);this.duetFocus=s(this,"duetFocus",7);this.duetBlur=s(this,"duetBlur",7);this.selectId=r("DuetSelect");this.errorId=r("DuetError");this.labelId=r("DuetLabel");this.topCaptionId=r("DuetCaptionTop");this.topCaptionPlaceholderId=r("DuetCaptionPlaceholderTop");this.onClick=function(e){e.stopPropagation()};this.onChange=function(){i.value=i.nativeSelect.value;i.duetChange.emit({value:i.value,component:"duet-select"})};this.onBlur=function(e){i.duetBlur.emit({originalEvent:e,value:i.value,component:"duet-select"})};this.onFocus=function(e){i.duetFocus.emit({originalEvent:e,value:i.value,component:"duet-select"})};this.getDescribedBy=function(){var e=[];if(i.isCaptionVisible&&i.topCaptionId){e.push(i.topCaptionId)}if(i.accessibleDescribedBy){e.push(i.accessibleDescribedBy)}if(i.error){e.push(i.errorId)}return e.length>0?e.join(" "):null};this.processedItems=null;this.variation="default";this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.error="";this.accessibleLiveError="polite";this.expand=false;this.value=undefined;this.theme="";this.labelHidden=false;this.identifier=undefined;this.name=undefined;this.placeholder="";this.caption=undefined;this.echoPlaceholder=false;this.items=undefined;this.disabled=false;this.required=false;this.label="label";this.labelColor=undefined;this.labelWeight=undefined;this.role=undefined;this.tooltip="";this.tooltipDirection="auto"}e.prototype.valueChanged=function(){if(this.nativeSelect){this.nativeSelect.value=this.value}this.isCaptionVisible=!!this.caption};e.prototype.componentWillLoad=function(){l(this);this.isCaptionVisible=!!this.caption;a(this.element,"tooltip","duet-tooltip",1,true);this.refresh()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeSelect){this.nativeSelect.focus(e)}return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.processedItems=n(this.items);return[2]}))}))};e.prototype.getSelectedItemLabel=function(){var e;if(this.processedItems){e=p(this.processedItems,this.value)}return e?e.label:this.placeholder||""};e.prototype.renderOption=function(e){return i("option",{"aria-label":e.ariaLabel,value:e.value,key:e.value,selected:this.value===e.value,disabled:e.disabled},e.label)};e.prototype.renderOptionGroup=function(e){var t=this;return i("optgroup",{key:e.label,label:e.label,disabled:e.disabled},e.options.map((function(e){return t.renderOption(e)})))};e.prototype.render=function(){var e,t,s;var o=this;var l=this.identifier||this.selectId;return i(c,{onClick:this.onClick,class:(e={"duet-m-0":this.margin==="none","duet-expand":this.expand},e["duet-select-variation-".concat(this.variation)]=true,e)},i("div",{class:(t={"duet-select-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva"},t["duet-select-variation-".concat(this.variation)]=true,t["duet-input-top-caption-shown"]=this.isCaptionVisible,t["has-error"]=!!this.error,t)},i("duet-label",{theme:this.theme==="turva"?"turva":"default",class:{"duet-has-tooltip":!!this.tooltip},color:this.labelColor,weight:this.labelWeight,id:this.labelId,for:l},this.label),this.tooltip&&i("duet-tooltip",{direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),i("slot",{name:"tooltip"}),this.caption&&i("duet-caption",{id:this.topCaptionId,size:"medium"},this.caption),i("div",{class:"duet-select-wrapper"},this.placeholder&&this.echoPlaceholder&&this.value&&i("duet-caption",{id:this.topCaptionPlaceholderId,class:"duet-select-placeholder",size:"small"},this.placeholder),i("select",{ref:function(e){return o.nativeSelect=e},disabled:this.disabled,name:this.name,id:l,role:this.role,"aria-labelledby":this.labelId,"aria-describedby":this.getDescribedBy(),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,required:this.required},this.placeholder&&i("option",{disabled:true,selected:true,value:""},this.placeholder),!this.processedItems?i("option",null,"Virhe valintoja ladattaessa. Päivitä sivu ja kokeile uusiksi."):this.processedItems.map((function(e){return d(e)?o.renderOptionGroup(e):o.renderOption(e)}))),i("div",{class:(s={"duet-select":true},s["duet-select-variation-".concat(this.variation)]=true,s),"aria-hidden":"true"},i("span",{key:this.value,class:"duet-select-selected-value"},this.getSelectedItemLabel()),this.variation==="default"&&i("svg",{role:"img",class:"duet-select-icon",fill:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i("path",{d:"m12 18.999c-.4 0-.776-.156-1.059-.438l-10.721-10.72c-.142-.142-.22-.33-.22-.531 0-.2.078-.389.22-.53.142-.142.33-.22.53-.22s.389.078.53.22l10.72 10.719 10.72-10.719c.142-.142.33-.22.53-.22s.389.078.53.22c.142.142.22.33.22.53s-.078.389-.22.53l-10.72 10.72c-.282.283-.659.439-1.06.439z"}))||i("duet-icon",{theme:this.theme,name:"action-arrow-down-small",color:"currentColor",margin:"none",size:this.variation==="compact"?"xxx-small":"xx-small"})),i("span",{class:"duet-keep-container-height",role:"presention","aria-hidden":"true"},"_")),i("span",{class:"duet-select-help",id:this.errorId,"aria-live":this.accessibleLiveError,"aria-atomic":"true","aria-relevant":"additions removals"},this.error&&i("span",null,this.error))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{value:["valueChanged"],items:["refresh"]}},enumerable:false,configurable:true});return e}());h.style=u}}}));
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c,h as t,H as i,g as o}from"./p-83e9058b.js";import{i as d}from"./p-a58bd561.js";import{D as h}from"./p-beeb12f1.js";import{c as s}from"./p-5e59e970.js";import{i as r,h as a,s as u,u as n,f as l}from"./p-a1b7f2a0.js";import{g as p,a as b,c as g,d as m}from"./p-2e36d5bf.js";import{h as f,c as k}from"./p-d87f6dd5.js";import"./p-0e052642.js";const v=class{constructor(t){e(this,t),this.duetChoiceReady=c(this,"duetChoiceReady",7),this.duetChoiceRemove=c(this,"duetChoiceRemove",7),this.duetChange=c(this,"duetChange",7),this.duetFocus=c(this,"duetFocus",7),this.duetBlur=c(this,"duetBlur",7),this.hasHeader=!1,this.choiceId=s("DuetChoice"),this.expandId=s("DuetChoiceExpand"),this.headerId=s("DuetChoiceHeader"),this.infoButtonId=s("DuetChoiceInfoButton"),this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{r(e)&&this.toggleChecked(e),a(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.nativeInput.checked||!1,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"}))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}),150)},this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=h,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.value=void 0,this.type="checkbox",this.name=void 0,this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.identifier=void 0,this.groupDirection=void 0,this.groupDisabled=void 0,this.groupResponsive=void 0,this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,b()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,b())}componentWillLoad(){d(this),this.hasInfo=f(this.element,"info"),this.hasHeader=f(this.element,"header"),this.hasAdditional=f(this.element,"additional"),this.hasLabel=f(this.element,"label"),this.hasBeforeText=f(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),u(this),this.duetChoiceReady.emit()}disconnectedCallback(){m(this),n(this),this.duetChoiceRemove.emit()}async setFocus(e){this.nativeInput.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){l(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),c=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>c.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:this.collapsible||this.hasInfo?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}render(){const e=this.identifier||this.choiceId;return t(i,{class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},t("div",{class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},t("div",{class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},t("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:e,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:e=>this.nativeInput=e}),t("label",{htmlFor:e,class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&t("slot",{name:"before-text"}),this.icon&&t("div",{class:"duet-choice-card-icon"},t("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),t("div",{class:"duet-choice-card-text"},t("div",null,this.hasLabel?t("slot",{name:"label"}):this.label),this.caption&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("slot",{name:"additional"}))),t("div",null,t("div",{class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&t("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&t("button",{ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},t("div",{class:"duet-choice-info-icon"},t("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>',margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&t("span",{id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?t("div",{class:this.getClassNames(),id:this.expandId},t("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},t("span",{id:this.headerId},t("slot",{name:"header"})),this.hasInfo?t("span",{ref:e=>this.infoContainer=e,tabindex:"0",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},t("span",null,t("slot",{name:"info"})),t("slot",null)):t("span",{id:`${this.choiceId}-collapsible-content`},t("slot",null)))):null)}get element(){return o(this)}};v.style='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;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:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(225, 227, 230);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(116, 116, 117)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(144, 149, 153) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important;border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important;border-color:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(173, 11, 43)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:1px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';const x=class{constructor(c){e(this,c),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const c=e.target;c&&this.choices.has(c)&&(this.value=c.value)},this.onChoiceReady=e=>{const c=e.target;c.closest("duet-choice-group")!==this.element||this.choices.has(c)||(this.choices.add(c),this.updateChoices())},this.onChoiceRemove=e=>{this.choices.delete(e.target),this.updateChoices()},this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.name=void 0,this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.value=void 0,this.disabled=void 0,this.required=!1,this.accessibleLiveError="polite"}async connectedCallback(){this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){d(this),k(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async updateChoices(){var e;const c=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let t=!1;for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,t||e.value!==c?e.checked=!1:(t=!0,e.checked=!0,void 0===this.value&&(this.value=c));t||(this.value=void 0)}render(){return t(i,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,onDuetChoiceRemove:this.onChoiceRemove,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},t("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&t("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),t("slot",{name:"tooltip"}),t("div",{class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},t("slot",null))))}get element(){return o(this)}static get watchers(){return{value:["setInitialValue","updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};x.style="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{v as duet_choice,x as duet_choice_group}
4
+ import{r as e,c,h as t,H as i,g as o}from"./p-83e9058b.js";import{i as d}from"./p-a58bd561.js";import{D as h}from"./p-beeb12f1.js";import{c as s}from"./p-5e59e970.js";import{i as r,h as a,s as u,u as n,f as l}from"./p-a1b7f2a0.js";import{g as p,a as b,c as g,d as m}from"./p-2e36d5bf.js";import{h as f,c as k}from"./p-06e608ae.js";import"./p-0e052642.js";const v=class{constructor(t){e(this,t),this.duetChoiceReady=c(this,"duetChoiceReady",7),this.duetChoiceRemove=c(this,"duetChoiceRemove",7),this.duetChange=c(this,"duetChange",7),this.duetFocus=c(this,"duetFocus",7),this.duetBlur=c(this,"duetBlur",7),this.hasHeader=!1,this.choiceId=s("DuetChoice"),this.expandId=s("DuetChoiceExpand"),this.headerId=s("DuetChoiceHeader"),this.infoButtonId=s("DuetChoiceInfoButton"),this.onMouseEnter=()=>{this.isHovering=!0},this.onMouseLeave=()=>{this.isHovering=!1},this.onClick=e=>{this.toggleChecked(e)},this.handleKeyDown=e=>{r(e)&&this.toggleChecked(e),a(e)&&this.hasInfo&&this.toggleInfo()},this.onChange=()=>{this.checked=this.nativeInput.checked||!1,this.duetChange.emit({checked:this.checked,value:this.value,component:"duet-choice"})},this.onBlur=e=>{this.duetBlur.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.onFocus=e=>{this.duetFocus.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"})},this.toggleChecked=e=>{e.preventDefault(),e.stopPropagation(),this.getDisabled()||"radio"===this.type&&this.checked||(this.checked=!this.checked,this.duetChange.emit({originalEvent:e,checked:this.checked,value:this.value,component:"duet-choice"}))},this.toggleInfo=()=>{this.isInfoOpen=!this.isInfoOpen,this.isInfoOpen&&setTimeout((()=>{var e;null===(e=this.infoContainer)||void 0===e||e.focus()}),150)},this.isHovering=!1,this.isInfoOpen=!1,this.theme="",this.label="label",this.accessibleLabelInfoButtonDefaults=h,this.accessibleLabelInfoButton=p(this.accessibleLabelInfoButtonDefaults),this.accessibleActiveDescendant=void 0,this.accessibleControls=void 0,this.accessibleOwns=void 0,this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.caption="",this.value=void 0,this.type="checkbox",this.name=void 0,this.checked=!1,this.collapsible=!1,this.collapsibleForceExpanded=!1,this.margin="auto",this.icon="",this.expand=!1,this.padding="auto",this.identifier=void 0,this.groupDirection=void 0,this.groupDisabled=void 0,this.groupResponsive=void 0,this.disabled=!1,this.required=!1,this.infoLabelDefaults={fi:"Lisätietoja vaihtoehdosta",en:"More information about",sv:"Mera information om"},this.infoLabel=p(this.infoLabelDefaults,b()),this.collapsibleNotificationDefaults={fi:"Tämä valinta sisältää lisätietoja, jotka avautuivat alle",en:"This choice has additional information opened below",sv:"Det här val har mer information som öppnades nedan"},this.collapsibleNotification=p(this.collapsibleNotificationDefaults,b())}componentWillLoad(){d(this),this.hasInfo=f(this.element,"info"),this.hasHeader=f(this.element,"header"),this.hasAdditional=f(this.element,"additional"),this.hasLabel=f(this.element,"label"),this.hasBeforeText=f(this.element,"before-text"),this.duetChoiceReady.emit()}connectedCallback(){g(this,[{prop:"accessibleLabelInfoButton",defaults:"accessibleLabelInfoButtonDefaults"},{prop:"infoLabel",defaults:"infoLabelDefaults"},{prop:"collapsibleNotification",defaults:"collapsibleNotificationDefaults"}]),u(this),this.duetChoiceReady.emit()}disconnectedCallback(){m(this),n(this),this.duetChoiceRemove.emit()}async setFocus(e){this.nativeInput.focus(e)}async toggleInfoMethod(){this.isInfoOpen=!this.isInfoOpen}handleEscape(e){l(e)&&this.isInfoOpen&&(this.isInfoOpen=!1,this.infoButtonEl&&this.infoButtonEl.focus())}isCollapsibleAnnounceable(){if(!this.collapsible||!this.getExpanded())return!1;const e=Array.from(this.element.querySelectorAll(`#${this.choiceId}-collapsible-content > *`)||[]),c=["duet-paragraph","duet-heading","duet-fieldset"];return e.every((e=>c.includes(e.tagName.toLowerCase())))}getAriaDescribedby(){return this.accessibleDescribedBy?this.accessibleDescribedBy:this.collapsible||this.hasInfo?this.hasHeader?this.headerId:this.isCollapsibleAnnounceable()?this.expandId:`${this.choiceId}-collapsible-notification`:null}getDisabled(){return this.disabled||this.groupDisabled}getExpanded(){return this.checked||this.collapsibleForceExpanded}getClassNames(){return this.hasInfo&&!this.collapsible?{checked:this.checked,"duet-choice-card-info":!0,"duet-choice-card-info-expanded":this.isInfoOpen,"duet-choice-card-collapsed":!this.isInfoOpen,"duet-theme-turva":"turva"===this.theme}:!this.hasInfo&&this.collapsible?{checked:this.checked,"duet-choice-card-collapsible":!0,"duet-choice-card-collapsible-expanded":this.getExpanded(),"duet-choice-card-collapsed":!this.getExpanded(),"duet-choice-card-collapsible-disabled":this.getDisabled(),"duet-theme-turva":"turva"===this.theme}:{checked:this.checked,"duet-choice-default-slot":!0}}render(){const e=this.identifier||this.choiceId;return t(i,{class:{horizontal:"horizontal"===this.groupDirection&&!this.groupResponsive,"horizontal-responsive":"horizontal"===this.groupDirection&&this.groupResponsive,"duet-m-0":"none"===this.margin,"duet-expand":this.expand,"duet-theme-turva":"turva"===this.theme,"no-hover":this.isHovering,disabled:this.getDisabled()}},t("div",{class:{"duet-choice-card-flextainer":!0,"duet-theme-turva":"turva"===this.theme}},t("div",{class:{"duet-choice-card":!0,"has-icon":!!this.icon,"has-info":this.hasInfo,checked:this.checked,info:this.isInfoOpen,collapsible:this.collapsible,"collapsible-force-expanded":this.collapsibleForceExpanded,"duet-p-0":"none"===this.padding}},t("input",{class:"duet-choice-input",type:this.type,onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,disabled:this.getDisabled(),required:this.required,id:e,name:this.name,value:this.value,checked:this.checked,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-owns":this.accessibleOwns,"aria-describedby":this.getAriaDescribedby(),onKeyDown:this.handleKeyDown,ref:e=>this.nativeInput=e}),t("label",{htmlFor:e,class:{"duet-choice-label":!0,"has-before-text":this.hasBeforeText},onClick:this.onClick},this.hasBeforeText&&t("slot",{name:"before-text"}),this.icon&&t("div",{class:"duet-choice-card-icon"},t("duet-icon",{margin:"none",size:"small",name:this.icon,color:"currentColor"})),t("div",{class:"duet-choice-card-text"},t("div",null,this.hasLabel?t("slot",{name:"label"}):this.label),this.caption&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("duet-caption",{margin:"none",selected:this.checked},this.caption)),this.hasAdditional&&t("div",null,t("duet-spacer",{size:"xx-small"}),t("slot",{name:"additional"}))),t("div",null,t("div",{class:{"duet-checkmark-container":!0,"duet-checkmark-radio":"radio"===this.type}},this.checked&&t("div",{class:"duet-checkmark"}))))),this.hasInfo&&!this.collapsible&&t("button",{ref:e=>this.infoButtonEl=e,id:this.infoButtonId,class:{"duet-choice-info-toggle":!0,"duet-theme-turva":"turva"===this.theme},onMouseEnter:this.onMouseEnter,onMouseLeave:this.onMouseLeave,onClick:this.toggleInfo,disabled:this.getDisabled(),"aria-expanded":this.isInfoOpen?"true":"false","aria-label":`${this.infoLabel} ${this.label}`,"aria-controls":this.expandId,tabindex:"radio"!==this.type||this.checked?"0":"-1",type:"button",onKeyUp:e=>this.handleEscape(e)},t("div",{class:"duet-choice-info-icon"},t("duet-icon",{icon:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5z"/><circle cx="11.625" cy="7.125" r="1.125"/><path d="M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5z"/></svg>',margin:"none",size:"small",color:"currentColor"})))),this.collapsible&&t("span",{id:`${this.choiceId}-collapsible-notification`,hidden:!0},this.collapsibleNotification),this.collapsible||this.hasInfo?t("div",{class:this.getClassNames(),id:this.expandId},t("span",{class:{"duet-choice-section-visible":this.collapsible?this.getExpanded():this.isInfoOpen,"duet-choice-section-hidden":this.collapsible?!this.getExpanded():!this.isInfoOpen}},t("span",{id:this.headerId},t("slot",{name:"header"})),this.hasInfo?t("span",{ref:e=>this.infoContainer=e,tabindex:"0",class:"duet-choice-info-container",onKeyUp:e=>this.handleEscape(e)},t("span",null,t("slot",{name:"info"})),t("slot",null)):t("span",{id:`${this.choiceId}-collapsible-content`},t("slot",null)))):null)}get element(){return o(this)}};v.style='*.sc-duet-choice,*.sc-duet-choice::after,*.sc-duet-choice::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;flex-direction:column;width:auto;max-width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-choice-h:last-child,.sc-duet-choice-h:last-of-type{margin-right:0 !important}@media (max-width: 35.9375em){.sc-duet-choice-h{width:100%}}.duet-expand.sc-duet-choice-h{width:100% !important}.duet-m-0.sc-duet-choice-h{margin:0 !important}.duet-fixed.sc-duet-choice-h{width:auto !important}.vertical.sc-duet-choice-h{margin-right:0 !important}@media (min-width: 48em){.horizontal.sc-duet-choice-h{margin-bottom:0 !important}}@media (min-width: 48em){.horizontal-responsive.sc-duet-choice-h{margin-bottom:0 !important;margin-right:16px !important}.horizontal-responsive.sc-duet-choice-h:last-child,.horizontal-responsive.sc-duet-choice-h:last-of-type{margin-right:0 !important}}.sc-duet-choice-h:last-child:not(:only-child){margin-right:0 !important}.duet-choice-card.sc-duet-choice{position:relative;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:400;-webkit-hyphens:auto;hyphens:auto;line-height:1.1;color:rgb(0, 41, 77) !important;text-align:left;background:rgb(255, 255, 255);border-width:1px}.duet-choice-card.duet-p-0.sc-duet-choice{padding:0 !important}.duet-choice-card.duet-m-0.sc-duet-choice{margin:0 !important}.duet-theme-turva.sc-duet-choice .duet-choice-card.sc-duet-choice{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58) !important}.duet-choice-card-flextainer.sc-duet-choice{display:flex}.duet-choice-label.sc-duet-choice{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:flex;gap:12px;align-items:center;justify-content:flex-start;width:100%;height:100%;min-height:3.875rem;padding:calc(1rem + 1px);font-size:1rem;font-weight:600;text-decoration:none;word-break:break-word;cursor:pointer;border:1px solid rgb(225, 227, 230);border-radius:8px;transition:background-color 150ms ease, border-color 300ms ease}.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-icon.sc-duet-choice,.duet-choice-label.has-before-text.sc-duet-choice .duet-choice-card-text.sc-duet-choice{align-self:flex-start;margin-top:0.25rem}.duet-choice-label.sc-duet-choice>div.sc-duet-choice:last-child{flex:1;align-self:flex-start;justify-self:flex-end;margin-top:0.25rem}.has-info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-top-right-radius:0;border-bottom-right-radius:0}.info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-bottom-right-radius:0;border-bottom-left-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-theme-turva.sc-duet-choice .info.sc-duet-choice .duet-choice-label.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-label.sc-duet-choice:active{opacity:0.75;transition:none !important}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding:1rem;background:rgb(243, 249, 252);border-color:rgb(0, 119, 179) !important;border-width:2px}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(23, 28, 58) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(198, 12, 48)}.checked.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice,.collapsible-force-expanded.collapsible.sc-duet-choice>.duet-choice-label.sc-duet-choice{padding-bottom:calc(1rem + 2px) !important;border-bottom:0 !important;border-bottom-right-radius:0;border-bottom-left-radius:0}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(23, 28, 58)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked) .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.duet-theme-turva .info .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}.sc-duet-choice-h:not(.no-hover):not(.disabled):not([checked]):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice:not(.checked){padding:1rem}input.sc-duet-choice:focus{outline:0}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3)}.user-is-tabbing.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:checked:focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2)}.user-is-tabbing.duet-theme-turva.sc-duet-choice-h input.sc-duet-choice:not(:checked):focus+.duet-choice-label.sc-duet-choice{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(101, 119, 135) !important;cursor:default !important;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(116, 116, 117)}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(101, 119, 135) !important}input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:hover,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:active,input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice:focus{box-shadow:none !important;opacity:1 !important;transition:none !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{color:rgb(116, 116, 117) !important;background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-theme-turva.sc-duet-choice input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice .duet-checkmark.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(144, 149, 153) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>input[disabled].sc-duet-choice+.duet-choice-label.sc-duet-choice{border-color:rgb(116, 116, 117) !important}.duet-checkmark-container.sc-duet-choice{position:relative;width:20px;height:20px;margin-left:auto;border:1px solid rgb(144, 149, 153);border-radius:4px;transition:border 300ms ease}.duet-theme-turva.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(116, 116, 117)}.checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(0, 119, 179);border-color:rgb(0, 119, 179);transition:none}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>.duet-choice-label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(23, 28, 58);border-color:rgb(23, 28, 58) !important}.duet-checkmark-container.duet-checkmark-radio.sc-duet-choice{border-radius:50%}[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important;border-color:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice [disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{border-color:rgb(207, 207, 209) !important}.checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-choice .checked.sc-duet-choice>[disabled].sc-duet-choice+label.sc-duet-choice .duet-checkmark-container.sc-duet-choice{background:rgb(207, 207, 209) !important;border-color:rgb(207, 207, 209) !important}.duet-checkmark.sc-duet-choice{position:absolute;top:10px;left:3px;width:5.3333333333px;height:11.8518518519px;border-top:2px solid rgb(255, 255, 255);border-right:2px solid rgb(255, 255, 255);opacity:1;transform:scaleX(-1) rotate(135deg) translateZ(0);transform-origin:left top;animation-name:duet-checkmark;animation-duration:600ms;animation-timing-function:ease-out;animation-fill-mode:forwards}@keyframes duet-checkmark{0%{width:0;height:0;opacity:1}20%{width:5.3333333333px;height:0;opacity:1}40%,100%{width:5.3333333333px;height:11.8518518519px;opacity:1}}.duet-choice-card-icon.sc-duet-choice{position:relative;color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-card-icon.sc-duet-choice{color:rgb(173, 11, 43)}.duet-choice-card-icon.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-section-hidden.sc-duet-choice{display:none}.duet-choice-card-info.duet-choice-card-collapsed.sc-duet-choice,.duet-choice-card-collapsed.duet-choice-card-collapsible.sc-duet-choice{position:relative;width:auto;padding:0 !important;background:unset !important;border:0;border-radius:0}.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:20px !important;position:relative;width:100%;font-weight:400;color:rgb(0, 41, 77);border:1px solid rgb(225, 227, 230);border-top:0;border-radius:0 0 8px 8px;transition:border-color 300ms ease}@media (min-width: 36em){.duet-choice-card-info.sc-duet-choice,.duet-choice-card-collapsible.sc-duet-choice{padding:28px !important}}.duet-theme-turva.sc-duet-choice .duet-choice-card-info.sc-duet-choice,.duet-theme-turva.sc-duet-choice .duet-choice-card-collapsible.sc-duet-choice{color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.checked.sc-duet-choice>.duet-choice-card-info.sc-duet-choice,.checked.sc-duet-choice>.duet-choice-card-collapsible.sc-duet-choice{display:block}.duet-choice-card-info-expanded.sc-duet-choice,.duet-choice-card-collapsible-expanded.sc-duet-choice{display:block}.duet-choice-card-collapsible.sc-duet-choice{background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-top:0}.duet-choice-card-collapsible.duet-theme-turva.sc-duet-choice{background:rgb(255, 255, 255);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible.checked.sc-duet-choice{padding:19px !important;padding-top:20px !important;border-color:rgb(0, 119, 179);border-width:2px}@media (min-width: 36em){.duet-choice-card-collapsible.checked.sc-duet-choice{padding:27px !important;padding-top:28px !important}}.duet-choice-card-collapsible.checked.duet-theme-turva.sc-duet-choice{border-color:rgb(23, 28, 58)}.duet-choice-card-collapsible-disabled.sc-duet-choice{background:rgb(245, 248, 250);border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.checked.sc-duet-choice{border-color:rgb(225, 227, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-collapsible-disabled.duet-theme-turva.checked.sc-duet-choice{border-color:rgb(228, 228, 230)}.duet-choice-card-info.sc-duet-choice{font-size:0.875rem;line-height:1.5;background:rgb(245, 248, 250);transition:150ms ease-out}.duet-choice-card-info.duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container.sc-duet-choice-s>*,.duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container .sc-duet-choice-s>*{display:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-container.sc-duet-choice:focus{display:block;outline:none;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(0, 119, 179);border-width:2px}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){border-color:rgb(116, 116, 117)}[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:19px !important;padding-top:20px !important}@media (min-width: 36em){[collapsible-force-expanded].sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-collapsible.sc-duet-choice:not(.checked){padding:27px !important;padding-top:28px !important}}.duet-choice-info-toggle.sc-duet-choice{display:flex;flex-shrink:0;align-items:flex-start;justify-content:center;width:57.6px;padding-top:1.25rem;cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-left:0 none;border-top-right-radius:8px;border-bottom-right-radius:8px;-webkit-appearance:none;appearance:none}.duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 248, 250);border-bottom-color:transparent;border-bottom-right-radius:0}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle[aria-expanded=true].sc-duet-choice{background:rgb(245, 245, 247)}.duet-choice-info-toggle[disabled].sc-duet-choice{pointer-events:none;background:rgb(245, 248, 250) !important;border-color:rgb(225, 227, 230) !important}.duet-choice-info-toggle[disabled].sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(144, 149, 153) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice{background:rgb(245, 245, 247) !important;border-color:rgb(228, 228, 230) !important}.duet-choice-info-toggle[disabled].duet-theme-turva.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(116, 116, 117) !important}.duet-choice-info-toggle.sc-duet-choice:focus{outline:none}.user-is-tabbing.sc-duet-choice-h .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-choice-h .duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.checked.sc-duet-choice+.duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(0, 119, 179) !important}.duet-choice-info-toggle.sc-duet-choice duet-icon.sc-duet-choice{display:block}.duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice .duet-choice-info-icon.sc-duet-choice{color:rgb(198, 12, 48)}.sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(144, 149, 153)}.duet-theme-turva .sc-duet-choice-h:not(.no-hover):not(.disabled):hover>.duet-choice-card-flextainer.sc-duet-choice .duet-choice-label.sc-duet-choice .duet-choice-info-toggle.sc-duet-choice{border-left-color:rgb(116, 116, 117)}.duet-choice-input.sc-duet-choice{position:absolute !important;width:100%;height:100%;opacity:0}';const x=class{constructor(c){e(this,c),this.choiceGroupName="duet-choice-group",this.choices=new Set,this.onSelect=e=>{if("duet-choice"!==e.detail.component)return;const c=e.target;c&&this.choices.has(c)&&(this.value=c.value)},this.onChoiceReady=e=>{const c=e.target;c.closest("duet-choice-group")!==this.element||this.choices.has(c)||(this.choices.add(c),this.updateChoices())},this.onChoiceRemove=e=>{this.choices.delete(e.target),this.updateChoices()},this.direction="vertical",this.margin="auto",this.theme="",this.error="",this.name=void 0,this.label="Label",this.labelHidden=!1,this.caption=void 0,this.tooltip=void 0,this.tooltipDirection="auto",this.responsive=!1,this.breakpoint="small",this.value=void 0,this.disabled=void 0,this.required=!1,this.accessibleLiveError="polite"}async connectedCallback(){this.setInitialValue(),this.updateChoices()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0)}componentWillLoad(){d(this),k(this.element,"tooltip","duet-tooltip",1,!0)}setInitialValue(){void 0===this.initialValue&&(this.initialValue=this.value)}async updateChoices(){var e;const c=null!==(e=this.value)&&void 0!==e?e:this.initialValue;let t=!1;for(const e of Array.from(this.choices))e.name=this.name,e.required=this.required,e.groupDisabled=this.disabled,e.groupDirection=this.direction,e.groupResponsive=this.responsive,t||e.value!==c?e.checked=!1:(t=!0,e.checked=!0,void 0===this.value&&(this.value=c));t||(this.value=void 0)}render(){return t(i,{onDuetChange:this.onSelect,onDuetChoiceReady:this.onChoiceReady,onDuetChoiceRemove:this.onChoiceRemove,class:{horizontal:"horizontal"===this.direction,"duet-choice-group-breakpoint-x-small":this.responsive&&"x-small"===this.breakpoint,"duet-choice-group-breakpoint-small":this.responsive&&"small"===this.breakpoint,"duet-choice-group-breakpoint-medium":this.responsive&&"medium"===this.breakpoint,"duet-choice-group-breakpoint-large":this.responsive&&"large"===this.breakpoint,"duet-choice-group-breakpoint-x-large":this.responsive&&"x-large"===this.breakpoint}},t("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,compactLabel:!0,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme,"accessible-live-error":this.accessibleLiveError},this.tooltip&&t("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),t("slot",{name:"tooltip"}),t("div",{class:{[this.choiceGroupName]:!0,"duet-no-stacking":!this.responsive}},t("slot",null))))}get element(){return o(this)}static get watchers(){return{value:["setInitialValue","updateChoices"],disabled:["updateChoices"],name:["updateChoices"],direction:["updateChoices"],responsive:["updateChoices"]}}};x.style="*.sc-duet-choice-group,*.sc-duet-choice-group::after,*.sc-duet-choice-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-choice-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:block;margin-bottom:-12px}.horizontal.sc-duet-choice-group-h .duet-choice-group.duet-no-stacking.sc-duet-choice-group{display:flex}@media (min-width: 48em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{margin-bottom:0}}@media (max-width: 35.9375em){.horizontal.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group{display:flex}}.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}@media (max-width: 22.5em){.horizontal.duet-choice-group-breakpoint-x-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}}.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 36em){.horizontal.duet-choice-group-breakpoint-small.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 48em){.horizontal.duet-choice-group-breakpoint-medium.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 62em){.horizontal.duet-choice-group-breakpoint-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:block}@media (min-width: 64.0625em){.horizontal.duet-choice-group-breakpoint-x-large.sc-duet-choice-group-h .duet-choice-group.sc-duet-choice-group:not(.duet-no-stacking){display:flex}}.duet-choice-group.sc-duet-choice-group{position:relative;width:100%;margin-bottom:-12px}";export{v as duet_choice,x as duet_choice_group}
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(t,e,a,i){function r(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,n){function o(t){try{s(i.next(t))}catch(t){n(t)}}function d(t){try{s(i["throw"](t))}catch(t){n(t)}}function s(t){t.done?a(t.value):r(t.value).then(o,d)}s((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,r,n,o;return o={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function d(t){return function(e){return s([t,e])}}function s(d){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,d[0]&&(a=0)),a)try{if(i=1,r&&(n=d[0]&2?r["return"]:d[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,d[1])).done)return n;if(r=0,n)d=[d[0]&2,n.value];switch(d[0]){case 0:case 1:n=d;break;case 4:a.label++;return{value:d[1],done:false};case 5:a.label++;r=d[1];d=[0];continue;case 7:d=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(d[0]===6||d[0]===2)){a=0;continue}if(d[0]===3&&(!n||d[1]>n[0]&&d[1]<n[3])){a.label=d[1];break}if(d[0]===6&&a.label<n[1]){a.label=n[1];n=d;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(d);break}if(n[2])a.ops.pop();a.trys.pop();continue}d=e.call(t,a)}catch(t){d=[6,t];r=0}finally{i=n=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-43887017.system.js","./p-224f6c46.system.js","./p-7cf03aa8.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var e,a,i,r,n,o,d,s,u,c,l,p,h;return{setters:[function(t){e=t.h;a=t.r;i=t.c;r=t.H;n=t.g},function(t){o=t.i},function(t){d=t.c},function(t){s=t.F},function(t){u=t.a;c=t.g;l=t.c;p=t.d},function(t){h=t.c},function(){}],execute:function(){var b={day:"numeric",month:"long"};var m={day:"numeric",month:"long",year:"numeric"};var f={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",b),formatterLong:new Intl.DateTimeFormat("fi-FI",m)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",b),formatterLong:new Intl.DateTimeFormat("en-GB",m)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",b),formatterLong:new Intl.DateTimeFormat("sv-SE",m)}};var g={title:"form-date",tags:"form date calendar date picker",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>'};var v=function(t){var a=t.onClick,i=t.placeholder,r=t.name,n=t.inputLabel,o=t.value,d=t.valueAsDate,s=t.formattedValue,u=t.language,c=t.identifier,l=t.theme,p=t.disabled,h=t.error,b=t.role,m=t.required,v=t.tooltip,k=t.tooltipDirection,y=t.labelHidden,x=t.buttonRef,w=t.inputRef,S=t.onInput,D=t.onBlur,M=t.onFocus,I=t.accessibleActiveDescendant,L=t.accessibleControls,A=t.accessibleOwns,j=t.accessibleDescribedBy,z=t.echoPlaceholder,E=t.caption;var F=f[u],C=F.buttonLabel,V=F.selected,U=F.formatterLong;return e("div",{class:{"duet-theme-turva":l==="turva","duet-date-input":true}},e("duet-input",{label:n,value:s,placeholder:i,id:c,disabled:p,theme:l,error:h,role:b,required:m,tooltip:v,tooltipDirection:k,margin:"none",component:"date",labelHidden:y,accessibleAutocomplete:"none",onDuetInput:S,onDuetFocus:M,onDuetBlur:D,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:w,accessibleActiveDescendant:I,accessibleControls:L,accessibleOwns:A,accessibleDescribedBy:j,echoPlaceholder:z,caption:E},e("slot",{name:"tooltip"}),e("button",{class:{"duet-date-button":true,"duet-no-label":y},onClick:a,disabled:p,ref:x,type:"button"},e("duet-icon",{icon:g.svg,margin:"none",size:"small",color:"currentColor"}),e("duet-visually-hidden",null,C,d&&e("span",null,", ",V," ",U.format(d))))),e("input",{type:"hidden",name:r,value:o}))};var k=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/;var y=/^(\d{4})-(\d{2})-(\d{2})$/;var x="dd.mm.yyyy";var w="YYYY-MM-DD";function S(t,e,a){var i=parseInt(a,10);var r=parseInt(e,10);var n=parseInt(t,10);var o=Number.isInteger(n)&&Number.isInteger(r)&&Number.isInteger(i)&&r>0&&r<=12&&i>0&&i<=31&&n>0;if(o){return new Date(n,r-1,i)}}function D(t){if(!t){return}var e=t.match(k);if(e){return S(e[3],e[2],e[1])}}function M(t){if(!t){return}var e=t.match(y);if(e){return S(e[1],e[2],e[3])}}function I(t,e){if(!t){return""}var a=t.getDate().toString(10);var i=(t.getMonth()+1).toString(10);var r=t.getFullYear().toString(10);if(t.getDate()<10){a="0".concat(a)}if(t.getMonth()<9){i="0".concat(i)}return e.replace(/MM/i,i).replace(/YYYY/i,r).replace(/DD/i,a)}function L(t){return I(t,x)}function A(t){return I(t,w)}function j(t,e){if(t==null||e==null){return false}return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function z(t,e){var a=new Date(t);a.setDate(a.getDate()+e);return a}function E(t,e){if(e===void 0){e=1}var a=new Date(t);var i=a.getDay();var r=(i<e?7:0)+i-e;a.setDate(a.getDate()-r);return a}function F(t,e){if(e===void 0){e=1}var a=new Date(t);var i=a.getDay();var r=(i<e?-7:0)+6-(i-e);a.setDate(a.getDate()+r);return a}function C(t){return new Date(t.getFullYear(),t.getMonth(),1)}function V(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function U(t,e){var a=new Date(t);a.setMonth(e);return a}function H(t,e){var a=new Date(t);a.setFullYear(e);return a}function _(t,e,a){return T(t,e,a)===t}function T(t,e,a){var i=t.getTime();if(e&&e instanceof Date&&i<e.getTime()){return e}if(a&&a instanceof Date&&i>a.getTime()){return a}return t}function Y(t,e){var a=[];var i=t;while(!j(i,e)){a.push(i);i=z(i,1)}a.push(i);return a}function B(t,e){if(e===void 0){e=1}var a=E(C(t),e);var i=F(V(t),e);return Y(a,i)}var J=function(t){var a=t.focusedDay,i=t.today,r=t.day,n=t.language,o=t.onDaySelect,d=t.onKeyboardNavigation,s=t.ref,u=t.inRange,c=t.isSelected;var l=j(r,i);var p=j(r,a);var h=r.getMonth()!==a.getMonth();var b=!u;var m=f[n].formatterShort;function g(t){o(t,r)}return e("button",{class:{"duet-date-table-button":true,outside:b,disabled:h,today:l},tabIndex:p?0:-1,onClick:g,onKeyDown:d,"aria-disabled":b||h,"aria-pressed":c?"true":"false",type:"button",ref:s},e("span",{"aria-hidden":"true"},r.getDate()),e("duet-visually-hidden",null,m.format(r)))};function N(t,e){var a=[];for(var i=t;i<=e;i++){a.push(i)}return a}function P(t,e){var a=[];for(var i=0;i<t.length;i+=e){a.push(t.slice(i,i+e))}return a}function R(t){var e;var a=t.trim().split("+");var i=a.pop();return[((e=a[0])===null||e===void 0?void 0:e.toLowerCase())==="shift",i]}function O(t){var e=Object.keys(t).map((function(e){return[R(e),t[e]]}));return function t(a){if(!(a instanceof KeyboardEvent)){return}var i=e.find((function(t){var e=t[0],i=e[0],r=e[1];return(r.toUpperCase()===a.key.toUpperCase()||r===a.code)&&i===a.shiftKey}));if(i){i[1](a);a.preventDefault()}}}var K=function(t){var a=t.selectedDate,i=t.focusedDate,r=t.labelledById,n=t.theme,o=t.language,d=t.min,s=t.max,u=t.onDateSelect,c=t.onKeyboardNavigation,l=t.focusedDayRef,p=t.onFocusEnter,h=t.onFocusExit;var b=f[o].dayLabels;var m=new Date;var g=B(i);function v(t){var e=t.currentTarget;var a=t.relatedTarget;if(a&&!e.contains(a)){h(t)}}return e("table",{class:{"duet-date-table":true,"duet-theme-turva":n==="turva"},"aria-labelledby":r,onFocusin:p,onFocusout:v},e("thead",null,e("tr",null,b.map((function(t){return e("th",{scope:"col"},e("span",{"aria-hidden":"true"},t.substr(0,2)),e("duet-visually-hidden",null,t))})))),e("tbody",null,P(g,7).map((function(t){return e("tr",{class:"duet-date-table-row"},t.map((function(t){return e("td",{class:"duet-date-table-cell"},e(J,{day:t,today:m,language:o,focusedDay:i,inRange:_(t,d,s),isSelected:j(t,a),onDaySelect:u,onKeyboardNavigation:c,ref:function(e){if(e&&j(t,i)){l(e)}}}))})))}))))};var Z='*.sc-duet-date-picker,*.sc-duet-date-picker::after,*.sc-duet-date-picker::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-date-picker-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}.sc-duet-date-picker-h:last-child,.sc-duet-date-picker-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-date-picker-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-date-picker-h{width:100% !important}.duet-m-0.sc-duet-date-picker-h{margin:0 !important}.duet-date.sc-duet-date-picker{position:relative;width:100%}.duet-date.sc-duet-date-picker button.sc-duet-date-picker,.duet-date-dialog.sc-duet-date-picker button.sc-duet-date-picker{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button.sc-duet-date-picker{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:calc(100% - 2px);color:rgb(0, 41, 77);cursor:pointer;background:transparent !important;border-left:1px solid rgb(207, 210, 212) !important;border-radius:0 4px 4px 0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker{color:rgb(23, 28, 58);border-color:rgb(207, 207, 209)}.duet-date-button.sc-duet-date-picker::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-date-button.sc-duet-date-picker:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:disabled{background:rgb(245, 245, 247) !important}.duet-date-button.sc-duet-date-picker:disabled::before{display:none}.duet-date-button.sc-duet-date-picker:disabled duet-icon.sc-duet-date-picker{opacity:0.4}.duet-date-button.sc-duet-date-picker duet-icon.sc-duet-date-picker{transform:translateY(-1px)}.duet-date-button.sc-duet-date-picker:active duet-icon.sc-duet-date-picker{transform:translateY(0)}.duet-date-button.sc-duet-date-picker:focus{color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog.sc-duet-date-picker{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left.sc-duet-date-picker{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog.sc-duet-date-picker{position:fixed;top:0;right:0;bottom:0;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error.sc-duet-date-picker{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper.sc-duet-date-picker{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{border-color:rgb(228, 228, 230)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper.sc-duet-date-picker{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table.sc-duet-date-picker{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.25;color:rgb(0, 41, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-date-table.sc-duet-date-picker th.sc-duet-date-picker{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table.sc-duet-date-picker .duet-date-table-cell.sc-duet-date-picker{text-align:center}.duet-date-table-button.sc-duet-date-picker{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25 !important;color:rgb(0, 41, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button.sc-duet-date-picker:hover{background:rgb(230, 242, 248) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:rgb(249, 230, 234) !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:rgb(0, 77, 128) !important;background:rgb(243, 249, 252) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.today.sc-duet-date-picker{color:rgb(148, 9, 37) !important;background:rgb(252, 243, 244) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button.sc-duet-date-picker:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.sc-duet-date-picker:focus{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(144, 149, 153) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(116, 116, 117) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:rgb(144, 149, 153) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.outside.sc-duet-date-picker{color:rgb(116, 116, 117);background:rgb(245, 245, 247);box-shadow:none}.duet-date-dialog-header.sc-duet-date-picker{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons.sc-duet-date-picker{white-space:nowrap}.duet-date-dialog-buttons.sc-duet-date-picker .sc-duet-date-picker::part(button){border:0}.duet-date-dialog-select.sc-duet-date-picker{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);pointer-events:none;border-radius:4px}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-date-dialog-select.sc-duet-date-picker span.sc-duet-date-picker{margin-right:4px}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header.sc-duet-date-picker{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(207, 210, 212)}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-mobile-header.sc-duet-date-picker{border-color:rgb(207, 207, 209)}.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:none}}.duet-date-picker-close.sc-duet-date-picker{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(0, 41, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker{opacity:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker:focus{opacity:1}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a !important}';var q=t("duet_date_picker",function(){function t(t){var e=this;a(this,t);this.duetChange=i(this,"duetChange",7);this.duetBlur=i(this,"duetBlur",7);this.duetFocus=i(this,"duetFocus",7);this.monthSelectId=d("DuetDatePicker");this.yearSelectId=d("DuetDatePicker");this.dialogLabelId=d("DuetDatePicker");this.initialTouchX=null;this.initialTouchY=null;this.focusTarget=null;this.enableActiveFocus=function(){e.focusTarget="day-button"};this.disableActiveFocus=function(){e.focusTarget=null};this.toggleOpen=function(t){t.preventDefault();e.open?e.hide(false):e.show()};this.handleBlur=function(t){t.stopPropagation();e.duetBlur.emit({component:"duet-date-picker"})};this.handleFocus=function(t){t.stopPropagation();e.duetFocus.emit({component:"duet-date-picker"})};this.handleTouchStart=function(t){var a=t.changedTouches[0];e.initialTouchX=a.pageX;e.initialTouchY=a.pageY};this.handleTouchMove=function(t){t.preventDefault()};this.handleTouchEnd=function(t){var a=t.changedTouches[0];var i=a.pageX-e.initialTouchX;var r=a.pageY-e.initialTouchY;var n=70;var o=Math.abs(i)>=n&&Math.abs(r)<=n;var d=Math.abs(r)>=n&&Math.abs(i)<=n&&r>0;if(o){e.addMonths(i<0?1:-1)}else if(d){e.hide();t.preventDefault()}e.initialTouchY=null;e.initialTouchX=null};this.handleNextMonthClick=function(t){t.preventDefault();e.addMonths(1)};this.handlePreviousMonthClick=function(t){t.preventDefault();e.addMonths(-1)};this.handleEscKey=O({Escape:function(){return e.hide()},Esc:function(){return e.hide()}});this.handleKeyboardNavigation=O({ArrowRight:function(){return e.addDays(1)},Right:function(){return e.addDays(1)},ArrowLeft:function(){return e.addDays(-1)},Left:function(){return e.addDays(-1)},ArrowDown:function(){return e.addDays(7)},Down:function(){return e.addDays(7)},ArrowUp:function(){return e.addDays(-7)},Up:function(){return e.addDays(-7)},Home:function(){return e.startOfWeek()},End:function(){return e.endOfWeek()},PageUp:function(){return e.addMonths(-1)},PageDown:function(){return e.addMonths(1)},"Shift+PageUp":function(){return e.addYears(-1)},"Shift+PageDown":function(){return e.addYears(1)}});this.handleDaySelect=function(t,a){var i=M(e.min);var r=M(e.max);e.determineValidity(a);if(_(a,i,r)){e.setValue(a);e.hide()}};this.handleMonthSelect=function(t){e.setMonth(parseInt(t.target.value,10))};this.handleYearSelect=function(t){e.setYear(parseInt(t.target.value,10))};this.handleInputChange=function(t){e.inputValue=t.detail.value;var a=D(e.inputValue);e.determineValidity(a);if(a||e.inputValue===""){e.setValue(a)}};this.open=false;this.focusedDay=new Date;this.inputValue="";this.theme="";this.expand=false;this.name="";this.identifier="";this.label="";this.caption=undefined;this.margin="auto";this.language=u();this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"};this.placeholder=c(this.placeholderDefaults,this.language);this.echoPlaceholder=false;this.disabled=false;this.error="";this.labelHidden=false;this.role=undefined;this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.required=false;this.direction="right";this.tooltip="";this.tooltipDirection="auto";this.value="";this.min="";this.max="";this.incrementYears=10;this.validity=undefined}t.prototype.updateValidity=function(){this.determineValidity(M(this.value))};t.prototype.updateInternalValue=function(){var t=M(this.value);var e=D(this.inputValue);if(!t){this.inputValue=""}else if(!j(t,e)){this.inputValue=L(t)}};t.prototype.componentWillLoad=function(){o(this);this.determineValidity(M(this.value));this.updateInternalValue();h(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidUpdate=function(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus();this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus();this.focusTarget=null;break}};t.prototype.connectedCallback=function(){l(this,{prop:"placeholder",defaults:"placeholderDefaults"})};t.prototype.disconnectedCallback=function(){p(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.datePickerInput.setFocus(t);return[2]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.focusTarget="month-select";this.setFocusedDay(M(this.value)||new Date);return[2]}))}))};t.prototype.hide=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;if(t){this.focusTarget="toggle-button"}return[2]}))}))};t.prototype.addDays=function(t){this.setFocusedDay(z(this.focusedDay,t))};t.prototype.addMonths=function(t){this.setMonth(this.focusedDay.getMonth()+t)};t.prototype.addYears=function(t){this.setYear(this.focusedDay.getFullYear()+t)};t.prototype.startOfWeek=function(){this.setFocusedDay(E(this.focusedDay))};t.prototype.endOfWeek=function(){this.setFocusedDay(F(this.focusedDay))};t.prototype.setMonth=function(t){var e=U(C(this.focusedDay),t);var a=V(e);var i=U(this.focusedDay,t);this.setFocusedDay(T(i,e,a))};t.prototype.setYear=function(t){var e=H(C(this.focusedDay),t);var a=V(e);var i=H(this.focusedDay,t);this.setFocusedDay(T(i,e,a))};t.prototype.setFocusedDay=function(t){this.focusedDay=T(t,M(this.min),M(this.max))};t.prototype.determineValidity=function(t){var e,a;var i=(a=(e=this.datePickerInput)===null||e===void 0?void 0:e.value)!==null&&a!==void 0?a:"";var r=i!==""&&t==null;var n=this.required&&t==null;var o=t?!_(t,null,M(this.max)):false;var d=t?!_(t,M(this.min)):false;this.validity={patternMismatch:false,customError:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:n,badInput:r,rangeUnderflow:d,rangeOverflow:o,valid:!(n||r||d||o)}};t.prototype.setValue=function(t){var e=A(t);if(e===this.value){return}this.value=e;this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:t})};t.prototype.handleDocumentClick=function(t){var e=this;if(!this.open){return}var a=t.composedPath().every((function(t){return t!==e.dialogWrapperNode&&t!==e.datePickerButton}));if(a){this.hide(false)}};t.prototype.render=function(){var t=this;var a=M(this.value);var i=(a||this.focusedDay).getFullYear();var n=this.focusedDay.getMonth();var o=this.focusedDay.getFullYear();var d=f[this.language];var u=M(this.min);var c=M(this.max);var l=u!=null&&u.getMonth()===n&&u.getFullYear()===o;var p=c!=null&&c.getMonth()===n&&c.getFullYear()===o;var h=i-this.incrementYears;var b=i+this.incrementYears;if(u){h=Math.max(h,u.getFullYear())}if(c){b=Math.min(b,c.getFullYear())}return e(r,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},e("div",{class:"duet-date"},e(v,{value:this.value,valueAsDate:a,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:function(e){return t.datePickerButton=e},inputRef:function(e){return t.datePickerInput=e},accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),e("div",{class:{"duet-theme-turva":this.theme==="turva","duet-date-dialog":true,left:this.direction==="left",error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},e("duet-overlay",{visible:this.open,"display-device":"x-small"}),e(s,{moveFocusTo:this.focusedDayNode}),e("div",{class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(e){return t.dialogWrapperNode=e}},e("duet-visually-hidden",{"aria-live":"polite"},d.keyboardInstruction),e("div",{class:"duet-date-dialog-mobile-header"},e("duet-label",{margin:"none"},this.label),e("button",{class:"duet-date-picker-close",ref:function(e){return t.closeButtonNode=e},onClick:function(){return t.hide()},type:"button"},e("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),e("duet-visually-hidden",null,d.closeLabel))),e("div",{class:"duet-date-dialog-header"},e("div",{class:"duet-date-dialog-dropdowns"},e("duet-visually-hidden",null,e("h2",{id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},d.monthLabels[n]," ",this.focusedDay.getFullYear())),e("duet-visually-hidden",null,e("label",{htmlFor:this.monthSelectId},d.monthSelectLabel)),e("div",{class:"duet-date-dialog-select"},e("select",{id:this.monthSelectId,class:"duet-date-month-select",ref:function(e){return t.monthSelectNode=e},onChange:this.handleMonthSelect},d.monthLabels.map((function(t,a){return e("option",{key:t,value:a,selected:a===n,disabled:!_(new Date(o,a,1),u?C(u):null,c?V(c):null)},t)}))),e("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},e("span",null,d.monthLabelsShort[n]),e("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),e("duet-visually-hidden",null,e("label",{htmlFor:this.yearSelectId},d.yearSelectLabel)),e("div",{class:"duet-date-dialog-select"},e("select",{id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},N(h,b).map((function(t){return e("option",{key:t,selected:t===o},t)}))),e("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},e("span",null,this.focusedDay.getFullYear()),e("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),e("div",{class:"duet-date-dialog-buttons"},e("duet-action-button",{accessibleLabel:f[this.language].prevMonthLabel,actionName:f[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:l,"icon-name":"action-arrow-left-small"},d.prevMonthLabel),e("duet-action-button",{accessibleLabel:f[this.language].nextMonthLabel,actionName:f[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:p,"icon-name":"action-arrow-right-small"},d.nextMonthLabel))),e(K,{selectedDate:a,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:u,max:c,focusedDayRef:function(e){return t.focusedDayNode=e},onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),e(s,{moveFocusTo:this.closeButtonNode})))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"]}},enumerable:false,configurable:true});return t}());q.style=Z}}}));
4
+ */System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-43887017.system.js","./p-224f6c46.system.js","./p-ae21ad57.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var e,a,i,r,n,o,d,s,u,c,l,p,h;return{setters:[function(t){e=t.h;a=t.r;i=t.c;r=t.H;n=t.g},function(t){o=t.i},function(t){d=t.c},function(t){s=t.F},function(t){u=t.a;c=t.g;l=t.c;p=t.d},function(t){h=t.c},function(){}],execute:function(){var b={day:"numeric",month:"long"};var m={day:"numeric",month:"long",year:"numeric"};var f={fi:{buttonLabel:"Valitse päivämäärä",prevMonthLabel:"Edellinen kuukausi",nextMonthLabel:"Seuraava kuukausi",monthSelectLabel:"Kuukausi",yearSelectLabel:"Vuosi",closeLabel:"Sulje ikkuna",selected:"Valittu päivämäärä on",keyboardInstruction:"Voit navigoida päivämääriä nuolinäppäimillä",dayLabels:["Maanantai","Tiistai","Keskiviikko","Torstai","Perjantai","Lauantai","Sunnuntai"],monthLabels:["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu","Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],monthLabelsShort:["Tammi","Helmi","Maalis","Huhti","Touko","Kesä","Heinä","Elo","Syys","Loka","Marras","Joulu"],formatterShort:new Intl.DateTimeFormat("fi-FI",b),formatterLong:new Intl.DateTimeFormat("fi-FI",m)},en:{buttonLabel:"Choose date",prevMonthLabel:"Previous month",nextMonthLabel:"Next month",monthSelectLabel:"Month",yearSelectLabel:"Year",closeLabel:"Close window",selected:"Selected date is",keyboardInstruction:"You can use arrow keys to navigate dates",dayLabels:["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],monthLabels:["January","February","March","April","May","June","July","August","September","October","November","December"],monthLabelsShort:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("en-GB",b),formatterLong:new Intl.DateTimeFormat("en-GB",m)},sv:{buttonLabel:"Välj datum",prevMonthLabel:"Föregående månad",nextMonthLabel:"Nästa månad",monthSelectLabel:"Månad",yearSelectLabel:"År",closeLabel:"Stäng fönstret",selected:"Valt datum är",keyboardInstruction:"Använd piltangenterna för att navigera i kalender",dayLabels:["Måndag","Tisdag","Onsdag","Torsdag","Fredag","Lördag","Söndag"],monthLabels:["Januari","Februari","Mars","April","Maj","Juni","Juli","Augusti","September","Oktober","November","December"],monthLabelsShort:["Jan","Feb","Mars","April","Maj","Juni","Juli","Aug","Sep","Okt","Nov","Dec"],formatterShort:new Intl.DateTimeFormat("sv-SE",b),formatterLong:new Intl.DateTimeFormat("sv-SE",m)}};var g={title:"form-date",tags:"form date calendar date picker",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M2.25 24A2.252 2.252 0 0 1 0 21.75V5.25A2.252 2.252 0 0 1 2.25 3H6V.75a.75.75 0 0 1 1.5 0V3h9V.75a.75.75 0 0 1 1.5 0V3h3.75A2.252 2.252 0 0 1 24 5.25v16.5A2.252 2.252 0 0 1 21.75 24zm-.75-2.25c0 .414.336.75.75.75h19.5a.75.75 0 0 0 .75-.75V10.5h-21zM22.5 9V5.25a.75.75 0 0 0-.75-.75H18V6a.75.75 0 0 1-1.5 0V4.5h-9V6A.75.75 0 0 1 6 6V4.5H2.25a.75.75 0 0 0-.75.75V9z"/><circle cx="5.625" cy="13.875" r="1.125"/><circle cx="5.625" cy="19.125" r="1.125"/><circle cx="12" cy="13.875" r="1.125"/><circle cx="12" cy="19.125" r="1.125"/><circle cx="18.375" cy="13.875" r="1.125"/><path d="M18.375 20.25c-.62 0-1.125-.505-1.125-1.125a1.127 1.127 0 0 1 1.171-1.122l.027.003a1.118 1.118 0 0 1 1.052 1.12c0 .619-.505 1.124-1.125 1.124z"/></svg>'};var v=function(t){var a=t.onClick,i=t.placeholder,r=t.name,n=t.inputLabel,o=t.value,d=t.valueAsDate,s=t.formattedValue,u=t.language,c=t.identifier,l=t.theme,p=t.disabled,h=t.error,b=t.role,m=t.required,v=t.tooltip,k=t.tooltipDirection,y=t.labelHidden,x=t.buttonRef,w=t.inputRef,S=t.onInput,D=t.onBlur,M=t.onFocus,I=t.accessibleActiveDescendant,L=t.accessibleControls,A=t.accessibleOwns,j=t.accessibleDescribedBy,z=t.echoPlaceholder,E=t.caption;var F=f[u],C=F.buttonLabel,V=F.selected,U=F.formatterLong;return e("div",{class:{"duet-theme-turva":l==="turva","duet-date-input":true}},e("duet-input",{label:n,value:s,placeholder:i,id:c,disabled:p,theme:l,error:h,role:b,required:m,tooltip:v,tooltipDirection:k,margin:"none",component:"date",labelHidden:y,accessibleAutocomplete:"none",onDuetInput:S,onDuetFocus:M,onDuetBlur:D,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:w,accessibleActiveDescendant:I,accessibleControls:L,accessibleOwns:A,accessibleDescribedBy:j,echoPlaceholder:z,caption:E},e("slot",{name:"tooltip"}),e("button",{class:{"duet-date-button":true,"duet-no-label":y},onClick:a,disabled:p,ref:x,type:"button"},e("duet-icon",{icon:g.svg,margin:"none",size:"small",color:"currentColor"}),e("duet-visually-hidden",null,C,d&&e("span",null,", ",V," ",U.format(d))))),e("input",{type:"hidden",name:r,value:o}))};var k=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/;var y=/^(\d{4})-(\d{2})-(\d{2})$/;var x="dd.mm.yyyy";var w="YYYY-MM-DD";function S(t,e,a){var i=parseInt(a,10);var r=parseInt(e,10);var n=parseInt(t,10);var o=Number.isInteger(n)&&Number.isInteger(r)&&Number.isInteger(i)&&r>0&&r<=12&&i>0&&i<=31&&n>0;if(o){return new Date(n,r-1,i)}}function D(t){if(!t){return}var e=t.match(k);if(e){return S(e[3],e[2],e[1])}}function M(t){if(!t){return}var e=t.match(y);if(e){return S(e[1],e[2],e[3])}}function I(t,e){if(!t){return""}var a=t.getDate().toString(10);var i=(t.getMonth()+1).toString(10);var r=t.getFullYear().toString(10);if(t.getDate()<10){a="0".concat(a)}if(t.getMonth()<9){i="0".concat(i)}return e.replace(/MM/i,i).replace(/YYYY/i,r).replace(/DD/i,a)}function L(t){return I(t,x)}function A(t){return I(t,w)}function j(t,e){if(t==null||e==null){return false}return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function z(t,e){var a=new Date(t);a.setDate(a.getDate()+e);return a}function E(t,e){if(e===void 0){e=1}var a=new Date(t);var i=a.getDay();var r=(i<e?7:0)+i-e;a.setDate(a.getDate()-r);return a}function F(t,e){if(e===void 0){e=1}var a=new Date(t);var i=a.getDay();var r=(i<e?-7:0)+6-(i-e);a.setDate(a.getDate()+r);return a}function C(t){return new Date(t.getFullYear(),t.getMonth(),1)}function V(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function U(t,e){var a=new Date(t);a.setMonth(e);return a}function H(t,e){var a=new Date(t);a.setFullYear(e);return a}function _(t,e,a){return T(t,e,a)===t}function T(t,e,a){var i=t.getTime();if(e&&e instanceof Date&&i<e.getTime()){return e}if(a&&a instanceof Date&&i>a.getTime()){return a}return t}function Y(t,e){var a=[];var i=t;while(!j(i,e)){a.push(i);i=z(i,1)}a.push(i);return a}function B(t,e){if(e===void 0){e=1}var a=E(C(t),e);var i=F(V(t),e);return Y(a,i)}var J=function(t){var a=t.focusedDay,i=t.today,r=t.day,n=t.language,o=t.onDaySelect,d=t.onKeyboardNavigation,s=t.ref,u=t.inRange,c=t.isSelected;var l=j(r,i);var p=j(r,a);var h=r.getMonth()!==a.getMonth();var b=!u;var m=f[n].formatterShort;function g(t){o(t,r)}return e("button",{class:{"duet-date-table-button":true,outside:b,disabled:h,today:l},tabIndex:p?0:-1,onClick:g,onKeyDown:d,"aria-disabled":b||h,"aria-pressed":c?"true":"false",type:"button",ref:s},e("span",{"aria-hidden":"true"},r.getDate()),e("duet-visually-hidden",null,m.format(r)))};function N(t,e){var a=[];for(var i=t;i<=e;i++){a.push(i)}return a}function P(t,e){var a=[];for(var i=0;i<t.length;i+=e){a.push(t.slice(i,i+e))}return a}function R(t){var e;var a=t.trim().split("+");var i=a.pop();return[((e=a[0])===null||e===void 0?void 0:e.toLowerCase())==="shift",i]}function O(t){var e=Object.keys(t).map((function(e){return[R(e),t[e]]}));return function t(a){if(!(a instanceof KeyboardEvent)){return}var i=e.find((function(t){var e=t[0],i=e[0],r=e[1];return(r.toUpperCase()===a.key.toUpperCase()||r===a.code)&&i===a.shiftKey}));if(i){i[1](a);a.preventDefault()}}}var K=function(t){var a=t.selectedDate,i=t.focusedDate,r=t.labelledById,n=t.theme,o=t.language,d=t.min,s=t.max,u=t.onDateSelect,c=t.onKeyboardNavigation,l=t.focusedDayRef,p=t.onFocusEnter,h=t.onFocusExit;var b=f[o].dayLabels;var m=new Date;var g=B(i);function v(t){var e=t.currentTarget;var a=t.relatedTarget;if(a&&!e.contains(a)){h(t)}}return e("table",{class:{"duet-date-table":true,"duet-theme-turva":n==="turva"},"aria-labelledby":r,onFocusin:p,onFocusout:v},e("thead",null,e("tr",null,b.map((function(t){return e("th",{scope:"col"},e("span",{"aria-hidden":"true"},t.substr(0,2)),e("duet-visually-hidden",null,t))})))),e("tbody",null,P(g,7).map((function(t){return e("tr",{class:"duet-date-table-row"},t.map((function(t){return e("td",{class:"duet-date-table-cell"},e(J,{day:t,today:m,language:o,focusedDay:i,inRange:_(t,d,s),isSelected:j(t,a),onDaySelect:u,onKeyboardNavigation:c,ref:function(e){if(e&&j(t,i)){l(e)}}}))})))}))))};var Z='*.sc-duet-date-picker,*.sc-duet-date-picker::after,*.sc-duet-date-picker::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-date-picker-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}.sc-duet-date-picker-h:last-child,.sc-duet-date-picker-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-date-picker-h{width:calc(50% - 16px - 3px)}}.duet-expand.sc-duet-date-picker-h{width:100% !important}.duet-m-0.sc-duet-date-picker-h{margin:0 !important}.duet-date.sc-duet-date-picker{position:relative;width:100%}.duet-date.sc-duet-date-picker button.sc-duet-date-picker,.duet-date-dialog.sc-duet-date-picker button.sc-duet-date-picker{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button.sc-duet-date-picker{-webkit-user-select:none;user-select:none;position:absolute;top:1px;right:1px;z-index:200;display:flex;align-items:center;justify-content:center;width:48px;height:calc(100% - 2px);color:rgb(0, 41, 77);cursor:pointer;background:transparent !important;border-left:1px solid rgb(207, 210, 212) !important;border-radius:0 4px 4px 0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker{color:rgb(23, 28, 58);border-color:rgb(207, 207, 209)}.duet-date-button.sc-duet-date-picker::before{position:absolute;top:0;left:-6px;width:6px;height:100%;content:"";background:linear-gradient(to left, rgba(207, 210, 212, 0.2) 0%, rgba(207, 210, 212, 0.2) 1px, rgba(207, 210, 212, 0.1) 1px, rgba(207, 210, 212, 0) 100%)}.duet-date-button.sc-duet-date-picker:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:disabled{background:rgb(245, 245, 247) !important}.duet-date-button.sc-duet-date-picker:disabled::before{display:none}.duet-date-button.sc-duet-date-picker:disabled duet-icon.sc-duet-date-picker{opacity:0.4}.duet-date-button.sc-duet-date-picker duet-icon.sc-duet-date-picker{transform:translateY(-1px)}.duet-date-button.sc-duet-date-picker:active duet-icon.sc-duet-date-picker{transform:translateY(0)}.duet-date-button.sc-duet-date-picker:focus{color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-button.sc-duet-date-picker:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog.sc-duet-date-picker{position:absolute;top:100%;left:0;z-index:900;display:flex;width:100%;visibility:hidden;opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}@media (min-width: 36em){.duet-date-dialog.left.sc-duet-date-picker{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog.sc-duet-date-picker{position:fixed;top:0;right:0;bottom:0;transition:opacity 400ms ease, visibility 400ms ease;transform:translateZ(0);transform-origin:bottom center}}.duet-date-dialog.active.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error.sc-duet-date-picker{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper.sc-duet-date-picker{position:relative;z-index:600;width:100%;min-width:290px;max-width:310px;padding:16px 16px 20px;margin-top:8px;margin-left:auto;background:rgb(255, 255, 255);border:1px solid rgb(225, 227, 230);border-radius:4px;box-shadow:0 4px 10px 0 rgba(0, 41, 77, 0.15);transform:none}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{border-color:rgb(228, 228, 230)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper.sc-duet-date-picker{position:absolute;bottom:0;left:0;z-index:900;max-width:none;min-height:25em;padding:0 8% 20px;margin:0;visibility:hidden;border:0;border-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;opacity:0;transition:transform 400ms ease, opacity 400ms ease, visibility 400ms ease;transform:translateZ(0) translateY(100%)}.active.sc-duet-date-picker .duet-date-dialog-wrapper.sc-duet-date-picker{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table.sc-duet-date-picker{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.25;color:rgb(0, 41, 77);text-align:center;border-spacing:0;border-collapse:collapse}.duet-date-table.duet-theme-turva.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-date-table.sc-duet-date-picker th.sc-duet-date-picker{padding-bottom:8px;font-size:0.75rem;font-weight:600;line-height:1.25;text-decoration:none;text-transform:uppercase;letter-spacing:1px}.duet-date-table.sc-duet-date-picker .duet-date-table-cell.sc-duet-date-picker{text-align:center}.duet-date-table-button.sc-duet-date-picker{position:relative;z-index:100;display:inline-block !important;width:36.9230769231px !important;height:36.9230769231px !important;min-height:initial !important;padding:0 !important;margin:0 !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25 !important;color:rgb(0, 41, 77) !important;text-align:center;vertical-align:initial !important;cursor:pointer;background:transparent !important;border-radius:50% !important;transition:initial !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;color:rgb(23, 28, 58) !important}.duet-date-table-button.sc-duet-date-picker:hover{background:rgb(230, 242, 248) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:rgb(249, 230, 234) !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:rgb(0, 77, 128) !important;background:rgb(243, 249, 252) !important;box-shadow:0 0 0 1px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.today.sc-duet-date-picker{color:rgb(148, 9, 37) !important;background:rgb(252, 243, 244) !important;box-shadow:0 0 0 1px #171c3a !important}.duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button[aria-pressed=true].sc-duet-date-picker,.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button.sc-duet-date-picker:active{z-index:200;color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.sc-duet-date-picker:focus{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:focus{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(144, 149, 153) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.disabled.sc-duet-date-picker{color:rgb(116, 116, 117) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:rgb(144, 149, 153) !important;pointer-events:none;cursor:default;background:rgb(245, 248, 250) !important;box-shadow:none;opacity:0.75}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.outside.sc-duet-date-picker{color:rgb(116, 116, 117);background:rgb(245, 245, 247);box-shadow:none}.duet-date-dialog-header.sc-duet-date-picker{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons.sc-duet-date-picker{white-space:nowrap}.duet-date-dialog-buttons.sc-duet-date-picker .sc-duet-date-picker::part(button){border:0}.duet-date-dialog-select.sc-duet-date-picker{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:0 8px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-weight:600;line-height:1.25;color:rgb(0, 41, 77);pointer-events:none;border-radius:4px}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker .duet-date-dialog-select-label.sc-duet-date-picker{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-date-dialog-select.sc-duet-date-picker span.sc-duet-date-picker{margin-right:4px}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-select.sc-duet-date-picker select.sc-duet-date-picker:focus+.duet-date-dialog-select-label.sc-duet-date-picker{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header.sc-duet-date-picker{position:relative;display:flex;align-items:center;justify-content:space-between;width:120%;padding:12px 20px;margin-bottom:20px;margin-left:-10%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid rgb(207, 210, 212)}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-dialog-mobile-header.sc-duet-date-picker{border-color:rgb(207, 207, 209)}.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header.sc-duet-date-picker duet-label.sc-duet-date-picker{display:none}}.duet-date-picker-close.sc-duet-date-picker{display:flex;align-items:center;justify-content:center;width:24px;height:24px !important;padding:0 !important;color:rgb(0, 41, 77) !important;cursor:pointer;background:rgb(245, 248, 250) !important;border-radius:50%;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker{opacity:0}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:hover{background:rgb(245, 245, 247) !important}.duet-date-picker-close.sc-duet-date-picker:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close.sc-duet-date-picker:focus{opacity:1}}.duet-theme-turva.sc-duet-date-picker .duet-date-picker-close.sc-duet-date-picker:focus{box-shadow:0 0 0 2px #171c3a !important}';var q=t("duet_date_picker",function(){function t(t){var e=this;a(this,t);this.duetChange=i(this,"duetChange",7);this.duetBlur=i(this,"duetBlur",7);this.duetFocus=i(this,"duetFocus",7);this.monthSelectId=d("DuetDatePicker");this.yearSelectId=d("DuetDatePicker");this.dialogLabelId=d("DuetDatePicker");this.initialTouchX=null;this.initialTouchY=null;this.focusTarget=null;this.enableActiveFocus=function(){e.focusTarget="day-button"};this.disableActiveFocus=function(){e.focusTarget=null};this.toggleOpen=function(t){t.preventDefault();e.open?e.hide(false):e.show()};this.handleBlur=function(t){t.stopPropagation();e.duetBlur.emit({component:"duet-date-picker"})};this.handleFocus=function(t){t.stopPropagation();e.duetFocus.emit({component:"duet-date-picker"})};this.handleTouchStart=function(t){var a=t.changedTouches[0];e.initialTouchX=a.pageX;e.initialTouchY=a.pageY};this.handleTouchMove=function(t){t.preventDefault()};this.handleTouchEnd=function(t){var a=t.changedTouches[0];var i=a.pageX-e.initialTouchX;var r=a.pageY-e.initialTouchY;var n=70;var o=Math.abs(i)>=n&&Math.abs(r)<=n;var d=Math.abs(r)>=n&&Math.abs(i)<=n&&r>0;if(o){e.addMonths(i<0?1:-1)}else if(d){e.hide();t.preventDefault()}e.initialTouchY=null;e.initialTouchX=null};this.handleNextMonthClick=function(t){t.preventDefault();e.addMonths(1)};this.handlePreviousMonthClick=function(t){t.preventDefault();e.addMonths(-1)};this.handleEscKey=O({Escape:function(){return e.hide()},Esc:function(){return e.hide()}});this.handleKeyboardNavigation=O({ArrowRight:function(){return e.addDays(1)},Right:function(){return e.addDays(1)},ArrowLeft:function(){return e.addDays(-1)},Left:function(){return e.addDays(-1)},ArrowDown:function(){return e.addDays(7)},Down:function(){return e.addDays(7)},ArrowUp:function(){return e.addDays(-7)},Up:function(){return e.addDays(-7)},Home:function(){return e.startOfWeek()},End:function(){return e.endOfWeek()},PageUp:function(){return e.addMonths(-1)},PageDown:function(){return e.addMonths(1)},"Shift+PageUp":function(){return e.addYears(-1)},"Shift+PageDown":function(){return e.addYears(1)}});this.handleDaySelect=function(t,a){var i=M(e.min);var r=M(e.max);e.determineValidity(a);if(_(a,i,r)){e.setValue(a);e.hide()}};this.handleMonthSelect=function(t){e.setMonth(parseInt(t.target.value,10))};this.handleYearSelect=function(t){e.setYear(parseInt(t.target.value,10))};this.handleInputChange=function(t){e.inputValue=t.detail.value;var a=D(e.inputValue);e.determineValidity(a);if(a||e.inputValue===""){e.setValue(a)}};this.open=false;this.focusedDay=new Date;this.inputValue="";this.theme="";this.expand=false;this.name="";this.identifier="";this.label="";this.caption=undefined;this.margin="auto";this.language=u();this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"};this.placeholder=c(this.placeholderDefaults,this.language);this.echoPlaceholder=false;this.disabled=false;this.error="";this.labelHidden=false;this.role=undefined;this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.required=false;this.direction="right";this.tooltip="";this.tooltipDirection="auto";this.value="";this.min="";this.max="";this.incrementYears=10;this.validity=undefined}t.prototype.updateValidity=function(){this.determineValidity(M(this.value))};t.prototype.updateInternalValue=function(){var t=M(this.value);var e=D(this.inputValue);if(!t){this.inputValue=""}else if(!j(t,e)){this.inputValue=L(t)}};t.prototype.componentWillLoad=function(){o(this);this.determineValidity(M(this.value));this.updateInternalValue();h(this.element,"tooltip","duet-tooltip",1,true)};t.prototype.componentDidUpdate=function(){switch(this.focusTarget){case"toggle-button":this.datePickerButton.focus();this.focusTarget=null;break;case"day-button":this.focusedDayNode.focus();break;case"month-select":this.monthSelectNode.focus();this.focusTarget=null;break}};t.prototype.connectedCallback=function(){l(this,{prop:"placeholder",defaults:"placeholderDefaults"})};t.prototype.disconnectedCallback=function(){p(this)};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.datePickerInput.setFocus(t);return[2]}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.open=true;this.focusTarget="month-select";this.setFocusedDay(M(this.value)||new Date);return[2]}))}))};t.prototype.hide=function(t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;if(t){this.focusTarget="toggle-button"}return[2]}))}))};t.prototype.addDays=function(t){this.setFocusedDay(z(this.focusedDay,t))};t.prototype.addMonths=function(t){this.setMonth(this.focusedDay.getMonth()+t)};t.prototype.addYears=function(t){this.setYear(this.focusedDay.getFullYear()+t)};t.prototype.startOfWeek=function(){this.setFocusedDay(E(this.focusedDay))};t.prototype.endOfWeek=function(){this.setFocusedDay(F(this.focusedDay))};t.prototype.setMonth=function(t){var e=U(C(this.focusedDay),t);var a=V(e);var i=U(this.focusedDay,t);this.setFocusedDay(T(i,e,a))};t.prototype.setYear=function(t){var e=H(C(this.focusedDay),t);var a=V(e);var i=H(this.focusedDay,t);this.setFocusedDay(T(i,e,a))};t.prototype.setFocusedDay=function(t){this.focusedDay=T(t,M(this.min),M(this.max))};t.prototype.determineValidity=function(t){var e,a;var i=(a=(e=this.datePickerInput)===null||e===void 0?void 0:e.value)!==null&&a!==void 0?a:"";var r=i!==""&&t==null;var n=this.required&&t==null;var o=t?!_(t,null,M(this.max)):false;var d=t?!_(t,M(this.min)):false;this.validity={patternMismatch:false,customError:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:n,badInput:r,rangeUnderflow:d,rangeOverflow:o,valid:!(n||r||d||o)}};t.prototype.setValue=function(t){var e=A(t);if(e===this.value){return}this.value=e;this.duetChange.emit({component:"duet-date-picker",value:this.value,valueAsDate:t})};t.prototype.handleDocumentClick=function(t){var e=this;if(!this.open){return}var a=t.composedPath().every((function(t){return t!==e.dialogWrapperNode&&t!==e.datePickerButton}));if(a){this.hide(false)}};t.prototype.render=function(){var t=this;var a=M(this.value);var i=(a||this.focusedDay).getFullYear();var n=this.focusedDay.getMonth();var o=this.focusedDay.getFullYear();var d=f[this.language];var u=M(this.min);var c=M(this.max);var l=u!=null&&u.getMonth()===n&&u.getFullYear()===o;var p=c!=null&&c.getMonth()===n&&c.getFullYear()===o;var h=i-this.incrementYears;var b=i+this.incrementYears;if(u){h=Math.max(h,u.getFullYear())}if(c){b=Math.min(b,c.getFullYear())}return e(r,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},e("div",{class:"duet-date"},e(v,{value:this.value,valueAsDate:a,formattedValue:this.inputValue,language:this.language,onInput:this.handleInputChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onClick:this.toggleOpen,name:this.name,disabled:this.disabled,error:this.error,role:this.role,required:this.required,theme:this.theme,tooltip:this.tooltip,tooltipDirection:this.tooltipDirection,labelHidden:this.labelHidden,placeholder:this.placeholder,inputLabel:this.label,identifier:this.identifier,buttonRef:function(e){return t.datePickerButton=e},inputRef:function(e){return t.datePickerInput=e},accessibleActiveDescendant:this.accessibleActiveDescendant,accessibleControls:this.accessibleControls,accessibleOwns:this.accessibleOwns,accessibleDescribedBy:this.accessibleDescribedBy,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),e("div",{class:{"duet-theme-turva":this.theme==="turva","duet-date-dialog":true,left:this.direction==="left",error:!!this.error,active:this.open},role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-labelledby":this.dialogLabelId,onTouchMove:this.handleTouchMove,onTouchStart:this.handleTouchStart,onTouchEnd:this.handleTouchEnd},e("duet-overlay",{visible:this.open,"display-device":"x-small"}),e(s,{moveFocusTo:this.focusedDayNode}),e("div",{class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(e){return t.dialogWrapperNode=e}},e("duet-visually-hidden",{"aria-live":"polite"},d.keyboardInstruction),e("div",{class:"duet-date-dialog-mobile-header"},e("duet-label",{margin:"none"},this.label),e("button",{class:"duet-date-picker-close",ref:function(e){return t.closeButtonNode=e},onClick:function(){return t.hide()},type:"button"},e("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),e("duet-visually-hidden",null,d.closeLabel))),e("div",{class:"duet-date-dialog-header"},e("div",{class:"duet-date-dialog-dropdowns"},e("duet-visually-hidden",null,e("h2",{id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},d.monthLabels[n]," ",this.focusedDay.getFullYear())),e("duet-visually-hidden",null,e("label",{htmlFor:this.monthSelectId},d.monthSelectLabel)),e("div",{class:"duet-date-dialog-select"},e("select",{id:this.monthSelectId,class:"duet-date-month-select",ref:function(e){return t.monthSelectNode=e},onChange:this.handleMonthSelect},d.monthLabels.map((function(t,a){return e("option",{key:t,value:a,selected:a===n,disabled:!_(new Date(o,a,1),u?C(u):null,c?V(c):null)},t)}))),e("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},e("span",null,d.monthLabelsShort[n]),e("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),e("duet-visually-hidden",null,e("label",{htmlFor:this.yearSelectId},d.yearSelectLabel)),e("div",{class:"duet-date-dialog-select"},e("select",{id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},N(h,b).map((function(t){return e("option",{key:t,selected:t===o},t)}))),e("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},e("span",null,this.focusedDay.getFullYear()),e("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),e("div",{class:"duet-date-dialog-buttons"},e("duet-action-button",{accessibleLabel:f[this.language].prevMonthLabel,actionName:f[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:l,"icon-name":"action-arrow-left-small"},d.prevMonthLabel),e("duet-action-button",{accessibleLabel:f[this.language].nextMonthLabel,actionName:f[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:p,"icon-name":"action-arrow-right-small"},d.nextMonthLabel))),e(K,{selectedDate:a,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:u,max:c,focusedDayRef:function(e){return t.focusedDayNode=e},onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),e(s,{moveFocusTo:this.closeButtonNode})))};Object.defineProperty(t.prototype,"element",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{min:["updateValidity"],max:["updateValidity"],value:["updateValidity","updateInternalValue"],required:["updateValidity"]}},enumerable:false,configurable:true});return t}());q.style=Z}}}));
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Built with Duet Design System
3
3
  */
4
- import{r as e,c as t,h as a,g as d}from"./p-83e9058b.js";import{d as i,e as o}from"./p-8354d1f1.js";import{i as s}from"./p-a58bd561.js";import{a as l}from"./p-beeb12f1.js";import{f as r}from"./p-d624e990.js";import{f as n}from"./p-a1b7f2a0.js";import{a as m,g as u,c as h,d as p}from"./p-2e36d5bf.js";import{h as g}from"./p-d87f6dd5.js";import{T as c}from"./p-5c488cf4.js";import"./p-0e052642.js";const b=class{constructor(a){var d,i;e(this,a),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(d=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===d?void 0:d.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDescribedBy=void 0,this.accessibleLabelledBy=void 0,this.accessibleLabel=void 0,this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.headingVisualLevel=void 0,this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i(this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),o(this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),setTimeout((()=>{r(this.focusedElBeforeOpen)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=g(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new c(this.element)),this.teleport&&this.teleport.activate(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&n(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async addMessage(e,t=!0){const a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e,a.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),a.classList.add("show")}),10),this.slotContainerEl.appendChild(a)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;let d="primary",i="secondary";const o=a("div",{class:"duet-modal-close"},a("duet-button",{ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return"turva"===this.theme&&(d="primary-turva",i="secondary-turva"),a("div",{ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{"z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),a("div",{ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},a("div",{class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&a("duet-spacer",null),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},o,a("slot",{name:"sticky-header"})):o,a("div",{class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize}},a("div",{class:"duet-modal-header"},a("span",{class:"duet-modal-inner-slot-top"},a("slot",{name:"top"})),this.icon&&a("duet-icon",{name:this.icon,size:"xx-large",color:this.color||d}),this.heading&&a("duet-heading",{"visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&a("div",{class:"duet-modal-spinner"},a("duet-spinner",{size:"large",color:"primary"})),a("div",{class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e,"aria-live":"loader"===this.variation?"assertive":"off"},a("slot",null))))))}get element(){return d(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';export{b as duet_modal}
4
+ import{r as e,c as t,h as a,g as d}from"./p-83e9058b.js";import{d as i,e as o}from"./p-8354d1f1.js";import{i as s}from"./p-a58bd561.js";import{a as l}from"./p-beeb12f1.js";import{f as r}from"./p-d624e990.js";import{f as n}from"./p-a1b7f2a0.js";import{a as m,g as u,c as h,d as p}from"./p-2e36d5bf.js";import{h as g}from"./p-06e608ae.js";import{T as c}from"./p-5c488cf4.js";import"./p-0e052642.js";const b=class{constructor(a){var d,i;e(this,a),this.duetOpen=t(this,"duetOpen",7),this.duetClose=t(this,"duetClose",7),this.duetBeforeClose=t(this,"duetBeforeClose",7),this.hasStickyHeader=!1,this.isAndroidDevice=(null===(i=null===(d=null===navigator||void 0===navigator?void 0:navigator.userAgent)||void 0===d?void 0:d.toLowerCase())||void 0===i?void 0:i.indexOf("android"))>-1||null,this.isSafariBrowser=/^((?!chrome|android).)*safari/i.test(null===navigator||void 0===navigator?void 0:navigator.userAgent),this.accessibleLoaderAnnouncementDefaults=l,this.accessibleCloseLabelDefaults={fi:"Sulje ikkuna",sv:"Stäng fönstret",en:"Close the dialog"},this.handleAndroidResizeEvents=()=>{"INPUT"==document.activeElement.tagName&&window.setTimeout((function(){var e;try{null===(e=null===document||void 0===document?void 0:document.activeElement)||void 0===e||e.scrollIntoViewIfNeeded(!0)}catch(e){}}),100)},this.open=!1,this.language=m(),this.accessibleCloseLabel=u(this.accessibleCloseLabelDefaults,this.language),this.accessibleLoaderAnnouncement=u(this.accessibleLoaderAnnouncementDefaults,this.language),this.size="medium",this.accessibleDescribedBy=void 0,this.accessibleLabelledBy=void 0,this.accessibleLabel=void 0,this.accessibleDetails=void 0,this.accessibleDescription=void 0,this.variation="default",this.gutterSize="medium",this.theme="",this.heading="",this.headingLevel="h3",this.headingVisualLevel=void 0,this.icon="",this.color="",this.active=!1,this.closeOnBlur=!1}openChanged(){this.open?(this.modalEl&&this.modalEl.scrollTop&&(this.modalEl.scrollTop=0),this.focusedElBeforeOpen=document.activeElement,i(this.modalEl,{reserveScrollBarGap:!0}),this.teleport.makeSiblingsInert(),this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.remove())),setTimeout((()=>{"loader"===this.variation?this.addMessage(this.accessibleLoaderAnnouncement,!1):this.isAndroidDevice?this.modalEl.focus():this.buttonEl.setFocus()}),600),setTimeout((()=>{this.modalEl.classList.add("duet-disable-transitions")}),800),this.isAndroidDevice&&window.addEventListener("resize",this.handleAndroidResizeEvents),this.duetOpen.emit()):(this.modalEl.classList.remove("duet-disable-transitions"),o(this.modalEl),this.duetClose.emit(),this.teleport.removeInertFromSiblings(),setTimeout((()=>{r(this.focusedElBeforeOpen)}),600),this.isAndroidDevice&&window.removeEventListener("resize",this.handleAndroidResizeEvents))}activeChanged(){this.open=this.active}componentWillLoad(){this.hasStickyHeader=g(this.element,"sticky-header"),s(this)}componentDidLoad(){this.active&&(this.open=!0,this.modalEl.classList.add("duet-disable-transitions"))}connectedCallback(){this.teleport||(this.teleport=new c(this.element)),this.teleport&&this.teleport.activate(),h(this,[{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"},{prop:"accessibleLoaderAnnouncement",defaults:"accessibleLoaderAnnouncementDefaults"}])}disconnectedCallback(){p(this),this.modalEl&&o(this.modalEl)}handleKeyUp(e){this.open&&n(e)&&this.closeModal(e)}async show(){this.open=!0}async hide(){this.open=!1}async addMessage(e,t=!0){const a=document.createElement(t?"duet-paragraph":"duet-visually-hidden");a.textContent=e,a.classList.add("duet-loader-message"),t&&setTimeout((()=>{this.slotContainerEl.querySelectorAll(".duet-loader-message").forEach((e=>e.classList.remove("show"))),a.classList.add("show")}),10),this.slotContainerEl.appendChild(a)}closeModal(e){this.duetBeforeClose.emit({originalEvent:e,component:"duet-modal"}),e.defaultPrevented||setTimeout((()=>{this.hide()}),1)}render(){var e,t;let d="primary",i="secondary";const o=a("div",{class:"duet-modal-close"},a("duet-button",{ref:e=>this.buttonEl=e,variation:"plain",accessibleLabel:this.accessibleCloseLabel,color:i,iconSize:"large",icon:"navigation-close",iconOnly:!0,margin:"none",theme:this.theme,onClick:e=>this.closeModal(e),fixed:!0}));return"turva"===this.theme&&(d="primary-turva",i="secondary-turva"),a("div",{ref:e=>this.modalEl=e,"aria-label":null!==(e=this.accessibleLabel)&&void 0!==e?e:this.heading,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,"aria-describedby":this.accessibleDescribedBy,role:"loader"===this.variation?"alert":"dialog","aria-modal":!this.isSafariBrowser,tabindex:"-1",class:{"duet-modal-container":!0,"duet-theme-turva":"turva"===this.theme,"duet-modal-active":this.open,"duet-modal-slide-up":"slide-up"===this.variation,"duet-modal-has-sticky-header":this.hasStickyHeader}},a("duet-overlay",{"z-index":"-1",visible:this.open,variation:"loader"===this.variation?"white":"default"}),a("div",{ref:e=>this.modalInnerEl=e,class:{"duet-modal-inner":!0,[this.size]:!0,"duet-modal-slide-up":"slide-up"===this.variation},onClick:e=>{this.closeOnBlur&&(e.target||e.srcElement)===this.modalInnerEl&&this.closeModal(e)}},a("div",{class:{"duet-modal":!0,"duet-modal-has-sticky-header":this.hasStickyHeader,[this.size]:!0,[this.variation]:!0}},"none"!==this.gutterSize&&!this.hasStickyHeader&&a("duet-spacer",null),this.hasStickyHeader?a("div",{class:"duet-modal-sticky-header"},o,a("slot",{name:"sticky-header"})):o,a("div",{class:{"duet-modal-body":!0,"duet-modal-gutter-none":"none"===this.gutterSize,"duet-modal-gutter-small":"small"===this.gutterSize,"duet-modal-gutter-medium":"medium"===this.gutterSize,"duet-modal-gutter-large":"large"===this.gutterSize}},a("div",{class:"duet-modal-header"},a("span",{class:"duet-modal-inner-slot-top"},a("slot",{name:"top"})),this.icon&&a("duet-icon",{name:this.icon,size:"xx-large",color:this.color||d}),this.heading&&a("duet-heading",{"visual-level":null!==(t=this.headingVisualLevel)&&void 0!==t?t:this.headingLevel,level:this.headingLevel,theme:this.theme},this.heading)),"loader"===this.variation&&a("div",{class:"duet-modal-spinner"},a("duet-spinner",{size:"large",color:"primary"})),a("div",{class:"duet-modal-inner-slot-default",ref:e=>this.slotContainerEl=e,"aria-live":"loader"===this.variation?"assertive":"off"},a("slot",null))))))}get element(){return d(this)}static get watchers(){return{open:["openChanged"],active:["activeChanged"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-modal-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;max-height:100vh;overflow-y:auto;visibility:hidden;opacity:0;transition:300ms ease;transition-delay:200ms}.duet-modal-container.duet-modal-active{visibility:visible;opacity:1;transition:300ms ease;transition-delay:0s}.duet-modal-container.duet-disable-transitions{transition:none}.duet-modal-container.duet-modal-slide-up{overflow:hidden}::slotted(img){width:100%}.duet-modal-inner{display:flex;align-items:center;width:100%;min-height:100%;padding:20px 16px}@media (min-width: 36em){.duet-modal-inner{padding:48px 16px}}.duet-modal-inner.duet-modal-slide-up{align-items:stretch;justify-content:center;height:100%;padding-top:48px;padding-bottom:0;overflow:hidden}.duet-modal-inner.duet-modal-slide-up::after{position:absolute;bottom:0;z-index:300;display:block;width:100%;max-width:686px;height:48px;margin:auto;pointer-events:none;content:"";background:linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255))}.duet-modal-inner.duet-modal-slide-up::after.small{max-width:545px}.duet-modal-inner.duet-modal-slide-up::after.large{max-width:100%}@media (min-width: 36em){.duet-modal-inner.duet-modal-slide-up::after.large{max-width:1110px}}@media (max-width: 35.9375em){.duet-modal-inner.large{padding-right:0;padding-left:0}.duet-modal-inner.duet-modal-slide-up{padding:0;padding-top:28px}}.duet-modal{position:relative;width:100%;max-width:686px;margin:auto;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-weight:400;font-variant-numeric:tabular-nums;line-height:1.5;color:rgb(0, 41, 77);background:rgb(255, 255, 255);border-radius:4px;opacity:0;transition:300ms ease;transition-delay:0ms;transform:scale(0.96)}.duet-theme-turva .duet-modal{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-modal-active .duet-modal{opacity:1;transition:300ms ease;transition-delay:200ms;transform:none}.duet-modal-active .duet-modal.slide-up{top:0;transition:top 600ms ease}.duet-modal.loader{text-align:center;background:transparent}.duet-modal.loader .duet-modal-close{display:none}.duet-modal.loader .duet-modal-spinner{position:relative;height:120px}.duet-modal.loader .duet-modal-inner-slot-default{position:relative;backdrop-filter:blur(10px)}.duet-modal.loader duet-paragraph.duet-loader-message{position:absolute;opacity:0;transition:all 300ms ease;transform:scaleY(0);transform-origin:top}.duet-modal.loader duet-paragraph.duet-loader-message.show{opacity:1;transform:scaleY(1);transform-origin:bottom}.duet-modal.loader duet-paragraph.duet-loader-message.show::part(duet-paragraph){backdrop-filter:blur(10px)}.duet-disable-transitions .duet-modal{transition:none}.duet-modal.small{max-width:545px}.duet-modal.large{max-width:100%}@media (min-width: 36em){.duet-modal.large{max-width:1110px}}.duet-modal.slide-up{top:100vh;margin:0;border-radius:4px 4px 0 0;opacity:1;transition:top 600ms ease}@media (max-width: 35.9375em){.duet-modal.slide-up{border-radius:16px 16px 0 0}}.duet-modal.duet-modal-has-sticky-header{height:100%;overflow:auto}.duet-modal:focus{outline:0}.duet-modal-body,.duet-modal-sticky-header{width:100%;padding:36px 28px}.duet-modal-body.duet-modal-gutter-none,.duet-modal-sticky-header.duet-modal-gutter-none{padding:0 !important}.duet-modal-body.duet-modal-gutter-small,.duet-modal-sticky-header.duet-modal-gutter-small{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}@media (max-width: 22.5em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 28px}}@media (max-width: 35.9375em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 20px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 36px}}@media (min-width: 36em){.duet-modal-body,.duet-modal-sticky-header{padding:36px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:28px 72px}}@media (min-width: 48em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 72px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:36px 72px}}@media (min-width: 76.25em){.duet-modal-body,.duet-modal-sticky-header{padding:36px 48px 48px}.duet-modal-body.duet-modal-gutter-large,.duet-modal-sticky-header.duet-modal-gutter-large{padding:48px 94px}.small .duet-modal-body,.small .duet-modal-sticky-header{padding:36px 48px}}.duet-modal-header{text-align:center}.duet-modal-sticky-header{position:sticky;top:0;z-index:200;display:block;padding-bottom:12px;text-align:left;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-modal-sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-modal-close{position:absolute;top:12px;right:12px}.duet-modal-heading{width:100%;padding-right:60px;overflow:hidden;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1.25rem;font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);text-decoration:none;text-overflow:ellipsis;letter-spacing:-0.01rem;white-space:nowrap}.duet-modal-heading.duet-p-0{padding:0 !important}.duet-modal-heading.duet-m-0{margin:0 !important}';export{b as duet_modal}
@@ -1,4 +1,4 @@
1
1
  var __awaiter=this&&this.__awaiter||function(t,e,i,r){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function s(t){try{u(r.next(t))}catch(t){a(t)}}function o(t){try{u(r["throw"](t))}catch(t){a(t)}}function u(t){t.done?i(t.value):n(t.value).then(s,o)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,n,a,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 u([t,e])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(r=1,n&&(a=o[0]&2?n["return"]:o[0]?n["throw"]||((a=n["return"])&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;if(n=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;n=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(o[0]===6&&i.label<a[1]){i.label=a[1];a=o;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(o);break}if(a[2])i.ops.pop();i.trys.pop();continue}o=e.call(t,i)}catch(t){o=[6,t];n=0}finally{r=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
2
2
  /*!
3
3
  * Built with Duet Design System
4
- */System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-224f6c46.system.js","./p-7cf03aa8.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var e,i,r,n,a,s,o,u,d,l,c,h,f;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;a=t.g},function(t){s=t.i},function(t){o=t.c},function(t){u=t.s;d=t.u},function(t){l=t.g;c=t.c;h=t.d},function(t){f=t.h},function(){}],execute:function(){var p='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;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;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;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.25;color:rgb(0, 41, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.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:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffaf3;border-color:rgb(250, 164, 15)}.duet-alert-wrapper.danger{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-alert-wrapper.success{background:#f2f9f7;border-color:rgb(0, 135, 90)}.duet-alert-wrapper.success.duet-theme-turva{background:#f3f9f6;border-color:rgb(8, 135, 78)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(225, 227, 230)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.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.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}';var m=t("duet_alert",function(){function t(t){var r=this;e(this,t);this.duetDismiss=i(this,"duetDismiss",7);this.descriptiveId=o("DuetAlert");this.hasShowMoreSlot=false;this.iconVariationMap={default:"messaging-info",success:"messaging-success",warning:"messaging-alert",danger:"messaging-danger-alert"};this.handleDismiss=function(t){r.handleHide();r.duetDismiss.emit({component:"duet-alert",originalEvent:t})};this.handleShow=function(){r.isDismissed=false};this.handleHide=function(){r.isDismissed=true};this.theme="";this.isDismissed=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=l(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false}t.prototype.componentWillLoad=function(){s(this);this.hasShowMoreSlot=f(this.element,"show-more")};t.prototype.componentDidLoad=function(){var t=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return t.handleDismiss()}),this.autoDismiss)}};t.prototype.connectedCallback=function(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});u(this)};t.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}h(this);d(this)};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleShow();return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleHide();return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.alertContainer.focus(t);return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var a=this.theme==="turva"?"secondary-turva":"secondary";return r(n,{class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},r("div",{class:(t={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t[this.position]=true,t["duet-theme-turva"]=this.theme==="turva",t)},r("div",{class:(e={"duet-alert":true,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},r("div",{class:"duet-alert-container",ref:function(t){i.alertContainer=t},tabindex:this.focusable?"0":undefined},this.icon&&this.position!=="below-nav"&&r("div",{class:"duet-alert-icon"},r("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),this.position==="below-nav"&&r("div",{class:"duet-alert-icon below-nav"},r("duet-icon",{size:"auto",name:this.iconVariationMap[this.variation],color:this.variation==="default"?"currentColor":this.variation})),r("span",{id:this.descriptiveId},r("slot",null))),this.hasShowMoreSlot&&r("duet-show-more",{margin:"none",class:"duet-alert-show-more"},r("slot",{name:"show-more"})),this.dismissible&&r("div",{class:"duet-alert-dismiss"},r("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:a,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());m.style=p}}}));
4
+ */System.register(["./p-9644775c.system.js","./p-50f4bca2.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js","./p-224f6c46.system.js","./p-ae21ad57.system.js","./p-6ef75455.system.js"],(function(t){"use strict";var e,i,r,n,a,s,o,u,d,l,c,h,f;return{setters:[function(t){e=t.r;i=t.c;r=t.h;n=t.H;a=t.g},function(t){s=t.i},function(t){o=t.c},function(t){u=t.s;d=t.u},function(t){l=t.g;c=t.c;h=t.d},function(t){f=t.h},function(){}],execute:function(){var p='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;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;overflow:hidden;visibility:hidden !important;opacity:0;transform:scale(0.98)}:host(.duet-alert-is-dismissed) .duet-alert{margin:0 !important}.duet-alert-wrapper{margin-bottom:16px !important;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.25;color:rgb(0, 41, 77);background:#f2f8fb;border:1px solid rgb(0, 119, 179);border-radius:4px;transition:margin 100ms 300ms ease}.duet-alert-wrapper.duet-p-0{padding:0 !important}.duet-alert-wrapper.duet-m-0{margin:0 !important}.duet-alert-wrapper.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:rgb(23, 28, 58);background:#f3f4f5;border-color:rgb(23, 28, 58)}.duet-alert-wrapper.warning{background:#fffbf4;border-color:rgb(247, 178, 40)}.duet-alert-wrapper.warning.duet-theme-turva{background:#fffaf3;border-color:rgb(250, 164, 15)}.duet-alert-wrapper.danger{background:#fdf4f7;border-color:rgb(222, 35, 98)}.duet-alert-wrapper.danger.duet-theme-turva{background:#fdf4f3;border-color:rgb(224, 42, 13)}.duet-alert-wrapper.success{background:#f2f9f7;border-color:rgb(0, 135, 90)}.duet-alert-wrapper.success.duet-theme-turva{background:#f3f9f6;border-color:rgb(8, 135, 78)}.duet-alert-wrapper.below-nav{margin-bottom:0 !important;border:0;border-bottom:1px solid rgb(225, 227, 230)}.duet-alert-wrapper .duet-alert{position:relative;width:100%;max-width:1384px;padding:16px;margin:0 auto}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible{padding:16px 48px 16px 16px;text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-is-dismissible .duet-alert-container{text-align:left}.duet-alert-wrapper .duet-alert.duet-alert-has-show-more{padding-bottom:0}.duet-alert-wrapper .duet-alert.duet-alert-has-icon .duet-alert-show-more{margin-left:36px}.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.below-nav{align-self:flex-start}.duet-alert-icon duet-icon{width:20px;height:20px}';var m=t("duet_alert",function(){function t(t){var r=this;e(this,t);this.duetDismiss=i(this,"duetDismiss",7);this.descriptiveId=o("DuetAlert");this.hasShowMoreSlot=false;this.iconVariationMap={default:"messaging-info",success:"messaging-success",warning:"messaging-alert",danger:"messaging-danger-alert"};this.handleDismiss=function(t){r.handleHide();r.duetDismiss.emit({component:"duet-alert",originalEvent:t})};this.handleShow=function(){r.isDismissed=false};this.handleHide=function(){r.isDismissed=true};this.theme="";this.isDismissed=false;this.timeoutID=undefined;this.accessibleLabelDefaults={fi:"Sulje viesti",sv:"Stäng meddelandet",en:"Close the message"};this.accessibleLabel=l(this.accessibleLabelDefaults);this.announcements=true;this.icon="";this.autoDismiss=undefined;this.margin="auto";this.padding="auto";this.variation="default";this.position="content";this.dismissible=false;this.focusable=false}t.prototype.componentWillLoad=function(){s(this);this.hasShowMoreSlot=f(this.element,"show-more")};t.prototype.componentDidLoad=function(){var t=this;if(this.autoDismiss){this.timeoutID=setTimeout((function(){return t.handleDismiss()}),this.autoDismiss)}};t.prototype.connectedCallback=function(){c(this,{prop:"accessibleLabel",defaults:"accessibleLabelDefaults"});u(this)};t.prototype.disconnectedCallback=function(){if(this.timeoutID){clearTimeout(this.timeoutID)}h(this);d(this)};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleShow();return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.handleHide();return[2]}))}))};t.prototype.setFocus=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.alertContainer.focus(t);return[2]}))}))};t.prototype.render=function(){var t,e;var i=this;var a=this.theme==="turva"?"secondary-turva":"secondary";return r(n,{class:{"duet-theme-turva":this.theme==="turva","duet-alert-is-dismissed":this.isDismissed},role:this.announcements?"alert":undefined},r("div",{class:(t={"duet-alert-wrapper":true,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},t[this.variation]=true,t[this.position]=true,t["duet-theme-turva"]=this.theme==="turva",t)},r("div",{class:(e={"duet-alert":true,"duet-alert-has-icon":!!this.icon||this.position==="below-nav","duet-alert-has-show-more":this.hasShowMoreSlot,"duet-alert-is-dismissible":this.dismissible,"duet-p-0":this.padding==="none","duet-m-0":this.margin==="none"},e[this.variation]=true,e["duet-theme-turva"]=this.theme==="turva",e)},r("div",{class:"duet-alert-container",ref:function(t){i.alertContainer=t},tabindex:this.focusable?"0":undefined},this.icon&&this.position!=="below-nav"&&r("div",{class:"duet-alert-icon"},r("duet-icon",{size:"auto",name:this.icon,color:"currentColor"})),this.position==="below-nav"&&r("div",{class:"duet-alert-icon below-nav"},r("duet-icon",{size:"auto",name:this.iconVariationMap[this.variation],color:this.variation==="default"?"currentColor":this.variation})),r("span",{id:this.descriptiveId},r("slot",null))),this.hasShowMoreSlot&&r("duet-show-more",{margin:"none",class:"duet-alert-show-more"},r("slot",{name:"show-more"})),this.dismissible&&r("div",{class:"duet-alert-dismiss"},r("duet-button",{variation:"plain",accessibleLabel:this.accessibleLabel,accessibleDescribedBy:this.descriptiveId,color:a,iconSize:"medium",icon:"navigation-close",iconOnly:true,margin:"none",theme:this.theme,onClick:this.handleDismiss,fixed:true})))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});return t}());m.style=p}}}));