@maggioli-design-system/mds-table-row 1.0.1 → 1.2.1

package/dist/cjs/{index-e090c8aa.js → index-797b786c.js}

@@ -20,7 +20,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-const NAMESPACE = 'magma-components';
+const NAMESPACE = 'mds-table-row';
 
 let contentRef;
 let hostTagName;

package/dist/cjs/loader.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e090c8aa.js');
+const index = require('./index-797b786c.js');
 
 /*
- Stencil Client Patch Esm v2.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.13.0 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

package/dist/cjs/mds-table-row.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e090c8aa.js');
+const index = require('./index-797b786c.js');
 
 function toVal(mix) {
 	var k, y, str='';
@@ -45,7 +45,7 @@ function clsx () {
 	return str;
 }
 
-const mdsTableRowCss = ".static {\n\n  position: static;\n}\n\n.relative {\n\n  position: relative;\n}\n\n.table {\n\n  display: table;\n}\n\n.table-row {\n\n  display: table-row;\n}\n\n.shadow {\n\n  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);\n\n  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n\n  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n.filter {\n\n  -webkit-filter: var(--tw-filter);\n\n  filter: var(--tw-filter);\n}\n\n {\n\n  display: table-row;\n}\n\n.table-row {\n\n  border-bottom-width: 1px;\n\n  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-18)));\n}\n\n.table-row:last-child {\n\n  border-color: transparent;\n}\n\n.table-row:first-child .table-cell:first-child {\n  border-top-left-radius: var(--border-radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:first-child {\n  border-bottom-left-radius: var(--border-radius, 0.5rem);\n}\n\n.table-row:first-child .table-cell:last-child {\n  border-top-right-radius: var(--border-radius, 0.5rem);\n}\n\n.table-row:last-child .table-cell:last-child {\n  border-bottom-right-radius: var(--border-radius, 0.5rem);\n}\n\n.table-row:focus {\n\n  opacity: 0.5;\n}\n\n.table-row--interactive:hover .table-cell {\n  background-color: var(--background-row-hover, rgb(var(--adjust-tone-20)));\n}\n";
+const mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
 
 let MdsTableRow = class {
   constructor(hostRef) {
@@ -55,7 +55,7 @@ let MdsTableRow = class {
     this.interactive = event.detail;
   }
   render() {
-    return (index.h(index.Host, { class: clsx('table-row', this.interactive && 'table-row--interactive'), role: "row" }, index.h("slot", null)));
+    return (index.h(index.Host, { class: clsx(this.interactive && 'interactive'), role: "row" }, index.h("slot", null)));
   }
 };
 MdsTableRow.style = mdsTableRowCss;

package/dist/cjs/{magma-components.cjs.js → mds-table-row.cjs.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-const index = require('./index-e090c8aa.js');
+const index = require('./index-797b786c.js');
 
 /*
- Stencil Client Patch Browser v2.10.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.13.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('magma-components.cjs.js', document.baseURI).href));
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-table-row.cjs.js', document.baseURI).href));
     const opts = {};
     if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;

package/dist/collection/collection-manifest.json

@@ -1,10 +1,10 @@
 {
   "entries": [
-    "../mds-table-row.js"
+    "./components/mds-table-row/mds-table-row.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.10.0",
+    "version": "2.13.0",
     "typescriptVersion": "4.3.5"
   },
   "collections": [],

package/dist/collection/components/mds-table-row/mds-table-row.css

@@ -0,0 +1,59 @@
+.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-row-hover: The cell background-color when the mouse go over the table row element
+* @prop --border-color: The border color between table rows
+* @prop --radius: The radius of the table (header and footer excluded)
+*/
+
+mds-table-row {
+
+  display: table-row;
+
+  border-bottom-width: 1px;
+
+  border-bottom-color: var(--border-color, rgb(var(--adjust-tone-09)));
+  border-bottom-style: solid;
+}
+
+mds-table-row:last-child {
+
+  border-color: transparent;
+}
+
+mds-table-row:first-child mds-table-cell:first-child {
+  border-top-left-radius: var(--radius, 0.5rem);
+}
+
+mds-table-row:last-child mds-table-cell:first-child {
+  border-bottom-left-radius: var(--radius, 0.5rem);
+}
+
+mds-table-row:first-child mds-table-cell:last-child {
+  border-top-right-radius: var(--radius, 0.5rem);
+}
+
+mds-table-row:last-child mds-table-cell:last-child {
+  border-bottom-right-radius: var(--radius, 0.5rem);
+}
+
+mds-table-row:focus {
+
+  opacity: 0.5;
+}
+
+mds-table-row.interactive:hover mds-table-cell {
+  background-color: var(--background-row-hover, rgb(var(--adjust-tone))) !important;
+}

package/dist/{mds-table-row.js → collection/components/mds-table-row/mds-table-row.js}

@@ -5,7 +5,7 @@ export class MdsTableRow {
     this.interactive = event.detail;
   }
   render() {
-    return (h(Host, { class: clsx('table-row', this.interactive && 'table-row--interactive'), role: "row" },
+    return (h(Host, { class: clsx(this.interactive && 'interactive'), role: "row" },
       h("slot", null)));
   }
   static get is() { return "mds-table-row"; }

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/icon.js

@@ -0,0 +1,3 @@
+import mggIconsDictionary from '@maggioli-design-system/icons/dist/original/dictionary.json';
+const iconsDictionary = Object.keys(mggIconsDictionary).sort();
+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,43 @@
+const typographyDictionary = [
+  'action',
+  'caption',
+  'code',
+  'detail',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+  'hack',
+  'label',
+  'option',
+  'paragraph',
+  'tip',
+];
+const typographyMonoDictionary = [
+  'code',
+  'hack',
+];
+const typographyPrimaryDictionary = [
+  'action',
+  'h1',
+  'h2',
+  'h3',
+  'h4',
+  'h5',
+  'h6',
+];
+const typographySecondaryDictionary = [
+  'caption',
+  'detail',
+  'label',
+  'option',
+  'paragraph',
+  'tip',
+];
+const typographySmallerDictionary = [
+  'option',
+  'tip',
+];
+export { typographyDictionary, typographyMonoDictionary, typographyPrimaryDictionary, typographySecondaryDictionary, typographySmallerDictionary, };

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, };

package/dist/collection/fixtures/cities.js

@@ -0,0 +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',
+];
+export { citiesDictionary, };

package/dist/collection/interface/input-value.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/autocomplete.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/button.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/form-rel.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/input-value-type.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/loading.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/typography.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/variant.js

@@ -0,0 +1 @@
+export {};

package/dist/{custom-elements → components}/index.d.ts

@@ -1,25 +1,7 @@
-/* MagmaComponents custom elements bundle */
+/* MdsTableRow custom elements */
 
 import type { Components, JSX } from "../types/components";
 
-interface MdsTableRow extends Components.MdsTableRow, HTMLElement {}
-export const MdsTableRow: {
-  prototype: MdsTableRow;
-  new (): MdsTableRow;
-};
-
-/**
- * Utility to define all custom elements within this package using the tag name provided in the component's source. 
- * When defining each custom element, it will also check it's safe to define by:
- *
- * 1. Ensuring the "customElements" registry is available in the global context (window).
- * 2. The component tag name is not already defined.
- *
- * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define) 
- * method instead to define custom elements individually, or to provide a different tag name.
- */
-export declare const defineCustomElements: (opts?: any) => void;
-
 /**
  * Used to manually set the base path where assets can be found.
  * If the script is used as "module", it's recommended to use "import.meta.url",
@@ -36,7 +18,6 @@ export interface SetPlatformOptions {
   raf?: (c: FrameRequestCallback) => number;
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  ce?: (eventName: string, opts?: any) => CustomEvent;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
 

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/mds-table-row.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MdsTableRow extends Components.MdsTableRow, HTMLElement {}
+export const MdsTableRow: {
+  prototype: MdsTableRow;
+  new (): MdsTableRow;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/mds-table-row.js

@@ -0,0 +1,79 @@
+import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+
+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 mdsTableRowCss = ".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)}mds-table-row{display:table-row;border-bottom-width:1px;border-bottom-color:var(--border-color, rgb(var(--adjust-tone-09)));border-bottom-style:solid}mds-table-row:last-child{border-color:transparent}mds-table-row:first-child mds-table-cell:first-child{border-top-left-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:first-child{border-bottom-left-radius:var(--radius, 0.5rem)}mds-table-row:first-child mds-table-cell:last-child{border-top-right-radius:var(--radius, 0.5rem)}mds-table-row:last-child mds-table-cell:last-child{border-bottom-right-radius:var(--radius, 0.5rem)}mds-table-row:focus{opacity:0.5}mds-table-row.interactive:hover mds-table-cell{background-color:var(--background-row-hover, rgb(var(--adjust-tone))) !important}";
+
+let MdsTableRow$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+  }
+  tableInteractiveHandler(event) {
+    this.interactive = event.detail;
+  }
+  render() {
+    return (h(Host, { class: clsx(this.interactive && 'interactive'), role: "row" }, h("slot", null)));
+  }
+  static get style() { return mdsTableRowCss; }
+};
+MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(MdsTableRow$1, [4, "mds-table-row", {
+    "interactive": [32]
+  }, [[16, "tableInteractive", "tableInteractiveHandler"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["mds-table-row"];
+  components.forEach(tagName => { switch (tagName) {
+    case "mds-table-row":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MdsTableRow$1);
+      }
+      break;
+  } });
+}
+
+const MdsTableRow = MdsTableRow$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MdsTableRow, defineCustomElement };

package/dist/esm/{index-4e8ec826.js → index-7d849f54.js}

@@ -1,4 +1,4 @@
-const NAMESPACE = 'magma-components';
+const NAMESPACE = 'mds-table-row';
 
 let contentRef;
 let hostTagName;