@duetds/components 9.1.2 → 9.2.1

package/lib/esm-es5/duet-combobox.entry.js

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(t,o,e,i){function s(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,n){function c(t){try{u(i.next(t))}catch(t){n(t)}}function r(t){try{u(i["throw"](t))}catch(t){n(t)}}function u(t){t.done?e(t.value):s(t.value).then(c,r)}u((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(n[0]&1)throw n[1];return n[1]},trys:[],ops:[]},i,s,n,c;return c={next:r(0),throw:r(1),return:r(2)},typeof Symbol==="function"&&(c[Symbol.iterator]=function(){return this}),c;function r(t){return function(o){return u([t,o])}}function u(r){if(i)throw new TypeError("Generator is already executing.");while(c&&(c=0,r[0]&&(e=0)),e)try{if(i=1,s&&(n=r[0]&2?s["return"]:r[0]?s["throw"]||((n=s["return"])&&n.call(s),0):s.next)&&!(n=n.call(s,r[1])).done)return n;if(s=0,n)r=[r[0]&2,n.value];switch(r[0]){case 0:case 1:n=r;break;case 4:e.label++;return{value:r[1],done:false};case 5:e.label++;s=r[1];r=[0];continue;case 7:r=e.ops.pop();e.trys.pop();continue;default:if(!(n=e.trys,n=n.length>0&&n[n.length-1])&&(r[0]===6||r[0]===2)){e=0;continue}if(r[0]===3&&(!n||r[1]>n[0]&&r[1]<n[3])){e.label=r[1];break}if(r[0]===6&&e.label<n[1]){e.label=n[1];n=r;break}if(n&&e.label<n[2]){e.label=n[2];e.ops.push(r);break}if(n[2])e.ops.pop();e.trys.pop();continue}r=o.call(t,e)}catch(t){r=[6,t];s=0}finally{i=n=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,o,e){if(e||arguments.length===2)for(var i=0,s=o.length,n;i<s;i++){if(n||!(i in o)){if(!n)n=Array.prototype.slice.call(o,0,i);n[i]=o[i]}}return t.concat(n||Array.prototype.slice.call(o))};
+var __awaiter=this&&this.__awaiter||function(t,i,e,n){function r(t){return t instanceof e?t:new e((function(i){i(t)}))}return new(e||(e=Promise))((function(e,s){function o(t){try{a(n.next(t))}catch(t){s(t)}}function u(t){try{a(n["throw"](t))}catch(t){s(t)}}function a(t){t.done?e(t.value):r(t.value).then(o,u)}a((n=n.apply(t,i||[])).next())}))};var __generator=this&&this.__generator||function(t,i){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,r,s,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(i){return a([t,i])}}function a(u){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(e=0)),e)try{if(n=1,r&&(s=u[0]&2?r["return"]:u[0]?r["throw"]||((s=r["return"])&&s.call(r),0):r.next)&&!(s=s.call(r,u[1])).done)return s;if(r=0,s)u=[u[0]&2,s.value];switch(u[0]){case 0:case 1:s=u;break;case 4:e.label++;return{value:u[1],done:false};case 5:e.label++;r=u[1];u=[0];continue;case 7:u=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(u[0]===6||u[0]===2)){e=0;continue}if(u[0]===3&&(!s||u[1]>s[0]&&u[1]<s[3])){e.label=u[1];break}if(u[0]===6&&e.label<s[1]){e.label=s[1];s=u;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(u);break}if(s[2])e.ops.pop();e.trys.pop();continue}u=i.call(t,e)}catch(t){u=[6,t];r=0}finally{n=s=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(t,i,e){if(e||arguments.length===2)for(var n=0,r=i.length,s;n<r;n++){if(s||!(n in i)){if(!s)s=Array.prototype.slice.call(i,0,n);s[n]=i[n]}}return t.concat(s||Array.prototype.slice.call(i))};
 /*!
  * Built with Duet Design System
- */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{j as isEnterKey,f as isEscapeKey,o as isTabKey,e as isBackspaceKey,b as isArrowUpKey,c as isArrowDownKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-b0c1f3cd.js";import{g as getElementsFromDefaultSlot}from"./slot-utils-e698dc9e.js";import{r as regexEscape,p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var DuetComboBoxSelect=function(t){var o=t.item,e=t.active,i=t.selected,s=t.label,n=s===void 0?undefined:s,c=t.clickHandler,r=c===void 0?function(t){t.preventDefault()}:c,u=t.keyHandler,b=u===void 0?function(t){t.preventDefault()}:u,a=t.search,d=t.isAndroidDevice;var m=a.split(" ").filter((function(t){return!!t.trim()})).map((function(t){return regexEscape(t)}));var l=a!==""?new RegExp("(".concat(m.join("|"),")"),"i"):undefined;return h("li",{class:{"list-item":true,option:true,active:e,selected:i},id:e?"active_item":"","data-index":o.id,"aria-selected":e?"true":undefined,"aria-current":i?"true":undefined,role:"option","aria-label":n,tabindex:d?"-1":null,onClick:function(t){return r(t)},onKeyUp:function(t){return b(t)}},i&&h("duet-icon",{class:"option-icon",name:"messaging-checked",size:"xx-small",margin:"none"}),l?h("span",{class:"option-container","aria-hidden":"true"},h("span",{innerHTML:o.name.replace(l,'<span class="highlight sc-duet-combobox">$&</span>')})):o.name,o.tags&&h("span",{class:"option-tags"},o.tags.join(", ")))};var duetComboboxCss='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(0, 41, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(0, 41, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(116, 116, 117)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.selected.sc-duet-combobox{background:rgb(244, 207, 214)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-theme-turva.sc-duet-combobox-h .duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox{position:absolute;top:calc(100% - 12px);z-index:700;margin:8px 0 0;visibility:hidden;background:rgb(255, 255, 255);border-radius:0 4px;box-shadow:0 2px 10px 0 rgba(0, 41, 77, 0.1);opacity:0;transition:transform 300ms ease, opacity 300ms ease, visibility 300ms ease;transform:scale(0.96) translateZ(0) translateY(-20px);transform-origin:top right}.duet-combobox-list.open.sc-duet-combobox{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox{max-height:200px;padding:0.75rem 0;margin:0;overflow-y:scroll;font-weight:600;list-style:none;cursor:pointer;scroll-behavior:smooth}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox{padding:4px 0}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected){padding-left:16px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:not(.selected) .highlight.sc-duet-combobox{text-decoration:underline}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.option.sc-duet-combobox .option-tags.sc-duet-combobox{float:right;padding-right:0.875rem;font-weight:400;color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.sc-duet-combobox{padding-left:0;background:rgb(205, 229, 241)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-icon.sc-duet-combobox{padding:0 8px 0 8px}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.selected.option.sc-duet-combobox .option-tags.sc-duet-combobox{color:rgb(144, 149, 153)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus .option-tags.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover .option-tags.sc-duet-combobox{color:rgb(255, 255, 255)}.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.active.sc-duet-combobox a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:focus a.sc-duet-combobox,.duet-combobox-list.sc-duet-combobox .duet-combobox-listbox.sc-duet-combobox .list-item.sc-duet-combobox:hover a.sc-duet-combobox{color:rgb(255, 255, 255)}';var DuetComboboxStyle0=duetComboboxCss;var DuetCombobox=function(){function t(t){var o=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);var e,i;this.listBoxId=createID("duet-combobox-list-element");this.isAndroidDevice=((i=(e=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||e===void 0?void 0:e.toLowerCase())===null||i===void 0?void 0:i.indexOf("android"))>-1||null;this.resizeObserver=new ResizeObserver(debounce((function(t){var e,i;if((t===null||t===void 0?void 0:t.length)===1){var s=(i=(e=t[0])===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.getBoundingClientRect().width;o.listContainer.style.width="".concat(s+1,"px")}}),100));this.onInputChange=function(t){return __awaiter(o,void 0,void 0,(function(){var o;return __generator(this,(function(e){o=t.detail.value;this.inputValue=o;return[2]}))}))};this.onInputClick=function(){var t,e;if(o.openListOnClick){o.listOpen=!o.listOpen}else{o.listOpen=((t=o.inputValue)===null||t===void 0?void 0:t.length)>=o.minCharacters}if(!((e=o.getFilteredItems())===null||e===void 0?void 0:e.length)){o.listOpen=false}};this.onInputTyping=function(t){return __awaiter(o,void 0,void 0,(function(){var o,e;return __generator(this,(function(i){e=t.detail.value;if(!this.force&&!this.multiple&&this.selectedItems.size>0&&e!==this.getSelectedItemLabel()){this.selectedItems.clear()}this.listOpen=String(e).length>=this.minCharacters&&((o=this.getFilteredItems())===null||o===void 0?void 0:o.length)>0;return[2]}))}))};this.onKeyDown=function(t){var e=o.returnFilteredOrNonFiltered();var i=e.filter((function(t){return!o.selectedItems.has(t.id)}));o.input.accessibleActiveDescendant=undefined;if(isEnterKey(t)){t.preventDefault();if(o.listOpen&&o.activeItem!==undefined&&e[o.activeItem]){if(o.multiple){o.addSelectedItem(e[o.activeItem].id,true)}else{o.updateSelectedItem(e[o.activeItem].id,true)}}else if(!o.multiple&&o.listOpen&&i.length===1&&i[0].name.toLowerCase()===o.input.value.toLowerCase()){o.updateSelectedItem(i[0].id,true)}o.activeItem=undefined;o.listOpen=false;return}if(isEscapeKey(t)||isTabKey(t)){o.updateInputText(true);o.activeItem=undefined;o.listOpen=false;return}if(isBackspaceKey(t)&&o.inputValue===""){if(o.multiple&&o.selectedItems.size>0){var s=Array.from(o.selectedItems).pop();o.removeSelectedItem(s,true)}return}var n=o.activeItem;if(isArrowUpKey(t)){t.preventDefault();n=o.activeItem-1}else if(isArrowDownKey(t)){t.preventDefault();n=o.listOpen?o.activeItem+1:o.activeItem;o.listOpen=true}if(isArrowDownKey(t)||isArrowUpKey(t)){if(n<0||!n){n=0}if(n>=e.length){n=e.length-1}o.input.accessibleActiveDescendant="active_item";o.activeItem=n;o.scrollToActive()}return};this.processedItems=null;this.inputValue="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}};this.accessibleLabels=getLocaleString(this.accessibleLabelDefaults,getLanguage());this.label="";this.caption="";this.theme="";this.force=false;this.multiple=false;this.items=undefined;this.formatter=function(t){return t&&t.name?t.name:""};this.value=undefined;this.minCharacters=1;this.openListOnClick=false;this.filterType="startsWith"}t.prototype.activeItemHandler=function(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||t===0)?"active_item":""};t.prototype.handleDocumentClick=function(t){var o=this;var e=t.composedPath();var i=e.every((function(t){return t!==o.element}));if(i){this.updateInputText(true);this.listOpen=false}};t.prototype.formatItem=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(o){return[2,this.formatter(t)]}))}))};t.prototype.processItems=function(){var t=this;var o=[];this.processedItems=parsePossibleJSON(this.items);if(!Array.isArray(this.processedItems)){console.error("DuetCombobox: Items should be an array");return}if(this.processedItems.length!==new Set(__spreadArray([],this.processedItems,true)).size){console.warn("DuetCombobox: Duplicate item values found in the list")}this.processedItems=this.processedItems.map((function(t,e){if(typeof t==="string"){t={name:t,value:t}}if(t.id!==undefined){t.id=String(t.id)}else{t.id="".concat(JSON.stringify(t.value),"-").concat(t.name)}if(o.includes(t.id)){console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index");t.id="".concat(t.id,"-").concat(e)}o.push(t.id);return t}));var e=Array.from(this.selectedItems).filter((function(o){return!t.processedItems.find((function(t){return t.id===o}))}));if(e.length){if(this.multiple){e.forEach((function(o){return t.removeSelectedItem(o)}))}else{this.updateSelectedItem(e[0],true)}}};t.prototype.processValue=function(){var t=this;if(this.value!==""&&!this.value){this.selectedItems.clear();return}var o=Array.isArray(this.value)?this.value:[this.value];var e=this.processedItems.filter((function(t){return o.includes(t.value)})).map((function(t){return t.id}));if(e.length===this.selectedItems.size&&e.every((function(o){return t.selectedItems.has(o)}))){return}if(this.multiple){this.selectedItems.clear();this.input.clearChips();e.forEach((function(o){return t.addSelectedItem(o)}))}else{var i=this.processedItems.find((function(o){return o.value===t.value}));this.updateSelectedItem(i.id)}};t.prototype.processListOpenChange=function(){if(this.openListOnClick){this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"}this.input.accessibleExpanded=this.listOpen?"true":"false"};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){if(this.items){this.processItems()}var t=getElementsFromDefaultSlot(this.element);if(t.length){this.input=t[0]}else{this.input=document.createElement("duet-input");this.input.label=this.label;this.input.caption=this.caption;this.input.expand=true;this.element.prepend(this.input)}this.input.chips=this.multiple;this.input.addEventListener("duetChange",this.onInputChange);this.input.addEventListener("duetInput",this.onInputTyping);this.input.addEventListener("click",this.onInputClick);this.input.role="combobox";this.input.accessibleExpanded=this.listOpen?"true":"false";this.input.accessibleAutocomplete="list";this.input.accessibleControls=this.listBoxId;this.element.addEventListener("keydown",this.onKeyDown);connectLanguageChangeObserver(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"});this.processListOpenChange()};t.prototype.disconnectedCallback=function(){this.input.removeEventListener("duetChange",this.onInputChange);this.input.removeEventListener("click",this.onInputClick);this.element.removeEventListener("keydown",this.onKeyDown);this.resizeObserver.disconnect();disconnectLanguageChangeObserver(this)};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.processValue()};t.prototype.shouldListBeFiltered=function(){var t=this;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue){var o=this.processedItems.find((function(o){return t.selectedItems.has(o.id)}));return!(this.formatter(o).toLowerCase()===this.input.value.toLowerCase())}return true};t.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};t.prototype.emitChangeEvent=function(t){var o=this.processedItems.find((function(o){return o.id===t}));this.duetChange.emit({item:o,value:this.value,component:"duet-combobox"})};t.prototype.updateMultipleValue=function(){var t=this;this.value=this.processedItems.filter((function(o){return t.selectedItems.has(o.id)})).map((function(t){return t.value}));this.input.value="";this.updateChips()};t.prototype.addSelectedItem=function(t,o){if(this.selectedItems.has(t)){return}this.selectedItems.add(t);this.updateMultipleValue();if(o){this.emitChangeEvent(t)}};t.prototype.removeSelectedItem=function(t,o){if(!this.selectedItems.has(t)){return}this.selectedItems.delete(t);this.updateMultipleValue();if(o){this.emitChangeEvent(t)}};t.prototype.updateSelectedItem=function(t,o){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(this.selectedItems.has(t)){this.selectedItems.delete(t);this.value=undefined}else{this.selectedItems.clear();this.selectedItems.add(t);this.value=this.processedItems.find((function(o){return o.id===t})).value}if(o){this.emitChangeEvent(t)}return[4,this.updateInputText()];case 1:e.sent();return[2]}}))}))};t.prototype.updateChips=function(){return __awaiter(this,void 0,void 0,(function(){var t,o;var e=this;return __generator(this,(function(i){switch(i.label){case 0:t=Array.from(this.selectedItems);return[4,this.input.getChips()];case 1:o=i.sent();t.forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var o,e,i,s;var n=this;return __generator(this,(function(c){switch(c.label){case 0:o=this.processedItems.find((function(o){return o.id===t}));return[4,this.formatItem(o)];case 1:e=c.sent();return[4,this.input.hasChip({value:"".concat(t),text:e})];case 2:i=c.sent();if(!i){s=document.createElement("duet-chip");s.variation="input";s.value="".concat(t);s.textContent=e;s.addEventListener("duetRemove",(function(t){var o=t.detail.value;n.removeSelectedItem(o,true)}));this.input.addChip(s)}return[2]}}))}))}));o.forEach((function(o){if(!t.includes(o.value)){o.remove()}}));return[2]}}))}))};t.prototype.getSelectedItemLabel=function(){return __awaiter(this,void 0,void 0,(function(){var t,o,e;var i=this;return __generator(this,(function(s){switch(s.label){case 0:t=this.processedItems.find((function(t){return i.selectedItems.has(t.id)}));if(!t)return[3,2];return[4,this.formatItem(t)];case 1:e=s.sent();return[3,3];case 2:e="";s.label=3;case 3:o=e;return[2,o]}}))}))};t.prototype.updateInputText=function(){return __awaiter(this,arguments,void 0,(function(t){var o,e,i;if(t===void 0){t=false}return __generator(this,(function(s){switch(s.label){case 0:if(t&&this.multiple){this.input.value="";return[2]}if(!(t&&this.force))return[3,3];o=this.returnFilteredOrNonFiltered();if(!this.multiple&&this.listOpen&&o.length===1&&o[0].name.toLowerCase()===this.input.value.toLowerCase()){this.updateSelectedItem(o[0].id,true)}if(!(this.selectedItems.size===0))return[3,1];this.input.value="";return[3,3];case 1:e=this.input;return[4,this.getSelectedItemLabel()];case 2:e.value=s.sent();s.label=3;case 3:if(!(!t&&this.selectedItems.size>0))return[3,5];this.input.value="";i=this.input;return[4,this.getSelectedItemLabel()];case 4:i.value=s.sent();this.input.scrollLeft=this.input.scrollWidth;s.label=5;case 5:return[2]}}))}))};t.prototype.onListClick=function(t,o){t.preventDefault();t.stopPropagation();if(this.multiple){this.addSelectedItem(o.id,true)}else{this.updateSelectedItem(o.id,true)}this.activeItem=undefined;this.listOpen=false;return this.listOpen};t.prototype.scrollToActive=function(){var t=this.listElement.querySelector(".active");if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.formatLabel=function(t,o,e,i){if(!t||i===undefined){return""}var s=e===i?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return s.replace("{name}",String(t.name)).replace("{current}",String(o+1)).replace("{total}",String(e)).replace("{hiddenItems}",String(i-e))};t.prototype.getFilteredItems=function(){var t=this;var o=this.processedItems.filter((function(o){var e,i,s,n,c;return((e=String(o.value))===null||e===void 0?void 0:e.toLowerCase()[t.filterType]((i=t.inputValue)===null||i===void 0?void 0:i.toLowerCase()))||((s=String(o.name))===null||s===void 0?void 0:s.toLowerCase()[t.filterType]((n=t.inputValue)===null||n===void 0?void 0:n.toLowerCase()))||t.formatter(o).toLowerCase()[t.filterType]((c=t.inputValue)===null||c===void 0?void 0:c.toLowerCase())||t.selectedItems.has(o.id)})).filter((function(o){var e=true;if(t.multiple&&t.selectedItems.has(o.id)){e=false}return e}));return this.sortFilteredItems(o)};t.prototype.sortFilteredItems=function(t){var o=this;if(t.length>0){t.filter((function(t){return o.selectedItems.has(t.id)})).forEach((function(o){var e=t.indexOf(o);t.splice(e,1);t.unshift(o)}))}return t};t.prototype.render=function(){var t;var o=this;var e=this.returnFilteredOrNonFiltered();return h(Host,{class:(t={"duet-combobox":true},t["duet-theme-".concat(this.theme)]=true,t)},h("slot",null),h("div",{class:{"duet-combobox-list":true,open:this.listOpen},ref:function(t){return o.listContainer=t}},h("ul",{class:{"duet-combobox-listbox-open":this.listOpen,"duet-combobox-listbox":true},role:"listbox",ref:function(t){return o.listElement=t},id:this.listBoxId},this.listOpen&&e.map((function(t,i){return h(DuetComboBoxSelect,{item:t,active:i===o.activeItem,selected:o.selectedItems.has(t.id),search:o.inputValue,clickHandler:function(e){return o.onListClick(e,t)},label:o.formatLabel(t,i,e.length,o.processedItems.length),isAndroidDevice:o.isAndroidDevice})})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{activeItem:["activeItemHandler"],items:["processItems"],value:["processValue"],listOpen:["processListOpenChange"]}},enumerable:false,configurable:true});return t}();DuetCombobox.style=DuetComboboxStyle0;export{DuetCombobox as duet_combobox};
+ */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-940c081d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{d as debounce}from"./js-utils-9b9e0039.js";import{j as isEnterKey,f as isEscapeKey,o as isTabKey,b as isArrowUpKey,c as isArrowDownKey}from"./keyboard-utils-439bcc8b.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-b0c1eb01.js";import{g as getElementsFromDefaultSlot}from"./slot-utils-4a318cb9.js";import{r as regexEscape,p as parsePossibleJSON}from"./string-utils-192eb3c8.js";var DuetComboBoxSelect=function(t){var i=t.item,e=t.activeDescendant,n=t.selected,r=t.label,s=r===void 0?undefined:r,o=t.clickHandler,u=o===void 0?function(t){t.preventDefault()}:o,a=t.keyHandler,c=a===void 0?function(t){t.preventDefault()}:a,f=t.search,l=t.isAndroidDevice,d=t.id;var v=f.split(" ").filter((function(t){return!!t.trim()})).map((function(t){return regexEscape(t)}));var m=f!==""?new RegExp("(".concat(v.join("|"),")"),"i"):undefined;var b="text-decoration: underline";return h("duet-popup-menu-item",{id:e?d:"",active:n,"data-index":i.id,"aria-selected":e?"true":undefined,"aria-current":n?"true":undefined,role:"option","aria-label":s,tabindex:l?"-1":null,onClick:function(t){return u(t)},onKeyUp:function(t){return c(t)},accessibleRole:"option",activeDescendant:e},m?h("span",{class:"option-container","aria-hidden":"true"},h("span",{innerHTML:i.name.replace(m,'<span style="'.concat(b,'">$&</span>'))})):i.name,i.tags&&h("span",{class:"option-tags"},i.tags.join(", ")))};var duetComboboxCss='.sc-duet-combobox-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:inline-block;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(8, 42, 77)}.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(8, 42, 77);transition:none}.duet-theme-turva.sc-duet-combobox-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-theme-turva.sc-duet-combobox-h a.sc-duet-combobox{color:rgb(23, 28, 58)}.combobox-menu-container.sc-duet-combobox{width:var(--popup-width);max-height:200px}';var DuetComboboxStyle0=duetComboboxCss;var DuetCombobox=function(){function t(t){var i=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);var e,n;this.listBoxId=createID("duet-combobox-list-element");this.inputId=createID("duet-combobox-input-id");this.activeDescendantId=createID("duet-combobox-active-descendant");this.isAndroidDevice=((n=(e=navigator===null||navigator===void 0?void 0:navigator.userAgent)===null||e===void 0?void 0:e.toLowerCase())===null||n===void 0?void 0:n.indexOf("android"))>-1||null;this.resizeObserver=new ResizeObserver(debounce((function(t){var e,n,r;if((t===null||t===void 0?void 0:t.length)===1){var s=(n=(e=t[0])===null||e===void 0?void 0:e.target)===null||n===void 0?void 0:n.getBoundingClientRect().width;var o=parseInt((r=getComputedStyle(i.listContainer.shadowRoot.querySelector(".duet-popup-menu-list")))===null||r===void 0?void 0:r.padding);i.listContainer.style.setProperty("--popup-width","".concat(s-2*o,"px"))}}),100));this.onInputChange=function(t){return __awaiter(i,void 0,void 0,(function(){var i;return __generator(this,(function(e){i=t.detail.value;this.inputValue=i;return[2]}))}))};this.onInputClick=function(){var t,e;if(i.openListOnClick){i.listOpen=!i.listOpen}else{i.listOpen=((t=i.inputValue)===null||t===void 0?void 0:t.length)>=i.minCharacters}if(!((e=i.getFilteredItems())===null||e===void 0?void 0:e.length)){i.listOpen=false}};this.onInputTyping=function(t){return __awaiter(i,void 0,void 0,(function(){var i,e;return __generator(this,(function(n){e=t.detail.value;if(!this.force&&!this.multiple&&this.selectedItems.size>0&&e!==this.getSelectedItemLabel()){this.selectedItems.clear()}if(!this.force&&!this.multiple&&e===""){this.value=undefined}this.listOpen=String(e).length>=this.minCharacters&&((i=this.getFilteredItems())===null||i===void 0?void 0:i.length)>0;return[2]}))}))};this.onKeyDown=function(t){var e=i.returnFilteredOrNonFiltered();var n=e.filter((function(t){return!i.selectedItems.has(t.id)}));i.input.accessibleActiveDescendant=undefined;if(isEnterKey(t)){t.preventDefault();if(i.listOpen&&i.activeItem!==undefined&&e[i.activeItem]){if(i.multiple){i.addSelectedItem(e[i.activeItem].id,true)}else{i.updateSelectedItem(e[i.activeItem].id,true)}}else if(!i.multiple&&i.listOpen&&n.length===1&&n[0].name.toLowerCase()===i.input.value.toLowerCase()){i.updateSelectedItem(n[0].id,true)}i.activeItem=undefined;i.listOpen=false;return}if(isEscapeKey(t)||isTabKey(t)){if(i.listOpen){t.preventDefault()}i.updateInputText(true);i.activeItem=undefined;i.listOpen=false;return}var r=i.activeItem;if(isArrowUpKey(t)){t.preventDefault();r=i.activeItem-1}else if(isArrowDownKey(t)){t.preventDefault();r=i.listOpen?i.activeItem+1:i.activeItem;i.listOpen=true}if(isArrowDownKey(t)||isArrowUpKey(t)){if(r<0||!r){r=0}if(r>=e.length){r=e.length-1}i.input.accessibleActiveDescendant=i.activeDescendantId;i.activeItem=r;i.scrollToActive()}return};this.processedItems=null;this.inputValue="";this.listOpen=false;this.selectedItems=new Set;this.activeItem=undefined;this.accessibleLabelDefaults={en:{heading:"Select:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtered"},fi:{heading:"Valitse:",item:"{name}",itemFiltered:"{name}, {hiddenItems} suodatettu"},sv:{heading:"Välj:",item:"{name}",itemFiltered:"{name}, {hiddenItems} filtrerade"}};this.accessibleLabels=getLocaleString(this.accessibleLabelDefaults,getLanguage());this.label="";this.caption="";this.theme="";this.force=false;this.multiple=false;this.items=undefined;this.formatter=function(t){return t&&t.name?t.name:""};this.value=undefined;this.minCharacters=1;this.openListOnClick=false;this.filterType="startsWith"}t.prototype.popupMenuOpenHandler=function(){if(this.listOpen){this.listContainer.show()}else{this.listContainer.hide()}};t.prototype.activeItemHandler=function(t){this.input.accessibleActiveDescendant=this.listOpen&&(t||t===0)?this.activeDescendantId:""};t.prototype.handleDocumentClick=function(t){var i=this;var e=t.composedPath();var n=e.every((function(t){return t!==i.element}));if(n){this.updateInputText(true);this.listOpen=false}};t.prototype.formatItem=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){return[2,this.formatter(t)]}))}))};t.prototype.processItems=function(){var t=this;var i=[];this.processedItems=parsePossibleJSON(this.items);if(!Array.isArray(this.processedItems)){console.error("DuetCombobox: Items should be an array");return}if(this.processedItems.length!==new Set(__spreadArray([],this.processedItems,true)).size){console.warn("DuetCombobox: Duplicate item values found in the list")}this.processedItems=this.processedItems.map((function(t,e){if(typeof t==="string"){t={name:t,value:t}}if(t.id!==undefined){t.id=String(t.id)}else{t.id="".concat(JSON.stringify(t.value),"-").concat(t.name)}if(i.includes(t.id)){console.warn("DuetCombobox: Duplicate item id found in the list, postfixed with index");t.id="".concat(t.id,"-").concat(e)}i.push(t.id);return t}));var e=Array.from(this.selectedItems).filter((function(i){return!t.processedItems.find((function(t){return t.id===i}))}));if(e.length){if(this.multiple){e.forEach((function(i){return t.removeSelectedItem(i)}))}else{this.updateSelectedItem(e[0],true)}}};t.prototype.processValue=function(){var t=this;if(this.value!==""&&!this.value){this.selectedItems.clear();return}var i=Array.isArray(this.value)?this.value:[this.value];var e=this.processedItems.filter((function(t){return i.includes(t.value)})).map((function(t){return t.id}));if(e.length===this.selectedItems.size&&e.every((function(i){return t.selectedItems.has(i)}))){return}if(this.multiple){this.selectedItems.clear();this.input.clearChips();e.forEach((function(i){return t.addSelectedItem(i)}))}else{var n=this.processedItems.find((function(i){return i.value===t.value}));this.updateSelectedItem(n.id)}};t.prototype.processListOpenChange=function(){if(this.openListOnClick){this.input.icon=this.listOpen?"action-arrow-up":"action-arrow-down"}this.input.accessibleExpanded=this.listOpen?"true":"false"};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.connectedCallback=function(){if(this.items){this.processItems()}var t=getElementsFromDefaultSlot(this.element);if(t.length){this.input=t[0]}else{this.input=document.createElement("duet-input");this.input.label=this.label;this.input.caption=this.caption;this.input.expand=true;this.element.prepend(this.input)}this.input.chips=this.multiple;this.input.addEventListener("duetChange",this.onInputChange);this.input.addEventListener("duetInput",this.onInputTyping);this.input.addEventListener("click",this.onInputClick);this.input.role="combobox";this.input.accessibleExpanded=this.listOpen?"true":"false";this.input.accessibleAutocomplete="list";this.input.accessibleControls=this.listBoxId;this.input.id=this.inputId;this.element.addEventListener("keydown",this.onKeyDown);connectLanguageChangeObserver(this,{prop:"accessibleLabels",defaults:"accessibleLabelDefaults"});this.processListOpenChange()};t.prototype.disconnectedCallback=function(){this.input.removeEventListener("duetChange",this.onInputChange);this.input.removeEventListener("click",this.onInputClick);this.element.removeEventListener("keydown",this.onKeyDown);this.resizeObserver.disconnect();disconnectLanguageChangeObserver(this)};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.input);this.processValue()};t.prototype.shouldListBeFiltered=function(){var t=this;if(!this.multiple&&this.selectedItems.size&&this.input.value===this.inputValue){var i=this.processedItems.find((function(i){return t.selectedItems.has(i.id)}));return!(this.formatter(i).toLowerCase()===this.input.value.toLowerCase())}return true};t.prototype.returnFilteredOrNonFiltered=function(){return this.processedItems?this.shouldListBeFiltered()?this.getFilteredItems():this.sortFilteredItems(this.processedItems):[]};t.prototype.emitChangeEvent=function(t){var i=this.processedItems.find((function(i){return i.id===t}));this.duetChange.emit({item:i,value:this.value,component:"duet-combobox"})};t.prototype.updateMultipleValue=function(){var t=this;this.value=this.processedItems.filter((function(i){return t.selectedItems.has(i.id)})).map((function(t){return t.value}));this.input.value="";this.updateChips();this.input.setFocus()};t.prototype.addSelectedItem=function(t,i){if(this.selectedItems.has(t)){return}this.selectedItems.add(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.removeSelectedItem=function(t,i){if(!this.selectedItems.has(t)){return}this.selectedItems.delete(t);this.updateMultipleValue();if(i){this.emitChangeEvent(t)}};t.prototype.updateSelectedItem=function(t,i){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.selectedItems.has(t))return[3,2];this.selectedItems.delete(t);this.value=undefined;this.input.value="";return[4,this.input.setFocus()];case 1:e.sent();return[3,3];case 2:this.selectedItems.clear();this.selectedItems.add(t);this.value=this.processedItems.find((function(i){return i.id===t})).value;e.label=3;case 3:if(i){this.emitChangeEvent(this.value&&t)}return[4,this.updateInputText()];case 4:e.sent();return[2]}}))}))};t.prototype.updateChips=function(){return __awaiter(this,void 0,void 0,(function(){var t,i;var e=this;return __generator(this,(function(n){switch(n.label){case 0:t=Array.from(this.selectedItems);return[4,this.input.getChips()];case 1:i=n.sent();t.forEach((function(t){return __awaiter(e,void 0,void 0,(function(){var i,e,n,r;var s=this;return __generator(this,(function(o){switch(o.label){case 0:i=this.processedItems.find((function(i){return i.id===t}));return[4,this.formatItem(i)];case 1:e=o.sent();return[4,this.input.hasChip({value:"".concat(t),text:e})];case 2:n=o.sent();if(!n){r=document.createElement("duet-chip");r.variation="input";r.role="option";r.value="".concat(t);r.textContent=e;r.addEventListener("duetRemove",(function(t){var i=t.detail.value;s.removeSelectedItem(i,true)}));this.input.addChip(r)}return[2]}}))}))}));i.forEach((function(i){if(!t.includes(i.value)){i.remove()}}));return[2]}}))}))};t.prototype.getSelectedItemLabel=function(){return __awaiter(this,void 0,void 0,(function(){var t,i,e;var n=this;return __generator(this,(function(r){switch(r.label){case 0:t=this.processedItems.find((function(t){return n.selectedItems.has(t.id)}));if(!t)return[3,2];return[4,this.formatItem(t)];case 1:e=r.sent();return[3,3];case 2:e="";r.label=3;case 3:i=e;return[2,i]}}))}))};t.prototype.updateInputText=function(){return __awaiter(this,arguments,void 0,(function(t){var i,e,n;if(t===void 0){t=false}return __generator(this,(function(r){switch(r.label){case 0:if(t&&this.multiple){this.input.value="";return[2]}if(!(t&&this.force))return[3,3];i=this.returnFilteredOrNonFiltered();if(!this.multiple&&this.listOpen&&i.length===1&&i[0].name.toLowerCase()===this.input.value.toLowerCase()){this.updateSelectedItem(i[0].id,true)}if(!(this.selectedItems.size===0))return[3,1];this.input.value="";return[3,3];case 1:e=this.input;return[4,this.getSelectedItemLabel()];case 2:e.value=r.sent();r.label=3;case 3:if(!(!t&&this.selectedItems.size>0))return[3,6];this.input.value="";n=this.input;return[4,this.getSelectedItemLabel()];case 4:n.value=r.sent();this.input.scrollLeft=this.input.scrollWidth;return[4,this.input.setFocus()];case 5:r.sent();r.label=6;case 6:return[2]}}))}))};t.prototype.onListClick=function(t,i){t.preventDefault();t.stopPropagation();if(this.multiple){this.addSelectedItem(i.id,true)}else{this.updateSelectedItem(i.id,true)}this.activeItem=undefined;this.listOpen=false;return this.listOpen};t.prototype.scrollToActive=function(){var t=document.getElementById("".concat(this.activeDescendantId));if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.formatLabel=function(t,i,e,n){if(!t||n===undefined){return""}var r=e===n?this.accessibleLabels.item:this.accessibleLabels.itemFiltered;return r.replace("{name}",String(t.name)).replace("{current}",String(i+1)).replace("{total}",String(e)).replace("{hiddenItems}",String(n-e))};t.prototype.getFilteredItems=function(){var t=this;var i=this.processedItems.filter((function(i){var e,n,r,s,o;return((e=String(i.value))===null||e===void 0?void 0:e.toLowerCase()[t.filterType]((n=t.inputValue)===null||n===void 0?void 0:n.toLowerCase()))||((r=String(i.name))===null||r===void 0?void 0:r.toLowerCase()[t.filterType]((s=t.inputValue)===null||s===void 0?void 0:s.toLowerCase()))||t.formatter(i).toLowerCase()[t.filterType]((o=t.inputValue)===null||o===void 0?void 0:o.toLowerCase())||t.selectedItems.has(i.id)})).filter((function(i){var e=true;if(t.multiple&&t.selectedItems.has(i.id)){e=false}return e}));return this.sortFilteredItems(i)};t.prototype.sortFilteredItems=function(t){var i=this;if(t.length>0){t.filter((function(t){return i.selectedItems.has(t.id)})).forEach((function(i){var e=t.indexOf(i);t.splice(e,1);t.unshift(i)}))}return t};t.prototype.render=function(){var t;var i=this;var e=this.returnFilteredOrNonFiltered();return h(Host,{class:(t={"duet-combobox":true},t["duet-theme-".concat(this.theme)]=true,t)},h("slot",null),h("div",null,h("duet-popup-menu",{id:this.listBoxId,controller:this.input,ref:function(t){return i.listContainer=t},accessibleRole:"listbox"},h("div",{class:"combobox-menu-container"},this.listOpen&&e.map((function(t,n){return h(DuetComboBoxSelect,{id:i.activeDescendantId,item:t,activeDescendant:n===i.activeItem,selected:i.selectedItems.has(t.id),search:i.inputValue,clickHandler:function(e){return i.onListClick(e,t)},label:i.formatLabel(t,n,e.length,i.processedItems.length),isAndroidDevice:i.isAndroidDevice})})),h("duet-spacer",{size:"x-small"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{listOpen:["popupMenuOpenHandler","processListOpenChange"],activeItem:["activeItemHandler"],items:["processItems"],value:["processValue"]}},enumerable:false,configurable:true});return t}();DuetCombobox.style=DuetComboboxStyle0;export{DuetCombobox as duet_combobox};

package/lib/esm-es5/duet-contact-card.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-b0c1f3cd.js";import"./string-utils-192eb3c8.js";var duetContactCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns: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:600;line-height:1.5;color:rgb(0, 41, 77)}.duet-contact-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}';var DuetContactCardStyle0=duetContactCardCss;var DuetContactCard=function(){function e(e){registerInstance(this,e);this.phoneLabel={en:"Phone",fi:"Puhelin",sv:"Telefon"};this.language=getLanguage();this.theme="";this.margin="auto";this.image=undefined;this.name=undefined;this.description=undefined;this.email=undefined;this.phone=undefined;this.buttonText=undefined;this.buttonIcon="form-date";this.buttonUrl=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this.theme==="turva";var t=e?"turva":"default";return h(Host,{key:"c532807993d52b8f0054daa3af2c7f80e61fa810",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"bdd79055f3abe795b0ea44a9d7fdf7b08c656b60",class:{"duet-contact-card":true,"duet-theme-turva":this.theme==="turva"},role:"group","aria-label":this.name},this.image?h("img",{class:"image",src:this.image,alt:this.name}):h("div",null),h("div",{key:"f8d9f6d95737f5c485222a502b9d2502ede2a1cb"},this.name&&h("duet-heading",{key:"10f87bf9b703fc0a609424b9d29130331b6151d8",class:"name",level:"h3",margin:"none",theme:t},this.name),this.description&&h("duet-paragraph",{key:"9681851717e78eda1148c1117abddb24b4c12aff",class:"description",margin:"none",theme:t},this.description),this.email&&h("div",{key:"6bf8e40774ac3672d0e74b1e251e8c48e70762fb",class:"email"},h("duet-icon",{key:"2065dcdc7368544f350baf4635052d8c52c4b79d",name:"navigation-message",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"552d329f8d98ab48633a920b6ca39737a7fc1f75",url:"mailto:".concat(this.email),accessibleLabel:"Email: ".concat(this.email),theme:t},this.email)),this.phone&&h("div",{key:"8670d1b4a2672a8921f4e4a49291873094261b7b",class:"phone"},h("duet-icon",{key:"3428663c19aeab970654ad2ddc5e9e33a0a41259",name:"form-tel",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"f314ea75ea7d635b4fc128716dcc0aee5ff7b254",url:"tel:".concat(this.phone),accessibleLabel:"".concat(this.phoneLabel[this.language],": ").concat(this.phone),theme:t},this.phone))),this.buttonUrl&&this.buttonText&&h("div",{key:"e2345368c3ba15cd74835e2aa61923038b3a205f",class:"call-to-action"},h("duet-button",{key:"921f29a51d7a163a2246b451c3cae550cee443d9",variation:"default",icon:this.buttonIcon,fixed:true,margin:"none",url:this.buttonUrl,theme:t},this.buttonText)),h("div",{key:"9d98b0a893846972eac2a2285ad39e6f09a52fde"}),h("slot",{key:"cf3781665288e173c754529dce701b834631c3a1"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetContactCard.style=DuetContactCardStyle0;export{DuetContactCard as duet_contact_card};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-940c081d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-b0c1eb01.js";import"./string-utils-192eb3c8.js";var duetContactCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;display:block}:host(.duet-m-0){margin:0 !important}::slotted(*){padding-top:1.5rem}@media (min-width: 48em){::slotted(*){grid-column:2/span 2;padding-top:0}}.duet-contact-card{display:grid;grid-template-columns: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:600;line-height:1.5;color:rgb(8, 42, 77)}.duet-contact-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}@media (min-width: 48em){.duet-contact-card{grid-template-columns:min-content minmax(0, 1fr) auto;gap:20px}}.duet-contact-card .image{width:4rem;height:4rem;margin-bottom:8px;border-radius:4px}@media (min-width: 48em){.duet-contact-card .image{width:6rem;height:6rem;padding-bottom:0}}.duet-contact-card .description{padding-bottom:8px}.duet-contact-card .email,.duet-contact-card .phone{display:grid;grid-template-columns:min-content auto;gap:8px;align-items:center;justify-content:flex-start;padding-bottom:8px;overflow-wrap:break-word}';var DuetContactCardStyle0=duetContactCardCss;var DuetContactCard=function(){function e(e){registerInstance(this,e);this.phoneLabel={en:"Phone",fi:"Puhelin",sv:"Telefon"};this.language=getLanguage();this.theme="";this.margin="auto";this.image=undefined;this.name=undefined;this.description=undefined;this.email=undefined;this.phone=undefined;this.buttonText=undefined;this.buttonIcon="form-date";this.buttonUrl=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){var e=this.theme==="turva";var t=e?"turva":"default";return h(Host,{key:"27e103c0c5049f7fab515607764a54b61951c1e0",class:{"duet-m-0":this.margin==="none"}},h("div",{key:"c574b5e46c7fa008821587bb36154641b390b903",class:{"duet-contact-card":true,"duet-theme-turva":this.theme==="turva"},role:"group","aria-label":this.name},this.image?h("img",{class:"image",src:this.image,alt:this.name}):h("div",null),h("div",{key:"ad527316cf8b63feb34bd4dd79f77324b7f48c80"},this.name&&h("duet-heading",{key:"6774b39b0bbd63f84d262fcf3f2ecad255664ce0",class:"name",level:"h3",margin:"none",theme:t},this.name),this.description&&h("duet-paragraph",{key:"f8dcb174650b2bc6f9ab36f8995c9e4629cd4cb7",class:"description",margin:"none",theme:t},this.description),this.email&&h("div",{key:"73e0f30a03c566d15e338a87506fcf537f8c5cfd",class:"email"},h("duet-icon",{key:"362a6a97716c3a14aee0aa4f922b46752a512fe0",name:"navigation-message",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"86f261b33c3199a7e02d697417f835d70f3300fa",url:"mailto:".concat(this.email),accessibleLabel:"Email: ".concat(this.email),theme:t},this.email)),this.phone&&h("div",{key:"fefe6fcb46d1113762849f95e2dcb7c4625d2472",class:"phone"},h("duet-icon",{key:"55a47952ffee9a4d97c714aa749219bc6d7aa2b8",name:"form-tel",size:"x-small",color:"primary-dark",margin:"none",theme:t}),h("duet-link",{key:"618acf848c98219d2a05233a8f072401a33c5507",url:"tel:".concat(this.phone),accessibleLabel:"".concat(this.phoneLabel[this.language],": ").concat(this.phone),theme:t},this.phone))),this.buttonUrl&&this.buttonText&&h("div",{key:"bc881ffff92c8433241d886ebd054090356ffece",class:"call-to-action"},h("duet-button",{key:"8147b7ed59d0c12d235059e6a1d1ec7551f1e184",variation:"default",icon:this.buttonIcon,fixed:true,margin:"none",url:this.buttonUrl,theme:t},this.buttonText)),h("div",{key:"1d06de992fe79882232166faca835f6468ce796f"}),h("slot",{key:"ade5d1b926723e45fc1ff45faeef9fa14bd5af56"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetContactCard.style=DuetContactCardStyle0;export{DuetContactCard as duet_contact_card};

package/lib/esm-es5/duet-cookie-consent.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";var duetCookieConsentCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):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:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;color:rgb(255, 255, 255) !important;background-color:rgba(0, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(0, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetCookieConsentStyle0=duetCookieConsentCss;var DuetCookieConsent=function(){function e(e){var t=this;registerInstance(this,e);this.duetCookieConsent=createEvent(this,"duetCookieConsent",7);this.handleClick=function(e){e.preventDefault();t.duetCookieConsent.emit({component:"duet-cookie-consent"})};this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme=""}e.prototype.handleFocusIn=function(e){var t=e.composedPath();var o=t[0];if(o!==this.element){this.element.classList.add("descendant-focused")}};e.prototype.handleFocusOut=function(){this.element.classList.remove("descendant-focused")};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.render=function(){return h(Host,{key:"b6200017500c61af5823af477a967f1b0eb4c3e8",tabindex:"0",class:{"duet-theme-turva":this.theme==="turva"}},h("div",{key:"2a24f576b5c8d4afa80ebbd1efb1535d39057fc9",class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},h("div",{key:"dfce32c2435aff2e90e5ef68bf2058635c0bebba",class:"duet-cookie-consent-content"},h("div",{key:"426215741b6ae8be77620bee45f34cafcb2b0a9b",class:"expand"},h("slot",{key:"29dc8d4183c2ec992e44bb8ef38a492daefc0393"})),h("duet-spacer",{key:"aef61de5d2b9b12dec6ebac9d0b0b2f3a9709d97",size:"large",direction:"horizontal"}),h("div",{key:"660dc857d3ba6115beb552745416929a22a4d6b3"},h("duet-button",{key:"24b68101280c3a953653256d9660309efee09194",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCookieConsent.style=DuetCookieConsentStyle0;export{DuetCookieConsent as duet_cookie_consent};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-940c081d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{s as subscribeTabbingChange,u as unsubscribeTabbingChange}from"./keyboard-utils-439bcc8b.js";var duetCookieConsentCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:fixed;right:0;bottom:0;left:0;z-index:950;display:block;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, 0.2)}@media (min-width: 48em){:host{right:28px;bottom:28px;left:auto;width:25rem}}:host(:focus){outline:0}:host(.user-is-tabbing:not(.descendant-focused):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:not(.descendant-focused).duet-theme-turva:focus){box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-cookie-consent{padding:20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;color:rgb(255, 255, 255) !important;background-color:rgba(4, 21, 39, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent{background:rgba(4, 21, 39, 0.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.duet-cookie-consent.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";background-color:rgba(12, 14, 29, 0.9)}@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none){.duet-cookie-consent.duet-theme-turva{background:rgba(12, 14, 29, 0.8)}}@media (min-width: 48em){.duet-cookie-consent{padding:20px;border-radius:4px}}.duet-cookie-consent-content{display:flex;align-items:center;max-width:1110px;margin:0 auto}.duet-cookie-consent-content .expand{flex:1}::slotted(a){font-weight:600;color:rgb(255, 255, 255) !important;text-decoration:underline;white-space:nowrap}::slotted(a[target=_blank]){padding-right:16px;background:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEwLjUgMmExLjUgMS41IDAgMDEuMTQgM0gzLjc1Yy0uMzggMC0uNy4yOC0uNzQuNjVsLS4wMS4xdjE0LjVjMCAuMzguMjguNy42NS43NGwuMS4wMWgxNC41Yy4zOCAwIC43LS4yOC43NC0uNjVsLjAxLS4xdi02Ljg5YTEuNSAxLjUgMCAwMTMgMHY2Ljg5QTMuNzUgMy43NSAwIDAxMTguMjUgMjRIMy43NUEzLjc1IDMuNzUgMCAwMTAgMjAuMjVWNS43NUEzLjc1IDMuNzUgMCAwMTMuNzUgMnptMTItMmMuNzggMCAxLjQyLjYgMS41IDEuMzZWNy41YTEuNSAxLjUgMCAwMS0zIC4xNFY1LjEybC01LjQ0IDUuNDRhMS41IDEuNSAwIDAxLTIuMjItMmwuMS0uMTJMMTguODggM0gxNi41QTEuNSAxLjUgMCAwMTE1IDEuNjRWMS41YzAtLjc4LjYtMS40MiAxLjM2LTEuNWguMTR6Ii8+PC9zdmc+") no-repeat right 50%;background-size:12px 10px}::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva ::slotted(a:focus){outline:0;box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}';var DuetCookieConsentStyle0=duetCookieConsentCss;var DuetCookieConsent=function(){function e(e){var t=this;registerInstance(this,e);this.duetCookieConsent=createEvent(this,"duetCookieConsent",7);this.handleClick=function(e){e.preventDefault();t.duetCookieConsent.emit({component:"duet-cookie-consent"})};this.accessibleLabel="Hyväksyn evästeiden käytön";this.theme=""}e.prototype.handleFocusIn=function(e){var t=e.composedPath();var o=t[0];if(o!==this.element){this.element.classList.add("descendant-focused")}};e.prototype.handleFocusOut=function(){this.element.classList.remove("descendant-focused")};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){subscribeTabbingChange(this)};e.prototype.disconnectedCallback=function(){unsubscribeTabbingChange(this)};e.prototype.render=function(){return h(Host,{key:"b6200017500c61af5823af477a967f1b0eb4c3e8",tabindex:"0",class:{"duet-theme-turva":this.theme==="turva"}},h("div",{key:"2a24f576b5c8d4afa80ebbd1efb1535d39057fc9",class:{"duet-cookie-consent":true,"duet-theme-turva":this.theme==="turva"}},h("div",{key:"dfce32c2435aff2e90e5ef68bf2058635c0bebba",class:"duet-cookie-consent-content"},h("div",{key:"426215741b6ae8be77620bee45f34cafcb2b0a9b",class:"expand"},h("slot",{key:"29dc8d4183c2ec992e44bb8ef38a492daefc0393"})),h("duet-spacer",{key:"aef61de5d2b9b12dec6ebac9d0b0b2f3a9709d97",size:"large",direction:"horizontal"}),h("div",{key:"660dc857d3ba6115beb552745416929a22a4d6b3"},h("duet-button",{key:"24b68101280c3a953653256d9660309efee09194",variation:"negative",size:"small",onClick:this.handleClick,margin:"none","aria-label":this.accessibleLabel,theme:this.theme},"OK")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetCookieConsent.style=DuetCookieConsentStyle0;export{DuetCookieConsent as duet_cookie_consent};

package/lib/esm-es5/duet-date-picker.entry.js

@@ -1,4 +1,4 @@
-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}}};
+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{d(i.next(t))}catch(t){n(t)}}function s(t){try{d(i["throw"](t))}catch(t){n(t)}}function d(t){t.done?a(t.value):r(t.value).then(o,s)}d((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:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return d([t,e])}}function d(s){if(i)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(a=0)),a)try{if(i=1,r&&(n=s[0]&2?r["return"]:s[0]?r["throw"]||((n=r["return"])&&n.call(r),0):r.next)&&!(n=n.call(r,s[1])).done)return n;if(r=0,n)s=[s[0]&2,n.value];switch(s[0]){case 0:case 1:n=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;r=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(n=a.trys,n=n.length>0&&n[n.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!n||s[1]>n[0]&&s[1]<n[3])){a.label=s[1];break}if(s[0]===6&&a.label<n[1]){a.label=n[1];n=s;break}if(n&&a.label<n[2]){a.label=n[2];a.ops.push(s);break}if(n[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];r=0}finally{i=n=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{F as FocusGuard}from"./focus-utils-1e2c1ed7.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-b0c1f3cd.js";import{c as checkNamedSlotElement}from"./slot-utils-e698dc9e.js";import"./string-utils-192eb3c8.js";var formatOptionsShort={day:"numeric",month:"long"};var formatOptionsLong={day:"numeric",month:"long",year:"numeric"};var i18n={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",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("fi-FI",formatOptionsLong)},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",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("en-GB",formatOptionsLong)},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",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("sv-SE",formatOptionsLong)}};var formDate={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 DatePickerInput=function(t){var e=t.onClick,a=t.placeholder,i=t.name,r=t.inputLabel,n=t.value,o=t.valueAsDate,d=t.formattedValue,s=t.language,u=t.identifier,c=t.theme,l=t.disabled,p=t.error,m=t.role,b=t.required,f=t.tooltip,g=t.tooltipDirection,v=t.labelHidden,k=t.buttonRef,y=t.inputRef,x=t.onInput,w=t.onBlur,D=t.onFocus,S=t.accessibleActiveDescendant,O=t.accessibleControls,M=t.accessibleOwns,I=t.accessibleDescribedBy,L=t.accessibleLiveError,A=t.echoPlaceholder,E=t.caption;var T=i18n[s],F=T.buttonLabel,_=T.selected,j=T.formatterLong;return h("div",{class:{"duet-theme-turva":c==="turva","duet-date-input":true}},h("duet-input",{label:r,value:d,placeholder:a,id:u,disabled:l,theme:c,error:p,role:m,required:b,tooltip:f,tooltipDirection:g,margin:"none",component:"date",labelHidden:v,accessibleAutocomplete:"none",onDuetInput:x,onDuetFocus:D,onDuetBlur:w,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:y,accessibleActiveDescendant:S,accessibleControls:O,accessibleOwns:M,accessibleDescribedBy:I,accessibleLiveError:L,echoPlaceholder:A,caption:E},h("slot",{name:"tooltip"}),h("button",{class:{"duet-date-button":true,"duet-no-label":v},onClick:e,disabled:l,ref:k,type:"button"},h("duet-icon",{icon:formDate.svg,margin:"none",size:"small",color:"currentColor"}),h("duet-visually-hidden",null,F,o&&h("span",null,", ",_," ",j.format(o))))),h("input",{type:"hidden",name:i,value:n}))};var DATE_FORMAT=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/;var ISO_DATE_FORMAT=/^(\d{4})-(\d{2})-(\d{2})$/;var DATE_OUTPUT_FORMAT="dd.mm.yyyy";var DATE_ISO_OUTPUT_FORMAT="YYYY-MM-DD";function createDate(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 parseDate(t){if(!t){return}var e=t.match(DATE_FORMAT);if(e){return createDate(e[3],e[2],e[1])}}function parseISODate(t){if(!t){return}var e=t.match(ISO_DATE_FORMAT);if(e){return createDate(e[1],e[2],e[3])}}function formatDate(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 printDate(t){return formatDate(t,DATE_OUTPUT_FORMAT)}function printISODate(t){return formatDate(t,DATE_ISO_OUTPUT_FORMAT)}function isEqual(t,e){if(t==null||e==null){return false}return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function addDays(t,e){var a=new Date(t);a.setDate(a.getDate()+e);return a}function startOfWeek(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 endOfWeek(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 startOfMonth(t){return new Date(t.getFullYear(),t.getMonth(),1)}function endOfMonth(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function setMonth(t,e){var a=new Date(t);a.setMonth(e);return a}function setYear(t,e){var a=new Date(t);a.setFullYear(e);return a}function inRange(t,e,a){return clamp(t,e,a)===t}function clamp(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 getDaysInRange(t,e){var a=[];var i=t;while(!isEqual(i,e)){a.push(i);i=addDays(i,1)}a.push(i);return a}function getViewOfMonth(t,e){if(e===void 0){e=1}var a=startOfWeek(startOfMonth(t),e);var i=endOfWeek(endOfMonth(t),e);return getDaysInRange(a,i)}var DatePickerDay=function(t){var e=t.focusedDay,a=t.today,i=t.day,r=t.language,n=t.onDaySelect,o=t.onKeyboardNavigation,d=t.ref,s=t.inRange,u=t.isSelected;var c=isEqual(i,a);var l=isEqual(i,e);var p=i.getMonth()!==e.getMonth();var m=!s;var b=i18n[r].formatterShort;function f(t){n(t,i)}return h("button",{class:{"duet-date-table-button":true,outside:m,disabled:p,today:c},tabIndex:l?0:-1,onClick:f,onKeyDown:o,"aria-disabled":m||p,"aria-pressed":u?"true":"false",type:"button",ref:d},h("span",{"aria-hidden":"true"},i.getDate()),h("duet-visually-hidden",null,b.format(i)))};function range(t,e){var a=[];for(var i=t;i<=e;i++){a.push(i)}return a}function chunk(t,e){var a=[];for(var i=0;i<t.length;i+=e){a.push(t.slice(i,i+e))}return a}function parseShortcut(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 createShortcuts(t){var e=Object.keys(t).map((function(e){return[parseShortcut(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 DatePickerMonth=function(t){var e=t.selectedDate,a=t.focusedDate,i=t.labelledById,r=t.theme,n=t.language,o=t.min,d=t.max,s=t.onDateSelect,u=t.onKeyboardNavigation,c=t.focusedDayRef,l=t.onFocusEnter,p=t.onFocusExit;var m=i18n[n].dayLabels;var b=new Date;var f=getViewOfMonth(a);function g(t){var e=t.currentTarget;var a=t.relatedTarget;if(a&&!e.contains(a)){p(t)}}return h("table",{class:{"duet-date-table":true,"duet-theme-turva":r==="turva"},"aria-labelledby":i,onFocusin:l,onFocusout:g},h("thead",null,h("tr",null,m.map((function(t){return h("th",{scope:"col"},h("span",{"aria-hidden":"true"},t.substr(0,2)),h("duet-visually-hidden",null,t))})))),h("tbody",null,chunk(f,7).map((function(t){return h("tr",{class:"duet-date-table-row"},t.map((function(t){return h("td",{class:"duet-date-table-cell"},h(DatePickerDay,{day:t,today:b,language:n,focusedDay:a,inRange:inRange(t,o,d),isSelected:isEqual(t,e),onDaySelect:s,onKeyboardNavigation:u,ref:function(e){if(e&&isEqual(t,a)){c(e)}}}))})))}))))};var duetDatePickerCss='*.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 DuetDatePickerStyle0=duetDatePickerCss;var DuetDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.monthSelectId=createID("DuetDatePicker");this.yearSelectId=createID("DuetDatePicker");this.dialogLabelId=createID("DuetDatePicker");this.initialTouchX=null;this.initialTouchY=null;this.focusTarget=null;this.dateErrorMessages={badInput:{en:"Wrong date format",fi:"Väärä päivämäärämuoto",sv:"Fel datumformat"},rangeUnderflow:{en:"Date too early",fi:"Päivämäärä liian aikainen",sv:"Datum för tidigt"},rangeOverflow:{en:"Date too late",fi:"Päivämäärä liian aikainen",sv:"Datum för sent"}};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();if(!e.validity.valid){e.value=null;var a=Object.entries(e.validity).find((function(t){return!!t[1]}))[0];e.internalValidityError=getLocaleString(e.dateErrorMessages[a])}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=createShortcuts({Escape:function(){return e.hide()},Esc:function(){return e.hide()}});this.handleKeyboardNavigation=createShortcuts({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=parseISODate(e.min);var r=parseISODate(e.max);e.determineValidity(a);if(inRange(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=parseDate(e.inputValue);e.determineValidity(a);if(a||e.inputValue===""){e.setValue(a)}};this.open=false;this.focusedDay=new Date;this.inputValue="";this.internalValidityError="";this.theme="";this.expand=false;this.name="";this.identifier="";this.label="";this.caption=undefined;this.margin="auto";this.language=getLanguage();this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"};this.placeholder=getLocaleString(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;this.accessibleLiveError="polite"}t.prototype.updateValidity=function(t,e,a){if(a==="value"&&t===null){return}this.determineValidity(parseISODate(this.value));if(this.validity.valid){this.internalValidityError=""}};t.prototype.updateInternalValue=function(){if(this.value===null){return}var t=parseISODate(this.value);var e=parseDate(this.inputValue);if(!t){this.inputValue=""}else if(!isEqual(t,e)){this.inputValue=printDate(t)}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.determineValidity(parseISODate(this.value));this.updateInternalValue();checkNamedSlotElement(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(){connectLanguageChangeObserver(this,{prop:"placeholder",defaults:"placeholderDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(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(parseISODate(this.value)||new Date);return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=true}return __generator(this,(function(e){this.open=false;if(t){this.focusTarget="toggle-button"}return[2]}))}))};t.prototype.addDays=function(t){this.setFocusedDay(addDays(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(startOfWeek(this.focusedDay))};t.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay))};t.prototype.setMonth=function(t){var e=setMonth(startOfMonth(this.focusedDay),t);var a=endOfMonth(e);var i=setMonth(this.focusedDay,t);this.setFocusedDay(clamp(i,e,a))};t.prototype.setYear=function(t){var e=setYear(startOfMonth(this.focusedDay),t);var a=endOfMonth(e);var i=setYear(this.focusedDay,t);this.setFocusedDay(clamp(i,e,a))};t.prototype.setFocusedDay=function(t){this.focusedDay=clamp(t,parseISODate(this.min),parseISODate(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?!inRange(t,null,parseISODate(this.max)):false;var d=t?!inRange(t,parseISODate(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=printISODate(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 e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var i=this.focusedDay.getMonth();var r=this.focusedDay.getFullYear();var n=i18n[this.language];var o=parseISODate(this.min);var d=parseISODate(this.max);var s=o!=null&&o.getMonth()===i&&o.getFullYear()===r;var u=d!=null&&d.getMonth()===i&&d.getFullYear()===r;var c=a-this.incrementYears;var l=a+this.incrementYears;if(o){c=Math.max(c,o.getFullYear())}if(d){l=Math.min(l,d.getFullYear())}return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},h("div",{class:"duet-date"},h(DatePickerInput,{value:this.value,valueAsDate:e,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||this.internalValidityError||null,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,accessibleLiveError:this.accessibleLiveError,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),h("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},h("duet-overlay",{visible:this.open,"display-device":"x-small"}),h(FocusGuard,{moveFocusTo:this.focusedDayNode}),h("div",{class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(e){return t.dialogWrapperNode=e}},h("duet-visually-hidden",{"aria-live":"polite"},n.keyboardInstruction),h("div",{class:"duet-date-dialog-mobile-header"},h("duet-label",{margin:"none"},this.label),h("button",{class:"duet-date-picker-close",ref:function(e){return t.closeButtonNode=e},onClick:function(){return t.hide()},type:"button"},h("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),h("duet-visually-hidden",null,n.closeLabel))),h("div",{class:"duet-date-dialog-header"},h("div",{class:"duet-date-dialog-dropdowns"},h("duet-visually-hidden",null,h("h2",{id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},n.monthLabels[i]," ",this.focusedDay.getFullYear())),h("duet-visually-hidden",null,h("label",{htmlFor:this.monthSelectId},n.monthSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.monthSelectId,class:"duet-date-month-select",ref:function(e){return t.monthSelectNode=e},onChange:this.handleMonthSelect},n.monthLabels.map((function(t,e){return h("option",{key:t,value:e,selected:e===i,disabled:!inRange(new Date(r,e,1),o?startOfMonth(o):null,d?endOfMonth(d):null)},t)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,n.monthLabelsShort[i]),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),h("duet-visually-hidden",null,h("label",{htmlFor:this.yearSelectId},n.yearSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},range(c,l).map((function(t){return h("option",{key:t,selected:t===r},t)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),h("div",{class:"duet-date-dialog-buttons"},h("duet-action-button",{accessibleLabel:i18n[this.language].prevMonthLabel,actionName:i18n[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:s,"icon-name":"action-arrow-left-small"},n.prevMonthLabel),h("duet-action-button",{accessibleLabel:i18n[this.language].nextMonthLabel,actionName:i18n[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:u,"icon-name":"action-arrow-right-small"},n.nextMonthLabel))),h(DatePickerMonth,{selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:o,max:d,focusedDayRef:function(e){return t.focusedDayNode=e},onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),h(FocusGuard,{moveFocusTo:this.closeButtonNode})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(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}();DuetDatePicker.style=DuetDatePickerStyle0;export{DuetDatePicker as duet_date_picker};
+ */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-940c081d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{c as createID}from"./create-id-149a1b6d.js";import{F as FocusGuard}from"./focus-utils-5147573d.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-b0c1eb01.js";import{c as checkNamedSlotElement}from"./slot-utils-4a318cb9.js";import"./string-utils-192eb3c8.js";var formatOptionsShort={day:"numeric",month:"long"};var formatOptionsLong={day:"numeric",month:"long",year:"numeric"};var i18n={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",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("fi-FI",formatOptionsLong)},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",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("en-GB",formatOptionsLong)},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",formatOptionsShort),formatterLong:new Intl.DateTimeFormat("sv-SE",formatOptionsLong)}};var formDate={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 DatePickerInput=function(t){var e=t.onClick,a=t.placeholder,i=t.name,r=t.inputLabel,n=t.value,o=t.valueAsDate,s=t.formattedValue,d=t.language,u=t.identifier,c=t.theme,l=t.disabled,p=t.error,m=t.role,b=t.required,f=t.tooltip,g=t.tooltipDirection,v=t.labelHidden,k=t.buttonRef,y=t.inputRef,x=t.onInput,w=t.onBlur,D=t.onFocus,S=t.accessibleActiveDescendant,O=t.accessibleControls,M=t.accessibleOwns,I=t.accessibleDescribedBy,L=t.accessibleLiveError,A=t.echoPlaceholder,E=t.caption;var T=i18n[d],F=T.buttonLabel,_=T.selected,j=T.formatterLong;return h("div",{class:{"duet-theme-turva":c==="turva","duet-date-input":true}},h("duet-input",{label:r,value:s,placeholder:a,id:u,disabled:l,theme:c,error:p,role:m,required:b,tooltip:f,tooltipDirection:g,margin:"none",component:"date",labelHidden:v,accessibleAutocomplete:"none",onDuetInput:x,onDuetFocus:D,onDuetBlur:w,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:y,accessibleActiveDescendant:S,accessibleControls:O,accessibleOwns:M,accessibleDescribedBy:I,accessibleLiveError:L,echoPlaceholder:A,caption:E},h("slot",{name:"tooltip"}),h("button",{class:{"duet-date-button":true,"duet-no-label":v},onClick:e,disabled:l,ref:k,type:"button"},h("duet-icon",{icon:formDate.svg,margin:"none",size:"small",color:"currentColor"}),h("duet-visually-hidden",null,F,o&&h("span",null,", ",_," ",j.format(o))))),h("input",{type:"hidden",name:i,value:n}))};var DATE_FORMAT=/^(\d{1,2})[\.\-\/](\d{1,2})[\.\-\/](\d{4})$/;var ISO_DATE_FORMAT=/^(\d{4})-(\d{2})-(\d{2})$/;var DATE_OUTPUT_FORMAT="dd.mm.yyyy";var DATE_ISO_OUTPUT_FORMAT="YYYY-MM-DD";function createDate(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 parseDate(t){if(!t){return}var e=t.match(DATE_FORMAT);if(e){return createDate(e[3],e[2],e[1])}}function parseISODate(t){if(!t){return}var e=t.match(ISO_DATE_FORMAT);if(e){return createDate(e[1],e[2],e[3])}}function formatDate(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 printDate(t){return formatDate(t,DATE_OUTPUT_FORMAT)}function printISODate(t){return formatDate(t,DATE_ISO_OUTPUT_FORMAT)}function isEqual(t,e){if(t==null||e==null){return false}return t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate()}function addDays(t,e){var a=new Date(t);a.setDate(a.getDate()+e);return a}function startOfWeek(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 endOfWeek(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 startOfMonth(t){return new Date(t.getFullYear(),t.getMonth(),1)}function endOfMonth(t){return new Date(t.getFullYear(),t.getMonth()+1,0)}function setMonth(t,e){var a=new Date(t);a.setMonth(e);return a}function setYear(t,e){var a=new Date(t);a.setFullYear(e);return a}function inRange(t,e,a){return clamp(t,e,a)===t}function clamp(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 getDaysInRange(t,e){var a=[];var i=t;while(!isEqual(i,e)){a.push(i);i=addDays(i,1)}a.push(i);return a}function getViewOfMonth(t,e){if(e===void 0){e=1}var a=startOfWeek(startOfMonth(t),e);var i=endOfWeek(endOfMonth(t),e);return getDaysInRange(a,i)}var DatePickerDay=function(t){var e=t.focusedDay,a=t.today,i=t.day,r=t.language,n=t.onDaySelect,o=t.onKeyboardNavigation,s=t.ref,d=t.inRange,u=t.isSelected;var c=isEqual(i,a);var l=isEqual(i,e);var p=i.getMonth()!==e.getMonth();var m=!d;var b=i18n[r].formatterShort;function f(t){n(t,i)}return h("button",{class:{"duet-date-table-button":true,outside:m,disabled:p,today:c},tabIndex:l?0:-1,onClick:f,onKeyDown:o,"aria-disabled":m||p,"aria-pressed":u?"true":"false",type:"button",ref:s},h("span",{"aria-hidden":"true"},i.getDate()),h("duet-visually-hidden",null,b.format(i)))};function range(t,e){var a=[];for(var i=t;i<=e;i++){a.push(i)}return a}function chunk(t,e){var a=[];for(var i=0;i<t.length;i+=e){a.push(t.slice(i,i+e))}return a}function parseShortcut(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 createShortcuts(t){var e=Object.keys(t).map((function(e){return[parseShortcut(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 DatePickerMonth=function(t){var e=t.selectedDate,a=t.focusedDate,i=t.labelledById,r=t.theme,n=t.language,o=t.min,s=t.max,d=t.onDateSelect,u=t.onKeyboardNavigation,c=t.focusedDayRef,l=t.onFocusEnter,p=t.onFocusExit;var m=i18n[n].dayLabels;var b=new Date;var f=getViewOfMonth(a);function g(t){var e=t.currentTarget;var a=t.relatedTarget;if(a&&!e.contains(a)){p(t)}}return h("table",{class:{"duet-date-table":true,"duet-theme-turva":r==="turva"},"aria-labelledby":i,onFocusin:l,onFocusout:g},h("thead",null,h("tr",null,m.map((function(t){return h("th",{scope:"col"},h("span",{"aria-hidden":"true"},t.substr(0,2)),h("duet-visually-hidden",null,t))})))),h("tbody",null,chunk(f,7).map((function(t){return h("tr",{class:"duet-date-table-row"},t.map((function(t){return h("td",{class:"duet-date-table-cell"},h(DatePickerDay,{day:t,today:b,language:n,focusedDay:a,inRange:inRange(t,o,s),isSelected:isEqual(t,e),onDaySelect:d,onKeyboardNavigation:u,ref:function(e){if(e&&isEqual(t,a)){c(e)}}}))})))}))))};var duetDatePickerCss='*.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(8, 42, 77);cursor:pointer;background:transparent !important;border-left:1px solid rgb(181, 198, 208) !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(199, 202, 207)}.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(181, 198, 208, 0.2) 0%, rgba(181, 198, 208, 0.2) 1px, rgba(181, 198, 208, 0.1) 1px, rgba(181, 198, 208, 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, 247, 250) !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(212, 223, 229);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(222, 224, 228)}@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(8, 42, 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(8, 42, 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(228, 241, 247) !important}.duet-theme-turva.sc-duet-date-picker .duet-date-table-button.sc-duet-date-picker:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today.sc-duet-date-picker{z-index:200;color:rgb(0, 75, 129) !important;background:rgb(240, 247, 250) !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(126, 2, 35) !important;background:rgb(255, 241, 241) !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(127, 150, 165) !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(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside.sc-duet-date-picker{color:rgb(127, 150, 165) !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(143, 147, 158);background:rgb(245, 247, 250);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(8, 42, 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(181, 198, 208)}@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(199, 202, 207)}.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(8, 42, 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, 247, 250) !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, 247, 250) !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 DuetDatePickerStyle0=duetDatePickerCss;var DuetDatePicker=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",7);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.monthSelectId=createID("DuetDatePicker");this.yearSelectId=createID("DuetDatePicker");this.dialogLabelId=createID("DuetDatePicker");this.initialTouchX=null;this.initialTouchY=null;this.focusTarget=null;this.dateErrorMessages={badInput:{en:"Wrong date format",fi:"Väärä päivämäärämuoto",sv:"Fel datumformat"},rangeUnderflow:{en:"Date too early",fi:"Päivämäärä liian aikainen",sv:"Datum för tidigt"},rangeOverflow:{en:"Date too late",fi:"Päivämäärä liian aikainen",sv:"Datum för sent"}};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();if(!e.validity.valid){e.value=null;var a=Object.entries(e.validity).find((function(t){return!!t[1]}))[0];e.internalValidityError=getLocaleString(e.dateErrorMessages[a])}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 s=Math.abs(r)>=n&&Math.abs(i)<=n&&r>0;if(o){e.addMonths(i<0?1:-1)}else if(s){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=createShortcuts({Escape:function(){return e.hide()},Esc:function(){return e.hide()}});this.handleKeyboardNavigation=createShortcuts({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=parseISODate(e.min);var r=parseISODate(e.max);e.determineValidity(a);if(inRange(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=parseDate(e.inputValue);e.determineValidity(a);if(a||e.inputValue===""){e.setValue(a)}};this.open=false;this.focusedDay=new Date;this.inputValue="";this.internalValidityError="";this.theme="";this.expand=false;this.name="";this.identifier="";this.label="";this.caption=undefined;this.margin="auto";this.language=getLanguage();this.placeholderDefaults={fi:"pp.kk.vvvv",en:"dd.mm.yyyy",sv:"dd.mm.åååå"};this.placeholder=getLocaleString(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;this.accessibleLiveError="polite"}t.prototype.updateValidity=function(t,e,a){if(a==="value"&&t===null){return}this.determineValidity(parseISODate(this.value));if(this.validity.valid){this.internalValidityError=""}};t.prototype.updateInternalValue=function(){if(this.value===null){return}var t=parseISODate(this.value);var e=parseDate(this.inputValue);if(!t){this.inputValue=""}else if(!isEqual(t,e)){this.inputValue=printDate(t)}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.determineValidity(parseISODate(this.value));this.updateInternalValue();checkNamedSlotElement(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(){connectLanguageChangeObserver(this,{prop:"placeholder",defaults:"placeholderDefaults"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(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(parseISODate(this.value)||new Date);return[2]}))}))};t.prototype.hide=function(){return __awaiter(this,arguments,void 0,(function(t){if(t===void 0){t=true}return __generator(this,(function(e){this.open=false;if(t){this.focusTarget="toggle-button"}return[2]}))}))};t.prototype.addDays=function(t){this.setFocusedDay(addDays(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(startOfWeek(this.focusedDay))};t.prototype.endOfWeek=function(){this.setFocusedDay(endOfWeek(this.focusedDay))};t.prototype.setMonth=function(t){var e=setMonth(startOfMonth(this.focusedDay),t);var a=endOfMonth(e);var i=setMonth(this.focusedDay,t);this.setFocusedDay(clamp(i,e,a))};t.prototype.setYear=function(t){var e=setYear(startOfMonth(this.focusedDay),t);var a=endOfMonth(e);var i=setYear(this.focusedDay,t);this.setFocusedDay(clamp(i,e,a))};t.prototype.setFocusedDay=function(t){this.focusedDay=clamp(t,parseISODate(this.min),parseISODate(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?!inRange(t,null,parseISODate(this.max)):false;var s=t?!inRange(t,parseISODate(this.min)):false;this.validity={patternMismatch:false,customError:false,stepMismatch:false,tooLong:false,tooShort:false,typeMismatch:false,valueMissing:n,badInput:r,rangeUnderflow:s,rangeOverflow:o,valid:!(n||r||s||o)}};t.prototype.setValue=function(t){var e=printISODate(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 e=parseISODate(this.value);var a=(e||this.focusedDay).getFullYear();var i=this.focusedDay.getMonth();var r=this.focusedDay.getFullYear();var n=i18n[this.language];var o=parseISODate(this.min);var s=parseISODate(this.max);var d=o!=null&&o.getMonth()===i&&o.getFullYear()===r;var u=s!=null&&s.getMonth()===i&&s.getFullYear()===r;var c=a-this.incrementYears;var l=a+this.incrementYears;if(o){c=Math.max(c,o.getFullYear())}if(s){l=Math.min(l,s.getFullYear())}return h(Host,{class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},h("div",{class:"duet-date"},h(DatePickerInput,{value:this.value,valueAsDate:e,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||this.internalValidityError||null,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,accessibleLiveError:this.accessibleLiveError,echoPlaceholder:this.echoPlaceholder,caption:this.caption})),h("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},h("duet-overlay",{visible:this.open,"display-device":"x-small"}),h(FocusGuard,{moveFocusTo:this.focusedDayNode}),h("div",{class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(e){return t.dialogWrapperNode=e}},h("duet-visually-hidden",{"aria-live":"polite"},n.keyboardInstruction),h("div",{class:"duet-date-dialog-mobile-header"},h("duet-label",{margin:"none"},this.label),h("button",{class:"duet-date-picker-close",ref:function(e){return t.closeButtonNode=e},onClick:function(){return t.hide()},type:"button"},h("duet-icon",{name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),h("duet-visually-hidden",null,n.closeLabel))),h("div",{class:"duet-date-dialog-header"},h("div",{class:"duet-date-dialog-dropdowns"},h("duet-visually-hidden",null,h("h2",{id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},n.monthLabels[i]," ",this.focusedDay.getFullYear())),h("duet-visually-hidden",null,h("label",{htmlFor:this.monthSelectId},n.monthSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.monthSelectId,class:"duet-date-month-select",ref:function(e){return t.monthSelectNode=e},onChange:this.handleMonthSelect},n.monthLabels.map((function(t,e){return h("option",{key:t,value:e,selected:e===i,disabled:!inRange(new Date(r,e,1),o?startOfMonth(o):null,s?endOfMonth(s):null)},t)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,n.monthLabelsShort[i]),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),h("duet-visually-hidden",null,h("label",{htmlFor:this.yearSelectId},n.yearSelectLabel)),h("div",{class:"duet-date-dialog-select"},h("select",{id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},range(c,l).map((function(t){return h("option",{key:t,selected:t===r},t)}))),h("div",{class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",null,this.focusedDay.getFullYear()),h("duet-icon",{name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),h("div",{class:"duet-date-dialog-buttons"},h("duet-action-button",{accessibleLabel:i18n[this.language].prevMonthLabel,actionName:i18n[this.language].prevMonthLabel,class:"duet-date-dialog-prev",onClick:this.handlePreviousMonthClick,disabled:d,"icon-name":"action-arrow-left-small"},n.prevMonthLabel),h("duet-action-button",{accessibleLabel:i18n[this.language].nextMonthLabel,actionName:i18n[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:u,"icon-name":"action-arrow-right-small"},n.nextMonthLabel))),h(DatePickerMonth,{selectedDate:e,focusedDate:this.focusedDay,onDateSelect:this.handleDaySelect,onKeyboardNavigation:this.handleKeyboardNavigation,labelledById:this.dialogLabelId,language:this.language,theme:this.theme,min:o,max:s,focusedDayRef:function(e){return t.focusedDayNode=e},onFocusEnter:this.enableActiveFocus,onFocusExit:this.disableActiveFocus})),h(FocusGuard,{moveFocusTo:this.closeButtonNode})))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(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}();DuetDatePicker.style=DuetDatePickerStyle0;export{DuetDatePicker as duet_date_picker};

package/lib/esm-es5/duet-divider_2.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,g as getElement,H as Host}from"./index-f384e24a.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getColorByName}from"./token-utils-54a23ef5.js";import"./tokens.module-b5fab24a.js";var duetDividerCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(225, 227, 230)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(228, 228, 230)}";var DuetDividerStyle0=duetDividerCss;var DuetDivider=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto";this.color=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e=getColorByName(this.color);return h("div",{key:"2caae5a247c86ce334214ce1efd4155d9941df6a",class:{"duet-m-0":this.margin==="none","duet-m-s":this.margin==="small","duet-divider":true,"duet-theme-turva":this.theme==="turva"},style:{background:e}})};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetDivider.style=DuetDividerStyle0;var duetSpacerCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";var DuetSpacerStyle0=duetSpacerCss;var DuetSpacer=function(){function e(e){registerInstance(this,e);this.size="medium";this.direction="vertical";this.breakpoint=""}e.prototype.render=function(){var e;return h(Host,{key:"a1b6a9855c52785dc640ef0687b936220e386943",class:(e={"duet-spacer":true,"duet-spacer-xx-small":this.breakpoint==="xx-small","duet-spacer-x-small":this.breakpoint==="x-small","duet-spacer-small":this.breakpoint==="small","duet-spacer-medium":this.breakpoint==="medium","duet-spacer-large":this.breakpoint==="large","duet-spacer-x-large":this.breakpoint==="x-large","duet-spacer-xx-large":this.breakpoint==="xx-large"},e[this.size]=true,e["duet-spacer-".concat(this.direction)]=true,e)})};return e}();DuetSpacer.style=DuetSpacerStyle0;export{DuetDivider as duet_divider,DuetSpacer as duet_spacer};
+import{r as registerInstance,h,g as getElement,H as Host}from"./index-940c081d.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getColorByName}from"./token-utils-3c2fb643.js";import"./tokens.module-216c2ae9.js";var duetDividerCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-divider{-webkit-user-select:none;user-select:none;display:block;width:100%;height:1px;margin-top:36px !important;margin-bottom:28px;background:rgb(212, 223, 229)}.duet-divider.duet-p-0{padding:0 !important}.duet-divider.duet-m-0{margin:0 !important}.duet-divider.duet-m-s{margin-bottom:16px !important;margin-top:0 !important}.duet-divider.duet-theme-turva{background:rgb(222, 224, 228)}";var DuetDividerStyle0=duetDividerCss;var DuetDivider=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto";this.color=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){var e=getColorByName(this.color);return h("div",{key:"2caae5a247c86ce334214ce1efd4155d9941df6a",class:{"duet-m-0":this.margin==="none","duet-m-s":this.margin==="small","duet-divider":true,"duet-theme-turva":this.theme==="turva"},style:{background:e}})};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetDivider.style=DuetDividerStyle0;var duetSpacerCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;position:relative;display:block;width:12px;min-width:12px;height:12px}@media (min-width: 36em){:host{width:16px;min-width:16px;height:16px}}:host(.duet-spacer-horizontal){display:inline-block;height:100% !important}:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-small){width:4px;min-width:4px}}:host(.duet-spacer-horizontal.x-small){width:4px;min-width:4px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-small){width:8px;min-width:8px}}:host(.duet-spacer-horizontal.small){width:8px;min-width:8px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.small){width:12px;min-width:12px}}:host(.duet-spacer-horizontal.medium){height:100%}:host(.duet-spacer-horizontal.large){width:16px;min-width:16px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.large){width:20px;min-width:20px}}:host(.duet-spacer-horizontal.x-large){width:20px;min-width:20px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.x-large){width:28px;min-width:28px}}:host(.duet-spacer-horizontal.xx-large){width:28px;min-width:28px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xx-large){width:36px;min-width:36px}}:host(.duet-spacer-horizontal.xxx-large){width:36px;min-width:36px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxx-large){width:48px;min-width:48px}}:host(.duet-spacer-horizontal.xxxx-large){width:48px;min-width:48px;height:100%}@media (min-width: 36em){:host(.duet-spacer-horizontal.xxxx-large){width:72px;min-width:72px}}:host(.duet-spacer-vertical.xx-small){width:100%;height:4px;min-height:4px}:host(.duet-spacer-vertical.x-small){width:100%;height:4px;min-height:4px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-small){height:8px;min-height:8px}}:host(.duet-spacer-vertical.small){width:100%;height:8px;min-height:8px}@media (min-width: 36em){:host(.duet-spacer-vertical.small){height:12px;min-height:12px}}:host(.duet-spacer-vertical.medium){width:100%}:host(.duet-spacer-vertical.large){width:100%;height:16px;min-height:16px}@media (min-width: 36em){:host(.duet-spacer-vertical.large){height:20px;min-height:20px}}:host(.duet-spacer-vertical.x-large){width:100%;height:20px;min-height:20px}@media (min-width: 36em){:host(.duet-spacer-vertical.x-large){height:28px;min-height:28px}}:host(.duet-spacer-vertical.xx-large){width:100%;height:28px;min-height:28px}@media (min-width: 36em){:host(.duet-spacer-vertical.xx-large){height:36px;min-height:36px}}:host(.duet-spacer-vertical.xxx-large){width:100%;height:36px;min-height:36px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxx-large){height:48px;min-height:48px}}:host(.duet-spacer-vertical.xxxx-large){width:100%;height:48px;min-height:48px}@media (min-width: 36em){:host(.duet-spacer-vertical.xxxx-large){height:72px;min-height:72px}}:host(.duet-spacer-xx-small){display:none}@media (max-width: 22.5em){:host(.duet-spacer-xx-small){display:block}}:host(.duet-spacer-x-small){display:none}@media (max-width: 35.9375em){:host(.duet-spacer-x-small){display:block}}:host(.duet-spacer-small){display:none}@media (min-width: 36em){:host(.duet-spacer-small){display:block}}:host(.duet-spacer-medium){display:none}@media (min-width: 48em){:host(.duet-spacer-medium){display:block}}:host(.duet-spacer-large){display:none}@media (min-width: 62em){:host(.duet-spacer-large){display:block}}:host(.duet-spacer-x-large){display:none}@media (min-width: 64.0625em){:host(.duet-spacer-x-large){display:block}}:host(.duet-spacer-xx-large){display:none}@media (min-width: 76.25em){:host(.duet-spacer-xx-large){display:block}}";var DuetSpacerStyle0=duetSpacerCss;var DuetSpacer=function(){function e(e){registerInstance(this,e);this.size="medium";this.direction="vertical";this.breakpoint=""}e.prototype.render=function(){var e;return h(Host,{key:"2c46d1a310dd476d040392ebcda6643f1981d624",class:(e={"duet-spacer":true,"duet-spacer-xx-small":this.breakpoint==="xx-small","duet-spacer-x-small":this.breakpoint==="x-small","duet-spacer-small":this.breakpoint==="small","duet-spacer-medium":this.breakpoint==="medium","duet-spacer-large":this.breakpoint==="large","duet-spacer-x-large":this.breakpoint==="x-large","duet-spacer-xx-large":this.breakpoint==="xx-large"},e[this.size]=true,e["duet-spacer-".concat(this.direction)]=true,e)})};return e}();DuetSpacer.style=DuetSpacerStyle0;export{DuetDivider as duet_divider,DuetSpacer as duet_spacer};