@maggioli-design-system/mds-paginator-item 2.2.0 → 2.3.0

package/src/components/mds-paginator-item/mds-paginator-item.css

@@ -1,4 +1,4 @@
-@import '../../tailwind/components.css';
+@import url('../../tailwind/components.css');
 @tailwind components;
 @tailwind utilities;
 
@@ -69,11 +69,11 @@
   fill: var(--mds-paginator-item-color-hover);
 }
 
-:host ( [icon]) {
+:host( [icon] ) {
   @apply p-0;
 }
 
-:host ( [active]) {
+:host( [selected] ) {
   @apply pointer-events-none;
 
   background-color: var(--mds-paginator-item-background-selected);
@@ -82,7 +82,7 @@
   fill: var(--mds-paginator-item-color-selected);
 }
 
-:host ( [disabled]) {
+:host( [disabled] ) {
   @apply pointer-events-none;
 
   background-color: var(--mds-paginator-item-background-disabled);

package/src/components/mds-paginator-item/mds-paginator-item.tsx

@@ -17,9 +17,9 @@ export class MdsPaginatorItem {
   @Prop({ reflect: true }) readonly icon?: string
 
   /**
-   * Specifies if the item is active or not, is handled from the parent paginator
+   * Specifies if the item is selected or not, is handled from the parent paginator
    */
-  @Prop({ reflect: true }) readonly active?: boolean
+  @Prop({ reflect: true }) readonly selected?: boolean
 
   /**
    * Specifies if the item is disabled or not, is handled from the parent paginator
@@ -32,7 +32,7 @@ export class MdsPaginatorItem {
   }
 
   componentDidUpdate = (): void => {
-    if (!this.disabled && !this.active) {
+    if (!this.disabled && !this.selected) {
       this.km.attachClickBehavior()
       return
     }

package/src/components/mds-paginator-item/readme.md

@@ -7,11 +7,11 @@
 
 ## Properties
 
-| Property   | Attribute  | Description                                                                    | Type      | Default     |
-| ---------- | ---------- | ------------------------------------------------------------------------------ | --------- | ----------- |
-| `active`   | `active`   | Specifies if the item is active or not, is handled from the parent paginator   | `boolean` | `undefined` |
-| `disabled` | `disabled` | Specifies if the item is disabled or not, is handled from the parent paginator | `boolean` | `undefined` |
-| `icon`     | `icon`     | Specifies the icon used inside the paginator item                              | `string`  | `undefined` |
+| Property   | Attribute  | Description                                                                    | Type                   | Default     |
+| ---------- | ---------- | ------------------------------------------------------------------------------ | ---------------------- | ----------- |
+| `disabled` | `disabled` | Specifies if the item is disabled or not, is handled from the parent paginator | `boolean \| undefined` | `undefined` |
+| `icon`     | `icon`     | Specifies the icon used inside the paginator item                              | `string \| undefined`  | `undefined` |
+| `selected` | `selected` | Specifies if the item is selected or not, is handled from the parent paginator | `boolean \| undefined` | `undefined` |
 
 
 ## CSS Custom Properties

package/src/components.d.ts

@@ -7,10 +7,6 @@
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 export namespace Components {
     interface MdsPaginatorItem {
-        /**
-          * Specifies if the item is active or not, is handled from the parent paginator
-         */
-        "active"?: boolean;
         /**
           * Specifies if the item is disabled or not, is handled from the parent paginator
          */
@@ -19,6 +15,10 @@ export namespace Components {
           * Specifies the icon used inside the paginator item
          */
         "icon"?: string;
+        /**
+          * Specifies if the item is selected or not, is handled from the parent paginator
+         */
+        "selected"?: boolean;
     }
 }
 declare global {
@@ -34,10 +34,6 @@ declare global {
 }
 declare namespace LocalJSX {
     interface MdsPaginatorItem {
-        /**
-          * Specifies if the item is active or not, is handled from the parent paginator
-         */
-        "active"?: boolean;
         /**
           * Specifies if the item is disabled or not, is handled from the parent paginator
          */
@@ -46,6 +42,10 @@ declare namespace LocalJSX {
           * Specifies the icon used inside the paginator item
          */
         "icon"?: string;
+        /**
+          * Specifies if the item is selected or not, is handled from the parent paginator
+         */
+        "selected"?: boolean;
     }
     interface IntrinsicElements {
         "mds-paginator-item": MdsPaginatorItem;

package/src/fixtures/icons.json

@@ -221,6 +221,7 @@
     "mi/baseline/navigate-next",
     "mi/baseline/panorama",
     "mi/baseline/person",
+    "mi/baseline/pets",
     "mi/baseline/radio-button-checked",
     "mi/baseline/radio-button-unchecked",
     "mi/baseline/route",

package/src/interface/input-value.ts

@@ -1,4 +1,4 @@
-import { InputValueType } from '../types/input-value-type'
+import { InputValueType } from '@type/input-value-type'
 
 export interface InputValue {
   value: InputValueType

package/www/build/mds-paginator-item.esm.js

@@ -1 +1 @@
-import{p as o,b as t}from"./p-cd35cb31.js";export{s as setNonce}from"./p-cd35cb31.js";(()=>{const s=import.meta.url,t={};return""!==s&&(t.resourcesUrl=new URL(".",s).href),o(t)})().then((s=>t([["p-6f0a5176",[[1,"mds-paginator-item",{icon:[513],active:[516],disabled:[516]}]]]],s)));
+import{p as e,b as o}from"./p-cd35cb31.js";export{s as setNonce}from"./p-cd35cb31.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),e(o)})().then((s=>o([["p-a07f2745",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],s)));

package/www/build/mds-paginator-item.js

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-043d636e.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-d8314fea.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/www/build/p-a07f2745.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t,H as i,g as r}from"./p-cd35cb31.js";class e{constructor(){this.elements=[],this.handleClickBehaviorDispatchEvent=o=>{"Space"!==o.code&&"Enter"!==o.code&&"NumpadEnter"!==o.code||o.target.click()},this.handleEscapeBehaviorDispatchEvent=o=>{"Escape"===o.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(o,t="element")=>{this.elements[t]=o},this.attachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=o=>{this.escapeCallback=o,void 0!==typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=()=>{},void 0!==typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const a=class{constructor(t){o(this,t),this.km=new e,this.componentDidLoad=()=>{this.km.addElement(this.host),this.km.attachClickBehavior()},this.componentDidUpdate=()=>{this.disabled||this.selected?this.km.detachClickBehavior():this.km.attachClickBehavior()},this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.icon=void 0,this.selected=void 0,this.disabled=void 0}render(){return t(i,{tabindex:"0"},void 0!==this.icon?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))}get host(){return r(this)}};a.style="@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 rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-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-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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);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);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);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}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}: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]){pointer-events:none;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)}:host([disabled]){pointer-events:none;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)}.icon{padding-left:0px;padding-right:0px}";export{a as mds_paginator_item}

package/www/build/{p-043d636e.system.js → p-d8314fea.system.js}

@@ -1 +1 @@
-System.register(["./p-545e4388.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-632f225a.system",[[1,"mds-paginator-item",{icon:[513],active:[516],disabled:[516]}]]]],e)}))}}}));
+System.register(["./p-545e4388.system.js"],(function(e,t){"use strict";var r,n;return{setters:[function(t){r=t.p;n=t.b;e("setNonce",t.s)}],execute:function(){var e=function(){var e=t.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-fda89125.system",[[1,"mds-paginator-item",{icon:[513],selected:[516],disabled:[516]}]]]],e)}))}}}));

package/www/build/p-fda89125.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-545e4388.system.js"],(function(e){"use strict";var o,t,i,a;return{setters:[function(e){o=e.r;t=e.h;i=e.H;a=e.g}],execute:function(){var r=function(){function e(){var e=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(e){if(e.code==="Space"||e.code==="Enter"||e.code==="NumpadEnter"){e.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(o){if(o.code==="Escape"&&e.escapeCallback){e.escapeCallback()}};this.addElement=function(o,t){if(t===void 0){t="element"}e.elements[t]=o};this.attachClickBehavior=function(o){if(o===void 0){o="element"}if(e.elements[o]){e.elements[o].addEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(o){if(o===void 0){o="element"}if(e.elements[o]){e.elements[o].removeEventListener("keydown",e.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(o){e.escapeCallback=o;if(typeof window!==undefined){window.addEventListener("keydown",e.handleEscapeBehaviorDispatchEvent.bind(e))}};this.detachEscapeBehavior=function(){e.escapeCallback=function(){return};if(typeof window!==undefined){window.removeEventListener("keydown",e.handleEscapeBehaviorDispatchEvent.bind(e))}}}return e}();var n="@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 rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-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-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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);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);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);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}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}: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]){pointer-events:none;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)}:host([disabled]){pointer-events:none;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)}.icon{padding-left:0px;padding-right:0px}";var s=e("mds_paginator_item",function(){function e(e){var t=this;o(this,e);this.km=new r;this.componentDidLoad=function(){t.km.addElement(t.host);t.km.attachClickBehavior()};this.componentDidUpdate=function(){if(!t.disabled&&!t.selected){t.km.attachClickBehavior();return}t.km.detachClickBehavior()};this.disconnectedCallback=function(){t.km.detachClickBehavior()};this.icon=undefined;this.selected=undefined;this.disabled=undefined}e.prototype.render=function(){return t(i,{tabindex:"0"},this.icon!==undefined?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());s.style=n}}}));

package/dist/mds-paginator-item/p-632f225a.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-545e4388.system.js"],(function(o){"use strict";var e,t,i,a;return{setters:[function(o){e=o.r;t=o.h;i=o.H;a=o.g}],execute:function(){var r=function(){function o(){var o=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(o){if(o.code==="Space"||o.code==="Enter"||o.code==="NumpadEnter"){o.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(e){if(e.code==="Escape"&&o.escapeCallback){o.escapeCallback()}};this.addElement=function(e,t){if(t===void 0){t="element"}o.elements[t]=e};this.attachClickBehavior=function(e){if(e===void 0){e="element"}if(o.elements[e]){o.elements[e].addEventListener("keydown",o.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(e){if(e===void 0){e="element"}if(o.elements[e]){o.elements[e].removeEventListener("keydown",o.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(e){o.escapeCallback=e;if(typeof window!==undefined){window.addEventListener("keydown",o.handleEscapeBehaviorDispatchEvent.bind(o))}};this.detachEscapeBehavior=function(){o.escapeCallback=null;if(typeof window!==undefined){window.removeEventListener("keydown",o.handleEscapeBehaviorDispatchEvent.bind(o))}}}return o}();var n="@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 rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-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-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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);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);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);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}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}: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([active]){pointer-events:none;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)}:host([disabled]){pointer-events:none;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)}.icon{padding-left:0px;padding-right:0px}";var s=o("mds_paginator_item",function(){function o(o){var t=this;e(this,o);this.km=new r;this.componentDidLoad=function(){t.km.addElement(t.host);t.km.attachClickBehavior()};this.componentDidUpdate=function(){if(!t.disabled&&!t.active){t.km.attachClickBehavior();return}t.km.detachClickBehavior()};this.disconnectedCallback=function(){t.km.detachClickBehavior()};this.icon=undefined;this.active=undefined;this.disabled=undefined}o.prototype.render=function(){return t(i,{tabindex:"0"},this.icon!==undefined?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))};Object.defineProperty(o.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return o}());s.style=n}}}));

package/dist/mds-paginator-item/p-6f0a5176.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as i,g as r}from"./p-cd35cb31.js";class e{constructor(){this.elements=[],this.handleClickBehaviorDispatchEvent=o=>{"Space"!==o.code&&"Enter"!==o.code&&"NumpadEnter"!==o.code||o.target.click()},this.handleEscapeBehaviorDispatchEvent=o=>{"Escape"===o.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(o,t="element")=>{this.elements[t]=o},this.attachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=o=>{this.escapeCallback=o,void 0!==typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=null,void 0!==typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const a=class{constructor(t){o(this,t),this.km=new e,this.componentDidLoad=()=>{this.km.addElement(this.host),this.km.attachClickBehavior()},this.componentDidUpdate=()=>{this.disabled||this.active?this.km.detachClickBehavior():this.km.attachClickBehavior()},this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.icon=void 0,this.active=void 0,this.disabled=void 0}render(){return t(i,{tabindex:"0"},void 0!==this.icon?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))}get host(){return r(this)}};a.style="@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 rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-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-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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);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);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);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}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}: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([active]){pointer-events:none;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)}:host([disabled]){pointer-events:none;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)}.icon{padding-left:0px;padding-right:0px}";export{a as mds_paginator_item}

package/www/build/p-632f225a.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-545e4388.system.js"],(function(o){"use strict";var e,t,i,a;return{setters:[function(o){e=o.r;t=o.h;i=o.H;a=o.g}],execute:function(){var r=function(){function o(){var o=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(o){if(o.code==="Space"||o.code==="Enter"||o.code==="NumpadEnter"){o.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(e){if(e.code==="Escape"&&o.escapeCallback){o.escapeCallback()}};this.addElement=function(e,t){if(t===void 0){t="element"}o.elements[t]=e};this.attachClickBehavior=function(e){if(e===void 0){e="element"}if(o.elements[e]){o.elements[e].addEventListener("keydown",o.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(e){if(e===void 0){e="element"}if(o.elements[e]){o.elements[e].removeEventListener("keydown",o.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(e){o.escapeCallback=e;if(typeof window!==undefined){window.addEventListener("keydown",o.handleEscapeBehaviorDispatchEvent.bind(o))}};this.detachEscapeBehavior=function(){o.escapeCallback=null;if(typeof window!==undefined){window.removeEventListener("keydown",o.handleEscapeBehaviorDispatchEvent.bind(o))}}}return o}();var n="@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 rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-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-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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);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);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);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}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}: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([active]){pointer-events:none;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)}:host([disabled]){pointer-events:none;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)}.icon{padding-left:0px;padding-right:0px}";var s=o("mds_paginator_item",function(){function o(o){var t=this;e(this,o);this.km=new r;this.componentDidLoad=function(){t.km.addElement(t.host);t.km.attachClickBehavior()};this.componentDidUpdate=function(){if(!t.disabled&&!t.active){t.km.attachClickBehavior();return}t.km.detachClickBehavior()};this.disconnectedCallback=function(){t.km.detachClickBehavior()};this.icon=undefined;this.active=undefined;this.disabled=undefined}o.prototype.render=function(){return t(i,{tabindex:"0"},this.icon!==undefined?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))};Object.defineProperty(o.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return o}());s.style=n}}}));

package/www/build/p-6f0a5176.entry.js

@@ -1 +0,0 @@
-import{r as o,h as t,H as i,g as r}from"./p-cd35cb31.js";class e{constructor(){this.elements=[],this.handleClickBehaviorDispatchEvent=o=>{"Space"!==o.code&&"Enter"!==o.code&&"NumpadEnter"!==o.code||o.target.click()},this.handleEscapeBehaviorDispatchEvent=o=>{"Escape"===o.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(o,t="element")=>{this.elements[t]=o},this.attachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(o="element")=>{this.elements[o]&&this.elements[o].removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=o=>{this.escapeCallback=o,void 0!==typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=null,void 0!==typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const a=class{constructor(t){o(this,t),this.km=new e,this.componentDidLoad=()=>{this.km.addElement(this.host),this.km.attachClickBehavior()},this.componentDidUpdate=()=>{this.disabled||this.active?this.km.detachClickBehavior():this.km.attachClickBehavior()},this.disconnectedCallback=()=>{this.km.detachClickBehavior()},this.icon=void 0,this.active=void 0,this.disabled=void 0}render(){return t(i,{tabindex:"0"},void 0!==this.icon?t("mds-icon",{name:this.icon}):t("mds-text",{class:"text",typography:"detail"},t("slot",null)))}get host(){return r(this)}};a.style="@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 rgba(0, 0, 0, 0.06), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--mds-paginator-item-shadow:none;--mds-paginator-item-size:2.25rem;outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-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-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-negative:0;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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);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);color:var(--mds-paginator-item-color);height:var(--mds-paginator-item-size);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}:host(:focus-visible){--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}: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([active]){pointer-events:none;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)}:host([disabled]){pointer-events:none;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)}.icon{padding-left:0px;padding-right:0px}";export{a as mds_paginator_item}