@maggioli-design-system/mds-paginator-item 1.0.0

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e927fcce.js');
+
+/*
+ Stencil Client Patch Esm v2.17.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["mds-paginator-item.cjs",[[1,"mds-paginator-item",{"icon":[1],"active":[516],"disabled":[516]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

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

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-e927fcce.js');
+
+function toVal(mix) {
+	var k, y, str='';
+
+	if (typeof mix === 'string' || typeof mix === 'number') {
+		str += mix;
+	} else if (typeof mix === 'object') {
+		if (Array.isArray(mix)) {
+			for (k=0; k < mix.length; k++) {
+				if (mix[k]) {
+					if (y = toVal(mix[k])) {
+						str && (str += ' ');
+						str += y;
+					}
+				}
+			}
+		} else {
+			for (k in mix) {
+				if (mix[k]) {
+					str && (str += ' ');
+					str += k;
+				}
+			}
+		}
+	}
+
+	return str;
+}
+
+function clsx () {
+	var i=0, tmp, x, str='';
+	while (i < arguments.length) {
+		if (tmp = arguments[i++]) {
+			if (x = toVal(tmp)) {
+				str && (str += ' ');
+				str += x;
+			}
+		}
+	}
+	return str;
+}
+
+const mdsPaginatorItemCss = ".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{--background-disabled:rgb(var(--tone-neutral-09));--background-hover:rgb(var(--tone-neutral-08));--background-selected:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-09));--color-disabled:rgb(var(--tone-neutral-06));--color-hover:rgb(var(--tone-neutral-02));--color-selected:rgb(var(--tone-neutral));--color:rgb(var(--tone-neutral-02));--radius:200px;--shadow-disabled:none;--shadow-hover:none;--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);--shadow:none;--size:2.25rem;-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;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);color:var(--color);height:var(--size);min-width:var(--size)}:host(:hover){background-color:var(--background-hover);-webkit-box-shadow:var(--shadow-hover);box-shadow:var(--shadow-hover);color:var(--color-hover);fill:var(--color-hover)}:host([active]){pointer-events:none;background-color:var(--background-selected);-webkit-box-shadow:var(--shadow-selected);box-shadow:var(--shadow-selected);color:var(--color-selected);fill:var(--color-selected)}:host([disabled]){pointer-events:none;background-color:var(--background-disabled);-webkit-box-shadow:var(--shadow-disabled);box-shadow:var(--shadow-disabled);color:var(--color-disabled);fill:var(--color-disabled)}.icon{padding-left:0px;padding-right:0px}";
+
+const MdsPaginatorItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+  }
+  render() {
+    return (index.h(index.Host, { class: clsx(this.active && 'active', this.disabled && 'disabled', this.icon && 'icon') }, this.icon !== undefined
+      ? index.h("mds-icon", { name: this.icon })
+      : index.h("mds-text", { class: "text", typography: "detail" }, index.h("slot", null))));
+  }
+};
+MdsPaginatorItem.style = mdsPaginatorItemCss;
+
+exports.mds_paginator_item = MdsPaginatorItem;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-e927fcce.js');
+
+/*
+ Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-paginator-item.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["mds-paginator-item.cjs",[[1,"mds-paginator-item",{"icon":[1],"active":[516],"disabled":[516]}]]]], options);
+});

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "./components/mds-paginator-item/mds-paginator-item.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.17.0",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/mds-paginator-item/mds-paginator-item.css

@@ -0,0 +1,115 @@
+.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);
+
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+/*
+  * @prop --background-disabled: Sets the background-color of the item when is disabled
+  * @prop --background-hover: Sets the background-color of the item when the mouse is over it
+  * @prop --background-selected: Sets the background-color of the item when is selected
+  * @prop --background: Sets the background-color of the pages area and the item
+  * @prop --color-disabled: Sets the color of the item when is disabled
+  * @prop --color-hover: Sets the text color of the item when the mouse is over it
+  * @prop --color-selected: Sets the text color of the item when is selected
+  * @prop --color: Sets the text color of the component
+  * @prop --radius: Sets the border-radius of the component
+  * @prop --shadow-disabled: Sets the box-shadow of the item when is disabled
+  * @prop --shadow-hover: Sets the box-shadow of the item when the mouse is over it
+  * @prop --shadow-selected: Sets the box-shadow of the item when is selected
+  * @prop --shadow: Sets the box-shadow of the component
+  * @prop --size: Sets the height and the min-width of the paginator item
+  */
+
+:host {
+
+  --background-disabled: rgb(var(--tone-neutral-09));
+  --background-hover: rgb(var(--tone-neutral-08));
+  --background-selected: rgb(var(--brand-maggioli-03));
+  --background: rgb(var(--tone-neutral-09));
+  --color-disabled: rgb(var(--tone-neutral-06));
+  --color-hover: rgb(var(--tone-neutral-02));
+  --color-selected: rgb(var(--tone-neutral));
+  --color: rgb(var(--tone-neutral-02));
+  --radius: 200px;
+  --shadow-disabled: none;
+  --shadow-hover: none;
+  --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);
+  --shadow: none;
+  --size: 2.25rem;
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-shrink: 0;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  align-items: center;
+  justify-content: center;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+
+  background-color: var(--background);
+  border-radius: var(--radius);
+  box-shadow: var(--shadow);
+  color: var(--color);
+  height: var(--size);
+  min-width: var(--size);
+}
+
+:host( :hover ) {
+  background-color: var(--background-hover);
+  box-shadow: var(--shadow-hover);
+  color: var(--color-hover);
+  fill: var(--color-hover);
+}
+
+:host ( [active]) {
+
+  pointer-events: none;
+
+  background-color: var(--background-selected);
+  box-shadow: var(--shadow-selected);
+  color: var(--color-selected);
+  fill: var(--color-selected);
+}
+
+:host ( [disabled]) {
+
+  pointer-events: none;
+
+  background-color: var(--background-disabled);
+  box-shadow: var(--shadow-disabled);
+  color: var(--color-disabled);
+  fill: var(--color-disabled);
+}
+
+.icon {
+
+  padding-left: 0px;
+
+  padding-right: 0px;
+}

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

@@ -0,0 +1,71 @@
+import { Component, Host, h, Prop } from '@stencil/core';
+import clsx from 'clsx';
+export class MdsPaginatorItem {
+  render() {
+    return (h(Host, { class: clsx(this.active && 'active', this.disabled && 'disabled', this.icon && 'icon') }, this.icon !== undefined
+      ? h("mds-icon", { name: this.icon })
+      : h("mds-text", { class: "text", typography: "detail" },
+        h("slot", null))));
+  }
+  static get is() { return "mds-paginator-item"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["mds-paginator-item.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["mds-paginator-item.css"]
+  }; }
+  static get properties() { return {
+    "icon": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Specifies the icon used inside the paginator item"
+      },
+      "attribute": "icon",
+      "reflect": false
+    },
+    "active": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Specifies if the item is active or not, is handled from the parent paginator"
+      },
+      "attribute": "active",
+      "reflect": true
+    },
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Specifies if the item is disabled or not, is handled from the parent paginator"
+      },
+      "attribute": "disabled",
+      "reflect": true
+    }
+  }; }
+}

package/dist/collection/dictionary/autocomplete.js

@@ -0,0 +1,59 @@
+const autoCompleteDictionary = [
+  'additional-name',
+  'address',
+  'address-level1',
+  'address-level2',
+  'address-level3',
+  'address-level4',
+  'address-line1',
+  'address-line2',
+  'address-line3',
+  'bday',
+  'bday-day',
+  'bday-month',
+  'bday-year',
+  'cc-additional-name',
+  'cc-csc',
+  'cc-exp',
+  'cc-exp-month',
+  'cc-exp-year',
+  'cc-family-name',
+  'cc-family-name',
+  'cc-given-name',
+  'cc-name',
+  'cc-number',
+  'cc-type',
+  'country',
+  'country-name',
+  'current-password',
+  'email',
+  'family-name',
+  'given-name',
+  'honorific-prefix',
+  'honorific-suffix',
+  'impp',
+  'language',
+  'name',
+  'new-password',
+  'nickname',
+  'off',
+  'on',
+  'one-time-code',
+  'organization',
+  'organization-title',
+  'photo',
+  'postal-code',
+  'sex',
+  'street-address',
+  'tel',
+  'tel-area-code',
+  'tel-country-code',
+  'tel-extension',
+  'tel-local',
+  'tel-national',
+  'transaction-amount',
+  'transaction-currency',
+  'url',
+  'username',
+];
+export { autoCompleteDictionary, };

package/dist/collection/dictionary/button.js

@@ -0,0 +1,26 @@
+const buttonVariantDictionary = [
+  'dark',
+  'error',
+  'info',
+  'light',
+  'primary',
+  'success',
+  'warning',
+];
+const buttonToneVariantDictionary = [
+  'strong',
+  'weak',
+  'ghost',
+  'quiet',
+];
+const buttonSizeDictionary = [
+  'sm',
+  'md',
+  'lg',
+  'xl',
+];
+const buttonIconPositionDictionary = [
+  'left',
+  'right',
+];
+export { buttonSizeDictionary, buttonToneVariantDictionary, buttonVariantDictionary, buttonIconPositionDictionary, };

package/dist/collection/dictionary/color.js

@@ -0,0 +1,19 @@
+const colorLabelDictionary = [
+  'amaranth',
+  'aqua',
+  'blue',
+  'green',
+  'lime',
+  'orange',
+  'orchid',
+  'sky',
+  'violet',
+  'yellow',
+];
+const colorStatusDictionary = [
+  'error',
+  'info',
+  'success',
+  'warning',
+];
+export { colorLabelDictionary, colorStatusDictionary, };

package/dist/collection/dictionary/floating-ui.js

@@ -0,0 +1,19 @@
+const floatingUIPlacementDictionary = [
+  'bottom',
+  'bottom-end',
+  'bottom-start',
+  'left',
+  'left-end',
+  'left-start',
+  'right',
+  'right-end',
+  'right-start',
+  'top',
+  'top-end',
+  'top-start',
+];
+const floatingUIStrategyDictionary = [
+  'absolute',
+  'fixed',
+];
+export { floatingUIPlacementDictionary, floatingUIStrategyDictionary, };

package/dist/collection/dictionary/icon.js

@@ -0,0 +1,3 @@
+import jsonIconsDictionary from '../fixtures/icons.json';
+const iconsDictionary = jsonIconsDictionary;
+export { iconsDictionary, };

package/dist/collection/dictionary/input-text-type.js

@@ -0,0 +1,13 @@
+const inputTextTypeDictionary = [
+  'date',
+  'email',
+  'number',
+  'password',
+  'search',
+  'tel',
+  'text',
+  'textarea',
+  'time',
+  'url',
+];
+export { inputTextTypeDictionary, };

package/dist/collection/dictionary/loading.js

@@ -0,0 +1,5 @@
+const loadingDictionary = [
+  'eager',
+  'lazy',
+];
+export { loadingDictionary, };

package/dist/collection/dictionary/typography.js

@@ -0,0 +1,59 @@
+const typographyDictionary = [
+  'action',
+  'caption',
+  'code',
+  'detail',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+  'hack',
+  'label',
+  'option',
+  'paragraph',
+  'tip',
+];
+const typographyVariationsDictionary = [
+  'title',
+  'info',
+  'read',
+  'mono',
+];
+const typographyMonoDictionary = [
+  'code',
+  'hack',
+];
+const typographyTitleDictionary = [
+  'action',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+];
+const typographyInfoDictionary = [
+  'caption',
+  'detail',
+  'label',
+  'option',
+  'paragraph',
+  'tip',
+];
+const typographyReadDictionary = [
+  'caption',
+  'detail',
+  'paragraph',
+];
+const typographySmallerDictionary = [
+  'option',
+  'tip',
+];
+const typographyTooltipDictionary = [
+  'caption',
+  'detail',
+  'tip',
+];
+export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };

package/dist/collection/dictionary/variant.js

@@ -0,0 +1,65 @@
+const themeVariantDictionary = [
+  'dark',
+  'error',
+  'info',
+  'light',
+  'primary',
+  'success',
+  'warning',
+];
+const themeLuminanceVariantDictionary = [
+  'dark',
+  'light',
+];
+const themeStatusVariantDictionary = [
+  'error',
+  'info',
+  'success',
+  'warning',
+];
+const themeFullVariantDictionary = [
+  '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',
+];
+const toneVariantDictionary = [
+  'strong',
+  'weak',
+  'ghost',
+  'quiet',
+];
+const toneSimpleVariantDictionary = [
+  'strong',
+  'weak',
+  'quiet',
+];
+const toneMinimalVariantDictionary = [
+  'strong',
+  'weak',
+];
+export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };