@tmorrow/cre8-wc 2.0.5 → 2.0.7

package/dist/assets/{pagination.stories-DSfWODQ2.js → pagination.stories-Bw2M2iOn.js}

@@ -1,10 +1,4 @@
-import{i as _,b as n,A as g}from"./iframe-CdWmiVXf.js";import{o as u}from"./if-defined-sxEueMHN.js";import{C as $,n as d}from"./cre8-element-gkCuLp-W.js";import{r as v}from"./state-BQD-SkUn.js";import{r as R}from"./query-all-CK69__1O.js";import{s as S}from"./Caret_Left-CIObD6Xy.js";import{h as N}from"./icon-DYiIK7a4.js";import{s as I}from"./Caret_Right-BhO63VKn.js";import{C as z}from"./button-Bt9tRB7v.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";import"./unsafe-html-BLUBm7l3.js";import"./directive-b18f_ppQ.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./query-BpjciUlk.js";import"./cre8-form-element-DsXhvnkn.js";import"./loading-spinner-Ced-hKjz.js";const T=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7869 14.7577C15.8544 14.8253 15.908 14.9055 15.9446 14.9937C15.9812 15.082 16 15.1766 16 15.2722C16 15.3678 15.9812 15.4624 15.9446 15.5507C15.908 15.6389 15.8544 15.7191 15.7869 15.7867C15.7193 15.8543 15.6391 15.9079 15.5508 15.9444C15.4625 15.981 15.3679 15.9998 15.2724 15.9998C15.1768 15.9998 15.0822 15.981 14.9939 15.9444C14.9056 15.9079 14.8254 15.8543 14.7579 15.7867L7.48557 8.51443C7.41795 8.44689 7.36432 8.36669 7.32772 8.2784C7.29112 8.19012 7.27228 8.09549 7.27228 7.99992C7.27228 7.90435 7.29112 7.80972 7.32772 7.72143C7.36432 7.63315 7.41795 7.55294 7.48557 7.4854L14.7579 0.213119C14.8943 0.076661 15.0794 -3.8041e-09 15.2724 0C15.4653 3.8041e-09 15.6504 0.076661 15.7869 0.213119C15.9233 0.349576 16 0.534653 16 0.727633C16 0.920613 15.9233 1.10569 15.7869 1.24215L9.0282 7.99992L15.7869 14.7577ZM1.75592 7.99992L8.5146 1.24215C8.65106 1.10569 8.72772 0.920613 8.72772 0.727633C8.72772 0.534653 8.65106 0.349576 8.5146 0.213119C8.37814 0.076661 8.19306 1.43782e-09 8.00008 0C7.8071 -1.43781e-09 7.62203 0.076661 7.48557 0.213119L0.213286 7.4854C0.145671 7.55294 0.0920317 7.63315 0.0554344 7.72143C0.0188371 7.80972 0 7.90435 0 7.99992C0 8.09549 0.0188371 8.19012 0.0554344 8.2784C0.0920317 8.36669 0.145671 8.44689 0.213286 8.51443L7.48557 15.7867C7.55314 15.8543 7.63335 15.9079 7.72163 15.9444C7.80991 15.981 7.90453 15.9998 8.00008 15.9998C8.09564 15.9998 8.19026 15.981 8.27854 15.9444C8.36682 15.9079 8.44703 15.8543 8.5146 15.7867C8.58217 15.7191 8.63576 15.6389 8.67233 15.5507C8.7089 15.4624 8.72772 15.3678 8.72772 15.2722C8.72772 15.1766 8.7089 15.082 8.67233 14.9937C8.63576 14.9055 8.58217 14.8253 8.5146 14.7577L1.75592 7.99992Z"/>
-</svg>
-`,P=`<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>
-`,C={md:768,lg:960},k=(p="768")=>!window.matchMedia(`(min-width: ${p}px)`).matches,L=_`.cre8-u-content-knockout-brand {
+import{a as R,b as a,A as g,g as L}from"./iframe-dHvya7sk.js";import{o as u}from"./if-defined-HKKhGupN.js";import{C as $,n as o}from"./cre8-element-DfmMtHJO.js";import{r as w}from"./state-CfuknrX8.js";import{r as S}from"./query-all-CK69__1O.js";import{C as z}from"./button-CJL8yzAT.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-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";const C={md:768,lg:960},P=(c="768")=>!window.matchMedia(`(min-width: ${c}px)`).matches,T=R`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -378,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -550,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -602,13 +604,13 @@ span.ripple {
   text-decoration: var(--cre8-typography-label-small-text-decoration);
   text-transform: var(--cre8-typography-label-small-text-transform);
   padding: 0.5rem;
-}`;var F=Object.defineProperty,m=(p,e,t,a)=>{for(var i=void 0,s=p.length-1,r;s>=0;s--)(r=p[s])&&(i=r(e,t,i)||i);return i&&F(e,t,i),i};const w=class w 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 n`
+}`;var I=Object.defineProperty,m=(c,e,t,n)=>{for(var i=void 0,s=c.length-1,d;s>=0;s--)(d=c[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`
       <div class='${e}'>
         <span class="cre8-c-pagination__text" aria-live="polite">
-          ${!this.display||this.display==="default"?n`${this.currentPage}`:n`${this.currentPage} of ${this._totalPages}`}
+          ${!this.display||this.display==="default"?a`${this.currentPage}`:a`${this.currentPage} of ${this._totalPages}`}
         </span>
       </div>
-    `}};w.styles=[L];let c=w;m([d({type:Boolean,reflect:!0})],c.prototype,"rangeVariant");m([d()],c.prototype,"currentPage");m([d()],c.prototype,"totalResults");m([d()],c.prototype,"pageSize");m([d()],c.prototype,"display");customElements.get("cre8-page-counter")===void 0&&customElements.define("cre8-page-counter",c);const O=_`.cre8-u-content-knockout-brand {
+    `}};v.styles=[T];let p=v;m([o({type:Boolean,reflect:!0})],p.prototype,"rangeVariant");m([o()],p.prototype,"currentPage");m([o()],p.prototype,"totalResults");m([o()],p.prototype,"pageSize");m([o()],p.prototype,"display");customElements.get("cre8-page-counter")===void 0&&customElements.define("cre8-page-counter",p);const B=R`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -982,6 +984,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1154,6 +1160,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1252,17 +1262,32 @@ 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 B=Object.defineProperty,V=Object.getOwnPropertyDescriptor,l=(p,e,t,a)=>{for(var i=a>1?void 0:a?V(e,t):e,s=p.length-1,r;s>=0;s--)(r=p[s])&&(i=(a?r(e,t,i):r(i))||i);return a&&i&&B(e,t,i),i};const x=class x extends ${constructor(){super(...arguments),this._currentPage=99,this._pageSize=10,this.visiblePages=5,this._handleKeydown=(e,t)=>a=>{a.code==="Enter"&&this._goToPage(e,t)},this._goToPage=(e,t)=>()=>{const a=this._currentPage;let i;this.buttons.forEach(s=>{const r=new z;return r.hideText&&r.text===t&&(i=r,i.shadowRoot.querySelector(".cre8-c-button").blur()),null}),this._currentPage=e,this.currentPage=this._currentPage,this.requestUpdate("currentPage",a),this.dispatchEvent(new CustomEvent("pagination.click",{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(C.lg.toString())?k(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 a=Math.min(t+this.maxVisiblePages-1,this.totalPages);return[...Array(this.totalPages)].map((i,s)=>s+1).slice(t-1,a)}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 n`<cre8-page-counter
+}`;var F=Object.defineProperty,O=Object.getOwnPropertyDescriptor,l=(c,e,t,n)=>{for(var i=n>1?void 0:n?O(e,t):e,s=c.length-1,d;s>=0;s--)(d=c[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">
+<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">
+<path d="M15.7869 14.7577C15.8544 14.8253 15.908 14.9055 15.9446 14.9937C15.9812 15.082 16 15.1766 16 15.2722C16 15.3678 15.9812 15.4624 15.9446 15.5507C15.908 15.6389 15.8544 15.7191 15.7869 15.7867C15.7193 15.8543 15.6391 15.9079 15.5508 15.9444C15.4625 15.981 15.3679 15.9998 15.2724 15.9998C15.1768 15.9998 15.0822 15.981 14.9939 15.9444C14.9056 15.9079 14.8254 15.8543 14.7579 15.7867L7.48557 8.51443C7.41795 8.44689 7.36432 8.36669 7.32772 8.2784C7.29112 8.19012 7.27228 8.09549 7.27228 7.99992C7.27228 7.90435 7.29112 7.80972 7.32772 7.72143C7.36432 7.63315 7.41795 7.55294 7.48557 7.4854L14.7579 0.213119C14.8943 0.076661 15.0794 -3.8041e-09 15.2724 0C15.4653 3.8041e-09 15.6504 0.076661 15.7869 0.213119C15.9233 0.349576 16 0.534653 16 0.727633C16 0.920613 15.9233 1.10569 15.7869 1.24215L9.0282 7.99992L15.7869 14.7577ZM1.75592 7.99992L8.5146 1.24215C8.65106 1.10569 8.72772 0.920613 8.72772 0.727633C8.72772 0.534653 8.65106 0.349576 8.5146 0.213119C8.37814 0.076661 8.19306 1.43782e-09 8.00008 0C7.8071 -1.43781e-09 7.62203 0.076661 7.48557 0.213119L0.213286 7.4854C0.145671 7.55294 0.0920317 7.63315 0.0554344 7.72143C0.0188371 7.80972 0 7.90435 0 7.99992C0 8.09549 0.0188371 8.19012 0.0554344 8.2784C0.0920317 8.36669 0.145671 8.44689 0.213286 8.51443L7.48557 15.7867C7.55314 15.8543 7.63335 15.9079 7.72163 15.9444C7.80991 15.981 7.90453 15.9998 8.00008 15.9998C8.09564 15.9998 8.19026 15.981 8.27854 15.9444C8.36682 15.9079 8.44703 15.8543 8.5146 15.7867C8.58217 15.7191 8.63576 15.6389 8.67233 15.5507C8.7089 15.4624 8.72772 15.3678 8.72772 15.2722C8.72772 15.1766 8.7089 15.082 8.67233 14.9937C8.63576 14.9055 8.58217 14.8253 8.5146 14.7577L1.75592 7.99992Z"/>
+</svg>
+`,X=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.51443 8.51443L1.24215 15.7867C1.10569 15.9232 0.920613 15.9998 0.727633 15.9998C0.534653 15.9998 0.349576 15.9232 0.213119 15.7867C0.076661 15.6503 3.8041e-09 15.4652 0 15.2722C-3.8041e-09 15.0792 0.076661 14.8941 0.213119 14.7577L6.9718 7.99992L0.213119 1.24215C0.076661 1.10569 0 0.920613 0 0.727633C0 0.534653 0.076661 0.349576 0.213119 0.213119C0.349576 0.076661 0.534653 0 0.727633 0C0.920613 0 1.10569 0.076661 1.24215 0.213119L8.51443 7.4854C8.58205 7.55294 8.63569 7.63315 8.67228 7.72143C8.70888 7.80972 8.72772 7.90435 8.72772 7.99992C8.72772 8.09549 8.70888 8.19012 8.67228 8.2784C8.63569 8.36669 8.58205 8.44689 8.51443 8.51443ZM15.7867 7.4854L8.51443 0.213119C8.37797 0.076661 8.1929 0 7.99992 0C7.80694 0 7.62186 0.076661 7.4854 0.213119C7.34894 0.349576 7.27228 0.534653 7.27228 0.727633C7.27228 0.920613 7.34894 1.10569 7.4854 1.24215L14.2441 7.99992L7.4854 14.7577C7.34894 14.8941 7.27228 15.0792 7.27228 15.2722C7.27228 15.4652 7.34894 15.6503 7.4854 15.7867C7.62186 15.9232 7.80694 15.9998 7.99992 15.9998C8.1929 15.9998 8.37797 15.9232 8.51443 15.7867L15.7867 8.51443C15.8543 8.44689 15.908 8.36669 15.9446 8.2784C15.9812 8.19012 16 8.09549 16 7.99992C16 7.90435 15.9812 7.80972 15.9446 7.72143C15.908 7.63315 15.8543 7.55294 15.7867 7.4854Z"/>
+</svg>
+`,E=`<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">
+<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.dispatchEvent(new CustomEvent("pagination.click",{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
               currentPage=${this.currentPage}
               style="display:${this.display==="compact"?"flex":"none"};"
               totalResults=${this.totalResults}
               pageSize=${this._pageSize}
               display=${this.display}>
-              </cre8-page-counter>`}goToPage(e,t){return this._goToPage(e,t).bind(this)}handleKeydown(e,t){return this._handleKeydown(e,t)}render(){const e=this.componentClassNames("cre8-c-pagination",{"cre8-c-pagination--compact":this.display!==void 0&&this.display==="compact","cre8-c-pagination--icon-only":this.display!==void 0&&this.display==="icon-only"});return n`<nav
+              </cre8-page-counter>`}goToPage(e,t){return this._goToPage(e,t).bind(this)}handleKeydown(e,t){return this._handleKeydown(e,t)}render(){const e=this.componentClassNames("cre8-c-pagination",{"cre8-c-pagination--compact":this.display!==void 0&&this.display==="compact","cre8-c-pagination--icon-only":this.display!==void 0&&this.display==="icon-only"});return a`<nav
       aria-label="pagination"
       class=${e}>
         <slot></slot>
-        ${this.hideLastAndFirstButtons?g:n` <cre8-button
+        ${this.hideLastAndFirstButtons?g:a` <cre8-button
               variant="tertiary"
               size="sm"
               text=""
@@ -1278,7 +1303,7 @@ span.ripple {
           <cre8-icon
             className="cre8-c-pagination__icon"
             aria-label="First Page"
-            svg=${T}
+            svg=${M}
             size="24">
           </cre8-icon>
         </span>
@@ -1300,7 +1325,7 @@ span.ripple {
             className="cre8-c-pagination__icon"
             aria-label="Previous Page"
             slot="before"
-            svg=${S}
+            svg=${V}
             size="24"
 
             >
@@ -1309,13 +1334,13 @@ span.ripple {
         </cre8-button>
 
       ${this.displayTypes()}
-        ${!this.display||this.display==="default"?n`${this.pageRange[this.pageRange.length-1]>1&&this.pageRange[0]!==1?n` <cre8-icon
+        ${!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=${P}
+            slot="before" svg=${k}
             size="24">
             </cre8-icon>`:g}
-            ${this.pageRange.map(t=>t===this.currentPage?n`<cre8-button variant="tertiary" tab-index="-1" text="${t}"  class="icon-only" size="sm" id="current"></cre8-button>`:n`<cre8-button
+            ${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"
                       text="${t}"
@@ -1324,10 +1349,10 @@ span.ripple {
                       @click=${this.goToPage(t,t.toString())}
                       @keydown=${this.handleKeydown(t,t.toString())}>
                       </cre8-button>`)}
-            ${this.pageRange[this.pageRange.length-1]<this.totalPages?n` <cre8-icon
+            ${this.pageRange[this.pageRange.length-1]<this.totalPages?a` <cre8-icon
             aria-label="ellipsis"
             className="cre8-c-pagination__icon"
-            slot="before" svg=${P}
+            slot="before" svg=${k}
             size="24">
             </cre8-icon>`:g}`:g}
         <cre8-button
@@ -1346,13 +1371,13 @@ span.ripple {
             <cre8-icon
             aria-label="Next Page"
             className="cre8-c-pagination__icon"
-            slot="before" svg=${I}
+            slot="before" svg=${E}
             size="24">
             </cre8-icon>
           </span>
         </cre8-button>
 
-        ${this.hideLastAndFirstButtons?g:n` <cre8-button
+        ${this.hideLastAndFirstButtons?g:a` <cre8-button
               variant="tertiary"
               size="sm"
               hideText
@@ -1369,25 +1394,14 @@ span.ripple {
                 aria-label="Last Page"
                 className="cre8-c-pagination__icon"
                 slot="before"
-                svg=${N}
+                svg=${X}
                 size="24"
                 >
                 </cre8-icon>
               </span>
             </cre8-button>`}
 
-      </nav>`}};x.styles=[O],x.elementDefinitions={"cre8-button":z};let o=x;l([v()],o.prototype,"_currentPage",2);l([d({reflect:!0,type:Number})],o.prototype,"totalResults",2);l([d({type:Number,reflect:!0})],o.prototype,"pageSize",1);l([v()],o.prototype,"_pageSize",2);l([d({reflect:!0,type:Number})],o.prototype,"visiblePages",2);l([d({type:String,reflect:!0})],o.prototype,"display",2);l([v()],o.prototype,"windowWidth",2);l([R("cre8-button")],o.prototype,"buttons",2);l([d({type:Boolean,reflect:!0})],o.prototype,"hideLastAndFirstButtons",2);l([d({reflect:!0,type:Number})],o.prototype,"currentPage",1);customElements.get("cre8-pagination")===void 0&&customElements.define("cre8-pagination",o);const{withActions:M}=__STORYBOOK_MODULE_PREVIEW_API__,at={title:"cre8 Components/Pagination",component:"cre8-pagination",args:{currentPage:1,totalResults:300,pageSize:10,visiblePages:5,display:"default"},argTypes:{display:{options:["compact","icon-only","range","default"],defaultValue:"default",control:{type:"select"}},hideLastAndFirstButtons:{control:{type:"boolean"}}},parameters:{status:{type:"inProgress"},actions:{handles:["pagination.click","button.handleOnBlur","pagination.keydown"]},decorators:[M]},render:({currentPage:p,hideLastAndFirstButtons:e,totalResults:t,pageSize:a,display:i,visiblePages:s})=>n`
-    <cre8-pagination
-      currentPage="${p}"
-      totalResults="${t}"
-      pageSize="${a}"
-      visiblePages="${s}"
-      display="${i}"
-      ?hideLastAndFirstButtons=${e}
-      @pagination.click="${r=>console.log(r)}"
-      @pagination.keydown="${r=>console.log(r)}"
-    ></cre8-pagination>
-  `},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"}},y={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":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:A,argTypes:_,template:Z}=L("cre8-pagination"),at={title:"cre8 Components/Pagination",component:"cre8-pagination",args:{...A,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.click","button.handleOnBlur","pagination.keydown"]}},decorators:[N],render:c=>Z(c)},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,
@@ -1405,7 +1419,7 @@ span.ripple {
   args: {
     display: 'icon-only'
   }
-}`,...b.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
+}`,...b.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
   args: {
     display: 'default',
     currentPage: 1,
@@ -1413,4 +1427,4 @@ span.ripple {
     pageSize: 25,
     hideLastAndFirstButtons: true
   }
-}`,...y.parameters?.docs?.source}}};const nt=["Default","Compact","IconOnly","HideFirstAndLastButtons"];export{f as Compact,h as Default,y as HideFirstAndLastButtons,b as IconOnly,nt as __namedExportsOrder,at as default};
+}`,...x.parameters?.docs?.source}}};const nt=["Default","Compact","IconOnly","HideFirstAndLastButtons"];export{f as Compact,h as Default,x as HideFirstAndLastButtons,b as IconOnly,nt as __namedExportsOrder,at as default};

package/dist/assets/{percent-bar.stories-BmE9NprW.js → percent-bar.stories-UQRXYUqd.js}

@@ -1,4 +1,4 @@
-import{i as x,A as b,b as l}from"./iframe-CdWmiVXf.js";import{s as y}from"./spread-BOaHI3Dl.js";import{s as v}from"./icon-DYiIK7a4.js";import{C as z,n as c}from"./cre8-element-gkCuLp-W.js";import"./button-Bt9tRB7v.js";import"./text-passage-Dw-BWzip.js";import"./progress-meter-DRI7Arug.js";import"./link-B_CPLQjt.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./unsafe-html-BLUBm7l3.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-sxEueMHN.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-DsXhvnkn.js";import"./loading-spinner-Ced-hKjz.js";import"./index.browser-BY9c7rfI.js";const w=x`.cre8-u-content-knockout-brand {
+import{a as x,A as b,b as l}from"./iframe-dHvya7sk.js";import{s as y}from"./spread-BPiNgQQF.js";import{C as v,n as c}from"./cre8-element-DfmMtHJO.js";import"./button-CJL8yzAT.js";import"./text-passage-DGaI5i2I.js";import"./progress-meter-TzASasu0.js";import"./link-BpCiLxNW.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./if-defined-HKKhGupN.js";import"./query-BpjciUlk.js";import"./base-DVmwUFg0.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import"./index.browser-BY9c7rfI.js";const w=x`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -608,13 +616,17 @@ span.ripple {
 
 .cre8-c-percent-bar__p {
   width: fit-content;
-}`;var k=Object.defineProperty,g=(a,e,h,_)=>{for(var t=void 0,p=a.length-1,f;p>=0;p--)(f=a[p])&&(t=f(e,h,t)||t);return t&&k(e,h,t),t};const u=class u extends z{_handleClick(e){this.dispatchEvent(new Event("leftActionButtonClick",e))}fractionAsPercent(){return Math.round(this.value/this.max*100)}isFirstStep(){return this.value>1}render(){const e=this.componentClassNames("cre8-c-percent-bar",{});return l`
+}`;var z=Object.defineProperty,g=(a,e,h,_)=>{for(var t=void 0,p=a.length-1,f;p>=0;p--)(f=a[p])&&(t=f(e,h,t)||t);return t&&z(e,h,t),t};const k=`<svg fill="currentColor" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.7867 12.1506C15.7192 12.2183 15.639 12.2719 15.5507 12.3085C15.4624 12.3451 15.3678 12.3639 15.2722 12.3639C15.1766 12.3639 15.082 12.3451 14.9937 12.3085C14.9054 12.2719 14.8252 12.2183 14.7577 12.1506L7.99992 5.39197L1.24215 12.1506C1.10569 12.2871 0.920613 12.3638 0.727633 12.3638C0.534652 12.3638 0.349576 12.2871 0.213119 12.1506C0.076661 12.0142 3.8041e-09 11.8291 0 11.6361C-3.8041e-09 11.4432 0.076661 11.2581 0.213119 11.1216L7.4854 3.84933C7.55294 3.78172 7.63315 3.72808 7.72143 3.69148C7.80972 3.65488 7.90435 3.63605 7.99992 3.63605C8.09548 3.63605 8.19012 3.65488 8.2784 3.69148C8.36668 3.72808 8.44689 3.78172 8.51443 3.84933L15.7867 11.1216C15.8543 11.1892 15.908 11.2694 15.9446 11.3576C15.9812 11.4459 16 11.5406 16 11.6361C16 11.7317 15.9812 11.8263 15.9446 11.9146C15.908 12.0029 15.8543 12.0831 15.7867 12.1506Z"/>
+</svg>
+`,u=class u extends v{_handleClick(e){this.dispatchEvent(new Event("leftActionButtonClick",e))}fractionAsPercent(){return Math.round(this.value/this.max*100)}isFirstStep(){return this.value>1}render(){const e=this.componentClassNames("cre8-c-percent-bar",{});return l`
       <div class="${e}">
           <div class="cre8-c-percent-bar__controls">
               <div lass="cre8-c-percent-bar__left-controls">
                 ${this.isFirstStep()?l` <cre8-button
                       ?hideText=${!0}
-                      svg="${v}"
+                      text="Previous step"
+                      svg="${k}"
                       iconRotateDegree="-90"
                       variant="tertiary"
                       ?disabled=${this.disableActionLeft}
@@ -636,7 +648,7 @@ span.ripple {
           max="${this.max}"
         ></cre8-progress-meter>
       </div>
-    `}};u.styles=[w];let r=u;g([c()],r.prototype,"value");g([c()],r.prototype,"max");g([c({type:Boolean,reflect:!0})],r.prototype,"disableActionLeft");customElements.get("cre8-percent-bar")===void 0&&customElements.define("cre8-percent-bar",r);const U={title:"In Development/Percent Bar",component:"cre8-percent-bar",render:a=>l`<cre8-percent-bar ${y(a)}></cre8-percent-bar>`,parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-selected"]}},argTypes:{max:{control:"number"},value:{control:"number"}}},i={args:{value:"2",max:"10"}},n={args:{value:"1",max:"10"}},o={args:{value:"1",max:"3"}},s={args:{value:"5",max:"10"}},d={args:{value:"10",max:"10"}},m={args:{value:"2",max:"10",disableActionLeft:!0}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+    `}};u.styles=[w];let r=u;g([c()],r.prototype,"value");g([c()],r.prototype,"max");g([c({type:Boolean,reflect:!0})],r.prototype,"disableActionLeft");customElements.get("cre8-percent-bar")===void 0&&customElements.define("cre8-percent-bar",r);const D={title:"In Development/Percent Bar",component:"cre8-percent-bar",render:a=>l`<cre8-percent-bar ${y(a)}></cre8-percent-bar>`,parameters:{status:{type:"inProgress"},actions:{handles:["dropdown-item-selected"]}},argTypes:{max:{control:"number"},value:{control:"number"}}},i={args:{value:"2",max:"10"}},n={args:{value:"1",max:"10"}},o={args:{value:"1",max:"3"}},s={args:{value:"5",max:"10"}},d={args:{value:"10",max:"10"}},m={args:{value:"2",max:"10",disableActionLeft:!0}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
   args: {
     value: '2',
     max: '10'
@@ -667,4 +679,4 @@ span.ripple {
     max: '10',
     disableActionLeft: true
   }
-}`,...m.parameters?.docs?.source}}};const q=["Default","tenPercent","thirtyThreePercent","fiftyPercent","oneHundredPercent","disableActionLeft"];export{i as Default,q as __namedExportsOrder,U as default,m as disableActionLeft,s as fiftyPercent,d as oneHundredPercent,n as tenPercent,o as thirtyThreePercent};
+}`,...m.parameters?.docs?.source}}};const G=["Default","tenPercent","thirtyThreePercent","fiftyPercent","oneHundredPercent","disableActionLeft"];export{i as Default,G as __namedExportsOrder,D as default,m as disableActionLeft,s as fiftyPercent,d as oneHundredPercent,n as tenPercent,o as thirtyThreePercent};

package/dist/assets/{popover.stories-CPg1Hoan.js → popover.stories-ZkwrRFpR.js}

@@ -1,4 +1,4 @@
-import{i as A,A as T,b as i}from"./iframe-CdWmiVXf.js";import{s as O}from"./spread-BOaHI3Dl.js";import{o as c}from"./unsafe-html-BLUBm7l3.js";import"./f-po-CZL6lsXP.js";import"./button-Bt9tRB7v.js";import{C as B,n}from"./cre8-element-gkCuLp-W.js";import{e as k}from"./query-BpjciUlk.js";import{o as P}from"./query-assigned-elements-43hYArgI.js";import"./heading-BgO3jH9M.js";import{s as p}from"./story-helpers-BJLZYDac.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./if-defined-sxEueMHN.js";import"./cre8-form-element-DsXhvnkn.js";import"./icon-DYiIK7a4.js";import"./Caret_Down-Bmqq8eNW.js";import"./Warning-CawqmTvB.js";import"./loading-spinner-Ced-hKjz.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const C=A`.cre8-u-content-knockout-brand {
+import{a as A,A as T,b as i,o as c}from"./iframe-dHvya7sk.js";import{s as O}from"./spread-BPiNgQQF.js";import{w as C}from"./decorator-iVSD-Llo.js";import"./f-po-C2WpbOFJ.js";import"./button-CJL8yzAT.js";import{C as B,n}from"./cre8-element-DfmMtHJO.js";import{e as k}from"./query-BpjciUlk.js";import{o as P}from"./query-assigned-elements-43hYArgI.js";import"./heading-485Jz7JZ.js";import{s as p}from"./story-helpers-BFn_kBYw.js";import"./preload-helper-PPVm8Dsz.js";import"./chunk-EUVGDK4H-rHCQfRxh.js";import"./if-defined-HKKhGupN.js";import"./cre8-form-element-bQpK8UYN.js";import"./icon-DeTLDzTS.js";import"./loading-spinner-g6iJajXH.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./base-DVmwUFg0.js";const S=A`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -625,7 +633,7 @@ span.ripple {
   /* 1 */
   background-color: var(--cre8-color-bg-default);
   border: var(--cre8-border-width-default) var(--cre8-border-style-default) var(--cre8-color-border-strong);
-  border-radius: var(--cre8-border-radius-default);
+  border-radius: var(--cre8-border-radius-container);
   box-shadow: var(--cre8-shadow-default);
   padding: 1rem;
   /**
@@ -763,7 +771,7 @@ span.ripple {
 .cre8-c-popover__footer {
   display: flex;
   gap: 1rem;
-}`;var E=Object.defineProperty,o=(d,e,t,s)=>{for(var a=void 0,w=d.length-1,z;w>=0;w--)(z=d[w])&&(a=z(e,t,a)||a);return a&&E(e,t,a),a};const _=class _ extends B{constructor(){super(...arguments),this.handleOnClickOutside=e=>{if(!this.isActive)return;if(!this.shadowRoot?.host)throw Error("Could not determine panel context during click handler");const t=e.composedPath().includes(this.shadowRoot.host);e.target===document.querySelector("html")&&e.clientX>=document.documentElement.offsetWidth||this.isActive&&!t&&this._toggleActive()},this.removeActiveOnScroll=()=>{if(this.isActive&&!this.isVisibleOnScroll){const e=this._Cre8PopoverPanel.getBoundingClientRect();this._Cre8Popover.clientHeight+e.height+e.top<window.innerHeight&&this._toggleActive()}},this.removeActive=()=>{this.isActive&&this._toggleActive()}}get isRTL(){return document.dir==="rtl"}connectedCallback(){super.connectedCallback(),globalThis.window.addEventListener("resize",this.removeActive),globalThis.window.addEventListener("scroll",this.removeActiveOnScroll),globalThis.window.addEventListener("orientationchange",this.removeActive),globalThis.document.addEventListener("mousedown",this.handleOnClickOutside,!1)}disconnectedCallback(){super.disconnectedCallback(),globalThis.window.removeEventListener("resize",this.removeActive),globalThis.window.removeEventListener("scroll",this.removeActiveOnScroll),globalThis.window.removeEventListener("orientationchange",this.removeActive),globalThis.document.removeEventListener("mousedown",this.handleOnClickOutside,!1)}firstUpdated(){this.addAria()}addAria(){let e;this._Cre8PopoverTrigger[0].tagName==="cre8-BUTTON"?(e=this._Cre8PopoverTrigger[0],e.buttonAriaExpanded=this.isActive?this.isActive:!1):(e=this._Cre8PopoverTrigger[0],e.setAttribute("aria-expanded",`${this.isActive?this.isActive:!1}`),e.setAttribute("type","button"))}dynamicPosition(){if(this.isDynamic&&this._Cre8PopoverPanel){const e=document.querySelector("body").getBoundingClientRect(),t=this._Cre8PopoverPanel.getBoundingClientRect();t.left<0&&(this.position=this.isRTL?"left":"right"),t.right>=e.width&&(this.position=this.isRTL?"right":"left"),t.top<0&&t.left>0&&t.right<e.width&&(this.position=null),t.bottom>=window.innerHeight&&t.left>=0&&t.right<=e.width&&(this.position="top")}}_toggleActive(){this.isActive=!this.isActive,this.addAria(),this.isActive?(requestAnimationFrame(()=>{this.dynamicPosition()}),this.dispatchEvent(new CustomEvent("open",{detail:{isActive:this.isActive},bubbles:!0,composed:!0}))):this.dispatchEvent(new CustomEvent("close",{detail:{isActive:this.isActive},bubbles:!0,composed:!0})),setTimeout(()=>{this.isActive?this.isActiveDynamic=!0:this.isActiveDynamic=!1},2)}_handleKeydown(e){e.key==="Escape"&&this.isActive===!0?this._toggleActive():e.key==="Tab"&&this._handleTabNavigation(e)}_handleTabNavigation(e){this.isActive&&this._navigateInsidePopover(e)}_navigateInsidePopover(e){const t=this._getFocusableElements();if(t.length===0){this._closePopoverAndFocusTrigger(e);return}const s=t[t.length-1];document.activeElement===s&&(this._closePopoverAndFocusTrigger(e),e.preventDefault())}_getFocusableElements(){return[...Array.from(this._Cre8PopoverFooter)]}_closePopoverAndFocusTrigger(e){this._toggleActive(),e.preventDefault()}render(){const e=this.componentClassNames("cre8-c-popover",{"cre8-c-popover--top":this.position==="top","cre8-c-popover--left":this.position==="left","cre8-c-popover--right":this.position==="right","cre8-is-active":this.isActive,"cre8-is-dynamic":this.isDynamic,"cre8-is-dynamic-active":this.isActiveDynamic});return i`
+}`;var E=Object.defineProperty,o=(d,e,t,s)=>{for(var a=void 0,w=d.length-1,z;w>=0;w--)(z=d[w])&&(a=z(e,t,a)||a);return a&&E(e,t,a),a};const _=class _ extends B{constructor(){super(...arguments),this.handleOnClickOutside=e=>{if(!this.isActive)return;if(!this.shadowRoot?.host)throw Error("Could not determine panel context during click handler");const t=e.composedPath().includes(this.shadowRoot.host);e.target===document.querySelector("html")&&e.clientX>=document.documentElement.offsetWidth||this.isActive&&!t&&this._toggleActive()},this.removeActiveOnScroll=()=>{if(this.isActive&&!this.isVisibleOnScroll){const e=this._Cre8PopoverPanel.getBoundingClientRect();this._Cre8Popover.clientHeight+e.height+e.top<window.innerHeight&&this._toggleActive()}},this.removeActive=()=>{this.isActive&&this._toggleActive()}}get isRTL(){return document.dir==="rtl"}connectedCallback(){super.connectedCallback(),globalThis.window.addEventListener("resize",this.removeActive),globalThis.window.addEventListener("scroll",this.removeActiveOnScroll),globalThis.window.addEventListener("orientationchange",this.removeActive),globalThis.document.addEventListener("mousedown",this.handleOnClickOutside,!1)}disconnectedCallback(){super.disconnectedCallback(),globalThis.window.removeEventListener("resize",this.removeActive),globalThis.window.removeEventListener("scroll",this.removeActiveOnScroll),globalThis.window.removeEventListener("orientationchange",this.removeActive),globalThis.document.removeEventListener("mousedown",this.handleOnClickOutside,!1)}firstUpdated(){this.addAria()}addAria(){let e;this._Cre8PopoverTrigger[0].tagName==="CRE8-BUTTON"?(e=this._Cre8PopoverTrigger[0],e.buttonAriaExpanded=this.isActive?this.isActive:!1):(e=this._Cre8PopoverTrigger[0],e.setAttribute("aria-expanded",`${this.isActive?this.isActive:!1}`),e.setAttribute("type","button"))}dynamicPosition(){if(this.isDynamic&&this._Cre8PopoverPanel){const e=document.querySelector("body").getBoundingClientRect(),t=this._Cre8PopoverPanel.getBoundingClientRect();t.left<0&&(this.position=this.isRTL?"left":"right"),t.right>=e.width&&(this.position=this.isRTL?"right":"left"),t.top<0&&t.left>0&&t.right<e.width&&(this.position=null),t.bottom>=window.innerHeight&&t.left>=0&&t.right<=e.width&&(this.position="top")}}_toggleActive(){this.isActive=!this.isActive,this.addAria(),this.isActive?(requestAnimationFrame(()=>{this.dynamicPosition()}),this.dispatchEvent(new CustomEvent("open",{detail:{isActive:this.isActive},bubbles:!0,composed:!0}))):this.dispatchEvent(new CustomEvent("close",{detail:{isActive:this.isActive},bubbles:!0,composed:!0})),setTimeout(()=>{this.isActive?this.isActiveDynamic=!0:this.isActiveDynamic=!1},2)}_handleKeydown(e){e.key==="Escape"&&this.isActive===!0?this._toggleActive():e.key==="Tab"&&this._handleTabNavigation(e)}_handleTabNavigation(e){this.isActive&&this._navigateInsidePopover(e)}_navigateInsidePopover(e){const t=this._getFocusableElements();if(t.length===0){this._closePopoverAndFocusTrigger(e);return}const s=t[t.length-1];document.activeElement===s&&(this._closePopoverAndFocusTrigger(e),e.preventDefault())}_getFocusableElements(){return[...Array.from(this._Cre8PopoverFooter)]}_closePopoverAndFocusTrigger(e){this._toggleActive(),e.preventDefault()}render(){const e=this.componentClassNames("cre8-c-popover",{"cre8-c-popover--top":this.position==="top","cre8-c-popover--left":this.position==="left","cre8-c-popover--right":this.position==="right","cre8-is-active":this.isActive,"cre8-is-dynamic":this.isDynamic,"cre8-is-dynamic-active":this.isActiveDynamic});return i`
       <div class="${e}">
         ${this.slotNotEmpty("trigger")&&i` <slot name="trigger" @keydown=${this._handleKeydown} @click=${this._toggleActive}></slot> `}
         ${this.isActive?i`
@@ -782,13 +790,13 @@ span.ripple {
               </div>
             `:T}
       </div>
-    `}};_.styles=[C];let r=_;o([n()],r.prototype,"heading");o([n()],r.prototype,"position");o([n({type:Boolean,reflect:!0})],r.prototype,"isVisibleOnScroll");o([n({type:Boolean,reflect:!0})],r.prototype,"isDynamic");o([n({type:Boolean,reflect:!0})],r.prototype,"isActiveDynamic");o([n({type:Boolean,reflect:!0})],r.prototype,"isActive");o([k(".cre8-c-popover")],r.prototype,"_Cre8Popover");o([k(".cre8-c-popover__panel")],r.prototype,"_Cre8PopoverPanel");o([P({slot:"trigger"})],r.prototype,"_Cre8PopoverTrigger");o([P({slot:"footer"})],r.prototype,"_Cre8PopoverFooter");customElements.get("cre8-popover")===void 0&&customElements.define("cre8-popover",r);const{withActions:S}=__STORYBOOK_MODULE_PREVIEW_API__,Z={title:"cre8 Components/Popover",component:"cre8-popover",render:({heading:d,header:e,body:t,footer:s,...a})=>i`
+    `}};_.styles=[S];let r=_;o([n()],r.prototype,"heading");o([n()],r.prototype,"position");o([n({type:Boolean,reflect:!0})],r.prototype,"isVisibleOnScroll");o([n({type:Boolean,reflect:!0})],r.prototype,"isDynamic");o([n({type:Boolean,reflect:!0})],r.prototype,"isActiveDynamic");o([n({type:Boolean,reflect:!0})],r.prototype,"isActive");o([k(".cre8-c-popover")],r.prototype,"_Cre8Popover");o([k(".cre8-c-popover__panel")],r.prototype,"_Cre8PopoverPanel");o([P({slot:"trigger"})],r.prototype,"_Cre8PopoverTrigger");o([P({slot:"footer"})],r.prototype,"_Cre8PopoverFooter");customElements.get("cre8-popover")===void 0&&customElements.define("cre8-popover",r);const J={title:"cre8 Components/Popover",component:"cre8-popover",render:({heading:d,header:e,body:t,footer:s,...a})=>i`
   <cre8-popover ${O(a)}>
     ${c(p(d,"f-po"))}
     ${c(p(e,"cre8-button","f-po"))}
     ${c(p(t,"f-po"))}
     ${c(p(s,"cre8-button","f-po"))}
-  </cre8-popover>`,parameters:{status:{type:"inProgress"},layout:"centered",actions:{handles:["open","close"]}},decorators:[S],args:{body:"Lorem ipsum dolor sit amet, consectetur adipiscing elit",heading:"Popover Heading",header:'<cre8-button slot="trigger" text="Open Popover" variant="primary"></cre8-button>'},argTypes:{isActive:{control:"boolean"},isActiveDynamic:{control:"boolean"},isDynamic:{control:"boolean"},isVisibleOnScroll:{control:"boolean"},position:{control:"text"},handleOnClickOutside:{table:{disable:!0}},removeActive:{table:{disable:!0}},removeActiveOnScroll:{table:{disable:!0}},isRTL:{table:{disable:!0}},close:{table:{disable:!0}},open:{table:{disable:!0}}}},m={args:{footer:'<cre8-button slot="footer" variant="tertiary" text="Button" size="sm" style="margin-left: auto"></cre8-button>'}},g={},u={args:{footer:'<cre8-button slot="footer" variant="primary" text="Button" size="sm" style="margin-left: auto"></cre8-button>',position:"left"}},h={args:{footer:'<cre8-button slot="footer" variant="secondary" text="Button" size="sm" style="margin-left: auto"></cre8-button>',position:"left"}},f={args:{position:"left"}},v={args:{position:"top"}},b={args:{position:"right"}},l=()=>i`
+  </cre8-popover>`,parameters:{status:{type:"inProgress"},layout:"centered",actions:{handles:["open","close"]}},decorators:[C],args:{body:"Lorem ipsum dolor sit amet, consectetur adipiscing elit",heading:"Popover Heading",header:'<cre8-button slot="trigger" text="Open Popover" variant="primary"></cre8-button>'},argTypes:{isActive:{control:"boolean"},isActiveDynamic:{control:"boolean"},isDynamic:{control:"boolean"},isVisibleOnScroll:{control:"boolean"},position:{control:"text"},handleOnClickOutside:{table:{disable:!0}},removeActive:{table:{disable:!0}},removeActiveOnScroll:{table:{disable:!0}},isRTL:{table:{disable:!0}},close:{table:{disable:!0}},open:{table:{disable:!0}}}},m={args:{footer:'<cre8-button slot="footer" variant="tertiary" text="Button" size="sm" style="margin-left: auto"></cre8-button>'}},g={},u={args:{footer:'<cre8-button slot="footer" variant="primary" text="Button" size="sm" style="margin-left: auto"></cre8-button>',position:"left"}},h={args:{footer:'<cre8-button slot="footer" variant="secondary" text="Button" size="sm" style="margin-left: auto"></cre8-button>',position:"left"}},f={args:{position:"left"}},v={args:{position:"top"}},b={args:{position:"right"}},l=()=>i`
   <div
     style="padding: 3rem; height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: relative; overflow: hidden;"
   >
@@ -886,4 +894,4 @@ span.ripple {
     body: '<f-po>Body</f-po>',
     footer: '<f-po style="width: 100%;" slot="footer">Footer</f-po>'
   }
-}`,...x.parameters?.docs?.source}}};const ee=["Default","DefaultNoButton","PositionLeftContainsSmallPrimaryButton","PositionLeftContainsSmallSecondaryButton","PositionLeftContainsSmallTertiaryButton","PositionTop","PositionRight","PositionDynamic","WithVisibleOnScroll","WithSlots"];export{m as Default,g as DefaultNoButton,l as PositionDynamic,u as PositionLeftContainsSmallPrimaryButton,h as PositionLeftContainsSmallSecondaryButton,f as PositionLeftContainsSmallTertiaryButton,b as PositionRight,v as PositionTop,x as WithSlots,y as WithVisibleOnScroll,ee as __namedExportsOrder,Z as default};
+}`,...x.parameters?.docs?.source}}};const Q=["Default","DefaultNoButton","PositionLeftContainsSmallPrimaryButton","PositionLeftContainsSmallSecondaryButton","PositionLeftContainsSmallTertiaryButton","PositionTop","PositionRight","PositionDynamic","WithVisibleOnScroll","WithSlots"];export{m as Default,g as DefaultNoButton,l as PositionDynamic,u as PositionLeftContainsSmallPrimaryButton,h as PositionLeftContainsSmallSecondaryButton,f as PositionLeftContainsSmallTertiaryButton,b as PositionRight,v as PositionTop,x as WithSlots,y as WithVisibleOnScroll,Q as __namedExportsOrder,J as default};

package/dist/assets/{primary-nav.stories-DVO9CYF0.js → primary-nav.stories-wqOKwgQn.js}

@@ -1,4 +1,4 @@
-import{i as y,b as r}from"./iframe-CdWmiVXf.js";import{s as b}from"./spread-BOaHI3Dl.js";import{o as w}from"./if-defined-sxEueMHN.js";import{C as x,n as m}from"./cre8-element-gkCuLp-W.js";import{r as z}from"./state-BQD-SkUn.js";import"./preload-helper-PPVm8Dsz.js";import"./directive-b18f_ppQ.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=y`.cre8-u-content-knockout-brand {
+import{a as y,b as r}from"./iframe-dHvya7sk.js";import{s as b}from"./spread-BPiNgQQF.js";import{o as w}from"./if-defined-HKKhGupN.js";import{C as x,n as m}from"./cre8-element-DfmMtHJO.js";import{r as z}from"./state-CfuknrX8.js";import"./preload-helper-PPVm8Dsz.js";import"./_commonjsHelpers-DaWZu8wl.js";const k=y`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1184,6 +1192,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1356,6 +1368,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -1428,7 +1444,7 @@ span.ripple {
           <slot></slot>
         </ul>
       </nav>
-    `}};v.styles=[I];let d=v;u([m({type:Boolean,reflect:!0})],d.prototype,"inverted");u([m()],d.prototype,"behavior");u([m()],d.prototype,"navAriaLabel");customElements.get("cre8-primary-nav")===void 0&&customElements.define("cre8-primary-nav",d);const X={title:"Cre8 Components/Primary Nav",component:"cre8-primary-nav",parameters:{status:{type:"inProgress"}}},c=n=>r`<cre8-primary-nav ${b(n)}>
+    `}};v.styles=[I];let d=v;u([m({type:Boolean,reflect:!0})],d.prototype,"inverted");u([m()],d.prototype,"behavior");u([m()],d.prototype,"navAriaLabel");customElements.get("cre8-primary-nav")===void 0&&customElements.define("cre8-primary-nav",d);const V={title:"Cre8 Components/Primary Nav",component:"cre8-primary-nav",parameters:{status:{type:"inProgress"}}},c=n=>r`<cre8-primary-nav ${b(n)}>
   <cre8-primary-nav-item href="#" text="Nav item 1"></cre8-primary-nav-item>
   <cre8-primary-nav-item href="#" text="Nav item 2"></cre8-primary-nav-item>
   <cre8-primary-nav-item href="#" text="Nav item 3"></cre8-primary-nav-item>
@@ -1464,4 +1480,4 @@ span.ripple {
 </cre8-primary-nav-item>
 
 </cre8-primary-nav>
-</div>\``,...h.parameters?.docs?.source}}};const E=["Default","SideBySide","WithMegamenu"];export{c as Default,g as SideBySide,h as WithMegamenu,E as __namedExportsOrder,X as default};
+</div>\``,...h.parameters?.docs?.source}}};const X=["Default","SideBySide","WithMegamenu"];export{c as Default,g as SideBySide,h as WithMegamenu,X as __namedExportsOrder,V as default};

package/dist/assets/{progress-meter-DRI7Arug.js → progress-meter-TzASasu0.js}

@@ -1,4 +1,4 @@
-import{i as p,b as g}from"./iframe-CdWmiVXf.js";import{C as l,n as e}from"./cre8-element-gkCuLp-W.js";import{n as c}from"./index.browser-BY9c7rfI.js";const u=p`.cre8-u-content-knockout-brand {
+import{a as p,b as g}from"./iframe-dHvya7sk.js";import{C as l,n as e}from"./cre8-element-DfmMtHJO.js";import{n as c}from"./index.browser-BY9c7rfI.js";const u=p`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**

package/dist/assets/{progress-meter.stories-CAJFb7Bk.js → progress-meter.stories-qfJALZf8.js}

@@ -1,4 +1,4 @@
-import{b as c}from"./iframe-CdWmiVXf.js";import"./progress-meter-DRI7Arug.js";import{s as p}from"./spread-BOaHI3Dl.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-gkCuLp-W.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./index.browser-BY9c7rfI.js";import"./directive-b18f_ppQ.js";const x={title:"cre8 Components/Progress Meter",component:"cre8-progress-meter",parameters:{status:{type:"inProgress"}},render:n=>c`<cre8-progress-meter ${p(n)}></cre8-progress-meter>`,args:{value:"50",knockout:!1},argTypes:{fieldId:{control:"text"},status:{control:"text"},knockout:{control:"boolean"},max:{control:"number"},value:{control:"number"},name:{control:"text"}}},e={args:{label:"Default progress label"}},r={args:{label:"Knockout progress label",knockout:!0}},s={args:{label:"Empty progress label",value:0}},a={args:{label:"Not strong progress label",value:"25",status:"error"}},o={args:{label:"Weak progress label",status:"warning"}},t={args:{label:"Good progress label",value:"75",status:"success"}},l={args:{label:"Excellent progress label",value:"100",status:"success"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
+import{b as c}from"./iframe-dHvya7sk.js";import"./progress-meter-TzASasu0.js";import{s as p}from"./spread-BPiNgQQF.js";import"./preload-helper-PPVm8Dsz.js";import"./cre8-element-DfmMtHJO.js";import"./_commonjsHelpers-DaWZu8wl.js";import"./index.browser-BY9c7rfI.js";const v={title:"cre8 Components/Progress Meter",component:"cre8-progress-meter",parameters:{status:{type:"inProgress"}},render:n=>c`<cre8-progress-meter ${p(n)}></cre8-progress-meter>`,args:{value:"50",knockout:!1},argTypes:{fieldId:{control:"text"},status:{control:"text"},knockout:{control:"boolean"},max:{control:"number"},value:{control:"number"},name:{control:"text"}}},e={args:{label:"Default progress label"}},r={args:{label:"Knockout progress label",knockout:!0}},s={args:{label:"Empty progress label",value:0}},a={args:{label:"Not strong progress label",value:"25",status:"error"}},o={args:{label:"Weak progress label",status:"warning"}},t={args:{label:"Good progress label",value:"75",status:"success"}},l={args:{label:"Excellent progress label",value:"100",status:"success"}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
   args: {
     label: 'Default progress label'
   }
@@ -35,4 +35,4 @@ import{b as c}from"./iframe-CdWmiVXf.js";import"./progress-meter-DRI7Arug.js";im
     value: '100',
     status: 'success'
   }
-}`,...l.parameters?.docs?.source}}};const f=["Default","KnockoutTrue","Empty","NotStrong","Weak","Good","Excellent"];export{e as Default,s as Empty,l as Excellent,t as Good,r as KnockoutTrue,a as NotStrong,o as Weak,f as __namedExportsOrder,x as default};
+}`,...l.parameters?.docs?.source}}};const x=["Default","KnockoutTrue","Empty","NotStrong","Weak","Good","Excellent"];export{e as Default,s as Empty,l as Excellent,t as Good,r as KnockoutTrue,a as NotStrong,o as Weak,x as __namedExportsOrder,v as default};

package/dist/assets/{progress-steps-item-Veau6WlI.js → progress-steps-item-KvW1d_7L.js}

@@ -1,4 +1,4 @@
-import{i as m,b as p}from"./iframe-CdWmiVXf.js";import{C as c,n as i}from"./cre8-element-gkCuLp-W.js";const g=m`.cre8-u-content-knockout-brand {
+import{a as m,b as p}from"./iframe-dHvya7sk.js";import{C as c,n as i}from"./cre8-element-DfmMtHJO.js";const g=m`.cre8-u-content-knockout-brand {
   color: var(----cre8-color-content-knockout-brand);
 }
 
@@ -372,6 +372,10 @@ img {
 
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**
@@ -544,6 +548,10 @@ span.ripple {
 }
 :root {
   --size-base-unit: 0.5rem;
+  --cre8-l-max-width: 82.5rem;
+  /* 1 */
+  --cre8-l-linelength-width: 42rem;
+  /* 1 */
 }
 
 /**