@sbb-esta/lyne-elements-dev 5.13.0-dev.1793604746 → 5.13.0-dev.1793605199

package/development/paginator.pure.js

@@ -10,7 +10,7 @@ import { SbbOptionElement } from "./option.pure.js";
 import { SbbSelectElement } from "./select.pure.js";
 
 // src/elements/paginator/common/paginator-common.scss?inline
-var paginator_common_default = ":host([size=s]) {\n  --sbb-paginator-height: var(--sbb-size-element-xs);\n}\n\n:host([size=m]) {\n  --sbb-paginator-height: var(--sbb-size-element-m);\n}\n\n:host([negative]) {\n  --sbb-paginator-color: var(--sbb-color-5);\n}\n";
+var paginator_common_default = ":host([size=s]) {\n  --sbb-paginator-height: var(--sbb-paginator-height-s);\n}\n\n:host([size=m]) {\n  --sbb-paginator-height: var(--sbb-paginator-height-m);\n}\n\n:host([negative]) {\n  --sbb-paginator-color: var(--sbb-paginator-color-negative);\n}\n";
 
 // src/elements/paginator/common/paginator-common.ts
 var SbbPaginatorPageEvent = class extends Event {

package/lean-off-brand-theme.css

@@ -1712,7 +1712,10 @@ summary {
   --sbb-overlay-animation-easing: ease;
   --sbb-paginator-color: var(--sbb-color-metal);
   --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-paginator-height: var(--sbb-size-element-xs);
+  --sbb-paginator-color-negative: var(--sbb-color-5);
+  --sbb-paginator-height-s: var(--sbb-size-element-xs);
+  --sbb-paginator-height-m: var(--sbb-size-element-s);
+  --sbb-paginator-height: var(--sbb-paginator-height-s);
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);

package/lean-safety-theme.css

@@ -1732,7 +1732,10 @@ summary {
   --sbb-overlay-animation-easing: ease;
   --sbb-paginator-color: var(--sbb-color-metal);
   --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-paginator-height: var(--sbb-size-element-xs);
+  --sbb-paginator-color-negative: var(--sbb-color-5);
+  --sbb-paginator-height-s: var(--sbb-size-element-xs);
+  --sbb-paginator-height-m: var(--sbb-size-element-s);
+  --sbb-paginator-height: var(--sbb-paginator-height-s);
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);

package/lean-theme.css

@@ -1732,7 +1732,10 @@ summary {
   --sbb-overlay-animation-easing: ease;
   --sbb-paginator-color: var(--sbb-color-metal);
   --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-paginator-height: var(--sbb-size-element-xs);
+  --sbb-paginator-color-negative: var(--sbb-color-5);
+  --sbb-paginator-height-s: var(--sbb-size-element-xs);
+  --sbb-paginator-height-m: var(--sbb-size-element-s);
+  --sbb-paginator-height: var(--sbb-paginator-height-s);
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);

package/off-brand-theme.css

@@ -1712,7 +1712,10 @@ summary {
   --sbb-overlay-animation-easing: ease;
   --sbb-paginator-color: var(--sbb-color-metal);
   --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-paginator-height: var(--sbb-size-element-m);
+  --sbb-paginator-color-negative: var(--sbb-color-5);
+  --sbb-paginator-height-s: var(--sbb-size-element-xs);
+  --sbb-paginator-height-m: var(--sbb-size-element-s);
+  --sbb-paginator-height: var(--sbb-paginator-height-m);
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "5.13.0-dev.1793604746",
+  "version": "5.13.0-dev.1793605199",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
-    "https://github.com/sbb-design-systems/lyne-components/commit/ac4cd44bf6a0d408fe986cf8006f8c37e37a754a"
+    "https://github.com/sbb-design-systems/lyne-components/commit/4ff1e730c7baf3ce3c2a2e4d712535f6d69a7624"
   ],
   "type": "module",
   "exports": {

package/paginator/_paginator.global.scss

@@ -4,10 +4,13 @@ $theme: 'standard' !default;
 
 @mixin base {
   --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
+  --sbb-paginator-color-negative: var(--sbb-color-5);
+  --sbb-paginator-height-s: var(--sbb-size-element-xs);
+  --sbb-paginator-height-m: var(--sbb-size-element-s);
   --sbb-paginator-height: #{sbb.theme-pattern-select(
       (
-        'standard': var(--sbb-size-element-m),
-        'lean': var(--sbb-size-element-xs),
+        'standard': var(--sbb-paginator-height-m),
+        'lean': var(--sbb-paginator-height-s),
       ),
       $theme
     )};

package/paginator.pure.js

@@ -1,4 +1,4 @@
-import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,nothing as r,unsafeCSS as i}from"lit";import{property as a}from"lit/decorators.js";import{SbbMiniButtonElement as o,SbbMiniButtonGroupElement as s}from"./button.pure.js";import{SbbDisabledMixin as c,SbbElement as l,SbbLanguageController as u,SbbNegativeMixin as d,buttonResetStyles as f,forceType as p,i18nItemsPerPage as m,i18nNextPage as h,i18nPage as g,i18nPaginatorOf as _,i18nPaginatorSelected as v,i18nPreviousPage as y,listResetStyles as b,sbbInputModalityDetector as x,screenReaderOnlyStyles as S}from"./core.js";import{SbbDividerElement as C}from"./divider.pure.js";import{repeat as w}from"lit/directives/repeat.js";import{SbbFormFieldElement as T}from"./form-field.pure.js";import{SbbOptionElement as E}from"./option.pure.js";import{SbbSelectElement as D}from"./select.pure.js";var O=`:host([size=s]){--sbb-paginator-height:var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height:var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-color:var(--sbb-color-5)}
+import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,nothing as r,unsafeCSS as i}from"lit";import{property as a}from"lit/decorators.js";import{SbbMiniButtonElement as o,SbbMiniButtonGroupElement as s}from"./button.pure.js";import{SbbDisabledMixin as c,SbbElement as l,SbbLanguageController as u,SbbNegativeMixin as d,buttonResetStyles as f,forceType as p,i18nItemsPerPage as m,i18nNextPage as h,i18nPage as g,i18nPaginatorOf as _,i18nPaginatorSelected as v,i18nPreviousPage as y,listResetStyles as b,sbbInputModalityDetector as x,screenReaderOnlyStyles as S}from"./core.js";import{SbbDividerElement as C}from"./divider.pure.js";import{repeat as w}from"lit/directives/repeat.js";import{SbbFormFieldElement as T}from"./form-field.pure.js";import{SbbOptionElement as E}from"./option.pure.js";import{SbbSelectElement as D}from"./select.pure.js";var O=`:host([size=s]){--sbb-paginator-height:var(--sbb-paginator-height-s)}:host([size=m]){--sbb-paginator-height:var(--sbb-paginator-height-m)}:host([negative]){--sbb-paginator-color:var(--sbb-paginator-color-negative)}
 `,k=class extends Event{get length(){return this._length}get pageSize(){return this._pageSize}get pageIndex(){return this._pageIndex}get previousPageIndex(){return this._previousPageIndex}constructor({length:e,pageSize:t,pageIndex:n,previousPageIndex:r}){super(`page`,{bubbles:!0,composed:!0}),this._length=e,this._pageSize=t,this._pageIndex=n,this._previousPageIndex=r}};const A=l=>(()=>{let f=d(c(l)),m,_=[],b=[],w,T=[],E=[],D,A=[],j=[],M,N=[],P=[],F,I=[],L=[],R,z=[],B=[],V,H=[],U=[],W,G=[],K=[];return class extends f{constructor(){super(...arguments),this.#e=t(this,_,0),this.#t=(t(this,b),t(this,T,10)),this.#n=(t(this,E),t(this,A,0)),this.#r=(t(this,j),t(this,N,`start`)),this.#i=(t(this,P),t(this,I,null)),this.#a=(t(this,L),t(this,z,``)),this.#o=(t(this,B),t(this,H,``)),this.#s=(t(this,U),t(this,G,``)),this.language=(t(this,K),new u(this))}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;m=[p(),a({type:Number})],w=[p(),a({attribute:`page-size`,type:Number})],D=[p(),a({attribute:`page-index`,type:Number})],M=[a({attribute:`pager-position`,reflect:!0})],F=[a({reflect:!0})],R=[p(),a({attribute:`accessibility-page-label`})],V=[p(),a({attribute:`accessibility-previous-page-label`})],W=[p(),a({attribute:`accessibility-next-page-label`})],e(this,null,m,{kind:`accessor`,name:`length`,static:!1,private:!1,access:{has:e=>`length`in e,get:e=>e.length,set:(e,t)=>{e.length=t}},metadata:t},_,b),e(this,null,w,{kind:`accessor`,name:`pageSize`,static:!1,private:!1,access:{has:e=>`pageSize`in e,get:e=>e.pageSize,set:(e,t)=>{e.pageSize=t}},metadata:t},T,E),e(this,null,D,{kind:`accessor`,name:`pageIndex`,static:!1,private:!1,access:{has:e=>`pageIndex`in e,get:e=>e.pageIndex,set:(e,t)=>{e.pageIndex=t}},metadata:t},A,j),e(this,null,M,{kind:`accessor`,name:`pagerPosition`,static:!1,private:!1,access:{has:e=>`pagerPosition`in e,get:e=>e.pagerPosition,set:(e,t)=>{e.pagerPosition=t}},metadata:t},N,P),e(this,null,F,{kind:`accessor`,name:`size`,static:!1,private:!1,access:{has:e=>`size`in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},I,L),e(this,null,R,{kind:`accessor`,name:`accessibilityPageLabel`,static:!1,private:!1,access:{has:e=>`accessibilityPageLabel`in e,get:e=>e.accessibilityPageLabel,set:(e,t)=>{e.accessibilityPageLabel=t}},metadata:t},z,B),e(this,null,V,{kind:`accessor`,name:`accessibilityPreviousPageLabel`,static:!1,private:!1,access:{has:e=>`accessibilityPreviousPageLabel`in e,get:e=>e.accessibilityPreviousPageLabel,set:(e,t)=>{e.accessibilityPreviousPageLabel=t}},metadata:t},H,U),e(this,null,W,{kind:`accessor`,name:`accessibilityNextPageLabel`,static:!1,private:!1,access:{has:e=>`accessibilityNextPageLabel`in e,get:e=>e.accessibilityNextPageLabel,set:(e,t)=>{e.accessibilityNextPageLabel=t}},metadata:t},G,K),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.styles=[S,i(O)]}static{this.elementDependencies=[s,o,C]}static{this.role=`group`}#e;get length(){return this.#e}set length(e){this.#e=e}#t;get pageSize(){return this.#t}set pageSize(e){this.#t=e}#n;get pageIndex(){return this.#n}set pageIndex(e){this.#n=e}#r;get pagerPosition(){return this.#r}set pagerPosition(e){this.#r=e}#i;get size(){return this.#i}set size(e){this.#i=e}#a;get accessibilityPageLabel(){return this.#a}set accessibilityPageLabel(e){this.#a=e}#o;get accessibilityPreviousPageLabel(){return this.#o}set accessibilityPreviousPageLabel(e){this.#o=e}#s;get accessibilityNextPageLabel(){return this.#s}set accessibilityNextPageLabel(e){this.#s=e}willUpdate(e){super.willUpdate(e);let t=null;if(e.has(`length`)&&this.length!==e.get(`length`)&&(this.length=isNaN(this.length)||this.length<0?0:this.length,this.pageIndex=this._coercePageIndexInRange(this.pageIndex)),e.has(`pageSize`)&&this.pageSize!==e.get(`pageSize`)){let n=e.get(`pageSize`);this.pageSize=isNaN(this.pageSize)||this.pageSize<0?0:this.pageSize,n&&!e.has(`pageIndex`)&&(this.pageIndex=Math.floor(this.pageIndex*n/this.pageSize)||0),t=this.pageIndex}e.has(`pageIndex`)&&this.pageIndex!==e.get(`pageIndex`)&&(this.pageIndex=this._coercePageIndexInRange(this.pageIndex),t=e.get(`pageIndex`)),t!==null&&this._emitPageEvent(t)}updated(e){super.updated(e),this.shadowRoot.querySelector(`.sbb-screen-reader-only#status`).textContent=this._currentPageLabel()}_coercePageIndexInRange(e){return Math.max(Math.min(Math.max(isNaN(e)?0:e,0),this.numberOfPages()-1),0)}_currentPageLabel(){return`${this.accessibilityPageLabel?this.accessibilityPageLabel:g[this.language.current]} ${this.pageIndex+1} ${v[this.language.current]}.`}nextPage(){this.pageIndex+=1}previousPage(){--this.pageIndex}firstPage(){this.pageIndex=0}lastPage(){this.pageIndex=this.numberOfPages()-1}selectPage(e){this.pageIndex=e}hasPreviousPage(){return this.pageIndex>=1&&this.pageSize!==0}hasNextPage(){let e=this.numberOfPages()-1;return this.pageIndex<e&&this.pageSize!==0}numberOfPages(){return this.pageSize?Math.ceil(this.length/this.pageSize):0}_emitPageEvent(e){if(this.hasUpdated){let t={previousPageIndex:e,pageIndex:this.pageIndex,length:this.length,pageSize:this.pageSize};this.dispatchEvent(new k(t))}}renderPrevNextButtons(){return n`
         <sbb-mini-button-group ?negative=${this.negative} size=${this.size||r}>
           <sbb-mini-button

package/safety-theme.css

@@ -1732,7 +1732,10 @@ summary {
   --sbb-overlay-animation-easing: ease;
   --sbb-paginator-color: var(--sbb-color-metal);
   --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-paginator-height: var(--sbb-size-element-m);
+  --sbb-paginator-color-negative: var(--sbb-color-5);
+  --sbb-paginator-height-s: var(--sbb-size-element-xs);
+  --sbb-paginator-height-m: var(--sbb-size-element-s);
+  --sbb-paginator-height: var(--sbb-paginator-height-m);
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);

package/standard-theme.css

@@ -1732,7 +1732,10 @@ summary {
   --sbb-overlay-animation-easing: ease;
   --sbb-paginator-color: var(--sbb-color-metal);
   --sbb-paginator-color: light-dark(var(--sbb-color-metal), var(--sbb-color-smoke));
-  --sbb-paginator-height: var(--sbb-size-element-m);
+  --sbb-paginator-color-negative: var(--sbb-color-5);
+  --sbb-paginator-height-s: var(--sbb-size-element-xs);
+  --sbb-paginator-height-m: var(--sbb-size-element-s);
+  --sbb-paginator-height: var(--sbb-paginator-height-m);
   --sbb-paginator-page-border-width: 0;
   --sbb-paginator-page-cursor: var(--sbb-cursor-pointer);
   --sbb-paginator-animation-easing: var(--sbb-animation-easing);