@duetds/components 10.0.0-alpha.9 → 10.1.0

package/lib/duet/p-f6f6b960.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{h as t,r as e,c as i,H as a,g as n,F as s}from"./p-BhYt_2Vd.js";import{i as o}from"./p-1U75pxcR.js";import{f as d,d as r}from"./p-BlUsLmbQ.js";import{i as l}from"./p-Db8rvjPI.js";import{a as h,c as u,d as c,g as p,s as b}from"./p-ac_1YilV.js";import{o as m,p as f,q as g,r as y,u as v,v as k,w as x,x as w,y as $,z as T,A as L,B as z,C as E,j,D as M,E as S,F,G as C,a as D,s as R,H as _}from"./p-BDAqOMlM.js";import{b as U,a as P}from"./p-Bg75Vqqq.js";import{c as A}from"./p-Cfr_DJqU.js";import{p as q}from"./p-C6E9F6QT.js";import{a as W,g as B}from"./p-BtxOyTe3.js";const H=({data:e,groupId:i,alignment:a})=>{const n=`duet-editable-table duet-editable-table-content-${i}`;return"string"==typeof e?t("td",{innerHTML:e,class:n,part:`${i}content`,style:{verticalAlign:a}}):t("td",{class:n,part:`${i}content`,style:{verticalAlign:a}},e)},O=class{constructor(t){e(this,t),this.duetTableToggle=i(this,"duetTableToggle",7),this.duetMenuClick=i(this,"duetMenuClick",7),this.hasHeadSlotFirst=!1,this.hasHeadSlotLast=!1,this.hasFootSlot=!1,this.language=h(),this.margin="auto",this.variation="striped",this.sticky=!1,this.stickyDistance="with-links",this.breakpoint="small",this.actions=void 0,this.columns=void 0,this.rows=void 0,this.sortable=!1,this.groupId="",this.theme="",this.accessibleRole=void 0,this.hideHeadVisually=!1,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=(t,e)=>{e.preventDefault();const{sort_order:i,direction:a,index:n,key:s}=t;this.duetTableToggle.emit({sort_order:i,index:n,direction:a,key:s,component:"duet-editable-table",originalEvent:e})},this.handleKeyDown=(t,e)=>{l(e)&&this.toggleColumn(t,e)}}componentWillLoad(){o(this),this.hasHeadSlotFirst=!!this.element.querySelector("[slot='thead-first']"),this.hasHeadSlotLast=!!this.element.querySelector("[slot='thead-last']"),this.hasFootSlot=!!this.element.querySelector("[slot='tfoot']")}connectedCallback(){u(this)}disconnectedCallback(){c(this)}createLabel(e){const{sort_order:i,direction:a,index:n,label:s}=e,o=p(s);return this.sortable?t("span",{class:"duet-table-label","data-index":n},t("duet-button",{size:"small",icon:i&&1===a?"action-arrow-down-small":i&&-1===a?"action-arrow-up-small":"action-subtract-small","icon-size":"medium-small","accessible-label":this.sortableDefaultLabel[this.language],variation:"plain",margin:"none","icon-right":!0,onClick:t=>this.toggleColumn(e,t),onKeyDown:t=>this.handleKeyDown(e,t)},o)):o}getSortedColumns(){return[...this.columns].sort(d(["index"]))}getRowSortOrder(){return[...this.columns].sort(d(["sort_order"])).filter((t=>t.sort_order)).map((t=>-1===t.direction?`-${t.key}`:t.key))}renderTableHeader(){if(!this.columns)return;const e=this.getSortedColumns();return t("tr",{class:{"duet-table-action-header":!!this.actions}},e.map((e=>{if(!1!==e.display){const i=this.createLabel(e);return""!==i?t("th",{scope:"col"},i):t("td",null)}})),this.actions&&t("th",{scope:"col",class:"duet-table-action-header-heading"},this.actions&&t("duet-visually-hidden",null,this.actionColumnLabel[this.language])))}renderActions(e,i){if(this.actions)return t("td",{class:"duet-text-right"},this.actions.map((a=>t("duet-action-button",{actionMeta:Object.assign({},(null==e?void 0:e.meta)||{},{index:i}),actionId:(null==e?void 0:e.uid)||(null==e?void 0:e.id)||null,actionName:a.name,theme:this.theme,iconName:a.icon,iconColor:a.color,iconSize:a.size,background:a.background,"accessible-label":`${e.actionDescription||""} ${p(a.label)} `}))))}renderTableBody(){const e=this.getSortedColumns(),i=this.getRowSortOrder();return[...this.rows].sort(d(i)).map(((i,a)=>t("tr",{class:{"duet-table-action-row":!!this.actions,"duet-editable-table-row":!0,[`duet-editable-table-row-${this.groupId}`]:!0},"data-meta":JSON.stringify(i.meta)},e.map((e=>{if(!1!==e.display)return t(H,{data:i[e.key]?i[e.key]:i.item,groupId:this.groupId})})),this.actions&&this.renderActions(i,a))))}render(){return t(a,{key:"05720c6ef38164df71b02c23fb45d3d84808c2ac",class:{[`duet-editable-table-${this.variation}`]:!0,"duet-editable-table":!0,[`duet-editable-table-${this.theme}`]:!0,"duet-editable-table-scrollable":"none-scrollable"===this.breakpoint,"duet-editable-table-sortable":this.sortable,"duet-editable-table-actions":!!this.actions,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme}},t("duet-table",{key:"52033d6f9c4e8ca460bacee6e2b8ea93da3b9eb8",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},t("table",{key:"7f0689d1e576d5f0c5324715feaf21ce21c42e97",role:this.accessibleRole},t("caption",{key:"4e18555d5513dde6724a449d12030cc666937367"},t("slot",{key:"df9bcd3bde75a2669a08eb2ff0c67720750e5450",name:"tcaption"})),t("thead",{key:"efbbe81840f6e9ae9e0cc91fee5653c43181f131"},this.hasHeadSlotFirst&&t("tr",{key:"36d1a860bf16229740501f3b076b02125d1b3d85"},t("td",{key:"24c22fca3cbfef4ab9e2582cf32bf967654b8b43",class:"duet-editable-table-actions-menu",colSpan:99},t("slot",{key:"a02148a1d13dc8c3147b26da2f5aa84e3b359cdf",name:"thead-first"}))),this.renderTableHeader(),this.hasHeadSlotLast&&t("tr",{key:"7b7ab392f982f5f7ce4caa5e86f7a1062412aad2"},t("td",{key:"cd739dea8b81f3290bb86d7e977fa83d124fdd03",class:"duet-editable-table-actions-menu",colSpan:99},t("slot",{key:"068a9f86388a25ca00944d8e9ecfbed6cf0e2cfe",name:"thead-last"})))),t("tbody",{key:"f65077b6dee57c962826c459ddb044d4230753c5"},this.renderTableBody()),this.hasFootSlot&&t("tfoot",{key:"eceeface4ad0a0bbb15dc188a343291cef04ec72"},t("tr",{key:"aff41dc81c24e09a03db4742bf6d51c17b8ce937"},t("td",{key:"5d332218393462356c02ca19ff9c3398fbeb89a7",class:"duet-editable-table-footer-menu",colSpan:99},t("slot",{key:"b438187cfa67ef90452783e9522d106ecf9ab9d3",name:"tfoot"})))))))}get element(){return n(this)}};O.style=":host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.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}";const Y=t=>t.replace("rgb(","").replace(")",""),I=`\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: ${m} !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: ${f};\n    font-size: ${g};\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: ${y};\n  }\n\n  td {\n    -webkit-hyphens: auto;\n    hyphens: auto;\n    color: ${v};\n  }\n\n  &.duet-theme-turva td {\n    color: ${k};\n  }\n\n  th {\n    font-weight: ${x};\n    line-height: ${w};\n    color: ${$};\n    text-align: left;\n  }\n\n  &.duet-theme-turva th {\n    color: ${T};\n  }\n\n  tbody th {\n    font-weight: ${x};\n    color: ${v};\n  }\n\n  &.duet-theme-turva tbody th {\n    color: ${k};\n  }\n\n  & .duet-table-action-row {\n    & td:last-child {\n      justify-self: end;\n      padding-right: ${m} !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: ${w};\n\n    &:not(:last-child) {\n      margin-bottom: ${L};\n    }\n\n    span.duet-table-cell-heading {\n      margin-bottom: ${z};\n      display: block;\n      font-size: ${g};\n      font-weight: ${x};\n      color: ${v};\n    }\n  }\n\n  &.duet-theme-turva td span.duet-table-cell-heading {\n    color: ${k};\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: ${x};\n    line-height: ${w};\n    color: ${$};\n    text-align: left;\n  }\n}\n\n.duet-table-sticky thead th {\n  position: sticky;\n  top: 0;\n  z-index: $z-index-sticky;\n  background: ${E};\n}\n\n.duet-table-striped {\n  td,\n  th {\n    padding: ${m} !important;\n    @media ${j.replace("'","").replace("'","")} {\n      padding: ${m} ${M} !important;\n    }\n  }\n\n  tbody th {\n    background: ${E};\n  }\n\n  &.duet-table-sticky {\n    thead th {\n      border-bottom: 1px solid ${S};\n    }\n\n    &.duet-theme-turva thead th {\n      border-bottom-color: ${F};\n    }\n  }\n\n  tbody:not(:first-of-type) th {\n    padding-top: calc(${m} * 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(${Y(k)}, 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(${Y(k)}, 0.04);\n  }\n\n  tfoot td {\n    border-top: 1px solid ${S};\n  }\n\n  &.duet-theme-turva tfoot td {\n    border-top-color: ${F};\n  }\n\n  &.duet-table-flattened {\n    tbody:not(:first-of-type) th {\n      padding-top: ${m} !important;\n    }\n\n    tr {\n      padding: ${m} !important;\n    }\n\n    tfoot {\n      td {\n        border-top: 0;\n      }\n\n      tr {\n        border-top: 1px solid ${S};\n      }\n    }\n\n    &.duet-theme-turva tfoot tr {\n      border-top-color: ${F};\n    }\n  }\n}\n\n.duet-table-plain, .duet-table-fixed, .duet-table-minimal {\n  th {\n    padding: ${L} !important;\n    border-bottom: 1px solid ${$};\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: ${C};\n  }\n\n  tbody th {\n    padding-top: calc(${m} * 2) !important;\n    border-bottom-color: ${S};\n  }\n\n  &.duet-theme-turva tbody th {\n    border-bottom-color: ${F};\n  }\n\n  td {\n    padding: ${L} !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 ${S};\n  }\n\n  &.duet-theme-turva tbody td {\n    border-bottom-color: ${F};\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: ${m} 0 !important;\n    }\n\n    tbody th {\n      padding-top: ${m} !important;\n    }\n\n    tfoot td {\n      margin-bottom: ${z} !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 ${S};\n    }\n\n    &.duet-theme-turva tbody tr {\n      border-bottom-color: ${F};\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 ${S};\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 ${S};\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ${F};\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 ${S};\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ${F};\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(${Y(D)}, 0.08);\n\n  .duet-theme-turva & {\n    background: rgba(${Y(C)}, 0.08);\n  }\n}\n\n.duet-table-sortable {\n  tbody tr td:first-child,\n  thead tr th:first-child {\n    padding: ${m};\n  }\n\n  &:not(.duet-table-flattened) {\n    tfoot {\n      border-top: 1px solid ${S};\n    }\n\n    &.duet-theme-turva tfoot {\n      border-top-color: ${F};\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  duet-table.duet-theme-turva2 {\n    &.duet-theme-turva td {\n      color: $color-turva2-gray-900;\n    }\n\n    &.duet-theme-turva tbody th {\n      color: $color-turva2-gray-900;\n    }\n\n    &.duet-table-striped.duet-theme-turva.duet-table-sticky thead {\n      th,\n      td {\n        border-bottom-color: $color-turva-nude-100;\n      }\n    }\n\n    &.duet-table-striped.duet-theme-turva tbody:only-of-type tr:nth-of-type(odd) {\n      background: rgba($color-turva2-gray-900, 0.04);\n    }\n\n    &.duet-table-striped.duet-theme-turva tbody:not(:only-of-type) tr:nth-of-type(even) {\n      background: rgba($color-turva2-gray-900, 0.04);\n    }\n\n    &.duet-table-striped.duet-theme-turva tfoot td {\n      border-top-color: $color-turva-nude-100;\n    }\n\n    &.duet-table-striped.duet-table-flattened.duet-theme-turva tfoot tr {\n      border-top-color: $color-turva-nude-100;\n    }\n\n    &.duet-table-plain.duet-theme-turva tbody {\n      th,\n      td {\n        border-bottom-color: $color-turva-nude-100;\n      }\n    }\n\n    &.duet-table-plain.duet-theme-turva tbody td {\n      border-bottom-color: $color-turva-nude-100;\n    }\n\n    &.duet-table-plain.duet-table-flattened.duet-theme-turva tbody tr {\n      border-bottom-color: $color-turva-nude-100;\n    }\n\n    &.duet-table-minimal.duet-table-flattened.duet-theme-turva tfoot {\n      border-top-color: $color-turva-nude-100;\n    }\n\n    &.duet-table-fixed.duet-theme-turva:not(.duet-table-flattened) tfoot {\n      border-top-color: $color-turva-nude-100;\n    }\n\n    &.duet-table-sortable.duet-theme-turva:not(.duet-table-flattened) tfoot {\n      border-top-color: $color-turva-nude-100;\n    }\n  }\n}\n`.replace(/[\n\r\t]/gm,""),N={none:0,"with-links":16*parseFloat(_),"without-links":16*parseFloat(R)},V=class{constructor(t){e(this,t),this.headingSelector="thead tr > :not(*.duet-editable-table-actions-menu)",this.matchesBreakpoint=!0,this.language=h(),this.margin="auto",this.variation="striped",this.sticky=!1,this.stickyDistance="with-links",this.breakpoint="small",this.hideHeadVisually=!1,this.handleMediaQueryChange=t=>{this.matchesBreakpoint=U.includes(this.breakpoint)?!t.matches:t.matches}}watchLanguageStateHandler(t,e){t!==e&&setTimeout((()=>this.copyHeadingsToCells()),50)}connectedCallback(){!function(t){const e=t.getRootNode();if(e instanceof ShadowRoot){const t=new CSSStyleSheet;t.replace(I).then((()=>{e.adoptedStyleSheets.push(t)}))}else{if(document.querySelector("style#duet-table-styles"))return;const t=document.createElement("style");t.id="duet-table-styles",t.innerHTML=I,document.head.append(t)}}(this.element),this.mq=matchMedia("none"===this.breakpoint||"none-scrollable"===this.breakpoint?"all":P[this.breakpoint]),this.mq.addEventListener("change",r(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),this.observer=new MutationObserver((()=>r(this.copyHeadingsToCells(),50))),this.observer.observe(this.element,{childList:!0,subtree:!0})}componentWillLoad(){if(o(this),this.copyHeadingsToCells(),this.sticky&&"none-scrollable"===this.breakpoint&&console.warn('[DUET WARNING]: sticky and breakpoint="none-scrollable" are incompatible. Scrollable takes precedence'),this.sticky){const t=N[this.stickyDistance];this.element.querySelectorAll(this.headingSelector).forEach((e=>e.style.top=`${t}px`))}}componentDidLoad(){this.observer&&this.observer.takeRecords(),u(this)}disconnectedCallback(){this.observer.disconnect(),this.observer=null,this.mq.removeListener(this.handleMediaQueryChange),this.mq=null,this.matchesBreakpoint=!0,c(this)}copyHeadingsToCells(){if(["none","none-scrollable"].includes(this.breakpoint))return;const t=this.element.querySelectorAll(this.headingSelector),e=this.element.querySelectorAll("tbody tr"),i=Array.from(t).map((t=>t.textContent.trim()));e.forEach((t=>{t.querySelectorAll("td").forEach(((t,e)=>{if(i[e]){const a=t.querySelector(".duet-table-cell-heading");if(!a||a.textContent!==i[e]){null==a||a.remove();const n=document.createElement("span");n.textContent=i[e],n.classList.add("duet-table-cell-heading"),n.setAttribute("aria-hidden","true"),n.inert=!0,t.prepend(n)}}}))}))}render(){return t(a,{key:"02ed0a7f4b3c7504b0f6df2ee9e923f5afbca106",class:{[`duet-table-${this.variation}`]:!0,"duet-table-flattened":!this.matchesBreakpoint,"duet-table-sticky":this.matchesBreakpoint&&this.sticky,"duet-table-scrollable":"none-scrollable"===this.breakpoint,"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-table-hide-head-visually":this.hideHeadVisually}},t("slot",{key:"946a620f959caf19dc712844d81ebc345870757d"}))}get element(){return n(this)}static get watchers(){return{language:["watchLanguageStateHandler"]}}};var J=[{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."}}];const X={fi:"Liiteluettelo",sv:"Lista över bilagor",en:"Attachments list"},K=({label:e,categoryLabel:i})=>t("div",{class:"items-header",tabindex:"-1","aria-label":p(X)},i&&t("duet-heading",{class:"category-header",border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},p(i)),t("duet-heading",{class:{"filename-header":!0,"no-category":!i},border:"solid",color:"gray-darker",level:"h3","visual-level":"h6",weight:"semibold",margin:"none","aria-hidden":"true"},p(e))),G=(t,e,i)=>{const{allowedMimetypes:a,allowedExtensions:n,maxBytes:s}=e;let o=!1,d=W("default",i);if(t){const{name:e,type:r,size:l}=t,h=((t,e)=>{if(!e||!t)return!0;const i=e.split(",");let a=!1;return i.forEach((e=>{const i=e.split("/"),n=t.split("/");i[0]!==n[0]||i[1]!==n[1]&&"*"!==i[1]||(a=!0)})),a})(r,a),u="all"===n||""===n||" "===n||void 0===n||((t,e)=>{if(!e)return!0;const i=t.split(".");return e.split(",").includes(i[i.length-1])})(e.toLowerCase(),n),c=((t,e)=>!e||!t||e>=t)(l,s);h||(d=W("duet-upload-101",i)),u||(d=W("duet-upload-100",i)),c||(d=W("duet-upload-201",i)),o=h&&u&&c}else o=!1;return{valid:o,errorMessage:o?void 0:p(d.message),errorSystem:o?void 0:d.system_message,errorType:o?void 0:d.type}},Q=({payload:t,options:e,onFailure:i,onSuccess:a,onProgress:n})=>{const{type:s="POST",xhr:o,uri:d,argument:r=null,headers:l=null}=e;o.open(s,`${d}${r||""}`,!0);const{data:h,name:u}=t;return l&&Object.keys(l).forEach((t=>{o.setRequestHeader(t,l[t])})),"POST"===s&&(o.onreadystatechange=()=>{o.readyState===XMLHttpRequest.DONE&&o.status>=200&&o.status<300&&a(o,u,o.status),o.readyState===XMLHttpRequest.DONE&&o.status>=300&&o.status<999&&i(o,u,o.status)},n(u)),o.send(h),o},Z=class{constructor(a){e(this,a),this.duetChange=i(this,"duetChange",3),this.duetBlur=i(this,"duetBlur",7),this.duetFocus=i(this,"duetFocus",7),this.duetReady=i(this,"duetReady",7),this.duetDone=i(this,"duetDone",3),this.duetState=i(this,"duetState",3),this.duetDelete=i(this,"duetDelete",3),this.duetCancel=i(this,"duetCancel",3),this.duetProgress=i(this,"duetProgress",3),this.duetUpload=i(this,"duetUpload",3),this.linkClick=i(this,"linkClick",3),this.tick=Date.now(),this.external=!1,this.middleware=null,this.deferUpload=!1,this.hideButton=!1,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.showLinks=!1,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=p(this.statusLabelDefaults),this.buttonLabelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add an attachment"},this.buttonLabel=p(this.buttonLabelDefaults),this.accessibleButtonLabel=void 0,this.theme="",this.disabled=!1,this.margin="auto",this.required=!1,this.alignment="middle",this.hideGroups=!1,this.files=new Map,this.valid=!this.required,this.labelDefaults={fi:"Lisää liite",sv:"Lägg till en bilaga",en:"Add attachments"},this.label=p(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=p(this.descriptionDefaults),this.fileListEmptyDefaults={fi:"Ei vielä lisättyjä tiedostoja.",sv:"Inga filer har lagts till ännu.",en:"No files added yet."},this.fileListEmpty=p(this.fileListEmptyDefaults),this.error="",this.errorCodes=J,this.maxBytes=2e8,this.maxBytesTotal=void 0,this.maxFiles=99,this.allowedExtensions="all",this.allowedMimetypes="",this.multiple=!0,this.limitSelection=!1,this.hideCancelButton=!1,this.captionOnBottom=!1,this.showUploadedItemsHeader=!1,this.uploadedItemsHeaderLabel={fi:"Ladattu tiedosto",sv:"Lägg till en bilaga",en:"Uploaded file"},this.headerHeadingLevel="h3",this.hideHeader=!1,this.emitEvent=!1,this.actionButtonTitles={cancel:!1,delete:!1},this.renameDuplicates=!1,this.buttonId=A("DuetButton"),this.labelId=A("DuetLabel"),this.uploadId=A("DuetUpload"),this.filesInProgress=new Map,this.fileMaxReached=!1,this.bytesMaxReached=!1,this.filesToUploadExceedsLimit=!1,this.filesToUploadTotalSizeIsAboveMax=!1,this.internalStatusMessageLabel=void 0,this.itemRefs=new Map,this.DefaultGroups={inprogress:"inprogress",success:"success",pending:"pending",failure:"failure"},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"}}],this.kick=r((()=>{this.tick=Date.now()}),30),this.categoryLabel={en:"Category",sv:"Filtyp",fi:"Tiedostotyyppi"},this.listenForActionEvents=()=>{this.element.addEventListener("duetActionEvent",(t=>{const e=t.detail,{action:i,id:a,originalEvent:n}=e;switch(i){case"delete":this.onDelete(a,n);break;case"cancel":this.onCancel(a,n)}}))},this.verifyValidity=()=>{const{invalid:t,valid:e}=this.getFilesAsArray(),i=this.valid;this.valid=0===t.length&&0!==e.length,this.valid!==i&&this.duetState.emit({originalEvent:void 0,data:{valid:this.valid,from:"componentWillRender"},component:"duet-upload"})},this.getGroupFromItemData=t=>t.valid&&100===t.progress?this.DefaultGroups.success:t.progress>0&&100!==t.progress?this.DefaultGroups.inprogress:t.valid?t.pending?this.DefaultGroups.pending:t.group?t.group:"none":this.DefaultGroups.failure,this.mapFilesToUploadItems=(e,i,a,n)=>i===this.DefaultGroups.success?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"success",data:e,showLinks:this.showLinks,linkClickEvent:this.emitEvent?this.linkClick:void 0,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):i===this.DefaultGroups.inprogress?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"inprogress",data:e,showLinks:this.showLinks,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):i===this.DefaultGroups.pending?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"pending",data:e,showLinks:this.showLinks,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):i===this.DefaultGroups.failure?t("duet-upload-item",{theme:this.theme,actions:this.getActions(i,n),type:"failure",data:e,showLinks:this.showLinks,errorCodes:this.errorCodes,categoryLabel:this.categoryLabel,label:this.uploadedItemsHeaderLabel,showCategory:a,buttonTitles:this.processedButtonTitles,ref:t=>{this.itemRefs.set(e.uid,t)}}):e.group?e.html:"none",this.genHashName=()=>Date.now().toString(36)+Math.random(),this.updateValueInMap=(t,e,i,a=!0)=>{try{const a=this.files.get(t);a[e]=i,this.files.set(t,a),this.external&&"url"!==e&&this.trackProgress(t,"uploaded"===e)}catch(t){}a&&this.kick()},this.updateProgress=(t,e)=>{t.lengthComputable?(i=>{this.updateValueInMap(e,"progress",i),this.onProgress(e,i,t)})(t.loaded/t.total*100):console.log("cant read progress")},this.trackProgress=(t,e=!1)=>{e?this.filesInProgress.delete(t):this.filesInProgress.set(t,"inprogress"),0===this.filesInProgress.size&&this.onDone()},this.getFilesAsArray=()=>{const t=[],e=[];return this.files.forEach((i=>{i.valid&&!i.deleted?t.push(i):i.valid||i.deleted||e.push(i)})),{valid:t,invalid:e}},this.resetFormFields=()=>{this.nativeInput.value=""},this.startUpload=async(t,e)=>{const{bytesMaxReached:i,fileMaxReached:a}=this.validateTotals();i||a?this.kick():(this.metaData=e,this.nativeInput.click(),this.onUpload(t,e),t.stopPropagation(),t.preventDefault())},this.transferComplete=t=>{this.updateValueInMap(t,"progress",100,!1),this.trackProgress(t,!0)},this.transferDone=(t,e,i)=>{this.updateValueInMap(e,"status",i,!1),this.updateValueInMap(e,"uploaded",!0,!1);try{const i=JSON.parse(t.response);this.updateValueInMap(e,"url",i.url)}catch(t){this.updateValueInMap(e,"url",null),console.error("Server did not respond with expected response {url: string}")}},this.transferDoneWithFailure=(t,e,i)=>{try{const{error:i}=JSON.parse(t.response);this.updateValueInMap(e,"error",{message:i.message,type:i.type},!1)}catch(t){console.error("Server did not respond with expected response error:{message: string, type: int}"),this.updateValueInMap(e,"error",{type:i},!1)}this.updateValueInMap(e,"valid",!1,!0)},this.transferFailed=t=>{this.updateValueInMap(t,"error",B("duet-upload-001",this.errorCodes))},this.transferCanceled=t=>{this.files.delete(t),this.validateTotals(t),this.kick()},this.validateTotals=t=>{const e=((t,e)=>{let i=0;return!!(e&&(this.files.forEach((t=>{t.valid&&t.size&&(i+=t.size)})),i>=e))})(0,this.maxBytesTotal),i=((t,e)=>{let i=0;return!!(e&&(this.files.forEach((t=>{t.valid&&i++})),i>=e))})(0,this.maxFiles);return e&&t&&this.updateValueInMap(t,"error",B("duet-upload-202",this.errorCodes),!1),i&&t&&this.updateValueInMap(t,"error",B("duet-upload-301",this.errorCodes),!1),this.bytesMaxReached=e,this.fileMaxReached=i,{bytesMaxReached:e,fileMaxReached:i}},this.uploadFile=async(t,e=!1,i)=>{!e&&this.deferUpload?(this.updateValueInMap(t.item.name,"pending",!0,!1),this.updateValueInMap(t.item.name,"group","pending",!0)):e&&(this.updateValueInMap(t.item.name,"pending",!1,!1),this.updateValueInMap(t.item.name,"group",void 0,!0));try{if(!this.deferUpload||e){const e=new FormData;e.append("file",t.item),i&&e.append("key",i),e.append("uid",t.uid),e.append("name",t.item.name),e.append("metadata",JSON.stringify({uid:t.uid,url:this.uri,size:t.item.size,meta:t.meta})),t.xhr=await this.makeXHRPostRequest(e)}}catch(e){this.updateValueInMap(t.item.name,"valid",!1,!1)}},this.uploadPendingFiles=()=>{for(const[t,e]of Array.from(this.files.entries()))"pending"===e.group&&!0===e.pending&&this.uploadFile(e,!0,t)},this.getItemFromUID=t=>{for(const[e,i]of Array.from(this.files.entries()))if(i.uid===t)return{value:i,key:e};return null},this.handleExternalUploadButton=(t,e)=>{this.externalUploadButton&&(this.externalUploadButton.disabled=!(!t&&!e))},this.onDelete=(t,e)=>{const i=this.getItemFromUID(t).key,a=this.files.get(i);this.files.delete(i);const{bytesMaxReached:n,fileMaxReached:s}=this.validateTotals();this.handleExternalUploadButton(n,s),this.kick(),this.duetDelete.emit({originalEvent:e,data:{deletion:a},component:"duet-upload"}),this.external||a.pending||this.makeXHRDeleteRequest(a),this.resetFormFields()},this.onCancel=(t,e)=>{const i=this.getItemFromUID(t).key,a=this.files.get(i);this.files.delete(i);const{bytesMaxReached:n,fileMaxReached:s}=this.validateTotals();if(this.handleExternalUploadButton(n,s),!this.external){const{xhr:t}=a;t&&t.abort()}this.kick(),this.resetFormFields(),this.duetCancel.emit({originalEvent:e,data:{cancelled:a},component:"duet-upload"})},this.onUpload=(t,e)=>{this.duetUpload.emit({originalEvent:t,metaData:e,component:"duet-upload"})},this.onBlur=t=>{this.duetBlur.emit({originalEvent:t,component:"duet-upload"})},this.onProgress=(t,e,i)=>{this.duetChange.emit({originalEvent:i,data:{key:t,percentComplete:e},component:"duet-upload"})},this.onFocus=t=>{this.duetFocus.emit({originalEvent:t,component:"duet-upload"})},this.onReady=()=>{this.duetReady.emit({component:"duet-upload"})},this.onDone=()=>{this.duetDone.emit({component:"duet-upload",data:{files:this.files}})},this.filterMap=()=>{const t=Array.from(this.files.values()),e=[],i=[],a=[],n=[];let s=!1;return t.forEach((t=>{const o=this.getGroupFromItemData(t);t.meta&&t.meta.badges&&(s=!0),o===this.DefaultGroups.success?n.push({uid:t.uid,data:t}):o===this.DefaultGroups.inprogress?e.push({uid:t.uid,data:t}):o===this.DefaultGroups.pending?a.push({uid:t.uid,data:t}):o===this.DefaultGroups.failure?i.push({uid:t.uid,data:t}):t.group&&e.push({uid:t.uid,data:t})})),{pending:a,failure:i,success:n,inprogress:e,hasCategory:s}},this.getActions=(t,e)=>e.filter((e=>e.map.includes(t))),this.renderUploadedItems=()=>{this.itemRefs.clear();const e=this.filterMap(),i=e.hasCategory,a=this.hideCancelButton?this.actions.filter((t=>"cancel"!==t.name)):this.actions,n=this.groups.map((n=>{const o=e[n.id];if(null==o?void 0:o.length)return t(s,null,!this.hideGroups&&t(K,{categoryLabel:i?this.categoryLabel:void 0,label:n.label}),o.map((t=>this.mapFilesToUploadItems(t.data,n.id,i,a))))}));return t(s,null,this.showUploadedItemsHeader&&t(K,{categoryLabel:i?this.categoryLabel:void 0,label:this.uploadedItemsHeaderLabel}),n)}}watchValidHandler(t,e){t!==e&&this.kick()}componentWillLoad(){this.internalStatusMessageLabel="string"==typeof this.statusMessageLabel?b(this.groups):this.statusMessageLabel,o(this),this.listenForActionEvents(),this.onReady(),this.externalUploadButton=document.querySelector(`#${this.externalUploadButtonId}`),this.processedButtonTitles=q(this.actionButtonTitles)}componentWillRender(){this.verifyValidity()}async setFocus(t){this.nativeInput&&this.nativeInput.focus(t)}async upload(t){const{bytesMaxReached:e,fileMaxReached:i}=this.validateTotals();if(e||i)return this.handleExternalUploadButton(e,i),void this.kick();this.metaData=t,this.nativeInput.click()}async uploadPending(){this.uploadPendingFiles()}async refresh(){this.kick(),await this.setFocus()}async getFiles(){return!(!this.files||0===this.files.size)&&this.getFilesAsArray()}async updateValue(t,e,i){this.updateValueInMap(t,e,i)}async focusActionButton(t){var e;await(null===(e=this.itemRefs.get(t))||void 0===e?void 0:e.focusActionButton())}render(){const e=this.identifier||this.uploadId,i=Math.round((this.maxBytesTotal?this.maxBytesTotal:this.maxBytes*this.maxFiles)/1024/1024),n=Math.round(this.maxBytes/1024/1024);let o=this.description.replace(/{maxfiles}/g,this.maxFiles.toString());return o=o.replace(/{maxbytes}/g,`${n.toString()} MB`),o=o.replace(/{maxbytestotal}/g,`${i.toString()} MB`),o=o.replace(/{filetypes}/g,this.allowedExtensions.split(",").join(", ")),this.externalUploadButton&&(this.externalUploadButton.accessibleLabel=`${this.externalUploadButton.innerText}. ${o}`),t(a,{key:"855e27e55645747625669bf080e6f65423b9bbf0",class:{"duet-m-0":"none"===this.margin}},t("duet-fieldset",{key:"89d6b1b88260ccb7ffa2f4a3130fdf74d904e048","label-heading-level":this.headerHeadingLevel,"label-hidden":this.hideHeader,label:this.label},t("slot",{key:"10b9cdc44bd94871f538a9299ea6252f4375a864",name:"header"}),!this.files.size&&t("duet-empty-state",{key:"924905b1aafa76175b93f12dd6e7d7ac8ac5b5e3",id:this.labelId,part:this.identifier?`${this.identifier}-empty-state`:"duet-upload-empty-state",icon:"messaging-attachment"},t("duet-paragraph",{key:"f744c2afdb520cd0e69a15c0a942f6ecd8e30b75",margin:"none"},this.fileListEmpty)),!!this.files.size&&t("slot",{key:"da55dafcb732e24b895185995040decfe40382c6",name:"fileheader"}),!!this.files.size&&t("duet-upload-aria-status",{key:"199e78733f262f857124540bbd055e7c6cbcaf6a",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&&t("slot",{key:"d6327694548a1ee39188af3935c67d0a6eaead79",name:"filefooter"}),t("slot",{key:"718e1e5d1f7041d2d596ada75a717942b74999f6",name:"uploadfooter"}),this.captionOnBottom&&t("duet-caption",{key:"d15f3fd09b07de11dc1f725bc9ee344889b6445f",margin:"none",size:"small"},t("div",{key:"1e4e1c3a29338fa3339cd2de701ba3c776c1166a",class:"upload-bottom-caption"},o)),t("slot",{key:"90f1e8de4c8359df2b8dded1bf5211857ce48a79",name:"afterfooter"}),!this.hideButton&&t(s,{key:"431fb04536068eefdf974fc34f89f56e712674c9"},t("duet-spacer",{key:"c98d3f3e0f06d17b1b86ab40486a663ef8c6a75e",size:"large"}),t("duet-button",{key:"1f057848bdacb5e69ef63e2bfdc81e216271f455",id:this.buttonId,onClick:this.startUpload,"accessible-controls":e,disabled:this.fileMaxReached,"accessible-label":this.accessibleButtonLabel||`${this.buttonLabel}. ${o}`,"accessible-owns":e,size:"small",variation:"secondary",fixed:!0,icon:"action-add-circle",part:this.identifier?`${this.identifier}-button-upload`:"duet-upload-button-upload"},this.buttonLabel)),(this.fileMaxReached||this.bytesMaxReached||this.filesToUploadExceedsLimit||this.filesToUploadTotalSizeIsAboveMax)&&t(s,{key:"8169162805d7ec3a093344e09a4bd9241c1b9c58"},t("duet-spacer",{key:"0f6500a4ada6c4b3c73f6524bf224ee1d79f0ae6",size:"medium"}),t("duet-alert",{key:"8bbc63eb777fa98ff0f797d970d66835ac6155a5",part:this.identifier?`${this.identifier}-error-notification`:"duet-upload-error-notification"},this.fileMaxReached&&B("duet-upload-301",this.errorCodes),this.bytesMaxReached&&B("duet-upload-202",this.errorCodes),this.filesToUploadExceedsLimit&&B("duet-upload-302",this.errorCodes),this.filesToUploadTotalSizeIsAboveMax&&B("duet-upload-203",this.errorCodes))),t("duet-visually-hidden",{key:"5fb70459ca757cc24041ce6e01414165ba6497b5","aria-hidden":"true"},t("input",{key:"808b15c23e12cf691f85e48e1a03106409b81565",ref:t=>{this.nativeInput=t},accept:this.limitSelection?`${this.allowedMimetypes},${this.allowedExtensions}`:void 0,onBlur:this.onBlur,onFocus:this.onFocus,onChange:t=>this.onChange(t),type:"file",class:{"duet-upload":!0},disabled:this.disabled,"aria-hidden":"true",required:this.required,name:this.name,id:this.identifier,multiple:this.multiple,tabIndex:-1}))))}makeXHRPostRequest(t){const e=new XMLHttpRequest,i=t.get("name");e.upload.addEventListener("progress",(t=>{this.updateProgress(t,i)})),e.upload.addEventListener("load",(()=>{this.transferComplete(i)})),e.upload.addEventListener("error",(()=>{this.transferFailed(i)})),e.upload.addEventListener("abort",(()=>{this.transferCanceled(i)}));let a={payload:{data:t,name:i},options:{type:"POST",uri:this.uri,xhr:e,argument:null,headers:void 0},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};return this.middleware&&(a=this.middleware(a)),Q(a)}makeXHRDeleteRequest(t){const{uid:e,item:i}=t,a=new XMLHttpRequest;let n={payload:{data:null,name},options:{type:"DELETE",xhr:a,uri:this.uri,argument:`?key=${e}&name=${i.name}`,headers:{"x-fileuid":e,"x-filename":i.name}},onFailure:this.transferDoneWithFailure,onSuccess:this.transferDone,onProgress:this.trackProgress};return this.middleware&&(n=this.middleware(n)),Q(n)}escapeSpecialCharacters(t){return(t+"").replace(/[\\"'(){}\[\]*?$^+]/g,"\\$&").replace(/\u0000/g,"\\0")}getRenamedFileName(t,e){const i=new RegExp(`${this.escapeSpecialCharacters(t)} \\(\\d+\\).${e}`),a=Array.from(this.files.entries()).map((t=>{const[e,i]=t;return e})).filter((a=>i.test(a)||a===`${t}.${e}`)).sort(((t,e)=>t.split(".").slice(0,-1).join(".")>e.split(".").slice(0,-1).join(".")?1:-1)).pop().split(".").slice(0,-1).join(".");if(a===t)return`${t} (1).${e}`;const n=parseInt(a.split("(").pop().slice(0,-1));return`${t} (${n+1}).${e}`}renameFiles(t){return t.map((t=>{if(this.files.get(t.name)){const e=t.name.split("."),i=e.pop(),a=e.join("."),n=this.getRenamedFileName(a,i);return new File([t],n,{type:t.type,lastModified:t.lastModified})}return t}))}async onChange(t){var e;let i=Array.from(null===(e=this.nativeInput)||void 0===e?void 0:e.files);if(this.filesToUploadExceedsLimit=!1,this.files.size+i.length>this.maxFiles)return this.filesToUploadExceedsLimit=!0,void this.kick();if(this.filesToUploadTotalSizeIsAboveMax=!1,((t,e,i)=>{let a=0;return!!(i&&(this.files.forEach((t=>{t.valid&&t.size&&(a+=t.size)})),e.forEach((t=>{t.size&&(a+=t.size)})),a>=i))})(0,i,this.maxBytesTotal))return this.filesToUploadTotalSizeIsAboveMax=!0,void this.kick();if(i){this.renameDuplicates&&(i=this.renameFiles(i));for(const t of i){const{valid:e,errorMessage:i,errorType:a,errorSystem:n}=G(t,{maxBytes:this.maxBytes,allowedExtensions:this.allowedExtensions,allowedMimetypes:this.allowedMimetypes},this.errorCodes),s={uid:this.genHashName(),item:t,size:t.size,meta:this.metaData,uploaded:!1,valid:e,error:{type:e?void 0:a,message:e?void 0:i,system_message:e?void 0:n},progress:0,deleted:!1,xhr:!1,url:!1};this.files.set(t.name,s),e&&!this.external?await this.uploadFile(s):e&&this.external?(this.updateValueInMap(s.item.name,"pending",!0,!1),this.updateValueInMap(s.item.name,"group","pending",!0)):e||this.updateValueInMap(t.name,"valid",!1,!0),this.kick()}}this.resetFormFields(),this.metaData=void 0,this.duetChange.emit({originalEvent:t,data:{files:this.files},component:"duet-upload"})}get element(){return n(this)}static get watchers(){return{valid:["watchValidHandler"]}}};Z.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}::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;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}.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}";export{O as duet_editable_table,V as duet_table,Z as duet_upload}

package/lib/duet/p-fb4ab1f5.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as t,c as i,h as e,F as a,H as s,g as n}from"./p-BhYt_2Vd.js";import{i as o}from"./p-1U75pxcR.js";import{c as r}from"./p-Cfr_DJqU.js";import{d as h}from"./p-BlUsLmbQ.js";import{j as d,k as l,d as c,e as p,f as u,g as b,l as g,m}from"./p-Db8rvjPI.js";import{g as f,c as v,d as k}from"./p-ac_1YilV.js";import{p as y}from"./p-C6E9F6QT.js";import{b as w,a as x}from"./p-Bg75Vqqq.js";import"./p-BDAqOMlM.js";const S=class{constructor(e){t(this,e),this.duetPageChange=i(this,"duetPageChange",3),this.listId=r("duet-pagination-list"),this.processedPageLinks=null,this.numbersStore="",this.matchesCompactBreakpoint=!1,this.totalPages=10,this.internalSectionIndex=0,this.theme="",this.disabled=!1,this.variation="default",this.accessibleDescribedBy=void 0,this.accessibleDetails=void 0,this.accessibleLabelledBy=void 0,this.accessibleDescription=void 0,this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}},this.accessibleLabels=f(this.accessibleLabelsDefaults),this.take=5,this.visibleItems=5,this.total=1e3,this.compactBreakpoint="x-small",this.ariaControls="",this.current=1,this.firstRenderDone=!1,this.handleMediaQueryChange=t=>{this.matchesCompactBreakpoint=w.includes(this.compactBreakpoint)?t.matches:!t.matches},this.actionChain=async(t,i)=>{if(0===t)this.current=1;else if(t>this.totalPages)this.current=this.totalPages;else if(i!==t){const i=Math.ceil(t/this.visibleItems)-1;i!==this.internalSectionIndex&&(this.internalSectionIndex=i,await this.setFocus())}return!0},this.emitPageEvent=(t,i)=>{const e=Number(i||this.current);this.duetPageChange.emit({component:"duet-pagination",from:e*this.take,to:e*this.take+this.take,current:e,take:this.take,type:"page",originalEvent:t})},this.getEnteredNumber=h((t=>{this.emitPageEvent(t,this.numbersStore),this.current=Number(this.numbersStore),this.numbersStore="",this.duetPageChange.emit({component:"duet-pagination",from:this.current*this.take,to:this.current*this.take+this.take,current:this.current,take:this.take,type:"jump",originalEvent:t})}),500)}watchPropTotalHandler(){return this.calculatePageTake(),!0}watchStateHandler(t,i){return this.actionChain(t,i)}componentWillLoad(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1,this.calculatePageTake(),o(this),this.refresh()}componentDidLoad(){this.firstRenderDone=!0}componentWillRender(){0!==this.internalSectionIndex&&this.internalSectionIndex!==this.totalPages&&this.calculatePageTake()}componentDidRender(){this.firstRenderDone&&!this.processedPageLinks&&this.setFocus()}connectedCallback(){this.mq=matchMedia("none"===this.compactBreakpoint?"all":x[this.compactBreakpoint]),this.mq.addEventListener("change",h(this.handleMediaQueryChange,50)),this.handleMediaQueryChange(this.mq),v(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})}disconnectedCallback(){this.mq.removeEventListener("change",this.handleMediaQueryChange),this.mq=null,this.matchesCompactBreakpoint=!1,k(this)}async refresh(){this.processedPageLinks=y(this.pageLinks)}calculatePageTake(){this.totalPages=Math.ceil(this.total/this.take)}async onMouseHandler(t,i){this.disabled||(this.processedPageLinks||(t.preventDefault(),t.stopPropagation(),this.current=this.current+i),this.emitPageEvent(t))}async onKeyboardDown(t){if(this.disabled)return;let i=this.current;(c(t)||p(t))&&i--,(u(t)||b(t))&&i++,d(t)&&i<=this.totalPages&&(this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t)),l(t)&&this.shouldDisplayNavigation()&&(this.numbersStore=this.numbersStore+t.key,Number(this.numbersStore)>this.totalPages&&(this.numbersStore=this.totalPages+""),this.getEnteredNumber(t))}async setFocus(){const t=this.nativeNav.querySelector(`[data-id='${this.current}']`);t&&await t.setFocus()}pageClickHandler(t){const i=Number(t.target.getAttribute("data-id"));this.processedPageLinks||(t.preventDefault(),this.current=i),this.emitPageEvent(t,i)}selectClickHandler(t){t.preventDefault();const i=Number(t.target.value);this.current=i,this.processedPageLinks?(this.emitPageEvent(t,i-1),window.open(this.processedPageLinks[i-1],"_self","")):this.emitPageEvent(t,i)}sectionClickHandler(t,i){t.preventDefault();let e=this.internalSectionIndex+i;e*(this.take*this.visibleItems)>this.total&&(e=this.internalSectionIndex),this.internalSectionIndex=e>=0?e:0}jumpToStart(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=0,this.current=1),this.emitPageEvent(t)}jumpToEnd(t){this.processedPageLinks||(t.preventDefault(),this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1),this.current=this.totalPages),this.emitPageEvent(t)}renderPageButton(t){return e("duet-button",{disabled:this.disabled,class:{"duet-pagination-link":!0},id:`page-${t}-button`,color:t!==this.current?"turva"!==this.theme?"secondary":"secondary-turva":"turva"!==this.theme?"primary":"primary-turva","data-id":t,"center-text":!0,variation:"plain",margin:"none",accessibleLabel:`${this.accessibleLabels.go_to} ${t}`,onClick:t=>this.pageClickHandler(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[t-1]:void 0},e("div",{class:"duet-pagination-page-number","aria-hidden":!0},t))}renderPageNumbers(){const t=[];let i=this.internalSectionIndex*this.visibleItems;do{if(i++,i>this.totalPages)break;t.push(e("li",{class:{"duet-pagination-item":!0,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},this.renderPageButton(i)))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t}renderSelect(){const t=[];for(let i=1;i<=this.totalPages;i++)t.push({value:i.toString(),label:i.toString()});const i=e("duet-select",{disabled:this.disabled,theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}",`${this.totalPages}`),labelHidden:!0,onDuetChange:t=>this.selectClickHandler(t),margin:"none"});return e("li",null,i,e("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))}shouldDisplayNavigation(){return!("compact"===this.variation||this.matchesCompactBreakpoint||2*this.visibleItems>this.total/this.take)}render(){return e(s,{key:"52e784473ef29848499981e51ce1306b85a6982e",onKeyDown:t=>this.onKeyboardDown(t),class:{"duet-theme-turva":"turva"===this.theme}},e("nav",{key:"c6bb124db6d838e10370f48544b86a9f7619b0e9",role:"navigation","aria-labelledby":this.accessibleLabelledBy?`${this.accessibleLabelledBy} ${this.listId}`:this.listId,"aria-describedby":this.accessibleDescribedBy?`${this.accessibleDescribedBy} ${this.listId}`:this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:t=>this.nativeNav=t,"aria-controls":this.ariaControls,class:{"duet-pagination-nav":!0,[`duet-pagination-variation-${this.variation}`]:!0}},""!==this.numbersStore&&e("div",{key:"5796a23be63400e02cdcda3547ba16b5095efb2d","aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":`${this.accessibleLabels.jump_to} ${this.numbersStore}`,part:"navigation-overlay"},e("duet-badge",{key:"ae244394fde7f973460ad58c73b0188c2a4fac47",theme:this.theme},"jump to page : ",this.numbersStore)),e("ol",{key:"8d0eb963238e39d216193a48562142b3be082cbb",id:this.listId,class:{"duet-pagination":!0,"duet-pagination-is-dimmed":""!==this.numbersStore},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"d7e1fda8280ef37a4e6a9a035651faa3812dd609",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"286dda612fa7b6f2149f75dc57124d5eb6decdb2",disabled:0===this.internalSectionIndex&&this.current<=1||this.disabled,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,title:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),"icon-name":"action-move-to-first",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0})),e("li",{key:"7dda62b7807922dcef3cd2d16f0bc66bfe134ea4",class:{"duet-pagination-page-button":!0,"duet-pagination-button-first":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"e2274296bc1bee4ccc388c0db9bb0d93d24c835b",disabled:!!(0===this.internalSectionIndex&&this.current<=1||this.current<=1&&this.processedPageLinks||this.disabled),"data-direction":"back",onClick:t=>this.onMouseHandler(t,-1),"accessible-label":this.accessibleLabels.previous_page,title:this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current-2]:void 0})),0!==this.internalSectionIndex&&this.shouldDisplayNavigation()&&e(a,{key:"3f9b85167c0a76403aa15f29f1c1f1288ad0e4d0"},e("li",{key:"e64af2416ffc7613778f7da6cb788d4a72f4eef0",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"ed827f262c1d9672d8a0da1209d214cf0201c14c",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:"turva"!==this.theme?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:t=>this.jumpToStart(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[0]:void 0},e("div",{key:"123675ff6455a2af26041f5887226e4c0ae2e92d",class:"duet-pagination-page-number"},"1"))),e("li",{key:"937ef0dd5be48ea9cc25e0d76183cf871435fae1",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"b943f95c41d2325cbc8f4ee8654feb079f0bde26",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,-1),theme:this.theme},e("div",{key:"0abefda80e80fd7299d0e6b1a6d474f5f0a004ab",class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&e(a,{key:"20184dc0cfdf26f29d63dcfbfe1ae2c4837a56bc"},(this.internalSectionIndex+1)*this.visibleItems!=this.totalPages-1&&e("li",{key:"6bb0d7a4742be774e7b453dd091b8ec9bc4ddb68",class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},e("duet-button",{key:"5a6c286824409fc75f08fcb2c5144bbeb19d95d5",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}",`${this.visibleItems}`),onClick:t=>this.sectionClickHandler(t,1),theme:this.theme},e("div",{key:"8b8bb2c2b47d687d20e556840d5960dab27c90b6",class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),e("li",{key:"762f4434753385d3599f159d62ca921def9a18a2",class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},e("duet-button",{key:"5dd3404fa6a43253b611c8c35045041136a9241e",disabled:this.disabled,class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:"turva"!==this.theme?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.processedPageLinks.length-1]:void 0},e("div",{key:"8e3876cbbbf37cd2f2e2e3cc527b5553479b3e18",class:"duet-pagination-page-number"},this.totalPages)))),e("li",{key:"68e1f7e8c908396d2564d1fb30880d726dea24cd",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"edfe5c34fbdd5406dcb10355ef7027da35279af2",disabled:!!(this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.current===this.totalPages&&this.processedPageLinks)||this.disabled,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,title:this.accessibleLabels.next_page,onClick:t=>this.onMouseHandler(t,1),"icon-name":"action-move-to-next",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.current]:void 0})),("compact"===this.variation||this.matchesCompactBreakpoint)&&e("li",{key:"69ace8f9afc0c82112a6ac194d7fc5ef5041f179",class:{"duet-pagination-page-button":!0,"duet-pagination-button-last":!0},role:"menuitem",part:"navigation-arrow"},e("duet-action-button",{key:"8ff4d39efec69737f39608581d72bfafc174a513",disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1||this.disabled,accessibleLabel:this.accessibleLabels.last_page,title:this.accessibleLabels.last_page,onClick:t=>this.jumpToEnd(t),"icon-name":"action-move-to-last",theme:this.theme,url:this.processedPageLinks?this.processedPageLinks[this.totalPages-1]:void 0})))))}get element(){return n(this)}static get watchers(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"],pageLinks:["refresh"]}}};S.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(8, 42, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{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)}:host(.duet-theme-turva2.duet-theme-turva) .duet-pagination-total-pages{color:rgb(23, 42, 59)}';const _=class{constructor(e){t(this,e),this.duetRangeStepUpdate=i(this,"duetRangeStepUpdate",7),this.leftBn=r("duetRangeStepper-left"),this.rightBn=r("duetRangeStepper-right"),this.buttonLeftDisabled=!1,this.buttonRightDisabled=!1,this.theme="",this.disabled=!1,this.stepIndex=1,this.stepSize=50,this.total=1e3,this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}},this.ariaLabels=f(this.ariaLabelsDefaults),this.ariaControls="",this.handleClick=(t,i)=>{t.preventDefault(),this.stepIndex+=i,this.clampStepIndex(),this.handleStepClick(t)}}watchStepIndexStateHandler(t){this.leftBnRef&&this.rightBnRef&&(t<=1?(this.element===document.activeElement&&this.rightBnRef.setFocus(),this.buttonLeftDisabled=!0):this.buttonLeftDisabled=!1,t>=this.total/this.stepSize?(this.element===document.activeElement&&this.leftBnRef.setFocus(),this.buttonRightDisabled=!0):this.buttonRightDisabled=!1)}watchStepSizeStateHandler(t,i){t!==i&&(this.stepIndex*t>this.total&&(this.stepIndex=Math.ceil(this.total/t)),this.watchStepIndexStateHandler(this.stepIndex))}handleStepClick(t){this.duetRangeStepUpdate.emit({originalEvent:t,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})}componentWillLoad(){o(this),this.clampStepIndex()}componentDidLoad(){this.watchStepIndexStateHandler(this.stepIndex)}connectedCallback(){v(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})}disconnectedCallback(){k(this)}clampStepIndex(){this.stepIndex<1?this.stepIndex=1:this.stepIndex*this.stepSize>this.total&&(this.stepIndex=Math.ceil(this.total/this.stepSize))}getFrom(){return Math.floor((this.stepIndex-1)*this.stepSize)+1}getTo(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)}generateStepSize(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))}generatePreviousIncrementLabel(){return 1===this.getFrom()?"":this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))}generateNextIncrementLabel(){return this.getTo()===this.total?"":this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))}async onKeyboardDown(t){if(this.disabled)return;let i=this.stepIndex,e=1;(c(t)||p(t)||g(t))&&(i--,e=-1,this.leftBnRef.setFocus()),(u(t)||b(t)||m(t))&&(i++,e=1),d(t)&&i>0&&i*this.stepSize<=this.total&&this.handleClick(t,e)}render(){return e("div",{key:"2a89e50996cd8e4042f3346509ddfa57d0bd52f1",class:{"duet-range-stepper":!0,"duet-theme-turva":"turva"===this.theme},onKeyDown:t=>this.onKeyboardDown(t),"aria-controls":this.ariaControls},e("span",{key:"aaf1114df81cf75124d221b335b34836eab22c02",class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),e("duet-action-button",{key:"b1b61bd073925f8bb4ecbbe04a90ed652f029254",disabled:this.disabled||this.buttonLeftDisabled,class:"duet-range-step-button duet-range-step-minus",onClick:t=>this.handleClick(t,-1),id:this.leftBn,"accessible-label":`${this.ariaLabels.previous_increment} ${this.generatePreviousIncrementLabel()}`,ref:t=>this.leftBnRef=t,part:"navigation-arrow",iconName:"action-arrow-left-small",title:""}),e("duet-action-button",{key:"de3659fcb369d0501251878bf6a9edaa334893cf",disabled:this.disabled||this.buttonRightDisabled,class:"duet-range-step-button duet-range-step-plus",onClick:t=>this.handleClick(t,1),"accessible-label":`${this.ariaLabels.next_increment} ${this.generateNextIncrementLabel()}`,id:this.rightBn,ref:t=>this.rightBnRef=t,part:"navigation-arrow",iconName:"action-arrow-right-small",title:""}))}get element(){return n(this)}static get watchers(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}}};_.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(8, 42, 77)}.duet-range-stepper ::part(button){border:0}:host(.duet-theme-turva2) .duet-theme-turva .duet-range-step-counter{color:rgb(23, 42, 59)}";export{S as duet_pagination,_ as duet_range_stepper}

package/lib/duet/p-fd120a7b.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as t,H as i,g as a}from"./p-BhYt_2Vd.js";import{n as r}from"./p-vVCYtBMj.js";import{a as o}from"./p-CVPfl9fc.js";import{i as n}from"./p-1U75pxcR.js";import{g as m}from"./p-6qQ9c51e.js";import{g as s,c as u,d}from"./p-ac_1YilV.js";import"./p-DvwKrUS6.js";import"./p-DJzDRf9m.js";import"./p-C6E9F6QT.js";const c=class{constructor(t){e(this,t),this.theme="",this.active=!1,this.leadingIcon=void 0,this.trailingIcon=void 0,this.accessiblePopup="false",this.accessibleLabelExternalDefaults=o,this.accessibleLabelExternal=s(this.accessibleLabelExternalDefaults),this.external=!1}componentWillLoad(){n(this)}connectedCallback(){u(this,{prop:"accessibleLabelExternal",defaults:"accessibleLabelExternalDefaults"})}disconnectedCallback(){d(this)}async setFocus(e){setTimeout((()=>this.itemElement.focus(e)),200)}render(){const e=this.url?"a":"button";return t(i,{key:"c8f1492389226bb51cdfb54ab5262d21292a19cb",role:"listitem"},t(e,{key:"251da0ca6cb28157cb26ba5f90c770123cebc5c1",target:this.url?this.external?"_blank":"_self":null,ref:e=>this.itemElement=e,class:{"duet-menu-bar-item":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.url,role:"a"===e?"link":"button","aria-current":this.active?"true":"false","aria-label":this.url&&m(this)||this.accessibleLabel,"aria-expanded":null!=this.accessibleExpanded?this.accessibleExpanded.toString():void 0,"aria-haspopup":null!=this.accessiblePopup?this.accessiblePopup.toString():void 0,rel:this.external?"noopener":void 0},this.leadingIcon&&t("duet-icon",{key:"bc34c4cc34cd814ec124013da71d619f32986bd7",class:"leading-icon",size:"auto",name:this.leadingIcon,margin:"none",theme:this.theme,color:"currentColor"}),t("slot",{key:"a913f29ab5fd5e0f3a9aeb2115bae74b83c51a7e"}),(this.trailingIcon||this.external)&&t("duet-icon",{key:"efb44346bf1cc026263a16f0982981b6420ad298",class:{"trailing-icon":!!this.trailingIcon,"trailing-icon-arrow":"action-arrow-down-small"===this.trailingIcon,"external-icon":!!this.external,rotate:"action-arrow-down-small"===this.trailingIcon&&this.accessibleExpanded},theme:this.theme,name:this.trailingIcon?this.trailingIcon:this.external?r.title:"",margin:"none",size:"auto",color:"currentColor"})))}get element(){return a(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;height:100%}.duet-menu-bar-item{position:relative;display:flex;gap:8px;align-items:center;justify-content:center;height:100%;padding:0 12px;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:inherit;font-weight:inherit;color:inherit;text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer}.duet-menu-bar-item:focus{outline:2px solid;outline-offset:-4px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva,.duet-theme-turva2 .duet-menu-bar-item:focus,.duet-menu-bar-item:focus.duet-theme-turva2{outline:2px solid;outline-offset:-4px;outline-color:rgba(53, 79, 101, 0.8)}.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:20px;height:20px}@media (min-width: 62em){.duet-menu-bar-item .leading-icon,.duet-menu-bar-item .trailing-icon{width:16px;height:16px}}.duet-menu-bar-item .trailing-icon.trailing-icon-arrow{width:7px;height:7px}.duet-menu-bar-item .external-icon{width:10px;height:10px}.duet-menu-bar-item[aria-expanded=true]{color:rgb(0, 119, 179)}.duet-menu-bar-item[aria-expanded=true] .trailing-icon.rotate{transform:rotate(180deg)}.duet-menu-bar-item.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"}.duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item{padding:0 16px}}@media (min-width: 76.25em){.duet-menu-bar-item{padding:0 28px}}.duet-menu-bar-item.active{color:rgb(0, 119, 179)}.duet-menu-bar-item.active::after{position:absolute;top:auto;bottom:2px;left:0;z-index:1;display:block;width:100%;height:1px;content:"";background:rgb(0, 119, 179);transform:translateY(2px);transition:300ms ease}@media (min-width: 62em){.duet-menu-bar-item.active::after{z-index:auto;height:2px}}.duet-menu-bar-item.active.duet-theme-turva{color:rgb(198, 12, 48)}.duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(198, 12, 48)}@media (min-width: 62em){.duet-menu-bar-item:hover{color:rgb(0, 119, 179)}.duet-menu-bar-item:hover.duet-theme-turva{color:rgb(198, 12, 48)}}:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva[aria-expanded=true]{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva{color:rgb(230, 23, 64)}:host(.duet-theme-turva2) .duet-menu-bar-item.active.duet-theme-turva::after{background:rgb(230, 23, 64)}@media (min-width: 62em){:host(.duet-theme-turva2) .duet-menu-bar-item.duet-theme-turva:hover{color:rgb(230, 23, 64)}}';export{c as duet_menu_bar_item}

package/lib/duet/p-fe34272e.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{r as e,h as o,H as t,g as r}from"./p-BhYt_2Vd.js";import{i as a}from"./p-1U75pxcR.js";import{a as n}from"./p-Db8rvjPI.js";const d=class{constructor(o){e(this,o),this.theme="",this.targetLanguage=void 0,this.href="#",this.icon=void 0,this.active=!1}componentWillLoad(){a(this)}handleEscape(e){if(n(e)){const e=this.element.closest("duet-toolbar-dropdown");e.open=!1,e.setFocus()}}render(){return o(t,{key:"34a5369d2806e4474bbb32400d5563fddcc3590a"},o("a",{key:"b16d10c8be40329d90136c486d568fb9511524d7",class:{"duet-toolbar-dropdown-link":!0,"duet-theme-turva":"turva"===this.theme,active:this.active},href:this.href,lang:this.targetLanguage,hreflang:this.targetLanguage,role:"link menuitem","aria-label":this.accessibleLabel,"aria-current":this.active?"true":"false",onKeyUp:e=>this.handleEscape(e)},this.icon&&o("duet-icon",{key:"cce54b8721ad1d017e32ac331ebcc54d53fbd88c",name:this.icon,size:"x-small",margin:"none"}),o("span",{key:"515f4c68a3917e3403e59f938fc2a2ba296e1f63",class:"label"},o("slot",{key:"43e7eddd00dc07766e9842a4070f09e908021551"})),this.active&&o("duet-icon",{key:"e69da314290045e523944a6d3554158627151d48",name:"messaging-checked-small",size:"xx-small",margin:"none",color:"currentColor"})))}get element(){return r(this)}};d.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;width:100%;height:100%}.duet-toolbar-dropdown-link{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;height:100%;padding:0.5rem 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:1rem;font-weight:400;line-height:1.5;color:rgb(8, 42, 77);text-align:center;text-decoration:none}.duet-toolbar-dropdown-link:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva,.duet-theme-turva2 .duet-toolbar-dropdown-link:focus,.duet-toolbar-dropdown-link:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-toolbar-dropdown-link .label{flex:1;text-align:left}.duet-toolbar-dropdown-link.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-toolbar-dropdown-link.active{background:rgb(240, 247, 250)}.duet-toolbar-dropdown-link.active.duet-theme-turva{background:rgb(245, 247, 250)}.duet-toolbar-dropdown-link:hover{background:rgb(228, 241, 247)}.duet-toolbar-dropdown-link:hover.duet-theme-turva{background:rgb(222, 224, 228)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva{color:rgb(23, 42, 59)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva.active{background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-toolbar-dropdown-link.duet-theme-turva:hover{background:rgb(251, 225, 209)}';export{d as duet_toolbar_dropdown_link}

package/lib/duet/p-vVCYtBMj.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{g as a}from"./p-DvwKrUS6.js";var l,o,r=a(o?l:(o=1,l={title:"action-new-window-small",tags:"arrow open new window tab external linksquare box rectangle action small",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M10.5 2a1.5 1.5 0 0 1 .14 3H3.75c-.38 0-.7.28-.74.65l-.01.1v14.5c0 .38.28.7.65.74l.1.01h14.5c.38 0 .7-.28.74-.65l.01-.1v-6.89a1.5 1.5 0 0 1 3 0v6.89A3.75 3.75 0 0 1 18.25 24H3.75A3.75 3.75 0 0 1 0 20.25V5.75A3.75 3.75 0 0 1 3.75 2zm12-2c.78 0 1.42.6 1.5 1.36V7.5a1.5 1.5 0 0 1-3 .14V5.12l-5.44 5.44a1.5 1.5 0 0 1-2.22-2l.1-.12L18.88 3H16.5A1.5 1.5 0 0 1 15 1.64V1.5c0-.78.6-1.42 1.36-1.5h.14z"/></svg>'}));export{r as n}

package/lib/duet/p-xwlQQBxs.js

@@ -0,0 +1,4 @@
+/*!
+ * Built with Duet Design System
+ */
+import{h as o}from"./p-BhYt_2Vd.js";const s=o=>{"setFocus"in o?o.setFocus():o.focus()},t=({moveFocusTo:t})=>o("div",{class:"duet-focus-guard","aria-hidden":"true",tabIndex:0,onFocus:()=>s(t)});export{t as F,s as f}

package/lib/esm/_commonjsHelpers-DvwKrUS6.js

@@ -0,0 +1,8 @@
+/*!
+ * Built with Duet Design System
+ */
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs as g };

package/lib/esm/a11y-utils-BuWx2D09.js

@@ -0,0 +1,43 @@
+/*!
+ * Built with Duet Design System
+ */
+import { g as getElementsFromDefaultSlot } from './slot-utils-nDLvv_4O.js';
+
+function getAccessibleLinkLabel(component) {
+    const textContent = component.element.textContent;
+    if (component.accessibleLabel) {
+        return component.accessibleLabel;
+    }
+    if ((!!component.download || component.download === "") && textContent) {
+        return `${textContent}. ${component.accessibleLabelDownload}.`;
+    }
+    if (component.external && textContent) {
+        return `${textContent}. ${component.accessibleLabelExternal}.`;
+    }
+    if (getElementsFromDefaultSlot(component.element).length) {
+        return textContent;
+    }
+    return null;
+}
+/**
+ * An element that controls open/close state of a Duet component can itself be either a Duet component or an HTML element,
+ * this helper handles the setting of the relevant attributes accordingly.
+ *
+ * @param el Duet component or HTML element that is used for controlling the popup
+ * @param expanded is the controlled element open
+ * @param popup The type of the popup, defaults to "true" which equals to "menu"
+ */
+function setOpenerExpanded(el, expanded, popup = "true") {
+    const isDuetComponent = el.tagName.toLowerCase().startsWith("duet-");
+    if (isDuetComponent) {
+        const comp = el;
+        comp.accessiblePopup = popup;
+        comp.accessibleExpanded = expanded;
+    }
+    else {
+        el.setAttribute("aria-haspopup", popup);
+        el.ariaExpanded = String(!!expanded);
+    }
+}
+
+export { getAccessibleLinkLabel as g, setOpenerExpanded as s };

package/lib/esm/action-arrow-down-small-Bk3GShyI.js

@@ -0,0 +1,19 @@
+/*!
+ * Built with Duet Design System
+ */
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DvwKrUS6.js';
+
+var actionArrowDownSmall;
+var hasRequiredActionArrowDownSmall;
+
+function requireActionArrowDownSmall () {
+	if (hasRequiredActionArrowDownSmall) return actionArrowDownSmall;
+	hasRequiredActionArrowDownSmall = 1;
+	actionArrowDownSmall={"title":"action-arrow-down-small","tags":"action arrow down small caret","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M12 19.5a2.3 2.3 0 0 1-1.729-.78L.46 7.568a1.847 1.847 0 0 1 2.773-2.439l8.579 9.752a.25.25 0 0 0 .376 0l8.579-9.752a1.847 1.847 0 1 1 2.773 2.439l-9.808 11.148A2.31 2.31 0 0 1 12 19.5z\"/></svg>"};
+	return actionArrowDownSmall;
+}
+
+var actionArrowDownSmallExports = requireActionArrowDownSmall();
+var arrowDownIcon = /*@__PURE__*/getDefaultExportFromCjs(actionArrowDownSmallExports);
+
+export { arrowDownIcon as a };

package/lib/esm/action-new-window-small-EH8_HdAm.js

@@ -0,0 +1,19 @@
+/*!
+ * Built with Duet Design System
+ */
+import { g as getDefaultExportFromCjs } from './_commonjsHelpers-DvwKrUS6.js';
+
+var actionNewWindowSmall;
+var hasRequiredActionNewWindowSmall;
+
+function requireActionNewWindowSmall () {
+	if (hasRequiredActionNewWindowSmall) return actionNewWindowSmall;
+	hasRequiredActionNewWindowSmall = 1;
+	actionNewWindowSmall={"title":"action-new-window-small","tags":"arrow open new window tab external linksquare box rectangle action small","svg":"<svg fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" role=\"img\"><path d=\"M10.5 2a1.5 1.5 0 0 1 .14 3H3.75c-.38 0-.7.28-.74.65l-.01.1v14.5c0 .38.28.7.65.74l.1.01h14.5c.38 0 .7-.28.74-.65l.01-.1v-6.89a1.5 1.5 0 0 1 3 0v6.89A3.75 3.75 0 0 1 18.25 24H3.75A3.75 3.75 0 0 1 0 20.25V5.75A3.75 3.75 0 0 1 3.75 2zm12-2c.78 0 1.42.6 1.5 1.36V7.5a1.5 1.5 0 0 1-3 .14V5.12l-5.44 5.44a1.5 1.5 0 0 1-2.22-2l.1-.12L18.88 3H16.5A1.5 1.5 0 0 1 15 1.64V1.5c0-.78.6-1.42 1.36-1.5h.14z\"/></svg>"};
+	return actionNewWindowSmall;
+}
+
+var actionNewWindowSmallExports = requireActionNewWindowSmall();
+var newWindowIcon = /*@__PURE__*/getDefaultExportFromCjs(actionNewWindowSmallExports);
+
+export { newWindowIcon as n };

package/lib/esm/{app-globals-e00fbe9c.js → app-globals-DRDLN5wE.js}

@@ -1,7 +1,7 @@
 /*!
  * Built with Duet Design System
  */
-import './index-1a6cee61.js';
+import './index-BhYt_2Vd.js';
 
 const setupLoggers = () => {
     {
@@ -19,7 +19,7 @@ const setupLoggers = () => {
     }
 };
 
-const appGlobalScript = () => {
+var appGlobalScript = () => {
     setupLoggers();
 };
 

package/lib/esm/common-strings-CVPfl9fc.js

@@ -0,0 +1,53 @@
+/*!
+ * Built with Duet Design System
+ */
+const DuetStringsDownloadLinkDefaults = {
+    fi: "Linkki tallennetaan laitteellesi",
+    sv: "Nedladdningslänk",
+    en: "Download link",
+};
+const DuetStringsExternalDefaults = {
+    fi: "Avautuu uuteen ikkunaan",
+    sv: "Öppnas i nytt fönster",
+    en: "Opens in a new window",
+};
+const DuetStringsLoadingDefaults = {
+    fi: "Ladataan",
+    sv: "Laddas",
+    en: "Loading…",
+};
+const DuetStringsPleaseWaitDefaults = {
+    fi: "Odota, ole hyvä.",
+    sv: "Vänligen vänta.",
+    en: "Please wait.",
+};
+const DuetStringsListStepOfTotal = {
+    fi: "Lista jossa {total} kohtaa. Olet kohdassa {current}.",
+    en: "List with {total} steps. You are on step {current}.",
+    sv: "Lista med {total} steg. Du är på steg {current}.",
+};
+const DuetStatusLabels = {
+    default: {
+        fi: "Huomaa",
+        en: "Please note",
+        sv: "Observera",
+    },
+    // For success status there is no generally suitable label, so we use empty string
+    success: {
+        fi: "",
+        en: "",
+        sv: "",
+    },
+    danger: {
+        fi: "Tärkeä varoitus",
+        en: "Important warning",
+        sv: "Viktig varning",
+    },
+    warning: {
+        fi: "Varoitus",
+        en: "Warning",
+        sv: "Varning",
+    },
+};
+
+export { DuetStatusLabels as D, DuetStringsExternalDefaults as a, DuetStringsPleaseWaitDefaults as b, DuetStringsLoadingDefaults as c, DuetStringsListStepOfTotal as d, DuetStringsDownloadLinkDefaults as e };

package/lib/esm/duet-action-button.entry.js

@@ -1,62 +1,119 @@
 /*!
  * Built with Duet Design System
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1a6cee61.js';
-import { i as inheritGlobalTheme } from './themeable-component-860041c5.js';
-import { c as createID } from './create-id-149a1b6d.js';
-import { d as debounce } from './js-utils-9b9e0039.js';
-import { i as isKeyboardClick } from './keyboard-utils-daf80d44.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-8a9d5323.js';
-import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-b9ba8c5e.js';
-import './string-utils-192eb3c8.js';
-import './tokens.module-2d02f5ff.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BhYt_2Vd.js';
+import { i as inheritGlobalTheme } from './themeable-component-C0nhBgYw.js';
+import { c as createID } from './create-id-Cfr_DJqU.js';
+import { d as debounce } from './js-utils-BlUsLmbQ.js';
+import { i as isKeyboardClick } from './keyboard-utils-Db8rvjPI.js';
+import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './language-utils-D2jecvOr.js';
+import { c as capitalizeFirstLetter, g as getColorByName, s as shadeRGBColor } from './token-utils-Dks4GBDa.js';
+import './string-utils-C6E9F6QT.js';
+import './tokens.module-BDAqOMlM.js';
 
-const duetActionButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:focus{outline:0;box-shadow:0 0 0 2px #0077b3 !important}.duet-action-button:focus.duet-theme-turva{box-shadow:0 0 0 2px #171c3a !important}.duet-action-button:active:focus{background:#dddfe1 !important;box-shadow:none}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}";
-const DuetActionButtonStyle0 = duetActionButtonCss;
+const duetActionButtonCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0}:host{box-sizing:border-box;padding:0;margin:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:transparent;border:0;display:inline-block;margin:0 auto}.duet-action-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:auto !important;padding:0 !important;margin:0 0 0 8px;color:rgb(8, 42, 77);white-space:nowrap;cursor:pointer;background:rgb(245, 248, 250);border-radius:50%;transition:background-color 300ms ease !important}.duet-action-button:focus{outline:2px solid;outline-offset:2px;outline-color:rgba(0, 119, 179, 0.8)}.duet-theme-turva .duet-action-button:focus,.duet-action-button:focus.duet-theme-turva,.duet-theme-turva2 .duet-action-button:focus,.duet-action-button:focus.duet-theme-turva2{outline:2px solid;outline-offset:2px;outline-color:rgba(53, 79, 101, 0.8)}.duet-action-button.duet-theme-turva{color:rgb(23, 28, 58);background:rgb(245, 247, 250)}.duet-action-button duet-icon{display:block}@media (max-width: 35.9375em){.duet-action-button{width:32px;height:32px}}.duet-action-button:not(:disabled):hover{background:#e9ecee}.duet-action-button:not(:disabled):hover.duet-theme-turva{background:#e9ebee}.duet-action-button:active:focus{background:#dddfe1 !important}.duet-action-button:active:focus.duet-theme-turva{background:#dddee1 !important}.duet-action-button:disabled{color:rgb(127, 150, 165);cursor:default;background:rgb(245, 248, 250);opacity:0.75}.duet-action-button.duet-theme-turva:disabled{color:rgb(143, 147, 158);background:rgb(245, 247, 250)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva{color:rgb(23, 42, 59);background:rgb(253, 247, 242)}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:not(:disabled):hover{background:#f0ebe6}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:active:focus{background:#e4deda !important}:host(.duet-theme-turva2) .duet-action-button.duet-theme-turva:disabled{color:rgb(120, 145, 164);background:rgb(245, 246, 247)}";
 
 const DuetActionButton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.duetActionEvent = createEvent(this, "duetActionEvent", 6);
         this.listId = createID("duet-action-button");
+        this.numbersStore = "";
         /**
-         * Private methods.
+         * Theme of the pagination.
          */
-        //helper to emit relevant page events
-        this.emitPageEvent = debounce(e => {
-            this.duetActionEvent.emit({
-                component: "duet-action-button",
-                originalEvent: e,
-                action: this.actionId,
-                name: this.actionName,
-                meta: this.actionMeta,
-                id: this.listId,
-            });
-        });
-        this.numbersStore = "";
         this.theme = "";
+        /**
+         * Name of the icon to display
+         */
         this.iconName = "action-arrow-left-small";
+        /**
+         * Color of the icon to display
+         */
         this.iconColor = "currentColor";
+        /**
+         * Size of the icon
+         */
         this.iconSize = "xx-small";
-        this.actionName = undefined;
+        /**
+         * Name of id of action that was called being called
+         */
         this.actionId = undefined;
+        /**
+         * Name of id of action that was called being called
+         */
         this.actionMeta = undefined;
+        /**
+         * Disables the button
+         */
         this.disabled = false;
+        /**
+         * Custom color to be used for the icon, as a design token entered in camelCase
+         * or kebab-case. Example: "color-primary". This property can also be set to
+         * "currentColor" which forces the icon to use the CSS text color of parent
+         * element instead. Useful when you want to control the color in stylesheet
+         * instead.
+         */
         this.color = "";
+        /**
+         * Custom color to be used for a background, as a design token entered
+         * in camelCase or kebab-case. Using this option the icon will always be resized
+         * to $size-icon-medium on mobile viewports. Example: "color-primary".
+         */
         this.background = "";
+        /**
+         * Title of the action button (shows as DOM tooltip when hovering)
+         * if set to true, this will try to add a best-guess title based on action-name
+         * if set to a string the string is used
+         * if set to false nothing is set
+         */
         this.accessibleTitle = true;
+        /**
+         * Described By id
+         */
         this.accessibleDescribedBy = undefined;
+        /**
+         * Details of the component
+         */
         this.accessibleDetails = undefined;
+        /**
+         * String of id's that indicate alternative labels elements
+         */
         this.accessibleLabelledBy = undefined;
+        /**
+         * Aria description the button
+         */
         this.accessibleDescription = undefined;
+        /**
+         * Default accessible label
+         */
         this.accessibleLabelsDefaults = {
             en: "Click to activate action",
             fi: "Klikkaa aktivoidaksesi toiminto",
             sv: "Klicka för att aktivera åtgärd",
         };
+        /**
+         * Accessible label
+         */
         this.accessibleLabel = getLocaleString(this.accessibleLabelsDefaults);
+        /**
+         * Used to indicate which dom element with ID this element controls
+         */
         this.accessibleControls = "";
-        this.url = undefined;
+        /**
+         * Private methods.
+         */
+        //helper to emit relevant page events
+        this.emitPageEvent = debounce(e => {
+            this.duetActionEvent.emit({
+                component: "duet-action-button",
+                originalEvent: e,
+                action: this.actionId,
+                name: this.actionName,
+                meta: this.actionMeta,
+                id: this.listId,
+            });
+        });
     }
     //handle a11y keyboard navigation events
     async onKeyboardDown(e) {
@@ -154,6 +211,6 @@ const DuetActionButton = class {
     }
     get element() { return getElement(this); }
 };
-DuetActionButton.style = DuetActionButtonStyle0;
+DuetActionButton.style = duetActionButtonCss;
 
 export { DuetActionButton as duet_action_button };