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

package/lib/dist-custom-elements/duet-page-heading.js

@@ -1,87 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, h } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { d as defineCustomElement$3 } from './p-4da43fbc.js';
-import { d as defineCustomElement$2 } from './p-9f9423c6.js';
-
-const 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(8, 42, 77)}.duet-page-heading.duet-p-0{padding:0 !important}.duet-page-heading.duet-m-0{margin:0 !important}.duet-page-heading.auto{overflow:visible}.duet-page-heading.auto .heading,.duet-page-heading.auto .background{max-width:none}.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:not(.has-icon) .heading{padding-right: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(8, 42, 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}.duet-page-heading .progress-indicator{display:flex;flex-direction:row;gap:4px}.duet-page-heading .progress-step{width:100%;height:4px;background-color:rgb(181, 198, 208);border-radius:2px}.duet-page-heading .progress-step.active{background-color:rgb(0, 119, 179)}";
-const DuetPageHeadingStyle0 = duetPageHeadingCss;
-
-const DuetPageHeading$1 = /*@__PURE__*/ proxyCustomElement(class DuetPageHeading extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.theme = "";
-        this.icon = "";
-        this.layout = "narrow";
-        this.progressCurrentStep = undefined;
-        this.progressTotalSteps = undefined;
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        inheritGlobalTheme(this);
-    }
-    progressIndicator() {
-        return (h("div", { class: "progress-indicator" }, Array.from({ length: Math.ceil(this.progressTotalSteps) }, (_, i) => {
-            const indicatorStep = i + 1;
-            return (h("div", { class: {
-                    "progress-step": true,
-                    active: indicatorStep <= this.progressCurrentStep,
-                } }));
-        })));
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        const layout = this.layout === "narrow" ? "narrow" : this.layout === "fluid" ? "fluid" : "auto";
-        return (h("div", { key: '9effa4b9be0ae8f00bf5d788432fda116d34b81d', class: {
-                "duet-page-heading": true,
-                "duet-theme-turva": this.theme === "turva",
-                "has-icon": !!this.icon,
-                [layout]: true,
-            } }, h("div", { key: 'c33fc9a029847d3625137fb1173cab7b55c1fdf4', class: "background" }, this.theme === "turva" && h("div", { key: '304c53b99ade8cb534bc65d5b7a2579584e3c185', class: "background-mask" }), this.theme !== "turva" && h("div", { key: '632793449d119b5462f43410f643ffe62a9c01d0', class: "brand-shape" }), this.theme !== "turva" && h("div", { key: '58aed705c28aca08e7fcdf9edbd6a9281ca73c09', class: "brand-shape second-shape" }), this.icon && (h("div", { key: '3b736388304bf35620ad364ddc957f500c0f097e', class: "brand-shaped-icon" }, h("duet-icon", { key: '3040e3c7deaba2c0c9670a6ec4c83b34d297f8ab', background: "none", name: this.icon, margin: "none", size: "auto", responsive: false })))), h("div", { key: 'a7bd8c26779cfada416fc8f14db5c12ea8af90a0', class: "heading" }, h("slot", { key: 'd681185baeb0f2b731c3d89668862a20dae5ba6f', name: "heading" }), this.progressCurrentStep && this.progressTotalSteps && (h("div", { key: '79e742c4b910b78046f2a3fec20cde71e1a652da' }, h("duet-spacer", { key: '12e3d41455301f3fdf04f432a1754c10112e4b33', size: "large" }), h("div", { key: '52cd3a295ebab421be2e543455af743f7040970f', role: "presentation" }, this.progressIndicator()))))));
-    }
-    get element() { return this; }
-    static get style() { return DuetPageHeadingStyle0; }
-}, [1, "duet-page-heading", {
-        "theme": [1025],
-        "icon": [1025],
-        "layout": [1025],
-        "progressCurrentStep": [2, "progress-current-step"],
-        "progressTotalSteps": [2, "progress-total-steps"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-page-heading", "duet-icon", "duet-spacer"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-page-heading":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetPageHeading$1);
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-spacer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetPageHeading = DuetPageHeading$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetPageHeading, defineCustomElement };

package/lib/dist-custom-elements/duet-pagination.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetPagination extends Components.DuetPagination, HTMLElement {}
-export const DuetPagination: {
-    prototype: DuetPagination;
-    new (): DuetPagination;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-pagination.js

@@ -1,493 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment, d as Host } from './p-d77db171.js';
-import { i as inheritGlobalTheme } from './p-aaa7a7bd.js';
-import { c as createID } from './p-5e59e970.js';
-import { d as debounce } from './p-9e371678.js';
-import { l as isArrowKey, m as isNumber, h as isArrowLeftKey, e as isArrowUpKey, j as isArrowRightKey, f as isArrowDownKey } from './p-ca700701.js';
-import { g as getLocaleString, c as connectLanguageChangeObserver, d as disconnectLanguageChangeObserver } from './p-35375593.js';
-import { p as parsePossibleJSON } from './p-9c3c64b9.js';
-import { a as breakpointTokensUpTo, b as breakpointToToken } from './p-1f4fbc7a.js';
-import { d as defineCustomElement$c } from './p-df2042f8.js';
-import { d as defineCustomElement$b } from './p-e176f419.js';
-import { d as defineCustomElement$a } from './p-b0925e24.js';
-import { d as defineCustomElement$9 } from './p-d2a5148f.js';
-import { d as defineCustomElement$8 } from './p-4da43fbc.js';
-import { d as defineCustomElement$7 } from './p-a2147aff.js';
-import { d as defineCustomElement$6 } from './p-41dca9e4.js';
-import { d as defineCustomElement$5 } from './p-fe9e47d9.js';
-import { d as defineCustomElement$4 } from './p-36ab2d57.js';
-import { d as defineCustomElement$3 } from './p-89b10856.js';
-import { d as defineCustomElement$2 } from './p-02f97b91.js';
-
-const shouldDisplayNavigation = (visibleItems, total, take) => {
-    if (visibleItems * 2 > total / take) {
-        return false;
-    }
-    return true;
-};
-
-const 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(8, 42, 77);text-align:left}:host(.duet-theme-turva) .duet-pagination-total-pages{font-family:\"turva-sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";color:rgb(23, 28, 58)}";
-const DuetPaginationStyle0 = duetPaginationCss;
-
-const DuetPagination$1 = /*@__PURE__*/ proxyCustomElement(class DuetPagination extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.duetPageChange = createEvent(this, "duetPageChange", 3);
-        this.listId = createID("duet-pagination-list");
-        // not in state because we don't want to trigger a render
-        this.firstRenderDone = false;
-        this.handleMediaQueryChange = (mq) => {
-            this.matchesCompactBreakpoint = breakpointTokensUpTo.includes(this.compactBreakpoint) ? mq.matches : !mq.matches;
-        };
-        // called from the watcher and used to make sure any changed to current also updates the internal section index
-        this.actionChain = async (after, before) => {
-            if (after === 0) {
-                this.current = 1;
-            }
-            else if (after > this.totalPages) {
-                this.current = this.totalPages;
-            }
-            else if (before !== after) {
-                const calculatedSectionIndex = Math.ceil(after / this.visibleItems) - 1;
-                if (calculatedSectionIndex !== this.internalSectionIndex) {
-                    this.internalSectionIndex = calculatedSectionIndex;
-                    await this.setFocus();
-                }
-            }
-            return true;
-        };
-        //helper to emit relevant page events
-        this.emitPageEvent = (ev, passedPage) => {
-            const page = Number(passedPage || this.current);
-            this.duetPageChange.emit({
-                component: "duet-pagination",
-                from: page * this.take,
-                to: page * this.take + this.take,
-                current: page,
-                take: this.take,
-                type: "page",
-                originalEvent: ev,
-            });
-        };
-        // this will return the entered number, or the current page if the user presses enter
-        this.getEnteredNumber = debounce(ev => {
-            this.emitPageEvent(ev, this.numbersStore);
-            this.current = Number(this.numbersStore);
-            this.numbersStore = "";
-            this.duetPageChange.emit({
-                component: "duet-pagination",
-                from: this.current * this.take,
-                to: this.current * this.take + this.take,
-                current: this.current,
-                take: this.take,
-                type: "jump",
-                originalEvent: ev,
-            });
-        }, 500);
-        this.processedPageLinks = null;
-        this.numbersStore = "";
-        this.matchesCompactBreakpoint = false;
-        this.totalPages = 10;
-        this.internalSectionIndex = 0;
-        this.theme = "";
-        this.disabled = false;
-        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 = 1000;
-        this.compactBreakpoint = "x-small";
-        this.ariaControls = "";
-        this.current = 1;
-        this.pageLinks = undefined;
-    }
-    watchPropTotalHandler( /*newValue: boolean, oldValue: boolean*/) {
-        this.calculatePageTake();
-        return true;
-    }
-    watchStateHandler(newValue, oldValue) {
-        return this.actionChain(newValue, oldValue);
-    }
-    /**
-     * Component lifecycle events.
-     */
-    componentWillLoad() {
-        // we want to keep the internal current index in sync with the current prop, but take advantage of the multiple with 0 for the first iteration
-        this.internalSectionIndex = Math.ceil(this.current / this.visibleItems) - 1;
-        this.calculatePageTake();
-        inheritGlobalTheme(this);
-        this.refresh();
-    }
-    componentDidLoad() {
-        this.firstRenderDone = true;
-    }
-    componentWillRender() {
-        if (this.internalSectionIndex !== 0 && this.internalSectionIndex !== this.totalPages) {
-            this.calculatePageTake();
-        }
-    }
-    componentDidRender() {
-        if (this.firstRenderDone && !this.processedPageLinks) {
-            this.setFocus();
-        }
-    }
-    connectedCallback() {
-        const token = this.compactBreakpoint === "none" ? "all" : breakpointToToken[this.compactBreakpoint];
-        this.mq = matchMedia(token);
-        this.mq.addEventListener("change", debounce(this.handleMediaQueryChange, 50));
-        this.handleMediaQueryChange(this.mq);
-        connectLanguageChangeObserver(this, { prop: "accessibleLabels", defaults: "accessibleLabelsDefaults" });
-    }
-    disconnectedCallback() {
-        this.mq.removeEventListener("change", this.handleMediaQueryChange);
-        this.mq = null;
-        this.matchesCompactBreakpoint = false;
-        disconnectLanguageChangeObserver(this);
-    }
-    /**
-     * Private methods.
-     */
-    async refresh() {
-        this.processedPageLinks = parsePossibleJSON(this.pageLinks);
-    }
-    //get totalpages from visible and total
-    calculatePageTake() {
-        this.totalPages = Math.ceil(this.total / this.take);
-    }
-    //set update current when mouse click on page number
-    async onMouseHandler(e, dir) {
-        if (this.disabled) {
-            return;
-        }
-        if (!this.processedPageLinks) {
-            e.preventDefault();
-            e.stopPropagation();
-            this.current = this.current + dir;
-        }
-        this.emitPageEvent(e);
-    }
-    //handle a11y keyboard navigation events
-    async onKeyboardDown(e) {
-        if (this.disabled) {
-            return;
-        }
-        let next = this.current;
-        // handle a11y based keyboard navigation for left/right/up/down
-        if (isArrowLeftKey(e) || isArrowUpKey(e)) {
-            next--;
-        }
-        if (isArrowRightKey(e) || isArrowDownKey(e)) {
-            next++;
-        }
-        if (isArrowKey(e)) {
-            if (next <= this.totalPages) {
-                this.current = next;
-                if (this.processedPageLinks) {
-                    this.emitPageEvent(e, next - 1);
-                    window.open(this.processedPageLinks[next - 1], "_self", "");
-                }
-                else {
-                    this.emitPageEvent(e);
-                }
-            }
-        }
-        //handle the jump feature, where numbers can be entered
-        // this isn't supported in NVDA where the number buttons are used by NVDA itself
-        // and because of that the feature is not announced for screenreaders
-        if (isNumber(e) && this.shouldDisplayNavigation()) {
-            this.numbersStore = this.numbersStore + e.key;
-            if (Number(this.numbersStore) > this.totalPages) {
-                this.numbersStore = this.totalPages + "";
-            }
-            this.getEnteredNumber(e);
-        }
-    }
-    // utility to set focus on active button
-    async setFocus() {
-        const currentDomElement = this.nativeNav.querySelector(`[data-id='${this.current}']`);
-        currentDomElement && (await currentDomElement.setFocus());
-    }
-    //handles click on page numbers
-    pageClickHandler(e) {
-        const clickedId = Number(e.target.getAttribute("data-id"));
-        if (!this.processedPageLinks) {
-            e.preventDefault();
-            this.current = clickedId;
-        }
-        this.emitPageEvent(e, clickedId);
-    }
-    selectClickHandler(e) {
-        e.preventDefault();
-        const clickedId = Number(e.target.value);
-        this.current = clickedId;
-        if (this.processedPageLinks) {
-            this.emitPageEvent(e, clickedId - 1);
-            window.open(this.processedPageLinks[clickedId - 1], "_self", "");
-        }
-        else {
-            this.emitPageEvent(e, clickedId);
-        }
-    }
-    //handles click on the next section buttons
-    sectionClickHandler(e, direction) {
-        e.preventDefault();
-        let next = this.internalSectionIndex + direction;
-        const takePerVisibleItems = this.take * this.visibleItems;
-        if (next * takePerVisibleItems > this.total) {
-            next = this.internalSectionIndex;
-        }
-        const newSection = next;
-        this.internalSectionIndex = newSection >= 0 ? newSection : 0;
-    }
-    //handles click on the jump (1)button
-    jumpToStart(e) {
-        if (!this.processedPageLinks) {
-            e.preventDefault();
-            this.internalSectionIndex = 0;
-            this.current = 1;
-        }
-        this.emitPageEvent(e);
-    }
-    //handles click on the jump (total) button
-    jumpToEnd(e) {
-        if (!this.processedPageLinks) {
-            e.preventDefault();
-            this.internalSectionIndex = Math.ceil(this.totalPages / this.take - 1);
-            this.current = this.totalPages;
-        }
-        this.emitPageEvent(e);
-    }
-    renderPageButton(pageNumber) {
-        return (h("duet-button", { disabled: this.disabled, class: {
-                "duet-pagination-link": true,
-            }, id: `page-${pageNumber}-button`, color: pageNumber !== this.current
-                ? this.theme !== "turva"
-                    ? "secondary"
-                    : "secondary-turva"
-                : this.theme !== "turva"
-                    ? "primary"
-                    : "primary-turva", "data-id": pageNumber, "center-text": true, variation: "plain", margin: "none", accessibleLabel: `${this.accessibleLabels.go_to} ${pageNumber}`, onClick: e => this.pageClickHandler(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[pageNumber - 1] : undefined }, h("div", { class: "duet-pagination-page-number", "aria-hidden": true }, pageNumber)));
-    }
-    // render the individual page numbers
-    renderPageNumbers() {
-        const items = [];
-        let i = this.internalSectionIndex * this.visibleItems;
-        do {
-            i++;
-            if (i > this.totalPages) {
-                break;
-            }
-            items.push(h("li", { class: {
-                    "duet-pagination-item": true,
-                    "duet-pagination-item-is-active": i === this.current,
-                }, role: "menuitem" }, this.renderPageButton(i)));
-        } while (i < this.visibleItems + this.internalSectionIndex * this.visibleItems);
-        return items;
-    }
-    renderSelect() {
-        const items = [];
-        for (let i = 1; i <= this.totalPages; i++) {
-            items.push({
-                value: i.toString(),
-                label: i.toString(),
-            });
-        }
-        const select = (h("duet-select", { disabled: this.disabled, theme: this.theme, class: "duet-pagination-select", variation: "compact", items: JSON.stringify(items), value: this.current.toString(), label: this.accessibleLabels.select_label.replace("{0}", `${this.totalPages}`), labelHidden: true, onDuetChange: e => this.selectClickHandler(e), margin: "none" }));
-        return (h("li", null, select, h("span", { class: "duet-pagination-total-pages", "aria-hidden": "true" }, "/ ", this.totalPages)));
-    }
-    shouldDisplayNavigation() {
-        if (this.variation !== "compact" && !this.matchesCompactBreakpoint) {
-            return shouldDisplayNavigation(this.visibleItems, this.total, this.take);
-        }
-        return false;
-    }
-    /**
-     * render() function
-     * Always the last one in the class.
-     */
-    render() {
-        return (h(Host, { key: '30de52a909e492fdf1657c4bd3eebd9f2b5e7ce5', onKeyDown: e => this.onKeyboardDown(e), class: { "duet-theme-turva": this.theme === "turva" } }, h("nav", { key: 'f9d6d3b7dd05fbe03ac5ce4f26a970fc0a910148', role: "navigation", "aria-labelledby": this.accessibleLabelledBy ? `${this.accessibleLabelledBy} ${this.listId}` : this.listId, "aria-describedby": this.accessibleDescribedBy ? `${this.accessibleDescribedBy} ${this.listId}` : this.listId, "aria-descriptions": this.accessibleDescription, "aria-details": this.accessibleDetails, ref: el => (this.nativeNav = el), "aria-controls": this.ariaControls, class: {
-                "duet-pagination-nav": true,
-                [`duet-pagination-variation-${this.variation}`]: true,
-            } }, this.numbersStore !== "" && (h("div", { key: 'b9dd4683843d23fd6b20949c3450975618bc89de', "aria-live": "assertive", "aria-relevant": "text", class: "duet-pagination-overlay", "aria-label": `${this.accessibleLabels.jump_to} ${this.numbersStore}`, part: "navigation-overlay" }, h("duet-badge", { key: '2542f6c5314a62428349bd0436797981da27c338', theme: this.theme }, "jump to page : ", this.numbersStore))), h("ol", { key: '711c642a86b6dc98cdbdc16da341c54a7b8766ba', 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", { key: '718fab989ed95629e2f0f1931050e108d33af422', class: {
-                "duet-pagination-page-button": true,
-                "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '7a1ef30c44c48f27ecdcc2bf82cc485f9673c94d', disabled: (this.internalSectionIndex === 0 && this.current <= 1) || this.disabled, "data-direction": "back", accessibleLabel: this.accessibleLabels.first_page, title: this.accessibleLabels.first_page, onClick: e => this.jumpToStart(e), "icon-name": "action-move-to-first", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }))), h("li", { key: 'd115b1124e52420444757f87d6624d2e40e77a89', class: {
-                "duet-pagination-page-button": true,
-                "duet-pagination-button-first": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '52d006b1e131affc614ab29024a7848a01915203', disabled: !!((this.internalSectionIndex === 0 && this.current <= 1) ||
-                (this.current <= 1 && this.processedPageLinks) ||
-                this.disabled), "data-direction": "back", onClick: e => this.onMouseHandler(e, -1), "accessible-label": this.accessibleLabels.previous_page, title: this.accessibleLabels.previous_page, "icon-name": "action-arrow-left-small", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current - 2] : undefined })), this.internalSectionIndex !== 0 && this.shouldDisplayNavigation() && (h(Fragment, { key: '892a8fa21fed391bfc0d4f0cc470c8a43abb9591' }, h("li", { key: 'a9a0723b8cac250b46469ae8fbfccb12d3445cb8', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: 'd4f9df2d63ec2fbb5146ba5f1dc9f53daf1751c3', disabled: this.disabled, 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: e => this.jumpToStart(e), theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[0] : undefined }, h("div", { key: 'c15f10460ee1306690c5db36ff31aa040f11d9d9', class: "duet-pagination-page-number" }, "1"))), h("li", { key: '3962965f5d1e02c314dcfbcbd11674f0ca1e4ce1', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '1fad2120a544e51c5873833b118a009939c14666', disabled: this.disabled, 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}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, -1), theme: this.theme }, h("div", { key: 'ac8ef66bae9e009774d16bf21fc5661ae360ed11', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026"))))), (this.shouldDisplayNavigation() && this.renderPageNumbers()) || this.renderSelect(), (this.internalSectionIndex + 1) * this.visibleItems < this.totalPages &&
-            this.shouldDisplayNavigation() && (h(Fragment, { key: '31467f256cb9d230e4b5380fd3692cea3f9c5f18' }, (this.internalSectionIndex + 1) * this.visibleItems !== this.totalPages - 1 && (h("li", { key: 'da33ca9bd87f9404b0fd44bc8cefc86f0e74694e', class: "duet-pagination-item", role: "menuitem", part: "navigation-section" }, h("duet-button", { key: '87c534e17d295316d3f55a2fb9a295de896bc242', disabled: this.disabled, 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}", `${this.visibleItems}`), onClick: e => this.sectionClickHandler(e, 1), theme: this.theme }, h("div", { key: 'f24ee3b11997ee6c9bb6679b72b835207cd1e40c', class: "duet-pagination-page-number", "aria-hidden": "true" }, "\u2026")))), h("li", { key: '59e1750d08f948b3f137bc256a3bf07529b6f738', class: "duet-pagination-item", role: "menuitem", part: "navigation-jump" }, h("duet-button", { key: '326c765824df1ec4bca3ab5267f8a0ffe865e374', disabled: this.disabled, 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: e => this.jumpToEnd(e), theme: this.theme, url: this.processedPageLinks
-                ? this.processedPageLinks[this.processedPageLinks.length - 1]
-                : undefined }, h("div", { key: '78cd1fc5457e7f3196d53dfc08e6fca9389a711e', class: "duet-pagination-page-number" }, this.totalPages))))), h("li", { key: '5d76476a62efbb068ca0c6a1cff04e0099c395ed', class: {
-                "duet-pagination-page-button": true,
-                "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '3209c80c6eec5207fc6a37af528397eedf2f0f70', disabled: !!((this.current === this.totalPages &&
-                this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                (this.current === this.totalPages && this.processedPageLinks)) || this.disabled, class: "duet-date-dialog-next", "accessible-label": this.accessibleLabels.next_page, title: this.accessibleLabels.next_page, onClick: e => this.onMouseHandler(e, 1), "icon-name": "action-move-to-next", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.current] : undefined })), (this.variation === "compact" || this.matchesCompactBreakpoint) && (h("li", { key: 'bf2ed784874ca4a76e96fd6d6b05f448c8485e6f', class: {
-                "duet-pagination-page-button": true,
-                "duet-pagination-button-last": true,
-            }, role: "menuitem", part: "navigation-arrow" }, h("duet-action-button", { key: '85815333b5d1a0ab326e11bc457240284557d92e', disabled: (this.current === this.totalPages &&
-                this.internalSectionIndex === Math.ceil(this.totalPages / this.visibleItems) - 1) ||
-                this.disabled, accessibleLabel: this.accessibleLabels.last_page, title: this.accessibleLabels.last_page, onClick: e => this.jumpToEnd(e), "icon-name": "action-move-to-last", theme: this.theme, url: this.processedPageLinks ? this.processedPageLinks[this.totalPages - 1] : undefined })))))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "total": ["watchPropTotalHandler"],
-        "current": ["watchStateHandler"],
-        "pageLinks": ["refresh"]
-    }; }
-    static get style() { return DuetPaginationStyle0; }
-}, [1, "duet-pagination", {
-        "theme": [1025],
-        "disabled": [516],
-        "variation": [1],
-        "accessibleDescribedBy": [1, "accessible-described-by"],
-        "accessibleDetails": [1, "accessible-details"],
-        "accessibleLabelledBy": [1, "accessible-labelled-by"],
-        "accessibleDescription": [1, "accessible-description"],
-        "accessibleLabelsDefaults": [16],
-        "accessibleLabels": [1040],
-        "take": [2],
-        "visibleItems": [2, "visible-items"],
-        "total": [2],
-        "compactBreakpoint": [1, "compact-breakpoint"],
-        "ariaControls": [1, "accessible-controls"],
-        "current": [1026],
-        "pageLinks": [1025, "page-links"],
-        "processedPageLinks": [32],
-        "numbersStore": [32],
-        "matchesCompactBreakpoint": [32],
-        "totalPages": [32],
-        "internalSectionIndex": [32]
-    }, undefined, {
-        "total": ["watchPropTotalHandler"],
-        "current": ["watchStateHandler"],
-        "pageLinks": ["refresh"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["duet-pagination", "duet-action-button", "duet-badge", "duet-button", "duet-caption", "duet-icon", "duet-select", "duet-spinner", "duet-tooltip", "duet-tooltip-button", "duet-tooltip-popup", "duet-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "duet-pagination":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DuetPagination$1);
-            }
-            break;
-        case "duet-action-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "duet-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "duet-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "duet-caption":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "duet-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "duet-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "duet-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "duet-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "duet-tooltip-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "duet-tooltip-popup":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "duet-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const DuetPagination = DuetPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetPagination, defineCustomElement };

package/lib/dist-custom-elements/duet-paragraph.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DuetParagraph extends Components.DuetParagraph, HTMLElement {}
-export const DuetParagraph: {
-    prototype: DuetParagraph;
-    new (): DuetParagraph;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/lib/dist-custom-elements/duet-paragraph.js

@@ -1,9 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { D as DuetParagraph$1, d as defineCustomElement$1 } from './p-174a9d1d.js';
-
-const DuetParagraph = DuetParagraph$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DuetParagraph, defineCustomElement };