npm - @duetds/components - Versions diffs - 7.0.13 → 7.1.0 - Mend

@duetds/components 7.0.13 → 7.1.0

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

Files changed (828) hide show

package/lib/esm-es5/duet-page-heading.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,g as getElement}from"./index-c1a17a4c.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";var duetPageHeadingCss='*,*::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-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;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)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.fluid,.duet-page-heading.narrow{padding:0 16px}@media (min-width: 36em){.duet-page-heading.fluid{padding:0 28px}}@media (min-width: 62em){.duet-page-heading.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-page-heading.fluid{max-width:1110px;padding:0}}.duet-page-heading.narrow{max-width:888px}@media (min-width: 36em){.duet-page-heading.narrow{padding:0 48px}}@media (min-width: 48em){.duet-page-heading.narrow{padding:0 72px}}.duet-page-heading .heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){.duet-page-heading .heading{padding:72px 150px 40px 0}}.duet-page-heading .background{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){.duet-page-heading .background{height:165px}}.duet-page-heading .background .background-mask{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){.duet-page-heading .background .background-mask{top:-40px;width:502px;height:577px}}.duet-page-heading .background .brand-shape{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shape{top:-280px;right:-40px;width:325px;height:325px}}.duet-page-heading .background .brand-shape.second-shape{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){.duet-page-heading .background .brand-shape.second-shape{top:-325px;right:200px;width:365px;height:365px}}.duet-page-heading .background .brand-shaped-icon{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon{right:36px;width:93px;height:93px}}.duet-page-heading .background .brand-shaped-icon duet-icon{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon duet-icon{width:75px;height:75px}}.duet-page-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(0, 41, 77)}.duet-page-heading.duet-theme-turva .brand-shaped-icon{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon{position:relative;top:-3px}';var DuetPageHeading=function(){function M(M){registerInstance(this,M);this.theme="";this.icon="";this.layout="narrow"}M.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};M.prototype.render=function(){var M;return h("div",{class:(M={"duet-page-heading":true,"duet-theme-turva":this.theme==="turva"},M[this.layout]=true,M)},h("div",{class:"background"},this.theme==="turva"&&h("div",{class:"background-mask"}),this.theme!=="turva"&&h("div",{class:"brand-shape"}),this.theme!=="turva"&&h("div",{class:"brand-shape second-shape"}),this.icon&&h("div",{class:"brand-shaped-icon"},h("duet-icon",{background:"none",name:this.icon,margin:"none",size:"auto",responsive:false}))),h("div",{class:"heading"},h("slot",{name:"heading"})))};Object.defineProperty(M.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return M}();DuetPageHeading.style=duetPageHeadingCss;export{DuetPageHeading as duet_page_heading};
+import{r as registerInstance,h,g as getElement}from"./index-b1b085ac.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{n as nudge}from"./nudge-a828c525.js";var duetPageHeadingCss='*,*::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-page-heading{position:relative;display:block;width:100%;margin:0 auto;overflow:hidden;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)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.fluid,.duet-page-heading.narrow{padding:0 16px}@media (min-width: 36em){.duet-page-heading.fluid{padding:0 28px}}@media (min-width: 62em){.duet-page-heading.fluid{padding:0 56px}}@media (min-width: 76.25em){.duet-page-heading.fluid{max-width:1110px;padding:0}}.duet-page-heading.narrow{max-width:888px}@media (min-width: 36em){.duet-page-heading.narrow{padding:0 48px}}@media (min-width: 48em){.duet-page-heading.narrow{padding:0 72px}}.duet-page-heading .heading{max-width:744px;padding:48px 90px 16px 0}@media (min-width: 48em){.duet-page-heading .heading{padding:72px 150px 40px 0}}.duet-page-heading .background{position:absolute;top:0;right:0;left:0;width:100%;max-width:744px;height:104px;margin:0 auto;margin:0 auto}@media (min-width: 48em){.duet-page-heading .background{height:165px}}.duet-page-heading .background .background-mask{position:absolute;top:-20px;right:0;display:block;width:286px;height:331px;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");background-repeat:no-repeat;background-size:contain}@media (min-width: 48em){.duet-page-heading .background .background-mask{top:-40px;width:502px;height:577px}}.duet-page-heading .background .brand-shape{position:absolute;top:-157px;right:-20px;width:185px;height:185px;background:rgb(0, 119, 179);border-radius:20%;mix-blend-mode:normal;opacity:0.2;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shape{top:-280px;right:-40px;width:325px;height:325px}}.duet-page-heading .background .brand-shape.second-shape{top:-182px;right:100px;width:207px;height:207px;background:rgb(11, 114, 136);opacity:0.1}@media (min-width: 48em){.duet-page-heading .background .brand-shape.second-shape{top:-325px;right:200px;width:365px;height:365px}}.duet-page-heading .background .brand-shaped-icon{position:absolute;top:20px;right:16px;display:flex;align-items:center;justify-content:center;width:85px;width:60px;height:85px;height:60px;background:rgba(0, 119, 179, 0.75);border-radius:25%;mix-blend-mode:normal;transform:rotate(7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon{right:36px;width:93px;height:93px}}.duet-page-heading .background .brand-shaped-icon duet-icon{width:60px;height:60px;transform:rotate(-7deg)}@media (min-width: 48em){.duet-page-heading .background .brand-shaped-icon duet-icon{width:75px;height:75px}}.duet-page-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(0, 41, 77)}.duet-page-heading.duet-theme-turva .brand-shaped-icon{background:rgba(198, 12, 48, 0.9);-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-repeat:no-repeat;mask-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");mask-repeat:no-repeat}.duet-page-heading.duet-theme-turva .brand-shaped-icon duet-icon{position:relative;top:-3px}';var DuetPageHeading=function(){function M(M){registerInstance(this,M);this.theme="";this.icon="";this.layout="narrow"}M.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};M.prototype.componentDidLoad=function(){nudge(this)};M.prototype.render=function(){var M;return h("div",{class:(M={"duet-page-heading":true,"duet-theme-turva":this.theme==="turva"},M[this.layout]=true,M)},h("div",{class:"background"},this.theme==="turva"&&h("div",{class:"background-mask"}),this.theme!=="turva"&&h("div",{class:"brand-shape"}),this.theme!=="turva"&&h("div",{class:"brand-shape second-shape"}),this.icon&&h("div",{class:"brand-shaped-icon"},h("duet-icon",{background:"none",name:this.icon,margin:"none",size:"auto",responsive:false}))),h("div",{class:"heading"},h("slot",{name:"heading"})))};Object.defineProperty(M.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return M}();DuetPageHeading.style=duetPageHeadingCss;export{DuetPageHeading as duet_page_heading};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,n){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function s(e){try{l(n.next(e))}catch(e){r(e)}}function o(e){try{l(n["throw"](e))}catch(e){r(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,o)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},n,a,r,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(s&&(s=0,o[0]&&(i=0)),i)try{if(n=1,a&&(r=o[0]&2?a["return"]:o[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,o[1])).done)return r;if(a=0,r)o=[o[0]&2,r.value];switch(o[0]){case 0:case 1:r=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!r||o[1]>r[0]&&o[1]<r[3])){i.label=o[1];break}if(o[0]===6&&i.label<r[1]){i.label=r[1];r=o;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(o);break}if(r[2])i.ops.pop();i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e];a=0}finally{n=r=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,F as Fragment,H as Host,g as getElement}from"./index-c1a17a4c.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{d as debounce}from"./js-utils-fa98b8cd.js";import{k as isArrowKey,l as isNumber,d as isArrowLeftKey,b as isArrowUpKey,a as isArrowRightKey,c as isArrowDownKey,m as isMinusKey,n as isPlusKey}from"./keyboard-utils-d237bd5a.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import{b as breakpointTokensUpTo,a as breakpointToToken}from"./token-utils-2d3af0db.js";import"./string-utils-5954f458.js";import"./tokens.module-c7944140.js";var shouldDisplayNavigation=function(e,t,i){if(e*2>t/i){return false}return true};var duetPaginationCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetPagination=function(){function e(e){var t=this;registerInstance(this,e);this.duetPageChange=createEvent(this,"duetPageChange",3);this.listId=createID("duet-pagination-list");this.firstRenderDone=false;this.handleMediaQueryChange=function(e){t.matchesCompactBreakpoint=breakpointTokensUpTo.includes(t.compactBreakpoint)?e.matches:!e.matches};this.actionChain=function(e,i){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if(!(e===0))return[3,1];this.current=1;return[3,4];case 1:if(!(e>this.totalPages))return[3,2];this.current=this.totalPages;return[3,4];case 2:if(!(i!==e))return[3,4];t=Math.ceil(e/this.visibleItems)-1;if(!(t!==this.internalSectionIndex))return[3,4];this.internalSectionIndex=t;return[4,this.setFocus()];case 3:n.sent();n.label=4;case 4:return[2,true]}}))}))};this.emitPageEvent=debounce((function(e,i){var n=Number(i||t.current);t.duetPageChange.emit({component:"duet-pagination",from:n*t.take,to:n*t.take+t.take,current:n,take:t.take,type:"page",originalEvent:e})}),100);this.getEnteredNumber=debounce((function(e){t.emitPageEvent(e,t.numbersStore);t.current=Number(t.numbersStore);t.numbersStore="";t.duetPageChange.emit({component:"duet-pagination",from:t.current*t.take,to:t.current*t.take+t.take,current:t.current,take:t.take,type:"jump",originalEvent:e})}),500);this.numbersStore="";this.matchesCompactBreakpoint=false;this.totalPages=10;this.internalSectionIndex=0;this.theme="";this.variation="default";this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}};this.accessibleLabels=getLocaleString(this.accessibleLabelsDefaults);this.take=5;this.visibleItems=5;this.total=1e3;this.compactBreakpoint="x-small";this.ariaControls="";this.current=1}e.prototype.watchPropTotalHandler=function(){this.calculatePageTake();return true};e.prototype.watchStateHandler=function(e,t){return this.actionChain(e,t)};e.prototype.componentWillLoad=function(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1;this.calculatePageTake();inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){this.firstRenderDone=true};e.prototype.componentWillRender=function(){if(this.internalSectionIndex!==0&&this.internalSectionIndex!==this.totalPages){this.calculatePageTake()}};e.prototype.componentDidRender=function(){if(this.firstRenderDone){this.setFocus()}};e.prototype.connectedCallback=function(){var e=this.compactBreakpoint==="none"?"all":breakpointToToken[this.compactBreakpoint];this.mq=matchMedia(e);this.mq.addEventListener("change",debounce(this.handleMediaQueryChange,50));this.handleMediaQueryChange(this.mq);connectLanguageChangeObserver(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})};e.prototype.disconnectedCallback=function(){this.mq.removeEventListener("change",this.handleMediaQueryChange);this.mq=null;this.matchesCompactBreakpoint=false;disconnectLanguageChangeObserver(this)};e.prototype.calculatePageTake=function(){this.totalPages=Math.ceil(this.total/this.take)};e.prototype.onMouseHandler=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){e.preventDefault();e.stopPropagation();this.current=this.current+t;this.emitPageEvent(e);return[2]}))}))};e.prototype.onKeyboardDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.current;if(isArrowLeftKey(e)||isArrowUpKey(e)){t--}if(isArrowRightKey(e)||isArrowDownKey(e)){t++}if(isArrowKey(e)){if(t<=this.totalPages){this.current=t;this.emitPageEvent(e)}}if(isNumber(e)&&this.shouldDisplayNavigation()){this.numbersStore=this.numbersStore+e.key;if(Number(this.numbersStore)>this.totalPages){this.numbersStore=this.totalPages+""}this.getEnteredNumber(e)}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:e=this.nativeNav.querySelector("li.duet-pagination-item-is-active duet-button");t=e;if(!t)return[3,2];return[4,e.setFocus()];case 1:t=i.sent();i.label=2;case 2:t;return[2]}}))}))};e.prototype.pageClickHandler=function(e){e.preventDefault();var t=Number(e.target.getAttribute("data-id"));this.current=t;this.emitPageEvent({},t)};e.prototype.selectClickHandler=function(e){e.preventDefault();var t=Number(e.target.value);this.current=t;this.emitPageEvent({},t)};e.prototype.sectionClickHandler=function(e,t){e.preventDefault();var i=this.internalSectionIndex+t;var n=this.take*this.visibleItems;if(i*n>this.total){i=this.internalSectionIndex}var a=i;this.internalSectionIndex=a>=0?a:0};e.prototype.jumpToStart=function(e){e.preventDefault();this.internalSectionIndex=0;this.current=1;this.emitPageEvent(e)};e.prototype.jumpToEnd=function(e){e.preventDefault();this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1);this.current=this.totalPages;this.emitPageEvent(e)};e.prototype.renderPageNumbers=function(){var e=this;var t=[];var i=this.internalSectionIndex*this.visibleItems;do{i++;if(i>this.totalPages){break}t.push(h("li",{class:{"duet-pagination-item":true,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},h("duet-button",{class:{"duet-pagination-link":true},color:i!==this.current?this.theme!=="turva"?"secondary":"secondary-turva":this.theme!=="turva"?"primary":"primary-turva","data-id":i,"center-text":true,variation:"plain",margin:"none",accessibleLabel:"".concat(this.accessibleLabels.go_to," ").concat(i),onClick:function(t){return e.pageClickHandler(t)},theme:this.theme},h("div",{class:"duet-pagination-page-number","aria-hidden":true},i))))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t};e.prototype.renderSelect=function(){var e=this;var t=[];for(var i=1;i<=this.totalPages;i++){t.push({value:i.toString(),label:i.toString()})}var n=h("duet-select",{theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}","".concat(this.totalPages)),labelHidden:true,onDuetChange:function(t){return e.selectClickHandler(t)}});return h("li",null,n,h("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))};e.prototype.shouldDisplayNavigation=function(){if(this.variation!=="compact"&&!this.matchesCompactBreakpoint){return shouldDisplayNavigation(this.visibleItems,this.total,this.take)}return false};e.prototype.render=function(){var e;var t=this;return h(Host,{onKeyDown:function(e){return t.onKeyboardDown(e)},class:{"duet-theme-turva":this.theme==="turva"}},h("nav",{role:"navigation","aria-labelledby":this.accessibleLabelledBy?"".concat(this.accessibleLabelledBy," ").concat(this.listId):this.listId,"aria-describedby":this.accessibleDescribedBy?"".concat(this.accessibleDescribedBy," ").concat(this.listId):this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:function(e){return t.nativeNav=e},"aria-controls":this.ariaControls,class:(e={"duet-pagination-nav":true},e["duet-pagination-variation-".concat(this.variation)]=true,e)},this.numbersStore!==""&&h("div",{"aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":"".concat(this.accessibleLabels.jump_to," ").concat(this.numbersStore),part:"navigation-overlay"},h("duet-badge",{theme:this.theme},"jump to page : ",this.numbersStore)),h("ol",{id:this.listId,class:{"duet-pagination":true,"duet-pagination-is-dimmed":this.numbersStore!==""},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},(this.variation==="compact"||this.matchesCompactBreakpoint)&&h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-first":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.internalSectionIndex===0&&this.current<=1,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,onClick:function(e){return t.jumpToStart(e)},"icon-name":"action-move-to-first",theme:this.theme})),h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-first":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.internalSectionIndex===0&&this.current<=1,"data-direction":"back",onClick:function(e){return t.onMouseHandler(e,-1)},"accessible-label":this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme})),this.internalSectionIndex!==0&&this.shouldDisplayNavigation()&&h(Fragment,null,h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:this.theme!=="turva"?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:function(e){return t.jumpToStart(e)},theme:this.theme},h("div",{class:"duet-pagination-page-number"},"1"))),h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:this.theme!=="turva"?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}","".concat(this.visibleItems)),onClick:function(e){return t.sectionClickHandler(e,-1)},theme:this.theme},h("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&h(Fragment,null,(this.internalSectionIndex+1)*this.visibleItems!==this.totalPages-1&&h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:this.theme!=="turva"?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}","".concat(this.visibleItems)),onClick:function(e){return t.sectionClickHandler(e,1)},theme:this.theme},h("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:this.theme!=="turva"?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:function(e){return t.jumpToEnd(e)},theme:this.theme},h("div",{class:"duet-pagination-page-number"},this.totalPages)))),h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-last":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,onClick:function(e){return t.onMouseHandler(e,1)},"icon-name":"action-move-to-next",theme:this.theme})),(this.variation==="compact"||this.matchesCompactBreakpoint)&&h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-last":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,accessibleLabel:this.accessibleLabels.last_page,onClick:function(e){return t.jumpToEnd(e)},"icon-name":"action-move-to-last",theme:this.theme})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"]}},enumerable:false,configurable:true});return e}();DuetPagination.style=duetPaginationCss;var duetRangeStepperCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(0, 41, 77)}.duet-range-stepper ::part(button){border:0}";var DuetRangeStepper=function(){function e(e){var t=this;registerInstance(this,e);this.duetRangeStepUpdate=createEvent(this,"duetRangeStepUpdate",7);this.leftBn=createID("duetRangeStepper-left");this.rightBn=createID("duetRangeStepper-right");this.handleClick=function(e,i){e.preventDefault();t.stepIndex+=i;t.clampStepIndex();t.handleStepClick(e)};this.theme="";this.stepIndex=1;this.stepSize=50;this.total=1e3;this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}};this.ariaLabels=getLocaleString(this.ariaLabelsDefaults);this.ariaControls=""}e.prototype.watchStepIndexStateHandler=function(e){if(this.leftBnRef&&this.rightBnRef){if(e<=1){if(this.element===document.activeElement){this.rightBnRef.setFocus()}this.leftBnRef.setAttribute("disabled","")}else{this.leftBnRef.removeAttribute("disabled")}if(e>=this.total/this.stepSize){if(this.element===document.activeElement){this.leftBnRef.setFocus()}this.rightBnRef.setAttribute("disabled","")}else{this.rightBnRef.removeAttribute("disabled")}}};e.prototype.watchStepSizeStateHandler=function(e,t){if(e!==t){if(this.stepIndex*e>this.total){this.stepIndex=Math.ceil(this.total/e)}this.watchStepIndexStateHandler(this.stepIndex)}};e.prototype.handleStepClick=function(e){this.duetRangeStepUpdate.emit({originalEvent:e,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.clampStepIndex()};e.prototype.componentDidLoad=function(){this.watchStepIndexStateHandler(this.stepIndex)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.clampStepIndex=function(){if(this.stepIndex<1){this.stepIndex=1}else if(this.stepIndex*this.stepSize>this.total){this.stepIndex=Math.ceil(this.total/this.stepSize)}};e.prototype.getFrom=function(){return Math.floor((this.stepIndex-1)*this.stepSize)+1};e.prototype.getTo=function(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)};e.prototype.generateStepSize=function(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))};e.prototype.generatePreviousIncrementLabel=function(){if(this.getFrom()===1){return""}return this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))};e.prototype.generateNextIncrementLabel=function(){if(this.getTo()===this.total){return""}return this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))};e.prototype.onKeyboardDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.stepIndex;i=1;if(isArrowLeftKey(e)||isArrowUpKey(e)||isMinusKey(e)){t--;i=-1;this.leftBnRef.setFocus()}if(isArrowRightKey(e)||isArrowDownKey(e)||isPlusKey(e)){t++;i=1}if(isArrowKey(e)){if(t>0&&t*this.stepSize<=this.total){this.handleClick(e,i)}}return[2]}))}))};e.prototype.render=function(){var e=this;return h("div",{class:{"duet-range-stepper":true,"duet-theme-turva":this.theme==="turva"},onKeyDown:function(t){return e.onKeyboardDown(t)},"aria-controls":this.ariaControls},h("span",{class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),h("duet-action-button",{class:"duet-range-step-button duet-range-step-minus",onClick:function(t){return e.handleClick(t,-1)},id:this.leftBn,"accessible-label":"".concat(this.ariaLabels.previous_increment," ").concat(this.generatePreviousIncrementLabel()),ref:function(t){return e.leftBnRef=t},part:"navigation-arrow",iconName:"action-arrow-left-small"}),h("duet-action-button",{class:"duet-range-step-button duet-range-step-plus",onClick:function(t){return e.handleClick(t,1)},"accessible-label":"".concat(this.ariaLabels.next_increment," ").concat(this.generateNextIncrementLabel()),id:this.rightBn,ref:function(t){return e.rightBnRef=t},part:"navigation-arrow",iconName:"action-arrow-right-small"}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}},enumerable:false,configurable:true});return e}();DuetRangeStepper.style=duetRangeStepperCss;export{DuetPagination as duet_pagination,DuetRangeStepper as duet_range_stepper};
+ */import{r as registerInstance,c as createEvent,h,F as Fragment,H as Host,g as getElement}from"./index-b1b085ac.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{d as debounce}from"./js-utils-fa98b8cd.js";import{k as isArrowKey,l as isNumber,d as isArrowLeftKey,b as isArrowUpKey,a as isArrowRightKey,c as isArrowDownKey,m as isMinusKey,n as isPlusKey}from"./keyboard-utils-d237bd5a.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import{n as nudge}from"./nudge-a828c525.js";import{b as breakpointTokensUpTo,a as breakpointToToken}from"./token-utils-2d3af0db.js";import"./string-utils-5954f458.js";import"./tokens.module-c7944140.js";var shouldDisplayNavigation=function(e,t,i){if(e*2>t/i){return false}return true};var duetPaginationCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-pagination-nav{position:relative}.duet-pagination ::part(button){border:0}.duet-pagination,.duet-pagination li{display:flex;flex-wrap:wrap;gap:0.1rem;align-items:center}.duet-pagination-item-is-active .duet-pagination-page-number{border-bottom-color:inherit;border-bottom-style:solid;border-bottom-width:2px}.duet-pagination duet-button{width:30px;min-width:36px;font-weight:600;text-decoration:none;border-left-width:0}.duet-pagination-overlay{position:absolute;top:1rem;z-index:300;width:100%;text-align:center}.duet-pagination.duet-pagination-is-dimmed{opacity:0.5}.duet-pagination .duet-pagination-select{margin:0 4px 0 12px !important}.duet-pagination-total-pages{margin:0;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:600 !important;line-height:1.25;color:rgb(0, 41, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";color:rgb(23, 28, 58)}';var DuetPagination=function(){function e(e){var t=this;registerInstance(this,e);this.duetPageChange=createEvent(this,"duetPageChange",3);this.listId=createID("duet-pagination-list");this.firstRenderDone=false;this.handleMediaQueryChange=function(e){t.matchesCompactBreakpoint=breakpointTokensUpTo.includes(t.compactBreakpoint)?e.matches:!e.matches};this.actionChain=function(e,i){return __awaiter(t,void 0,void 0,(function(){var t;return __generator(this,(function(n){switch(n.label){case 0:if(!(e===0))return[3,1];this.current=1;return[3,4];case 1:if(!(e>this.totalPages))return[3,2];this.current=this.totalPages;return[3,4];case 2:if(!(i!==e))return[3,4];t=Math.ceil(e/this.visibleItems)-1;if(!(t!==this.internalSectionIndex))return[3,4];this.internalSectionIndex=t;return[4,this.setFocus()];case 3:n.sent();n.label=4;case 4:return[2,true]}}))}))};this.emitPageEvent=debounce((function(e,i){var n=Number(i||t.current);t.duetPageChange.emit({component:"duet-pagination",from:n*t.take,to:n*t.take+t.take,current:n,take:t.take,type:"page",originalEvent:e})}),100);this.getEnteredNumber=debounce((function(e){t.emitPageEvent(e,t.numbersStore);t.current=Number(t.numbersStore);t.numbersStore="";t.duetPageChange.emit({component:"duet-pagination",from:t.current*t.take,to:t.current*t.take+t.take,current:t.current,take:t.take,type:"jump",originalEvent:e})}),500);this.numbersStore="";this.matchesCompactBreakpoint=false;this.totalPages=10;this.internalSectionIndex=0;this.theme="";this.variation="default";this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabelsDefaults={en:{next_page:"Next page",previous_page:"Previous page",first_page:"First page",last_page:"Last page",jump_to:"Jump to page",go_to:"Go to page",description:"You may use arrow keys to select page number",pagination_label:"Pagination, choose a number to jump to a page",select_label:"Total pages {0}, choose a number to jump to a page",prev_section:"Show previous {0} page numbers, screen reader user should use arrowkeys to navigate",next_section:"Show next {0} page numbers, screen reader user should use arrowkeys to navigate"},fi:{next_page:"Seuraava sivu",previous_page:"Edellinen sivu",first_page:"Ensimmäinen sivu",last_page:"Viimeinen sivu",jump_to:"Siirry sivulle",go_to:"Siirry sivulle",description:"Voit käyttää nuolinäppäimiä sivunumeron valitsemiseen",pagination_label:"Sivutus, valitse sivunumero siirtyäksesi sivulle",select_label:"Sivuja yhteensä {0}, valitse sivunumero siirtyäksesi sivulle",prev_section:"Näytä edelliset {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi",next_section:"Näytä seuraavat {0} sivunumerot, käyttäjän pitää käyttää nuolinäppäimiä navigoidaksesi"},sv:{next_page:"Nästa sida",previous_page:"Föregående sida",first_page:"Första sidan",last_page:"Sista sidan",jump_to:"Hoppa till sida",go_to:"Hoppa till sida",description:"Du kan använda piltangenterna för att välja sida",pagination_label:"Paginering, välj en siffra för att hoppa till en sida",select_label:"Totalt antal sidor {0}, välj en siffra för att hoppa till en sida",prev_section:"Visa föregående {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera",next_section:"Visa nästa {0} sidnummer, skrivbordsläsare ska använda piltangenterna för att navigera"}};this.accessibleLabels=getLocaleString(this.accessibleLabelsDefaults);this.take=5;this.visibleItems=5;this.total=1e3;this.compactBreakpoint="x-small";this.ariaControls="";this.current=1}e.prototype.watchPropTotalHandler=function(){this.calculatePageTake();return true};e.prototype.watchStateHandler=function(e,t){return this.actionChain(e,t)};e.prototype.componentWillLoad=function(){this.internalSectionIndex=Math.ceil(this.current/this.visibleItems)-1;this.calculatePageTake();inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){this.firstRenderDone=true;nudge(this)};e.prototype.componentWillRender=function(){if(this.internalSectionIndex!==0&&this.internalSectionIndex!==this.totalPages){this.calculatePageTake()}};e.prototype.componentDidRender=function(){if(this.firstRenderDone){this.setFocus()}};e.prototype.connectedCallback=function(){var e=this.compactBreakpoint==="none"?"all":breakpointToToken[this.compactBreakpoint];this.mq=matchMedia(e);this.mq.addEventListener("change",debounce(this.handleMediaQueryChange,50));this.handleMediaQueryChange(this.mq);connectLanguageChangeObserver(this,{prop:"accessibleLabels",defaults:"accessibleLabelsDefaults"})};e.prototype.disconnectedCallback=function(){this.mq.removeEventListener("change",this.handleMediaQueryChange);this.mq=null;this.matchesCompactBreakpoint=false;disconnectLanguageChangeObserver(this)};e.prototype.calculatePageTake=function(){this.totalPages=Math.ceil(this.total/this.take)};e.prototype.onMouseHandler=function(e,t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(i){e.preventDefault();e.stopPropagation();this.current=this.current+t;this.emitPageEvent(e);return[2]}))}))};e.prototype.onKeyboardDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(i){t=this.current;if(isArrowLeftKey(e)||isArrowUpKey(e)){t--}if(isArrowRightKey(e)||isArrowDownKey(e)){t++}if(isArrowKey(e)){if(t<=this.totalPages){this.current=t;this.emitPageEvent(e)}}if(isNumber(e)&&this.shouldDisplayNavigation()){this.numbersStore=this.numbersStore+e.key;if(Number(this.numbersStore)>this.totalPages){this.numbersStore=this.totalPages+""}this.getEnteredNumber(e)}return[2]}))}))};e.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(i){switch(i.label){case 0:e=this.nativeNav.querySelector("li.duet-pagination-item-is-active duet-button");t=e;if(!t)return[3,2];return[4,e.setFocus()];case 1:t=i.sent();i.label=2;case 2:t;return[2]}}))}))};e.prototype.pageClickHandler=function(e){e.preventDefault();var t=Number(e.target.getAttribute("data-id"));this.current=t;this.emitPageEvent({},t)};e.prototype.selectClickHandler=function(e){e.preventDefault();var t=Number(e.target.value);this.current=t;this.emitPageEvent({},t)};e.prototype.sectionClickHandler=function(e,t){e.preventDefault();var i=this.internalSectionIndex+t;var n=this.take*this.visibleItems;if(i*n>this.total){i=this.internalSectionIndex}var a=i;this.internalSectionIndex=a>=0?a:0};e.prototype.jumpToStart=function(e){e.preventDefault();this.internalSectionIndex=0;this.current=1;this.emitPageEvent(e)};e.prototype.jumpToEnd=function(e){e.preventDefault();this.internalSectionIndex=Math.ceil(this.totalPages/this.take-1);this.current=this.totalPages;this.emitPageEvent(e)};e.prototype.renderPageNumbers=function(){var e=this;var t=[];var i=this.internalSectionIndex*this.visibleItems;do{i++;if(i>this.totalPages){break}t.push(h("li",{class:{"duet-pagination-item":true,"duet-pagination-item-is-active":i===this.current},role:"menuitem"},h("duet-button",{class:{"duet-pagination-link":true},color:i!==this.current?this.theme!=="turva"?"secondary":"secondary-turva":this.theme!=="turva"?"primary":"primary-turva","data-id":i,"center-text":true,variation:"plain",margin:"none",accessibleLabel:"".concat(this.accessibleLabels.go_to," ").concat(i),onClick:function(t){return e.pageClickHandler(t)},theme:this.theme},h("div",{class:"duet-pagination-page-number","aria-hidden":true},i))))}while(i<this.visibleItems+this.internalSectionIndex*this.visibleItems);return t};e.prototype.renderSelect=function(){var e=this;var t=[];for(var i=1;i<=this.totalPages;i++){t.push({value:i.toString(),label:i.toString()})}var n=h("duet-select",{theme:this.theme,class:"duet-pagination-select",variation:"compact",items:JSON.stringify(t),value:this.current.toString(),label:this.accessibleLabels.select_label.replace("{0}","".concat(this.totalPages)),labelHidden:true,onDuetChange:function(t){return e.selectClickHandler(t)}});return h("li",null,n,h("span",{class:"duet-pagination-total-pages","aria-hidden":"true"},"/ ",this.totalPages))};e.prototype.shouldDisplayNavigation=function(){if(this.variation!=="compact"&&!this.matchesCompactBreakpoint){return shouldDisplayNavigation(this.visibleItems,this.total,this.take)}return false};e.prototype.render=function(){var e;var t=this;return h(Host,{onKeyDown:function(e){return t.onKeyboardDown(e)},class:{"duet-theme-turva":this.theme==="turva"}},h("nav",{role:"navigation","aria-labelledby":this.accessibleLabelledBy?"".concat(this.accessibleLabelledBy," ").concat(this.listId):this.listId,"aria-describedby":this.accessibleDescribedBy?"".concat(this.accessibleDescribedBy," ").concat(this.listId):this.listId,"aria-descriptions":this.accessibleDescription,"aria-details":this.accessibleDetails,ref:function(e){return t.nativeNav=e},"aria-controls":this.ariaControls,class:(e={"duet-pagination-nav":true},e["duet-pagination-variation-".concat(this.variation)]=true,e)},this.numbersStore!==""&&h("div",{"aria-live":"assertive","aria-relevant":"text",class:"duet-pagination-overlay","aria-label":"".concat(this.accessibleLabels.jump_to," ").concat(this.numbersStore),part:"navigation-overlay"},h("duet-badge",{theme:this.theme},"jump to page : ",this.numbersStore)),h("ol",{id:this.listId,class:{"duet-pagination":true,"duet-pagination-is-dimmed":this.numbersStore!==""},role:"menubar","aria-label":this.accessibleLabels.pagination_label,"aria-description":this.accessibleLabels.description},(this.variation==="compact"||this.matchesCompactBreakpoint)&&h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-first":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.internalSectionIndex===0&&this.current<=1,"data-direction":"back",accessibleLabel:this.accessibleLabels.first_page,onClick:function(e){return t.jumpToStart(e)},"icon-name":"action-move-to-first",theme:this.theme})),h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-first":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.internalSectionIndex===0&&this.current<=1,"data-direction":"back",onClick:function(e){return t.onMouseHandler(e,-1)},"accessible-label":this.accessibleLabels.previous_page,"icon-name":"action-arrow-left-small",theme:this.theme})),this.internalSectionIndex!==0&&this.shouldDisplayNavigation()&&h(Fragment,null,h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-back","center-text":"true",variation:"plain",color:this.theme!=="turva"?"secondary":"secondary-turva",margin:"none",accessibleLabel:this.accessibleLabels.first_page,onClick:function(e){return t.jumpToStart(e)},theme:this.theme},h("div",{class:"duet-pagination-page-number"},"1"))),h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-back","center-text":"true",color:this.theme!=="turva"?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.prev_section.replace("{0}","".concat(this.visibleItems)),onClick:function(e){return t.sectionClickHandler(e,-1)},theme:this.theme},h("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"…")))),this.shouldDisplayNavigation()&&this.renderPageNumbers()||this.renderSelect(),(this.internalSectionIndex+1)*this.visibleItems<this.totalPages&&this.shouldDisplayNavigation()&&h(Fragment,null,(this.internalSectionIndex+1)*this.visibleItems!==this.totalPages-1&&h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-section"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-dots-forward","center-text":"true",color:this.theme!=="turva"?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.next_section.replace("{0}","".concat(this.visibleItems)),onClick:function(e){return t.sectionClickHandler(e,1)},theme:this.theme},h("div",{class:"duet-pagination-page-number","aria-hidden":"true"},"…"))),h("li",{class:"duet-pagination-item",role:"menuitem",part:"navigation-jump"},h("duet-button",{class:"duet-pagination-link duet-pagination-link-jump-forward","center-text":"true",color:this.theme!=="turva"?"secondary":"secondary-turva",variation:"plain",margin:"none",accessibleLabel:this.accessibleLabels.last_page,onClick:function(e){return t.jumpToEnd(e)},theme:this.theme},h("div",{class:"duet-pagination-page-number"},this.totalPages)))),h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-last":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,class:"duet-date-dialog-next","accessible-label":this.accessibleLabels.next_page,onClick:function(e){return t.onMouseHandler(e,1)},"icon-name":"action-move-to-next",theme:this.theme})),(this.variation==="compact"||this.matchesCompactBreakpoint)&&h("li",{class:{"duet-pagination-page-button":true,"duet-pagination-button-last":true},role:"menuitem",part:"navigation-arrow"},h("duet-action-button",{disabled:this.current===this.totalPages&&this.internalSectionIndex===Math.ceil(this.totalPages/this.visibleItems)-1,accessibleLabel:this.accessibleLabels.last_page,onClick:function(e){return t.jumpToEnd(e)},"icon-name":"action-move-to-last",theme:this.theme})))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{total:["watchPropTotalHandler"],current:["watchStateHandler"]}},enumerable:false,configurable:true});return e}();DuetPagination.style=duetPaginationCss;var duetRangeStepperCss="*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:inline-block;margin:0 auto}.duet-range-stepper{display:flex;flex-wrap:wrap;gap:0;align-items:baseline;justify-content:center;min-width:30px;min-height:30px;font-weight:600;text-decoration:none;border-left-width:0}.duet-range-stepper{white-space:nowrap}.duet-range-stepper .duet-range-step-counter{font-weight:600;color:rgb(0, 41, 77)}.duet-range-stepper ::part(button){border:0}";var DuetRangeStepper=function(){function e(e){var t=this;registerInstance(this,e);this.duetRangeStepUpdate=createEvent(this,"duetRangeStepUpdate",7);this.leftBn=createID("duetRangeStepper-left");this.rightBn=createID("duetRangeStepper-right");this.handleClick=function(e,i){e.preventDefault();t.stepIndex+=i;t.clampStepIndex();t.handleStepClick(e)};this.theme="";this.stepIndex=1;this.stepSize=50;this.total=1e3;this.ariaLabelsDefaults={en:{next_increment:"Next range increment",previous_increment:"Previous range increment",x_of_y:"{0}–{1} of {2}"},fi:{next_increment:"Seuraava välillä",previous_increment:"Edellinen välillä",x_of_y:"{0}–{1} / {2}"},sv:{next_increment:"Nästa intervall",previous_increment:"Föregående intervall",x_of_y:"{0}–{1} av {2}"}};this.ariaLabels=getLocaleString(this.ariaLabelsDefaults);this.ariaControls=""}e.prototype.watchStepIndexStateHandler=function(e){if(this.leftBnRef&&this.rightBnRef){if(e<=1){if(this.element===document.activeElement){this.rightBnRef.setFocus()}this.leftBnRef.setAttribute("disabled","")}else{this.leftBnRef.removeAttribute("disabled")}if(e>=this.total/this.stepSize){if(this.element===document.activeElement){this.leftBnRef.setFocus()}this.rightBnRef.setAttribute("disabled","")}else{this.rightBnRef.removeAttribute("disabled")}}};e.prototype.watchStepSizeStateHandler=function(e,t){if(e!==t){if(this.stepIndex*e>this.total){this.stepIndex=Math.ceil(this.total/e)}this.watchStepIndexStateHandler(this.stepIndex)}};e.prototype.handleStepClick=function(e){this.duetRangeStepUpdate.emit({originalEvent:e,component:"duet-range-stepper",from:this.getFrom(),to:this.getTo(),index:this.stepIndex})};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.clampStepIndex()};e.prototype.componentDidLoad=function(){this.watchStepIndexStateHandler(this.stepIndex);nudge(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"ariaLabels",defaults:"ariaLabelsDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.clampStepIndex=function(){if(this.stepIndex<1){this.stepIndex=1}else if(this.stepIndex*this.stepSize>this.total){this.stepIndex=Math.ceil(this.total/this.stepSize)}};e.prototype.getFrom=function(){return Math.floor((this.stepIndex-1)*this.stepSize)+1};e.prototype.getTo=function(){return Math.min(Math.floor(this.stepIndex*this.stepSize),this.total)};e.prototype.generateStepSize=function(){return this.ariaLabels.x_of_y.replace("{0}",String(this.getFrom())).replace("{1}",String(this.getTo())).replace("{2}",String(this.total))};e.prototype.generatePreviousIncrementLabel=function(){if(this.getFrom()===1){return""}return this.ariaLabels.x_of_y.replace("{0}",String(Math.max(this.getFrom()-this.stepSize,1))).replace("{1}",String(Math.min(this.getFrom()-1,this.total))).replace("{2}",String(this.total))};e.prototype.generateNextIncrementLabel=function(){if(this.getTo()===this.total){return""}return this.ariaLabels.x_of_y.replace("{0}",String(this.getTo()+1)).replace("{1}",String(Math.min(this.getTo()+this.stepSize,this.total))).replace("{2}",String(this.total))};e.prototype.onKeyboardDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t,i;return __generator(this,(function(n){t=this.stepIndex;i=1;if(isArrowLeftKey(e)||isArrowUpKey(e)||isMinusKey(e)){t--;i=-1;this.leftBnRef.setFocus()}if(isArrowRightKey(e)||isArrowDownKey(e)||isPlusKey(e)){t++;i=1}if(isArrowKey(e)){if(t>0&&t*this.stepSize<=this.total){this.handleClick(e,i)}}return[2]}))}))};e.prototype.render=function(){var e=this;return h("div",{class:{"duet-range-stepper":true,"duet-theme-turva":this.theme==="turva"},onKeyDown:function(t){return e.onKeyboardDown(t)},"aria-controls":this.ariaControls},h("span",{class:"duet-range-step-counter",part:"range-numbers"},this.generateStepSize()),h("duet-action-button",{class:"duet-range-step-button duet-range-step-minus",onClick:function(t){return e.handleClick(t,-1)},id:this.leftBn,"accessible-label":"".concat(this.ariaLabels.previous_increment," ").concat(this.generatePreviousIncrementLabel()),ref:function(t){return e.leftBnRef=t},part:"navigation-arrow",iconName:"action-arrow-left-small"}),h("duet-action-button",{class:"duet-range-step-button duet-range-step-plus",onClick:function(t){return e.handleClick(t,1)},"accessible-label":"".concat(this.ariaLabels.next_increment," ").concat(this.generateNextIncrementLabel()),id:this.rightBn,ref:function(t){return e.rightBnRef=t},part:"navigation-arrow",iconName:"action-arrow-right-small"}))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{stepIndex:["watchStepIndexStateHandler"],stepSize:["watchStepSizeStateHandler"]}},enumerable:false,configurable:true});return e}();DuetRangeStepper.style=duetRangeStepperCss;export{DuetPagination as duet_pagination,DuetRangeStepper as duet_range_stepper};

package/lib/esm-es5/duet-popup-menu-item.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,o){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function u(e){try{s(o.next(e))}catch(e){r(e)}}function a(e){try{s(o["throw"](e))}catch(e){r(e)}}function s(e){e.done?n(e.value):i(e.value).then(u,a)}s((o=o.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:[]},o,i,r,u;return u={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(u[Symbol.iterator]=function(){return this}),u;function a(e){return function(t){return s([e,t])}}function s(a){if(o)throw new TypeError("Generator is already executing.");while(u&&(u=0,a[0]&&(n=0)),n)try{if(o=1,i&&(r=a[0]&2?i["return"]:a[0]?i["throw"]||((r=i["return"])&&r.call(i),0):i.next)&&!(r=r.call(i,a[1])).done)return r;if(i=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{o=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-c1a17a4c.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";var duetPopupMenuItemCss='*,*::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:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:8px;align-items:center;height:100%;padding:8px 20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.active,.duet-popup-menu-item.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-popup-menu-item.active.duet-theme-turva,.duet-popup-menu-item.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}';var DuetPopupMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.focus=false;this.accessibleLabel=undefined;this.theme="";this.url=undefined;this.external=false;this.value=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.trailingText=undefined;this.active=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.isFocused=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.focus]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var n={"duet-popup-menu-item":true,active:this.active,"duet-theme-turva":this.theme==="turva"};return h(Host,null,h(t,{ref:function(t){return e.itemElement=t},tabIndex:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"menuitem","aria-label":this.accessibleLabel,class:n,value:this.value,href:this.url,target:this.external?"_blank":undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{name:this.leadingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),h("span",{class:"duet-popup-menu-item-label"},h("slot",null)),this.trailingIcon&&h("duet-icon",{name:this.trailingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&h("span",{class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPopupMenuItem.style=duetPopupMenuItemCss;export{DuetPopupMenuItem as duet_popup_menu_item};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b1b085ac.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{n as nudge}from"./nudge-a828c525.js";var duetPopupMenuItemCss='*,*::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:flex;flex-direction:row;gap:0.5rem;align-items:center;justify-content:flex-start}.duet-popup-menu-item{display:flex;flex-grow:1;gap:8px;align-items:center;height:100%;padding:8px 20px;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;line-height:1.25;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer}.duet-popup-menu-item:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva .duet-popup-menu-item:focus,.duet-popup-menu-item:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-popup-menu-item.active,.duet-popup-menu-item.active:hover{color:rgb(255, 255, 255);background:rgb(0, 119, 179)}.duet-popup-menu-item.active.duet-theme-turva,.duet-popup-menu-item.active:hover.duet-theme-turva{color:rgb(255, 255, 255);background:rgb(198, 12, 48)}.duet-popup-menu-item:hover{background:rgb(230, 242, 248)}.duet-popup-menu-item:hover.duet-theme-turva{background:rgb(228, 228, 230)}.duet-popup-menu-item .duet-popup-menu-item-label{flex-grow:1}';var DuetPopupMenuItem=function(){function e(e){var t=this;registerInstance(this,e);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.onFocus=function(e){t.focus=true;t.duetFocus.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.onBlur=function(e){t.focus=false;t.duetBlur.emit({originalEvent:e,value:t.value,component:"duet-popup-menu-item"})};this.focus=false;this.accessibleLabel=undefined;this.theme="";this.url=undefined;this.external=false;this.value=undefined;this.leadingIcon=undefined;this.trailingIcon=undefined;this.trailingText=undefined;this.active=false}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){nudge(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(n){setTimeout((function(){return t.itemElement.focus(e)}),200);return[2]}))}))};e.prototype.isFocused=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.focus]}))}))};e.prototype.render=function(){var e=this;var t=this.url?"a":"button";var n={"duet-popup-menu-item":true,active:this.active,"duet-theme-turva":this.theme==="turva"};return h(Host,null,h(t,{ref:function(t){return e.itemElement=t},tabIndex:-1,onFocus:this.onFocus,onBlur:this.onBlur,role:"menuitem","aria-label":this.accessibleLabel,class:n,value:this.value,href:this.url,target:this.external?"_blank":undefined,rel:this.external?"noopener":undefined},this.leadingIcon&&h("duet-icon",{name:this.leadingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-leading",margin:"none"}),h("span",{class:"duet-popup-menu-item-label"},h("slot",null)),this.trailingIcon&&h("duet-icon",{name:this.trailingIcon,size:"xx-small",color:"currentColor",class:"duet-popup-menu-item-trailing",margin:"none"}),this.trailingText&&h("span",{class:"duet-popup-menu-item-trailing"},this.trailingText)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPopupMenuItem.style=duetPopupMenuItemCss;export{DuetPopupMenuItem as duet_popup_menu_item};

package/lib/esm-es5/duet-popup-menu.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,n,i){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,r){function s(e){try{u(i.next(e))}catch(e){r(e)}}function a(e){try{u(i["throw"](e))}catch(e){r(e)}}function u(e){e.done?n(e.value):o(e.value).then(s,a)}u((i=i.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:[]},i,o,r,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return u([e,t])}}function u(a){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,a[0]&&(n=0)),n)try{if(i=1,o&&(r=a[0]&2?o["return"]:a[0]?o["throw"]||((r=o["return"])&&r.call(o),0):o.next)&&!(r=r.call(o,a[1])).done)return r;if(o=0,r)a=[a[0]&2,r.value];switch(a[0]){case 0:case 1:r=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(r=n.trys,r=r.length>0&&r[r.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!r||a[1]>r[0]&&a[1]<r[3])){n.label=a[1];break}if(a[0]===6&&n.label<r[1]){n.label=r[1];r=a;break}if(r&&n.label<r[2]){n.label=r[2];n.ops.push(a);break}if(r[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];o=0}finally{i=r=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-c1a17a4c.js";import{c as computePosition,o as offset,f as flip}from"./floating-ui.dom.esm-6025c98f.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{f as isEscapeKey,c as isArrowDownKey,b as isArrowUpKey,o as isTabKey}from"./keyboard-utils-d237bd5a.js";import{T as Teleport}from"./teleport-6b18ccae.js";var duetPopupMenuCss="*,*::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:0;padding:1rem 0;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1);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(245, 245, 247)}";var DuetPopupMenu=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.updatePlacement=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!this.controller){return[2]}return[4,computePosition(this.controller,this.element,{middleware:[offset({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),flip()],placement:this.placement,strategy:this.position})];case 1:e=t.sent();this.menuY=e.y;this.menuX=e.x;return[2]}}))}))};this.open=false;this.menuY=undefined;this.menuX=undefined;this.accessibleLabel=undefined;this.theme="";this.controller=undefined;this.placement="bottom-start";this.position="absolute";this.mainAxisOffset=0;this.crossAxisOffset=0}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.teleport=new Teleport(this.element)};e.prototype.componentDidLoad=function(){{this.updatePlacement()}};e.prototype.handleKeyUp=function(e){if(this.open){if(isEscapeKey(e)){this.focusController();this.hide()}}};e.prototype.handleKeyDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t,t;return __generator(this,(function(n){switch(n.label){case 0:if(!this.open)return[3,5];if(!isArrowDownKey(e))return[3,2];e.preventDefault();return[4,this.getFocusedItemIndex()];case 1:t=n.sent();if(t!==-1){if(t<this.itemElements.length-1){this.itemElements[t+1].setFocus()}else{this.itemElements[0].setFocus()}}n.label=2;case 2:if(!isArrowUpKey(e))return[3,4];e.preventDefault();return[4,this.getFocusedItemIndex()];case 3:t=n.sent();if(t!==-1){if(t===0){this.itemElements[this.itemElements.length-1].setFocus()}else{this.itemElements[t-1].setFocus()}}n.label=4;case 4:if(isTabKey(e)){e.preventDefault();this.hide()}n.label=5;case 5:return[2]}}))}))};e.prototype.handleClick=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element&&e!==t.controller}));if(this.open&&n){this.hide()}};e.prototype.isOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.open]}))}))};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.teleport.go();this.itemElements[0].setFocus();this.duetToggle.emit({open:this.open,component:"duet-popup-menu"});this.updatePlacement();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;this.duetToggle.emit({open:this.open,component:"duet-popup-menu"});this.focusController();this.teleport.resume(200);return[2]}))}))};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.open){this.hide()}else{this.show()}return[2]}))}))};e.prototype.focusController=function(){if(this.controller){if("setFocus"in this.controller){this.controller.setFocus()}else{this.controller.focus()}}};Object.defineProperty(e.prototype,"itemElements",{get:function(){return Array.from(this.element.querySelectorAll(":scope > duet-popup-menu-item"))},enumerable:false,configurable:true});e.prototype.getFocusedItemIndex=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:e=this.itemElements;t=0;n.label=1;case 1:if(!(t<e.length))return[3,4];return[4,e[t].isFocused()];case 2:if(n.sent()){return[2,t]}n.label=3;case 3:t++;return[3,1];case 4:return[2,-1]}}))}))};e.prototype.render=function(){var e={top:"".concat(this.menuY,"px"),left:"".concat(this.menuX,"px")};return h(Host,{class:this.position},h("div",{style:e,class:{open:this.open,"duet-popup-menu-list":true,"duet-theme-turva":this.theme==="turva"},role:"menu","aria-label":this.accessibleLabel},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPopupMenu.style=duetPopupMenuCss;export{DuetPopupMenu as duet_popup_menu};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b1b085ac.js";import{c as computePosition,o as offset,f as flip}from"./floating-ui.dom.esm-6025c98f.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{f as isEscapeKey,c as isArrowDownKey,b as isArrowUpKey,o as isTabKey}from"./keyboard-utils-d237bd5a.js";import{T as Teleport}from"./teleport-467626fe.js";var duetPopupMenuCss="*,*::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:0;padding:1rem 0;margin:0;color:rgb(0, 41, 77);list-style:none;visibility:hidden !important;background:rgb(243, 249, 252);border-radius:0 0 8px 8px;box-shadow:0 6px 6px 0 rgba(0, 41, 77, 0.1);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(245, 245, 247)}";var DuetPopupMenu=function(){function e(e){var t=this;registerInstance(this,e);this.duetToggle=createEvent(this,"duetToggle",7);this.updatePlacement=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!this.controller){return[2]}return[4,computePosition(this.controller,this.element,{middleware:[offset({mainAxis:this.mainAxisOffset,crossAxis:this.crossAxisOffset}),flip()],placement:this.placement,strategy:this.position})];case 1:e=t.sent();this.menuY=e.y;this.menuX=e.x;return[2]}}))}))};this.open=false;this.menuY=undefined;this.menuX=undefined;this.accessibleLabel=undefined;this.theme="";this.controller=undefined;this.placement="bottom-start";this.position="absolute";this.mainAxisOffset=0;this.crossAxisOffset=0}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.teleport=new Teleport(this.element)};e.prototype.componentDidLoad=function(){{this.updatePlacement()}};e.prototype.handleKeyUp=function(e){if(this.open){if(isEscapeKey(e)){this.focusController();this.hide()}}};e.prototype.handleKeyDown=function(e){return __awaiter(this,void 0,void 0,(function(){var t,t;return __generator(this,(function(n){switch(n.label){case 0:if(!this.open)return[3,5];if(!isArrowDownKey(e))return[3,2];e.preventDefault();return[4,this.getFocusedItemIndex()];case 1:t=n.sent();if(t!==-1){if(t<this.itemElements.length-1){this.itemElements[t+1].setFocus()}else{this.itemElements[0].setFocus()}}n.label=2;case 2:if(!isArrowUpKey(e))return[3,4];e.preventDefault();return[4,this.getFocusedItemIndex()];case 3:t=n.sent();if(t!==-1){if(t===0){this.itemElements[this.itemElements.length-1].setFocus()}else{this.itemElements[t-1].setFocus()}}n.label=4;case 4:if(isTabKey(e)){e.preventDefault();this.hide()}n.label=5;case 5:return[2]}}))}))};e.prototype.handleClick=function(e){var t=this;var n=e.composedPath().every((function(e){return e!==t.element&&e!==t.controller}));if(this.open&&n){this.hide()}};e.prototype.isOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.open]}))}))};e.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=true;this.teleport.go();this.itemElements[0].setFocus();this.duetToggle.emit({open:this.open,component:"duet-popup-menu"});this.updatePlacement();return[2]}))}))};e.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){this.open=false;this.duetToggle.emit({open:this.open,component:"duet-popup-menu"});this.focusController();this.teleport.resume(200);return[2]}))}))};e.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){if(this.open){this.hide()}else{this.show()}return[2]}))}))};e.prototype.focusController=function(){if(this.controller){if("setFocus"in this.controller){this.controller.setFocus()}else{this.controller.focus()}}};Object.defineProperty(e.prototype,"itemElements",{get:function(){return Array.from(this.element.querySelectorAll(":scope > duet-popup-menu-item"))},enumerable:false,configurable:true});e.prototype.getFocusedItemIndex=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(n){switch(n.label){case 0:e=this.itemElements;t=0;n.label=1;case 1:if(!(t<e.length))return[3,4];return[4,e[t].isFocused()];case 2:if(n.sent()){return[2,t]}n.label=3;case 3:t++;return[3,1];case 4:return[2,-1]}}))}))};e.prototype.render=function(){var e={top:"".concat(this.menuY,"px"),left:"".concat(this.menuX,"px")};return h(Host,{class:this.position},h("div",{style:e,class:{open:this.open,"duet-popup-menu-list":true,"duet-theme-turva":this.theme==="turva"},role:"menu","aria-label":this.accessibleLabel},h("slot",null)))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPopupMenu.style=duetPopupMenuCss;export{DuetPopupMenu as duet_popup_menu};

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

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-c1a17a4c.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import"./string-utils-5954f458.js";var duetProgressCss="*,*::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;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(243, 249, 252);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(252, 243, 244)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-theme-turva .duet-progress progress[value]{color:rgb(198, 12, 48)}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(243, 249, 252);border-radius:0}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(252, 243, 244)}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(243, 249, 252)}.duet-theme-turva .duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(252, 243, 244)}";var DuetProgress=function(){function e(e){registerInstance(this,e);this.progressId=createID("DuetProgress");this.progressLabelId=createID("DuetProgressLabel");this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabel=undefined;this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]};this.accessibleLabelUpload=getLocaleString(this.accessibleLabelUploadDefaults);this.progress=0;this.caption=undefined;this.height="10px";this.theme=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelUpload",defaults:"accessibleLabelUploadDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){return h(Host,null,h("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":true,"duet-progress-done":this.progress===100,"duet-progress-start":this.progress===0,"duet-progress-inprogress":this.progress<99&&this.progress!==0,"duet-theme-turva":this.theme==="turva"}},h("duet-visually-hidden",null,h("label",{htmlFor:this.progressLabelId},this.progress!==0&&h("span",null,this.accessibleLabel,", ",this.accessibleLabelUpload[this.progress<99?1:0]))),this.caption&&h("div",{class:"duet-progress-caption"},h("span",null,this.caption)),h("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},h("div",{class:"progress-bar"},h("span",{style:{width:"".concat(this.progress,"%;")}},"Progress: ",this.progress,"%")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetProgress.style=duetProgressCss;export{DuetProgress as duet_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-b1b085ac.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver}from"./language-utils-9d850f6c.js";import{n as nudge}from"./nudge-a828c525.js";import"./string-utils-5954f458.js";var duetProgressCss="*,*::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;width:100%;height:inherit}.duet-progress{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%;min-height:1px;}.duet-progress .progress-bar{position:relative;display:block;width:100%;height:inherit;min-height:1px;background-color:rgb(243, 249, 252);border-radius:0;box-shadow:none}.duet-theme-turva .duet-progress .progress-bar{background-color:rgb(252, 243, 244)}.duet-progress .progress-bar>span{display:block;height:inherit;text-indent:-9999px;background-color:rgb(0, 119, 179);border-radius:0}.duet-theme-turva .duet-progress .progress-bar>span{background-color:rgb(198, 12, 48)}.duet-progress progress[value]{display:flex;width:100%;height:inherit;min-height:1px;color:rgb(0, 119, 179);border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duet-theme-turva .duet-progress progress[value]{color:rgb(198, 12, 48)}.duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(243, 249, 252);border-radius:0}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-bar{background-color:rgb(252, 243, 244)}.duet-progress progress[value]::-webkit-progress-value{background-color:rgb(0, 119, 179);background-size:35px 20px, 100% 100%, 100% 100%;border-radius:0;-webkit-animation:animate-stripes 5s linear infinite;animation:animate-stripes 5s linear infinite}.duet-theme-turva .duet-progress progress[value]::-webkit-progress-value{background-color:rgb(198, 12, 48)}.duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(243, 249, 252)}.duet-theme-turva .duet-progress progress[value] ::-moz-progress-bar{background-color:rgb(252, 243, 244)}";var DuetProgress=function(){function e(e){registerInstance(this,e);this.progressId=createID("DuetProgress");this.progressLabelId=createID("DuetProgressLabel");this.accessibleDescribedBy=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleLabel=undefined;this.accessibleLabelUploadDefaults={fi:["lähetys valmis","lähetys käynnissä"],sv:["Uppladdningen är klar","Uppladdning pågår"],en:["upload completed","upload in progress"]};this.accessibleLabelUpload=getLocaleString(this.accessibleLabelUploadDefaults);this.progress=0;this.caption=undefined;this.height="10px";this.theme=""}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){nudge(this)};e.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleLabelUpload",defaults:"accessibleLabelUploadDefaults"})};e.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};e.prototype.render=function(){return h(Host,null,h("div",{"aria-live":this.accessibleLabel?"polite":"off","aria-hidden":this.accessibleLabel?"false":"true","aria-atomic":"true",style:{height:this.height},id:this.progressId,class:{"duet-progress":true,"duet-progress-done":this.progress===100,"duet-progress-start":this.progress===0,"duet-progress-inprogress":this.progress<99&&this.progress!==0,"duet-theme-turva":this.theme==="turva"}},h("duet-visually-hidden",null,h("label",{htmlFor:this.progressLabelId},this.progress!==0&&h("span",null,this.accessibleLabel,", ",this.accessibleLabelUpload[this.progress<99?1:0]))),this.caption&&h("div",{class:"duet-progress-caption"},h("span",null,this.caption)),h("progress",{id:this.progressLabelId,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:"progressbar",value:this.progress,max:"100","aria-valuemin":"0","aria-valuemax":"100"},h("div",{class:"progress-bar"},h("span",{style:{width:"".concat(this.progress,"%;")}},"Progress: ",this.progress,"%")))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetProgress.style=duetProgressCss;export{DuetProgress as duet_progress};

package/lib/esm-es5/duet-promo-card.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*!
  * Built with Duet Design System
  */
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-c1a17a4c.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{g as getColorByName}from"./token-utils-2d3af0db.js";import"./tokens.module-c7944140.js";var duetPromoCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(0, 41, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}';var DuetPromoCard=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto";this.backgroundColor="";this.textColor="secondary";this.image="";this.headingLevel="h3";this.url=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasPreHeadingSlot=!!this.element.querySelector('[slot="pre-heading"]');this.hasHeadingSlot=!!this.element.querySelector('[slot="heading"]');this.hasDescriptionSlot=!!this.element.querySelector('[slot="description"]');this.hasActionSlot=!!this.element.querySelector('[slot="action"]')};e.prototype.render=function(){var e=getColorByName(this.backgroundColor,this.theme);var t={backgroundColor:e?e:"none"};var o=this.url?"a":"div";return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("aside",{class:{"duet-promo-card":true,"duet-theme-turva":this.theme==="turva","no-bg-color":!this.backgroundColor},style:t},h(o,{href:this.url,class:"content-wrapper"},h("img",{class:"image",src:this.image,alt:"",role:"presentation"}),h("div",{class:"content"},this.hasPreHeadingSlot&&h("div",{class:"pre-heading"},h("slot",{name:"pre-heading"})),this.hasHeadingSlot&&h("div",{class:"heading"},h("duet-heading",{theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:this.textColor},h("slot",{name:"heading"}))),this.hasDescriptionSlot&&h("div",{class:"description"},h("duet-paragraph",{theme:this.theme,margin:"none",color:this.textColor},h("slot",{name:"description"}))),this.hasActionSlot&&h("div",{class:"action"},h("slot",{name:"action"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPromoCard.style=duetPromoCardCss;export{DuetPromoCard as duet_promo_card};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-b1b085ac.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{n as nudge}from"./nudge-a828c525.js";import{g as getColorByName}from"./token-utils-2d3af0db.js";import"./tokens.module-c7944140.js";var duetPromoCardCss='*,*::after,*::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}:host{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:4px !important;margin-bottom:2px !important;display:block;width:auto}:host:last-child,:host:last-of-type{margin-right:0 !important}:host(.duet-m-0){margin:0 !important}.duet-promo-card{display:flex;flex-direction:column;width:100%;height:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-style:normal;color:rgb(0, 41, 77);text-align:left;border-radius:20px}.duet-promo-card.duet-p-0{padding:0 !important}.duet-promo-card.duet-m-0{margin:0 !important}.duet-promo-card .content-wrapper{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.duet-promo-card .image{position:relative;width:100%;overflow:hidden;border-top-left-radius:20px;border-top-right-radius:20px;object-fit:cover}.duet-promo-card .content{display:flex;flex-direction:column;flex-grow:1;gap:8px;padding:20px}@media (min-width: 36em){.duet-promo-card .content{padding:28px}}.duet-promo-card .action{display:flex;flex-grow:1;align-items:flex-end;padding-top:16px}.duet-promo-card.no-bg-color .content{padding:20px 0 0}.duet-promo-card.no-bg-color .image{border-radius:16px}.duet-promo-card.duet-theme-turva{font-family:"turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}';var DuetPromoCard=function(){function e(e){registerInstance(this,e);this.theme="";this.margin="auto";this.backgroundColor="";this.textColor="secondary";this.image="";this.headingLevel="h3";this.url=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasPreHeadingSlot=!!this.element.querySelector('[slot="pre-heading"]');this.hasHeadingSlot=!!this.element.querySelector('[slot="heading"]');this.hasDescriptionSlot=!!this.element.querySelector('[slot="description"]');this.hasActionSlot=!!this.element.querySelector('[slot="action"]')};e.prototype.componentDidLoad=function(){nudge(this)};e.prototype.render=function(){var e=getColorByName(this.backgroundColor,this.theme);var t={backgroundColor:e?e:"none"};var o=this.url?"a":"div";return h(Host,{class:{"duet-m-0":this.margin==="none"}},h("aside",{class:{"duet-promo-card":true,"duet-theme-turva":this.theme==="turva","no-bg-color":!this.backgroundColor},style:t},h(o,{href:this.url,class:"content-wrapper"},h("img",{class:"image",src:this.image,alt:"",role:"presentation"}),h("div",{class:"content"},this.hasPreHeadingSlot&&h("div",{class:"pre-heading"},h("slot",{name:"pre-heading"})),this.hasHeadingSlot&&h("div",{class:"heading"},h("duet-heading",{theme:this.theme,level:this.headingLevel,"visual-level":"h3",margin:"none",color:this.textColor},h("slot",{name:"heading"}))),this.hasDescriptionSlot&&h("div",{class:"description"},h("duet-paragraph",{theme:this.theme,margin:"none",color:this.textColor},h("slot",{name:"description"}))),this.hasActionSlot&&h("div",{class:"action"},h("slot",{name:"action"}))))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetPromoCard.style=duetPromoCardCss;export{DuetPromoCard as duet_promo_card};

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

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,i,o){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,r){function n(e){try{s(o.next(e))}catch(e){r(e)}}function d(e){try{s(o["throw"](e))}catch(e){r(e)}}function s(e){e.done?i(e.value):a(e.value).then(n,d)}s((o=o.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},o,a,r,n;return n={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function d(e){return function(t){return s([e,t])}}function s(d){if(o)throw new TypeError("Generator is already executing.");while(n&&(n=0,d[0]&&(i=0)),i)try{if(o=1,a&&(r=d[0]&2?a["return"]:d[0]?a["throw"]||((r=a["return"])&&r.call(a),0):a.next)&&!(r=r.call(a,d[1])).done)return r;if(a=0,r)d=[d[0]&2,r.value];switch(d[0]){case 0:case 1:r=d;break;case 4:i.label++;return{value:d[1],done:false};case 5:i.label++;a=d[1];d=[0];continue;case 7:d=i.ops.pop();i.trys.pop();continue;default:if(!(r=i.trys,r=r.length>0&&r[r.length-1])&&(d[0]===6||d[0]===2)){i=0;continue}if(d[0]===3&&(!r||d[1]>r[0]&&d[1]<r[3])){i.label=d[1];break}if(d[0]===6&&i.label<r[1]){i.label=r[1];r=d;break}if(r&&i.label<r[2]){i.label=r[2];i.ops.push(d);break}if(r[2])i.ops.pop();i.trys.pop();continue}d=t.call(e,i)}catch(e){d=[6,e];a=0}finally{o=r=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-c1a17a4c.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-dd55bce8.js";var duetRadioCss='*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{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-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 207, 209)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(101, 119, 135)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}';var DuetRadio=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.radioId=createID("DuetRadio");this.onClick=function(e){e.stopPropagation()};this.onChange=function(e){t.checked=t.nativeInput.checked||false;if(t.checked&&!t.blockEvents){t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})}};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.accessibleActiveDescendant=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleIndex=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.disabled=false;this.required=false;this.blockEvents=false;this.identifier=undefined;this.label="label";this.name=undefined;this.role=undefined;this.groupDisabled=undefined;this.groupDirection=undefined;this.groupResponsive=undefined;this.checked=undefined;this.value=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.radioId;return h(Host,{onClick:this.onClick,class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-radio-container":true,"duet-theme-turva":this.theme==="turva"}},h("input",{type:"radio",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,tabindex:this.accessibleIndex,class:{"duet-radio":true,disabled:this.disabled||this.groupDisabled},checked:this.checked,disabled:this.disabled||this.groupDisabled,required:this.required,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:this.role,name:this.name,id:t,ref:function(t){return e.nativeInput=t}}),h("label",{class:"duet-label",htmlFor:t},h("div",{class:"duet-label-content"},this.hasLabel?h("slot",{name:"label"}):this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRadio.style=duetRadioCss;var duetRadioGroupCss="*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";var DuetRadioGroup=function(){function e(e){var t=this;registerInstance(this,e);this.onSelect=function(e){var i=e.target;if(i){t.value=i.value}e.cancelBubble=true};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.tooltip="";this.tooltipDirection="auto";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption="";this.responsive=false;this.value=undefined;this.disabled=undefined}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(o){switch(o.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,"duet-radio");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:o.sent();if(this.value===undefined){this.value=t.value}o.label=2;case 2:this.mutationO=watchForOptions(e,"duet-radio",(function(e){if(e!==undefined){e.componentOnReady().then((function(){i.value=e.value}))}else{i.updateRadios()}}));this.updateRadios();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.updateRadios=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o,a,r;return __generator(this,(function(n){e=Array.from(this.element.querySelectorAll("duet-radio"));t=this.value;i=false;for(o=0,a=e;o<a.length;o++){r=a[o];r.name=this.name;r.groupDisabled=this.disabled;r.groupDirection=this.direction;r.groupResponsive=this.responsive;if(!i&&r.value===t){i=true;r.checked=true}else{r.checked=false}}if(!i){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return h(Host,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("div",{class:{"duet-radio-group":true,"duet-no-stacking":!this.responsive}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["updateRadios"],value:["updateRadios"],disabled:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}},enumerable:false,configurable:true});return e}();DuetRadioGroup.style=duetRadioGroupCss;export{DuetRadio as duet_radio,DuetRadioGroup as duet_radio_group};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b1b085ac.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{n as nudge}from"./nudge-a828c525.js";import{f as findCheckedOption,w as watchForOptions}from"./watch-options-dd55bce8.js";var duetRadioCss='*.sc-duet-radio,*.sc-duet-radio::after,*.sc-duet-radio::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:28px !important;margin-bottom:12px !important;display:inline-flex;width:100%;vertical-align:bottom;-webkit-tap-highlight-color:transparent}.sc-duet-radio-h:last-child,.sc-duet-radio-h:last-of-type{margin-right:0 !important}.vertical.sc-duet-radio-h{margin-right:0 !important}.horizontal.sc-duet-radio-h{margin-bottom:0 !important;width:auto}.horizontal.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}@media (min-width: 48em){.horizontal-responsive.sc-duet-radio-h{margin-right:28px !important;margin-bottom:0 !important;width:auto}.horizontal-responsive.sc-duet-radio-h:last-child,.horizontal-responsive.sc-duet-radio-h:last-of-type{margin-right:0 !important}.horizontal-responsive.sc-duet-radio-h .duet-label.sc-duet-radio .duet-label-content.sc-duet-radio{max-width:100%}}.duet-m-0.sc-duet-radio-h{margin:0 !important}.sc-duet-radio-h:last-child:not(:only-child){margin-right:0 !important;margin-bottom:0 !important}.duet-label.sc-duet-radio{position:relative;z-index:100;display:flex;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;hyphens:auto;line-height:1.5;color:rgb(0, 41, 77);word-break:break-word;overflow-wrap:break-word;cursor:pointer;background:transparent}.duet-theme-turva.sc-duet-radio .duet-label.sc-duet-radio{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-label.sc-duet-radio .duet-label-content.sc-duet-radio{flex-grow:1;font-size:1rem}.duet-label-hidden.sc-duet-radio .duet-label.sc-duet-radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}.duet-radio-container.sc-duet-radio{position:relative;width:100%;height:100%}.duet-radio.sc-duet-radio{padding:14px !important;position:absolute;top:0;left:0;z-index:200;width:100%;height:100%;cursor:pointer;opacity:0}.duet-radio.sc-duet-radio+label.sc-duet-radio::before{z-index:100;flex-shrink:0;width:20px;height:20px;margin:2px 10px 1px 1px;content:"";background:rgb(255, 255, 255);border:1px solid rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(23, 28, 58)}.duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:focus+label.sc-duet-radio::before{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a}.duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{position:absolute;top:6px;left:5px;z-index:200;flex-shrink:0;width:12px;height:12px;content:"";background:rgb(0, 41, 77);border-radius:50%}.duet-theme-turva.sc-duet-radio .duet-radio.sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(23, 28, 58)}.duet-radio[disabled].sc-duet-radio{cursor:default}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio{color:rgb(116, 116, 117)}.duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio+label.sc-duet-radio::before{border-color:rgb(207, 207, 209)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::before{border:1px solid rgb(101, 119, 135)}.duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(101, 119, 135)}.duet-theme-turva.sc-duet-radio .duet-radio[disabled].sc-duet-radio:checked+label.sc-duet-radio::after{background:rgb(116, 116, 117);border-color:rgb(116, 116, 117)}';var DuetRadio=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",7);this.duetFocus=createEvent(this,"duetFocus",7);this.duetBlur=createEvent(this,"duetBlur",7);this.radioId=createID("DuetRadio");this.onClick=function(e){e.stopPropagation()};this.onChange=function(e){t.checked=t.nativeInput.checked||false;if(t.checked&&!t.blockEvents){t.duetChange.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})}};this.onBlur=function(e){t.duetBlur.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.onFocus=function(e){t.duetFocus.emit({originalEvent:e,checked:t.checked,value:t.value,component:"duet-radio"})};this.accessibleActiveDescendant=undefined;this.accessibleDetails=undefined;this.accessibleLabelledBy=undefined;this.accessibleDescription=undefined;this.accessibleIndex=undefined;this.margin="auto";this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.theme="";this.disabled=false;this.required=false;this.blockEvents=false;this.identifier=undefined;this.label="label";this.name=undefined;this.role=undefined;this.groupDisabled=undefined;this.groupDirection=undefined;this.groupResponsive=undefined;this.checked=undefined;this.value=undefined}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasLabel=!!this.element.querySelector(":scope > [slot='label']");if(this.value===undefined){this.value=this.identifier}};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.render=function(){var e=this;var t=this.identifier||this.radioId;return h(Host,{onClick:this.onClick,class:{horizontal:this.groupDirection==="horizontal"&&!this.groupResponsive,"horizontal-responsive":this.groupDirection==="horizontal"&&this.groupResponsive,"duet-m-0":this.margin==="none"}},h("div",{class:{"duet-radio-container":true,"duet-theme-turva":this.theme==="turva"}},h("input",{type:"radio",onFocus:this.onFocus,onBlur:this.onBlur,onChange:this.onChange,value:this.value,tabindex:this.accessibleIndex,class:{"duet-radio":true,disabled:this.disabled||this.groupDisabled},checked:this.checked,disabled:this.disabled||this.groupDisabled,required:this.required,"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,"aria-labelledby":this.accessibleLabelledBy,"aria-details":this.accessibleDetails,"aria-description":this.accessibleDescription,role:this.role,name:this.name,id:t,ref:function(t){return e.nativeInput=t}}),h("label",{class:"duet-label",htmlFor:t},h("div",{class:"duet-label-content"},this.hasLabel?h("slot",{name:"label"}):this.label))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRadio.style=duetRadioCss;var duetRadioGroupCss="*.sc-duet-radio-group,*.sc-duet-radio-group::after,*.sc-duet-radio-group::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-radio-group-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:block;width:100%}.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:block}@media (min-width: 48em){.horizontal.sc-duet-radio-group-h .duet-radio-group.sc-duet-radio-group{display:flex}}.horizontal.sc-duet-radio-group-h .duet-radio-group.duet-no-stacking.sc-duet-radio-group{display:flex}.deut-radio-group.sc-duet-radio-group{width:100%}";var DuetRadioGroup=function(){function e(e){var t=this;registerInstance(this,e);this.onSelect=function(e){var i=e.target;if(i){t.value=i.value}e.cancelBubble=true};this.direction="vertical";this.margin="auto";this.theme="";this.error="";this.tooltip="";this.tooltipDirection="auto";this.name=undefined;this.label="Label";this.labelHidden=false;this.caption="";this.responsive=false;this.value=undefined;this.disabled=undefined}e.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var e,t;var i=this;return __generator(this,(function(o){switch(o.label){case 0:e=this.element;if(!(this.value===undefined))return[3,2];t=findCheckedOption(e,"duet-radio");if(!(t!==undefined))return[3,2];return[4,t.componentOnReady()];case 1:o.sent();if(this.value===undefined){this.value=t.value}o.label=2;case 2:this.mutationO=watchForOptions(e,"duet-radio",(function(e){if(e!==undefined){e.componentOnReady().then((function(){i.value=e.value}))}else{i.updateRadios()}}));this.updateRadios();return[2]}}))}))};e.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){nudge(this)};e.prototype.updateRadios=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,i,o,a,r;return __generator(this,(function(n){e=Array.from(this.element.querySelectorAll("duet-radio"));t=this.value;i=false;for(o=0,a=e;o<a.length;o++){r=a[o];r.name=this.name;r.groupDisabled=this.disabled;r.groupDirection=this.direction;r.groupResponsive=this.responsive;if(!i&&r.value===t){i=true;r.checked=true}else{r.checked=false}}if(!i){this.value=undefined}return[2]}))}))};e.prototype.render=function(){return h(Host,{onDuetChange:this.onSelect,class:{horizontal:this.direction==="horizontal"}},h("duet-fieldset",{label:this.label,labelHidden:this.labelHidden,caption:this.caption,error:this.error,margin:this.margin,theme:this.theme},this.tooltip&&h("duet-tooltip",{slot:"tooltip",direction:this.tooltipDirection,accessibleInputLabel:this.label},this.tooltip),h("div",{class:{"duet-radio-group":true,"duet-no-stacking":!this.responsive}},h("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{name:["updateRadios"],value:["updateRadios"],disabled:["updateRadios"],direction:["updateRadios"],responsive:["updateRadios"]}},enumerable:false,configurable:true});return e}();DuetRadioGroup.style=duetRadioGroupCss;export{DuetRadio as duet_radio,DuetRadioGroup as duet_radio_group};

package/lib/esm-es5/duet-range-slider.entry.js CHANGED Viewed

@@ -1,4 +1,4 @@
 var __awaiter=this&&this.__awaiter||function(e,t,r,a){function n(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function s(e){try{u(a.next(e))}catch(e){i(e)}}function d(e){try{u(a["throw"](e))}catch(e){i(e)}}function u(e){e.done?r(e.value):n(e.value).then(s,d)}u((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,n,i,s;return s={next:d(0),throw:d(1),return:d(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function d(e){return function(t){return u([e,t])}}function u(d){if(a)throw new TypeError("Generator is already executing.");while(s&&(s=0,d[0]&&(r=0)),r)try{if(a=1,n&&(i=d[0]&2?n["return"]:d[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,d[1])).done)return i;if(n=0,i)d=[d[0]&2,i.value];switch(d[0]){case 0:case 1:i=d;break;case 4:r.label++;return{value:d[1],done:false};case 5:r.label++;n=d[1];d=[0];continue;case 7:d=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!i||d[1]>i[0]&&d[1]<i[3])){r.label=d[1];break}if(d[0]===6&&r.label<i[1]){r.label=i[1];i=d;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(d);break}if(i[2])r.ops.pop();r.trys.pop();continue}d=t.call(e,r)}catch(e){d=[6,e];n=0}finally{a=i=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-c1a17a4c.js";import{i as colorPrimaryTurva,j as colorGrayTurva,k as colorPrimary,l as colorGray}from"./tokens.module-c7944140.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{i as isInternetExplorer}from"./is-internet-explorer-62b3bdbd.js";var duetRangeSliderCss='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{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-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(144, 149, 153)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(207, 210, 212);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(207, 207, 209)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:disabled{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(207, 207, 209) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(207, 207, 209)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var colors={turva:{active:colorPrimaryTurva,inactive:colorGrayTurva},default:{active:colorPrimary,inactive:colorGray}};var DuetRangeSlider=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetInput=createEvent(this,"duetInput",7);this.rangeId=createID("DuetRange");this.onInput=function(e){var r=e.target;if(r){t.value=parseFloat(r.value)||0}t.duetInput.emit({originalEvent:e,value:t.value,component:"duet-range-slider"})};this.onChange=function(e){var r=e.target;if(r){t.value=parseFloat(r.value)||0}clearTimeout(t.timeoutId);t.timeoutId=setTimeout((function(){t.duetChange.emit({originalEvent:e,value:t.value,component:"duet-range-slider"})}),t.debounce)};this.theme="";this.margin="auto";this.expand=false;this.identifier=undefined;this.name=undefined;this.required=false;this.disabled=false;this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.min=0;this.label="label";this.labelHidden=false;this.unit="";this.max=100;this.step=1;this.locale="fi-FI";this.value=0;this.debounce=0}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.calculatePercentage=function(){return(this.value-this.min)/(this.max-this.min)*100};e.prototype.render=function(){var e=this;var t=this.identifier||this.rangeId;var r=this.theme==="turva"?"turva":"default";var a=colors[r],n=a.inactive,i=a.active;var s=this.calculatePercentage();var d={background:"-webkit-linear-gradient(left,".concat(i," 0%,").concat(i," ").concat(s,"%,").concat(n," ").concat(s,"%)")};return h(Host,{class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},h("div",{class:{"duet-range-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-ie":isInternetExplorer(),"duet-range-disabled":this.disabled}},h("duet-label",{theme:r,margin:"small",for:t},this.label),h("output",{"aria-hidden":"true",htmlFor:t,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),h("input",{onInput:this.onInput,onChange:this.onChange,ref:function(t){return e.nativeInput=t},type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:d,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":"".concat(this.value," ").concat(this.unit),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:t,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRangeSlider.style=duetRangeSliderCss;export{DuetRangeSlider as duet_range_slider};
+ */import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-b1b085ac.js";import{i as colorPrimaryTurva,j as colorGrayTurva,k as colorPrimary,l as colorGray}from"./tokens.module-c7944140.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{c as createID}from"./create-id-981107da.js";import{i as isInternetExplorer}from"./is-internet-explorer-62b3bdbd.js";import{n as nudge}from"./nudge-a828c525.js";var duetRangeSliderCss='*.sc-duet-range-slider,*.sc-duet-range-slider::after,*.sc-duet-range-slider::before{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.sc-duet-range-slider-h{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;margin-right:16px !important;margin-bottom:12px !important;display:inline-flex;width:100%;max-width:100%;text-align:left;vertical-align:bottom}.sc-duet-range-slider-h:last-child,.sc-duet-range-slider-h:last-of-type{margin-right:0 !important}@media (min-width: 36em){.sc-duet-range-slider-h{width:calc(50% - 16px - 3px)}.duet-expand.sc-duet-range-slider-h{width:100% !important}}.duet-m-0.sc-duet-range-slider-h{margin:0 !important}.duet-range-container.sc-duet-range-slider{position:relative;width:100%}.duet-output.sc-duet-range-slider{position:absolute;top:12px;right:0;z-index:200;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:0.875rem;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.25;color:rgb(0, 41, 77);background:rgb(255, 255, 255)}.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{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-range-disabled.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(144, 149, 153)}.duet-range-disabled.duet-theme-turva.sc-duet-range-slider .duet-output.sc-duet-range-slider{color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider{position:relative;z-index:100;width:100%;height:4px;background:rgb(207, 210, 212);border-radius:4px}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider{background:rgb(207, 207, 209)}.duet-ie.sc-duet-range-slider .duet-range.sc-duet-range-slider{display:block;width:auto;height:26px;background:transparent !important}.duet-range.sc-duet-range-slider::-moz-range-track{height:1px;background:transparent !important;border:0;-moz-appearance:none}.duet-range.sc-duet-range-slider::-ms-track{color:transparent;background:transparent;border:0}.duet-range.sc-duet-range-slider:focus,.duet-range.sc-duet-range-slider:active{outline:0}.user-is-tabbing.sc-duet-range-slider-h .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(0, 119, 179, 0.75)}.user-is-tabbing.sc-duet-range-slider-h .duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:focus{box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(23, 28, 58, 0.75)}.duet-range.sc-duet-range-slider::-webkit-slider-runnable-track{background:transparent}.duet-range.sc-duet-range-slider::-webkit-slider-thumb{position:relative;width:24px;height:24px;cursor:-webkit-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;transition:box-shadow 300ms ease;-webkit-appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-webkit-slider-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-webkit-slider-thumb{cursor:-webkit-grabbing}.duet-range.sc-duet-range-slider::-moz-range-thumb{position:relative;width:24px;height:24px;cursor:-moz-grab;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%;appearance:none}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-moz-range-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:active::-moz-range-thumb{cursor:-moz-grabbing}.duet-range.sc-duet-range-slider::-ms-thumb{position:relative;width:24px;height:24px;overflow:visible;background:rgb(255, 255, 255);border:1px solid rgb(144, 149, 153);border-radius:50%}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-thumb{border-color:rgb(116, 116, 117)}.duet-range.sc-duet-range-slider:disabled{background:rgb(207, 210, 212) !important}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled{background:rgb(207, 207, 209) !important}.duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-webkit-slider-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-moz-range-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider:disabled::-ms-thumb{cursor:default;background:rgb(207, 210, 212);border-color:transparent}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider:disabled::-ms-thumb{background:rgb(207, 207, 209);border-color:transparent}.duet-range.sc-duet-range-slider::-ms-fill-lower{height:4px;background:rgb(0, 119, 179)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-lower{background:rgb(198, 12, 48)}.duet-range.sc-duet-range-slider::-ms-fill-upper{height:4px;background:rgb(207, 210, 212)}.duet-theme-turva.sc-duet-range-slider .duet-range.sc-duet-range-slider::-ms-fill-upper{background:rgb(207, 207, 209)}.duet-label-hidden.sc-duet-range-slider duet-label.sc-duet-range-slider,.duet-label-hidden.sc-duet-range-slider output.sc-duet-range-slider{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}';var colors={turva:{active:colorPrimaryTurva,inactive:colorGrayTurva},default:{active:colorPrimary,inactive:colorGray}};var DuetRangeSlider=function(){function e(e){var t=this;registerInstance(this,e);this.duetChange=createEvent(this,"duetChange",3);this.duetInput=createEvent(this,"duetInput",7);this.rangeId=createID("DuetRange");this.onInput=function(e){var r=e.target;if(r){t.value=parseFloat(r.value)||0}t.duetInput.emit({originalEvent:e,value:t.value,component:"duet-range-slider"})};this.onChange=function(e){var r=e.target;if(r){t.value=parseFloat(r.value)||0}clearTimeout(t.timeoutId);t.timeoutId=setTimeout((function(){t.duetChange.emit({originalEvent:e,value:t.value,component:"duet-range-slider"})}),t.debounce)};this.theme="";this.margin="auto";this.expand=false;this.identifier=undefined;this.name=undefined;this.required=false;this.disabled=false;this.accessibleActiveDescendant=undefined;this.accessibleControls=undefined;this.accessibleOwns=undefined;this.accessibleDescribedBy=undefined;this.min=0;this.label="label";this.labelHidden=false;this.unit="";this.max=100;this.step=1;this.locale="fi-FI";this.value=0;this.debounce=0}e.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};e.prototype.componentDidLoad=function(){nudge(this)};e.prototype.setFocus=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.nativeInput.focus(e);return[2]}))}))};e.prototype.calculatePercentage=function(){return(this.value-this.min)/(this.max-this.min)*100};e.prototype.render=function(){var e=this;var t=this.identifier||this.rangeId;var r=this.theme==="turva"?"turva":"default";var a=colors[r],n=a.inactive,i=a.active;var s=this.calculatePercentage();var d={background:"-webkit-linear-gradient(left,".concat(i," 0%,").concat(i," ").concat(s,"%,").concat(n," ").concat(s,"%)")};return h(Host,{class:{"duet-m-0":this.margin==="none","duet-expand":this.expand}},h("div",{class:{"duet-range-container":true,"duet-label-hidden":this.labelHidden,"duet-theme-turva":this.theme==="turva","duet-ie":isInternetExplorer(),"duet-range-disabled":this.disabled}},h("duet-label",{theme:r,margin:"small",for:t},this.label),h("output",{"aria-hidden":"true",htmlFor:t,class:"duet-output"},this.value.toLocaleString(this.locale),this.unit),h("input",{onInput:this.onInput,onChange:this.onChange,ref:function(t){return e.nativeInput=t},type:"range",min:this.min,max:this.max,step:this.step,value:this.value,style:d,"aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":"".concat(this.value," ").concat(this.unit),"aria-controls":this.accessibleControls,"aria-activedescendant":this.accessibleActiveDescendant,"aria-owns":this.accessibleOwns,"aria-describedby":this.accessibleDescribedBy,id:t,name:this.name,disabled:this.disabled,required:this.required,class:"duet-range"})))};Object.defineProperty(e.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DuetRangeSlider.style=duetRangeSliderCss;export{DuetRangeSlider as duet_range_slider};

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

@@ -1,4 +1,4 @@
-var __awaiter=this&&this.__awaiter||function(t,e,a,o){function n(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,i){function r(t){try{l(o.next(t))}catch(t){i(t)}}function s(t){try{l(o["throw"](t))}catch(t){i(t)}}function l(t){t.done?a(t.value):n(t.value).then(r,s)}l((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},o,n,i,r;return r={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function s(t){return function(e){return l([t,e])}}function l(s){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,s[0]&&(a=0)),a)try{if(o=1,n&&(i=s[0]&2?n["return"]:s[0]?n["throw"]||((i=n["return"])&&i.call(n),0):n.next)&&!(i=i.call(n,s[1])).done)return i;if(n=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:a.label++;return{value:s[1],done:false};case 5:a.label++;n=s[1];s=[0];continue;case 7:s=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){a=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){a.label=s[1];break}if(s[0]===6&&a.label<i[1]){a.label=i[1];i=s;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(s);break}if(i[2])a.ops.pop();a.trys.pop();continue}s=e.call(t,a)}catch(t){s=[6,t];n=0}finally{o=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
+var __awaiter=this&&this.__awaiter||function(t,e,a,n){function o(t){return t instanceof a?t:new a((function(e){e(t)}))}return new(a||(a=Promise))((function(a,i){function r(t){try{s(n.next(t))}catch(t){i(t)}}function l(t){try{s(n["throw"](t))}catch(t){i(t)}}function s(t){t.done?a(t.value):o(t.value).then(r,l)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var a={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(e){return s([t,e])}}function s(l){if(n)throw new TypeError("Generator is already executing.");while(r&&(r=0,l[0]&&(a=0)),a)try{if(n=1,o&&(i=l[0]&2?o["return"]:l[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,l[1])).done)return i;if(o=0,i)l=[l[0]&2,i.value];switch(l[0]){case 0:case 1:i=l;break;case 4:a.label++;return{value:l[1],done:false};case 5:a.label++;o=l[1];l=[0];continue;case 7:l=a.ops.pop();a.trys.pop();continue;default:if(!(i=a.trys,i=i.length>0&&i[i.length-1])&&(l[0]===6||l[0]===2)){a=0;continue}if(l[0]===3&&(!i||l[1]>i[0]&&l[1]<i[3])){a.label=l[1];break}if(l[0]===6&&a.label<i[1]){a.label=i[1];i=l;break}if(i&&a.label<i[2]){a.label=i[2];a.ops.push(l);break}if(i[2])a.ops.pop();a.trys.pop();continue}l=e.call(t,a)}catch(t){l=[6,t];o=0}finally{n=i=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
 /*!
  * Built with Duet Design System
- */import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-c1a17a4c.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,a as getLanguage}from"./language-utils-9d850f6c.js";import{c as createID}from"./create-id-981107da.js";import{d as isArrowLeftKey,b as isArrowUpKey,a as isArrowRightKey,c as isArrowDownKey}from"./keyboard-utils-d237bd5a.js";import"./string-utils-5954f458.js";var duetScrollableCss="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{visibility:hidden}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";var DuetScrollable=function(){function t(t){var e=this;registerInstance(this,t);this.currentIndex=0;this.tabListElement=undefined;this.tabListClass="duet-scrollable-list";this.hasCollapseButtonLabelSlot=false;this.resizeObserver=new ResizeObserver((function(t){var a,o,n,i;if((t===null||t===void 0?void 0:t.length)===1){var r=(o=(a=t[0])===null||a===void 0?void 0:a.target)===null||o===void 0?void 0:o.getBoundingClientRect().width;var s=(i=(n=t[0])===null||n===void 0?void 0:n.target)===null||i===void 0?void 0:i.scrollWidth;e.isTabContentSmallerThanWrapper=s>r+5}}));this.collapsedOnClick=function(){e.collapsed=!e.collapsed};this.tablistAtStart=true;this.isTabContentSmallerThanWrapper=false;this.tablistAtEnd=false;this.childrenData={};this.theme="";this.identifier="";this.collapsed=false;this.buttons=true;this.center=false;this.selected=0}t.prototype.watchPropHandler=function(t){this.scrollToTab(t,"center")};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasCollapseButtonLabelSlot=!!this.host.querySelector(":scope > [slot='collapse-button-label']");var t=this.host.querySelectorAll(":scope > :not([slot='collapse-button-label'])");this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.tabListElement)};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getLastVisibleElement=function(){var t=this.tabListElement.clientWidth;var e=Array.from(this.host.querySelectorAll("button")).findIndex((function(e){return e.getBoundingClientRect().x>t}));return e};t.prototype.getFirstVisibleElement=function(){var t=this.host.querySelectorAll("button");var e=Array.from(t).map((function(t){return t.getBoundingClientRect().x-t.getBoundingClientRect().width}));var a=e.findIndex((function(t){return t>0}));return a};t.prototype.updateScrollButtons=function(t){if(t===void 0){t=this.tabListElement}if(!this.buttons){return}if(t.scrollLeft<=0){this.tablistAtStart=true}else if(t.scrollLeft>0){this.tablistAtStart=false}if(t.clientWidth+t.scrollLeft+10>=t.scrollWidth){this.tablistAtEnd=true}else if(t.clientWidth+t.scrollLeft+10<t.scrollWidth){this.tablistAtEnd=false}};t.prototype.scrollToTab=function(t,e){var a=this;if(t===void 0){t=this.currentIndex}if(!this.childrenData.hasChildren){return}if(t+1>=this.childrenData.numberOfChildren){t=this.childrenData.numberOfChildren-1}if(t<0){t=0}var o=this.host.querySelectorAll("button");var n=o[0].getBoundingClientRect().x;var i=5;var r=function(){if(o[0].getBoundingClientRect().x===n){i--;if(i!==0){window.requestAnimationFrame(r);return}a.updateScrollButtons()}else{window.requestAnimationFrame(r);n=o[0].getBoundingClientRect().x}};o[t].scrollIntoView({behavior:"smooth",inline:e});window.requestAnimationFrame(r)};t.prototype.scrollLeft=function(){this.tablistAtEnd=false;var t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")};t.prototype.scrollRight=function(){this.tablistAtStart=false;var t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")};t.prototype.render=function(){var t;var e=this;return h(Host,{class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},this.hasCollapseButtonLabelSlot&&h("div",{class:{collapse:true,hide:!this.isTabContentSmallerThanWrapper&&!this.collapsed}},h("duet-button",{variation:"plain",margin:"none","center-text":true,onClick:function(){return e.collapsedOnClick()}},h("slot",{name:"collapse-button-label"}))),h("div",{class:{"duet-scrollable-items":true,buttons:this.buttons,center:this.center}},h("button",{part:"".concat(this.identifier,"-button-left"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--left":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return e.scrollLeft()},disabled:this.tablistAtStart,tabindex:"-1",hidden:!this.buttons},h("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),h("div",{class:(t={},t[this.tabListClass]=true,t.collapsed=this.collapsed,t),onScroll:function(){return e.updateScrollButtons()},ref:function(t){return e.tabListElement=t}},h("slot",null)),h("button",{part:"".concat(this.identifier,"-button-right"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--right":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return e.scrollRight()},disabled:this.tablistAtEnd,tabindex:"-1",hidden:!this.buttons},h("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();DuetScrollable.style=duetScrollableCss;var duetTabCss=".sc-duet-tab-h{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-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";var DuetTab=function(){function t(t){registerInstance(this,t);this.label=undefined;this.caption=undefined;this.selected=undefined;this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?getLocaleString(this.accessibleDescriptionDefault):null}t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.render=function(){{return h("div",{role:"tabpanel",class:{"duet-tab":true,selected:this.selected},"aria-description":this.accessibleDescription},h("slot",null))}};return t}();DuetTab.style=duetTabCss;var duetTabGroupCss='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;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.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{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);border-color:rgb(228, 228, 230)}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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 .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';var DuetTabGroup=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);this.duetTabChange=createEvent(this,"duetTabChange",7);this.duetTabChangeRequested=createEvent(this,"duetTabChangeRequested",7);this.id=createID("DuetTabGroup");this.handleKeyDown=function(t){var e;if(isArrowLeftKey(t)||isArrowUpKey(t)){e=t.target.previousElementSibling}else if(isArrowRightKey(t)||isArrowDownKey(t)){e=t.target.nextElementSibling}if(e){t.preventDefault();e.click();e.focus()}};this.onTabSelect=function(t){if(e.tabChangeConfirm){if(t!==e.selected){var a={value:t,component:"duet-tab-group"};e.duetTabChangeRequested.emit(a)}}else{e.openTab(t)}};this.scrollToActive=function(){if(e.variation==="checked"||e.variation==="plain-scrolling"){setTimeout((function(){var t=e.tabsContainer.querySelector(".selected");if(t){t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}}),50)}};this.renderTab=function(){var t=e.tabs.map((function(t,a){return h("button",{role:"tab",id:e.getButtonId(a),"aria-controls":e.getTabId(a),"aria-selected":t.selected?"true":"false","aria-description":e.getAccessibleDescription(a),tabindex:a===0?"0":"-1",part:"".concat(e.identifier,"-button ").concat(t.selected?"".concat(e.identifier,"-button--selected"):""),type:"button",class:{"duet-p-0":e.padding==="none","duet-tab-button":true,"stackable-tab":e.variation==="checked"&&e.tabs.length<=3,selected:t.selected},onClick:function(){return e.onTabSelect(a)},onKeyDown:function(t){return e.handleKeyDown(t)}},e.variation==="checked"?h("div",{class:{"checked-tab-content":true,"stackable-checked-tab-content":e.tabs.length<=3}},h("div",{class:{"checked-tab-description":true,"stackable-description":e.tabs.length<=3}},h("p",null,t.label),h("p",{class:{"tab-caption":true,selected:t.selected}},t.caption)),h("div",{class:{"stackable-checkmark":e.tabs.length<=3}},h("duet-checkmark",{theme:e.theme,checked:t.selected,type:"radio","presentation-only":true,center:true}))):t.label)}));if(e.scrolls){return h("duet-scrollable",{selected:e.selected,identifier:e.identifier},t)}return t};this.tabs=[];this.selected=undefined;this.theme="";this.scrolls=false;this.collapses=true;this.accessibleLabel=undefined;this.variation="default";this.language=getLanguage();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=getLocaleString(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.setTabIndex=false;this.tabChangeConfirm=false}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.componentDidLoad=function(){this.scrollToActive()};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,a){e.selected=a===t}));this.scrollToActive();e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var a=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(a.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return a};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.selected=undefined;this.tabs=this.getTabs();this.tabs.forEach((function(e,a){e.id=t.getTabId(a);e.setAttribute("aria-labelledby",t.getButtonId(a));if(e.selected){if(t.selected===undefined){t.selected=a}else{e.selected=false}}}));if(this.selected===undefined){this.selected=0;this.tabs[0].selected=true}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var a=this.variation==="plain-scrolling"?"duet-tab-variation-plain":"duet-tab-variation-".concat(this.variation);var o=this.variation==="checked"||this.variation==="plain-scrolling";return h("div",{class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t[a]=true,t["duet-tab-plain-scrolling"]=this.variation==="plain-scrolling",t["duet-tab-group-scrolls"]=this.scrolls,t["duet-tab-group-collapses"]=this.collapses,t),"aria-label":this.accessibleLabel},!o&&this.tabs.length>3&&this.collapses&&h("duet-select",{value:this.selected.toString(),expand:true,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:function(t){return e.onTabSelect(Number(t.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e.toString()}}))}),h("div",{role:"tablist",class:{"duet-m-0":this.margin==="none"||this.variation==="checked","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3&&!o,"duet-tab-group-collapses":this.collapses},ref:function(t){e.tabsContainer=t}},this.renderTab()),h("div",{role:"tabpanel",tabindex:this.setTabIndex?null:"0",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none","checked-group-content":this.variation==="checked"}},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTabGroup.style=duetTabGroupCss;export{DuetScrollable as duet_scrollable,DuetTab as duet_tab,DuetTabGroup as duet_tab_group};
+ */import{r as registerInstance,h,H as Host,g as getElement,c as createEvent}from"./index-b1b085ac.js";import{i as inheritGlobalTheme}from"./themeable-component-cb76be7c.js";import{n as nudge}from"./nudge-a828c525.js";import{g as getLocaleString,c as connectLanguageChangeObserver,d as disconnectLanguageChangeObserver,a as getLanguage}from"./language-utils-9d850f6c.js";import{c as createID}from"./create-id-981107da.js";import{d as isArrowLeftKey,b as isArrowUpKey,a as isArrowRightKey,c as isArrowDownKey}from"./keyboard-utils-d237bd5a.js";import"./string-utils-5954f458.js";var duetScrollableCss="*,*::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;-webkit-tap-highlight-color:transparent}:host{position:relative !important}:host .duet-scrollable-items{display:flex}:host .duet-scrollable-items .duet-scrollable-button{position:relative;flex:0 0 auto;flex-basis:40px;padding:10px;cursor:pointer}:host .duet-scrollable-items .duet-scrollable-button:active{transform:scale(0.8)}:host .duet-scrollable-items .duet-scrollable-button--left{left:-12px}:host .duet-scrollable-items .duet-scrollable-button--right{right:-12px}:host .duet-scrollable-items .duet-scrollable-button--occluded{visibility:hidden}:host .duet-scrollable-items .duet-scrollable-list{display:flex;flex-wrap:nowrap;gap:20px;padding-top:2px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-margin:0 20px;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch;}:host .duet-scrollable-items .duet-scrollable-list:not(.buttons){white-space:normal}:host .duet-scrollable-items .duet-scrollable-list::-webkit-scrollbar{display:none}:host .duet-scrollable-items .duet-scrollable-list.collapsed{flex-wrap:wrap}:host .duet-scrollable-items.center{justify-content:center}:host .duet-scrollable-items.center .duet-scrollable-list.collapsed{justify-content:center}.collapse{width:100%;text-align:center}.collapse.hide{visibility:hidden}::slotted(*){scroll-snap-align:center;margin-left:0;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}";var DuetScrollable=function(){function t(t){var e=this;registerInstance(this,t);this.currentIndex=0;this.tabListElement=undefined;this.tabListClass="duet-scrollable-list";this.hasCollapseButtonLabelSlot=false;this.resizeObserver=new ResizeObserver((function(t){var a,n,o,i;if((t===null||t===void 0?void 0:t.length)===1){var r=(n=(a=t[0])===null||a===void 0?void 0:a.target)===null||n===void 0?void 0:n.getBoundingClientRect().width;var l=(i=(o=t[0])===null||o===void 0?void 0:o.target)===null||i===void 0?void 0:i.scrollWidth;e.isTabContentSmallerThanWrapper=l>r+5}}));this.collapsedOnClick=function(){e.collapsed=!e.collapsed};this.tablistAtStart=true;this.isTabContentSmallerThanWrapper=false;this.tablistAtEnd=false;this.childrenData={};this.theme="";this.identifier="";this.collapsed=false;this.buttons=true;this.center=false;this.selected=0}t.prototype.watchPropHandler=function(t){this.scrollToTab(t,"center")};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this);this.hasCollapseButtonLabelSlot=!!this.element.querySelector(":scope > [slot='collapse-button-label']");var t=this.element.querySelectorAll(":scope > :not([slot='collapse-button-label'])");this.childrenData={hasChildren:t&&t.length>0,numberOfChildren:t&&t.length}};t.prototype.componentDidLoad=function(){this.resizeObserver.observe(this.tabListElement);nudge(this)};t.prototype.disconnectedCallback=function(){this.resizeObserver.disconnect()};t.prototype.getLastVisibleElement=function(){var t=this.tabListElement.clientWidth;var e=Array.from(this.element.querySelectorAll("button")).findIndex((function(e){return e.getBoundingClientRect().x>t}));return e};t.prototype.getFirstVisibleElement=function(){var t=this.element.querySelectorAll("button");var e=Array.from(t).map((function(t){return t.getBoundingClientRect().x-t.getBoundingClientRect().width}));var a=e.findIndex((function(t){return t>0}));return a};t.prototype.updateScrollButtons=function(t){if(t===void 0){t=this.tabListElement}if(!this.buttons){return}if(t.scrollLeft<=0){this.tablistAtStart=true}else if(t.scrollLeft>0){this.tablistAtStart=false}if(t.clientWidth+t.scrollLeft+10>=t.scrollWidth){this.tablistAtEnd=true}else if(t.clientWidth+t.scrollLeft+10<t.scrollWidth){this.tablistAtEnd=false}};t.prototype.scrollToTab=function(t,e){var a=this;if(t===void 0){t=this.currentIndex}if(!this.childrenData.hasChildren){return}if(t+1>=this.childrenData.numberOfChildren){t=this.childrenData.numberOfChildren-1}if(t<0){t=0}var n=this.element.querySelectorAll("button");var o=n[0].getBoundingClientRect().x;var i=5;var r=function(){if(n[0].getBoundingClientRect().x===o){i--;if(i!==0){window.requestAnimationFrame(r);return}a.updateScrollButtons()}else{window.requestAnimationFrame(r);o=n[0].getBoundingClientRect().x}};n[t].scrollIntoView({behavior:"smooth",inline:e});window.requestAnimationFrame(r)};t.prototype.scrollLeft=function(){this.tablistAtEnd=false;var t=this.getFirstVisibleElement()-1;this.scrollToTab(t,"center")};t.prototype.scrollRight=function(){this.tablistAtStart=false;var t=this.getLastVisibleElement()+1;this.scrollToTab(t,"center")};t.prototype.render=function(){var t;var e=this;return h(Host,{class:{"duet-theme-turva":this.theme==="turva","duet-theme-default":this.theme==="default"}},this.hasCollapseButtonLabelSlot&&h("div",{class:{collapse:true,hide:!this.isTabContentSmallerThanWrapper&&!this.collapsed}},h("duet-button",{variation:"plain",margin:"none","center-text":true,onClick:function(){return e.collapsedOnClick()}},h("slot",{name:"collapse-button-label"}))),h("div",{class:{"duet-scrollable-items":true,buttons:this.buttons,center:this.center}},h("button",{part:"".concat(this.identifier,"-button-left"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--left":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return e.scrollLeft()},disabled:this.tablistAtStart,tabindex:"-1",hidden:!this.buttons},h("duet-icon",{name:"action-arrow-left-small",size:"small",margin:"none"})),h("div",{class:(t={},t[this.tabListClass]=true,t.collapsed=this.collapsed,t),onScroll:function(){return e.updateScrollButtons()},ref:function(t){return e.tabListElement=t}},h("slot",null)),h("button",{part:"".concat(this.identifier,"-button-right"),"aria-hidden":"true",class:{"duet-scrollable-button":true,"duet-scrollable-button--right":true,"duet-scrollable-button--occluded":!this.isTabContentSmallerThanWrapper},onClick:function(){return e.scrollRight()},disabled:this.tablistAtEnd,tabindex:"-1",hidden:!this.buttons},h("duet-icon",{name:"action-arrow-right-small",size:"small",margin:"none"}))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{selected:["watchPropHandler"]}},enumerable:false,configurable:true});return t}();DuetScrollable.style=duetScrollableCss;var duetTabCss=".sc-duet-tab-h{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-tab.sc-duet-tab{box-sizing:border-box;padding:0;margin:0;background:transparent;border:0;-moz-appearance:none;-webkit-appearance:none;appearance:none;display:none;width:100%}.duet-tab.selected.sc-duet-tab{display:block}";var DuetTab=function(){function t(t){registerInstance(this,t);this.label=undefined;this.caption=undefined;this.selected=undefined;this.accessibleDescriptionDefault=null;this.accessibleDescription=this.accessibleDescriptionDefault?getLocaleString(this.accessibleDescriptionDefault):null}t.prototype.componentDidLoad=function(){nudge(this)};t.prototype.connectedCallback=function(){connectLanguageChangeObserver(this,{prop:"accessibleDescription",defaults:"accessibleDescriptionDefault"})};t.prototype.disconnectedCallback=function(){disconnectLanguageChangeObserver(this)};t.prototype.render=function(){{return h("div",{role:"tabpanel",class:{"duet-tab":true,selected:this.selected},"aria-description":this.accessibleDescription},h("slot",null))}};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTab.style=duetTabCss;var duetTabGroupCss='*,*::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;-webkit-tap-highlight-color:transparent;display:block;width:100%}.duet-tab-group-tabs{margin-bottom:28px !important;display:block;width:100%;max-width:100%;padding-top:2px;list-style:none}.duet-tab-group-tabs.duet-m-0{margin:0 !important}.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:none}@media (min-width: 36em){.duet-tab-group-tabs.duet-tab-group-collapses.duet-tab-group-hidden{display:block}}.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom:1px solid rgb(225, 227, 230)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-group-tabs{border-bottom-color:rgb(228, 228, 230)}.duet-tab-variation-checked .duet-tab-group-tabs{display:flex;gap:4px;padding-right:12px;padding-left:12px;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-variation-checked .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-group-tabs{gap:8px;padding-right:16px;padding-left:16px;overflow:visible}}.duet-tab-plain-scrolling .duet-tab-group-tabs{display:flex;overflow-x:scroll;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;}.duet-tab-plain-scrolling .duet-tab-group-tabs::-webkit-scrollbar{display:none}@media (min-width: 36em){.duet-tab-plain-scrolling .duet-tab-group-tabs{display:block;overflow:auto}}@media (min-width: 36em){duet-select{display:none !important}}.duet-tab-button{-webkit-user-select:none;user-select:none;position:relative;z-index:100;display:block;width:100%;padding:20px;margin-top:-2px;overflow:visible;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.1;color:rgb(0, 41, 77);text-align:left;text-decoration:none;cursor:pointer;background:rgb(255, 255, 255);border:2px solid rgb(225, 227, 230);border-radius:0;transition:150ms ease}.duet-tab-button.duet-p-0{padding:0 !important}.duet-tab-button.duet-m-0{margin:0 !important}.duet-theme-turva .duet-tab-button{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);border-color:rgb(228, 228, 230)}.duet-tab-button.duet-p-0{padding:0 !important}@media (min-width: 36em){.duet-tab-button{display:inline-block;width:auto;margin-left:-2px;border-right:2px solid rgb(225, 227, 230);border-radius:0}}.duet-tab-button:hover{z-index:200;border-color:rgb(144, 149, 153)}.duet-theme-turva .duet-tab-button:hover{border-color:rgb(116, 116, 117)}.duet-tab-button:active{opacity:0.75;transition:none}.duet-tab-button.selected{z-index:201;color:rgb(255, 255, 255);background:rgb(0, 41, 77);border-color:rgb(0, 41, 77);outline:0;box-shadow:none !important}.duet-theme-turva .duet-tab-button.selected{color:rgb(255, 255, 255);background-color:rgb(23, 28, 58);border-color:rgb(23, 28, 58)}.duet-tab-button:focus{z-index:200;outline:0}:host(.user-is-tabbing) .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}:host(.user-is-tabbing) .duet-theme-turva .duet-tab-button:focus{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-button:first-child{border-top-left-radius:4px;border-top-right-radius:4px}@media (min-width: 36em){.duet-tab-button:first-child{border-top-right-radius:0;border-bottom-left-radius:4px}}.duet-tab-button:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}@media (min-width: 36em){.duet-tab-button:last-child{border-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}}.duet-tab-variation-plain .duet-tab-button{display:inline-block;width:auto;padding-right:0;padding-left:0;margin-left:0;border:0;border-radius:0;transition:none}.duet-tab-variation-plain .duet-tab-button+.duet-tab-button{margin-left:36px}.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(0, 119, 179);background:rgb(255, 255, 255);border-bottom:3px solid rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-plain .duet-tab-button.selected{color:rgb(198, 12, 48);border-bottom-color:rgb(198, 12, 48)}.duet-tab-variation-checked .duet-tab-button{position:relative;display:inline-block;flex-basis:0;flex-grow:1;width:200px;min-width:200px;padding:8px 4px;border-color:rgb(207, 210, 212);border-bottom-color:rgb(0, 119, 179);border-radius:4px 4px 0 0;transition:none}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button{border-color:rgb(207, 210, 212);border-bottom-color:rgb(68, 68, 69)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button{min-width:0;padding:16px}}.duet-tab-variation-checked .duet-tab-button.stackable-tab{min-width:0}.duet-tab-variation-checked .duet-tab-button:first-child{margin-left:auto}.duet-tab-variation-checked .duet-tab-button:last-child{margin-right:auto}.duet-tab-variation-checked .duet-tab-button:active{opacity:1;transition:none}.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(0, 119, 179);background:linear-gradient(180deg, rgb(243, 249, 252) 0%, rgb(255, 255, 255) 100%);border-color:rgb(0, 119, 179);border-bottom-color:#fff}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button.selected{color:rgb(23, 28, 58);background:linear-gradient(180deg, rgb(245, 245, 247) 0%, rgb(255, 255, 255) 100%);border-color:rgb(68, 68, 69);border-bottom-color:#fff}.duet-tab-variation-checked .duet-tab-button .checked-tab-content{display:flex;flex-direction:row;justify-content:space-between}.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:column;height:100%}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content.stackable-checked-tab-content{flex-direction:row}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description{display:flex;flex-direction:column;overflow:hidden;overflow-wrap:break-word}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:center}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description.stackable-description{text-align:left}}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{margin-top:4px;font-size:0.875rem;font-weight:400;color:rgb(101, 119, 135)}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{font-size:1rem;text-align:left}}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(0, 119, 179)}.duet-theme-turva.duet-tab-variation-checked .duet-tab-button .checked-tab-content .checked-tab-description .tab-caption.selected{color:rgb(68, 68, 69)}.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:-1;margin-top:8px;margin-bottom:8px}@media (min-width: 36em){.duet-tab-variation-checked .duet-tab-button .checked-tab-content .stackable-checkmark{order:1}}.duet-tab-group-content{position:relative;width:100%;font-family:"localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:rgb(0, 41, 77);text-align:left}.duet-tab-group-content:focus{outline:0;box-shadow:0 0 0 4px rgba(0, 119, 179, 0.3), 0 0 0 1px #0077b3 !important}.duet-theme-turva .duet-tab-group-content:focus,.duet-tab-group-content:focus.duet-theme-turva{box-shadow:0 0 0 4px rgba(23, 28, 58, 0.2), 0 0 0 1px #171c3a !important}.duet-tab-group-content.checked-group-content{padding:28px 0 28px 0}.duet-tab-group-content.checked-group-content::after{position:absolute;top:-2px;left:0;width:100%;height:2px;content:" ";background-color:rgb(0, 119, 179)}.duet-theme-turva .duet-tab-group-content{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 .duet-tab-group-content.checked-group-content::after{background-color:rgb(68, 68, 69)}';var DuetTabGroup=function(){function t(t){var e=this;registerInstance(this,t);this.duetChange=createEvent(this,"duetChange",3);this.duetTabChange=createEvent(this,"duetTabChange",7);this.duetTabChangeRequested=createEvent(this,"duetTabChangeRequested",7);this.id=createID("DuetTabGroup");this.handleKeyDown=function(t){var e;if(isArrowLeftKey(t)||isArrowUpKey(t)){e=t.target.previousElementSibling}else if(isArrowRightKey(t)||isArrowDownKey(t)){e=t.target.nextElementSibling}if(e){t.preventDefault();e.click();e.focus()}};this.onTabSelect=function(t){if(e.tabChangeConfirm){if(t!==e.selected){var a={value:t,component:"duet-tab-group"};e.duetTabChangeRequested.emit(a)}}else{e.openTab(t)}};this.scrollToActive=function(){if(e.variation==="checked"||e.variation==="plain-scrolling"){setTimeout((function(){var t=e.tabsContainer.querySelector(".selected");if(t){t.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})}}),50)}};this.renderTab=function(){var t=e.tabs.map((function(t,a){return h("button",{role:"tab",id:e.getButtonId(a),"aria-controls":e.getTabId(a),"aria-selected":t.selected?"true":"false","aria-description":e.getAccessibleDescription(a),tabindex:a===0?"0":"-1",part:"".concat(e.identifier,"-button ").concat(t.selected?"".concat(e.identifier,"-button--selected"):""),type:"button",class:{"duet-p-0":e.padding==="none","duet-tab-button":true,"stackable-tab":e.variation==="checked"&&e.tabs.length<=3,selected:t.selected},onClick:function(){return e.onTabSelect(a)},onKeyDown:function(t){return e.handleKeyDown(t)}},e.variation==="checked"?h("div",{class:{"checked-tab-content":true,"stackable-checked-tab-content":e.tabs.length<=3}},h("div",{class:{"checked-tab-description":true,"stackable-description":e.tabs.length<=3}},h("p",null,t.label),h("p",{class:{"tab-caption":true,selected:t.selected}},t.caption)),h("div",{class:{"stackable-checkmark":e.tabs.length<=3}},h("duet-checkmark",{theme:e.theme,checked:t.selected,type:"radio","presentation-only":true,center:true}))):t.label)}));if(e.scrolls){return h("duet-scrollable",{selected:e.selected,identifier:e.identifier},t)}return t};this.tabs=[];this.selected=undefined;this.theme="";this.scrolls=false;this.collapses=true;this.accessibleLabel=undefined;this.variation="default";this.language=getLanguage();this.labelDefaults={fi:"Valitse",en:"Choose",sv:"Välj"};this.label=getLocaleString(this.labelDefaults,this.language);this.labelHidden=true;this.identifier=this.id;this.margin="auto";this.padding="auto";this.setTabIndex=false;this.tabChangeConfirm=false}t.prototype.connectedCallback=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){switch(e.label){case 0:if(typeof MutationObserver!=="undefined"){this.mutationO=new MutationObserver((function(){t.updateTabs()}));this.mutationO.observe(this.element,{attributes:true,attributeFilter:["label"],childList:true,characterData:true,subtree:true})}return[4,this.updateTabs()];case 1:e.sent();return[2]}}))}))};t.prototype.disconnectedCallback=function(){if(this.mutationO){this.mutationO.disconnect();this.mutationO=undefined}};t.prototype.componentWillLoad=function(){inheritGlobalTheme(this)};t.prototype.componentDidLoad=function(){this.scrollToActive();nudge(this)};t.prototype.openTab=function(t){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(a){if(t>=this.tabs.length){throw new Error("[duet-tabs] Index ".concat(t," is out of bounds of tabs length"))}this.selected=t;this.tabs.forEach((function(e,a){e.selected=a===t}));this.scrollToActive();e={value:t,component:"duet-tab-group"};this.duetChange.emit(e);this.duetTabChange.emit(e);return[2]}))}))};t.prototype.refresh=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){console.log("[duet-tabs] Refresh method is deprecated and will be removed in the future version.");return[2]}))}))};t.prototype.getTabs=function(){var t=this;var e=Array.from(this.element.querySelectorAll("duet-tab"));var a=e.filter((function(e){return e.closest("duet-tab-group")===t.element}));if(a.length===0){throw new Error("[duet-tabs] Must have at least one tab")}return a};t.prototype.getButtonId=function(t){return"".concat(this.id,"-button-").concat(t)};t.prototype.getTabId=function(t){return"".concat(this.id,"-tab-").concat(t)};t.prototype.getAccessibleDescription=function(t){var e=this.tabs[t].getAttribute("accessible-description")||null;return e};t.prototype.updateTabs=function(){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(e){this.selected=undefined;this.tabs=this.getTabs();this.tabs.forEach((function(e,a){e.id=t.getTabId(a);e.setAttribute("aria-labelledby",t.getButtonId(a));if(e.selected){if(t.selected===undefined){t.selected=a}else{e.selected=false}}}));if(this.selected===undefined){this.selected=0;this.tabs[0].selected=true}return[2]}))}))};t.prototype.render=function(){var t;var e=this;var a=this.variation==="plain-scrolling"?"duet-tab-variation-plain":"duet-tab-variation-".concat(this.variation);var n=this.variation==="checked"||this.variation==="plain-scrolling";return h("div",{class:(t={"duet-tab-group":true,"duet-theme-turva":this.theme==="turva"},t[a]=true,t["duet-tab-plain-scrolling"]=this.variation==="plain-scrolling",t["duet-tab-group-scrolls"]=this.scrolls,t["duet-tab-group-collapses"]=this.collapses,t),"aria-label":this.accessibleLabel},!n&&this.tabs.length>3&&this.collapses&&h("duet-select",{value:this.selected.toString(),expand:true,label:this.label,labelHidden:this.labelHidden,theme:this.theme,onDuetChange:function(t){return e.onTabSelect(Number(t.detail.value))},items:this.tabs.map((function(t,e){return{label:t.label,value:e.toString()}}))}),h("div",{role:"tablist",class:{"duet-m-0":this.margin==="none"||this.variation==="checked","duet-tab-group-tabs":true,"duet-tab-group-hidden":this.tabs.length>3&&!n,"duet-tab-group-collapses":this.collapses},ref:function(t){e.tabsContainer=t}},this.renderTab()),h("div",{role:"tabpanel",tabindex:this.setTabIndex?null:"0",class:{"duet-tab-group-content":true,"duet-m-0":this.margin==="none","checked-group-content":this.variation==="checked"}},h("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();DuetTabGroup.style=duetTabGroupCss;export{DuetScrollable as duet_scrollable,DuetTab as duet_tab,DuetTabGroup as duet_tab_group};