@duetds/components 10.0.0-alpha.3 → 10.0.0-alpha.4

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(t,e,a,i){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,r){function o(t){try{d(i.next(t))}catch(t){r(t)}}function s(t){try{d(i["throw"](t))}catch(t){r(t)}}function d(t){t.done?a(t.value):n(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(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,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,n&&(r=s[0]&2?n["return"]:s[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;if(n=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;n=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(r=a.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){a.label=s[1];break}if(s[0]===6&&a.label<r[1]){a.label=r[1];r=s;break}if(r&&a.label<r[2]){a.label=r[2];a.ops.push(s);break}if(r[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];n=0}finally{i=r=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-1d0b7c66.js";import{D as DuetInternalLabel}from"./label-ce262202.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-adcd9463.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-14969cef.js";import{c as checkNamedSlotElement,p as proxyInputToSlot}from"./slot-utils-4e5ed4eb.js";import"./string-utils-192eb3c8.js";var formatOptionsShort={day:"numeric",month:"long",weekday:"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.inputLabel,n=t.valueAsDate,r=t.formattedValue,o=t.language,s=t.identifier,d=t.theme,l=t.disabled,u=t.error,c=t.role,b=t.required,f=t.tooltip,p=t.tooltipDirection,m=t.labelHidden,g=t.buttonRef,v=t.inputRef,y=t.onInput,k=t.onBlur,x=t.onFocus,w=t.hasFocus,D=t.accessibleActiveDescendant,S=t.accessibleControls,I=t.accessibleOwns,O=t.accessibleDescribedBy,M=t.accessibleLiveError,L=t.echoPlaceholder,E=t.caption;var A=i18n[o],T=A.buttonLabel,F=A.selected,j=A.formatterLong;var U={"duet-theme-turva":d==="turva","duet-date-input":true,"duet-date-input-has-focus":w};return h("div",{class:U},h("duet-input",{label:i,value:r,placeholder:a,id:s,disabled:l,theme:d,error:u,role:c,required:b,tooltip:f,tooltipDirection:p,margin:"none",labelHidden:m,accessibleAutocomplete:"none",onDuetChange:function(t){return t.stopImmediatePropagation()},onDuetInput:y,onDuetFocus:x,onDuetBlur:k,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:v,accessibleActiveDescendant:D,accessibleControls:S,accessibleOwns:I,accessibleDescribedBy:O,accessibleLiveError:M,echoPlaceholder:L,caption:E,variation:"button"},h("slot",{name:"tooltip"}),h("button",{class:{"duet-date-button":true,"duet-no-label":m,"input-error":!!u},onClick:e,disabled:l,ref:g,type:"button",slot:"button"},h("duet-icon",{icon:formDate.svg,margin:"none",size:"small",color:"currentColor"}),h("duet-visually-hidden",null,T,n&&h("span",null,", ",F," ",j.format(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 n=parseInt(e,10);var r=parseInt(t,10);var o=Number.isInteger(r)&&Number.isInteger(n)&&Number.isInteger(i)&&n>0&&n<=12&&i>0&&i<=31&&r>0;if(o){return new Date(r,n-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 n=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,n).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 n=(i<e?7:0)+i-e;a.setDate(a.getDate()-n);return a}function endOfWeek(t,e){if(e===void 0){e=1}var a=new Date(t);var i=a.getDay();var n=(i<e?-7:0)+6-(i-e);a.setDate(a.getDate()+n);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,n=t.language,r=t.onDaySelect,o=t.onKeyboardNavigation,s=t.ref,d=t.inRange,l=t.isSelected;var u=isEqual(i,a);var c=isEqual(i,e);var b=i.getMonth()!==e.getMonth();var f=!d;var p=i18n[n].formatterShort;function m(t){r(t,i)}return h("td",{"data-day":printISODate(i),class:"duet-date-table-cell","aria-label":p.format(i),role:"button",tabIndex:c?0:-1,onClick:m,onKeyDown:o,"aria-disabled":f||b,"aria-pressed":l?"true":"false",ref:s},h("span",{class:{"duet-date-table-button":true,outside:f,disabled:b,today:u}},i.getDate()))};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],n=e[1];return(n.toUpperCase()===a.key.toUpperCase()||n===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,n=t.theme,r=t.language,o=t.min,s=t.max,d=t.onDateSelect,l=t.onKeyboardNavigation,u=t.focusedDayRef,c=t.onFocusEnter,b=t.onFocusExit;var f=i18n[r].dayLabels;var p=new Date;var m=getViewOfMonth(a);function g(t){var e=t.currentTarget;var a=t.relatedTarget;if(a&&!e.contains(a)){b(t)}}return h("div",{role:"application"},h("table",{role:"presentation",class:{"duet-date-table":true,"duet-theme-turva":n==="turva"},"aria-labelledby":i,onFocusin:c,onFocusout:g},h("thead",null,h("tr",null,f.map((function(t){return h("th",{scope:"col"},h("span",{"aria-hidden":"true"},t.substr(0,2)))})))),h("tbody",null,chunk(m,7).map((function(t){return h("tr",{class:"duet-date-table-row"},t.map((function(t){return h(DatePickerDay,{day:t,today:p,language:r,focusedDay:a,inRange:inRange(t,o,s),isSelected:isEqual(t,e),onDaySelect:d,onKeyboardNavigation:l,ref:function(e){if(e&&isEqual(t,a)){u(e)}}})})))})))))};var duetDatePickerCss='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}: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;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.duet-date-button::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:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{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{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{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{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{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 .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{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 .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table{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{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 th{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 .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{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:2.6 !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 .duet-date-table-button{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:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today{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 .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button: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 .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{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 .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{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 .duet-date-dialog-select .duet-date-dialog-select-label{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 span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header{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{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-label{display:none}}.duet-date-picker-close{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{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close: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.proxyId=createID("DuetDatePicker");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:"Liian aikainen päivämäärä",sv:"Datum för tidigt"},rangeOverflow:{en:"Date too late",fi:"Liian myöhäinen päivämäärä",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();e.inputHasFocus=false;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.inputHasFocus=true;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 n=a.pageY-e.initialTouchY;var r=70;var o=Math.abs(i)>=r&&Math.abs(n)<=r;var s=Math.abs(n)>=r&&Math.abs(i)<=r&&n>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)},Space:function(t){return e.handleKeyboardDaySelect(t)},Enter:function(t){return e.handleKeyboardDaySelect(t)}});this.handleKeyboardDaySelect=function(t){var a=t.target;var i=parseISODate(a.dataset.day);e.handleDaySelect(t,i)};this.handleDaySelect=function(t,a){var i=parseISODate(e.min);var n=parseISODate(e.max);e.determineValidity(a);if(inRange(a,i,n)){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.inputHasFocus=false;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.accessibleLiveError="polite"}Object.defineProperty(t.prototype,"validity",{get:function(){return this._validity},enumerable:false,configurable:true});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.componentDidRender=function(){proxyInputToSlot(this.element,this.proxyId,this.name,this.value,this.required)};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 n=i!==""&&t==null;var r=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:r,badInput:n,rangeUnderflow:s,rangeOverflow:o,valid:!(r||n||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 n=this.focusedDay.getFullYear();var r=i18n[this.language];var o=parseISODate(this.min);var s=parseISODate(this.max);var d=o!=null&&o.getMonth()===i&&o.getFullYear()===n;var l=s!=null&&s.getMonth()===i&&s.getFullYear()===n;var u=a-this.incrementYears;var c=a+this.incrementYears;if(o){u=Math.max(u,o.getFullYear())}if(s){c=Math.min(c,s.getFullYear())}return h(Host,{key:"ffbf4028a27b7ce50696f3735314e12b48644e83",class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},h("div",{key:"be1ffaf5b189177ace8c0e537601247fb4c541e1",class:"duet-date"},h(DatePickerInput,{key:"9f256d886f365c0ffb729b2e19d9695ae62d125d",hasFocus:this.inputHasFocus,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",{key:"083b96641cff2923eeb8b2a2811559674a3422a7",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",{key:"e996bbb11fb297a854c0b052a76bd901cc206b69",visible:this.open,"display-device":"x-small"}),h(FocusGuard,{key:"fb326c88bc79b2fb26934d500ada890909df7353",moveFocusTo:this.focusedDayNode}),h("div",{key:"012cbf4ec8c8a86c8490df5858d0b51ce5cd8b92",class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(e){return t.dialogWrapperNode=e}},h("duet-visually-hidden",{key:"0a70e49f2bc2719fd766d604026711557e741918","aria-live":"polite"},r.keyboardInstruction),h("div",{key:"79509cb586c8498c5f450e63759e27d6dc10622a",class:"duet-date-dialog-mobile-header"},h(DuetInternalLabel,{key:"4377e01f607d4de35728b1cdc8cbc298f6b19142",margin:"none"},this.label),h("button",{key:"3287aeee04a35a036c1cdf5e93851cbb1b2a18d7",class:"duet-date-picker-close",ref:function(e){return t.closeButtonNode=e},onClick:function(){return t.hide()},type:"button"},h("duet-icon",{key:"dfcef3d22fa0a905e5b7de34da2c7c669d2e4cef",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),h("duet-visually-hidden",{key:"cdf305c57bc94b51d148077ddfd30b3c29a989a0"},r.closeLabel))),h("div",{key:"7e0171347a1da56e751c38f36de27f199fa2ec47",class:"duet-date-dialog-header"},h("div",{key:"83306e6e3f77c536f522c30ad516423d90e4bf6b",class:"duet-date-dialog-dropdowns"},h("duet-visually-hidden",{key:"d12b4ec4e07e8c657a61c2e9fb944d0e87367cd4"},h("h2",{key:"ed4f5fa368effa1c5d0d49f0fed98c062ce66aaa",id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},r.monthLabels[i]," ",this.focusedDay.getFullYear())),h("duet-visually-hidden",{key:"3049c56b3982abd6e9609e8bb39ccff0ff5fe4a6"},h("label",{key:"f81eb75848f18de93c98a21e2475545f5b18b11a",htmlFor:this.monthSelectId},r.monthSelectLabel)),h("div",{key:"5cd66e4fbf36396e710f351fd7c36459a8515804",class:"duet-date-dialog-select"},h("select",{key:"3dfa3aa9d7b96f84500d8af3b6c5dd6ff1325b20",id:this.monthSelectId,class:"duet-date-month-select",ref:function(e){return t.monthSelectNode=e},onChange:this.handleMonthSelect},r.monthLabels.map((function(t,e){return h("option",{key:t,value:e,selected:e===i,disabled:!inRange(new Date(n,e,1),o?startOfMonth(o):null,s?endOfMonth(s):null)},t)}))),h("div",{key:"1fb7b3f4fa0ecd6c9cf95613c50200df097e919c",class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",{key:"99a67cc02351674b14ffb24949672d2a02a48324"},r.monthLabelsShort[i]),h("duet-icon",{key:"a7a4c1b2f6b361cd51737e60d59c26c97abe1a47",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),h("duet-visually-hidden",{key:"49515f341552fba5f3151b093c2a5b1ddc53ee07"},h("label",{key:"13f6235f20b354b5bece44b65e1b05f8dfa355dd",htmlFor:this.yearSelectId},r.yearSelectLabel)),h("div",{key:"4bd86d771eea83a8bd24387e91b09baa8e1a22ad",class:"duet-date-dialog-select"},h("select",{key:"027f699ba8c1da2af2525c937474e23595173ed0",id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},range(u,c).map((function(t){return h("option",{key:t,selected:t===n},t)}))),h("div",{key:"8b1b6158805a2bfac0bf1d11358d9ead7b053ef8",class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",{key:"a49b7c229199f49a8e791d30c6164dfcb0a35b18"},this.focusedDay.getFullYear()),h("duet-icon",{key:"bc944c5c5d76c6f3fb6da35e5afa384d101952d9",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),h("div",{key:"93a4f1129af6c3e723b951147d022243e053c3df",class:"duet-date-dialog-buttons"},h("duet-action-button",{key:"5a13ca85a4fd737fedc9c7f5e623c3def16397ae",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"},r.prevMonthLabel),h("duet-action-button",{key:"283fca10745ff21e1c0d0da2479121ef0d5ed890",accessibleLabel:i18n[this.language].nextMonthLabel,actionName:i18n[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:l,"icon-name":"action-arrow-right-small"},r.nextMonthLabel))),h(DatePickerMonth,{key:"cc59e30b0a39e5a63682a2fb3da3c4080c7bc960",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,{key:"9de58a8642b2f06882542924e86b3792f5bc54ad",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-4b4e4ec8.js";import{D as DuetInternalLabel}from"./label-a30d1f04.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-4226b57a.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-1b413a6b.js";import{c as checkNamedSlotElement,p as proxyInputToSlot}from"./slot-utils-ae4dc467.js";import"./string-utils-192eb3c8.js";var formatOptionsShort={day:"numeric",month:"long",weekday:"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.inputLabel,n=t.valueAsDate,r=t.formattedValue,o=t.language,s=t.identifier,d=t.theme,l=t.disabled,u=t.error,c=t.role,b=t.required,f=t.tooltip,p=t.tooltipDirection,m=t.labelHidden,g=t.buttonRef,v=t.inputRef,y=t.onInput,k=t.onBlur,x=t.onFocus,w=t.hasFocus,D=t.accessibleActiveDescendant,S=t.accessibleControls,I=t.accessibleOwns,O=t.accessibleDescribedBy,M=t.accessibleLiveError,L=t.echoPlaceholder,E=t.caption;var A=i18n[o],T=A.buttonLabel,F=A.selected,j=A.formatterLong;var U={"duet-theme-turva":d==="turva","duet-date-input":true,"duet-date-input-has-focus":w};return h("div",{class:U},h("duet-input",{label:i,value:r,placeholder:a,id:s,disabled:l,theme:d,error:u,role:c,required:b,tooltip:f,tooltipDirection:p,margin:"none",labelHidden:m,accessibleAutocomplete:"none",onDuetChange:function(t){return t.stopImmediatePropagation()},onDuetInput:y,onDuetFocus:x,onDuetBlur:k,autoComplete:"off",disallowPattern:"[^0-9\\.\\-\\/]",expand:true,ref:v,accessibleActiveDescendant:D,accessibleControls:S,accessibleOwns:I,accessibleDescribedBy:O,accessibleLiveError:M,echoPlaceholder:L,caption:E,variation:"button"},h("slot",{name:"tooltip"}),h("button",{class:{"duet-date-button":true,"duet-no-label":m,"input-error":!!u},onClick:e,disabled:l,ref:g,type:"button",slot:"button"},h("duet-icon",{icon:formDate.svg,margin:"none",size:"small",color:"currentColor"}),h("duet-visually-hidden",null,T,n&&h("span",null,", ",F," ",j.format(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 n=parseInt(e,10);var r=parseInt(t,10);var o=Number.isInteger(r)&&Number.isInteger(n)&&Number.isInteger(i)&&n>0&&n<=12&&i>0&&i<=31&&r>0;if(o){return new Date(r,n-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 n=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,n).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 n=(i<e?7:0)+i-e;a.setDate(a.getDate()-n);return a}function endOfWeek(t,e){if(e===void 0){e=1}var a=new Date(t);var i=a.getDay();var n=(i<e?-7:0)+6-(i-e);a.setDate(a.getDate()+n);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,n=t.language,r=t.onDaySelect,o=t.onKeyboardNavigation,s=t.ref,d=t.inRange,l=t.isSelected;var u=isEqual(i,a);var c=isEqual(i,e);var b=i.getMonth()!==e.getMonth();var f=!d;var p=i18n[n].formatterShort;function m(t){r(t,i)}return h("td",{"data-day":printISODate(i),class:"duet-date-table-cell","aria-label":p.format(i),role:"button",tabIndex:c?0:-1,onClick:m,onKeyDown:o,"aria-disabled":f||b,"aria-pressed":l?"true":"false",ref:s},h("span",{class:{"duet-date-table-button":true,outside:f,disabled:b,today:u}},i.getDate()))};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],n=e[1];return(n.toUpperCase()===a.key.toUpperCase()||n===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,n=t.theme,r=t.language,o=t.min,s=t.max,d=t.onDateSelect,l=t.onKeyboardNavigation,u=t.focusedDayRef,c=t.onFocusEnter,b=t.onFocusExit;var f=i18n[r].dayLabels;var p=new Date;var m=getViewOfMonth(a);function g(t){var e=t.currentTarget;var a=t.relatedTarget;if(a&&!e.contains(a)){b(t)}}return h("div",{role:"application"},h("table",{role:"presentation",class:{"duet-date-table":true,"duet-theme-turva":n==="turva"},"aria-labelledby":i,onFocusin:c,onFocusout:g},h("thead",null,h("tr",null,f.map((function(t){return h("th",{scope:"col"},h("span",{"aria-hidden":"true"},t.substr(0,2)))})))),h("tbody",null,chunk(m,7).map((function(t){return h("tr",{class:"duet-date-table-row"},t.map((function(t){return h(DatePickerDay,{day:t,today:p,language:r,focusedDay:a,inRange:inRange(t,o,s),isSelected:isEqual(t,e),onDaySelect:d,onKeyboardNavigation:l,ref:function(e){if(e&&isEqual(t,a)){u(e)}}})})))})))))};var duetDatePickerCss='.duet-internal-label{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:12px !important;position:relative;z-index:100;display:inline-flex;width:auto;margin-top:8px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;line-height:1.25;color:rgb(8, 42, 77);text-align:left;word-break:break-word;cursor:default}.duet-internal-label.duet-p-0{padding:0 !important}.duet-internal-label.duet-m-0{margin:0 !important}.duet-internal-label span{font-size:1rem;font-weight:600 !important;word-break:break-word}.duet-internal-label.duet-m-0{margin-bottom:0 !important}.duet-internal-label.duet-small-margin{margin-top:8px !important;margin-bottom:4px !important}.duet-internal-label.duet-has-tooltip{padding-right:48px}@media (min-width: 48em){.duet-internal-label.duet-has-tooltip{padding-right:0}}.duet-internal-label.duet-internal-label-small{font-size:0.875rem}.duet-internal-label.duet-internal-label-small span{font-size:0.875rem}.duet-internal-label.duet-weight-normal{font-weight:400 !important}.duet-internal-label.duet-weight-normal span{font-weight:400 !important}.duet-internal-label.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)}*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{margin-right:16px !important}:host(:last-child),:host(:last-of-type){margin-right:0 !important}: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;position:relative;display:inline-flex;width:100%;min-width:calc(33.333% - 8px);max-width:100%;text-align:left;vertical-align:top}@media (min-width: 36em){:host{width:calc(50% - 16px - 3px)}}:host(.duet-expand){width:100% !important}:host(.duet-m-0){margin:0 !important}.duet-date{position:relative;width:100%}.duet-date button,.duet-date-dialog button{max-width:initial !important;min-height:initial !important;padding:0 !important;margin:0 !important;transition:initial}.duet-date-button{-webkit-user-select:none;user-select:none;position:relative;z-index:200;box-sizing:content-box;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:47px;height:48px;color:rgb(8, 42, 77);cursor:pointer;background:rgb(255, 255, 255);border:1px solid rgb(127, 150, 165);border-left-color:rgb(181, 198, 208);border-radius:0 4px 4px 0;transition:box-shadow 150ms ease, border 150ms ease !important}.duet-theme-turva .duet-date-button{color:rgb(23, 28, 58);border-color:rgb(199, 202, 207)}.duet-date-button::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:hover:not(:disabled){box-shadow:0 0 0 1px #909599 !important}.duet-theme-turva .duet-date-button:hover:not(:disabled){box-shadow:0 0 0 1px #747475 !important}.duet-date-button:disabled{pointer-events:none;cursor:not-allowed;background:rgb(245, 248, 250) !important;border:0 !important}.duet-theme-turva .duet-date-button:disabled{background:rgb(245, 247, 250) !important}.duet-date-button:disabled::before{display:none}.duet-date-button:disabled duet-icon{opacity:0.4}.duet-date-button duet-icon{transform:translateY(-1px)}.duet-date-button:active duet-icon{transform:translateY(0)}.duet-date-input-has-focus .duet-date-button,.duet-date-button:focus{height:46px;color:rgb(0, 119, 179);border-color:transparent;outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-input-has-focus .duet-date-button,.duet-theme-turva .duet-date-button:focus{color:rgb(23, 28, 58);box-shadow:0 0 0 2px #171c3a !important}.input-error{border-top-color:rgb(214, 28, 82);border-right-color:rgb(214, 28, 82);border-bottom-color:rgb(214, 28, 82)}.duet-date-dialog{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{right:0;left:auto;width:auto}}@media (max-width: 35.9375em){.duet-date-dialog{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{visibility:visible;opacity:1;transition-property:transform, opacity;transform:scale(1.0001) translateZ(0) translateY(0)}@media (min-width: 36em){.duet-date-dialog.error{top:calc(100% - 28px);margin-top:4px}}.duet-date-dialog-wrapper{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 .duet-date-dialog-wrapper{border-color:rgb(222, 224, 228)}@media (max-width: 35.9375em){.duet-date-dialog-wrapper{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 .duet-date-dialog-wrapper{visibility:visible;opacity:1;transition-property:transform, opacity;transform:translateZ(0) translateY(0)}}.duet-date-table{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{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 th{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 .duet-date-table-cell{text-align:center}.duet-date-table .duet-date-table-cell:focus{outline:none}.duet-date-table-button{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:2.6 !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 .duet-date-table-button{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:hover{background:rgb(228, 241, 247) !important}.duet-theme-turva .duet-date-table-button:hover{background:rgb(255, 227, 228) !important}.duet-date-table-button.today{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 .duet-date-table-button.today{color:rgb(126, 2, 35) !important;background:rgb(255, 241, 241) !important;box-shadow:0 0 0 1px #171c3a !important}[aria-pressed=true] .duet-date-table-button,:focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(0, 119, 179) !important;outline:0}.duet-theme-turva [aria-pressed=true] .duet-date-table-button,.duet-theme-turva :focus .duet-date-table-button{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important}.duet-date-table-button: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 .duet-date-table-button:active{color:rgb(255, 255, 255) !important;background:rgb(198, 12, 48) !important;box-shadow:0 0 5px 0 #171c3a !important}:focus .duet-date-table-button{z-index:200;box-shadow:0 0 5px 0 #0077b3 !important}.duet-theme-turva :focus .duet-date-table-button{box-shadow:0 0 5px 0 #171c3a !important}.duet-date-table-button.disabled{color:rgb(127, 150, 165) !important;cursor:default;background:transparent !important;box-shadow:none !important}.duet-theme-turva .duet-date-table-button.disabled{color:rgb(143, 147, 158) !important;background:transparent !important;box-shadow:none !important}.duet-date-table-button.outside{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 .duet-date-table-button.outside{color:rgb(143, 147, 158);background:rgb(245, 247, 250);box-shadow:none}.duet-date-dialog-header{margin-bottom:16px !important;display:flex;align-items:center;justify-content:space-between;width:100%}.duet-date-dialog-buttons{white-space:nowrap}.duet-date-dialog-buttons ::part(button){border:0}.duet-date-dialog-select{position:relative;display:inline-flex;margin-top:4px}.duet-date-dialog-select .duet-date-dialog-select-label{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 .duet-date-dialog-select .duet-date-dialog-select-label{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 span{margin-right:4px}.duet-date-dialog-select select{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;font-size:1rem;cursor:pointer;opacity:0}.duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #0077b3 !important}.duet-theme-turva .duet-date-dialog-select select:focus+.duet-date-dialog-select-label{box-shadow:0 0 0 2px #171c3a !important}.duet-date-dialog-mobile-header{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{position:absolute;top:-8px;right:-8px;width:auto;padding:0;margin:0;overflow:visible;border:0}}.duet-theme-turva .duet-date-dialog-mobile-header{border-color:rgb(199, 202, 207)}.duet-date-dialog-mobile-header duet-label{display:inline-block;max-width:84%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 36em){.duet-date-dialog-mobile-header duet-label{display:none}}.duet-date-picker-close{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{opacity:0}}.duet-theme-turva .duet-date-picker-close{background:rgb(245, 247, 250) !important}.duet-date-picker-close:hover{background:rgb(245, 248, 250) !important}.duet-theme-turva .duet-date-picker-close:hover{background:rgb(245, 247, 250) !important}.duet-date-picker-close:focus{outline:none;box-shadow:0 0 0 2px #0077b3 !important}@media (min-width: 36em){.duet-date-picker-close:focus{opacity:1}}.duet-theme-turva .duet-date-picker-close: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.proxyId=createID("DuetDatePicker");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:"Liian aikainen päivämäärä",sv:"Datum för tidigt"},rangeOverflow:{en:"Date too late",fi:"Liian myöhäinen päivämäärä",sv:"Datum för sent"},valueMissing:{en:"Date required",fi:"Päivämäärä vaaditaan",sv:"Datum krävs"}};this.enableActiveFocus=function(){e.focusTarget="day-button"};this.disableActiveFocus=function(){e.focusTarget=null};this.toggleOpen=function(t){t.preventDefault();e.open?e.hide(false):e.show()};this.handleBlur=function(t){t.stopPropagation();e.inputHasFocus=false;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.inputHasFocus=true;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 n=a.pageY-e.initialTouchY;var r=70;var o=Math.abs(i)>=r&&Math.abs(n)<=r;var s=Math.abs(n)>=r&&Math.abs(i)<=r&&n>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)},Space:function(t){return e.handleKeyboardDaySelect(t)},Enter:function(t){return e.handleKeyboardDaySelect(t)}});this.handleKeyboardDaySelect=function(t){var a=t.target;var i=parseISODate(a.dataset.day);e.handleDaySelect(t,i)};this.handleDaySelect=function(t,a){var i=parseISODate(e.min);var n=parseISODate(e.max);e.determineValidity(a);if(inRange(a,i,n)){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.inputHasFocus=false;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.accessibleLiveError="polite"}Object.defineProperty(t.prototype,"validity",{get:function(){return this._validity},enumerable:false,configurable:true});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.componentDidRender=function(){proxyInputToSlot(this.element,this.proxyId,this.name,this.value,this.required)};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 n=i!==""&&t==null;var r=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:r,badInput:n,rangeUnderflow:s,rangeOverflow:o,valid:!(r||n||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 n=this.focusedDay.getFullYear();var r=i18n[this.language];var o=parseISODate(this.min);var s=parseISODate(this.max);var d=o!=null&&o.getMonth()===i&&o.getFullYear()===n;var l=s!=null&&s.getMonth()===i&&s.getFullYear()===n;var u=a-this.incrementYears;var c=a+this.incrementYears;if(o){u=Math.max(u,o.getFullYear())}if(s){c=Math.min(c,s.getFullYear())}return h(Host,{key:"92c25a766e7e2e60a83e54ac1c7edf470a7ff1a0",class:{"duet-expand":this.expand,"duet-m-0":this.margin==="none"}},h("div",{key:"6cdb1b0f01b6c78d02c671500f191616c0356145",class:"duet-date"},h(DatePickerInput,{key:"69e8fad5a45210b3dcee7be49c780823598ac8e3",hasFocus:this.inputHasFocus,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",{key:"1c76a02e5be4e655cd4e0b149af246b207ad15a3",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",{key:"af91b4916f0bc2a1465682928af90a078b6b4e4c",visible:this.open,"display-device":"x-small"}),h(FocusGuard,{key:"4f9b654ab68252f3632729aafa335e4c4a118c58",moveFocusTo:this.focusedDayNode}),h("div",{key:"9536e14ab5a6e019da01e3556073282f7ad9c638",class:"duet-date-dialog-wrapper",onKeyDown:this.handleEscKey,ref:function(e){return t.dialogWrapperNode=e}},h("duet-visually-hidden",{key:"f7f40e25da3fdb801a3716cbb6da9bef4908b298","aria-live":"polite"},r.keyboardInstruction),h("div",{key:"89f68b3684a65cdc13c3592a3740f868fcf1e307",class:"duet-date-dialog-mobile-header"},h(DuetInternalLabel,{key:"b9329644fbc88727451284e7c22bedba319190f8",margin:"none"},this.label),h("button",{key:"f9caca17691f6998d54308443eac7cc094f73169",class:"duet-date-picker-close",ref:function(e){return t.closeButtonNode=e},onClick:function(){return t.hide()},type:"button"},h("duet-icon",{key:"d92f0be1a0d6fb6f3d8c932f014c2f514c1319d2",name:"navigation-close-small",margin:"none",color:"currentColor",size:"xx-small"}),h("duet-visually-hidden",{key:"0f85d5bd40d51ad656f14420160bd83ab7ab2e12"},r.closeLabel))),h("div",{key:"b7efee982426325152b879ac8795f75c55630ef9",class:"duet-date-dialog-header"},h("div",{key:"624226cb18e668939b48026df20ea362007d5eb1",class:"duet-date-dialog-dropdowns"},h("duet-visually-hidden",{key:"64ed0e02afe0315c73e483a212d6714fa9f8c1e6"},h("h2",{key:"1f10a89bef9824b1ebff2c0835c0cb4fb9847e89",id:this.dialogLabelId,"aria-live":"polite","aria-atomic":"true"},r.monthLabels[i]," ",this.focusedDay.getFullYear())),h("duet-visually-hidden",{key:"f85bdb4030a8602df2642c8ff2c8e6a6725c139c"},h("label",{key:"608c3f38b8de7a92d6eaf74021c9dba15d5c1412",htmlFor:this.monthSelectId},r.monthSelectLabel)),h("div",{key:"268d9e71e46608d0aaaa19568b225b08089e0081",class:"duet-date-dialog-select"},h("select",{key:"ea1b01e8f95fc44ea07b40b3593f2a22996cd33d",id:this.monthSelectId,class:"duet-date-month-select",ref:function(e){return t.monthSelectNode=e},onChange:this.handleMonthSelect},r.monthLabels.map((function(t,e){return h("option",{key:t,value:e,selected:e===i,disabled:!inRange(new Date(n,e,1),o?startOfMonth(o):null,s?endOfMonth(s):null)},t)}))),h("div",{key:"e6ae4d02638eaf53c593c98924733d72312bde26",class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",{key:"18600d4d1cc074e8baca7a2e343ad92afb12f44d"},r.monthLabelsShort[i]),h("duet-icon",{key:"e2d8b0f87130ff502900c86b2cc589b7df303bf8",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"}))),h("duet-visually-hidden",{key:"c476ea21946afa2e3d484cbf054037435794d5e7"},h("label",{key:"e670550be9ec69b1e8831aa4ae6bd223eb4cdc70",htmlFor:this.yearSelectId},r.yearSelectLabel)),h("div",{key:"853c7d5cd2639552d1c9be5266f4a3c7cb44cccb",class:"duet-date-dialog-select"},h("select",{key:"5b66d6b7ace30ed705429d96434dd886b39940e7",id:this.yearSelectId,class:"duet-date-year-select",onChange:this.handleYearSelect},range(u,c).map((function(t){return h("option",{key:t,selected:t===n},t)}))),h("div",{key:"c8c57b69fff46d66ec5492bbe51f6c20d5367c7c",class:"duet-date-dialog-select-label","aria-hidden":"true"},h("span",{key:"9faf074f79574e751b74f7a14e312b33aab586cb"},this.focusedDay.getFullYear()),h("duet-icon",{key:"14fe782187efaba9c6403446f87a337585386c56",name:"action-arrow-down-small",color:"currentColor",margin:"none",size:"xxx-small"})))),h("div",{key:"fbdfdf54c9a1d2133764d8c7465529d65e49e77d",class:"duet-date-dialog-buttons"},h("duet-action-button",{key:"aedcc0e167b29c902b69313821c454ff08f32693",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"},r.prevMonthLabel),h("duet-action-button",{key:"2d872fe81ca740dba603c1c1a214d5bc7cf23be1",accessibleLabel:i18n[this.language].nextMonthLabel,actionName:i18n[this.language].nextMonthLabel,class:"duet-date-dialog-next",onClick:this.handleNextMonthClick,disabled:l,"icon-name":"action-arrow-right-small"},r.nextMonthLabel))),h(DatePickerMonth,{key:"a05b3cf4dd91b6256fa336c2ceddf260fbe64e32",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,{key:"de51c28da1e9b5d2f87dc636006ad888f2486650",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-1d0b7c66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getColorByName}from"./token-utils-b9ba8c5e.js";import"./tokens.module-2d02f5ff.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:"64511b39c68988b15d35f49ae4d6416b0937d6f2",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:"2aa5669c773f8841ad33637ee24c845c7eeb5dd2",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-4b4e4ec8.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{g as getColorByName}from"./token-utils-b9ba8c5e.js";import"./tokens.module-2d02f5ff.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:"25f4714a082e71f77ac7a873e1f4a37a9ba44e1c",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:"2aa5669c773f8841ad33637ee24c845c7eeb5dd2",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};

package/lib/esm-es5/duet-editable-table_3.entry.js

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,a){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{d(a.next(e))}catch(e){r(e)}}function s(e){try{d(a["throw"](e))}catch(e){r(e)}}function d(e){e.done?n(e.value):i(e.value).then(o,s)}d((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return d([e,t])}}function d(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var a=0,i=t.length,r;a<i;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};
+var __awaiter=this&&this.__awaiter||function(e,t,n,a){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function o(e){try{l(a.next(e))}catch(e){r(e)}}function s(e){try{l(a["throw"](e))}catch(e){r(e)}}function l(e){e.done?n(e.value):i(e.value).then(o,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},a,i,r,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(s){if(a)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(n=0)),n)try{if(a=1,i&&(r=s[0]&2?i["return"]:s[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,s[1])).done)return r;if(i=0,r)s=[s[0]&2,r.value];switch(s[0]){case 0:case 1:r=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!r||s[1]>r[0]&&s[1]<r[3])){n.label=s[1];break}if(s[0]===6&&n.label<r[1]){n.label=r[1];r=s;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(s);break}if(r[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{a=r=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var a=0,i=t.length,r;a<i;a++){if(r||!(a in t)){if(!r)r=Array.prototype.slice.call(t,0,a);r[a]=t[a]}}return e.concat(r||Array.prototype.slice.call(t))};
 /*!
  * Built with Duet Design System
- */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement,F as Fragment}from"./index-1d0b7c66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as fieldSorter,d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString,s as sanitizeString}from"./language-utils-14969cef.js";import{p as spaceLarge,q as fontFamilyText,r as fontSizeMedium,u as fontFamilyTextTurva,v as colorSecondary,w as colorSecondaryTurva,x as fontWeightSemiBold,y as lineHeightSmall,z as colorGrayDarker,A as colorGrayDarkTurva,B as spaceMedium,C as spaceXxSmall,n as colorGrayLightest,a as mediaQueryXSmall,D as spaceSmall,E as colorGrayLight,F as colorGrayLightTurva,G as colorGrayDarkerTurva,k as colorPrimary,H as sizeNavigation,s as sizeHeader}from"./tokens.module-2d02f5ff.js";import{b as breakpointTokensUpTo,a as breakpointToToken}from"./token-utils-b9ba8c5e.js";import{c as createID}from"./create-id-149a1b6d.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";import{g as getError,a as getI18nError}from"./errorcodes.utils-d9431251.js";var TableData=function(e,t){var n=e.data,a=e.groupId,i=e.alignment;var r="duet-editable-table duet-editable-table-content-".concat(a);if(typeof n==="string"){return h("td",{innerHTML:n,class:r,part:"".concat(a,"content"),style:{verticalAlign:i}})}else{return h("td",{class:r,part:"".concat(a,"content"),style:{verticalAlign:i}},n)}};var duetEditableTableCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu,td.duet-editable-table-actions-menu{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon .duet-icon{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row .duet-text-right{text-align:right}.duet-editable-table-header tr .duet-editable-table-header-hidden{padding:0 !important;font-size:0;border-bottom:0}";var DuetEditableTableStyle0=duetEditableTableCss;var DuetEditableTable=function(){function e(e){var t=this;registerInstance(this,e);this.duetTableToggle=createEvent(this,"duetTableToggle",7);this.duetMenuClick=createEvent(this,"duetMenuClick",7);this.hasHeadSlotFirst=false;this.hasHeadSlotLast=false;this.hasFootSlot=false;this.sortableDefaultLabel={fi:"Järjestä",en:"Click to sort",sv:"Klicka för att sortera"};this.actionColumnLabel={en:"Actions for rows",fi:"Toiminnot rivillä",sv:"Åtgärder för rader"};this.toggleColumn=function(e,n){n.preventDefault();var a=e.sort_order,i=e.direction,r=e.index,o=e.key;t.duetTableToggle.emit({sort_order:a,index:r,direction:i,key:o,component:"duet-editable-table",originalEvent:n})};this.handleKeyDown=function(e,n){if(isKeyboardClick(n)){t.toggleColumn(e,n)}};this.language=getLanguage();this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.actions=undefined;this.columns=undefined;this.rows=undefined;this.sortable=false;this.groupId="";this.theme="";this.accessibleRole=undefined;this.hideHeadVisually=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadSlotFirst=!!this.element.querySelector("[slot='thead-first']");this.hasHeadSlotLast=!!this.element.querySelector("[slot='thead-last']");this.hasFootSlot=!!this.element.querySelector("[slot='tfoot']")};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.createLabel=function(e){var t=this;var n=e.sort_order,a=e.direction,i=e.index,r=e.label;var o=getLocaleString(r);if(!this.sortable){return o}var s=function(){if(!!n&&a===1){return"action-arrow-down-small"}else if(!!n&&a===-1){return"action-arrow-up-small"}return"action-subtract-small"};return h("span",{class:"duet-table-label","data-index":i},h("duet-button",{size:"small",icon:s(),"icon-size":"medium-small","accessible-label":this.sortableDefaultLabel[this.language],variation:"plain",margin:"none","icon-right":true,onClick:function(n){return t.toggleColumn(e,n)},onKeyDown:function(n){return t.handleKeyDown(e,n)}},o))};e.prototype.getSortedColumns=function(){return __spreadArray([],this.columns,true).sort(fieldSorter(["index"]))};e.prototype.getRowSortOrder=function(){var e=__spreadArray([],this.columns,true).sort(fieldSorter(["sort_order"]));return e.filter((function(e){return e.sort_order})).map((function(e){return e.direction===-1?"-".concat(e.key):e.key}))};e.prototype.renderTableHeader=function(){var e=this;if(!this.columns){return}var t=this.getSortedColumns();return h("tr",{class:{"duet-table-action-header":!!this.actions}},t.map((function(t){if(t.display!==false){var n=e.createLabel(t);return n!==""?h("th",{scope:"col"},n):h("td",null)}})),this.actions&&h("th",{scope:"col",class:"duet-table-action-header-heading"},this.actions&&h("duet-visually-hidden",null,this.actionColumnLabel[this.language])))};e.prototype.renderActions=function(e,t){var n=this;if(!this.actions){return}return h("td",{class:"duet-text-right"},this.actions.map((function(a){return h("duet-action-button",{actionMeta:Object.assign({},(e===null||e===void 0?void 0:e.meta)||{},{index:t}),actionId:(e===null||e===void 0?void 0:e.uid)||(e===null||e===void 0?void 0:e.id)||null,actionName:a.name,theme:n.theme,iconName:a.icon,iconColor:a.color,iconSize:a.size,background:a.background,"accessible-label":"".concat(e.actionDescription||""," ").concat(getLocaleString(a.label)," ")})})))};e.prototype.renderTableBody=function(){var e=this;var t=this.getSortedColumns();var n=this.getRowSortOrder();var a=__spreadArray([],this.rows,true).sort(fieldSorter(n));return a.map((function(n,a){var i;return h("tr",{class:(i={"duet-table-action-row":!!e.actions,"duet-editable-table-row":true},i["duet-editable-table-row-".concat(e.groupId)]=true,i),"data-meta":JSON.stringify(n.meta)},t.map((function(t){var a=n[t.key]?n[t.key]:n.item;if(t.display!==false){return h(TableData,{data:a,groupId:e.groupId})}})),e.actions&&e.renderActions(n,a))}))};e.prototype.render=function(){var e;return h(Host,{key:"3d5bf5011822ef87cfa0e0286c8cf91e8496bae2",class:(e={},e["duet-editable-table-".concat(this.variation)]=true,e["duet-editable-table"]=true,e["duet-editable-table-".concat(this.theme)]=true,e["duet-editable-table-scrollable"]=this.breakpoint==="none-scrollable",e["duet-editable-table-sortable"]=this.sortable,e["duet-editable-table-actions"]=!!this.actions,e["duet-m-0"]=this.margin==="none",e["duet-theme-turva"]=this.theme==="turva",e)},h("duet-table",{key:"ec986291dd0b4a8210449af3dd0f233e7ea5951b",class:"duet-editable-table-table",sticky:this.sticky,stickyDistance:this.stickyDistance,margin:this.margin,theme:this.theme,variation:this.variation,breakpoint:this.breakpoint,"hide-head-visually":this.hideHeadVisually},h("table",{key:"1ae7b6227d4fb16d38ca46fcd3c164ba625cf18d",role:this.accessibleRole},h("caption",{key:"a78c14e03fad988f4b985eecb07674d90be9dafc"},h("slot",{key:"3ab4a9d8f4f7a6818c4051e811d222bb31731fca",name:"tcaption"})),h("thead",{key:"aca3450e23a6981df8a9bfefc6d4942914900138"},this.hasHeadSlotFirst&&h("tr",{key:"95caf52351b79194f468e5f1b537e27514e3558e"},h("td",{key:"35bea84e7baa12021a122bf6851d3a6b0a0105b3",class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{key:"6969c828d8f6717d2bc16daa2bb4d34225aacdcc",name:"thead-first"}))),this.renderTableHeader(),this.hasHeadSlotLast&&h("tr",{key:"64dc523c0369648863e076499b0ebb18f8f56ff4"},h("td",{key:"64816f523901cd17e0f4481cb86e1596a0a079c3",class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{key:"6d69e2ee753e7dce6d3f47a7e7268cc5c0c10e12",name:"thead-last"})))),h("tbody",{key:"f5a526b833834a5d3601a479a9be3fd7de341d80"},this.renderTableBody()),this.hasFootSlot&&h("tfoot",{key:"87bb8cfcad29c6033f95205666c0e09ae18f946b"},h("tr",{key:"373cf5a124095988d9917422fd6c63da0bdd11b7"},h("td",{key:"ac6478d51c42552576d8e4f1708faebbec2d04fb",class:"duet-editable-table-footer-menu",colSpan:99},h("slot",{key:"b1257579708c35c4be3cb8148c63fd9d221ac8b3",name:"tfoot"})))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetEditableTable.style=DuetEditableTableStyle0;var styles="\nduet-table {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-bottom: ".concat(spaceLarge," !important;\n  display: block;\n  font-variant-numeric: tabular-nums;\n\n  table,\n  thead,\n  tbody,\n  tfoot,\n  th,\n  td,\n  tr {\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n    background: transparent;\n    border: 0;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  &.duet-m-0 {\n    margin: 0 !important;\n  }\n\n  table {\n    width: 100%;\n    font-family: ").concat(fontFamilyText,";\n    font-size: ").concat(fontSizeMedium,";\n    text-align: left;\n    border-spacing: 0;\n    border-collapse: separate;\n  }\n\n  &.duet-table-hide-head-visually.duet-table-hide-head-visually {\n    thead,\n    thead * {\n      position: absolute !important;\n      top: 0;\n      width: 1px !important;\n      height: 1px !important;\n      padding: 0 !important;\n      overflow: hidden !important;\n      clip: rect(1px, 1px, 1px, 1px) !important;\n      border: 0 !important;\n    }\n  }\n\n  &.duet-theme-turva table {\n    font-family: ").concat(fontFamilyTextTurva,";\n  }\n\n  td {\n    -webkit-hyphens: auto;\n    hyphens: auto;\n    color: ").concat(colorSecondary,";\n  }\n\n  &.duet-theme-turva td {\n    color: ").concat(colorSecondaryTurva,";\n  }\n\n  th {\n    font-weight: ").concat(fontWeightSemiBold,";\n    line-height: ").concat(lineHeightSmall,";\n    color: ").concat(colorGrayDarker,";\n    text-align: left;\n  }\n\n  &.duet-theme-turva th {\n    color: ").concat(colorGrayDarkTurva,";\n  }\n\n  tbody th {\n    font-weight: ").concat(fontWeightSemiBold,";\n    color: ").concat(colorSecondary,";\n  }\n\n  &.duet-theme-turva tbody th {\n    color: ").concat(colorSecondaryTurva,";\n  }\n\n  & .duet-table-action-row {\n    & td:last-child {\n      justify-self: end;\n      padding-right: ").concat(spaceLarge," !important;\n      white-space: nowrap;\n    }\n  }\n\n  span.duet-table-cell-heading {\n    display: none;\n  }\n}\n\n.duet-table-flattened {\n  table,\n  thead,\n  tbody,\n  tfoot,\n  th,\n  td,\n  tr {\n    display: block;\n  }\n\n  thead tr {\n    position: absolute !important;\n    top: 0;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    clip: rect(1px, 1px, 1px, 1px) !important;\n    border: 0 !important;\n  }\n\n  td {\n    line-height: ").concat(lineHeightSmall,";\n\n    &:not(:last-child) {\n      margin-bottom: ").concat(spaceMedium,";\n    }\n\n    span.duet-table-cell-heading {\n      margin-bottom: ").concat(spaceXxSmall,";\n      display: block;\n      font-size: ").concat(fontSizeMedium,";\n      font-weight: ").concat(fontWeightSemiBold,";\n      color: ").concat(colorSecondary,";\n    }\n  }\n\n  &.duet-theme-turva td span.duet-table-cell-heading {\n    color: ").concat(colorSecondaryTurva,";\n  }\n\n  tbody td,\n  tbody th,\n  tfoot td {\n    padding: 0 !important;\n    text-align: left !important;\n  }\n\n  tbody th {\n    font-weight: ").concat(fontWeightSemiBold,";\n    line-height: ").concat(lineHeightSmall,";\n    color: ").concat(colorGrayDarker,";\n    text-align: left;\n  }\n}\n\n.duet-table-sticky thead th {\n  position: sticky;\n  top: 0;\n  background: ").concat(colorGrayLightest,";\n}\n\n.duet-table-striped {\n  td,\n  th {\n    padding: ").concat(spaceLarge," !important;\n    @media ").concat(mediaQueryXSmall.replace("'","").replace("'","")," {\n      padding: ").concat(spaceLarge," ").concat(spaceSmall," !important;\n    }\n  }\n\n  tbody th {\n    background: ").concat(colorGrayLightest,";\n  }\n\n  &.duet-table-sticky {\n    thead th {\n      border-bottom: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva thead th {\n      border-bottom-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n\n  tbody:not(:first-of-type) th {\n    padding-top: calc(").concat(spaceLarge," * 2) !important;\n  }\n\n  tbody:only-of-type tr:nth-of-type(odd) {\n    background: rgba(4, 81, 128, 0.04);\n  }\n\n  &.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {\n    background: rgba(").concat(colorSecondaryTurva,", 0.04);\n  }\n\n  tbody:not(:only-of-type) tr:nth-of-type(even) {\n    background: rgba(4, 81, 128, 0.04);\n  }\n\n  &.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {\n    background: rgba(").concat(colorSecondaryTurva,", 0.04);\n  }\n\n  tfoot td {\n    border-top: 1px solid ").concat(colorGrayLight,";\n  }\n\n  &.duet-theme-turva tfoot td {\n    border-top-color: ").concat(colorGrayLightTurva,";\n  }\n\n  &.duet-table-flattened {\n    tbody:not(:first-of-type) th {\n      padding-top: ").concat(spaceLarge," !important;\n    }\n\n    tr {\n      padding: ").concat(spaceLarge," !important;\n    }\n\n    tfoot {\n      td {\n        border-top: 0;\n      }\n\n      tr {\n        border-top: 1px solid ").concat(colorGrayLight,";\n      }\n    }\n\n    &.duet-theme-turva tfoot tr {\n      border-top-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n\n.duet-table-plain, .duet-table-fixed, .duet-table-minimal {\n  th {\n    padding: ").concat(spaceMedium," !important;\n    border-bottom: 1px solid ").concat(colorGrayDarker,";\n\n    &:first-child {\n      padding-left: 0 !important;\n    }\n\n    &:last-child {\n      padding-right: 0 !important;\n    }\n  }\n\n  &.duet-theme-turva th {\n    border-bottom-color: ").concat(colorGrayDarkerTurva,";\n  }\n\n  tbody th {\n    padding-top: calc(").concat(spaceLarge," * 2) !important;\n    border-bottom-color: ").concat(colorGrayLight,";\n  }\n\n  &.duet-theme-turva tbody th {\n    border-bottom-color: ").concat(colorGrayLightTurva,";\n  }\n\n  td {\n    padding: ").concat(spaceMedium," !important;\n\n    &:first-child {\n      padding-left: 0 !important;\n    }\n\n    &:last-child {\n      padding-right: 0 !important;\n    }\n  }\n\n  tbody td {\n    border-bottom: 1px solid ").concat(colorGrayLight,";\n  }\n\n  &.duet-theme-turva tbody td {\n    border-bottom-color: ").concat(colorGrayLightTurva,";\n  }\n\n  &.duet-table-flattened {\n    tbody:first-of-type th {\n      padding-top: 0 !important;\n    }\n\n    td,\n    tbody th {\n      border-bottom: 0;\n    }\n\n    tr {\n      padding: ").concat(spaceLarge," 0 !important;\n    }\n\n    tbody th {\n      padding-top: ").concat(spaceLarge," !important;\n    }\n\n    tfoot td {\n      margin-bottom: ").concat(spaceXxSmall," !important;\n    }\n\n    tbody:not(:only-of-type) tr:first-child {\n      border-bottom: 0;\n    }\n  }\n}\n\n.duet-table-plain {\n\n  &.duet-table-flattened {\n    tbody tr {\n      border-bottom: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tbody tr {\n      border-bottom-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n\n.duet-table-minimal {\n\n  tbody tr,\n  tbody tr td {\n    vertical-align: top;\n    border-bottom: 0 none;\n  }\n\n  tbody tr:last-of-type,\n  tbody tr:last-of-type td {\n    border-bottom: 1px solid ").concat(colorGrayLight,";\n  }\n\n  &.duet-table-flattened {\n    tbody tr,\n    tbody tr td {\n      border-bottom: 0 none;\n    }\n\n    tbody tr td[data-heading]::before {\n      display: none;\n    }\n\n    tfoot {\n      border-top: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n\n.duet-table-fixed {\n\n  table {\n    table-layout: fixed;\n  }\n\n  tbody tr,\n  tbody tr td,\n  tbody tr td:first-child {\n    padding: 4px !important;\n    vertical-align: text-bottom;\n    border-bottom: 0 none;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody tr,\n  tbody tr td {\n    border-bottom: 0 none;\n  }\n\n  &:not(.duet-table-flattened) {\n    tfoot {\n      border-top: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n.duet-table-scrollable {\n  position: relative;\n  width: 100%;\n  overflow-x: auto;\n  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;\n  background-repeat: no-repeat;\n  background-attachment: local, local, scroll, scroll;\n  background-size: 100px 100%, 100px 100%, 12px 100%, 12px 100%;\n}\n\n.duet-table-selected-column {\n  background: rgba(").concat(colorPrimary,", 0.08);\n\n  .duet-theme-turva & {\n    background: rgba(").concat(colorGrayDarkerTurva,", 0.08);\n  }\n}\n\n.duet-table-sortable {\n  tbody tr td:first-child,\n  thead tr th:first-child {\n    padding: ").concat(spaceLarge,";\n  }\n\n  &:not(.duet-table-flattened) {\n    tfoot {\n      border-top: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ").concat(colorGrayLightTurva,';\n    }\n  }\n}\n\n\n.duet-table-actions {\n  table {\n    table-layout: auto;\n  }\n\n  thead {\n    & th:last-child {\n      width: 1px;\n      white-space: nowrap;\n    }\n  }\n}\n\n.duet-editable-table-table.duet-table-flattened {\n  tr {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: auto;\n    gap: 10px;\n\n    &.duet-table-action-row td:last-child::before {\n      padding: 0;\n      content: "";\n    }\n  }\n\n  td {\n    grid-column: 1 / 2;\n\n    &:first-child {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    &:last-child {\n      grid-row: 1;\n      grid-column: 2;\n    }\n  }\n}\n').replace(/[\n\r\t]/gm,"");function createStyles(e){var t=e.getRootNode();var n=t instanceof ShadowRoot;if(n){var a=new CSSStyleSheet;a.replace(styles).then((function(){t.adoptedStyleSheets.push(a)}))}else{var i=document.querySelector("style#duet-table-styles");if(i){return}var r=document.createElement("style");r.id="duet-table-styles";r.innerHTML=styles;document.head.append(r)}}var stickyTopValues={none:0,"with-links":parseFloat(sizeNavigation)*16,"without-links":parseFloat(sizeHeader)*16};var DuetTable=function(){function e(e){var t=this;registerInstance(this,e);this.headingSelector="thead tr > :not(*.duet-editable-table-actions-menu)";this.handleMediaQueryChange=function(e){t.matchesBreakpoint=breakpointTokensUpTo.includes(t.breakpoint)?!e.matches:e.matches};this.matchesBreakpoint=true;this.language=getLanguage();this.theme=undefined;this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.hideHeadVisually=false}e.prototype.watchLanguageStateHandler=function(e,t){var n=this;if(e!==t){setTimeout((function(){return n.copyHeadingsToCells()}),50)}};e.prototype.connectedCallback=function(){var e=this;createStyles(this.element);var t=this.breakpoint==="none"||this.breakpoint==="none-scrollable"?"all":breakpointToToken[this.breakpoint];this.mq=matchMedia(t);this.mq.addEventListener("change",debounce(this.handleMediaQueryChange,50));this.handleMediaQueryChange(this.mq);this.observer=new MutationObserver((function(){return debounce(e.copyHeadingsToCells(),50)}));this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.copyHeadingsToCells();if(this.sticky&&this.breakpoint==="none-scrollable"){console.warn('[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence')}if(this.sticky){var e=stickyTopValues[this.stickyDistance];var t=this.element.querySelectorAll(this.headingSelector);t.forEach((function(t){return t.style.top="".concat(e,"px")}))}};e.prototype.componentDidLoad=function(){this.observer?this.observer.takeRecords():null;connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){this.observer.disconnect();this.observer=null;this.mq.removeListener(this.handleMediaQueryChange);this.mq=null;this.matchesBreakpoint=true;disconnectLanguageChangeObserver(this)};e.prototype.copyHeadingsToCells=function(){var e=this.element.querySelectorAll(this.headingSelector);var t=this.element.querySelectorAll("tbody tr");var n=Array.from(e).map((function(e){return e.textContent.trim()}));t.forEach((function(e){e.querySelectorAll("td").forEach((function(e,t){if(n[t]){var a=e.querySelector(".duet-table-cell-heading");if(!a||a.textContent!==n[t]){a===null||a===void 0?void 0:a.remove();var i=document.createElement("span");i.textContent=n[t];i.classList.add("duet-table-cell-heading");i.setAttribute("aria-hidden","true");i.inert=true;e.prepend(i)}}}))}))};e.prototype.render=function(){var e;return h(Host,{key:"a02e59e614dfac870270c7e3d74e04fb2802c527",class:(e={},e["duet-table-".concat(this.variation)]=true,e["duet-table-flattened"]=!this.matchesBreakpoint,e["duet-table-sticky"]=this.matchesBreakpoint&&this.sticky,e["duet-table-scrollable"]=this.breakpoint==="none-scrollable",e["duet-m-0"]=this.margin==="none",e["duet-theme-turva"]=this.theme==="turva",e["duet-table-hide-head-visually"]=this.hideHeadVisually,e)},h("slot",{key:"d3938a251798e10cd525715687c827fd449272cc"}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{language:["watchLanguageStateHandler"]}},enumerable:false,configurable:true});return e}();var errorCodes=[{type:"default",system_message:"unknown error",message:{fi:"Tapahtui tuntematon virhe, ole hyvä ja yritä uudelleen.",sv:"Ett okänt fel uppstod, försök igen.",en:"An unknown error occured, please try again."}},{type:"400",system_message:"Bad Request: The server could not understand the request due to invalid syntax.",message:{fi:"Tiedostoa ei hyväksytty.",sv:"Servern avvisade din fil.",en:"The server rejected your file."}},{type:"401",system_message:"Not Authenticated: The client must authenticate itself to get the requested response...",message:{fi:"Vain kirjautunut käyttäjä voi lähettää tiedostoja.",sv:"Du måste vara inloggad för att ladda upp filer.",en:"You need to be logged in to upload files."}},{type:"403",system_message:"No Access: The client does not have access rights to the content.",message:{fi:"Ei oikeuksia lähettää tiedostoja.",sv:"Du har inte rätt åtkomsträttigheter för att ladda upp filer.",en:"You do not have the correct access rights to upload files."}},{type:"413",system_message:"Payload too large",message:{fi:"Tiedosto oli liian vastaanotettavaksi.",sv:"Filen var för stor för servern att hantera.",en:"The file was to large for the server to handle."}},{type:"415",system_message:"Unsupported media type",message:{fi:"Tiedoston tyyppi oli väärä.",sv:"Servern avvisade filen eftersom den hade fel typ.",en:"The server rejected the file because it had the wrong type."}},{type:"429",system_message:"Too many request from same address",message:{fi:"Liian monta yritystä, ole hyvä ja yritä myöhemmin uudelleen.",sv:"Servern har fått många förfrågningar från dig, försök igen senare.",en:"The server has received to many request from you, please try again later."}},{type:"500",system_message:"Internal Server Error",message:{fi:"Palvelin ilmoitti tuntemattomasta virheestä ja lataus epäonnistui.",sv:"Servern rapporterade ett okänt fel och uppladdningen misslyckades.",en:"The server reported an unknown error and the upload failed."}},{type:"duet-upload-100",system_message:"File extension not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den type.",en:"You cannot upload files with that extension."}},{type:"duet-upload-001",system_message:"File transfer failed",message:{fi:"Tiedoston lähetys keskeytyi, ole hyvä ja yritä uudelleen.",sv:"Din anslutning till servern avbröts, försök igen.",en:"Your connection to the server was interrupted, try again."}},{type:"duet-upload-101",system_message:"File mimetype not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den typ.",en:"You cannot upload files of that type."}},{type:"duet-upload-201",system_message:"File is too large",message:{fi:"Tiedosto on liian iso.",sv:"Filen är större än tillåtet.",en:"The file is larger than permitted."}},{type:"duet-upload-202",system_message:"The combined size of all files is too large",message:{fi:"Tiedostojen yhteenlaskettu koko on liian iso.",sv:"Du har nått den maximala kombinerade filstorleken.",en:"You have reached the maximum combined filesize."}},{type:"duet-upload-203",system_message:"Files to upload exceed total byte size limit",message:{fi:"Yritit lisätä tiedostoja, jotka ylittäisivät suurimman sallitun yhteenlasketun koon.",sv:"Du försökte lägga till filer som skulle överskrida den maximala kombinerade storleken.",en:"You tried to add files that would exceed the maximum combined size."}},{type:"duet-upload-301",system_message:"The maximum file limit has been reached",message:{fi:"Liitteiden maksimimäärä saavutettu.",sv:"Maximalt antal bilagor har uppnåtts.",en:"Maximum number of attachments reached."}},{type:"duet-upload-302",system_message:"Files to upload exceeds limits",message:{fi:"Et voi lähettää enempää kuin enimmäismäärän liitteitä.",sv:"Du kan inte ladda upp fler än det maximala antalet bilagor.",en:"You can't upload more than maximum number of attachments."}}];var headerAriaLabel={fi:"Liiteluettelo",sv:"Lista över bilagor",en:"Attachments list"};var UploadItemHeader=function(e){var t=e.label,n=e.categoryLabel;return h("div",{class:"items-header",tabindex:"-1","aria-label":getLocaleString(headerAriaLabel)},n&&h("duet-heading",{class:"category-header",border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(n)),h("duet-heading",{class:{"filename-header":true,"no-category":!n},border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(t)))};var validateFileExtension=function(e,t){if(!t){return true}var n=e.split(".");var a=t.split(",");var i=n[n.length-1];return a.includes(i)};var validateFileMime=function(e,t){if(!t||!e){return true}var n=t.split(",");var a=false;n.forEach((function(t){var n=t.split("/");var i=e.split("/");if(n[0]===i[0]&&(n[1]===i[1]||n[1]==="*")){a=true}}));return a};var validateFileSize=function(e,t){if(!t||!e){return true}return t>=e};var validateFile=function(e,t,n){var a=t.allowedMimetypes,i=t.allowedExtensions,r=t.maxBytes;var o=false;var s=getError("default",n);if(e){var d=e.name,l=e.type,u=e.size;var h=validateFileMime(l,a);var c=i==="all"||i===""||i===" "||i===undefined?true:validateFileExtension(d.toLowerCase(),i);var f=validateFileSize(u,r);if(!h){s=getError("duet-upload-101",n)}if(!c){s=getError("duet-upload-100",n)}if(!f){s=getError("duet-upload-201",n)}o=h&&c&&f}else{o=false}return{valid:o,errorMessage:o?undefined:getLocaleString(s.message),errorSystem:o?undefined:s.system_message,errorType:o?undefined:s.type}};var validateTotalSizeIsAboveMax=function(e,t){var n=0;if(t){e.forEach((function(e){if(e.valid&&e.size){n+=e.size}}));if(n>=t){return true}}return false};var validateTotalAmountIsAboveMax=function(e,t){var n=0;if(t){e.forEach((function(e){if(e.valid){n++}}));if(n>=t){return true}}return false};var filesToUploadCountAboveMax=function(e,t,n){if(e+t>n){return true}return false};var filesToUploadTotalSizeIsAboveMax=function(e,t,n){var a=0;if(n){e.forEach((function(e){if(e.valid&&e.size){a+=e.size}}));t.forEach((function(e){if(e.size){a+=e.size}}));if(a>=n){return true}}return false};var makeXhrRequest=function(e){var t=e.payload,n=e.options,a=e.onFailure,i=e.onSuccess,r=e.onProgress;var o=n.type,s=o===void 0?"POST":o,d=n.xhr,l=n.uri,u=n.argument,h=u===void 0?null:u,c=n.headers,f=c===void 0?null:c;d.open(s,"".concat(l).concat(h||""),true);var p=t.data,b=t.name;if(f){Object.keys(f).forEach((function(e){d.setRequestHeader(e,f[e])}))}if(s==="POST"){d.onreadystatechange=function(){if(d.readyState===XMLHttpRequest.DONE&&d.status>=200&&d.status<300){i(d,b,d.status)}if(d.readyState===XMLHttpRequest.DONE&&d.status>=300&&d.status<999){a(d,b,d.status)}};r(b)}d.send(p);return d};var duetUploadCss="*,*::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}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}::slotted([slot=uploadfooter]){margin-top:20px}.duet-upload{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:rgb(245, 248, 250)}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button),.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-action-button::part(button){border:0}duet-paragraph::part(duet-paragraph){word-break:break-word}duet-editable-table tfoot{display:none}.upload-bottom-caption{margin-top:12px;margin-bottom:16px;line-height:1.4rem}.items-header{display:none;flex-direction:row;margin-bottom:0}@media (min-width: 36em){.items-header{display:flex}}.items-header:not(:last-child),.items-header:not(:first-child){margin-top:12px}.items-header .category-header{width:35%}.items-header .filename-header{width:65%}.items-header .filename-header.no-category{width:100%}.upload-item-row{display:flex;flex-direction:column;gap:16px;align-content:center;align-items:center;padding:16px 0 16px 0;border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.upload-item-row{flex-direction:row;gap:10px}}.upload-item-row .item-categories{width:100%}@media (min-width: 36em){.upload-item-row .item-categories{width:35%}}.upload-item-row .item-name{position:relative;bottom:2px;width:100%;text-align:left}@media (min-width: 36em){.upload-item-row .item-name{width:50%}.upload-item-row .item-name.no-category{width:85%}}.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:block}@media (min-width: 36em){.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:none}}.upload-item-row .item-actions{width:100%;margin-left:-8px;text-align:left}@media (min-width: 36em){.upload-item-row .item-actions{width:15%;padding-top:0;margin-left:auto;text-align:right}}.upload-item-row .duet-upload-item-name duet-icon{position:relative;top:4px}.upload-item-row .duet-upload-item-name duet-progress{display:block;margin-top:16px}";var DuetUploadStyle0=duetUploadCss;var DuetUpload=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetReady=createEvent(this,"duetReady",7);this.duetDone=createEvent(this,"duetDone",3);this.duetState=createEvent(this,"duetState",3);this.duetDelete=createEvent(this,"duetDelete",3);this.duetCancel=createEvent(this,"duetCancel",3);this.duetProgress=createEvent(this,"duetProgress",3);this.duetUpload=createEvent(this,"duetUpload",3);this.linkClick=createEvent(this,"linkClick",3);this.buttonId=createID("DuetButton");this.labelId=createID("DuetLabel");this.uploadId=createID("DuetUpload");this.filesInProgress=new Map;this.fileMaxReached=false;this.bytesMaxReached=false;this.filesToUploadExceedsLimit=false;this.filesToUploadTotalSizeIsAboveMax=false;this.internalStatusMessageLabel=undefined;this.itemRefs=new Map;this.DefaultGroups={inprogress:"inprogress",success:"success",pending:"pending",failure:"failure"};this.kick=debounce((function(){t.tick=Date.now()}),30);this.categoryLabel={en:"Category",sv:"Filtyp",fi:"Tiedostotyyppi"};this.listenForActionEvents=function(){t.element.addEventListener("duetActionEvent",(function(e){var n=e.detail;var a=n.action,i=n.id,r=n.originalEvent;switch(a){case"delete":t.onDelete(i,r);break;case"cancel":t.onCancel(i,r);break}}))};this.verifyValidity=function(){var e=t.getFilesAsArray(),n=e.invalid,a=e.valid;var i=t.valid;t.valid=n.length===0&&a.length!==0;if(t.valid!==i){t.duetState.emit({originalEvent:undefined,data:{valid:t.valid,from:"componentWillRender"},component:"duet-upload"})}};this.getGroupFromItemData=function(e){if(e.valid&&e.progress===100){return t.DefaultGroups.success}else if(e.progress>0&&e.progress!==100){return t.DefaultGroups.inprogress}else if(!e.valid){return t.DefaultGroups.failure}else if(e.pending){return t.DefaultGroups.pending}else if(e.group){return e.group}else{return"none"}};this.mapFilesToUploadItems=function(e,n,a,i){if(n===t.DefaultGroups.success){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"success",data:e,showLinks:t.showLinks,linkClickEvent:t.emitEvent?t.linkClick:undefined,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(n===t.DefaultGroups.inprogress){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"inprogress",data:e,showLinks:t.showLinks,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(n===t.DefaultGroups.pending){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"pending",data:e,showLinks:t.showLinks,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(n===t.DefaultGroups.failure){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"failure",data:e,showLinks:t.showLinks,errorCodes:t.errorCodes,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(e.group){return e.html}else{return"none"}};this.genHashName=function(){return Date.now().toString(36)+Math.random()};this.updateValueInMap=function(e,n,a,i){if(i===void 0){i=true}try{var r=t.files.get(e);r[n]=a;t.files.set(e,r);if(t.external&&n!=="url"){t.trackProgress(e,n==="uploaded")}}catch(e){}if(i){t.kick()}};this.updateProgress=function(e,n){var a=function(a){t.updateValueInMap(n,"progress",a);t.onProgress(n,a,e)};if(e.lengthComputable){var i=e.loaded/e.total*100;a(i)}else{console.log("cant read progress")}};this.trackProgress=function(e,n){if(n===void 0){n=false}if(n){t.filesInProgress.delete(e)}else{t.filesInProgress.set(e,"inprogress")}if(t.filesInProgress.size===0){t.onDone()}};this.getFilesAsArray=function(){var e=[];var n=[];t.files.forEach((function(t){if(t.valid&&!t.deleted){e.push(t)}else if(!t.valid&&!t.deleted){n.push(t)}}));return{valid:e,invalid:n}};this.resetFormFields=function(){t.nativeInput.value=""};this.startUpload=function(e){var n=[];for(var a=1;a<arguments.length;a++){n[a-1]=arguments[a]}return __awaiter(t,__spreadArray([e],n,true),void 0,(function(e,t){var n,a,i;if(t===void 0){t=undefined}return __generator(this,(function(r){n=this.validateTotals(),a=n.bytesMaxReached,i=n.fileMaxReached;if(a||i){this.kick();return[2]}this.metaData=t;this.nativeInput.click();this.onUpload(e,t);e.stopPropagation();e.preventDefault();return[2]}))}))};this.transferComplete=function(e){t.updateValueInMap(e,"progress",100,false);t.trackProgress(e,true)};this.transferDone=function(e,n,a){t.updateValueInMap(n,"status",a,false);t.updateValueInMap(n,"uploaded",true,false);try{var i=JSON.parse(e.response);t.updateValueInMap(n,"url",i.url)}catch(e){t.updateValueInMap(n,"url",null);console.error("Server did not respond with expected response {url: string}")}return};this.transferDoneWithFailure=function(e,n,a){try{var i=JSON.parse(e.response).error;t.updateValueInMap(n,"error",{message:i.message,type:i.type},false)}catch(e){console.error("Server did not respond with expected response error:{message: string, type: int}");t.updateValueInMap(n,"error",{type:a},false)}t.updateValueInMap(n,"valid",false,true)};this.transferFailed=function(e){t.updateValueInMap(e,"error",getI18nError("duet-upload-001",t.errorCodes))};this.transferCanceled=function(e){t.files.delete(e);t.validateTotals(e);t.kick()};this.validateTotals=function(e){var n=validateTotalSizeIsAboveMax(t.files,t.maxBytesTotal);var a=validateTotalAmountIsAboveMax(t.files,t.maxFiles);if(n&&e){t.updateValueInMap(e,"error",getI18nError("duet-upload-202",t.errorCodes),false)}if(a&&e){t.updateValueInMap(e,"error",getI18nError("duet-upload-301",t.errorCodes),false)}t.bytesMaxReached=n;t.fileMaxReached=a;return{bytesMaxReached:n,fileMaxReached:a}};this.uploadFile=function(e){var n=[];for(var a=1;a<arguments.length;a++){n[a-1]=arguments[a]}return __awaiter(t,__spreadArray([e],n,true),void 0,(function(e,t,n){var a,i,r;if(t===void 0){t=false}return __generator(this,(function(o){switch(o.label){case 0:if(!t&&this.deferUpload){this.updateValueInMap(e.item.name,"pending",true,false);this.updateValueInMap(e.item.name,"group","pending",true)}else if(t){this.updateValueInMap(e.item.name,"pending",false,false);this.updateValueInMap(e.item.name,"group",undefined,true)}o.label=1;case 1:o.trys.push([1,4,,5]);if(!(!this.deferUpload||t))return[3,3];a=new FormData;a.append("file",e.item);if(n){a.append("key",n)}a.append("uid",e.uid);a.append("name",e.item.name);a.append("metadata",JSON.stringify({uid:e.uid,url:this.uri,size:e.item.size,meta:e.meta}));i=e;return[4,this.makeXHRPostRequest(a)];case 2:i.xhr=o.sent();o.label=3;case 3:return[3,5];case 4:r=o.sent();this.updateValueInMap(e.item.name,"valid",false,false);return[3,5];case 5:return[2]}}))}))};this.uploadPendingFiles=function(){for(var e=0,n=Array.from(t.files.entries());e<n.length;e++){var a=n[e],i=a[0],r=a[1];if(r.group==="pending"&&r.pending===true){t.uploadFile(r,true,i)}}};this.getItemFromUID=function(e){for(var n=0,a=Array.from(t.files.entries());n<a.length;n++){var i=a[n],r=i[0],o=i[1];if(o.uid===e){return{value:o,key:r}}}return null};this.handleExternalUploadButton=function(e,n){if(t.externalUploadButton){if(e||n){t.externalUploadButton.disabled=true}else{t.externalUploadButton.disabled=false}}};this.onDelete=function(e,n){var a=t.getItemFromUID(e);var i=a.key;var r=t.files.get(i);t.files.delete(i);var o=t.validateTotals(),s=o.bytesMaxReached,d=o.fileMaxReached;t.handleExternalUploadButton(s,d);t.kick();t.duetDelete.emit({originalEvent:n,data:{deletion:r},component:"duet-upload"});if(!t.external&&!r.pending){t.makeXHRDeleteRequest(r)}t.resetFormFields()};this.onCancel=function(e,n){var a=t.getItemFromUID(e).key;var i=t.files.get(a);t.files.delete(a);var r=t.validateTotals(),o=r.bytesMaxReached,s=r.fileMaxReached;t.handleExternalUploadButton(o,s);if(!t.external){var d=i.xhr;if(d){d.abort()}}t.kick();t.resetFormFields();t.duetCancel.emit({originalEvent:n,data:{cancelled:i},component:"duet-upload"})};this.onUpload=function(e,n){t.duetUpload.emit({originalEvent:e,metaData:n,component:"duet-upload"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,component:"duet-upload"})};this.onProgress=function(e,n,a){t.duetChange.emit({originalEvent:a,data:{key:e,percentComplete:n},component:"duet-upload"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,component:"duet-upload"})};this.onReady=function(){t.duetReady.emit({component:"duet-upload"})};this.onDone=function(){t.duetDone.emit({component:"duet-upload",data:{files:t.files}})};this.filterMap=function(){var e=Array.from(t.files.values());var n=[];var a=[];var i=[];var r=[];var o=false;e.forEach((function(e){var s=t.getGroupFromItemData(e);if(e.meta&&!!e.meta.badges){o=true}if(s===t.DefaultGroups.success){r.push({uid:e.uid,data:e})}else if(s===t.DefaultGroups.inprogress){n.push({uid:e.uid,data:e})}else if(s===t.DefaultGroups.pending){i.push({uid:e.uid,data:e})}else if(s===t.DefaultGroups.failure){a.push({uid:e.uid,data:e})}else if(e.group){n.push({uid:e.uid,data:e})}}));return{pending:i,failure:a,success:r,inprogress:n,hasCategory:o}};this.getActions=function(e,t){return t.filter((function(t){return t.map.includes(e)}))};this.renderUploadedItems=function(){t.itemRefs.clear();var e=t.filterMap();var n=e.hasCategory;var a=t.hideCancelButton?t.actions.filter((function(e){return e.name!=="cancel"})):t.actions;var i=t.groups.map((function(i){var r=e[i.id];if(!(r===null||r===void 0?void 0:r.length)){return}return h(Fragment,null,!t.hideGroups&&h(UploadItemHeader,{categoryLabel:n?t.categoryLabel:undefined,label:i.label}),r.map((function(e){return t.mapFilesToUploadItems(e.data,i.id,n,a)})))}));return h(Fragment,null,t.showUploadedItemsHeader&&h(UploadItemHeader,{categoryLabel:n?t.categoryLabel:undefined,label:t.uploadedItemsHeaderLabel}),i)};this.tick=Date.now();this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.external=false;this.middleware=null;this.deferUpload=false;this.hideButton=false;this.actions=[{icon:"action-delete",color:"color-danger",size:"x-small",background:"gray-lightest",name:"delete",map:["success","failure"],label:{fi:"Poista tiedosto",en:"Delete the file",sv:"Ta bort filen"}},{icon:"navigation-close",color:"primary",size:"x-small",background:"gray-lightest",name:"cancel",map:["inprogress","pending"],label:{fi:"Keskeytä lähetys",en:"Cancel the upload",sv:"Stop överföringen"}}];this.uri=undefined;this.showLinks=false;this.caption=undefined;this.statusLabelDefaults={fi:{inProgress:"Lähetetään {filesUploaded}, yhteensä lähetettävänä {filesTotal}.",inProgressWithErrors:"Lähetetään {filesInProgress}, lähetetty {filesUploaded}, yhteensä lähetettävänä {filesTotal}, {filesWithErrors} epäonnistui",done:"Lähetys valmis, {filesTotal} lisätty onnistuneesti",doneWithErrors:"Lähetys valmis, {filesUploaded} lisätty onnistuneesti, {filesWithErrors} epäonnistui",files:"tiedostoa",file:"tiedosto"},sv:{inProgress:"Laddar upp {filesUploaded} av {filesTotal}",inProgressWithErrors:"Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",done:"Uppladdningen slutförd, {filesTotal} har lagts till",doneWithErrors:"Uppladdningen slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",files:"filer",file:"fil"},en:{inProgress:"Uploading {filesUploaded} of {filesTotal}",inProgressWithErrors:"Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",done:"Upload completed, {filesTotal} added successfully",doneWithErrors:"Upload completed, {filesUploaded} added successfully, {filesWithErrors} failed.",files:"files",file:"file"}};this.statusMessageLabel=getLocaleString(this.statusLabelDefaults);this.buttonLabelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add an attachment"};this.buttonLabel=getLocaleString(this.buttonLabelDefaults);this.accessibleButtonLabel=undefined;this.theme="";this.disabled=false;this.identifier=undefined;this.margin="auto";this.required=false;this.alignment="middle";this.hideGroups=false;this.files=new Map;this.valid=!this.required;this.labelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add attachments"};this.label=getLocaleString(this.labelDefaults);this.descriptionDefaults={en:"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",sv:"Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",fi:"Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena."};this.description=getLocaleString(this.descriptionDefaults);this.fileListEmptyDefaults={fi:"Ei vielä lisättyjä tiedostoja.",sv:"Inga filer har lagts till ännu.",en:"No files added yet."};this.fileListEmpty=getLocaleString(this.fileListEmptyDefaults);this.error="";this.errorCodes=errorCodes;this.name=undefined;this.maxBytes=2e8;this.maxBytesTotal=undefined;this.maxFiles=99;this.allowedExtensions="all";this.allowedMimetypes="";this.multiple=true;this.limitSelection=false;this.hideCancelButton=false;this.value=undefined;this.externalUploadButtonId=undefined;this.captionOnBottom=false;this.showUploadedItemsHeader=false;this.uploadedItemsHeaderLabel={fi:"Ladattu tiedosto",sv:"Lägg till en bilaga",en:"Uploaded file"};this.headerHeadingLevel="h3";this.hideHeader=false;this.emitEvent=false;this.actionButtonTitles={cancel:false,delete:false};this.renameDuplicates=false;this.groups=[{id:this.DefaultGroups.success,label:{fi:"Valmiit tiedostot",sv:"Files success",en:"Files success"}},{id:this.DefaultGroups.failure,label:{fi:"Tiedostot, joissa on virheitä",sv:"Filer med fel",en:"Files with errors"}},{id:this.DefaultGroups.inprogress,label:{fi:"Kesken olevat tiedostot",sv:"Filer inprogress",en:"Files inprogress"}},{id:this.DefaultGroups.pending,label:{en:"Files to upload",sv:"Filer att ladda",fi:"Ladattavat tiedostot"}}]}e.prototype.watchValidHandler=function(e,t){if(e!==t){this.kick()}};e.prototype.componentWillLoad=function(){if(typeof this.statusMessageLabel==="string"){this.internalStatusMessageLabel=sanitizeString(this.groups)}else{this.internalStatusMessageLabel=this.statusMessageLabel}inheritGlobalTheme(this);this.listenForActionEvents();this.onReady();this.externalUploadButton=document.querySelector("#".concat(this.externalUploadButtonId));this.processedButtonTitles=parsePossibleJSON(this.actionButtonTitles)};e.prototype.componentWillRender=function(){this.verifyValidity()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus(e)}return[2]}))}))};e.prototype.upload=function(){return __awaiter(this,arguments,void 0,(function(e){var t,n,a;if(e===void 0){e=undefined}return __generator(this,(function(i){t=this.validateTotals(),n=t.bytesMaxReached,a=t.fileMaxReached;if(n||a){this.handleExternalUploadButton(n,a);this.kick();return[2]}this.metaData=e;this.nativeInput.click();return[2]}))}))};e.prototype.uploadPending=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.uploadPendingFiles();return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.kick();return[4,this.setFocus()];case 1:e.sent();return[2]}}))}))};e.prototype.getFiles=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.files||this.files.size===0){return[2,false]}return[2,this.getFilesAsArray()]}))}))};e.prototype.updateValue=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.updateValueInMap(e,t,n);return[2]}))}))};e.prototype.focusActionButton=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:return[4,(t=this.itemRefs.get(e))===null||t===void 0?void 0:t.focusActionButton()];case 1:n.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.uploadId;var n=Math.round((this.maxBytesTotal?this.maxBytesTotal:this.maxBytes*this.maxFiles)/1024/1024);var a=Math.round(this.maxBytes/1024/1024);var i=this.description.replace(/{maxfiles}/g,this.maxFiles.toString());i=i.replace(/{maxbytes}/g,"".concat(a.toString()," MB"));i=i.replace(/{maxbytestotal}/g,"".concat(n.toString()," MB"));i=i.replace(/{filetypes}/g,this.allowedExtensions.split(",").join(", "));if(this.externalUploadButton){this.externalUploadButton.accessibleLabel="".concat(this.externalUploadButton.innerText,". ").concat(i)}return h(Host,{key:"f22b72ae72f670b1d3b96699cc22b916e44805bb",class:{"duet-m-0":this.margin==="none"}},h("duet-fieldset",{key:"d9062ebd9b108b426984ea6336014d707816be6a","label-heading-level":this.headerHeadingLevel,"label-hidden":this.hideHeader,label:this.label},h("slot",{key:"f05cf1d0a76d07a12e0169d4554344860fe8d5e9",name:"header"}),!this.files.size&&h("duet-empty-state",{key:"5f6ea952dccd0579fa97ae6e751c727bb2b72383",id:this.labelId,part:this.identifier?"".concat(this.identifier,"-empty-state"):"duet-upload-empty-state",icon:"messaging-attachment"},h("duet-paragraph",{key:"b99e0d6949b2377b83a5b8e3ba4fab263685e427",margin:"none"},this.fileListEmpty)),!!this.files.size&&h("slot",{key:"0de37444dc62aac38f4ce95cb488cbd9c6485814",name:"fileheader"}),!!this.files.size&&h("duet-upload-aria-status",{key:"0d169ad657e0ae9af98769dd2c7b007899826afe",invalid:this.getFilesAsArray().invalid.length,valid:this.getFilesAsArray().valid.length,inprogress:this.filesInProgress.size,total:this.files.size,statusMessageLabel:this.internalStatusMessageLabel}),!!this.files.size&&this.renderUploadedItems(),!!this.files.size&&h("slot",{key:"a957b0255feb705762d39f4615bd9a49a4569017",name:"filefooter"}),h("slot",{key:"f76b8605d58a7659c2dd0aa29c48a1f34e4a18a9",name:"uploadfooter"}),this.captionOnBottom&&h("duet-caption",{key:"3c3b2d1cc4929a960035feb0055c41d435a2cfba",margin:"none",size:"small"},h("div",{key:"e5f8bd26ec72800dd78794620d3d1dcfb4c55ad8",class:"upload-bottom-caption"},i)),h("slot",{key:"c3d1e3f1725fdddfaad3eec7fdc9ed7cb3ef8b5b",name:"afterfooter"}),!this.hideButton&&h(Fragment,{key:"25b1dfcfeb51ed4dce30e9dc0dfd4bf3e5adb41e"},h("duet-spacer",{key:"d19f3991e372c617a6b9509adbc062a03f390090",size:"large"}),h("duet-button",{key:"8536bf08e8becf2c50e0fff041facbe975f18ad5",id:this.buttonId,onClick:this.startUpload,"accessible-controls":t,disabled:this.fileMaxReached,"accessible-label":this.accessibleButtonLabel||"".concat(this.buttonLabel,". ").concat(i),"accessible-owns":t,size:"small",variation:"secondary",fixed:true,icon:"action-add-circle",part:this.identifier?"".concat(this.identifier,"-button-upload"):"duet-upload-button-upload"},this.buttonLabel)),(this.fileMaxReached||this.bytesMaxReached||this.filesToUploadExceedsLimit||this.filesToUploadTotalSizeIsAboveMax)&&h(Fragment,{key:"970bfa230702ba75dc8f8ac9e71f4183c4c3c0d7"},h("duet-spacer",{key:"72b8c0c087760db99ce3fdda33e33471b9606d61",size:"medium"}),h("duet-alert",{key:"0769bcb8f099a5094dba69584d27909b915a1b18",part:this.identifier?"".concat(this.identifier,"-error-notification"):"duet-upload-error-notification"},this.fileMaxReached&&getI18nError("duet-upload-301",this.errorCodes),this.bytesMaxReached&&getI18nError("duet-upload-202",this.errorCodes),this.filesToUploadExceedsLimit&&getI18nError("duet-upload-302",this.errorCodes),this.filesToUploadTotalSizeIsAboveMax&&getI18nError("duet-upload-203",this.errorCodes))),h("duet-visually-hidden",{key:"fba8af1631c5f83e159c7070c9680fb36e5e2d80","aria-hidden":"true"},h("input",{key:"0c7c75a5a7328dfde2317095e37b363108c6423f",ref:function(t){e.nativeInput=t},accept:!this.limitSelection?undefined:"".concat(this.allowedMimetypes,",").concat(this.allowedExtensions),onBlur:this.onBlur,onFocus:this.onFocus,onChange:function(t){return e.onChange(t)},type:"file",class:{"duet-upload":true},disabled:this.disabled,"aria-hidden":"true",required:this.required,name:this.name,id:this.identifier,multiple:this.multiple,tabIndex:-1}))))};e.prototype.makeXHRPostRequest=function(e){var t=this;var n=new XMLHttpRequest;var a=e.get("name");n.upload.addEventListener("progress",(function(e){t.updateProgress(e,a)}));n.upload.addEventListener("load",(function(){t.transferComplete(a)}));n.upload.addEventListener("error",(function(){t.transferFailed(a)}));n.upload.addEventListener("abort",(function(){t.transferCanceled(a)}));var i={payload:{data:e,name:a},options:{type:"POST",uri:this.uri,xhr:n,argument:null,headers:undefined},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){i=this.middleware(i)}return makeXhrRequest(i)};e.prototype.makeXHRDeleteRequest=function(e){var t=e.uid,n=e.item;var a=new XMLHttpRequest;var i={"x-fileuid":t,"x-filename":n.name};var r={payload:{data:null,name:name},options:{type:"DELETE",xhr:a,uri:this.uri,argument:"?key=".concat(t,"&name=").concat(n.name),headers:i},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){r=this.middleware(r)}return makeXhrRequest(r)};e.prototype.escapeSpecialCharacters=function(e){return(e+"").replace(/[\\"'(){}\[\]*?$^+]/g,"\\$&").replace(/\u0000/g,"\\0")};e.prototype.getRenamedFileName=function(e,t){var n=new RegExp("".concat(this.escapeSpecialCharacters(e)," \\(\\d+\\).").concat(t));var a=Array.from(this.files.entries()).map((function(e){var t=e[0],n=e[1];return t})).filter((function(a){return n.test(a)||a==="".concat(e,".").concat(t)})).sort((function(e,t){return e.split(".").slice(0,-1).join(".")>t.split(".").slice(0,-1).join(".")?1:-1})).pop().split(".").slice(0,-1).join(".");if(a===e){return"".concat(e," (1).").concat(t)}var i=parseInt(a.split("(").pop().slice(0,-1));return"".concat(e," (").concat(i+1,").").concat(t)};e.prototype.renameFiles=function(e){var t=this;return e.map((function(e){if(t.files.get(e.name)){var n=e.name.split(".");var a=n.pop();var i=n.join(".");var r=t.getRenamedFileName(i,a);return new File([e],r,{type:e.type,lastModified:e.lastModified})}else{return e}}))};e.prototype.onChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,a,i,r,o,s,d,l,u,h,c;return __generator(this,(function(f){switch(f.label){case 0:n=Array.from((t=this.nativeInput)===null||t===void 0?void 0:t.files);this.filesToUploadExceedsLimit=false;if(filesToUploadCountAboveMax(this.files.size,n.length,this.maxFiles)){this.filesToUploadExceedsLimit=true;this.kick();return[2]}this.filesToUploadTotalSizeIsAboveMax=false;if(filesToUploadTotalSizeIsAboveMax(this.files,n,this.maxBytesTotal)){this.filesToUploadTotalSizeIsAboveMax=true;this.kick();return[2]}if(!n)return[3,6];if(this.renameDuplicates){n=this.renameFiles(n)}a=0,i=n;f.label=1;case 1:if(!(a<i.length))return[3,6];r=i[a];o=validateFile(r,{maxBytes:this.maxBytes,allowedExtensions:this.allowedExtensions,allowedMimetypes:this.allowedMimetypes},this.errorCodes),s=o.valid,d=o.errorMessage,l=o.errorType,u=o.errorSystem;h=this.genHashName();c={uid:h,item:r,size:r.size,meta:this.metaData,uploaded:false,valid:s,error:{type:s?undefined:l,message:s?undefined:d,system_message:s?undefined:u},progress:0,deleted:false,xhr:false,url:false};this.files.set(r.name,c);if(!(s&&!this.external))return[3,3];return[4,this.uploadFile(c)];case 2:f.sent();return[3,4];case 3:if(s&&this.external){this.updateValueInMap(c.item.name,"pending",true,false);this.updateValueInMap(c.item.name,"group","pending",true)}else if(!s){this.updateValueInMap(r.name,"valid",false,true)}f.label=4;case 4:this.kick();f.label=5;case 5:a++;return[3,1];case 6:this.resetFormFields();this.metaData=undefined;this.duetChange.emit({originalEvent:e,data:{files:this.files},component:"duet-upload"});return[2]}}))}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valid:["watchValidHandler"]}},enumerable:false,configurable:true});return e}();DuetUpload.style=DuetUploadStyle0;export{DuetEditableTable as duet_editable_table,DuetTable as duet_table,DuetUpload as duet_upload};
+ */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement,F as Fragment}from"./index-4b4e4ec8.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";import{f as fieldSorter,d as debounce}from"./js-utils-9b9e0039.js";import{i as isKeyboardClick}from"./keyboard-utils-439bcc8b.js";import{a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,g as getLocaleString,s as sanitizeString}from"./language-utils-1b413a6b.js";import{p as spaceLarge,q as fontFamilyText,r as fontSizeMedium,u as fontFamilyTextTurva,v as colorSecondary,w as colorSecondaryTurva,x as fontWeightSemiBold,y as lineHeightSmall,z as colorGrayDarker,A as colorGrayDarkTurva,B as spaceMedium,C as spaceXxSmall,n as colorGrayLightest,a as mediaQueryXSmall,D as spaceSmall,E as colorGrayLight,F as colorGrayLightTurva,G as colorGrayDarkerTurva,k as colorPrimary,H as sizeNavigation,s as sizeHeader}from"./tokens.module-2d02f5ff.js";import{b as breakpointTokensUpTo,a as breakpointToToken}from"./token-utils-b9ba8c5e.js";import{c as createID}from"./create-id-149a1b6d.js";import{p as parsePossibleJSON}from"./string-utils-192eb3c8.js";import{g as getError,a as getI18nError}from"./errorcodes.utils-e12abdc5.js";var TableData=function(e,t){var n=e.data,a=e.groupId,i=e.alignment;var r="duet-editable-table duet-editable-table-content-".concat(a);if(typeof n==="string"){return h("td",{innerHTML:n,class:r,part:"".concat(a,"content"),style:{verticalAlign:i}})}else{return h("td",{class:r,part:"".concat(a,"content"),style:{verticalAlign:i}},n)}};var duetEditableTableCss=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-editable-table-actions-menu,td.duet-editable-table-actions-menu{position:relative;padding:0 !important;margin:0}.duet-editable-table-actions-menu-button{position:relative;right:-16px;float:right;padding:0}.duet-editable-table-actions-menu-icon .duet-icon{max-width:16px;max-height:16px}.duet-editable-table-row.duet-table-action-row .duet-text-right{text-align:right}.duet-editable-table-header tr .duet-editable-table-header-hidden{padding:0 !important;font-size:0;border-bottom:0}";var DuetEditableTableStyle0=duetEditableTableCss;var DuetEditableTable=function(){function e(e){var t=this;registerInstance(this,e);this.duetTableToggle=createEvent(this,"duetTableToggle",7);this.duetMenuClick=createEvent(this,"duetMenuClick",7);this.hasHeadSlotFirst=false;this.hasHeadSlotLast=false;this.hasFootSlot=false;this.sortableDefaultLabel={fi:"Järjestä",en:"Click to sort",sv:"Klicka för att sortera"};this.actionColumnLabel={en:"Actions for rows",fi:"Toiminnot rivillä",sv:"Åtgärder för rader"};this.toggleColumn=function(e,n){n.preventDefault();var a=e.sort_order,i=e.direction,r=e.index,o=e.key;t.duetTableToggle.emit({sort_order:a,index:r,direction:i,key:o,component:"duet-editable-table",originalEvent:n})};this.handleKeyDown=function(e,n){if(isKeyboardClick(n)){t.toggleColumn(e,n)}};this.language=getLanguage();this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.actions=undefined;this.columns=undefined;this.rows=undefined;this.sortable=false;this.groupId="";this.theme="";this.accessibleRole=undefined;this.hideHeadVisually=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasHeadSlotFirst=!!this.element.querySelector("[slot='thead-first']");this.hasHeadSlotLast=!!this.element.querySelector("[slot='thead-last']");this.hasFootSlot=!!this.element.querySelector("[slot='tfoot']")};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.createLabel=function(e){var t=this;var n=e.sort_order,a=e.direction,i=e.index,r=e.label;var o=getLocaleString(r);if(!this.sortable){return o}var s=function(){if(!!n&&a===1){return"action-arrow-down-small"}else if(!!n&&a===-1){return"action-arrow-up-small"}return"action-subtract-small"};return h("span",{class:"duet-table-label","data-index":i},h("duet-button",{size:"small",icon:s(),"icon-size":"medium-small","accessible-label":this.sortableDefaultLabel[this.language],variation:"plain",margin:"none","icon-right":true,onClick:function(n){return t.toggleColumn(e,n)},onKeyDown:function(n){return t.handleKeyDown(e,n)}},o))};e.prototype.getSortedColumns=function(){return __spreadArray([],this.columns,true).sort(fieldSorter(["index"]))};e.prototype.getRowSortOrder=function(){var e=__spreadArray([],this.columns,true).sort(fieldSorter(["sort_order"]));return e.filter((function(e){return e.sort_order})).map((function(e){return e.direction===-1?"-".concat(e.key):e.key}))};e.prototype.renderTableHeader=function(){var e=this;if(!this.columns){return}var t=this.getSortedColumns();return h("tr",{class:{"duet-table-action-header":!!this.actions}},t.map((function(t){if(t.display!==false){var n=e.createLabel(t);return n!==""?h("th",{scope:"col"},n):h("td",null)}})),this.actions&&h("th",{scope:"col",class:"duet-table-action-header-heading"},this.actions&&h("duet-visually-hidden",null,this.actionColumnLabel[this.language])))};e.prototype.renderActions=function(e,t){var n=this;if(!this.actions){return}return h("td",{class:"duet-text-right"},this.actions.map((function(a){return h("duet-action-button",{actionMeta:Object.assign({},(e===null||e===void 0?void 0:e.meta)||{},{index:t}),actionId:(e===null||e===void 0?void 0:e.uid)||(e===null||e===void 0?void 0:e.id)||null,actionName:a.name,theme:n.theme,iconName:a.icon,iconColor:a.color,iconSize:a.size,background:a.background,"accessible-label":"".concat(e.actionDescription||""," ").concat(getLocaleString(a.label)," ")})})))};e.prototype.renderTableBody=function(){var e=this;var t=this.getSortedColumns();var n=this.getRowSortOrder();var a=__spreadArray([],this.rows,true).sort(fieldSorter(n));return a.map((function(n,a){var i;return h("tr",{class:(i={"duet-table-action-row":!!e.actions,"duet-editable-table-row":true},i["duet-editable-table-row-".concat(e.groupId)]=true,i),"data-meta":JSON.stringify(n.meta)},t.map((function(t){var a=n[t.key]?n[t.key]:n.item;if(t.display!==false){return h(TableData,{data:a,groupId:e.groupId})}})),e.actions&&e.renderActions(n,a))}))};e.prototype.render=function(){var e;return h(Host,{key:"e0065483ff2e0a3993860c8a4d070937902722aa",class:(e={},e["duet-editable-table-".concat(this.variation)]=true,e["duet-editable-table"]=true,e["duet-editable-table-".concat(this.theme)]=true,e["duet-editable-table-scrollable"]=this.breakpoint==="none-scrollable",e["duet-editable-table-sortable"]=this.sortable,e["duet-editable-table-actions"]=!!this.actions,e["duet-m-0"]=this.margin==="none",e["duet-theme-turva"]=this.theme==="turva",e)},h("duet-table",{key:"37756309155291fdc6d3113763314f524036daba",class:"duet-editable-table-table",sticky:this.sticky,stickyDistance:this.stickyDistance,margin:this.margin,theme:this.theme,variation:this.variation,breakpoint:this.breakpoint,"hide-head-visually":this.hideHeadVisually},h("table",{key:"6ed48cc74d29b6c4110eb776fbd4b3afe494a309",role:this.accessibleRole},h("caption",{key:"54ac0fe11e3828afb9fe55efe2091c051cbf606a"},h("slot",{key:"0748c8c3a1a86c9bb2e5461bc0ae2febe813ba96",name:"tcaption"})),h("thead",{key:"70a834880f36029abaf6bd4c9b18a41445d5e42f"},this.hasHeadSlotFirst&&h("tr",{key:"f2ee281168541b6f200e49a8cf70e92c5a304207"},h("td",{key:"cf84d555a041b917cc3d16367f0def966c66575a",class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{key:"62be9b17b585a33e2ab03443c35036271077c98c",name:"thead-first"}))),this.renderTableHeader(),this.hasHeadSlotLast&&h("tr",{key:"330b1ab67298bbaf5d1e811ddd5f55d25643a85f"},h("td",{key:"0153682e3091a90a81d47e12f66cbb5eb9147f8c",class:"duet-editable-table-actions-menu",colSpan:99},h("slot",{key:"53c665398c691d197be3444a2a4f78da2b433b30",name:"thead-last"})))),h("tbody",{key:"c4de0827a831ef580cbf2b3927957aa4e0f74e6e"},this.renderTableBody()),this.hasFootSlot&&h("tfoot",{key:"b222604c1a1967cc0a214677160d02edb71f6c27"},h("tr",{key:"3a55e26899ec472bddcecf7031cd139961c9d914"},h("td",{key:"924929d81c5308e0dbde8379b3ad93afe27339ac",class:"duet-editable-table-footer-menu",colSpan:99},h("slot",{key:"f475ebbe8088e6fd696500f6bf3221ebeb0fa8e1",name:"tfoot"})))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetEditableTable.style=DuetEditableTableStyle0;var styles="\nduet-table {\n  box-sizing: border-box;\n  padding: 0;\n  margin: 0;\n  background: transparent;\n  border: 0;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  appearance: none;\n  margin-bottom: ".concat(spaceLarge," !important;\n  display: block;\n  font-variant-numeric: tabular-nums;\n\n  table,\n  thead,\n  tbody,\n  tfoot,\n  th,\n  td,\n  tr {\n    box-sizing: border-box;\n    padding: 0;\n    margin: 0;\n    background: transparent;\n    border: 0;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n  }\n\n  &.duet-m-0 {\n    margin: 0 !important;\n  }\n\n  table {\n    width: 100%;\n    font-family: ").concat(fontFamilyText,";\n    font-size: ").concat(fontSizeMedium,";\n    text-align: left;\n    border-spacing: 0;\n    border-collapse: separate;\n  }\n\n  &.duet-table-hide-head-visually.duet-table-hide-head-visually {\n    thead,\n    thead * {\n      position: absolute !important;\n      top: 0;\n      width: 1px !important;\n      height: 1px !important;\n      padding: 0 !important;\n      overflow: hidden !important;\n      clip: rect(1px, 1px, 1px, 1px) !important;\n      border: 0 !important;\n    }\n  }\n\n  &.duet-theme-turva table {\n    font-family: ").concat(fontFamilyTextTurva,";\n  }\n\n  td {\n    -webkit-hyphens: auto;\n    hyphens: auto;\n    color: ").concat(colorSecondary,";\n  }\n\n  &.duet-theme-turva td {\n    color: ").concat(colorSecondaryTurva,";\n  }\n\n  th {\n    font-weight: ").concat(fontWeightSemiBold,";\n    line-height: ").concat(lineHeightSmall,";\n    color: ").concat(colorGrayDarker,";\n    text-align: left;\n  }\n\n  &.duet-theme-turva th {\n    color: ").concat(colorGrayDarkTurva,";\n  }\n\n  tbody th {\n    font-weight: ").concat(fontWeightSemiBold,";\n    color: ").concat(colorSecondary,";\n  }\n\n  &.duet-theme-turva tbody th {\n    color: ").concat(colorSecondaryTurva,";\n  }\n\n  & .duet-table-action-row {\n    & td:last-child {\n      justify-self: end;\n      padding-right: ").concat(spaceLarge," !important;\n      white-space: nowrap;\n    }\n  }\n\n  span.duet-table-cell-heading {\n    display: none;\n  }\n}\n\n.duet-table-flattened {\n  table,\n  thead,\n  tbody,\n  tfoot,\n  th,\n  td,\n  tr {\n    display: block;\n  }\n\n  thead tr {\n    position: absolute !important;\n    top: 0;\n    width: 1px !important;\n    height: 1px !important;\n    padding: 0 !important;\n    overflow: hidden !important;\n    clip: rect(1px, 1px, 1px, 1px) !important;\n    border: 0 !important;\n  }\n\n  td {\n    line-height: ").concat(lineHeightSmall,";\n\n    &:not(:last-child) {\n      margin-bottom: ").concat(spaceMedium,";\n    }\n\n    span.duet-table-cell-heading {\n      margin-bottom: ").concat(spaceXxSmall,";\n      display: block;\n      font-size: ").concat(fontSizeMedium,";\n      font-weight: ").concat(fontWeightSemiBold,";\n      color: ").concat(colorSecondary,";\n    }\n  }\n\n  &.duet-theme-turva td span.duet-table-cell-heading {\n    color: ").concat(colorSecondaryTurva,";\n  }\n\n  tbody td,\n  tbody th,\n  tfoot td {\n    padding: 0 !important;\n    text-align: left !important;\n  }\n\n  tbody th {\n    font-weight: ").concat(fontWeightSemiBold,";\n    line-height: ").concat(lineHeightSmall,";\n    color: ").concat(colorGrayDarker,";\n    text-align: left;\n  }\n}\n\n.duet-table-sticky thead th {\n  position: sticky;\n  top: 0;\n  background: ").concat(colorGrayLightest,";\n}\n\n.duet-table-striped {\n  td,\n  th {\n    padding: ").concat(spaceLarge," !important;\n    @media ").concat(mediaQueryXSmall.replace("'","").replace("'","")," {\n      padding: ").concat(spaceLarge," ").concat(spaceSmall," !important;\n    }\n  }\n\n  tbody th {\n    background: ").concat(colorGrayLightest,";\n  }\n\n  &.duet-table-sticky {\n    thead th {\n      border-bottom: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva thead th {\n      border-bottom-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n\n  tbody:not(:first-of-type) th {\n    padding-top: calc(").concat(spaceLarge," * 2) !important;\n  }\n\n  tbody:only-of-type tr:nth-of-type(odd) {\n    background: rgba(4, 81, 128, 0.04);\n  }\n\n  &.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {\n    background: rgba(").concat(colorSecondaryTurva,", 0.04);\n  }\n\n  tbody:not(:only-of-type) tr:nth-of-type(even) {\n    background: rgba(4, 81, 128, 0.04);\n  }\n\n  &.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {\n    background: rgba(").concat(colorSecondaryTurva,", 0.04);\n  }\n\n  tfoot td {\n    border-top: 1px solid ").concat(colorGrayLight,";\n  }\n\n  &.duet-theme-turva tfoot td {\n    border-top-color: ").concat(colorGrayLightTurva,";\n  }\n\n  &.duet-table-flattened {\n    tbody:not(:first-of-type) th {\n      padding-top: ").concat(spaceLarge," !important;\n    }\n\n    tr {\n      padding: ").concat(spaceLarge," !important;\n    }\n\n    tfoot {\n      td {\n        border-top: 0;\n      }\n\n      tr {\n        border-top: 1px solid ").concat(colorGrayLight,";\n      }\n    }\n\n    &.duet-theme-turva tfoot tr {\n      border-top-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n\n.duet-table-plain, .duet-table-fixed, .duet-table-minimal {\n  th {\n    padding: ").concat(spaceMedium," !important;\n    border-bottom: 1px solid ").concat(colorGrayDarker,";\n\n    &:first-child {\n      padding-left: 0 !important;\n    }\n\n    &:last-child {\n      padding-right: 0 !important;\n    }\n  }\n\n  &.duet-theme-turva th {\n    border-bottom-color: ").concat(colorGrayDarkerTurva,";\n  }\n\n  tbody th {\n    padding-top: calc(").concat(spaceLarge," * 2) !important;\n    border-bottom-color: ").concat(colorGrayLight,";\n  }\n\n  &.duet-theme-turva tbody th {\n    border-bottom-color: ").concat(colorGrayLightTurva,";\n  }\n\n  td {\n    padding: ").concat(spaceMedium," !important;\n\n    &:first-child {\n      padding-left: 0 !important;\n    }\n\n    &:last-child {\n      padding-right: 0 !important;\n    }\n  }\n\n  tbody td {\n    border-bottom: 1px solid ").concat(colorGrayLight,";\n  }\n\n  &.duet-theme-turva tbody td {\n    border-bottom-color: ").concat(colorGrayLightTurva,";\n  }\n\n  &.duet-table-flattened {\n    tbody:first-of-type th {\n      padding-top: 0 !important;\n    }\n\n    td,\n    tbody th {\n      border-bottom: 0;\n    }\n\n    tr {\n      padding: ").concat(spaceLarge," 0 !important;\n    }\n\n    tbody th {\n      padding-top: ").concat(spaceLarge," !important;\n    }\n\n    tfoot td {\n      margin-bottom: ").concat(spaceXxSmall," !important;\n    }\n\n    tbody:not(:only-of-type) tr:first-child {\n      border-bottom: 0;\n    }\n  }\n}\n\n.duet-table-plain {\n\n  &.duet-table-flattened {\n    tbody tr {\n      border-bottom: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tbody tr {\n      border-bottom-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n\n.duet-table-minimal {\n\n  tbody tr,\n  tbody tr td {\n    vertical-align: top;\n    border-bottom: 0 none;\n  }\n\n  tbody tr:last-of-type,\n  tbody tr:last-of-type td {\n    border-bottom: 1px solid ").concat(colorGrayLight,";\n  }\n\n  &.duet-table-flattened {\n    tbody tr,\n    tbody tr td {\n      border-bottom: 0 none;\n    }\n\n    tbody tr td[data-heading]::before {\n      display: none;\n    }\n\n    tfoot {\n      border-top: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n\n.duet-table-fixed {\n\n  table {\n    table-layout: fixed;\n  }\n\n  tbody tr,\n  tbody tr td,\n  tbody tr td:first-child {\n    padding: 4px !important;\n    vertical-align: text-bottom;\n    border-bottom: 0 none;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody tr,\n  tbody tr td {\n    border-bottom: 0 none;\n  }\n\n  &:not(.duet-table-flattened) {\n    tfoot {\n      border-top: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ").concat(colorGrayLightTurva,";\n    }\n  }\n}\n.duet-table-scrollable {\n  position: relative;\n  width: 100%;\n  overflow-x: auto;\n  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;\n  background-repeat: no-repeat;\n  background-attachment: local, local, scroll, scroll;\n  background-size: 100px 100%, 100px 100%, 12px 100%, 12px 100%;\n}\n\n.duet-table-selected-column {\n  background: rgba(").concat(colorPrimary,", 0.08);\n\n  .duet-theme-turva & {\n    background: rgba(").concat(colorGrayDarkerTurva,", 0.08);\n  }\n}\n\n.duet-table-sortable {\n  tbody tr td:first-child,\n  thead tr th:first-child {\n    padding: ").concat(spaceLarge,";\n  }\n\n  &:not(.duet-table-flattened) {\n    tfoot {\n      border-top: 1px solid ").concat(colorGrayLight,";\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ").concat(colorGrayLightTurva,';\n    }\n  }\n}\n\n\n.duet-table-actions {\n  table {\n    table-layout: auto;\n  }\n\n  thead {\n    & th:last-child {\n      width: 1px;\n      white-space: nowrap;\n    }\n  }\n}\n\n.duet-editable-table-table.duet-table-flattened {\n  tr {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-auto-rows: auto;\n    gap: 10px;\n\n    &.duet-table-action-row td:last-child::before {\n      padding: 0;\n      content: "";\n    }\n  }\n\n  td {\n    grid-column: 1 / 2;\n\n    &:first-child {\n      grid-row: 1;\n      grid-column: 1;\n    }\n\n    &:last-child {\n      grid-row: 1;\n      grid-column: 2;\n    }\n  }\n}\n').replace(/[\n\r\t]/gm,"");function createStyles(e){var t=e.getRootNode();var n=t instanceof ShadowRoot;if(n){var a=new CSSStyleSheet;a.replace(styles).then((function(){t.adoptedStyleSheets.push(a)}))}else{var i=document.querySelector("style#duet-table-styles");if(i){return}var r=document.createElement("style");r.id="duet-table-styles";r.innerHTML=styles;document.head.append(r)}}var stickyTopValues={none:0,"with-links":parseFloat(sizeNavigation)*16,"without-links":parseFloat(sizeHeader)*16};var DuetTable=function(){function e(e){var t=this;registerInstance(this,e);this.headingSelector="thead tr > :not(*.duet-editable-table-actions-menu)";this.handleMediaQueryChange=function(e){t.matchesBreakpoint=breakpointTokensUpTo.includes(t.breakpoint)?!e.matches:e.matches};this.matchesBreakpoint=true;this.language=getLanguage();this.theme=undefined;this.margin="auto";this.variation="striped";this.sticky=false;this.stickyDistance="with-links";this.breakpoint="small";this.hideHeadVisually=false}e.prototype.watchLanguageStateHandler=function(e,t){var n=this;if(e!==t){setTimeout((function(){return n.copyHeadingsToCells()}),50)}};e.prototype.connectedCallback=function(){var e=this;createStyles(this.element);var t=this.breakpoint==="none"||this.breakpoint==="none-scrollable"?"all":breakpointToToken[this.breakpoint];this.mq=matchMedia(t);this.mq.addEventListener("change",debounce(this.handleMediaQueryChange,50));this.handleMediaQueryChange(this.mq);this.observer=new MutationObserver((function(){return debounce(e.copyHeadingsToCells(),50)}));this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.copyHeadingsToCells();if(this.sticky&&this.breakpoint==="none-scrollable"){console.warn('[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence')}if(this.sticky){var e=stickyTopValues[this.stickyDistance];var t=this.element.querySelectorAll(this.headingSelector);t.forEach((function(t){return t.style.top="".concat(e,"px")}))}};e.prototype.componentDidLoad=function(){this.observer?this.observer.takeRecords():null;connectLanguageChangeObserver(this)};e.prototype.disconnectedCallback=function(){this.observer.disconnect();this.observer=null;this.mq.removeListener(this.handleMediaQueryChange);this.mq=null;this.matchesBreakpoint=true;disconnectLanguageChangeObserver(this)};e.prototype.copyHeadingsToCells=function(){var e=this.element.querySelectorAll(this.headingSelector);var t=this.element.querySelectorAll("tbody tr");var n=Array.from(e).map((function(e){return e.textContent.trim()}));t.forEach((function(e){e.querySelectorAll("td").forEach((function(e,t){if(n[t]){var a=e.querySelector(".duet-table-cell-heading");if(!a||a.textContent!==n[t]){a===null||a===void 0?void 0:a.remove();var i=document.createElement("span");i.textContent=n[t];i.classList.add("duet-table-cell-heading");i.setAttribute("aria-hidden","true");i.inert=true;e.prepend(i)}}}))}))};e.prototype.render=function(){var e;return h(Host,{key:"15e609b307b99f28efe4daac634c7f978f43b1dc",class:(e={},e["duet-table-".concat(this.variation)]=true,e["duet-table-flattened"]=!this.matchesBreakpoint,e["duet-table-sticky"]=this.matchesBreakpoint&&this.sticky,e["duet-table-scrollable"]=this.breakpoint==="none-scrollable",e["duet-m-0"]=this.margin==="none",e["duet-theme-turva"]=this.theme==="turva",e["duet-table-hide-head-visually"]=this.hideHeadVisually,e)},h("slot",{key:"1af0a343ef68668f75358fdbc91a601ef62e8dd4"}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{language:["watchLanguageStateHandler"]}},enumerable:false,configurable:true});return e}();var errorCodes=[{type:"default",system_message:"unknown error",message:{fi:"Tapahtui tuntematon virhe, ole hyvä ja yritä uudelleen.",sv:"Ett okänt fel uppstod, försök igen.",en:"An unknown error occured, please try again."}},{type:"400",system_message:"Bad Request: The server could not understand the request due to invalid syntax.",message:{fi:"Tiedostoa ei hyväksytty.",sv:"Servern avvisade din fil.",en:"The server rejected your file."}},{type:"401",system_message:"Not Authenticated: The client must authenticate itself to get the requested response...",message:{fi:"Vain kirjautunut käyttäjä voi lähettää tiedostoja.",sv:"Du måste vara inloggad för att ladda upp filer.",en:"You need to be logged in to upload files."}},{type:"403",system_message:"No Access: The client does not have access rights to the content.",message:{fi:"Ei oikeuksia lähettää tiedostoja.",sv:"Du har inte rätt åtkomsträttigheter för att ladda upp filer.",en:"You do not have the correct access rights to upload files."}},{type:"413",system_message:"Payload too large",message:{fi:"Tiedosto oli liian vastaanotettavaksi.",sv:"Filen var för stor för servern att hantera.",en:"The file was to large for the server to handle."}},{type:"415",system_message:"Unsupported media type",message:{fi:"Tiedoston tyyppi oli väärä.",sv:"Servern avvisade filen eftersom den hade fel typ.",en:"The server rejected the file because it had the wrong type."}},{type:"429",system_message:"Too many request from same address",message:{fi:"Liian monta yritystä, ole hyvä ja yritä myöhemmin uudelleen.",sv:"Servern har fått många förfrågningar från dig, försök igen senare.",en:"The server has received to many request from you, please try again later."}},{type:"500",system_message:"Internal Server Error",message:{fi:"Palvelin ilmoitti tuntemattomasta virheestä ja lataus epäonnistui.",sv:"Servern rapporterade ett okänt fel och uppladdningen misslyckades.",en:"The server reported an unknown error and the upload failed."}},{type:"duet-upload-100",system_message:"File extension not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den type.",en:"You cannot upload files with that extension."}},{type:"duet-upload-001",system_message:"File transfer failed",message:{fi:"Tiedoston lähetys keskeytyi, ole hyvä ja yritä uudelleen.",sv:"Din anslutning till servern avbröts, försök igen.",en:"Your connection to the server was interrupted, try again."}},{type:"duet-upload-101",system_message:"File mimetype not allowed",message:{fi:"Tiedoston tyyppi ei ole sallittu.",sv:"Du kan inte ladda upp filer av den typ.",en:"You cannot upload files of that type."}},{type:"duet-upload-201",system_message:"File is too large",message:{fi:"Tiedosto on liian iso.",sv:"Filen är större än tillåtet.",en:"The file is larger than permitted."}},{type:"duet-upload-202",system_message:"The combined size of all files is too large",message:{fi:"Tiedostojen yhteenlaskettu koko on liian iso.",sv:"Du har nått den maximala kombinerade filstorleken.",en:"You have reached the maximum combined filesize."}},{type:"duet-upload-203",system_message:"Files to upload exceed total byte size limit",message:{fi:"Yritit lisätä tiedostoja, jotka ylittäisivät suurimman sallitun yhteenlasketun koon.",sv:"Du försökte lägga till filer som skulle överskrida den maximala kombinerade storleken.",en:"You tried to add files that would exceed the maximum combined size."}},{type:"duet-upload-301",system_message:"The maximum file limit has been reached",message:{fi:"Liitteiden maksimimäärä saavutettu.",sv:"Maximalt antal bilagor har uppnåtts.",en:"Maximum number of attachments reached."}},{type:"duet-upload-302",system_message:"Files to upload exceeds limits",message:{fi:"Et voi lähettää enempää kuin enimmäismäärän liitteitä.",sv:"Du kan inte ladda upp fler än det maximala antalet bilagor.",en:"You can't upload more than maximum number of attachments."}}];var headerAriaLabel={fi:"Liiteluettelo",sv:"Lista över bilagor",en:"Attachments list"};var UploadItemHeader=function(e){var t=e.label,n=e.categoryLabel;return h("div",{class:"items-header",tabindex:"-1","aria-label":getLocaleString(headerAriaLabel)},n&&h("duet-heading",{class:"category-header",border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(n)),h("duet-heading",{class:{"filename-header":true,"no-category":!n},border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},getLocaleString(t)))};var validateFileExtension=function(e,t){if(!t){return true}var n=e.split(".");var a=t.split(",");var i=n[n.length-1];return a.includes(i)};var validateFileMime=function(e,t){if(!t||!e){return true}var n=t.split(",");var a=false;n.forEach((function(t){var n=t.split("/");var i=e.split("/");if(n[0]===i[0]&&(n[1]===i[1]||n[1]==="*")){a=true}}));return a};var validateFileSize=function(e,t){if(!t||!e){return true}return t>=e};var validateFile=function(e,t,n){var a=t.allowedMimetypes,i=t.allowedExtensions,r=t.maxBytes;var o=false;var s=getError("default",n);if(e){var l=e.name,d=e.type,u=e.size;var h=validateFileMime(d,a);var c=i==="all"||i===""||i===" "||i===undefined?true:validateFileExtension(l.toLowerCase(),i);var f=validateFileSize(u,r);if(!h){s=getError("duet-upload-101",n)}if(!c){s=getError("duet-upload-100",n)}if(!f){s=getError("duet-upload-201",n)}o=h&&c&&f}else{o=false}return{valid:o,errorMessage:o?undefined:getLocaleString(s.message),errorSystem:o?undefined:s.system_message,errorType:o?undefined:s.type}};var validateTotalSizeIsAboveMax=function(e,t){var n=0;if(t){e.forEach((function(e){if(e.valid&&e.size){n+=e.size}}));if(n>=t){return true}}return false};var validateTotalAmountIsAboveMax=function(e,t){var n=0;if(t){e.forEach((function(e){if(e.valid){n++}}));if(n>=t){return true}}return false};var filesToUploadCountAboveMax=function(e,t,n){if(e+t>n){return true}return false};var filesToUploadTotalSizeIsAboveMax=function(e,t,n){var a=0;if(n){e.forEach((function(e){if(e.valid&&e.size){a+=e.size}}));t.forEach((function(e){if(e.size){a+=e.size}}));if(a>=n){return true}}return false};var makeXhrRequest=function(e){var t=e.payload,n=e.options,a=e.onFailure,i=e.onSuccess,r=e.onProgress;var o=n.type,s=o===void 0?"POST":o,l=n.xhr,d=n.uri,u=n.argument,h=u===void 0?null:u,c=n.headers,f=c===void 0?null:c;l.open(s,"".concat(d).concat(h||""),true);var p=t.data,b=t.name;if(f){Object.keys(f).forEach((function(e){l.setRequestHeader(e,f[e])}))}if(s==="POST"){l.onreadystatechange=function(){if(l.readyState===XMLHttpRequest.DONE&&l.status>=200&&l.status<300){i(l,b,l.status)}if(l.readyState===XMLHttpRequest.DONE&&l.status>=300&&l.status<999){a(l,b,l.status)}};r(b)}l.send(p);return l};var duetUploadCss="*,*::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}::slotted([slot=header]){margin-bottom:16px}::slotted([slot=fileheader]){margin:16px 0 0 0}::slotted([slot=filefooter]){margin-top:16px}::slotted([slot=uploadfooter]){margin-top:20px}.duet-upload{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-upload-item-size{font-size:0.75rem;font-weight:400}.duet-upload-filelist{margin-bottom:25px}.duet-upload-filelist-empty{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin:0 auto;font-size:1rem;font-weight:400;background-color:rgb(245, 248, 250)}.duet-upload-filelist-empty-label{font-size:1rem;font-weight:400}.duet-upload-editable-table-header-hidden{display:none}.duet-upload-editable-table tbody .duet-upload-editable-table-data{padding:0 !important;border:0}.duet-upload-editable-table duet-editable-table tfoot,.duet-upload-editable-table duet-editable-table thead{display:none}.duet-upload-editable-table duet-editable-table .duet-editable-table-content{padding-right:0 !important;padding-left:0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td{padding:1rem 0 !important}.duet-upload-editable-table duet-editable-table duet-table .duet-table-action-row td:last-child{padding-right:0 !important}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending{position:relative}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-progress,.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-progress{position:absolute;bottom:0;width:100%}.duet-upload-editable-table duet-editable-table .duet-editable-table-row-inprogress duet-action-button::part(button),.duet-upload-editable-table duet-editable-table .duet-editable-table-row-pending duet-action-button::part(button){border:0}duet-paragraph::part(duet-paragraph){word-break:break-word}duet-editable-table tfoot{display:none}.upload-bottom-caption{margin-top:12px;margin-bottom:16px;line-height:1.4rem}.items-header{display:none;flex-direction:row;margin-bottom:0}@media (min-width: 36em){.items-header{display:flex}}.items-header:not(:last-child),.items-header:not(:first-child){margin-top:12px}.items-header .category-header{width:35%}.items-header .filename-header{width:65%}.items-header .filename-header.no-category{width:100%}.upload-item-row{display:flex;flex-direction:column;gap:16px;align-content:center;align-items:center;padding:16px 0 16px 0;border-bottom:1px solid rgb(212, 223, 229)}@media (min-width: 36em){.upload-item-row{flex-direction:row;gap:10px}}.upload-item-row .item-categories{width:100%}@media (min-width: 36em){.upload-item-row .item-categories{width:35%}}.upload-item-row .item-name{position:relative;bottom:2px;width:100%;text-align:left}@media (min-width: 36em){.upload-item-row .item-name{width:50%}.upload-item-row .item-name.no-category{width:85%}}.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:block}@media (min-width: 36em){.upload-item-row .item-categories .heading,.upload-item-row .item-name .heading{display:none}}.upload-item-row .item-actions{width:100%;margin-left:-8px;text-align:left}@media (min-width: 36em){.upload-item-row .item-actions{width:15%;padding-top:0;margin-left:auto;text-align:right}}.upload-item-row .duet-upload-item-name duet-icon{position:relative;top:4px}.upload-item-row .duet-upload-item-name duet-progress{display:block;margin-top:16px}";var DuetUploadStyle0=duetUploadCss;var DuetUpload=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetBlur=createEvent(this,"duetBlur",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetReady=createEvent(this,"duetReady",7);this.duetDone=createEvent(this,"duetDone",3);this.duetState=createEvent(this,"duetState",3);this.duetDelete=createEvent(this,"duetDelete",3);this.duetCancel=createEvent(this,"duetCancel",3);this.duetProgress=createEvent(this,"duetProgress",3);this.duetUpload=createEvent(this,"duetUpload",3);this.linkClick=createEvent(this,"linkClick",3);this.buttonId=createID("DuetButton");this.labelId=createID("DuetLabel");this.uploadId=createID("DuetUpload");this.filesInProgress=new Map;this.fileMaxReached=false;this.bytesMaxReached=false;this.filesToUploadExceedsLimit=false;this.filesToUploadTotalSizeIsAboveMax=false;this.internalStatusMessageLabel=undefined;this.itemRefs=new Map;this.DefaultGroups={inprogress:"inprogress",success:"success",pending:"pending",failure:"failure"};this.kick=debounce((function(){t.tick=Date.now()}),30);this.categoryLabel={en:"Category",sv:"Filtyp",fi:"Tiedostotyyppi"};this.listenForActionEvents=function(){t.element.addEventListener("duetActionEvent",(function(e){var n=e.detail;var a=n.action,i=n.id,r=n.originalEvent;switch(a){case"delete":t.onDelete(i,r);break;case"cancel":t.onCancel(i,r);break}}))};this.verifyValidity=function(){var e=t.getFilesAsArray(),n=e.invalid,a=e.valid;var i=t.valid;t.valid=n.length===0&&a.length!==0;if(t.valid!==i){t.duetState.emit({originalEvent:undefined,data:{valid:t.valid,from:"componentWillRender"},component:"duet-upload"})}};this.getGroupFromItemData=function(e){if(e.valid&&e.progress===100){return t.DefaultGroups.success}else if(e.progress>0&&e.progress!==100){return t.DefaultGroups.inprogress}else if(!e.valid){return t.DefaultGroups.failure}else if(e.pending){return t.DefaultGroups.pending}else if(e.group){return e.group}else{return"none"}};this.mapFilesToUploadItems=function(e,n,a,i){if(n===t.DefaultGroups.success){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"success",data:e,showLinks:t.showLinks,linkClickEvent:t.emitEvent?t.linkClick:undefined,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(n===t.DefaultGroups.inprogress){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"inprogress",data:e,showLinks:t.showLinks,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(n===t.DefaultGroups.pending){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"pending",data:e,showLinks:t.showLinks,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(n===t.DefaultGroups.failure){return h("duet-upload-item",{theme:t.theme,actions:t.getActions(n,i),type:"failure",data:e,showLinks:t.showLinks,errorCodes:t.errorCodes,categoryLabel:t.categoryLabel,label:t.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:t.processedButtonTitles,ref:function(n){t.itemRefs.set(e.uid,n)}})}else if(e.group){return e.html}else{return"none"}};this.genHashName=function(){return Date.now().toString(36)+Math.random()};this.updateValueInMap=function(e,n,a,i){if(i===void 0){i=true}try{var r=t.files.get(e);r[n]=a;t.files.set(e,r);if(t.external&&n!=="url"){t.trackProgress(e,n==="uploaded")}}catch(e){}if(i){t.kick()}};this.updateProgress=function(e,n){var a=function(a){t.updateValueInMap(n,"progress",a);t.onProgress(n,a,e)};if(e.lengthComputable){var i=e.loaded/e.total*100;a(i)}else{console.log("cant read progress")}};this.trackProgress=function(e,n){if(n===void 0){n=false}if(n){t.filesInProgress.delete(e)}else{t.filesInProgress.set(e,"inprogress")}if(t.filesInProgress.size===0){t.onDone()}};this.getFilesAsArray=function(){var e=[];var n=[];t.files.forEach((function(t){if(t.valid&&!t.deleted){e.push(t)}else if(!t.valid&&!t.deleted){n.push(t)}}));return{valid:e,invalid:n}};this.resetFormFields=function(){t.nativeInput.value=""};this.startUpload=function(e){var n=[];for(var a=1;a<arguments.length;a++){n[a-1]=arguments[a]}return __awaiter(t,__spreadArray([e],n,true),void 0,(function(e,t){var n,a,i;if(t===void 0){t=undefined}return __generator(this,(function(r){n=this.validateTotals(),a=n.bytesMaxReached,i=n.fileMaxReached;if(a||i){this.kick();return[2]}this.metaData=t;this.nativeInput.click();this.onUpload(e,t);e.stopPropagation();e.preventDefault();return[2]}))}))};this.transferComplete=function(e){t.updateValueInMap(e,"progress",100,false);t.trackProgress(e,true)};this.transferDone=function(e,n,a){t.updateValueInMap(n,"status",a,false);t.updateValueInMap(n,"uploaded",true,false);try{var i=JSON.parse(e.response);t.updateValueInMap(n,"url",i.url)}catch(e){t.updateValueInMap(n,"url",null);console.error("Server did not respond with expected response {url: string}")}return};this.transferDoneWithFailure=function(e,n,a){try{var i=JSON.parse(e.response).error;t.updateValueInMap(n,"error",{message:i.message,type:i.type},false)}catch(e){console.error("Server did not respond with expected response error:{message: string, type: int}");t.updateValueInMap(n,"error",{type:a},false)}t.updateValueInMap(n,"valid",false,true)};this.transferFailed=function(e){t.updateValueInMap(e,"error",getI18nError("duet-upload-001",t.errorCodes))};this.transferCanceled=function(e){t.files.delete(e);t.validateTotals(e);t.kick()};this.validateTotals=function(e){var n=validateTotalSizeIsAboveMax(t.files,t.maxBytesTotal);var a=validateTotalAmountIsAboveMax(t.files,t.maxFiles);if(n&&e){t.updateValueInMap(e,"error",getI18nError("duet-upload-202",t.errorCodes),false)}if(a&&e){t.updateValueInMap(e,"error",getI18nError("duet-upload-301",t.errorCodes),false)}t.bytesMaxReached=n;t.fileMaxReached=a;return{bytesMaxReached:n,fileMaxReached:a}};this.uploadFile=function(e){var n=[];for(var a=1;a<arguments.length;a++){n[a-1]=arguments[a]}return __awaiter(t,__spreadArray([e],n,true),void 0,(function(e,t,n){var a,i,r;if(t===void 0){t=false}return __generator(this,(function(o){switch(o.label){case 0:if(!t&&this.deferUpload){this.updateValueInMap(e.item.name,"pending",true,false);this.updateValueInMap(e.item.name,"group","pending",true)}else if(t){this.updateValueInMap(e.item.name,"pending",false,false);this.updateValueInMap(e.item.name,"group",undefined,true)}o.label=1;case 1:o.trys.push([1,4,,5]);if(!(!this.deferUpload||t))return[3,3];a=new FormData;a.append("file",e.item);if(n){a.append("key",n)}a.append("uid",e.uid);a.append("name",e.item.name);a.append("metadata",JSON.stringify({uid:e.uid,url:this.uri,size:e.item.size,meta:e.meta}));i=e;return[4,this.makeXHRPostRequest(a)];case 2:i.xhr=o.sent();o.label=3;case 3:return[3,5];case 4:r=o.sent();this.updateValueInMap(e.item.name,"valid",false,false);return[3,5];case 5:return[2]}}))}))};this.uploadPendingFiles=function(){for(var e=0,n=Array.from(t.files.entries());e<n.length;e++){var a=n[e],i=a[0],r=a[1];if(r.group==="pending"&&r.pending===true){t.uploadFile(r,true,i)}}};this.getItemFromUID=function(e){for(var n=0,a=Array.from(t.files.entries());n<a.length;n++){var i=a[n],r=i[0],o=i[1];if(o.uid===e){return{value:o,key:r}}}return null};this.handleExternalUploadButton=function(e,n){if(t.externalUploadButton){if(e||n){t.externalUploadButton.disabled=true}else{t.externalUploadButton.disabled=false}}};this.onDelete=function(e,n){var a=t.getItemFromUID(e);var i=a.key;var r=t.files.get(i);t.files.delete(i);var o=t.validateTotals(),s=o.bytesMaxReached,l=o.fileMaxReached;t.handleExternalUploadButton(s,l);t.kick();t.duetDelete.emit({originalEvent:n,data:{deletion:r},component:"duet-upload"});if(!t.external&&!r.pending){t.makeXHRDeleteRequest(r)}t.resetFormFields()};this.onCancel=function(e,n){var a=t.getItemFromUID(e).key;var i=t.files.get(a);t.files.delete(a);var r=t.validateTotals(),o=r.bytesMaxReached,s=r.fileMaxReached;t.handleExternalUploadButton(o,s);if(!t.external){var l=i.xhr;if(l){l.abort()}}t.kick();t.resetFormFields();t.duetCancel.emit({originalEvent:n,data:{cancelled:i},component:"duet-upload"})};this.onUpload=function(e,n){t.duetUpload.emit({originalEvent:e,metaData:n,component:"duet-upload"})};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,component:"duet-upload"})};this.onProgress=function(e,n,a){t.duetChange.emit({originalEvent:a,data:{key:e,percentComplete:n},component:"duet-upload"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,component:"duet-upload"})};this.onReady=function(){t.duetReady.emit({component:"duet-upload"})};this.onDone=function(){t.duetDone.emit({component:"duet-upload",data:{files:t.files}})};this.filterMap=function(){var e=Array.from(t.files.values());var n=[];var a=[];var i=[];var r=[];var o=false;e.forEach((function(e){var s=t.getGroupFromItemData(e);if(e.meta&&!!e.meta.badges){o=true}if(s===t.DefaultGroups.success){r.push({uid:e.uid,data:e})}else if(s===t.DefaultGroups.inprogress){n.push({uid:e.uid,data:e})}else if(s===t.DefaultGroups.pending){i.push({uid:e.uid,data:e})}else if(s===t.DefaultGroups.failure){a.push({uid:e.uid,data:e})}else if(e.group){n.push({uid:e.uid,data:e})}}));return{pending:i,failure:a,success:r,inprogress:n,hasCategory:o}};this.getActions=function(e,t){return t.filter((function(t){return t.map.includes(e)}))};this.renderUploadedItems=function(){t.itemRefs.clear();var e=t.filterMap();var n=e.hasCategory;var a=t.hideCancelButton?t.actions.filter((function(e){return e.name!=="cancel"})):t.actions;var i=t.groups.map((function(i){var r=e[i.id];if(!(r===null||r===void 0?void 0:r.length)){return}return h(Fragment,null,!t.hideGroups&&h(UploadItemHeader,{categoryLabel:n?t.categoryLabel:undefined,label:i.label}),r.map((function(e){return t.mapFilesToUploadItems(e.data,i.id,n,a)})))}));return h(Fragment,null,t.showUploadedItemsHeader&&h(UploadItemHeader,{categoryLabel:n?t.categoryLabel:undefined,label:t.uploadedItemsHeaderLabel}),i)};this.tick=Date.now();this.accessibleActiveDescendant=undefined;this.accessibleDescribedBy=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.external=false;this.middleware=null;this.deferUpload=false;this.hideButton=false;this.actions=[{icon:"action-delete",color:"color-danger",size:"x-small",background:"gray-lightest",name:"delete",map:["success","failure"],label:{fi:"Poista tiedosto",en:"Delete the file",sv:"Ta bort filen"}},{icon:"navigation-close",color:"primary",size:"x-small",background:"gray-lightest",name:"cancel",map:["inprogress","pending"],label:{fi:"Keskeytä lähetys",en:"Cancel the upload",sv:"Stop överföringen"}}];this.uri=undefined;this.showLinks=false;this.caption=undefined;this.statusLabelDefaults={fi:{inProgress:"Lähetetään {filesUploaded}, yhteensä lähetettävänä {filesTotal}.",inProgressWithErrors:"Lähetetään {filesInProgress}, lähetetty {filesUploaded}, yhteensä lähetettävänä {filesTotal}, {filesWithErrors} epäonnistui",done:"Lähetys valmis, {filesTotal} lisätty onnistuneesti",doneWithErrors:"Lähetys valmis, {filesUploaded} lisätty onnistuneesti, {filesWithErrors} epäonnistui",files:"tiedostoa",file:"tiedosto"},sv:{inProgress:"Laddar upp {filesUploaded} av {filesTotal}",inProgressWithErrors:"Laddar upp {filesInProgress}, {filesUploaded} uppladdad av {filesTotal}, {filesWithErrors} misslyckades",done:"Uppladdningen slutförd, {filesTotal} har lagts till",doneWithErrors:"Uppladdningen slutförd, {filesUploaded} har lagts till, {filesWithErrors} misslyckades",files:"filer",file:"fil"},en:{inProgress:"Uploading {filesUploaded} of {filesTotal}",inProgressWithErrors:"Uploading {filesInProgress}, {filesUploaded} uploaded of {filesTotal}, {filesWithErrors} failed",done:"Upload completed, {filesTotal} added successfully",doneWithErrors:"Upload completed, {filesUploaded} added successfully, {filesWithErrors} failed.",files:"files",file:"file"}};this.statusMessageLabel=getLocaleString(this.statusLabelDefaults);this.buttonLabelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add an attachment"};this.buttonLabel=getLocaleString(this.buttonLabelDefaults);this.accessibleButtonLabel=undefined;this.theme="";this.disabled=false;this.identifier=undefined;this.margin="auto";this.required=false;this.alignment="middle";this.hideGroups=false;this.files=new Map;this.valid=!this.required;this.labelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add attachments"};this.label=getLocaleString(this.labelDefaults);this.descriptionDefaults={en:"You may attach the following filetypes: {filetypes} - as well as the most common video files. You can upload {maxbytestotal} of files at a time, and add up to {maxfiles} attachments at a time each no larger than {maxbytes}.",sv:"Du kan bifoga följande filtyper: {filetypes} - samt de vanligaste videofilerna. Du kan ladda upp {maxbytestotal} av filer åt gången, och lägga till upp till {maxfiles} bilagor åt gången varje inte större än {maxbytes}.",fi:"Voit liittää seuraavat tiedostotyypit: {filetypes} - sekä yleisimmät videotiedostot. Voit lähettää {maxbytestotal} tiedostoa kerrallaan, ja lisätä enintään {maxfiles} liitettä kerrallaan, jokainen enintään {maxbytes} kokoisena."};this.description=getLocaleString(this.descriptionDefaults);this.fileListEmptyDefaults={fi:"Ei vielä lisättyjä tiedostoja.",sv:"Inga filer har lagts till ännu.",en:"No files added yet."};this.fileListEmpty=getLocaleString(this.fileListEmptyDefaults);this.error="";this.errorCodes=errorCodes;this.name=undefined;this.maxBytes=2e8;this.maxBytesTotal=undefined;this.maxFiles=99;this.allowedExtensions="all";this.allowedMimetypes="";this.multiple=true;this.limitSelection=false;this.hideCancelButton=false;this.value=undefined;this.externalUploadButtonId=undefined;this.captionOnBottom=false;this.showUploadedItemsHeader=false;this.uploadedItemsHeaderLabel={fi:"Ladattu tiedosto",sv:"Lägg till en bilaga",en:"Uploaded file"};this.headerHeadingLevel="h3";this.hideHeader=false;this.emitEvent=false;this.actionButtonTitles={cancel:false,delete:false};this.renameDuplicates=false;this.groups=[{id:this.DefaultGroups.success,label:{fi:"Valmiit tiedostot",sv:"Files success",en:"Files success"}},{id:this.DefaultGroups.failure,label:{fi:"Tiedostot, joissa on virheitä",sv:"Filer med fel",en:"Files with errors"}},{id:this.DefaultGroups.inprogress,label:{fi:"Kesken olevat tiedostot",sv:"Filer inprogress",en:"Files inprogress"}},{id:this.DefaultGroups.pending,label:{en:"Files to upload",sv:"Filer att ladda",fi:"Ladattavat tiedostot"}}]}e.prototype.watchValidHandler=function(e,t){if(e!==t){this.kick()}};e.prototype.componentWillLoad=function(){if(typeof this.statusMessageLabel==="string"){this.internalStatusMessageLabel=sanitizeString(this.groups)}else{this.internalStatusMessageLabel=this.statusMessageLabel}inheritGlobalTheme(this);this.listenForActionEvents();this.onReady();this.externalUploadButton=document.querySelector("#".concat(this.externalUploadButtonId));this.processedButtonTitles=parsePossibleJSON(this.actionButtonTitles)};e.prototype.componentWillRender=function(){this.verifyValidity()};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.nativeInput){this.nativeInput.focus(e)}return[2]}))}))};e.prototype.upload=function(){return __awaiter(this,arguments,void 0,(function(e){var t,n,a;if(e===void 0){e=undefined}return __generator(this,(function(i){t=this.validateTotals(),n=t.bytesMaxReached,a=t.fileMaxReached;if(n||a){this.handleExternalUploadButton(n,a);this.kick();return[2]}this.metaData=e;this.nativeInput.click();return[2]}))}))};e.prototype.uploadPending=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.uploadPendingFiles();return[2]}))}))};e.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.kick();return[4,this.setFocus()];case 1:e.sent();return[2]}}))}))};e.prototype.getFiles=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(!this.files||this.files.size===0){return[2,false]}return[2,this.getFilesAsArray()]}))}))};e.prototype.updateValue=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(a){this.updateValueInMap(e,t,n);return[2]}))}))};e.prototype.focusActionButton=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:return[4,(t=this.itemRefs.get(e))===null||t===void 0?void 0:t.focusActionButton()];case 1:n.sent();return[2]}}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.uploadId;var n=Math.round((this.maxBytesTotal?this.maxBytesTotal:this.maxBytes*this.maxFiles)/1024/1024);var a=Math.round(this.maxBytes/1024/1024);var i=this.description.replace(/{maxfiles}/g,this.maxFiles.toString());i=i.replace(/{maxbytes}/g,"".concat(a.toString()," MB"));i=i.replace(/{maxbytestotal}/g,"".concat(n.toString()," MB"));i=i.replace(/{filetypes}/g,this.allowedExtensions.split(",").join(", "));if(this.externalUploadButton){this.externalUploadButton.accessibleLabel="".concat(this.externalUploadButton.innerText,". ").concat(i)}return h(Host,{key:"288aeb8b8850772a57e4333d8ba5b0ff15c3d7fe",class:{"duet-m-0":this.margin==="none"}},h("duet-fieldset",{key:"26201557f31b33446b6453985c8448bb29be72e9","label-heading-level":this.headerHeadingLevel,"label-hidden":this.hideHeader,label:this.label},h("slot",{key:"d7e389e3cd4bb3b8379dcc04480aba78bfbfc860",name:"header"}),!this.files.size&&h("duet-empty-state",{key:"cca76f6ea0ece55302e10f31d32214526e8c8666",id:this.labelId,part:this.identifier?"".concat(this.identifier,"-empty-state"):"duet-upload-empty-state",icon:"messaging-attachment"},h("duet-paragraph",{key:"639f5c01310f844c0a2e0704bfa4c39c893301fa",margin:"none"},this.fileListEmpty)),!!this.files.size&&h("slot",{key:"f30d995ea8304a2d355ea23b6d0018925aca336d",name:"fileheader"}),!!this.files.size&&h("duet-upload-aria-status",{key:"f64a53038b12204aa522fb6ba65171e1b4681f6a",invalid:this.getFilesAsArray().invalid.length,valid:this.getFilesAsArray().valid.length,inprogress:this.filesInProgress.size,total:this.files.size,statusMessageLabel:this.internalStatusMessageLabel}),!!this.files.size&&this.renderUploadedItems(),!!this.files.size&&h("slot",{key:"8a8900866831a642e44f58d10c5e6a580c902a41",name:"filefooter"}),h("slot",{key:"e05d622ba10f8c8403fc9694a298881c8ee80e00",name:"uploadfooter"}),this.captionOnBottom&&h("duet-caption",{key:"89ddf7c2aeaa3c4e6a55d3d2743a1d4ef5916946",margin:"none",size:"small"},h("div",{key:"663ee7410aac7691c7ecdcc47d40709011f13f75",class:"upload-bottom-caption"},i)),h("slot",{key:"2fad93888bbaff842a5e3d2e8a1324f194d3c351",name:"afterfooter"}),!this.hideButton&&h(Fragment,{key:"2f6dd6adb1749ddd99170be40ed26fb29ac43097"},h("duet-spacer",{key:"15b5257a9a586ff424c4ec3a221d87abdc411474",size:"large"}),h("duet-button",{key:"0420e40d466d4eeaed5f303e6c36f025da72bee2",id:this.buttonId,onClick:this.startUpload,"accessible-controls":t,disabled:this.fileMaxReached,"accessible-label":this.accessibleButtonLabel||"".concat(this.buttonLabel,". ").concat(i),"accessible-owns":t,size:"small",variation:"secondary",fixed:true,icon:"action-add-circle",part:this.identifier?"".concat(this.identifier,"-button-upload"):"duet-upload-button-upload"},this.buttonLabel)),(this.fileMaxReached||this.bytesMaxReached||this.filesToUploadExceedsLimit||this.filesToUploadTotalSizeIsAboveMax)&&h(Fragment,{key:"7a7dfa23e6ed1459f94635e431464e56cede465f"},h("duet-spacer",{key:"a8e54f1b3bb6a21b01b0bcdbeca209aa2b3eb1c2",size:"medium"}),h("duet-alert",{key:"c8324533e240d3c5c19d92f2476b61731c7527f3",part:this.identifier?"".concat(this.identifier,"-error-notification"):"duet-upload-error-notification"},this.fileMaxReached&&getI18nError("duet-upload-301",this.errorCodes),this.bytesMaxReached&&getI18nError("duet-upload-202",this.errorCodes),this.filesToUploadExceedsLimit&&getI18nError("duet-upload-302",this.errorCodes),this.filesToUploadTotalSizeIsAboveMax&&getI18nError("duet-upload-203",this.errorCodes))),h("duet-visually-hidden",{key:"11a0d6c9c0dc638025da4357fc1f7cea158a36a8","aria-hidden":"true"},h("input",{key:"bd2c685b5b4859881e63d9cfa71e0058aef91e97",ref:function(t){e.nativeInput=t},accept:!this.limitSelection?undefined:"".concat(this.allowedMimetypes,",").concat(this.allowedExtensions),onBlur:this.onBlur,onFocus:this.onFocus,onChange:function(t){return e.onChange(t)},type:"file",class:{"duet-upload":true},disabled:this.disabled,"aria-hidden":"true",required:this.required,name:this.name,id:this.identifier,multiple:this.multiple,tabIndex:-1}))))};e.prototype.makeXHRPostRequest=function(e){var t=this;var n=new XMLHttpRequest;var a=e.get("name");n.upload.addEventListener("progress",(function(e){t.updateProgress(e,a)}));n.upload.addEventListener("load",(function(){t.transferComplete(a)}));n.upload.addEventListener("error",(function(){t.transferFailed(a)}));n.upload.addEventListener("abort",(function(){t.transferCanceled(a)}));var i={payload:{data:e,name:a},options:{type:"POST",uri:this.uri,xhr:n,argument:null,headers:undefined},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){i=this.middleware(i)}return makeXhrRequest(i)};e.prototype.makeXHRDeleteRequest=function(e){var t=e.uid,n=e.item;var a=new XMLHttpRequest;var i={"x-fileuid":t,"x-filename":n.name};var r={payload:{data:null,name:name},options:{type:"DELETE",xhr:a,uri:this.uri,argument:"?key=".concat(t,"&name=").concat(n.name),headers:i},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};if(this.middleware){r=this.middleware(r)}return makeXhrRequest(r)};e.prototype.escapeSpecialCharacters=function(e){return(e+"").replace(/[\\"'(){}\[\]*?$^+]/g,"\\$&").replace(/\u0000/g,"\\0")};e.prototype.getRenamedFileName=function(e,t){var n=new RegExp("".concat(this.escapeSpecialCharacters(e)," \\(\\d+\\).").concat(t));var a=Array.from(this.files.entries()).map((function(e){var t=e[0],n=e[1];return t})).filter((function(a){return n.test(a)||a==="".concat(e,".").concat(t)})).sort((function(e,t){return e.split(".").slice(0,-1).join(".")>t.split(".").slice(0,-1).join(".")?1:-1})).pop().split(".").slice(0,-1).join(".");if(a===e){return"".concat(e," (1).").concat(t)}var i=parseInt(a.split("(").pop().slice(0,-1));return"".concat(e," (").concat(i+1,").").concat(t)};e.prototype.renameFiles=function(e){var t=this;return e.map((function(e){if(t.files.get(e.name)){var n=e.name.split(".");var a=n.pop();var i=n.join(".");var r=t.getRenamedFileName(i,a);return new File([e],r,{type:e.type,lastModified:e.lastModified})}else{return e}}))};e.prototype.onChange=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,a,i,r,o,s,l,d,u,h,c;return __generator(this,(function(f){switch(f.label){case 0:n=Array.from((t=this.nativeInput)===null||t===void 0?void 0:t.files);this.filesToUploadExceedsLimit=false;if(filesToUploadCountAboveMax(this.files.size,n.length,this.maxFiles)){this.filesToUploadExceedsLimit=true;this.kick();return[2]}this.filesToUploadTotalSizeIsAboveMax=false;if(filesToUploadTotalSizeIsAboveMax(this.files,n,this.maxBytesTotal)){this.filesToUploadTotalSizeIsAboveMax=true;this.kick();return[2]}if(!n)return[3,6];if(this.renameDuplicates){n=this.renameFiles(n)}a=0,i=n;f.label=1;case 1:if(!(a<i.length))return[3,6];r=i[a];o=validateFile(r,{maxBytes:this.maxBytes,allowedExtensions:this.allowedExtensions,allowedMimetypes:this.allowedMimetypes},this.errorCodes),s=o.valid,l=o.errorMessage,d=o.errorType,u=o.errorSystem;h=this.genHashName();c={uid:h,item:r,size:r.size,meta:this.metaData,uploaded:false,valid:s,error:{type:s?undefined:d,message:s?undefined:l,system_message:s?undefined:u},progress:0,deleted:false,xhr:false,url:false};this.files.set(r.name,c);if(!(s&&!this.external))return[3,3];return[4,this.uploadFile(c)];case 2:f.sent();return[3,4];case 3:if(s&&this.external){this.updateValueInMap(c.item.name,"pending",true,false);this.updateValueInMap(c.item.name,"group","pending",true)}else if(!s){this.updateValueInMap(r.name,"valid",false,true)}f.label=4;case 4:this.kick();f.label=5;case 5:a++;return[3,1];case 6:this.resetFormFields();this.metaData=undefined;this.duetChange.emit({originalEvent:e,data:{files:this.files},component:"duet-upload"});return[2]}}))}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{valid:["watchValidHandler"]}},enumerable:false,configurable:true});return e}();DuetUpload.style=DuetUploadStyle0;export{DuetEditableTable as duet_editable_table,DuetTable as duet_table,DuetUpload as duet_upload};

package/lib/esm-es5/duet-empty-state.entry.js

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-1d0b7c66.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetEmptyStateCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}";var DuetEmptyStateStyle0=duetEmptyStateCss;var DuetEmptyState=function(){function e(e){registerInstance(this,e);this.theme="";this.icon="messaging-question";this.size="medium"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{key:"993a6ef0e6325e25bb547113748f9ddb5a564561"},h("div",{key:"8a8d7bf1d9d47b9302566e1106f712a77049e1ec",class:{"duet-empty-state":true,"duet-theme-turva":this.theme==="turva","duet-is-small":this.size==="small"}},h("duet-icon",{key:"b4fc41715d1bba5aa632b7d85916997d4ec33a76",color:"currentColor",name:this.icon,size:this.size==="small"?"large":"x-large"}),h("div",{key:"2d67fc5a87eab015934a6255187312023b906128"},h("slot",{key:"66b103aa15ead0d1efeb6967798443edfc5c1d42"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetEmptyState.style=DuetEmptyStateStyle0;export{DuetEmptyState as duet_empty_state};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-4b4e4ec8.js";import{i as inheritGlobalTheme}from"./themeable-component-860041c5.js";var duetEmptyStateCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;height:100%}.duet-empty-state{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:100%;height:100%;padding:48px;color:rgb(8, 42, 77);text-align:center;background:rgb(245, 248, 250);border-radius:4px}.duet-empty-state.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}";var DuetEmptyStateStyle0=duetEmptyStateCss;var DuetEmptyState=function(){function e(e){registerInstance(this,e);this.theme="";this.icon="messaging-question";this.size="medium"}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.render=function(){return h(Host,{key:"285d5984f45086c54305c643e1974d8ff23e0207"},h("div",{key:"169b26d231a957c843b068a66511ea60f11143a3",class:{"duet-empty-state":true,"duet-theme-turva":this.theme==="turva","duet-is-small":this.size==="small"}},h("duet-icon",{key:"2a786961ff8018a43ff5ee297fca3a8ba5c0d63d",color:"currentColor",name:this.icon,size:this.size==="small"?"large":"x-large"}),h("div",{key:"d3e51fbeb20d942c4593f1eda4f704e92d481014"},h("slot",{key:"06438b354c91955053ab1fd5a4f7447673909ea6"}))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetEmptyState.style=DuetEmptyStateStyle0;export{DuetEmptyState as duet_empty_state};