@tmorrow/cre8-wc 2.3.4 → 2.3.6

package/dist/assets/{pagination.stories-DhzZlNPD.js → pagination.stories-DO4TELjQ.js}

@@ -1,5 +1,5 @@
-import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from"./if-defined-CE1QkYoV.js";import{C as $,n as o}from"./cre8-element-C32P9iMC.js";import{r as w}from"./state-D1tm_mFF.js";import{r as S}from"./query-all-CK69__1O.js";import{C as z}from"./button-CKAKDdnt.js";import{w as N}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./query-BpjciUlk.js";import"./cre8-form-element-C-cxFbUF.js";import"./icon-CRGiEUM0.js";import"./loading-spinner-KSDrx_ka.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";const C={md:768,lg:960},P=(g="768")=>!window.matchMedia(`(min-width: ${g}px)`).matches,T=R`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+import{a as R,b as a,A as c,g as L}from"./iframe-B4bTcHfE.js";import{o as u}from"./if-defined-DA22R8ho.js";import{C as $,n as o}from"./cre8-element-C-P96xHp.js";import{r as w}from"./state-DNEXh1sp.js";import{r as S}from"./query-all-CK69__1O.js";import{C}from"./button-BYSQD8Gp.js";import{w as N}from"./decorator-iVSD-Llo.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./query-BpjciUlk.js";import"./cre8-form-element-1YjfSY90.js";import"./icon-JqBqZA-z.js";import"./loading-spinner-DKyQa4wk.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";const P={md:768,lg:960},k=(l="768")=>!window.matchMedia(`(min-width: ${l}px)`).matches,T=R`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -72,23 +72,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 
 .cre8-u-margin-top-none {
@@ -96,23 +96,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 
 .cre8-u-margin-right-none {
@@ -120,23 +120,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 
 .cre8-u-margin-bottom-none {
@@ -144,32 +144,32 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -177,23 +177,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 
 .cre8-u-padding-none {
@@ -201,23 +201,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 
 .cre8-u-padding-top-none {
@@ -225,23 +225,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 
 .cre8-u-padding-right-none {
@@ -249,23 +249,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 
 .cre8-u-padding-bottom-none {
@@ -273,23 +273,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 
 .cre8-u-padding-left-none {
@@ -297,23 +297,23 @@ import{a as R,b as a,A as p,g as L}from"./iframe-BH5yZqve.js";import{o as u}from
 }
 
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 
 .cre8-u-display-flex {
@@ -329,7 +329,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -337,7 +336,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 
 @media all and (min-width: 60rem) {
@@ -604,14 +603,14 @@ span.ripple {
   text-decoration: var(--cre8-typography-label-small-text-decoration);
   text-transform: var(--cre8-typography-label-small-text-transform);
   padding: 0.5rem;
-}`;var I=Object.defineProperty,m=(g,e,t,n)=>{for(var i=void 0,s=g.length-1,d;s>=0;s--)(d=g[s])&&(i=d(e,t,i)||i);return i&&I(e,t,i),i};const v=class v extends ${constructor(){super(...arguments),this.currentPage=1,this.display="default"}get _totalPages(){return Math.ceil(this.totalResults/this.pageSize)}render(){const e=this.componentClassNames("cre8-c-page-counter",{});return a`
+}`;var I=Object.defineProperty,p=(l,e,t,n)=>{for(var r=void 0,s=l.length-1,d;s>=0;s--)(d=l[s])&&(r=d(e,t,r)||r);return r&&I(e,t,r),r};const v=class v extends ${constructor(){super(...arguments),this.currentPage=1,this.display="default"}get _totalPages(){return Math.ceil(this.totalResults/this.pageSize)}render(){const e=this.componentClassNames("cre8-c-page-counter",{});return a`
       <div class='${e}'>
         <span class="cre8-c-pagination__text" aria-live="polite">
           ${!this.display||this.display==="default"?a`${this.currentPage}`:a`${this.currentPage} of ${this._totalPages}`}
         </span>
       </div>
-    `}};v.styles=[T];let c=v;m([o({type:Boolean,reflect:!0})],c.prototype,"rangeVariant");m([o()],c.prototype,"currentPage");m([o()],c.prototype,"totalResults");m([o()],c.prototype,"pageSize");m([o()],c.prototype,"display");customElements.get("cre8-page-counter")===void 0&&customElements.define("cre8-page-counter",c);const B=R`.cre8-u-content-knockout-brand {
-  color: var(----cre8-color-content-knockout-brand);
+    `}};v.styles=[T];let g=v;p([o({type:Boolean,reflect:!0})],g.prototype,"rangeVariant");p([o()],g.prototype,"currentPage");p([o()],g.prototype,"totalResults");p([o()],g.prototype,"pageSize");p([o()],g.prototype,"display");customElements.get("cre8-page-counter")===void 0&&customElements.define("cre8-page-counter",g);const B=R`.cre8-u-content-knockout-brand {
+  color: var(--cre8-color-content-knockout-brand);
 }
 
 .cre8-u-is-hidden {
@@ -684,23 +683,23 @@ span.ripple {
 }
 
 .cre8-u-margin-sm {
-  margin: size(1) !important;
+  margin: 0.5rem !important;
 }
 
 .cre8-u-margin-md {
-  margin: size(2) !important;
+  margin: 1rem !important;
 }
 
 .cre8-u-margin-lg {
-  margin: size(3) !important;
+  margin: 1.5rem !important;
 }
 
 .cre8-u-margin-xl {
-  margin: size(4) !important;
+  margin: 2rem !important;
 }
 
 .cre8-u-margin-xxl {
-  margin: size(8) !important;
+  margin: 4rem !important;
 }
 
 .cre8-u-margin-top-none {
@@ -708,23 +707,23 @@ span.ripple {
 }
 
 .cre8-u-margin-top-sm {
-  margin-top: size(1) !important;
+  margin-top: 0.5rem !important;
 }
 
 .cre8-u-margin-top-md {
-  margin-top: size(2) !important;
+  margin-top: 1rem !important;
 }
 
 .cre8-u-margin-top-lg {
-  margin-top: size(3) !important;
+  margin-top: 1.5rem !important;
 }
 
 .cre8-u-margin-top-xl {
-  margin-top: size(4) !important;
+  margin-top: 2rem !important;
 }
 
 .cre8-u-margin-top-xxl {
-  margin-top: size(8) !important;
+  margin-top: 4rem !important;
 }
 
 .cre8-u-margin-right-none {
@@ -732,23 +731,23 @@ span.ripple {
 }
 
 .cre8-u-margin-right-sm {
-  margin-right: size(1) !important;
+  margin-right: 0.5rem !important;
 }
 
 .cre8-u-margin-right-md {
-  margin-right: size(2) !important;
+  margin-right: 1rem !important;
 }
 
 .cre8-u-margin-right-lg {
-  margin-right: size(3) !important;
+  margin-right: 1.5rem !important;
 }
 
 .cre8-u-margin-right-xl {
-  margin-right: size(4) !important;
+  margin-right: 2rem !important;
 }
 
 .cre8-u-margin-right-xxl {
-  margin-right: size(8) !important;
+  margin-right: 4rem !important;
 }
 
 .cre8-u-margin-bottom-none {
@@ -756,32 +755,32 @@ span.ripple {
 }
 
 .cre8-u-margin-bottom-sm {
-  margin-bottom: size(1) !important;
+  margin-bottom: 0.5rem !important;
 }
 
 .cre8-u-margin-bottom-md {
-  margin-bottom: size(2) !important;
+  margin-bottom: 1rem !important;
 }
 
 .cre8-u-margin-bottom-lg {
-  margin-bottom: size(3) !important;
+  margin-bottom: 1.5rem !important;
 }
 
 .cre8-u-margin-bottom-xl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 .cre8-u-margin-bottom-xxl {
-  margin-bottom: size(8) !important;
+  margin-bottom: 4rem !important;
 }
 
 .cre8-u-margin-bottom-xl-xxl {
-  margin-bottom: size(4) !important;
+  margin-bottom: 2rem !important;
 }
 
 @media all and (min-width: 768px) {
   .cre8-u-margin-bottom-xl-xxl {
-    margin-bottom: size(8) !important;
+    margin-bottom: 4rem !important;
   }
 }
 .cre8-u-margin-left-none {
@@ -789,23 +788,23 @@ span.ripple {
 }
 
 .cre8-u-margin-left-sm {
-  margin-left: size(1) !important;
+  margin-left: 0.5rem !important;
 }
 
 .cre8-u-margin-left-md {
-  margin-left: size(2) !important;
+  margin-left: 1rem !important;
 }
 
 .cre8-u-margin-left-lg {
-  margin-left: size(3) !important;
+  margin-left: 1.5rem !important;
 }
 
 .cre8-u-margin-left-xl {
-  margin-left: size(4) !important;
+  margin-left: 2rem !important;
 }
 
 .cre8-u-margin-left-xxl {
-  margin-left: size(8) !important;
+  margin-left: 4rem !important;
 }
 
 .cre8-u-padding-none {
@@ -813,23 +812,23 @@ span.ripple {
 }
 
 .cre8-u-padding-sm {
-  padding: size(1) !important;
+  padding: 0.5rem !important;
 }
 
 .cre8-u-padding-md {
-  padding: size(2) !important;
+  padding: 1rem !important;
 }
 
 .cre8-u-padding-lg {
-  padding: size(3) !important;
+  padding: 1.5rem !important;
 }
 
 .cre8-u-padding-xl {
-  padding: size(4) !important;
+  padding: 2rem !important;
 }
 
 .cre8-u-padding-xxl {
-  padding: size(8) !important;
+  padding: 4rem !important;
 }
 
 .cre8-u-padding-top-none {
@@ -837,23 +836,23 @@ span.ripple {
 }
 
 .cre8-u-padding-top-sm {
-  padding-top: size(1) !important;
+  padding-top: 0.5rem !important;
 }
 
 .cre8-u-padding-top-md {
-  padding-top: size(2) !important;
+  padding-top: 1rem !important;
 }
 
 .cre8-u-padding-top-lg {
-  padding-top: size(3) !important;
+  padding-top: 1.5rem !important;
 }
 
 .cre8-u-padding-top-xl {
-  padding-top: size(4) !important;
+  padding-top: 2rem !important;
 }
 
 .cre8-u-padding-top-xxl {
-  padding-top: size(8) !important;
+  padding-top: 4rem !important;
 }
 
 .cre8-u-padding-right-none {
@@ -861,23 +860,23 @@ span.ripple {
 }
 
 .cre8-u-padding-right-sm {
-  padding-right: size(1) !important;
+  padding-right: 0.5rem !important;
 }
 
 .cre8-u-padding-right-md {
-  padding-right: size(2) !important;
+  padding-right: 1rem !important;
 }
 
 .cre8-u-padding-right-lg {
-  padding-right: size(3) !important;
+  padding-right: 1.5rem !important;
 }
 
 .cre8-u-padding-right-xl {
-  padding-right: size(4) !important;
+  padding-right: 2rem !important;
 }
 
 .cre8-u-padding-right-xxl {
-  padding-right: size(8) !important;
+  padding-right: 4rem !important;
 }
 
 .cre8-u-padding-bottom-none {
@@ -885,23 +884,23 @@ span.ripple {
 }
 
 .cre8-u-padding-bottom-sm {
-  padding-bottom: size(1) !important;
+  padding-bottom: 0.5rem !important;
 }
 
 .cre8-u-padding-bottom-md {
-  padding-bottom: size(2) !important;
+  padding-bottom: 1rem !important;
 }
 
 .cre8-u-padding-bottom-lg {
-  padding-bottom: size(3) !important;
+  padding-bottom: 1.5rem !important;
 }
 
 .cre8-u-padding-bottom-xl {
-  padding-bottom: size(4) !important;
+  padding-bottom: 2rem !important;
 }
 
 .cre8-u-padding-bottom-xxl {
-  padding-bottom: size(8) !important;
+  padding-bottom: 4rem !important;
 }
 
 .cre8-u-padding-left-none {
@@ -909,23 +908,23 @@ span.ripple {
 }
 
 .cre8-u-padding-left-sm {
-  padding-left: size(1) !important;
+  padding-left: 0.5rem !important;
 }
 
 .cre8-u-padding-left-md {
-  padding-left: size(2) !important;
+  padding-left: 1rem !important;
 }
 
 .cre8-u-padding-left-lg {
-  padding-left: size(3) !important;
+  padding-left: 1.5rem !important;
 }
 
 .cre8-u-padding-left-xl {
-  padding-left: size(4) !important;
+  padding-left: 2rem !important;
 }
 
 .cre8-u-padding-left-xxl {
-  padding-left: size(8) !important;
+  padding-left: 4rem !important;
 }
 
 .cre8-u-display-flex {
@@ -941,7 +940,6 @@ body {
   font-size: var(--cre8-typography-body-default-font-size);
   font-weight: var(--cre8-typography-body-default-font-weight);
   line-height: var(--cre8-typography-body-default-line-height);
-  -webkit-text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-decoration: var(--cre8-typography-body-default-text-decoration);
   text-transform: var(--cre8-typography-body-default-text-transform);
   display: flex;
@@ -949,7 +947,7 @@ body {
   padding: 0;
   margin: 0;
   color: var(--cre8-color-content-default);
-  background: var(--background-default);
+  background: var(--cre8-color-bg-default);
 }
 
 @media all and (min-width: 60rem) {
@@ -1262,7 +1260,7 @@ span.ripple {
 .cre8-c-pagination [aria-disabled=true] {
   fill: var(--cre8-color-content-default);
   --cre8-color-button-tertiary-content: var(--cre8-color-content-default);
-}`;var F=Object.defineProperty,O=Object.getOwnPropertyDescriptor,l=(g,e,t,n)=>{for(var i=n>1?void 0:n?O(e,t):e,s=g.length-1,d;s>=0;s--)(d=g[s])&&(i=(n?d(e,t,i):d(i))||i);return n&&i&&F(e,t,i),i};const V=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+}`;var F=Object.defineProperty,O=Object.getOwnPropertyDescriptor,m=(l,e,t,n)=>{for(var r=n>1?void 0:n?O(e,t):e,s=l.length-1,d;s>=0;s--)(d=l[s])&&(r=(n?d(e,t,r):d(r))||r);return n&&r&&F(e,t,r),r};const V=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.1508 14.7578C12.2184 14.8254 12.272 14.9056 12.3085 14.9939C12.3451 15.0822 12.3639 15.1768 12.3639 15.2724C12.3639 15.3679 12.3451 15.4625 12.3085 15.5508C12.272 15.6391 12.2184 15.7193 12.1508 15.7869C12.0832 15.8544 12.003 15.908 11.9147 15.9446C11.8265 15.9812 11.7318 16 11.6363 16C11.5407 16 11.4461 15.9812 11.3578 15.9446C11.2695 15.908 11.1893 15.8544 11.1218 15.7869L3.8494 8.51452C3.78178 8.44698 3.72814 8.36677 3.69154 8.27849C3.65495 8.1902 3.63611 8.09557 3.63611 8C3.63611 7.90443 3.65495 7.8098 3.69154 7.72151C3.72814 7.63323 3.78178 7.55302 3.8494 7.48548L11.1218 0.213121C11.2582 0.0766618 11.4433 -3.80414e-09 11.6363 0C11.8293 3.80414e-09 12.0143 0.0766618 12.1508 0.213121C12.2873 0.34958 12.3639 0.534658 12.3639 0.72764C12.3639 0.920622 12.2873 1.1057 12.1508 1.24216L5.39205 8L12.1508 14.7578Z"/>
 </svg>
 `,M=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
@@ -1274,10 +1272,10 @@ span.ripple {
 `,A=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M12.1506 8.51452L4.87827 15.7869C4.8107 15.8544 4.73049 15.908 4.6422 15.9446C4.55392 15.9812 4.4593 16 4.36375 16C4.26819 16 4.17357 15.9812 4.08529 15.9446C3.99701 15.908 3.9168 15.8544 3.84923 15.7869C3.78166 15.7193 3.72806 15.6391 3.6915 15.5508C3.65493 15.4625 3.63611 15.3679 3.63611 15.2724C3.63611 15.1768 3.65493 15.0822 3.6915 14.9939C3.72806 14.9056 3.78166 14.8254 3.84923 14.7578L10.608 8L3.84923 1.24216C3.71277 1.1057 3.63611 0.920622 3.63611 0.72764C3.63611 0.534658 3.71277 0.34958 3.84923 0.213121C3.98569 0.0766618 4.17077 1.43783e-09 4.36375 0C4.55673 -1.43783e-09 4.74181 0.0766618 4.87827 0.213121L12.1506 7.48548C12.2182 7.55302 12.2719 7.63323 12.3085 7.72151C12.3451 7.8098 12.3639 7.90443 12.3639 8C12.3639 8.09557 12.3451 8.1902 12.3085 8.27849C12.2719 8.36677 12.2182 8.44698 12.1506 8.51452Z"/>
 </svg>
-`,k=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+`,z=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
 <path d="M8 5.71423C7.54793 5.71423 7.10601 5.84829 6.73013 6.09945C6.35424 6.3506 6.06128 6.70758 5.88828 7.12524C5.71528 7.5429 5.67001 8.00248 5.75821 8.44587C5.8464 8.88925 6.06409 9.29653 6.38376 9.61619C6.70342 9.93585 7.11069 10.1535 7.55408 10.2417C7.99747 10.3299 8.45705 10.2847 8.87471 10.1117C9.29237 9.93867 9.64934 9.64571 9.9005 9.26982C10.1517 8.89394 10.2857 8.45202 10.2857 7.99995C10.2857 7.39374 10.0449 6.81236 9.61624 6.3837C9.18759 5.95505 8.60621 5.71423 8 5.71423ZM8 9.1428C7.77396 9.1428 7.55301 9.07578 7.36506 8.9502C7.17712 8.82462 7.03064 8.64613 6.94414 8.4373C6.85764 8.22847 6.83501 7.99868 6.8791 7.77699C6.9232 7.55529 7.03205 7.35166 7.19188 7.19183C7.35171 7.03199 7.55535 6.92315 7.77704 6.87905C7.99873 6.83495 8.22852 6.85759 8.43735 6.94409C8.64618 7.03059 8.82467 7.17707 8.95025 7.36501C9.07583 7.55295 9.14286 7.77391 9.14286 7.99995C9.14286 8.30305 9.02245 8.59374 8.80812 8.80807C8.59379 9.0224 8.30311 9.1428 8 9.1428ZM2.28572 5.71423C1.83364 5.71423 1.39172 5.84829 1.01584 6.09945C0.639957 6.3506 0.346991 6.70758 0.173991 7.12524C0.000990357 7.5429 -0.0442744 8.00248 0.0439204 8.44587C0.132115 8.88925 0.349808 9.29653 0.669471 9.61619C0.989134 9.93585 1.39641 10.1535 1.83979 10.2417C2.28318 10.3299 2.74276 10.2847 3.16042 10.1117C3.57808 9.93867 3.93506 9.64571 4.18622 9.26982C4.43737 8.89394 4.57143 8.45202 4.57143 7.99995C4.57143 7.39374 4.33061 6.81236 3.90196 6.3837C3.4733 5.95505 2.89192 5.71423 2.28572 5.71423ZM2.28572 9.1428C2.05968 9.1428 1.83872 9.07578 1.65078 8.9502C1.46284 8.82462 1.31635 8.64613 1.22985 8.4373C1.14335 8.22847 1.12072 7.99868 1.16482 7.77699C1.20891 7.55529 1.31776 7.35166 1.47759 7.19183C1.63742 7.03199 1.84106 6.92315 2.06275 6.87905C2.28445 6.83495 2.51424 6.85759 2.72307 6.94409C2.9319 7.03059 3.11039 7.17707 3.23597 7.36501C3.36154 7.55295 3.42857 7.77391 3.42857 7.99995C3.42857 8.30305 3.30816 8.59374 3.09384 8.80807C2.87951 9.0224 2.58882 9.1428 2.28572 9.1428ZM13.7143 5.71423C13.2622 5.71423 12.8203 5.84829 12.4444 6.09945C12.0685 6.3506 11.7756 6.70758 11.6026 7.12524C11.4296 7.5429 11.3843 8.00248 11.4725 8.44587C11.5607 8.88925 11.7784 9.29653 12.098 9.61619C12.4177 9.93585 12.825 10.1535 13.2684 10.2417C13.7118 10.3299 14.1713 10.2847 14.589 10.1117C15.0066 9.93867 15.3636 9.64571 15.6148 9.26982C15.8659 8.89394 16 8.45202 16 7.99995C16 7.39374 15.7592 6.81236 15.3305 6.3837C14.9019 5.95505 14.3205 5.71423 13.7143 5.71423ZM13.7143 9.1428C13.4882 9.1428 13.2673 9.07578 13.0793 8.9502C12.8914 8.82462 12.7449 8.64613 12.6584 8.4373C12.5719 8.22847 12.5493 7.99868 12.5934 7.77699C12.6375 7.55529 12.7463 7.35166 12.9062 7.19183C13.066 7.03199 13.2696 6.92315 13.4913 6.87905C13.713 6.83495 13.9428 6.85759 14.1516 6.94409C14.3605 7.03059 14.539 7.17707 14.6645 7.36501C14.7901 7.55295 14.8571 7.77391 14.8571 7.99995C14.8571 8.30305 14.7367 8.59374 14.5224 8.80807C14.3081 9.0224 14.0174 9.1428 13.7143 9.1428Z"/>
 </svg>
-`,y=class y extends ${constructor(){super(...arguments),this._currentPage=99,this._pageSize=10,this.visiblePages=5,this._handleKeydown=(e,t)=>n=>{n.code==="Enter"&&this._goToPage(e,t)},this._goToPage=(e,t)=>()=>{const n=this._currentPage;let i;this.buttons.forEach(s=>{const d=new z;return d.hideText&&d.text===t&&(i=d,i.shadowRoot.querySelector(".cre8-c-button").blur()),null}),this._currentPage=e,this.currentPage=this._currentPage,this.requestUpdate("currentPage",n),this.dispatchWithLegacyAlias(new CustomEvent("pagination-change",{detail:{buttonName:t??this.currentPage.toString(),value:this.currentPage}}))}}get pageSize(){return this._pageSize}set pageSize(e){const t=this._pageSize;this._pageSize=e,this.requestUpdate("pageSize",t)}get currentPage(){return this._currentPage}set currentPage(e){const t=this._currentPage;this._currentPage=e,this.requestUpdate("currentPage",t)}connectedCallBack(){super.connectedCallback()}get maxVisiblePages(){const e={md:5};return P(C.lg.toString())?P(C.md.toString())?0:Math.min(e.md,this.visiblePages):this.visiblePages}get totalPages(){return Math.ceil(this.totalResults/this.pageSize)}get hasNoPreviousPage(){return this._currentPage<=1}get hasNoNextPage(){return this._currentPage>=this.totalPages}_onHandleResize(){this.requestUpdate()}handleResize(){this._onHandleResize.bind(this)}get pageRange(){const e=Math.floor(this.maxVisiblePages/2);let t=this.currentPage-e;t=Math.min(t,this.totalPages-this.maxVisiblePages+1),t=Math.max(t,1);const n=Math.min(t+this.maxVisiblePages-1,this.totalPages);return[...Array(this.totalPages)].map((i,s)=>s+1).slice(t-1,n)}async firstUpdated(){if(await this.updateComplete,this._pageSize!==this.pageSize){const e=this._pageSize;this._pageSize=this.pageSize,this.requestUpdate("pageSize",e)}if(this.windowWidth=window.innerWidth,window.addEventListener("resize",()=>{if(this.windowWidth!==window.innerWidth){const e=this.windowWidth;this.windowWidth=window.innerWidth,this.handleResize(),this.requestUpdate("isResponsive",e)}}),this._currentPage!==this.currentPage){const e=this._currentPage;this._currentPage=this.currentPage,this.requestUpdate("currentPage",e)}}disconnectedCallback(){window.removeEventListener("resize",this.handleResize),super.disconnectedCallback()}displayTypes(){return a`<cre8-page-counter
+`,y=class y extends ${constructor(){super(...arguments),this._currentPage=99,this._pageSize=10,this.visiblePages=5,this._handleKeydown=(e,t)=>n=>{n.code==="Enter"&&this._goToPage(e,t)},this._goToPage=(e,t)=>()=>{const n=this._currentPage;let r;this.buttons.forEach(s=>{const d=new C;return d.hideText&&d.text===t&&(r=d,r.shadowRoot.querySelector(".cre8-c-button").blur()),null}),this._currentPage=e,this.currentPage=this._currentPage,this.requestUpdate("currentPage",n),this.dispatchWithLegacyAlias(new CustomEvent("pagination-change",{detail:{buttonName:t??this.currentPage.toString(),value:this.currentPage}}))}}get pageSize(){return this._pageSize}set pageSize(e){const t=this._pageSize;this._pageSize=e,this.requestUpdate("pageSize",t)}get currentPage(){return this._currentPage}set currentPage(e){const t=this._currentPage;this._currentPage=e,this.requestUpdate("currentPage",t)}connectedCallBack(){super.connectedCallback()}get maxVisiblePages(){const e={md:5};return k(P.lg.toString())?k(P.md.toString())?0:Math.min(e.md,this.visiblePages):this.visiblePages}get totalPages(){return Math.ceil(this.totalResults/this.pageSize)}get hasNoPreviousPage(){return this._currentPage<=1}get hasNoNextPage(){return this._currentPage>=this.totalPages}_onHandleResize(){this.requestUpdate()}handleResize(){this._onHandleResize.bind(this)}get pageRange(){const e=Math.floor(this.maxVisiblePages/2);let t=this.currentPage-e;t=Math.min(t,this.totalPages-this.maxVisiblePages+1),t=Math.max(t,1);const n=Math.min(t+this.maxVisiblePages-1,this.totalPages);return[...Array(this.totalPages)].map((r,s)=>s+1).slice(t-1,n)}async firstUpdated(){if(await this.updateComplete,this._pageSize!==this.pageSize){const e=this._pageSize;this._pageSize=this.pageSize,this.requestUpdate("pageSize",e)}if(this.windowWidth=window.innerWidth,window.addEventListener("resize",()=>{if(this.windowWidth!==window.innerWidth){const e=this.windowWidth;this.windowWidth=window.innerWidth,this.handleResize(),this.requestUpdate("isResponsive",e)}}),this._currentPage!==this.currentPage){const e=this._currentPage;this._currentPage=this.currentPage,this.requestUpdate("currentPage",e)}}disconnectedCallback(){window.removeEventListener("resize",this.handleResize),super.disconnectedCallback()}displayTypes(){return a`<cre8-page-counter
               currentPage=${this.currentPage}
               style="display:${this.display==="compact"?"flex":"none"};"
               totalResults=${this.totalResults}
@@ -1287,7 +1285,7 @@ span.ripple {
       aria-label="pagination"
       class=${e}>
         <slot></slot>
-        ${this.hideLastAndFirstButtons?p:a` <cre8-button
+        ${this.hideLastAndFirstButtons?c:a` <cre8-button
               variant="tertiary"
               size="sm"
               text=""
@@ -1337,9 +1335,9 @@ span.ripple {
         ${!this.display||this.display==="default"?a`${this.pageRange[this.pageRange.length-1]>1&&this.pageRange[0]!==1?a` <cre8-icon
             aria-label="ellipsis"
             className="cre8-c-pagination__icon"
-            slot="before" svg=${k}
+            slot="before" svg=${z}
             size="24">
-            </cre8-icon>`:p}
+            </cre8-icon>`:c}
             ${this.pageRange.map(t=>t===this.currentPage?a`<cre8-button variant="tertiary" tab-index="-1" text="${t}"  class="icon-only" size="sm" id="current"></cre8-button>`:a`<cre8-button
                       variant="tertiary"
                       size="sm"
@@ -1352,9 +1350,9 @@ span.ripple {
             ${this.pageRange[this.pageRange.length-1]<this.totalPages?a` <cre8-icon
             aria-label="ellipsis"
             className="cre8-c-pagination__icon"
-            slot="before" svg=${k}
+            slot="before" svg=${z}
             size="24">
-            </cre8-icon>`:p}`:p}
+            </cre8-icon>`:c}`:c}
         <cre8-button
           variant="tertiary"
           size="sm"
@@ -1377,7 +1375,7 @@ span.ripple {
           </span>
         </cre8-button>
 
-        ${this.hideLastAndFirstButtons?p:a` <cre8-button
+        ${this.hideLastAndFirstButtons?c:a` <cre8-button
               variant="tertiary"
               size="sm"
               hideText
@@ -1401,7 +1399,7 @@ span.ripple {
               </span>
             </cre8-button>`}
 
-      </nav>`}};y.styles=[B],y.elementDefinitions={"cre8-button":z};let r=y;l([w()],r.prototype,"_currentPage",2);l([o({reflect:!0,type:Number})],r.prototype,"totalResults",2);l([o({type:Number,reflect:!0})],r.prototype,"pageSize",1);l([w()],r.prototype,"_pageSize",2);l([o({reflect:!0,type:Number})],r.prototype,"visiblePages",2);l([o({type:String,reflect:!0})],r.prototype,"display",2);l([w()],r.prototype,"windowWidth",2);l([S("cre8-button")],r.prototype,"buttons",2);l([o({type:Boolean,reflect:!0})],r.prototype,"hideLastAndFirstButtons",2);l([o({reflect:!0,type:Number})],r.prototype,"currentPage",1);customElements.get("cre8-pagination")===void 0&&customElements.define("cre8-pagination",r);const{args:E,argTypes:_,template:Z}=L("cre8-pagination"),at={title:"cre8 Components/Pagination",component:"cre8-pagination",args:{...E,currentPage:1,totalResults:300,pageSize:10,visiblePages:5,display:"default"},argTypes:{..._,display:{..._.display,options:["compact","icon-only","range","default"],control:{type:"select"}}},parameters:{status:{type:"inProgress"},actions:{handles:["pagination-change","button.handleOnBlur","pagination.keydown"]}},decorators:[N],render:g=>Z(g)},h={args:{display:"default",currentPage:1,totalResults:300,pageSize:25}},f={args:{display:"compact",currentPage:1,totalResults:43,pageSize:10}},b={args:{display:"icon-only"}},x={args:{display:"default",currentPage:1,totalResults:300,pageSize:25,hideLastAndFirstButtons:!0}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+      </nav>`}};y.styles=[B],y.elementDefinitions={"cre8-button":C};let i=y;m([w()],i.prototype,"_currentPage",2);m([o({reflect:!0,type:Number})],i.prototype,"totalResults",2);m([o({type:Number,reflect:!0})],i.prototype,"pageSize",1);m([w()],i.prototype,"_pageSize",2);m([o({reflect:!0,type:Number})],i.prototype,"visiblePages",2);m([o({type:String,reflect:!0})],i.prototype,"display",2);m([w()],i.prototype,"windowWidth",2);m([S("cre8-button")],i.prototype,"buttons",2);m([o({type:Boolean,reflect:!0})],i.prototype,"hideLastAndFirstButtons",2);m([o({reflect:!0,type:Number})],i.prototype,"currentPage",1);customElements.get("cre8-pagination")===void 0&&customElements.define("cre8-pagination",i);const{args:E,argTypes:_,template:Z}=L("cre8-pagination"),at={title:"cre8 Components/Pagination",component:"cre8-pagination",args:{...E,currentPage:1,totalResults:300,pageSize:10,visiblePages:5,display:"default"},argTypes:{..._,display:{..._.display,options:["compact","icon-only","range","default"],control:{type:"select"}}},parameters:{status:{type:"inProgress"},actions:{handles:["pagination-change","button.handleOnBlur","pagination.keydown"]}},decorators:[N],render:l=>Z(l)},h={args:{display:"default",currentPage:1,totalResults:300,pageSize:25}},f={args:{display:"compact",currentPage:1,totalResults:43,pageSize:10}},b={args:{display:"icon-only"}},x={args:{display:"default",currentPage:1,totalResults:300,pageSize:25,hideLastAndFirstButtons:!0}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
   args: {
     display: 'default',
     currentPage: 1,