npm - @duetds/components - Versions diffs - 10.0.0-alpha.4 → 10.0.0-alpha.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (596) hide show

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

@@ -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-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};
+ */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement}from"./index-df3d13a5.js";import{D as DuetInternalLabel}from"./label-f5b3e61c.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-a784b6e8.js";import{g as getLocaleString,a as getLanguage,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-0da69172.js";import{c as checkNamedSlotElement,p as proxyInputToSlot}from"./slot-utils-82ed2032.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 CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-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};
+import{r as registerInstance,h,g as getElement,H as Host}from"./index-df3d13a5.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 CHANGED Viewed

@@ -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{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-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};
+ */import{h,r as registerInstance,c as createEvent,H as Host,g as getElement,F as Fragment}from"./index-df3d13a5.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-0da69172.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-6664168c.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 CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-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};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-df3d13a5.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};