@maggioli-design-system/magma 2.0.0-alpha.1 → 2.0.0-beta.2

package/dist/cjs/mds-notification.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var floatingUi_dom = require('./floating-ui.dom-DW-02Mib.js');
 
-const mdsNotificationCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-notification-dot-padding{syntax:\"<length>\";inherits:false;initial-value:6px}@property --mds-notification-ring-size{syntax:\"<length>\";inherits:false;initial-value:2px}@property --mds-notification-size{syntax:\"<length>\";inherits:false;initial-value:20px}@property --mds-notification-transition-duration{syntax:\"<time>\";inherits:false;initial-value:.2s}@property --mds-notification-translate-offset-x{syntax:\"<number>\";inherits:false;initial-value:-1.75}@property --mds-notification-translate-offset-y{syntax:\"<number>\";inherits:false;initial-value:-2}:host{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));align-items:center;border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);bottom:100%;color:var(--mds-notification-color,rgb(var(--tone-neutral,0 0 0)));display:inline-flex;height:var(--mds-notification-size,20px);justify-content:flex-end;min-width:max-content;pointer-events:none;width:var(--mds-notification-size,20px);z-index:10}:host([strategy=absolute]),:host([strategy=fixed]){opacity:0;right:100%;-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);-webkit-transform-origin:calc(100% - var(--mds-notification-size,20px)/2)50%;transform-origin:calc(100% - var(--mds-notification-size,20px)/2)50%;-webkit-transition-duration:var(--mds-notification-transition-duration,.2s);transition-duration:var(--mds-notification-transition-duration,.2s);transition-property:color,height,opacity,transform,width;-webkit-transition-timing-function:var(--mds-notification-transition-timing-function);transition-timing-function:var(--mds-notification-transition-timing-function)}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}.dot{border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-notification-dot-background,rgb(var(--status-error-05,250 165 160)));-webkit-box-shadow:0 0 0 var(--mds-notification-ring-size,2px)var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-shadow:0 0 0 var(--mds-notification-ring-size,2px)var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-sizing:border-box;display:inline-flex;justify-content:center;line-height:var(--mds-notification-size,20px);min-width:var(--mds-notification-min-width,var(--mds-notification-size,20px));padding-left:var(--mds-notification-dot-padding,6px);padding-right:var(--mds-notification-dot-padding,6px);position:static;transition-duration:.3s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));white-space:nowrap}:host([strategy=absolute]) .dot,:host([strategy=fixed]) .dot{position:absolute}.spacer{box-sizing:border-box;display:inline-flex;height:var(--mds-notification-size,20px);width:var(--mds-notification-min-width,var(--mds-notification-size,20px))}:host([visible=false][strategy=absolute]),:host([visible=false][strategy=fixed]){opacity:1;--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(0);transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}:host([strategy=absolute]:not([visible=false])),:host([strategy=fixed]:not([visible=false])),:host([visible=true][strategy=absolute]),:host([visible=true][strategy=fixed]){opacity:1;--tw-ease:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(1);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2))))scale(1);transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1))}:host(:not([target])),:host([strategy=disabled]){opacity:1;position:static;transform:scale(1);-webkit-transform-origin:unset;transform-origin:unset;transition-duration:0s}:host(:not([target])) .dot,:host([strategy=disabled]) .dot{position:static}:host-context(.pref-animation-reduce){transition-duration:0s}:host-context(.pref-animation-reduce) .dot{transition-duration:0s}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .dot{transition-duration:0s}}";
+const mdsNotificationCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-text:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-notification-dot-padding{syntax:"<length>";inherits:false;initial-value:6px}@property --mds-notification-ring-size{syntax:"<length>";inherits:false;initial-value:2px}@property --mds-notification-size{syntax:"<length>";inherits:false;initial-value:20px}@property --mds-notification-transition-duration{syntax:"<time>";inherits:false;initial-value:.2s}@property --mds-notification-translate-offset-x{syntax:"<number>";inherits:false;initial-value:-1.75}@property --mds-notification-translate-offset-y{syntax:"<number>";inherits:false;initial-value:-2}:host{--mds-notification-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-dot-background:rgb(var(--status-error-05,250 165 160));--mds-notification-dot-padding:6px;--mds-notification-min-width:var(--mds-notification-size,20px);--mds-notification-ring-color:rgb(var(--tone-neutral,0 0 0));--mds-notification-ring-size:2px;--mds-notification-size:20px;--mds-notification-transition-duration:.2s;--mds-notification-transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));--mds-notification-translate-offset-x:-1.75;--mds-notification-translate-offset-y:-2;--mds-notification-translate:translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)));align-items:center;border-radius:var(--radius-full,1000px);bottom:100%;color:var(--mds-notification-color,rgb(var(--tone-neutral,0 0 0)));display:inline-flex;height:var(--mds-notification-size,20px);justify-content:flex-end;min-width:max-content;pointer-events:none;width:var(--mds-notification-size,20px);z-index:10}:host([strategy=absolute]),:host([strategy=fixed]){opacity:0;right:100%;-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);-webkit-transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;transform-origin:calc(100% - var(--mds-notification-size,20px)/2) 50%;-webkit-transition-duration:var(--mds-notification-transition-duration,.2s);transition-duration:var(--mds-notification-transition-duration,.2s);transition-property:color,height,opacity,transform,width;-webkit-transition-timing-function:var(--mds-notification-transition-timing-function);transition-timing-function:var(--mds-notification-transition-timing-function)}:host([strategy=absolute]){position:absolute}:host([strategy=fixed]){position:fixed}.dot{border-radius:var(--radius-full,1000px);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-notification-dot-background,rgb(var(--status-error-05,250 165 160)));-webkit-box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-shadow:0 0 0 var(--mds-notification-ring-size,2px) var(--mds-notification-ring-color,rgb(var(--tone-neutral,0 0 0)));box-sizing:border-box;display:inline-flex;justify-content:center;line-height:var(--mds-notification-size,20px);min-width:var(--mds-notification-min-width,var(--mds-notification-size,20px));padding-left:var(--mds-notification-dot-padding,6px);padding-right:var(--mds-notification-dot-padding,6px);position:static;transition-duration:.3s;transition-property:background-color,color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));white-space:nowrap}:host([strategy=absolute]) .dot,:host([strategy=fixed]) .dot{position:absolute}.spacer{box-sizing:border-box;display:inline-flex;height:var(--mds-notification-size,20px);width:var(--mds-notification-min-width,var(--mds-notification-size,20px))}:host([visible=false][strategy=absolute]),:host([visible=false][strategy=fixed]){opacity:1;--tw-ease:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(0);transition-timing-function:var(--ease-in-cubic,cubic-bezier(.55,.055,.675,.19))}:host([strategy=absolute]:not([visible=false])),:host([strategy=fixed]:not([visible=false])),:host([visible=true][strategy=absolute]),:host([visible=true][strategy=fixed]){opacity:1;--tw-ease:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1));-webkit-transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transform:var(--mds-notification-translate,translate(calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-x,-1.75)),calc(var(--mds-notification-size,20px)/var(--mds-notification-translate-offset-y,-2)))) scale(1);transition-timing-function:var(--ease-out-cubic,cubic-bezier(.215,.61,.355,1))}:host(:not([target])),:host([strategy=disabled]){opacity:1;position:static;transform:scale(1);-webkit-transform-origin:unset;transform-origin:unset;transition-duration:0s}:host(:not([target])) .dot,:host([strategy=disabled]) .dot{position:static}:host-context(.pref-animation-reduce){transition-duration:0s}:host-context(.pref-animation-reduce) .dot{transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .dot{transition-duration:0s}}`;
 
 const MdsNotification = class {
     constructor(hostRef) {
@@ -38,7 +38,7 @@ const MdsNotification = class {
             });
         };
         this.clean = (value) => {
-            if (this.max) {
+            if (this.max !== undefined && this.max !== 0 && !Number.isNaN(this.max)) {
                 if (value > this.max) {
                     return `+${Number(this.max).toLocaleString()}`;
                 }
@@ -47,12 +47,12 @@ const MdsNotification = class {
         };
     }
     componentDidRender() {
-        if (!this.target) {
+        if (this.target === '') {
             this.strategy = 'disabled';
             return;
         }
         const c = document.querySelector(this.target);
-        if (!c)
+        if (c == null)
             throw new Error('No valid target found');
         this.caller = c;
     }
@@ -60,7 +60,7 @@ const MdsNotification = class {
         if (this.strategy === 'disabled') {
             return;
         }
-        if (this.target && !this.cleanupAutoUpdate) {
+        if (this.target !== '' && this.cleanupAutoUpdate == null) {
             setTimeout(() => {
                 this.cleanupAutoUpdate = floatingUi_dom.autoUpdate(this.caller, this.host, this.updatePosition);
             }, 100);
@@ -76,13 +76,15 @@ const MdsNotification = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'ec403d27cc9c21f61b0a4378963b718752d944ed', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, index.h("mds-text", { key: '28628bbfc84407df67f6accc1478df951695a408', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value ? this.clean(this.value) : '')));
+        return (index.h(index.Host, { key: 'e4caa7112453beaebfde8d5144636410bed9121c', "aria-labelledby": this.target, "aria-label": (_a = this.value) !== null && _a !== void 0 ? _a : '0' }, index.h("mds-text", { key: '66204d238173dd8cf2db564907f8977728abf6c4', typography: "caption", class: "dot", "aria-hidden": "true" }, this.value !== 0 && !Number.isNaN(this.value) ? this.clean(this.value) : '')));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "strategy": ["strategyHandler"]
+        "strategy": [{
+                "strategyHandler": 0
+            }]
     }; }
 };
-MdsNotification.style = mdsNotificationCss;
+MdsNotification.style = mdsNotificationCss();
 
 exports.mds_notification = MdsNotification;

package/dist/cjs/mds-paginator-item.cjs.entry.js

@@ -1,17 +1,14 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 
-const mdsPaginatorItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-paginator-item-background{syntax:\"<color>\";inherits:false;initial-value:#0000}@property --mds-paginator-item-radius{syntax:\"<length>\";inherits:false;initial-value:200px}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding-inline:calc(var(--spacing,.0025rem)*300);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:var(--mds-paginator-item-background,transparent);border-radius:var(--mds-paginator-item-radius,200px);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);box-sizing:border-box;color:var(--mds-paginator-item-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));justify-content:center;min-width:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));transition-duration:.2s;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:background-color,box-shadow,color,outline,outline-offset;transition-timing-function:ease-in-out;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover,rgb(var(--tone-neutral-08,107 107 107)));-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([icon]){padding:calc(var(--spacing,.0025rem)*0)}:host([selected]){background-color:var(--mds-paginator-item-background-selected,rgb(var(--variant-primary-03,211 226 255)));-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));fill:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled,rgb(var(--tone-neutral-09,76 76 76)));-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));fill:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));pointer-events:none}.icon{fill:currentColor;padding-inline:calc(var(--spacing,.0025rem)*0)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}}";
+const mdsPaginatorItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-paginator-item-background{syntax:"<color>";inherits:false;initial-value:#0000}@property --mds-paginator-item-radius{syntax:"<length>";inherits:false;initial-value:200px}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none;--mds-paginator-item-size:calc(var(--spacing,.0025rem)*900);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));padding-inline:calc(var(--spacing,.0025rem)*300);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));align-items:center;background-color:var(--mds-paginator-item-background,transparent);border-radius:var(--mds-paginator-item-radius,200px);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);box-sizing:border-box;color:var(--mds-paginator-item-color,rgb(var(--tone-neutral-02,244 244 244)));cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));justify-content:center;min-width:var(--mds-paginator-item-size,calc(var(--spacing,.0025rem)*900));transition-duration:.2s;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-property:background-color,box-shadow,color,outline,outline-offset;transition-timing-function:ease-in-out;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-user-select:none;user-select:none}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover,rgb(var(--tone-neutral-08,107 107 107)));-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)));fill:var(--mds-paginator-item-color-hover,rgb(var(--tone-neutral-02,244 244 244)))}:host([icon]){padding:calc(var(--spacing,.0025rem)*0)}:host([selected]){background-color:var(--mds-paginator-item-background-selected,rgb(var(--variant-primary-03,211 226 255)));-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));fill:var(--mds-paginator-item-color-selected,rgb(var(--tone-neutral,0 0 0)));pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled,rgb(var(--tone-neutral-09,76 76 76)));-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));fill:var(--mds-paginator-item-color-disabled,rgb(var(--tone-neutral-06,158 158 158)));pointer-events:none}.icon{fill:currentColor;padding-inline:calc(var(--spacing,.0025rem)*0)}:host-context(:root.pref-animation-reduce){transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08,107 107 107));--mds-paginator-item-background-selected:rgb(var(--variant-primary-03,211 226 255));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06,158 158 158));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-color-selected:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-color:rgb(var(--tone-neutral-02,244 244 244));--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:var(--shadow-md-sharp,0 0 1px 1px #0000000f,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f);--mds-paginator-item-shadow:none}}`;
 
 const MdsPaginatorItem = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.km = new keyboardManager.KeyboardManager();
-        this.disconnectedCallback = () => {
-            this.km.detachClickBehavior();
-        };
     }
     componentDidLoad() {
         this.km.addElement(this.host);
@@ -24,11 +21,14 @@ const MdsPaginatorItem = class {
         }
         this.km.detachClickBehavior();
     }
+    disconnectedCallback() {
+        this.km.detachClickBehavior();
+    }
     render() {
-        return (index.h(index.Host, { key: '5fb1effadd36aa5f45ca7cd090b890abd3f0df39', tabindex: "0" }, this.icon !== undefined ? (index.h("mds-icon", { class: "icon", name: this.icon })) : (index.h("mds-text", { class: "text", typography: "caption" }, index.h("b", null, index.h("slot", null))))));
+        return (index.h(index.Host, { key: 'a3ce23954b5e1d520399f1b21d70d585ee016d47', tabindex: "0" }, this.icon !== undefined ? (index.h("mds-icon", { class: "icon", name: this.icon })) : (index.h("mds-text", { class: "text", typography: "caption" }, index.h("b", null, index.h("slot", null))))));
     }
     get host() { return index.getElement(this); }
 };
-MdsPaginatorItem.style = mdsPaginatorItemCss;
+MdsPaginatorItem.style = mdsPaginatorItemCss();
 
 exports.mds_paginator_item = MdsPaginatorItem;

package/dist/cjs/mds-paginator.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var arrowBack = require('./arrow-back-Ci9wQijN.js');
 var arrowForward = require('./arrow-forward-Bc625ssz.js');
 
-const mdsPaginatorCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-paginator-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-paginator-scroll-behavior{syntax:\"smooth|auto\";inherits:false;initial-value:smooth}:host{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.pages{margin-inline:calc(var(--spacing,.0025rem)*200);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-radius:3.40282e+38px;border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*200);scrollbar-width:none;--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-paginator-background,rgb(var(--tone-neutral-09,76 76 76)));display:flex;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:var(--mds-paginator-scroll-behavior,smooth);transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pages::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-animation-reduce) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .pages{-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}:host-context(:root.pref-contrast-more) .pages{-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}:host-context(:root.pref-contrast-more) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-more) .item-first,:host-context(:root.pref-contrast-more) .item-last,:host-context(:root.pref-contrast-more) .item-icon){--mds-paginator-item-shadow-disabled:var(--shadow-outline-50)inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:var(--shadow-outline-50)inset}@property --tw-duration{syntax:\"*\";inherits:false}@property --tw-ease{syntax:\"*\";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline)inset;box-shadow:var(--shadow-outline)inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline-50)inset;box-shadow:var(--shadow-outline-50)inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-first,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-last{--mds-paginator-item-shadow-disabled:var(--shadow-outline-50)inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50)inset;--mds-paginator-item-shadow:var(--shadow-outline-50)inset}}";
+const mdsPaginatorCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-paginator-item:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-paginator-scroll-behavior{syntax:"smooth|auto";inherits:false;initial-value:smooth}:host{--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76));--mds-paginator-scroll-behavior:smooth;align-items:center;display:flex;gap:calc(var(--spacing,.0025rem)*100)}.pages{margin-inline:calc(var(--spacing,.0025rem)*200);-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-radius:var(--radius-full,1000px);padding:calc(var(--spacing,.0025rem)*200);scrollbar-width:none;--tw-duration:.2s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));align-items:center;background-color:var(--mds-paginator-background,rgb(var(--tone-neutral-09,76 76 76)));display:flex;flex-shrink:1;gap:2px;overflow:auto;scroll-behavior:var(--mds-paginator-scroll-behavior,smooth);transition-duration:.2s;transition-property:background-color,box-shadow;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1))}.pages::-webkit-scrollbar{display:none}:host-context(:root.pref-animation-reduce){--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-animation-reduce) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}:host-context(:root.pref-contrast-more) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:host-context(:root.pref-contrast-more) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-more) .item-first,:host-context(:root.pref-contrast-more) .item-last,:host-context(:root.pref-contrast-more) .item-icon){--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))),:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .pages{--mds-paginator-scroll-behavior:auto;transition-duration:0s}}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))){--mds-paginator-background:rgb(var(--tone-neutral-09,76 76 76))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline) inset;box-shadow:var(--shadow-outline) inset}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .pages{-webkit-box-shadow:var(--shadow-outline-50) inset;box-shadow:var(--shadow-outline-50) inset}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-paginator-item-background-hover:rgb(var(--tone-neutral,0 0 0));--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:none}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-first,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-icon,:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item-last{--mds-paginator-item-shadow-disabled:var(--shadow-outline-50) inset;--mds-paginator-item-shadow-hover:var(--shadow-outline-50) inset;--mds-paginator-item-shadow:var(--shadow-outline-50) inset}}`;
 
 const MdsPaginator = class {
     constructor(hostRef) {
@@ -68,10 +68,10 @@ const MdsPaginator = class {
         }, 10);
     }
     render() {
-        return (index.h(index.Host, { key: '53dadbcd0f1a03c83615b9847868c3d16b8e2b04' }, index.h("mds-paginator-item", { key: 'e9e6a0ce2b6dd608c5bef66e9eb928794d2bebb7', class: "item-icon", icon: arrowBack.miBaselineArrowBack, disabled: this.currentPage === 1, onClick: (ev) => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && (index.h("mds-paginator-item", { key: 'ab71d039385d9255485e44e99fc4847e8de97f4d', class: "item-first", selected: this.currentPage === 1, onClick: (ev) => this.goToPage(1, ev.target) }, "1")), this.pages > 2 && (index.h("div", { key: 'da162b65848571503faded3ea6b856e617dda1f8', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map((i) => (index.h("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: (ev) => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))))), this.pages > 1 && (index.h("mds-paginator-item", { key: '3b3206c3545b29c8fac56754b3d18918ea9d517f', class: "item-last", selected: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.pages, ev.target) }, this.pages)), index.h("mds-paginator-item", { key: '0b909ae6420a8744617ade4372aacbc4ca9e2795', class: "item-icon", icon: arrowForward.miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.currentPage + 1, ev.target) })));
+        return (index.h(index.Host, { key: '4ed1b9e1dba19bfa2d273b9a6e97acdf70bcbd98' }, index.h("mds-paginator-item", { key: '61c2c9e923a9685a13521dce6e62f200346ac0f5', class: "item-icon", icon: arrowBack.miBaselineArrowBack, disabled: this.currentPage === 1, onClick: (ev) => this.goToPage(this.currentPage - 1, ev.target) }), this.pages > 0 && (index.h("mds-paginator-item", { key: 'add4aed4b4db4a9f80be51c5725831a5da470e5d', class: "item-first", selected: this.currentPage === 1, onClick: (ev) => this.goToPage(1, ev.target) }, "1")), this.pages > 2 && (index.h("div", { key: 'd0dc076d524c9069d5698861f8c04027d4c1533a', class: "pages" }, Array.from(Array(this.pages - 2).keys()).map((i) => (index.h("mds-paginator-item", { key: i, class: "item", selected: this.currentPage === i + 2, onClick: (ev) => this.goToPage(i + 2, ev.target), onFocus: this.focus }, i + 2))))), this.pages > 1 && (index.h("mds-paginator-item", { key: '1df645052a85be2f27c51204a2e6bb62c3d38100', class: "item-last", selected: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.pages, ev.target) }, this.pages)), index.h("mds-paginator-item", { key: '68bbe209171c987c6ca3df09347ad430ad2bd179', class: "item-icon", icon: arrowForward.miBaselineArrowForward, disabled: this.currentPage === this.pages, onClick: (ev) => this.goToPage(this.currentPage + 1, ev.target) })));
     }
     get element() { return index.getElement(this); }
 };
-MdsPaginator.style = mdsPaginatorCss;
+MdsPaginator.style = mdsPaginatorCss();
 
 exports.mds_paginator = MdsPaginator;

package/dist/cjs/mds-policy-ai.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 
 var mggAiChatbot = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -102,7 +102,7 @@ var localeIt = {
 	linkLabelTitle: linkLabelTitle
 };
 
-const mdsPolicyAiCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-banner,mds-button,mds-chip,mds-dropdown,mds-help,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex}:host(:not([variant=icon])){container:mds-policy-ai/inline-size;width:100%}mds-button{justify-self:start}.banner{--mds-banner-cockade-background:rgb(var(--variant-ai-05,202 174 251));--mds-banner-icon-color:rgb(var(--variant-ai-10,63 7 161))}.mini-card{background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);display:inline-flex;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*400)}.mini-card-icon{background-color:rgb(var(--variant-ai-05,202 174 251));border-radius:var(--radius-2xl,24px);border-top-left-radius:0;border-top-left-radius:var(--radius-none,0);border-top-right-radius:0;border-top-right-radius:var(--radius-none,0);fill:rgb(var(--variant-ai-10,63 7 161));height:calc(var(--spacing,.0025rem)*600);margin-top:calc(var(--spacing,.0025rem)*-400);padding:calc(var(--spacing,.0025rem)*100);padding-top:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*600)}.link-label-short{display:none}.mini-card-content{display:grid;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%))}.mini-card-button{max-width:min-content;min-width:0;width:100%}@container mds-policy-ai (max-width:260px){.mini-card{display:grid}.mini-card-icon{border-top-left-radius:0;border-top-left-radius:var(--radius-none,0);border-top-right-radius:0;border-top-right-radius:var(--radius-none,0);margin-top:calc(var(--spacing,.0025rem)*-400);padding-top:calc(var(--spacing,.0025rem)*200)}.mini-card-button{max-width:none}.link-label-long{display:none}.link-label-short{display:inline}}.chip{cursor:help}.chip-dropdown{max-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*300)calc(var(--spacing,.0025rem)*400)}.icon-help{background-color:rgb(var(--variant-ai-05,202 174 251));border:1px solid rgb(var(--tone-neutral,0 0 0));border-radius:calc(var(--spacing,.0025rem)*600);cursor:pointer;fill:rgb(var(--variant-ai-10,63 7 161));height:min-content;width:min-content}.icon-tip-content{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.icon-help::part(icon){height:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}";
+const mdsPolicyAiCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-banner,mds-button,mds-chip,mds-dropdown,mds-help,mds-icon,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:inline-flex}:host(:not([variant=icon])){container:mds-policy-ai/inline-size;width:100%}mds-button{justify-self:start}.banner{--mds-banner-cockade-background:rgb(var(--variant-ai-05,202 174 251));--mds-banner-icon-color:rgb(var(--variant-ai-10,63 7 161))}.mini-card{background-color:rgb(var(--tone-neutral,0 0 0));border-radius:var(--radius-lg,16px);-webkit-box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);box-shadow:var(--shadow-sm-sharp,0 0 1px 1px #0000000f,0 1px 3px 0 #0000001a);display:inline-flex;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%));padding:calc(var(--spacing,.0025rem)*400)}.mini-card-icon{background-color:rgb(var(--variant-ai-05,202 174 251));border-radius:var(--radius-2xl,24px);border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);fill:rgb(var(--variant-ai-10,63 7 161));height:calc(var(--spacing,.0025rem)*600);margin-top:calc(var(--spacing,.0025rem)*-400);padding:calc(var(--spacing,.0025rem)*100);padding-top:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*600)}.link-label-short{display:none}.mini-card-content{display:grid;gap:calc(var(--spacing,.0025rem)*300);grid-template-columns:repeat(1,minmax(1px,100%))}.mini-card-button{max-width:min-content;min-width:0;width:100%}@container mds-policy-ai (max-width:260px){.mini-card{display:grid}.mini-card-icon{border-top-left-radius:var(--radius-none,0);border-top-right-radius:var(--radius-none,0);margin-top:calc(var(--spacing,.0025rem)*-400);padding-top:calc(var(--spacing,.0025rem)*200)}.mini-card-button{max-width:none}.link-label-long{display:none}.link-label-short{display:inline}}.chip{cursor:help}.chip-dropdown{max-width:calc(var(--spacing,.0025rem)*7200);padding:calc(var(--spacing,.0025rem)*300) calc(var(--spacing,.0025rem)*400)}.icon-help{background-color:rgb(var(--variant-ai-05,202 174 251));border:1px solid rgb(var(--tone-neutral,0 0 0));border-radius:calc(var(--spacing,.0025rem)*600);cursor:pointer;fill:rgb(var(--variant-ai-10,63 7 161));height:min-content;width:min-content}.icon-tip-content{display:grid;gap:calc(var(--spacing,.0025rem)*200)}.icon-help::part(icon){height:calc(var(--spacing,.0025rem)*600);padding:calc(var(--spacing,.0025rem)*100);width:calc(var(--spacing,.0025rem)*600)}`;
 
 const MdsPolicyAi = class {
     constructor(hostRef) {
@@ -122,6 +122,9 @@ const MdsPolicyAi = class {
          */
         this.href = 'https://www.maggiolieditore.it/il-regolamento-europeo-sull-intelligenza-artificiale.html';
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.host);
         this.t.update();
@@ -131,10 +134,10 @@ const MdsPolicyAi = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h(index.Host, { key: '52e4084390944e6b5997224013f16c85b79881b6' }, this.variant === 'icon' && (index.h("mds-help", { key: '13b88d273708b5c87a2e2217020d82a5bb3ecb63', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, index.h("div", { key: '435a308d598368d4fb7f94c704e1654228372e4f', class: "icon-tip-content" }, index.h("mds-text", { key: 'd7d12d83e7a40091faf657f9eef83577e59b91d5', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), index.h("mds-text", { key: 'cc00b62ea4d83d3f4710a49eda0391e9a32d5e53', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (index.h("div", { key: '16c46a6a4d593ef3e92de6e35467fef86bea776e', class: "chip-wrapper", part: "chip" }, index.h("mds-chip", { key: '9ff4a524805a36cbb6790f104c7ea08db292cf0d', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), index.h("mds-dropdown", { key: '03c850f6519a43a51435e8efb922885f9cd63d9f', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, index.h("mds-text", { key: '486f6ff03cb46581c070fd9ee6eec7cef0b54cdf', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), index.h("mds-button", { key: '15696484d187340f64874982bfa85645203ce258', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (index.h("div", { key: 'b8a3a49f8860f280aafab125e86b19e87f10b64b', class: "mini-card", part: "card" }, index.h("mds-icon", { key: '50a3a9290642b35e55ab974e51787ac2805846b3', name: mggAiChatbot, class: "mini-card-icon" }), index.h("div", { key: '29e9d9fdf11586717208ea0d49772cb2a29e5fff', class: "mini-card-content" }, index.h("mds-text", { key: '7364a5dc1ae7138abc0143af1665090bd0c43b89', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), index.h("mds-button", { key: 'febc3610d58da8ea6ce532572a85af62236e11de', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: 'fec3de6d377fc90078c93a606056798dbfdd5cf5', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: '4fb2efb5a11e1953c5e30c39abc641c1e914ffc6', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (index.h("mds-banner", { key: '8fe8399ba4b942b8d5ea0e54ee69857a5a5441d6', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, index.h("mds-text", { key: '015aec47af1a58fad80cafd49c7b11334e862d8b', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), index.h("mds-button", { key: '4bcd115e47e83db1b48f8c8af23506410d280828', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: '40f2bd1b17300871148d76d278fb9082665bb429', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: '27928dd565847e43e9585368add57e8304d05e7c', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
+        return (index.h(index.Host, { key: '180b7243e44a357e7db8b7229f5e1a611ad348ef' }, this.variant === 'icon' && (index.h("mds-help", { key: '0e0a58df39c44b69fe57d0334ff056e334d6a72c', icon: mggAiChatbot, class: "icon-help", onClick: () => window.open(this.href, '_blank'), part: "icon" }, index.h("div", { key: 'd4be853abef5c66e8f3324164bbdb669e37e5c03', class: "icon-tip-content" }, index.h("mds-text", { key: 'af0f50fd3b06d0c0ab74c5c12ff8e5961806e700', typography: "tip" }, (_a = this.headline) !== null && _a !== void 0 ? _a : this.t.get('iconTooltip')), index.h("mds-text", { key: 'bad93f3743723f58ee2435a716e92cb9ada5f5bb', typography: "tip" }, (_b = this.description) !== null && _b !== void 0 ? _b : this.t.get('iconLinkLabel'))))), this.variant === 'chip' && (index.h("div", { key: '037832247d7ca9649c9406816e8d7ca7922dfa2d', class: "chip-wrapper", part: "chip" }, index.h("mds-chip", { key: '2e14a6f7023c18f4e010e23bdd57a6fa4723628c', id: "chip", icon: mggAiChatbot, class: "chip", variant: "ai", label: (_c = this.headline) !== null && _c !== void 0 ? _c : this.t.get('chipLabel') }), index.h("mds-dropdown", { key: '3b72d13f2102d298886e645f3b70194d5c8bf734', target: "#chip", class: "chip-dropdown", interaction: "mouseover" }, index.h("mds-text", { key: '24b27e379de7649dfbdf077e1caefa0acf3a5869', typography: "tip" }, (_d = this.description) !== null && _d !== void 0 ? _d : this.t.get('cardDescription')), index.h("mds-button", { key: 'e47c83b97052c9bfe242db9a483e45297458c083', icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, this.t.get('linkLabel'))))), this.variant === 'card' && (index.h("div", { key: '06fb1b85d8fd6427330168b65b9b37220dd4db85', class: "mini-card", part: "card" }, index.h("mds-icon", { key: '71135cc52957dd7c5d57da17ea318fcfda0e47e0', name: mggAiChatbot, class: "mini-card-icon" }), index.h("div", { key: 'f6f56a483d41281610f2f0e4a985608682064b2f', class: "mini-card-content" }, index.h("mds-text", { key: '657ad59925488f4d9607b46adaadf42a9518feac', typography: "caption" }, (_e = this.description) !== null && _e !== void 0 ? _e : this.t.get('iconTooltip')), index.h("mds-button", { key: '497017289206c7c759af010ebcd3577ad3a651fe', class: "mini-card-button", icon: miOutlinePolicy, href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: '6f3b46fa197f97225b32b4e5c7a093a1385fa37a', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: '62969daf704920f6009acb5982f7b83c5030ac03', class: "link-label-short" }, this.t.get('linkLabelShort')))))), this.variant === 'banner' && (index.h("mds-banner", { key: '70ce614c9095b73996ebfe1340ff84e03db63355', class: "banner", variant: "ai", tone: "weak", icon: mggAiChatbot, headline: (_f = this.headline) !== null && _f !== void 0 ? _f : this.t.get('bannerTitle'), part: "banner" }, index.h("mds-text", { key: '89380acb2e798700055248211aafa26476868cc8', typography: "caption" }, (_g = this.description) !== null && _g !== void 0 ? _g : this.t.get('bannerDescription')), index.h("mds-button", { key: 'db2abdc66d0571891bbfca5b4cf4d5e961ee30fb', icon: miOutlinePolicy, slot: "action", href: this.href, variant: "ai", tone: "weak", size: "sm" }, index.h("span", { key: 'd5ce410ac6dd095f04547760e6d868cd1c624ca7', class: "link-label-long" }, this.t.get('linkLabel')), index.h("span", { key: '98268919c96e34a931c55bf2cf39dde5227dabfa', class: "link-label-short" }, this.t.get('linkLabelShort')))))));
     }
     get host() { return index.getElement(this); }
 };
-MdsPolicyAi.style = mdsPolicyAiCss;
+MdsPolicyAi.style = mdsPolicyAiCss();
 
 exports.mds_policy_ai = MdsPolicyAi;

package/dist/cjs/mds-pref-animation.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var circle = require('./circle-Cd893kVJ.js');
 var settings = require('./settings-CeE526kn.js');
 var locale = require('./locale-oGW3SvGJ.js');
@@ -51,7 +51,7 @@ var localeIt = {
 	systemSettings: systemSettings
 };
 
-const mdsPrefAnimationCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--disabled,.item--enabled,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsPrefAnimationCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--disabled,.item--enabled,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsPrefAnimation = class {
     constructor(hostRef) {
@@ -84,7 +84,7 @@ const MdsPrefAnimation = class {
             this.prefChangeEvent.emit({ preference: 'animation' });
             this.mode = mode;
             localStorage.setItem(this.localStorageAlias, this.mode);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 for (const key in this.animation) {
                     if ({}.hasOwnProperty.call(this.animation, key)) {
@@ -96,6 +96,9 @@ const MdsPrefAnimation = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -109,19 +112,21 @@ const MdsPrefAnimation = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'd8d97e6e1a5684af95b6a4602e759a1cbcf7cae7' }, index.h("mds-text", { key: '14bbea6444bc69042583a78ff48135ae6b87a1bf', class: "info", typography: "caption" }, index.h("b", { key: '5fc12248f44981ef9f2174a7073822b1640c93ad' }, this.t.get('label')), ' ', this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: '9ecce808da035fca4887ccaeaeaba4d0479ceea9', fill: true, size: this.size }, index.h("mds-tab-item", { key: 'fbf817158e8aed566bc42b788b3c1e7e1bd70424', selected: this.mode === 'reduce', onClick: () => {
+        return (index.h(index.Host, { key: 'e1be2ae76dff92f92d5e69ab734bed63ad01424b' }, index.h("mds-text", { key: '417cb750be71fae999a965bfc145369261612756', class: "info", typography: "caption" }, index.h("b", { key: '477428e9968b1758f407229d4efe007ec7262e14' }, this.t.get('label')), ' ', this.t.get(this.animation[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: '3757e5d83c8dbbfa00684e4b6401410c748610e5', fill: true, size: this.size }, index.h("mds-tab-item", { key: '8b5f05aea83cee047f799b620c5523b2afdd862a', selected: this.mode === 'reduce', onClick: () => {
                 this.setAnimation('reduce');
-            }, class: "item item--reduce", icon: circle.miOutlineCircle }), index.h("mds-tab-item", { key: '1d030f1e4b64ad1005581c77181a284f88906ae3', selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--reduce", icon: circle.miOutlineCircle }), index.h("mds-tab-item", { key: '3b782904bc5c2478aab5b448080b49008b0ad300', selected: this.mode === 'system', onClick: () => {
                 this.setAnimation('system');
-            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: '6a1c4bbc869df8c0f9596ef522848ff6e99f7581', selected: this.mode === 'no-preference', onClick: () => {
+            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: 'bb84745ea8b40acc0de41d904407a773fedff98a', selected: this.mode === 'no-preference', onClick: () => {
                 this.setAnimation('no-preference');
             }, class: "item item--no-preference", icon: miBaselineAnimation }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "mode": ["modeChanged"]
+        "mode": [{
+                "modeChanged": 0
+            }]
     }; }
 };
-MdsPrefAnimation.style = mdsPrefAnimationCss;
+MdsPrefAnimation.style = mdsPrefAnimationCss();
 
 exports.mds_pref_animation = MdsPrefAnimation;

package/dist/cjs/mds-pref-consumption.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 
 var mggConsumptionLow = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
@@ -65,7 +65,7 @@ var localeIt = {
 	label: label
 };
 
-const mdsPrefConsumptionCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--high{--mds-tab-item-selected-color:rgb(var(--status-error-06,239 108 105))}.item--medium{--mds-tab-item-selected-color:rgb(var(--status-warning-06,190 142 0))}.item--low{--mds-tab-item-selected-color:rgb(var(--status-success-06,0 171 97))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:host-context(:root.pref-contrast-more) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:host-context(:root.pref-contrast-more) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}}";
+const mdsPrefConsumptionCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--high{--mds-tab-item-selected-color:rgb(var(--status-error-06,239 108 105))}.item--medium{--mds-tab-item-selected-color:rgb(var(--status-warning-06,190 142 0))}.item--low{--mds-tab-item-selected-color:rgb(var(--status-success-06,0 171 97))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-contrast-more) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:host-context(:root.pref-contrast-more) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:host-context(:root.pref-contrast-more) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--high{--mds-tab-item-default-color:rgb(var(--status-error-03,255 217 214))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--medium{--mds-tab-item-default-color:rgb(var(--status-warning-03,255 223 129))}:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item--low{--mds-tab-item-default-color:rgb(var(--status-success-03,196 235 209))}}`;
 
 const MdsPrefContrast = class {
     constructor(hostRef) {
@@ -98,7 +98,7 @@ const MdsPrefContrast = class {
             this.prefChangeEvent.emit({ preference: 'consumption' });
             this.mode = mode;
             localStorage.setItem(this.localStorageAlias, this.mode);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 for (const key in this.consumption) {
                     if ({}.hasOwnProperty.call(this.consumption, key)) {
@@ -110,6 +110,9 @@ const MdsPrefContrast = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -123,19 +126,21 @@ const MdsPrefContrast = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'a868cca8f5a2bf2bc9c9836e63f85fa3ff275851' }, index.h("mds-text", { key: '60c3ce183c6d1ef984ad4acd2a020257c905aae9', class: "info", typography: "caption" }, index.h("b", { key: '5e2f6d2360c6f3fb483fa1f2b93b3acd53854c35' }, this.t.get('label')), ' ', this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: 'a09fc79aad33d6a1e91a49e806a768bb72586462', fill: true, size: this.size }, index.h("mds-tab-item", { key: '33b0f441536fc9362f18ecd4704f431f256fbee6', selected: this.mode === 'low', onClick: () => {
+        return (index.h(index.Host, { key: '7b3edd2f572afd06f1d1ee154b934d328cc6c0fc' }, index.h("mds-text", { key: '196b4cdad855f3b67ddb455fb0aa692f48d12c04', class: "info", typography: "caption" }, index.h("b", { key: '40b3840da0365693b1e6b08cff11e3cdd1da4819' }, this.t.get('label')), ' ', this.t.get(this.consumption[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: '7db022de1dadbaf0efc5ec5184eba9d6d1b51f2a', fill: true, size: this.size }, index.h("mds-tab-item", { key: '4c7aa5cfdae5fd2e3cf5376f216500c0ad4f6bd9', selected: this.mode === 'low', onClick: () => {
                 this.setConsumption('low');
-            }, class: "item item--low", icon: mggConsumptionLow }), index.h("mds-tab-item", { key: '79884e15aa766b134beeb20d82286caac3d08ebf', selected: this.mode === 'medium', onClick: () => {
+            }, class: "item item--low", icon: mggConsumptionLow }), index.h("mds-tab-item", { key: '3d8c6709bdba914e4aaf6b8969a32b5d2672ebee', selected: this.mode === 'medium', onClick: () => {
                 this.setConsumption('medium');
-            }, class: "item item--medium", icon: mggConsumptionMedium }), index.h("mds-tab-item", { key: '9c6604fe0bd3827d676fbf2bb4305a5e15317ab3', selected: this.mode === 'high', onClick: () => {
+            }, class: "item item--medium", icon: mggConsumptionMedium }), index.h("mds-tab-item", { key: '53cdc86ee488d3e28a0602db93c5dd7d8bcdfd65', selected: this.mode === 'high', onClick: () => {
                 this.setConsumption('high');
             }, class: "item item--high", icon: mggConsumptionHigh }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "mode": ["modeChanged"]
+        "mode": [{
+                "modeChanged": 0
+            }]
     }; }
 };
-MdsPrefContrast.style = mdsPrefConsumptionCss;
+MdsPrefContrast.style = mdsPrefConsumptionCss();
 
 exports.mds_pref_consumption = MdsPrefContrast;

package/dist/cjs/mds-pref-contrast.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var settings = require('./settings-CeE526kn.js');
 var locale = require('./locale-oGW3SvGJ.js');
 
@@ -54,7 +54,7 @@ var localeIt = {
 	systemSettings: systemSettings
 };
 
-const mdsPrefContrastCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--default,.item--more,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}}";
+const mdsPrefContrastCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:grid;gap:calc(var(--spacing,.0025rem)*100)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--default,.item--more,.item--system{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}:host-context(:root.pref-contrast-more) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))) .item{--mds-tab-item-default-color:rgb(var(--tone-neutral-01,255 255 255))}}`;
 
 const MdsPrefContrast = class {
     constructor(hostRef) {
@@ -90,7 +90,7 @@ const MdsPrefContrast = class {
             },
         };
         this.rollbackContrast = () => {
-            if (!window) {
+            if (typeof window === 'undefined') {
                 return this.defaultMode;
             }
             for (const key in this.prefersDefaults) {
@@ -107,7 +107,7 @@ const MdsPrefContrast = class {
             this.rollbackContrast();
             this.mode = mode;
             localStorage.setItem(this.localStorageAlias, this.mode);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 for (const key in this.contrast) {
                     if ({}.hasOwnProperty.call(this.contrast, key)) {
@@ -119,6 +119,9 @@ const MdsPrefContrast = class {
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -134,19 +137,21 @@ const MdsPrefContrast = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'b2b65db3b7a382669e8d71bbb97eff1ba8ded19d' }, index.h("mds-text", { key: '8a6345d6b3fe5f2bfed8f492edc8559c68841128', class: "info", typography: "caption" }, index.h("b", { key: 'ea6c8753913b860d5ace1696ead1bd422574fa6a' }, this.t.get('label')), ' ', this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: '1ec637db0edc73c08a4e5a7ee27170383d972d7c', fill: true, size: this.size }, index.h("mds-tab-item", { key: 'ce53045c2487cae49bea7efe5ed262b04b5ed329', selected: this.mode === 'more', onClick: () => {
+        return (index.h(index.Host, { key: '94956cf5cf0e28c943af188fbdd0874b04edea3b' }, index.h("mds-text", { key: '0f9efae82fe5037ce9b13fa1a7125c25bf1bb509', class: "info", typography: "caption" }, index.h("b", { key: 'ba27caca42dd23403991521fd903e8ab7dbfacdf' }, this.t.get('label')), ' ', this.t.get(this.contrast[(_a = this.mode) !== null && _a !== void 0 ? _a : this.defaultMode].label)), index.h("mds-tab", { key: 'adf51f71a7551553663038f87ce72868fa04ac70', fill: true, size: this.size }, index.h("mds-tab-item", { key: '5314ee6c1ae2e23635952a6dfa56ed24c3e57050', selected: this.mode === 'more', onClick: () => {
                 this.setContrast('more');
-            }, class: "item item--more", icon: miBaselineContrast }), index.h("mds-tab-item", { key: '3798cbdb8df68f9b9d46d91136cb4f1cf0926139', selected: this.mode === 'system', onClick: () => {
+            }, class: "item item--more", icon: miBaselineContrast }), index.h("mds-tab-item", { key: '0e88e0bb0276a8ca0b8cb75228118a6574788299', selected: this.mode === 'system', onClick: () => {
                 this.setContrast('system');
-            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: 'c626f5db4b9d8a5e4fee01ff441de35f6fc3fb5b', selected: this.mode === 'no-preference', onClick: () => {
+            }, class: "item item--system", icon: settings.miBaselineSettings }), index.h("mds-tab-item", { key: '223643f6d9a03b429d58bab08e28ac29c6be7671', selected: this.mode === 'no-preference', onClick: () => {
                 this.setContrast('no-preference');
             }, class: "item item--default", icon: this.mode === 'no-preference' ? miBaselineAutoAwesome : miOutlineAutoAwesome }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "mode": ["modeChanged"]
+        "mode": [{
+                "modeChanged": 0
+            }]
     }; }
 };
-MdsPrefContrast.style = mdsPrefContrastCss;
+MdsPrefContrast.style = mdsPrefContrastCss();
 
 exports.mds_pref_contrast = MdsPrefContrast;

package/dist/cjs/mds-pref-language-item.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 var checkCircle = require('./check-circle-Dot_k9WN.js');
 var circle = require('./circle-Cd893kVJ.js');
@@ -222,7 +222,7 @@ var localeEn = {
 	noCode: noCode
 };
 
-const mdsPrefLanguageItemCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:block}";
+const mdsPrefLanguageItemCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),mds-button:not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{display:block}`;
 
 const MdsPrefLanguageItem = class {
     constructor(hostRef) {
@@ -240,6 +240,9 @@ const MdsPrefLanguageItem = class {
             this.selectLanguageEvent.emit({ language: this.code });
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -250,10 +253,10 @@ const MdsPrefLanguageItem = class {
         this.t.lang(this.element);
     }
     render() {
-        return (index.h(index.Host, { key: '518c33d30c27e54512f2490c78da1ad1f97328eb', onClick: this.handleClick }, this.code ? (index.h("mds-button", { icon: this.selected ? checkCircle.miBaselineCheckCircle : circle.miOutlineCircle, variant: "dark", tone: "text" }, localeDefault[this.code])) : (index.h("mds-button", { icon: checkCircle.miBaselineCheckCircle, variant: "error", tone: "text" }, this.t.get('noCode')))));
+        return (index.h(index.Host, { key: '733f906b459d62d9dda8c353a30a74110e07b03a', onClick: this.handleClick }, this.code !== '' ? (index.h("mds-button", { icon: this.selected ? checkCircle.miBaselineCheckCircle : circle.miOutlineCircle, variant: "dark", tone: "text" }, localeDefault[this.code])) : (index.h("mds-button", { icon: checkCircle.miBaselineCheckCircle, variant: "error", tone: "text" }, this.t.get('noCode')))));
     }
     get element() { return index.getElement(this); }
 };
-MdsPrefLanguageItem.style = mdsPrefLanguageItemCss;
+MdsPrefLanguageItem.style = mdsPrefLanguageItemCss();
 
 exports.mds_pref_language_item = MdsPrefLanguageItem;

package/dist/cjs/mds-pref-language.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BoL6yK0y.js');
+var index = require('./index-CNuKb6Lv.js');
 var locale = require('./locale-oGW3SvGJ.js');
 var keyboardArrowDown = require('./keyboard-arrow-down-BNOA3Lin.js');
 var keyboardArrowUp = require('./keyboard-arrow-up-C6Wsxo6j.js');
@@ -857,7 +857,7 @@ var localeIt = {
 	defaultLanguage: defaultLanguage
 };
 
-const mdsPrefLanguageCss = "@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-dropdown,mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-language-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-language{cursor:pointer}.item--auto,.item--custom-language{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}";
+const mdsPrefLanguageCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))),:is(mds-dropdown,mds-tab,mds-tab-item,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}mds-pref-language{display:grid;gap:calc(var(--spacing,.0025rem)*400)}.mds-pref-language-dropdown{gap:calc(var(--spacing,.0025rem)*100);padding:calc(var(--spacing,.0025rem)*400)}.item{--mds-tab-item-default-color:rgb(var(--tone-neutral-05,197 197 197));flex-basis:0;flex-grow:1}.item--custom-language{cursor:pointer}.item--auto,.item--custom-language{--mds-tab-item-selected-color:rgb(var(--tone-neutral-03,233 233 233))}`;
 
 const MdsPrefLanguage = class {
     constructor(hostRef) {
@@ -928,12 +928,15 @@ const MdsPrefLanguage = class {
                     : this.sanitizeLanguage(set);
             this.prefChangeEvent.emit({ preference: 'language' });
             localStorage.setItem(this.localStorageAlias, this.set);
-            if (document) {
+            if (typeof document !== 'undefined') {
                 const element = document.querySelector('html');
                 element === null || element === void 0 ? void 0 : element.setAttribute('lang', this.set);
             }
         };
     }
+    /**
+     * Updates the component's texts to the locale currently set on the host element.
+     */
     async updateLang() {
         this.language = this.t.lang(this.element);
     }
@@ -950,10 +953,10 @@ const MdsPrefLanguage = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'dc71143924209440f083fcec65bcb7bd504dd25a' }, index.h("div", { key: '292239b82496f972e66d40c3545f744bbb3b3c7f', class: "menu" }, index.h("mds-text", { key: '40a055e9e7b833b54be9d0a94bf3a3dcdfc0c8b8', class: "info", typography: "caption" }, index.h("b", { key: 'a18868d48b74d314e96b11a090910094dadc3f32' }, this.t.get('label'))), index.h("mds-tab", { key: '565d66dfa81b0991ff2c456c20f0880b5608a5b3', fill: true, size: this.size }, index.h("mds-tab-item", { key: '5b9bccdca9afc5dacd2ded61f34001b7dffe39da', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? keyboardArrowUp.miBaselineKeyboardArrowUp : keyboardArrowDown.miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), index.h("mds-dropdown", { key: '82f77f40b5b589cf3ee6097ecdd27b2f55f50779', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, index.h("slot", { key: 'f2ad1acf8456a7d8a284a802342138424f26628a' })), this.set !== this.defaultLanguage && (index.h("mds-text", { key: 'fc2901f08f355fac291535936079e3d54ed6bcc9', typography: "caption" }, this.t.get('defaultLanguage')))));
+        return (index.h(index.Host, { key: '5817657d210b33095d874782e22a9474deb07186' }, index.h("div", { key: '115825b394ff21c1cbd839592d08371fe4e9088b', class: "menu" }, index.h("mds-text", { key: 'cb0bcd46bedc0b7746147884ac26ffcfbf31e1af', class: "info", typography: "caption" }, index.h("b", { key: 'c9184216e4219ff8a2097cf1728903e16d0a1e07' }, this.t.get('label'))), index.h("mds-tab", { key: 'f71a4aa2177c36761317215d0e1fa81400f6bb8c', fill: true, size: this.size }, index.h("mds-tab-item", { key: '1991f5acca41b36d299deb007ff46755071c37f9', selected: true, onClick: this.toggleDropdown, id: "mds-pref-language-nav", class: "item item--custom-language", "icon-position": "right", icon: this.showDropdown ? keyboardArrowUp.miBaselineKeyboardArrowUp : keyboardArrowDown.miBaselineKeyboardArrowDown }, this.t.get((_a = this.set) !== null && _a !== void 0 ? _a : 'auto')))), index.h("mds-dropdown", { key: 'f7fd96c2eef84b5b2230cfd5f8a74083d00d9846', class: "mds-pref-language-dropdown", target: "#mds-pref-language-nav", interaction: "none", visible: this.showDropdown, onMdsDropdownHide: this.hideLanguageSelectDropdown, autoPlacement: true }, index.h("slot", { key: 'ce4d781b3b08cae00029bb36e8ea6d1f86461b30' })), this.set !== this.defaultLanguage && (index.h("mds-text", { key: '6ea5f8ca5cdc07692204f1b3635d4393ababfda9', typography: "caption" }, this.t.get('defaultLanguage')))));
     }
     get element() { return index.getElement(this); }
 };
-MdsPrefLanguage.style = mdsPrefLanguageCss;
+MdsPrefLanguage.style = mdsPrefLanguageCss();
 
 exports.mds_pref_language = MdsPrefLanguage;