@duetds/components 9.0.2 → 9.1.0

package/lib/dist-custom-elements/p-fd50fe15.js

@@ -1,192 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h, d as Host } from './p-a32bc785.js';
-import { a as media_query_large, m as media_query_medium, b as media_query_small } from './p-d5c03b61.js';
-import { w as watchForOptions, a as watchForElement } from './p-7d8a2628.js';
-
-const duetGridCss = ".sc-duet-grid-h {\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-grid-variation-flex.sc-duet-grid-h {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n@media (max-width: 22.5em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h {\n  flex-wrap: wrap !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h {\n  justify-content: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h {\n  justify-content: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h {\n  justify-content: center !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h {\n  justify-content: space-between !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h {\n  justify-content: space-around !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h {\n  justify-content: space-evenly !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    text-align: left !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h {\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid {\n    text-align: center !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h {\n    align-items: flex-end !important;\n    justify-content: flex-end !important;\n    text-align: right !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid {\n    text-align: right !important;\n  }\n}\n\n.duet-grid-variation-grid.sc-duet-grid-h {\n  display: grid;\n  grid-template-rows: repeat(1, 1fr);\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n  align-items: flex-start;\n  justify-content: center;\n  margin: 0 20px;\n  container-type: inline-size;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    gap: 24px;\n    margin: 0 40px;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(8, 55px);\n    gap: 24px 32px;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    margin: 0 64px;\n  }\n}\n@media (min-width: 76.25em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, 55px);\n    gap: 40px;\n    margin: 0 auto;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 3/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 2/span 10;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 12;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 9/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 7/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 5/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 9/span 4;\n  }\n}\n.duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 12px;\n  margin: 0;\n  \n  \n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n    gap: 16px;\n  }\n}\n@container (min-width: 664px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 1100px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}";
-const DuetGridStyle0 = duetGridCss;
-
-function isGridItem(element) {
-    return element.tagName.toLowerCase() === "duet-grid-item";
-}
-const DuetGrid = /*@__PURE__*/ proxyCustomElement(class DuetGrid extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.mql = [
-            window.matchMedia(media_query_large.replace(/'/g, "")),
-            window.matchMedia(media_query_medium.replace(/'/g, "")),
-            window.matchMedia(media_query_small.replace(/'/g, "")),
-        ];
-        this.distributeFormElement = false;
-        this.responsive = false;
-        this.breakpoint = "small";
-        this.direction = "horizontal";
-        this.rowReverse = false;
-        this.alignment = "top";
-        this.distribution = "default";
-        this.mobile = "";
-        this.gridTemplate = null;
-    }
-    /**
-     * Private functions
-     */
-    /**
-     * Returns the element height including margins
-     * @param element - element
-     * @returns {number}
-     */
-    outerHeight(element) {
-        const height = element.offsetHeight, style = window.getComputedStyle(element);
-        return ["top", "bottom"]
-            .map(side => parseInt(style[`margin-${side}`]))
-            .reduce((total, side) => total + side, height);
-    }
-    /**
-     * Component lifecycle events.
-     */
-    async connectedCallback() {
-        const el = this.element;
-        this.distributeFormElement = this.alignment === "form_distribute";
-        this.mutationO = watchForOptions(el, "duet-grid-item", () => {
-            this.updateGridItems();
-        });
-        // the next two functions are used to watch for changes in the grid items, and are process intensive - so only run when needed
-        if (this.distributeFormElement) {
-            this.mutation1 = watchForElement(el, "duet-input", () => {
-                this.updateGridItemsWithInputFields();
-            });
-            // listen for potential mediaquery changes and reset layout
-            for (let i = 0; i < this.mql.length; i++) {
-                // addEventListener is not available in Stencil hydrate
-                if (this.mql[i].addEventListener) {
-                    this.mql[i].addEventListener("change", this.updateGridItemsWithInputFields.bind(this));
-                }
-            }
-        }
-        this.updateGridItems();
-    }
-    disconnectedCallback() {
-        if (this.mutationO) {
-            this.mutationO.disconnect();
-            this.mutationO = undefined;
-        }
-        if (this.mutation1) {
-            this.mutation1.disconnect();
-            this.mutation1 = undefined;
-        }
-        // listen for potential mediaquery changes and reset layout
-        for (let i = 0; i < this.mql.length; i++) {
-            // addEventListener is not available in Stencil hydrate
-            if (this.mql[i].removeEventListener) {
-                this.mql[i].removeEventListener("change", this.updateGridItemsWithInputFields.bind(this));
-            }
-        }
-    }
-    /**
-     * Local methods
-     */
-    async updateGridItems() {
-        const items = Array.from(this.element.children).filter(isGridItem);
-        items.forEach(item => {
-            item.responsive = this.responsive;
-            item.breakpoint = this.breakpoint;
-            item.direction = this.direction;
-        });
-    }
-    async updateGridItemsWithInputFields() {
-        const items = Array.from(this.element.children).filter(isGridItem);
-        // if layout changes to columns instead of row, remove all padding
-        const hasColumnLayout = window ? window.getComputedStyle(this.element).flexDirection === "column" : false;
-        let maxHeight = 0;
-        const sizes = [];
-        items.forEach(item => {
-            const inputErrorDom = item.querySelector("span.duet-input-error");
-            const height = inputErrorDom ? this.outerHeight(inputErrorDom) : 0;
-            sizes.push(height);
-        });
-        maxHeight = Math.max(...sizes);
-        items.forEach(item => {
-            const inputErrorDom = item.querySelector("span.duet-input-error");
-            const height = inputErrorDom ? this.outerHeight(inputErrorDom) : 0;
-            if (height < maxHeight && !hasColumnLayout) {
-                item.setAttribute("style", `padding-bottom: ${maxHeight - height}px;`);
-            }
-            else if (height === maxHeight || hasColumnLayout) {
-                item.setAttribute("style", `padding-bottom: 0px;`);
-            }
-        });
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { class: {
-                "duet-grid": true,
-                "duet-no-stacking": !this.responsive,
-                "duet-grid-align-top": this.alignment === "top", // flex-start
-                "duet-grid-align-bottom": this.alignment === "bottom" || this.alignment === "form_distribute", // flex-end
-                "duet-grid-align-center": this.alignment === "center", // center
-                "duet-grid-align-stretch": this.alignment === "stretch", // stretch
-                "duet-grid-align-baseline": this.alignment === "baseline", // baseline
-                "duet-grid-distribution-left": this.distribution === "left", // flex-start
-                "duet-grid-distribution-right": this.distribution === "right", // flex-end
-                "duet-grid-distribution-center": this.distribution === "center", // center
-                "duet-grid-distribution-between": this.distribution === "space-between", // space-between
-                "duet-grid-distribution-around": this.distribution === "space-around", // space-around
-                "duet-grid-distribution-evenly": this.distribution === "space-evenly", // space-evenly
-                "duet-grid-mobile-left": this.mobile === "left",
-                "duet-grid-mobile-center": this.mobile === "center",
-                "duet-grid-mobile-right": this.mobile === "right",
-                "duet-grid-direction-horizontal": this.direction === "horizontal",
-                "duet-grid-direction-vertical": this.direction === "vertical",
-                "duet-grid-breakpoint-x-small": this.breakpoint === "x-small",
-                "duet-grid-breakpoint-small": this.breakpoint === "small",
-                "duet-grid-breakpoint-medium": this.breakpoint === "medium",
-                "duet-grid-breakpoint-large": this.breakpoint === "large",
-                "duet-grid-breakpoint-x-large": this.breakpoint === "x-large",
-                "duet-grid-row-reverse": this.rowReverse,
-                [`duet-grid-variation-${this.gridTemplate ? "grid" : "flex"}`]: true,
-                [`duet-grid-template-${this.gridTemplate}`]: true,
-            } }, h("slot", null)));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "responsive": ["updateGridItems"],
-        "breakpoint": ["updateGridItems"],
-        "direction": ["updateGridItems"]
-    }; }
-    static get style() { return DuetGridStyle0; }
-}, [6, "duet-grid", {
-        "responsive": [4],
-        "breakpoint": [1],
-        "direction": [1],
-        "rowReverse": [4, "row-reverse"],
-        "alignment": [1],
-        "distribution": [1],
-        "mobile": [1],
-        "gridTemplate": [1, "grid-template"],
-        "distributeFormElement": [32]
-    }, undefined, {
-        "responsive": ["updateGridItems"],
-        "breakpoint": ["updateGridItems"],
-        "direction": ["updateGridItems"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-grid"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-grid":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetGrid);
-            }
-            break;
-    } });
-}
-
-export { DuetGrid as D, defineCustomElement as d };

package/lib/duet/p-0319560a.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,h as t,H as a,g as i}from"./p-18ada958.js";import{i as o}from"./p-aaa7a7bd.js";import{F as s}from"./p-d283b94b.js";import{a as n,c as l,d,g as c}from"./p-7d6b40d1.js";import{h as r}from"./p-8a7ee339.js";import{g as p}from"./p-1784b1d2.js";import"./p-0e052642.js";import"./p-4a901bfc.js";const b=class{constructor(t){e(this,t),this.exitLangObject={en:"Exit the menu",fi:"Poistu valikosta",sv:"Avsluta menyn"},this.backLangObject={en:"Back to main menu",fi:"Takaisin päävalikkoon",sv:"Tillbaka till huvudmenyn"},this.hasStickyHeaderSlot=!1,this.updateLabel=()=>{const e=this.element.querySelector("[slot='label']");this.label=e},this.toggleMenu=()=>{this.open=!this.open},this.onClick=()=>{this.toggleMenu()},this.onCloseClick=e=>{e.stopPropagation(),"DUET-SLIDEOUT"===this.element.parentElement.tagName&&this.element.parentElement.toggle()},this.label=void 0,this.language=n(),this.theme="",this.active=!1,this.open=!1,this.icon=void 0,this.labelSize="medium",this.backgroundColor="primary-lightest"}componentWillLoad(){o(this),this.updateLabel(),this.hasStickyHeaderSlot=r(this.element,"sticky-header")}connectedCallback(){l(this)}disconnectedCallback(){d(this)}handleOpenChange(e,t){!!e!=!!t&&(this.open&&!t?setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e!==this.element&&(e.inert=!0)})),this.closeButton.focus()}),200):!this.open&&t&&setTimeout((()=>{Array.from(this.element.parentElement.children).forEach((e=>{e.inert=!1})),this.openButton.focus()}),200))}async setFocus(e){this.open?setTimeout((()=>{this.closeButton.focus(e)}),200):setTimeout((()=>{this.openButton.focus(e)}),200)}render(){const e={background:p("primary-lightest"===this.backgroundColor&&"turva"===this.theme?"gray-lighter":this.backgroundColor,this.theme)},i=c(this.exitLangObject),o=c(this.backLangObject);return t(a,{key:"22c28c0ab12659f418c97fbf93bbebd68608fb79"},t("div",{key:"34c09abac8c0aee1c1dfd1f2bbac570ed0611b35",class:{"duet-slideout-panel":!0,"duet-theme-turva":"turva"===this.theme,active:this.open}},t("button",{key:"8dcfb92e4eb8610e0a89fdbe3c7675e00a2e8379",ref:e=>this.openButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-current":this.active?"true":"false",id:"button",type:"button",class:{link:!0,active:this.active},onClick:this.onClick,inert:this.open},this.icon&&t("duet-icon",{key:"4944cd788c6d0018243a4cc6b7d9f597ee6d435e",name:this.icon,size:"medium",margin:"none",color:"secondary"}),t("span",{key:"813420fa817e10189a300006605f4f724b2b854e",class:"label"},t("span",{key:"b63f12c4351efa40940bdcac2dea8889cfbf2c82",class:{"label-text":!0,[this.labelSize]:!0}},t("slot",{key:"fb495263ce936ce817e173148e4fcc35f7fa73b8",name:"label"})),t("duet-icon",{key:"c61e62bf194e44656274ff86ceb55aa51fc3cec8",class:"caret",name:"action-arrow-right",margin:"none",size:"x-small",color:"secondary"}))),t("div",{key:"b0b8171895a218075cfc034265abb67c6c12ab4a",class:{dialog:!0,hidden:!this.open},style:e},t(s,{key:"e5fba5ca765f1a531361fddee555cb1811fcdcdb",moveFocusTo:this.closeButton}),t("div",{key:"b5134e29091047b89083c0034c9cea235ca2fe5c",class:{"top-container":!0,"has-sticky-header-slot":this.hasStickyHeaderSlot}},t("div",{key:"9419dbfcc225548ac136e2e0627bc7c17a788fb3",class:"top"},t("button",{key:"4479933ad445c05b72de00c10a54c3336ca89e44",ref:e=>this.closeButton=e,"aria-haspopup":"menu","aria-controls":"menu","aria-expanded":this.open?"true":"false","aria-label":`${o}`,type:"button",class:{back:!0},onClick:this.onClick},t("duet-icon",{key:"627ec8facc8df37e986fd32f83771825ed0fa23a",class:"caret",name:"action-arrow-left",margin:"none",size:"small",color:"secondary"})),t("span",{key:"b597e175c2c2f97b604f04dccdbf5d00b71bcdb1"},this.label.innerHTML),t("button",{key:"fda07c1948d6aabdfbdebd84a5bbe71bbbe37bfa",class:"close",type:"button",onClick:this.onCloseClick,"aria-label":`${i}`},t("duet-icon",{key:"ae152cff044ba959bed507383387374a07c64bf1",name:"navigation-close",size:"small",margin:"none",color:"secondary"}))),t("div",{key:"c6be3120a863c54dccf941033374c9c207d8e4af",class:"sticky-header"},t("slot",{key:"723211cc2c88a3c20a61a96c5a802ee1fbe462c0",name:"sticky-header"}))),t("div",{key:"0f34420d3730ff49bb92f54457ba2db91fc43114",tabindex:"-1",role:"menu",id:"menu","aria-labelledby":"button",class:{items:!0}},t("slot",{key:"8575454b60ae274fe2d4876b3d89fb1b9642afef"})),t(s,{key:"5f96aa2ae4fa9eea21b2dff7ee8151cd3259c291",moveFocusTo:this.closeButton}))))}get element(){return i(this)}static get watchers(){return{open:["handleOpenChange"]}}};b.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;height:100%}:host slot:not([name=label])::slotted(*){position:relative;top:0.5rem;opacity:0;transition:top 0.3s ease-in, opacity 0.3s ease-in}:host([open]) slot:not([name=label])::slotted(*){top:0;opacity:1}.duet-slideout-panel{position:relative;height:100%}.duet-slideout-panel .link{position:relative;display:flex;gap:20px;align-items:center;justify-content:flex-start;width:100%;height:100%;padding:8px 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:1.5rem;font-weight:800;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-slideout-panel .link .label{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;width:100%}.duet-slideout-panel .link .label-text.small{font-size:1rem;font-weight:600}.duet-slideout-panel .link .label-text.medium{font-size:1.25rem;font-weight:600}.duet-slideout-panel .link .label-text.large{font-size:1.5rem;font-weight:800}.duet-slideout-panel .link:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .link.active .label-text{position:relative}.duet-slideout-panel .link.active .label-text.small::after{height:1px;transform:translateY(1px)}.duet-slideout-panel .link.active .label-text::after{position:absolute;top:auto;bottom:0;left:0;display:block;width:100%;height:2px;content:"";background:rgb(0, 119, 179);transform:translateY(2px)}.duet-slideout-panel .dialog{position:fixed;top:0;left:0;z-index:600;width:100%;height:100%;overflow-y:auto;visibility:visible}.duet-slideout-panel .dialog.hidden{visibility:hidden}.duet-slideout-panel .dialog.hidden .top .back,.duet-slideout-panel .dialog.hidden .top span{opacity:0}.duet-slideout-panel .top-container.has-sticky-header-slot{position:sticky;top:0;z-index:200}.duet-slideout-panel .top-container.has-sticky-header-slot .top{background:rgb(243, 249, 252)}.duet-slideout-panel .top-container.has-sticky-header-slot .sticky-header{display:block;padding:0 16px}.duet-slideout-panel .top{display:flex;align-items:center;justify-content:space-between;padding:4px}.duet-slideout-panel .top .back{opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .top .back:focus,.duet-slideout-panel .top .close:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-slideout-panel .top duet-icon{padding:16px}.duet-slideout-panel .top span{font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);opacity:1;transition:top 0.3s ease-in, opacity 0.3s ease-in}.duet-slideout-panel .sticky-header{display:none;width:100%;padding:0 1.5rem;margin-bottom:20px;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230)}.duet-slideout-panel .items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:1rem 16px;overflow-y:auto;color:rgb(0, 41, 77)}.duet-slideout-panel.duet-theme-turva .link{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-slideout-panel.duet-theme-turva .link:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .link.active .label-text::after{background:rgb(198, 12, 48)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .top{background:rgb(245, 245, 247)}.duet-slideout-panel.duet-theme-turva .has-sticky-header-slot .sticky-header{background:rgb(245, 245, 247);border-bottom:1px solid rgb(228, 228, 230)}.duet-slideout-panel.duet-theme-turva .top .back:focus,.duet-slideout-panel.duet-theme-turva .top .close:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-slideout-panel.duet-theme-turva .top span{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)}slot:not([name=label]){--active-height:1px;--active-translate-y:translateY(1px);font-size:1rem;font-weight:600;color:rgb(0, 41, 77)}.duet-theme-turva slot:not([name=label]){color:rgb(23, 28, 58)}';export{b as duet_slideout_panel}

package/lib/duet/p-22e8c418.system.entry.js

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

package/lib/duet/p-2455ba6c.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as i,h as t,H as e,g as d}from"./p-18ada958.js";import{a as n,m as r,b as a}from"./p-d5c03b61.js";import{w as g,a as u}from"./p-7d8a2628.js";import{i as m}from"./p-aaa7a7bd.js";function s(i){return"duet-grid-item"===i.tagName.toLowerCase()}const o=class{constructor(t){i(this,t),this.mql=[window.matchMedia(n.replace(/'/g,"")),window.matchMedia(r.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,""))],this.distributeFormElement=!1,this.responsive=!1,this.breakpoint="small",this.direction="horizontal",this.rowReverse=!1,this.alignment="top",this.distribution="default",this.mobile="",this.gridTemplate=null}outerHeight(i){const t=i.offsetHeight,e=window.getComputedStyle(i);return["top","bottom"].map((i=>parseInt(e[`margin-${i}`]))).reduce(((i,t)=>i+t),t)}async connectedCallback(){const i=this.element;if(this.distributeFormElement="form_distribute"===this.alignment,this.mutationO=g(i,"duet-grid-item",(()=>{this.updateGridItems()})),this.distributeFormElement){this.mutation1=u(i,"duet-input",(()=>{this.updateGridItemsWithInputFields()}));for(let i=0;i<this.mql.length;i++)this.mql[i].addEventListener&&this.mql[i].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}this.updateGridItems()}disconnectedCallback(){this.mutationO&&(this.mutationO.disconnect(),this.mutationO=void 0),this.mutation1&&(this.mutation1.disconnect(),this.mutation1=void 0);for(let i=0;i<this.mql.length;i++)this.mql[i].removeEventListener&&this.mql[i].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}async updateGridItems(){Array.from(this.element.children).filter(s).forEach((i=>{i.responsive=this.responsive,i.breakpoint=this.breakpoint,i.direction=this.direction}))}async updateGridItemsWithInputFields(){const i=Array.from(this.element.children).filter(s),t=!!window&&"column"===window.getComputedStyle(this.element).flexDirection;let e=0;const d=[];i.forEach((i=>{const t=i.querySelector("span.duet-input-error"),e=t?this.outerHeight(t):0;d.push(e)})),e=Math.max(...d),i.forEach((i=>{const d=i.querySelector("span.duet-input-error"),n=d?this.outerHeight(d):0;n<e&&!t?i.setAttribute("style",`padding-bottom: ${e-n}px;`):(n===e||t)&&i.setAttribute("style","padding-bottom: 0px;")}))}render(){return t(e,{class:{"duet-grid":!0,"duet-no-stacking":!this.responsive,"duet-grid-align-top":"top"===this.alignment,"duet-grid-align-bottom":"bottom"===this.alignment||"form_distribute"===this.alignment,"duet-grid-align-center":"center"===this.alignment,"duet-grid-align-stretch":"stretch"===this.alignment,"duet-grid-align-baseline":"baseline"===this.alignment,"duet-grid-distribution-left":"left"===this.distribution,"duet-grid-distribution-right":"right"===this.distribution,"duet-grid-distribution-center":"center"===this.distribution,"duet-grid-distribution-between":"space-between"===this.distribution,"duet-grid-distribution-around":"space-around"===this.distribution,"duet-grid-distribution-evenly":"space-evenly"===this.distribution,"duet-grid-mobile-left":"left"===this.mobile,"duet-grid-mobile-center":"center"===this.mobile,"duet-grid-mobile-right":"right"===this.mobile,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-breakpoint-x-small":"x-small"===this.breakpoint,"duet-grid-breakpoint-small":"small"===this.breakpoint,"duet-grid-breakpoint-medium":"medium"===this.breakpoint,"duet-grid-breakpoint-large":"large"===this.breakpoint,"duet-grid-breakpoint-x-large":"x-large"===this.breakpoint,"duet-grid-row-reverse":this.rowReverse,["duet-grid-variation-"+(this.gridTemplate?"grid":"flex")]:!0,[`duet-grid-template-${this.gridTemplate}`]:!0}},t("slot",null))}get element(){return d(this)}static get watchers(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}}};o.style=".sc-duet-grid-h {\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-grid-variation-flex.sc-duet-grid-h {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n@media (max-width: 22.5em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h {\n  flex-wrap: wrap !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h {\n  justify-content: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h {\n  justify-content: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h {\n  justify-content: center !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h {\n  justify-content: space-between !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h {\n  justify-content: space-around !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h {\n  justify-content: space-evenly !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    text-align: left !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h {\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid {\n    text-align: center !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h {\n    align-items: flex-end !important;\n    justify-content: flex-end !important;\n    text-align: right !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid {\n    text-align: right !important;\n  }\n}\n\n.duet-grid-variation-grid.sc-duet-grid-h {\n  display: grid;\n  grid-template-rows: repeat(1, 1fr);\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n  align-items: flex-start;\n  justify-content: center;\n  margin: 0 20px;\n  container-type: inline-size;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    gap: 24px;\n    margin: 0 40px;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(8, 55px);\n    gap: 24px 32px;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    margin: 0 64px;\n  }\n}\n@media (min-width: 76.25em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, 55px);\n    gap: 40px;\n    margin: 0 auto;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 3/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 2/span 10;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 12;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 9/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 7/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 5/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 9/span 4;\n  }\n}\n.duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 12px;\n  margin: 0;\n  \n  \n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n    gap: 16px;\n  }\n}\n@container (min-width: 664px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 1100px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}";const l=class{constructor(t){i(this,t),this.fill=!1,this.maxWidth=void 0,this.minWidth=void 0,this.theme="",this.margin="auto",this.responsive=!1,this.direction="horizontal",this.breakpoint="small"}componentWillLoad(){m(this)}render(){return t(e,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":"none"===this.margin,"duet-theme-turva":"turva"===this.theme,"duet-grid-item":!0,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-direction-horizontal":"horizontal"===this.direction,"duet-grid-direction-vertical":"vertical"===this.direction,"duet-grid-item-br-x-small":"x-small"===this.breakpoint,"duet-grid-item-br-small":"small"===this.breakpoint,"duet-grid-item-br-medium":"medium"===this.breakpoint,"duet-grid-item-br-large":"large"===this.breakpoint,"duet-grid-item-br-x-large":"x-large"===this.breakpoint}})}};l.style='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left: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-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-of-type{padding-left:0}.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';export{o as duet_grid,l as duet_grid_item}

package/lib/duet/p-26fa8650.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,c as i,h as s,H as e,g as n}from"./p-18ada958.js";import{o as a,f as o,c as h}from"./p-81287261.js";import{i as r}from"./p-aaa7a7bd.js";import{f as p}from"./p-d283b94b.js";import{f as d,c,b as m,o as l}from"./p-a1b7f2a0.js";import{T as u}from"./p-ca3cb21e.js";const b=class{constructor(s){t(this,s),this.duetToggle=i(this,"duetToggle",7),this.setOpenButton=t=>{if(t)try{const i=t;i.accessiblePopup="true",i.accessibleExpanded=!1,i.setAttribute("trailing-icon","action-arrow-down-small"),this.openButton=i}catch(t){}},this.openButtonEventListener=()=>{this.toggle()},this.updatePlacement=async()=>{if(!this.openButton)return;const t=[a({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),o({mainAxis:!this.forcePlacement})],i=await h(this.openButton,this.menuElement,{middleware:t,placement:this.placement,strategy:this.position});this.menuY=i.y,this.menuX=i.x},this.open=!1,this.menuY=void 0,this.menuX=void 0,this.accessibleLabel=void 0,this.accessibleRole="menu",this.theme="",this.skipTeleport=void 0,this.controller=void 0,this.placement="bottom-start",this.forcePlacement=!1,this.position="absolute",this.mainAxisOffset=0,this.crossAxisOffset=0}componentWillLoad(){r(this)}componentDidLoad(){this.updatePlacement()}connectedCallback(){this.handleControllerChange(this.controller,null),this.teleport||(this.teleport=new u(this.element)),this.teleport&&this.teleport.activate()}disconnectedCallback(){this.openButton&&(this.openButton.removeEventListener("click",this.openButtonEventListener),this.openButton.removeAttribute("trailing-icon"))}handleKeyUp(t){this.open&&d(t)&&(this.focusOpenButton(),this.hide())}async handleKeyDown(t){if(this.open){if(c(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(i<this.itemElements.length-1?this.itemElements[i+1].setFocus():this.itemElements[0].setFocus())}if(m(t)){t.preventDefault();const i=await this.getFocusedItemIndex();-1!==i&&(0===i?this.itemElements[this.itemElements.length-1].setFocus():this.itemElements[i-1].setFocus())}l(t)&&"menu"===this.accessibleRole&&(t.preventDefault(),this.hide())}}handleClick(t){const i=t.composedPath().every((t=>t!==this.element&&t!==this.openButton));this.open&&i&&this.hide()}async isOpen(){return this.open}async show(){this.open=!0}async hide(){this.open=!1}async toggle(){this.open?this.hide():this.show()}handleControllerChange(t,i){!!t!=!!i&&("string"==typeof this.controller?(this.setOpenButton(document.getElementById(this.controller)),this.openButton&&this.openButton.addEventListener("click",this.openButtonEventListener)):this.setOpenButton(this.controller))}handleOpenChange(t,i){!!t!=!!i&&(this.open&&!i?(this.openButton&&(this.openButton.accessibleExpanded=!0),this.teleport.makeSiblingsInert(),this.updatePlacement(),setTimeout((()=>{"menu"===this.accessibleRole&&this.itemElements[0].setFocus(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"})}),200)):!this.open&&i&&(this.openButton&&(this.openButton.accessibleExpanded=!1),setTimeout((()=>{"menu"===this.accessibleRole&&this.focusOpenButton(),this.duetToggle.emit({open:this.open,component:"duet-popup-menu"}),this.teleport.removeInertFromSiblings()}),200)))}focusOpenButton(){this.open&&p(this.openButton)}get itemElements(){return Array.from(this.element.querySelectorAll(":scope duet-popup-menu-item"))}async getFocusedItemIndex(){const t=this.itemElements;for(let i=0;i<t.length;i++)if(await t[i].isFocused())return i;return-1}render(){return s(e,{key:"dbd5d6ba344124704ad5798622aeed8e2f1edb1b"},s("div",{key:"a59dd98042f84b7460956b4b94870691f7af399e",ref:t=>this.menuElement=t,style:{top:`${this.menuY}px`,left:`${this.menuX}px`,position:this.position},class:{open:this.open,"duet-popup-menu-list":!0,"duet-theme-turva":"turva"===this.theme},role:this.accessibleRole,"aria-label":this.accessibleLabel},s("slot",{key:"2a0d9c72cc78e95918685a0b13f9c184d352867e"})))}get element(){return n(this)}static get watchers(){return{controller:["handleControllerChange"],open:["handleOpenChange"]}}};b.style="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-popup-menu-list{position:absolute;top:0;left:0;z-index:950;width:max-content;min-width:175px;padding:8px;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(255, 255, 255);border-radius:8px;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.07), 0 4px 10px 0 rgba(0, 41, 77, 0.15);opacity:0;transition:transform 300ms ease, visibility 300ms ease, opacity 300ms ease;transform:scaleY(0);transform-origin:top center}.duet-popup-menu-list.open{visibility:visible !important;opacity:1;transform:scaleY(1)}.duet-popup-menu-list.fixed{position:fixed}.duet-popup-menu-list.duet-theme-turva{color:rgb(23, 28, 58) !important;background:rgb(255, 255, 255)}";export{b as duet_popup_menu}

package/lib/duet/p-395be269.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as a,h as e,H as t,g as n}from"./p-18ada958.js";import{i as o}from"./p-aaa7a7bd.js";import{a as r,c as d,d as i,g as s}from"./p-7d6b40d1.js";import"./p-0e052642.js";const c=class{constructor(e){a(this,e),this.chooseLangObject={en:"Choose language",fi:"Valitse kieli",sv:"Välj språk"},this.language=r(),this.theme=""}componentWillLoad(){o(this)}connectedCallback(){d(this)}disconnectedCallback(){i(this)}render(){const a=s(this.chooseLangObject);return e(t,{key:"a3f0902bcc3942cfdd9bd39d753bfcfeeebf8bd4"},e("div",{key:"e4b2d5245b065602e7b74bab03d2ad9a6390d5ab",class:"duet-slideout-lang",role:"group","aria-label":a},e("duet-icon",{key:"10f383d1179787ca4dda410b10ac2785bcbbcc36",name:"navigation-language",margin:"none",color:"secondary"}),e("slot",{key:"3a3f899dd72eb996f48ac588474810a95fa6fc19"})))}get element(){return n(this)}};c.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.duet-slideout-lang{display:flex;gap:20px;align-items:center;justify-content:flex-start;width:min-content}::slotted(*){position:relative}::slotted(:not(:first-child)){padding-right:0;padding-left:0.5rem}::slotted(:not(:last-child))::after{position:absolute;top:25%;right:-16px;width:2px;height:50%;content:"";background:rgb(0, 41, 77)}.duet-theme-turva ::slotted(:not(:last-child))::after{background:rgb(23, 28, 58)}';export{c as duet_slideout_lang}

package/lib/duet/p-3f91a919.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(i,t,e,n){function d(i){return i instanceof e?i:new e((function(t){t(i)}))}return new(e||(e=Promise))((function(e,r){function a(i){try{u(n.next(i))}catch(i){r(i)}}function g(i){try{u(n["throw"](i))}catch(i){r(i)}}function u(i){i.done?e(i.value):d(i.value).then(a,g)}u((n=n.apply(i,t||[])).next())}))};var __generator=this&&this.__generator||function(i,t){var e={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,d,r,a;return a={next:g(0),throw:g(1),return:g(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function g(i){return function(t){return u([i,t])}}function u(g){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,g[0]&&(e=0)),e)try{if(n=1,d&&(r=g[0]&2?d["return"]:g[0]?d["throw"]||((r=d["return"])&&r.call(d),0):d.next)&&!(r=r.call(d,g[1])).done)return r;if(d=0,r)g=[g[0]&2,r.value];switch(g[0]){case 0:case 1:r=g;break;case 4:e.label++;return{value:g[1],done:false};case 5:e.label++;d=g[1];g=[0];continue;case 7:g=e.ops.pop();e.trys.pop();continue;default:if(!(r=e.trys,r=r.length>0&&r[r.length-1])&&(g[0]===6||g[0]===2)){e=0;continue}if(g[0]===3&&(!r||g[1]>r[0]&&g[1]<r[3])){e.label=g[1];break}if(g[0]===6&&e.label<r[1]){e.label=r[1];r=g;break}if(r&&e.label<r[2]){e.label=r[2];e.ops.push(g);break}if(r[2])e.ops.pop();e.trys.pop();continue}g=t.call(i,e)}catch(i){g=[6,i];d=0}finally{n=r=0}if(g[0]&5)throw g[1];return{value:g[0]?g[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-b9d4ed8d.system.js","./p-c51d6fb5.system.js","./p-afad5fd3.system.js","./p-e216bea4.system.js"],(function(i){"use strict";var t,e,n,d,r,a,g,u,o,m;return{setters:[function(i){t=i.r;e=i.h;n=i.H;d=i.g},function(i){r=i.a;a=i.m;g=i.b},function(i){u=i.w;o=i.a},function(i){m=i.i}],execute:function(){var s=".sc-duet-grid-h {\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-grid-variation-flex.sc-duet-grid-h {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n  justify-content: flex-start !important;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-grid-breakpoint-x-small.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n@media (max-width: 22.5em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-small.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-medium.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: row !important;\n  }\n  .duet-grid-variation-flex.duet-grid-breakpoint-x-large.duet-grid-row-reverse.sc-duet-grid-h {\n    flex-direction: row-reverse !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-wrap.sc-duet-grid-h {\n  flex-wrap: wrap !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.sc-duet-grid-h {\n  flex-direction: row !important;\n}\n.duet-grid-variation-flex.duet-no-stacking.duet-grid-row-reverse.sc-duet-grid-h {\n  flex-direction: row-reverse !important;\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-small.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n  flex-direction: column !important;\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-direction-vertical.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    flex-direction: column !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-no-stacking.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-no-stacking.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-no-stacking.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-no-stacking.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n.duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: center !important;\n}\n.duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: stretch !important;\n}\n.duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-small.sc-duet-grid-h {\n  align-items: baseline !important;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-small.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-medium.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-top.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-start !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-bottom.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: flex-end !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-center.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: center !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-stretch.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: stretch !important;\n  }\n}\n@media (min-width: 64.0625em) {\n  .duet-grid-variation-flex.duet-grid-align-baseline.duet-grid-breakpoint-x-large.sc-duet-grid-h {\n    align-items: baseline !important;\n  }\n}\n.duet-grid-variation-flex.duet-grid-distribution-left.sc-duet-grid-h {\n  justify-content: flex-start !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-right.sc-duet-grid-h {\n  justify-content: flex-end !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-center.sc-duet-grid-h {\n  justify-content: center !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-between.sc-duet-grid-h {\n  justify-content: space-between !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-around.sc-duet-grid-h {\n  justify-content: space-around !important;\n}\n.duet-grid-variation-flex.duet-grid-distribution-evenly.sc-duet-grid-h {\n  justify-content: space-evenly !important;\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-left.sc-duet-grid-h {\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    text-align: left !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h {\n    align-items: center !important;\n    justify-content: center !important;\n    text-align: center !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-center.sc-duet-grid-h *.sc-duet-grid {\n    text-align: center !important;\n  }\n}\n@media (max-width: 35.9375em) {\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h {\n    align-items: flex-end !important;\n    justify-content: flex-end !important;\n    text-align: right !important;\n  }\n  .duet-grid-variation-flex.duet-grid-mobile-right.sc-duet-grid-h *.sc-duet-grid {\n    text-align: right !important;\n  }\n}\n\n.duet-grid-variation-grid.sc-duet-grid-h {\n  display: grid;\n  grid-template-rows: repeat(1, 1fr);\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 16px;\n  align-items: flex-start;\n  justify-content: center;\n  margin: 0 20px;\n  container-type: inline-size;\n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    gap: 24px;\n    margin: 0 40px;\n  }\n}\n@media (min-width: 48em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(8, 55px);\n    gap: 24px 32px;\n    margin: 0 auto;\n  }\n}\n@media (min-width: 62em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    margin: 0 64px;\n  }\n}\n@media (min-width: 76.25em) {\n  .duet-grid-variation-grid.sc-duet-grid-h {\n    grid-template-columns: repeat(12, 55px);\n    gap: 40px;\n    margin: 0 auto;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-small.sc-duet-grid-s > * {\n    grid-column: 3/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-medium.sc-duet-grid-s > * {\n    grid-column: 2/span 10;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-large.sc-duet-grid-s > * {\n    grid-column: 1/span 12;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-right.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 9/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-sidebar-left.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 8;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(odd) {\n    grid-column: 1/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 5/span 4;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-two-columns.sc-duet-grid-s > :nth-child(even) {\n    grid-column: 7/span 6;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+1) {\n    grid-column: 1/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+2) {\n    grid-column: 5/span 4;\n  }\n}\n.sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n  grid-column: 1/span 4;\n}\n@media (min-width: 48em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 1/span 8;\n  }\n}\n@media (min-width: 62em) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-three-columns.sc-duet-grid-s > :nth-child(3n+3) {\n    grid-column: 9/span 4;\n  }\n}\n.duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n  grid-template-columns: minmax(0, 1fr);\n  gap: 12px;\n  margin: 0;\n  \n  \n}\n@media (min-width: 36em) {\n  .duet-grid-variation-grid.duet-grid-template-button-grid.sc-duet-grid-h {\n    gap: 16px;\n  }\n}\n@container (min-width: 664px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 1100px) {\n  .sc-duet-grid-h.duet-grid-variation-grid.duet-grid-template-button-grid {\n    \n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }\n}";var l=s;function c(i){return i.tagName.toLowerCase()==="duet-grid-item"}var h=i("duet_grid",function(){function i(i){t(this,i);this.mql=[window.matchMedia(r.replace(/'/g,"")),window.matchMedia(a.replace(/'/g,"")),window.matchMedia(g.replace(/'/g,""))];this.distributeFormElement=false;this.responsive=false;this.breakpoint="small";this.direction="horizontal";this.rowReverse=false;this.alignment="top";this.distribution="default";this.mobile="";this.gridTemplate=null}i.prototype.outerHeight=function(i){var t=i.offsetHeight,e=window.getComputedStyle(i);return["top","bottom"].map((function(i){return parseInt(e["margin-".concat(i)])})).reduce((function(i,t){return i+t}),t)};i.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var i,t;var e=this;return __generator(this,(function(n){i=this.element;this.distributeFormElement=this.alignment==="form_distribute";this.mutationO=u(i,"duet-grid-item",(function(){e.updateGridItems()}));if(this.distributeFormElement){this.mutation1=o(i,"duet-input",(function(){e.updateGridItemsWithInputFields()}));for(t=0;t<this.mql.length;t++){if(this.mql[t].addEventListener){this.mql[t].addEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}}this.updateGridItems();return[2]}))}))};i.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}if(this.mutation1){this.mutation1.disconnect();this.mutation1=undefined}for(var i=0;i<this.mql.length;i++){if(this.mql[i].removeEventListener){this.mql[i].removeEventListener("change",this.updateGridItemsWithInputFields.bind(this))}}};i.prototype.updateGridItems=function(){return __awaiter(this,void 0,void 0,(function(){var i;var t=this;return __generator(this,(function(e){i=Array.from(this.element.children).filter(c);i.forEach((function(i){i.responsive=t.responsive;i.breakpoint=t.breakpoint;i.direction=t.direction}));return[2]}))}))};i.prototype.updateGridItemsWithInputFields=function(){return __awaiter(this,void 0,void 0,(function(){var i,t,e,n;var d=this;return __generator(this,(function(r){i=Array.from(this.element.children).filter(c);t=window?window.getComputedStyle(this.element).flexDirection==="column":false;e=0;n=[];i.forEach((function(i){var t=i.querySelector("span.duet-input-error");var e=t?d.outerHeight(t):0;n.push(e)}));e=Math.max.apply(Math,n);i.forEach((function(i){var n=i.querySelector("span.duet-input-error");var r=n?d.outerHeight(n):0;if(r<e&&!t){i.setAttribute("style","padding-bottom: ".concat(e-r,"px;"))}else if(r===e||t){i.setAttribute("style","padding-bottom: 0px;")}}));return[2]}))}))};i.prototype.render=function(){var i;return e(n,{class:(i={"duet-grid":true,"duet-no-stacking":!this.responsive,"duet-grid-align-top":this.alignment==="top","duet-grid-align-bottom":this.alignment==="bottom"||this.alignment==="form_distribute","duet-grid-align-center":this.alignment==="center","duet-grid-align-stretch":this.alignment==="stretch","duet-grid-align-baseline":this.alignment==="baseline","duet-grid-distribution-left":this.distribution==="left","duet-grid-distribution-right":this.distribution==="right","duet-grid-distribution-center":this.distribution==="center","duet-grid-distribution-between":this.distribution==="space-between","duet-grid-distribution-around":this.distribution==="space-around","duet-grid-distribution-evenly":this.distribution==="space-evenly","duet-grid-mobile-left":this.mobile==="left","duet-grid-mobile-center":this.mobile==="center","duet-grid-mobile-right":this.mobile==="right","duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-breakpoint-x-small":this.breakpoint==="x-small","duet-grid-breakpoint-small":this.breakpoint==="small","duet-grid-breakpoint-medium":this.breakpoint==="medium","duet-grid-breakpoint-large":this.breakpoint==="large","duet-grid-breakpoint-x-large":this.breakpoint==="x-large","duet-grid-row-reverse":this.rowReverse},i["duet-grid-variation-".concat(this.gridTemplate?"grid":"flex")]=true,i["duet-grid-template-".concat(this.gridTemplate)]=true,i)},e("slot",null))};Object.defineProperty(i.prototype,"element",{get:function(){return d(this)},enumerable:false,configurable:true});Object.defineProperty(i,"watchers",{get:function(){return{responsive:["updateGridItems"],breakpoint:["updateGridItems"],direction:["updateGridItems"]}},enumerable:false,configurable:true});return i}());h.style=l;var p='.sc-duet-grid-item-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;min-width:0;max-width:100%;flex:0 0 auto;padding-right:8px;padding-left: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-style:normal;font-weight:400;line-height:1.5;color:rgb(0, 41, 77)}.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:first-of-type{padding-left:0}.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-child,.duet-grid-direction-horizontal.sc-duet-grid-item-h:last-of-type{padding-right:0}@media (max-width: 35.9375em){.duet-grid-item-responsive.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important;padding-right:0;padding-left:0}}@media screen and (max-width: 47.9375em){.duet-grid-item-br-medium.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 47.9375em){.duet-grid-item-responsive.duet-grid-item-br-medium.sc-duet-grid-item-h{padding-right:0;padding-left:0}}@media screen and (max-width: 64em){.duet-grid-item-br-x-large.sc-duet-grid-item-h{width:100% !important;min-width:0 !important;max-width:100% !important}}@media screen and (max-width: 64em){.duet-grid-item-responsive.duet-grid-item-br-x-large.sc-duet-grid-item-h{padding-right:0;padding-left:0}}.duet-grid-item-fill.sc-duet-grid-item-h{flex:1 1 auto;width:100%}.duet-theme-turva.sc-duet-grid-item-h{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}.duet-m-0.sc-duet-grid-item-h{padding:0 !important;margin:0 !important}';var f=p;var x=i("duet_grid_item",function(){function i(i){t(this,i);this.fill=false;this.maxWidth=undefined;this.minWidth=undefined;this.theme="";this.margin="auto";this.responsive=false;this.direction="horizontal";this.breakpoint="small"}i.prototype.componentWillLoad=function(){m(this)};i.prototype.render=function(){return e(n,{style:{"min-width":this.minWidth,"max-width":this.maxWidth},class:{"duet-m-0":this.margin==="none","duet-theme-turva":this.theme==="turva","duet-grid-item":true,"duet-grid-item-fill":this.fill,"duet-grid-item-responsive":this.responsive,"duet-grid-direction-horizontal":this.direction==="horizontal","duet-grid-direction-vertical":this.direction==="vertical","duet-grid-item-br-x-small":this.breakpoint==="x-small","duet-grid-item-br-small":this.breakpoint==="small","duet-grid-item-br-medium":this.breakpoint==="medium","duet-grid-item-br-large":this.breakpoint==="large","duet-grid-item-br-x-large":this.breakpoint==="x-large"}})};return i}());x.style=f}}}));

package/lib/duet/p-49957220.system.js

@@ -1,4 +0,0 @@
-var __spreadArray=this&&this.__spreadArray||function(e,n,r){if(r||arguments.length===2)for(var i=0,t=n.length,u;i<t;i++){if(u||!(i in n)){if(!u)u=Array.prototype.slice.call(n,0,i);u[i]=n[i]}}return e.concat(u||Array.prototype.slice.call(n))};
-/*!
- * Built with Duet Design System
- */System.register([],(function(e){"use strict";return{execute:function(){var n=false;if(typeof window!=="undefined"){var r={get passive(){n=true;return undefined}};window.addEventListener("testPassive",null,r);window.removeEventListener("testPassive",null,r)}var i=typeof window!=="undefined"&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||window.navigator.platform==="MacIntel"&&window.navigator.maxTouchPoints>1);var t=[];var u=false;var f=-1;var o;var d;var a=function(e){return t.some((function(n){if(n.options.allowTouchMove&&n.options.allowTouchMove(e)){return true}return false}))};var s=function(e){var n=e||window.event;if(a(n.target)){return true}if(n.touches.length>1)return true;if(n.preventDefault)n.preventDefault();return false};var c=function(e){if(d===undefined){var n=!!e&&e.reserveScrollBarGap===true;var r=window.innerWidth-document.documentElement.clientWidth;if(n&&r>0){d=document.body.style.paddingRight;document.body.style.paddingRight="".concat(r,"px")}}if(o===undefined){o=document.body.style.overflow;document.body.style.overflow="hidden"}};var l=function(){if(d!==undefined){document.body.style.paddingRight=d;d=undefined}if(o!==undefined){document.body.style.overflow=o;o=undefined}};var v=function(e){return e?e.scrollHeight-e.scrollTop<=e.clientHeight:false};var w=function(e,n){var r=e.targetTouches[0].clientY-f;if(a(e.target)){return false}if(n&&n.scrollTop===0&&r>0){return s(e)}if(v(n)&&r<0){return s(e)}e.stopPropagation();return true};var m=e("d",(function(e,r){if(!e){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}if(t.some((function(n){return n.targetElement===e}))){return}var o={targetElement:e,options:r||{}};t=__spreadArray(__spreadArray([],t,true),[o],false);if(i){e.ontouchstart=function(e){if(e.targetTouches.length===1){f=e.targetTouches[0].clientY}};e.ontouchmove=function(n){if(n.targetTouches.length===1){w(n,e)}};if(!u){document.addEventListener("touchmove",s,n?{passive:false}:undefined);u=true}}else{c(r)}}));var p=e("e",(function(e){if(!e){console.error("enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.");return}t=t.filter((function(n){return n.targetElement!==e}));if(i){e.ontouchstart=null;e.ontouchmove=null;if(u&&t.length===0){document.removeEventListener("touchmove",s,n?{passive:false}:undefined);u=false}}else if(!t.length){l()}}))}}}));

package/lib/duet/p-4f2e28d3.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as t,h as e,F as a,g as i}from"./p-18ada958.js";import{s}from"./p-4a901bfc.js";import{i as r}from"./p-aaa7a7bd.js";import{c as o}from"./p-5e59e970.js";import{s as d,u as n}from"./p-a1b7f2a0.js";import{a as b,g as p,c as l,d as c}from"./p-7d6b40d1.js";import"./p-0e052642.js";const h=2*parseFloat(s)*16,u=class{constructor(e){t(this,e),this.isTicking=!1,this.expandableId=o("DuetTray"),this.animationLoop=()=>{this.hiddenState=window.pageYOffset<h,this.isTicking=!1},this.toggleExpandable=t=>{t.preventDefault(),this.expanded=!this.expanded},this.expanded=!1,this.hiddenState=!1,this.language=b(),this.accessibleCloseLabelDefaults={fi:"Sulje",en:"Close",sv:"Stäng"},this.accessibleCloseLabel=p(this.accessibleCloseLabelDefaults,this.language),this.accessibleOpenLabelDefaults={fi:"Avaa",en:"Open",sv:"Öppna"},this.accessibleOpenLabel=p(this.accessibleOpenLabelDefaults,this.language),this.theme="",this.active=!1,this.autoHide=!0,this.responsive=!0}componentWillLoad(){r(this),this.hasAdditionalContent=!!this.element.querySelector("[slot='additional']")}connectedCallback(){l(this,[{prop:"accessibleOpenLabel",defaults:"accessibleOpenLabelDefaults"},{prop:"accessibleCloseLabel",defaults:"accessibleCloseLabelDefaults"}]),d(this)}disconnectedCallback(){c(this),n(this)}getFrame(){!this.isTicking&&this.autoHide&&this.active&&(requestAnimationFrame(this.animationLoop),this.isTicking=!0)}handleBodyClick(t){this.expanded&&(this.expanded=this.element.contains(t.target))}render(){return e("div",{key:"9ca451a14ab21f41ef8b413dd0695d0fa9625a08",class:{"duet-tray":!0,"duet-tray-is-active":this.active,"duet-tray-is-hidden":this.hiddenState,"duet-tray-is-responsive":this.responsive,"duet-theme-turva":"turva"===this.theme,"duet-tray-is-expandable":this.hasAdditionalContent}},e("div",{key:"1363c709ec1abaf78155e81519a78af9fab1fd3b",class:"duet-tray-default-content",role:"status"},e("slot",{key:"7904af5a351d3438a3bd17dbf00e3a215d850fcb"})),this.hasAdditionalContent&&e(a,{key:"29c834cfa4e11140ed597c440bc70466e784306c"},e("button",{key:"9c416fa9a6bf76eb3f1b3c7aba4d002cec13320c","aria-expanded":this.expanded?"true":"false","aria-controls":this.expandableId,onClick:t=>this.toggleExpandable(t),class:{"duet-tray-button":!0,"duet-tray-is-expanded":this.expanded}},e("duet-icon",{key:"bf2948293a89b14c4712cf0123158bfd6fa09f36",name:"action-arrow-down",size:"small",color:"currentColor",margin:"none"}),e("duet-visually-hidden",{key:"377191436c0dc3207906654df3abf2334a1dc886"},this.expanded?this.accessibleCloseLabel:this.accessibleOpenLabel)),e("div",{key:"30810b57c176998e6e304f6be52f27de5a2cd6b6",id:this.expandableId,class:{"duet-tray-expandable":!0,active:this.expanded}},e("div",{key:"c82e3a298bec6767ee5ecc167348b7153f28c24c",class:"duet-tray-expandable-content"},e("slot",{key:"5fe1b4e00504d3e98d8e17bc0eab86a27bf7b87e",name:"additional"})))))}get element(){return i(this)}};u.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.duet-tray{position:fixed;top:4rem;right:0;left:0;z-index:399;display:flex;flex-direction:column;max-height:calc(100% - 8rem);padding:16px 20px 16px 24px;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(0, 41, 77);visibility:hidden;background:rgb(243, 249, 252);border-bottom:1px solid rgb(225, 227, 230);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07);opacity:0;transition:opacity 600ms ease, visibility 600ms ease, transform 600ms ease;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray{padding:16px 36px}}@media (min-width: 106.25em){.duet-tray{padding:16px 52px 16px 60px}}.duet-tray:focus{outline:0}:host(.user-is-tabbing) .duet-tray:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-tray.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58);background:rgb(245, 245, 247);border-color:rgb(228, 228, 230)}.duet-tray.duet-tray-is-active{visibility:visible;opacity:1;transform:translateY(0)}.duet-tray.duet-tray-is-hidden{visibility:hidden;opacity:0;transform:translateY(-4rem)}@media (min-width: 62em){.duet-tray.duet-tray-is-responsive{display:none !important}}.duet-tray.duet-tray-is-expandable{padding-right:66px}@media (min-width: 62em){.duet-tray.duet-tray-is-expandable{padding-right:78px}}@media (min-width: 106.25em){.duet-tray.duet-tray-is-expandable{padding-right:94px}}.duet-tray-expandable{position:relative;z-index:100;width:calc(100% + 46px);max-height:0;overflow-y:auto;visibility:hidden;opacity:0;transition:opacity 600ms ease, visibility 600ms ease, max-height 600ms ease;scrollbar-width:none}.duet-tray-expandable::-webkit-scrollbar{display:none}.duet-tray-expandable.active{max-height:500px;visibility:visible;opacity:1}.duet-tray-expandable-content{width:100%;margin-top:16px;border-top:1px solid rgb(225, 227, 230)}.duet-theme-turva .duet-tray-expandable-content{border-color:rgb(228, 228, 230)}.duet-tray-button{-webkit-user-select:none;user-select:none;padding:20px !important;position:absolute;top:-2px;right:0;z-index:200;color:rgb(0, 41, 77);text-align:center;cursor:pointer;border-radius:4px;transition:transform 300ms ease;-webkit-tap-highlight-color:transparent}@media (min-width: 62em){.duet-tray-button{margin-right:16px}}@media (min-width: 106.25em){.duet-tray-button{margin-right:36px}}.duet-theme-turva .duet-tray-button{color:rgb(23, 28, 58)}.duet-tray-button.duet-tray-is-expanded{transform:rotate(-180deg)}.duet-tray-button:focus{outline:0}:host(.user-is-tabbing) .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-theme-turva .duet-tray-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-tray-button:active{box-shadow:none;opacity:0.75}';export{u as duet_tray}

package/lib/duet/p-61dffe85.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import{r as e,c as a,h as t,H as i,g as o}from"./p-18ada958.js";import{a as s}from"./p-115c79b6.js";import{f as l,t as n}from"./p-d5c03b61.js";import{i as r}from"./p-aaa7a7bd.js";import{c as d}from"./p-5e59e970.js";import{i as c,s as p,u as h}from"./p-a1b7f2a0.js";import{h as b}from"./p-8a7ee339.js";import{s as m}from"./p-0e052642.js";const g=class{constructor(t){e(this,t),this.duetToggle=a(this,"duetToggle",7),this.id=d("DuetCollapsible"),this.handleKeyDown=e=>{c(e)&&this.handleClick(e)},this.getFontSizeFromTokens=(e=this.headingSize)=>{if(e){const a=e.replace(/-/g,"_");return n[`font_size_${a}`]}return l},this.getEquivalentIconSize=(e=this.headingSize)=>{switch(e){case"x-small":case"small":case"medium":default:return"xx-small";case"large":return"x-small";case"x-large":return"small";case"xx-large":return"medium";case"xxx-large":return"x-large";case"xxxx-large":return"xxx-large"}},this.handleClick=e=>{e.preventDefault(),this.open=!this.open,this.duetToggle.emit({component:"duet-collapsible",originalEvent:e})},this.theme="",this.accessibleLabel=void 0,this.heading="",this.headingFullWidth=!1,this.centerHeading=!1,this.headingWeight="semibold",this.headingSize=void 0,this.headingLevel=void 0,this.margin="auto",this.open=!1}componentWillLoad(){r(this),this.hasAfterHeading=b(this.element,"after-heading")}connectedCallback(){p(this)}disconnectedCallback(){h(this)}async setFocus(e){this.nativeButton&&(this.element.classList.add("user-is-tabbing"),this.nativeButton.focus(e))}render(){const e=this.headingLevel?m(this.headingLevel):"div";return t(i,{key:"aafe219a93ff8b806e05ecf9c0203f7afd6929e1",class:{"duet-m-0":"none"===this.margin}},t(e,{key:"c6f7409213132914e3ec49ba138a10aee197fb03"},t("button",{key:"988a8b779e70e27852ac15b271ee8ad6eeb53f52",class:{"duet-collapsible-heading":!0,"duet-collapsible-heading-centered":this.centerHeading,"duet-theme-turva":"turva"===this.theme,"duet-collapsible-normal-weight":"normal"===this.headingWeight,"has-after-heading":this.hasAfterHeading,"full-width":this.headingFullWidth},style:{"font-size":this.getFontSizeFromTokens()},role:"button",ref:e=>this.nativeButton=e,"aria-label":this.accessibleLabel,"aria-expanded":this.open?"true":"false","aria-controls":this.id,onClick:this.handleClick,onKeyDown:this.handleKeyDown},t("div",{key:"7ad9554421eb7d8777b207721224268ba575b832",class:"duet-collapsible-heading-icon"},t("duet-icon",{key:"057dd8ded09e313bc868f3f349d80b37d565f1da",margin:"none",color:"turva"===this.theme?"secondary-turva":"secondary",size:this.getEquivalentIconSize(),icon:s.svg})),t("div",{key:"4a929efd3b1cd2b1725e1d2dc3a68b3656ad32f3",class:"duet-collapsible-heading-content",part:"duet-collapsible-heading-content"},this.heading),this.hasAfterHeading&&t("div",{key:"a8a3051f9f9fa0e01619a2c8cf82dde1e117aa3e",part:"duet-collapsible-after-heading"},t("slot",{key:"5eb5fbcdacf0edcb52f3fcc4c196dc308a1c5ac2",name:"after-heading"})))),t("div",{key:"1cae60d79f74a0961eb0a280b3f31b457ba82c86",id:this.id,class:{"duet-collapsible-content":!0,"duet-theme-turva":"turva"===this.theme},part:"duet-collapsible-content"},t("slot",{key:"1c8fb0d10608e14f55023891f331b4a7a538f527"})))}get element(){return o(this)}};g.style='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}::slotted([slot=after-heading]){display:inline-block}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:16px !important;display:block;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77)}:host(.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)}:host(.duet-m-0){margin:0 !important}.duet-collapsible-content{display:none;padding-left:18px;margin-top: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;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77)}@media (max-width: 35.9375em){.duet-collapsible-content{font-size:0.875rem}}.duet-collapsible-content.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)}:host([open])>.duet-collapsible-content{display:block}.duet-collapsible-heading{-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;line-height:1.5;color:rgb(0, 41, 77);text-align:left;cursor:pointer;border-radius:4px}.duet-collapsible-heading.full-width{width:100%}.duet-collapsible-heading.duet-collapsible-heading-centered{margin:auto}.duet-collapsible-heading.duet-collapsible-normal-weight{font-weight:400}.duet-collapsible-heading.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-collapsible-heading .duet-collapsible-heading-content{min-width:0}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div{margin-left:16px}.duet-collapsible-heading.has-after-heading .duet-collapsible-heading-content+div.float-right{margin-left:auto}.duet-collapsible-heading:focus{outline:0}:host(.user-is-tabbing) .duet-collapsible-heading:focus{border-radius:4px;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}:host(.user-is-tabbing) .duet-collapsible-heading.duet-theme-turva:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-collapsible-heading-icon{margin-right:8px !important;display:flex;align-items:center;justify-content:center;color:rgb(0, 41, 77);transition:transform 300ms ease}.duet-collapsible-heading-icon:last-child,.duet-collapsible-heading-icon:last-of-type{margin-right:0 !important}[aria-expanded=true] .duet-collapsible-heading-icon{transform:rotate(180deg)}';export{g as duet_collapsible}

package/lib/duet/p-63c519cd.system.entry.js

@@ -1,4 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,s){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function a(e){try{u(s.next(e))}catch(e){r(e)}}function o(e){try{u(s["throw"](e))}catch(e){r(e)}}function u(e){e.done?n(e.value):i(e.value).then(a,o)}u((s=s.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},s,i,r,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return u([e,t])}}function u(o){if(s)throw new TypeError("Generator is already executing.");while(a&&(a=0,o[0]&&(n=0)),n)try{if(s=1,i&&(r=o[0]&2?i["return"]:o[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,o[1])).done)return r;if(i=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;i=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){n.label=o[1];break}if(o[0]===6&&n.label<r[1]){n.label=r[1];r=o;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(o);break}if(r[2])n.ops.pop();n.trys.pop();continue}o=t.call(e,n)}catch(e){o=[6,e];i=0}finally{s=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
-/*!
- * Built with Duet Design System
- */System.register(["./p-b9d4ed8d.system.js","./p-e216bea4.system.js","./p-e6b5a1c7.system.js","./p-34d7dd10.system.js"],(function(e){"use strict";var t,n,s,i,r,a,o,u,d,p;return{setters:[function(e){t=e.r;n=e.c;s=e.h;i=e.g;r=e.H},function(e){a=e.i},function(e){o=e.c},function(e){u=e.i;d=e.s;p=e.u}],execute:function(){var c={title:"action-edit-2",tags:"action edit 2 pen pencil",svg:'<svg fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img"><path d="M.748 24a.755.755 0 0 1-.531-.22.754.754 0 0 1-.196-.716l1.77-6.905a.84.84 0 0 1 .045-.121.73.73 0 0 1 .151-.223L16.513 1.289A4.355 4.355 0 0 1 19.611 0c1.178 0 2.277.454 3.106 1.279l.029.029a4.367 4.367 0 0 1 1.251 3.121 4.356 4.356 0 0 1-1.32 3.087L8.183 22.01a.735.735 0 0 1-.231.154.784.784 0 0 1-.111.042L.933 23.978A.773.773 0 0 1 .748 24zm1.041-1.791 4.41-1.131-3.281-3.275zm5.868-1.795 13.02-13.02-4.074-4.074L3.58 16.344zM21.736 6.332a2.893 2.893 0 0 0-.059-3.972l-.02-.02a2.872 2.872 0 0 0-2.037-.84v-.375l-.001.375a2.873 2.873 0 0 0-1.954.762z"/></svg>'};var h='*.sc-duet-step,*.sc-duet-step::after,*.sc-duet-step::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-step-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block}.duet-step.sc-duet-step{padding:20px !important;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600;background:rgb(255, 255, 255);box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.duet-theme-turva.sc-duet-step{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";box-shadow:0 2px 6px 0 rgba(117, 117, 117, 0.13), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}.duet-step.rounded-top.sc-duet-step{border-top-left-radius:4px;border-top-right-radius:4px}.duet-step.rounded-bottom.sc-duet-step{margin-bottom:20px !important;border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-step.rounded-bottom.sc-duet-step{margin-bottom:0 !important}}@media (min-width: 36em){.duet-step.sc-duet-step{padding:0 20px 0 0 !important;margin:0 !important;font-size:1.25rem;box-shadow:none !important}}.duet-step-heading.sc-duet-step{display:flex;align-items:center;border-radius:4px}.duet-step-heading[aria-disabled=false].sc-duet-step{cursor:pointer}.duet-step-heading.sc-duet-step:focus{outline:0}.duet-step-heading.sc-duet-step:active{opacity:0.75}.user-is-tabbing.sc-duet-step-h .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.user-is-tabbing.sc-duet-step-h .duet-theme-turva.sc-duet-step .duet-step-heading.sc-duet-step:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#005f8f}.duet-theme-turva.is-complete.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-heading.sc-duet-step:hover .duet-step-counter.sc-duet-step{background-color:#9e0a26}.is-current.sc-duet-step .duet-step-heading.sc-duet-step{margin-bottom:20px}@media (min-width: 36em){.duet-step-heading.sc-duet-step{margin-top:8px;margin-bottom:8px !important}.sc-duet-step-h:first-of-type .duet-step-heading.sc-duet-step{margin-top:0}.sc-duet-step-h:last-of-type .duet-step-heading.sc-duet-step{margin-bottom:0 !important}}.duet-step-counter.sc-duet-step{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;line-height:30px;color:rgb(255, 255, 255);text-align:center;border-radius:50%;transition:background-color 300ms ease}@media (min-width: 36em){.duet-step-counter.sc-duet-step{width:40px;height:40px;line-height:40px}}.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(0, 119, 179)}.duet-theme-turva.is-complete.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-current.sc-duet-step .duet-step-counter.sc-duet-step,.duet-theme-turva.is-disabled.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(198, 12, 48)}.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(101, 119, 135)}.duet-theme-turva.is-incomplete.sc-duet-step .duet-step-counter.sc-duet-step{background-color:rgb(116, 116, 117)}.duet-step-icon.sc-duet-step{display:flex;align-items:center;justify-content:center;width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step{width:20px;height:20px}}.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:16px;height:16px}@media (min-width: 36em){.duet-step-icon.sc-duet-step duet-icon.sc-duet-step{width:20px;height:20px}}@media (min-width: 36em){.duet-step-content-wrapper.sc-duet-step{min-height:20px;padding-left:40px;margin-left:19px;border-left:2px solid rgb(225, 227, 230)}.duet-theme-turva.sc-duet-step .duet-step-content-wrapper.sc-duet-step{border-color:rgb(228, 228, 230)}.sc-duet-step-h:last-of-type .duet-step-content-wrapper.sc-duet-step{min-height:0;border:transparent}}.duet-step-content.sc-duet-step{display:none;padding-bottom:16px}@media (min-width: 36em){.duet-step-content.sc-duet-step{padding-bottom:28px}}.is-current.sc-duet-step .duet-step-content.sc-duet-step{display:block}.duet-step-heading-slot.sc-duet-step{display:none;margin-top:2px}@media (min-width: 48em){.duet-step-heading-slot.sc-duet-step{display:block}}';var l=h;var b=e("duet_step",function(){function e(e){var s=this;t(this,e);this.duetStepClick=n(this,"duetStepClick",7);this.buttonId=o("DuetStepButton");this.contentId=o("DuetStepContent");this.handleKeyDown=function(e){if(s.isClickDisabled()){return}if(u(e)){e.preventDefault();s.handleStepClick(e)}};this.handleClick=function(e){if(s.isClickDisabled()){return}s.handleStepClick(e)};this.theme="";this.heading=undefined;this.headingLevel=undefined;this.stepIndex=undefined;this.state=undefined;this.roundedTop=false;this.roundedBottom=false}e.prototype.handleStepClick=function(e){this.duetStepClick.emit({originalEvent:e,component:"duet-step",stepIndex:this.stepIndex})};e.prototype.componentWillLoad=function(){a(this)};e.prototype.connectedCallback=function(){d(this)};e.prototype.disconnectedCallback=function(){p(this)};e.prototype.setFocus=function(){return __awaiter(this,arguments,void 0,(function(e){if(e===void 0){e={preventScroll:true}}return __generator(this,(function(t){this.buttonElement.focus(e);return[2]}))}))};e.prototype.isClickDisabled=function(){return this.state!=="complete"};e.prototype.headingColor=function(){if(this.state!=="incomplete"){return""}if(this.theme!=="turva"){return"gray-darker"}else{return"gray-dark-turva"}};e.prototype.renderStepCounter=function(){if(this.state==="complete"||this.state==="disabled"){return s("div",{class:"duet-step-icon"},s("duet-icon",{margin:"none",size:"auto",color:"gray-lightest",icon:c.svg}))}return"".concat(this.stepIndex+1," ")};e.prototype.render=function(){var e;var t=this;return s("div",{class:(e={"duet-step":true},e["is-".concat(this.state)]=true,e["rounded-top"]=this.roundedTop,e["rounded-bottom"]=this.roundedBottom,e["duet-theme-turva"]=this.theme==="turva",e)},s("div",{class:"duet-step-heading",id:this.buttonId,role:this.state!=="current"?"button":"region","aria-current":this.state==="current"?"step":undefined,tabindex:this.state!=="current"?"0":undefined,"aria-disabled":this.isClickDisabled().toString(),"aria-expanded":(this.state==="current").toString(),"aria-controls":this.contentId,"aria-selected":(this.state==="current").toString(),onClick:this.handleClick,onKeyDown:this.handleKeyDown,ref:function(e){return t.buttonElement=e}},s("div",{"aria-hidden":"true"},s("div",{class:"duet-step-counter"},this.renderStepCounter())),s("duet-spacer",{direction:"horizontal",size:"large",breakpoint:"small"}),s("duet-spacer",{direction:"horizontal",size:"medium",breakpoint:"x-small"}),s("div",null,s("duet-heading",{theme:this.theme,level:this.headingLevel,visualLevel:"h4",color:this.headingColor(),margin:"none"},this.heading)),s("duet-spacer",{direction:"horizontal",size:"large"}),s("div",{class:"duet-step-heading-slot"},s("slot",{name:"heading-content"}))),s("div",{class:"duet-step-content-wrapper"},s("div",{class:"duet-step-content",role:"region","aria-labelledby":this.buttonId,id:this.contentId},s("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());b.style=l;function m(e,t){var n={};t.forEach((function(t){var s=t[e];if(!n[s]){n[s]=[]}n[s].push(t)}));return n}var f=":host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-bottom:20px !important;display:block;width:100%}:host(.duet-m-0){margin:0 !important}.duet-stepper{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}@media (min-width: 36em){.duet-stepper{padding:28px !important;padding-top:36px !important;padding-bottom:36px !important;background:rgb(255, 255, 255);border-radius:4px;box-shadow:0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07)}}";var g=f;var x=e("duet_stepper",function(){function e(e){t(this,e);this.duetStepChange=n(this,"duetStepChange",7);this.theme="";this.accessibleLive="Lista jossa {total} kohtaa. Olet kohdassa {current}.";this.margin="auto";this.backDisabled=false;this.selected=0}e.prototype.currentStepChanged=function(e){var t=this;if(isNaN(e)){throw new Error("step must be a number. got: ".concat(e))}if(e<0){throw new Error("step must be not be less than zero. got: ".concat(e))}if(e>this.getSteps().length){throw new Error("step must not exceed total number of steps")}this.updateStepState();setTimeout((function(){return t.setStepFocus()}),50)};e.prototype.currentStepInvokedDisable=function(){this.updateStepState()};e.prototype.onDuetStepClick=function(e){this.duetStepChange.emit({fromStep:this.selected,toStep:e.detail.stepIndex,component:"duet-stepper"})};e.prototype.componentWillLoad=function(){a(this)};e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.updateStepState();return[2]}))}))};e.prototype.getSteps=function(){return Array.from(this.element.querySelectorAll("duet-step"))};e.prototype.setStepFocus=function(){var e=this.getSteps();var t=e[this.selected];t.setFocus()};e.prototype.updateStepState=function(){var e=this;var t=this.getSteps();t.forEach((function(t,n){var s;if(n<e.selected){s=e.backDisabled?"disabled":"complete"}else if(n>e.selected){s="incomplete"}else{s="current"}t.theme=e.theme;t.state=s;t.stepIndex=n}));var n=m("state",t);Object.values(n).forEach((function(e){e.forEach((function(t,n){t.roundedTop=n===0;t.roundedBottom=n===e.length-1}))}))};e.prototype.formatAnnouncement=function(){var e=this.getSteps();var t=(this.selected+1).toString(10);var n=e.length.toString(10);return this.accessibleLive.replace("{current}",t).replace("{total}",n)};e.prototype.render=function(){return s(r,{key:"d8aa897bf6b424b99b07e4a91b9e8cf7488a7e71",class:{"duet-m-0":this.margin==="none"}},s("div",{key:"26ea48b5571e3fd4c931ce5b257b7fff3dc6dcf9",class:{"duet-stepper":true,"duet-theme-turva":this.theme==="turva"}},s("duet-visually-hidden",{key:"cf606e1120808187c6a670aab837b54b97096af1","aria-live":"polite","aria-atomic":"true","aria-relevant":"all"},this.formatAnnouncement()),s("slot",{key:"74b2e7ac6dd883d11763974c1f0f962c1e2b2cb8"})))};Object.defineProperty(e.prototype,"element",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{selected:["currentStepChanged"],backDisabled:["currentStepInvokedDisable"]}},enumerable:false,configurable:true});return e}());x.style=g}}}));