@maggioli-design-system/mds-paginator-item 2.7.0 → 2.7.2

package/dist/collection/dictionary/variant.js

@@ -1,73 +1,73 @@
 const themeVariantDictionary = [
-  'dark',
-  'error',
-  'info',
-  'light',
-  'primary',
-  'success',
-  'warning',
+    'dark',
+    'error',
+    'info',
+    'light',
+    'primary',
+    'success',
+    'warning',
 ];
 const themeLuminanceVariantDictionary = [
-  'dark',
-  'light',
+    'dark',
+    'light',
 ];
 const themeStatusVariantDictionary = [
-  'error',
-  'info',
-  'success',
-  'warning',
+    'error',
+    'info',
+    'success',
+    'warning',
 ];
 const themeFullVariantDictionary = [
-  'amaranth',
-  'aqua',
-  'blue',
-  'dark',
-  'error',
-  'green',
-  'info',
-  'light',
-  'lime',
-  'orange',
-  'orchid',
-  'sky',
-  'success',
-  'violet',
-  'warning',
-  'yellow',
+    'amaranth',
+    'aqua',
+    'blue',
+    'dark',
+    'error',
+    'green',
+    'info',
+    'light',
+    'lime',
+    'orange',
+    'orchid',
+    'sky',
+    'success',
+    'violet',
+    'warning',
+    'yellow',
 ];
 const themeLabelVariantDictionary = [
-  'amaranth',
-  'aqua',
-  'blue',
-  'green',
-  'lime',
-  'orange',
-  'orchid',
-  'sky',
-  'violet',
-  'yellow',
+    'amaranth',
+    'aqua',
+    'blue',
+    'green',
+    'lime',
+    'orange',
+    'orchid',
+    'sky',
+    'violet',
+    'yellow',
 ];
 const toneVariantDictionary = [
-  'strong',
-  'weak',
-  'ghost',
-  'quiet',
+    'strong',
+    'weak',
+    'ghost',
+    'quiet',
 ];
 const toneActionVariantDictionary = [
-  'primary',
-  'secondary',
-  'tertiary',
-  'strong',
-  'weak',
-  'quiet',
+    'primary',
+    'secondary',
+    'tertiary',
+    'strong',
+    'weak',
+    'quiet',
 ];
 const toneSimpleVariantDictionary = [
-  'strong',
-  'weak',
-  'quiet',
+    'strong',
+    'weak',
+    'quiet',
 ];
 const toneMinimalVariantDictionary = [
-  'strong',
-  'weak',
+    'strong',
+    'weak',
 ];
 export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };

package/dist/collection/fixtures/cities.js

@@ -1,110 +1,110 @@
 const citiesDictionary = [
-  'Agrigento',
-  'Alessandria',
-  'Ancona',
-  'Aosta',
-  'Arezzo',
-  'Ascoli Piceno',
-  'Asti',
-  'Avellino',
-  'Bari',
-  'Barletta-Andria-Trani',
-  'Belluno',
-  'Benevento',
-  'Bergamo',
-  'Biella',
-  'Bologna',
-  'Bolzano',
-  'Brescia',
-  'Brindisi',
-  'Cagliari',
-  'Caltanissetta',
-  'Campobasso',
-  'Caserta',
-  'Catania',
-  'Catanzaro',
-  'Chieti',
-  'Como',
-  'Cosenza',
-  'Cremona',
-  'Crotone',
-  'Cuneo',
-  'Enna',
-  'Fermo',
-  'Ferrara',
-  'Firenze',
-  'Foggia',
-  'Forlì-Cesena',
-  'Frosinone',
-  'Genova',
-  'Gorizia',
-  'Grosseto',
-  'Imperia',
-  'Isernia',
-  'La Spezia',
-  'L\'Aquila',
-  'Latina',
-  'Lecce',
-  'Lecco',
-  'Livorno',
-  'Lodi',
-  'Lucca',
-  'Macerata',
-  'Mantova',
-  'Massa-Carrara',
-  'Matera',
-  'Messina',
-  'Milano',
-  'Modena',
-  'Monza e della Brianza',
-  'Napoli',
-  'Novara',
-  'Nuoro',
-  'Oristano',
-  'Padova',
-  'Palermo',
-  'Parma',
-  'Pavia',
-  'Perugia',
-  'Pesaro e Urbino',
-  'Pescara',
-  'Piacenza',
-  'Pisa',
-  'Pistoia',
-  'Pordenone',
-  'Potenza',
-  'Prato',
-  'Ragusa',
-  'Ravenna',
-  'Reggio Calabria',
-  'Reggio Emilia',
-  'Rieti',
-  'Rimini',
-  'Roma',
-  'Rovigo',
-  'Salerno',
-  'Sassari',
-  'Savona',
-  'Siena',
-  'Siracusa',
-  'Sondrio',
-  'Sud Sardegna',
-  'Taranto',
-  'Teramo',
-  'Terni',
-  'Torino',
-  'Trapani',
-  'Trento',
-  'Treviso',
-  'Trieste',
-  'Udine',
-  'Varese',
-  'Venezia',
-  'Verbano-Cusio-Ossola',
-  'Vercelli',
-  'Verona',
-  'Vibo Valentia',
-  'Vicenza',
-  'Viterbo',
+    'Agrigento',
+    'Alessandria',
+    'Ancona',
+    'Aosta',
+    'Arezzo',
+    'Ascoli Piceno',
+    'Asti',
+    'Avellino',
+    'Bari',
+    'Barletta-Andria-Trani',
+    'Belluno',
+    'Benevento',
+    'Bergamo',
+    'Biella',
+    'Bologna',
+    'Bolzano',
+    'Brescia',
+    'Brindisi',
+    'Cagliari',
+    'Caltanissetta',
+    'Campobasso',
+    'Caserta',
+    'Catania',
+    'Catanzaro',
+    'Chieti',
+    'Como',
+    'Cosenza',
+    'Cremona',
+    'Crotone',
+    'Cuneo',
+    'Enna',
+    'Fermo',
+    'Ferrara',
+    'Firenze',
+    'Foggia',
+    'Forlì-Cesena',
+    'Frosinone',
+    'Genova',
+    'Gorizia',
+    'Grosseto',
+    'Imperia',
+    'Isernia',
+    'La Spezia',
+    'L\'Aquila',
+    'Latina',
+    'Lecce',
+    'Lecco',
+    'Livorno',
+    'Lodi',
+    'Lucca',
+    'Macerata',
+    'Mantova',
+    'Massa-Carrara',
+    'Matera',
+    'Messina',
+    'Milano',
+    'Modena',
+    'Monza e della Brianza',
+    'Napoli',
+    'Novara',
+    'Nuoro',
+    'Oristano',
+    'Padova',
+    'Palermo',
+    'Parma',
+    'Pavia',
+    'Perugia',
+    'Pesaro e Urbino',
+    'Pescara',
+    'Piacenza',
+    'Pisa',
+    'Pistoia',
+    'Pordenone',
+    'Potenza',
+    'Prato',
+    'Ragusa',
+    'Ravenna',
+    'Reggio Calabria',
+    'Reggio Emilia',
+    'Rieti',
+    'Rimini',
+    'Roma',
+    'Rovigo',
+    'Salerno',
+    'Sassari',
+    'Savona',
+    'Siena',
+    'Siracusa',
+    'Sondrio',
+    'Sud Sardegna',
+    'Taranto',
+    'Teramo',
+    'Terni',
+    'Torino',
+    'Trapani',
+    'Trento',
+    'Treviso',
+    'Trieste',
+    'Udine',
+    'Varese',
+    'Venezia',
+    'Verbano-Cusio-Ossola',
+    'Vercelli',
+    'Verona',
+    'Vibo Valentia',
+    'Vicenza',
+    'Viterbo',
 ];
 export { citiesDictionary, };

package/dist/components/mds-paginator-item.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface MdsPaginatorItem extends Components.MdsPaginatorItem, HTMLElement {}
 export const MdsPaginatorItem: {
-  prototype: MdsPaginatorItem;
-  new (): MdsPaginatorItem;
+    prototype: MdsPaginatorItem;
+    new (): MdsPaginatorItem;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/mds-paginator-item.js

@@ -1,96 +1,96 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 class KeyboardManager {
-  constructor() {
-    this.elements = [];
-    this.handleClickBehaviorDispatchEvent = (event) => {
-      if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
-        event.target.click();
-      }
-    };
-    this.handleEscapeBehaviorDispatchEvent = (event) => {
-      if (event.code === 'Escape' && this.escapeCallback) {
-        this.escapeCallback();
-      }
-    };
-    this.addElement = (el, name = 'element') => {
-      this.elements[name] = el;
-    };
-    this.attachClickBehavior = (name = 'element') => {
-      if (this.elements[name]) {
-        this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
-      }
-    };
-    this.detachClickBehavior = (name = 'element') => {
-      if (this.elements[name]) {
-        this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
-      }
-    };
-    this.attachEscapeBehavior = (callBack) => {
-      this.escapeCallback = callBack;
-      if (window !== undefined) {
-        window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
-      }
-    };
-    this.detachEscapeBehavior = () => {
-      this.escapeCallback = () => { return; };
-      if (window !== undefined) {
-        window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
-      }
-    };
-  }
+    constructor() {
+        this.elements = [];
+        this.handleClickBehaviorDispatchEvent = (event) => {
+            if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+                event.target.click();
+            }
+        };
+        this.handleEscapeBehaviorDispatchEvent = (event) => {
+            if (event.code === 'Escape' && this.escapeCallback) {
+                this.escapeCallback();
+            }
+        };
+        this.addElement = (el, name = 'element') => {
+            this.elements[name] = el;
+        };
+        this.attachClickBehavior = (name = 'element') => {
+            if (this.elements[name]) {
+                this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent);
+            }
+        };
+        this.detachClickBehavior = (name = 'element') => {
+            if (this.elements[name]) {
+                this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent);
+            }
+        };
+        this.attachEscapeBehavior = (callBack) => {
+            this.escapeCallback = callBack;
+            if (window !== undefined) {
+                window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
+            }
+        };
+        this.detachEscapeBehavior = () => {
+            this.escapeCallback = () => { return; };
+            if (window !== undefined) {
+                window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this));
+            }
+        };
+    }
 }
 
-const mdsPaginatorItemCss = "@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--brand-maggioli-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{padding-left:0.75rem;padding-right:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--mds-paginator-item-color);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:var(--mds-paginator-item-size);-ms-flex-pack:center;justify-content:center;min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0px}:host([selected]){background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected);pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled);pointer-events:none}.icon{padding-left:0px;padding-right:0px}";
+const mdsPaginatorItemCss = "@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset)}50%{outline-offset:var(--magma-outline-blur-offset)}}@tailwind components; .fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.text{font-size:1rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-paginator-item-background-disabled:rgb(var(--tone-neutral-09));--mds-paginator-item-background-hover:rgb(var(--tone-neutral-08));--mds-paginator-item-background-selected:rgb(var(--brand-maggioli-03));--mds-paginator-item-background:transparent;--mds-paginator-item-color-disabled:rgb(var(--tone-neutral-06));--mds-paginator-item-color-hover:rgb(var(--tone-neutral-02));--mds-paginator-item-color-selected:rgb(var(--tone-neutral));--mds-paginator-item-color:rgb(var(--tone-neutral-02));--mds-paginator-item-radius:200px;--mds-paginator-item-shadow-disabled:none;--mds-paginator-item-shadow-hover:none;--mds-paginator-item-shadow-selected:0 0 1px 1px rgb(0 0 0 / 0.06), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;-webkit-animation-duration:var(--magma-outline-animation-duration, 1s);animation-duration:var(--magma-outline-animation-duration, 1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:focus-bounce;animation-name:focus-bounce;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1);outline:var(--magma-outline-blur);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host{padding-left:0.75rem;padding-right:0.75rem;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-align:center;align-items:center;background-color:var(--mds-paginator-item-background);border-radius:var(--mds-paginator-item-radius);-webkit-box-shadow:var(--mds-paginator-item-shadow);box-shadow:var(--mds-paginator-item-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--mds-paginator-item-color);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;height:var(--mds-paginator-item-size);-ms-flex-pack:center;justify-content:center;min-width:var(--mds-paginator-item-size);-webkit-transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, color, outline, outline-offset, -webkit-box-shadow;transition-property:background-color, box-shadow, color, outline, outline-offset;transition-property:background-color, box-shadow, color, outline, outline-offset, -webkit-box-shadow;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);-webkit-animation-play-state:running;animation-play-state:running}:host(:hover){background-color:var(--mds-paginator-item-background-hover);-webkit-box-shadow:var(--mds-paginator-item-shadow-hover);box-shadow:var(--mds-paginator-item-shadow-hover);color:var(--mds-paginator-item-color-hover);fill:var(--mds-paginator-item-color-hover)}:host([icon]){padding:0rem}:host([selected]){background-color:var(--mds-paginator-item-background-selected);-webkit-box-shadow:var(--mds-paginator-item-shadow-selected);box-shadow:var(--mds-paginator-item-shadow-selected);color:var(--mds-paginator-item-color-selected);fill:var(--mds-paginator-item-color-selected);pointer-events:none}:host([disabled]){background-color:var(--mds-paginator-item-background-disabled);-webkit-box-shadow:var(--mds-paginator-item-shadow-disabled);box-shadow:var(--mds-paginator-item-shadow-disabled);color:var(--mds-paginator-item-color-disabled);fill:var(--mds-paginator-item-color-disabled);pointer-events:none}.icon{padding-left:0rem;padding-right:0rem}";
 
 const MdsPaginatorItem$1 = /*@__PURE__*/ proxyCustomElement(class MdsPaginatorItem extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.km = new KeyboardManager();
-    this.componentDidLoad = () => {
-      this.km.addElement(this.host);
-      this.km.attachClickBehavior();
-    };
-    this.componentDidUpdate = () => {
-      if (!this.disabled && !this.selected) {
-        this.km.attachClickBehavior();
-        return;
-      }
-      this.km.detachClickBehavior();
-    };
-    this.disconnectedCallback = () => {
-      this.km.detachClickBehavior();
-    };
-    this.icon = undefined;
-    this.selected = undefined;
-    this.disabled = undefined;
-  }
-  render() {
-    return (h(Host, { tabindex: "0" }, this.icon !== undefined
-      ? h("mds-icon", { name: this.icon })
-      : h("mds-text", { class: "text", typography: "detail" }, h("slot", null))));
-  }
-  get host() { return this; }
-  static get style() { return mdsPaginatorItemCss; }
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.km = new KeyboardManager();
+        this.componentDidLoad = () => {
+            this.km.addElement(this.host);
+            this.km.attachClickBehavior();
+        };
+        this.componentDidUpdate = () => {
+            if (!this.disabled && !this.selected) {
+                this.km.attachClickBehavior();
+                return;
+            }
+            this.km.detachClickBehavior();
+        };
+        this.disconnectedCallback = () => {
+            this.km.detachClickBehavior();
+        };
+        this.icon = undefined;
+        this.selected = undefined;
+        this.disabled = undefined;
+    }
+    render() {
+        return (h(Host, { tabindex: "0" }, this.icon !== undefined
+            ? h("mds-icon", { name: this.icon })
+            : h("mds-text", { class: "text", typography: "detail" }, h("slot", null))));
+    }
+    get host() { return this; }
+    static get style() { return mdsPaginatorItemCss; }
 }, [1, "mds-paginator-item", {
-    "icon": [513],
-    "selected": [516],
-    "disabled": [516]
-  }]);
+        "icon": [513],
+        "selected": [516],
+        "disabled": [516]
+    }]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["mds-paginator-item"];
-  components.forEach(tagName => { switch (tagName) {
-    case "mds-paginator-item":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, MdsPaginatorItem$1);
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["mds-paginator-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "mds-paginator-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MdsPaginatorItem$1);
+            }
+            break;
+    } });
 }
 
 const MdsPaginatorItem = MdsPaginatorItem$1;

package/dist/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-11-08T17:57:27",
+  "timestamp": "2023-12-20T08:51:05",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.7.1",
+    "version": "4.8.0",
     "typescriptVersion": "5.2.2"
   },
   "components": [