@maggioli-design-system/mds-progress 1.0.0

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/index.d.ts

@@ -0,0 +1,45 @@
+/* MdsProgress custom elements bundle */
+
+import type { Components, JSX } from "../types/components";
+
+interface MdsProgress extends Components.MdsProgress, HTMLElement {}
+export const MdsProgress: {
+  prototype: MdsProgress;
+  new (): MdsProgress;
+};
+
+/**
+ * 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",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+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;
+
+export type { Components, JSX };
+
+export * from '../types/components';

package/dist/custom-elements/index.js

@@ -0,0 +1,45 @@
+import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+
+const mdsProgressCss = "@tailwind utilities; :host{--background:rgb(var(--adjust-tone-09));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-transition-property:background-color, border-color, color, fill, stroke;transition-property:background-color, border-color, color, fill, stroke;-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}@tailwind utilities; :host([variant=dark]){--progress-background:rgb(var(--adjust-tone-03));--background:rgb(var(--adjust-tone-09))}@tailwind utilities; :host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}@tailwind utilities; :host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}@tailwind utilities; :host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-04))}@tailwind utilities; :host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);-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([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}";
+
+let MdsProgress$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * A value between 0 and 1 that rapresents the status progress
+     */
+    this.progress = 0;
+    /**
+     * Specifies the direction of the progress bar, if horizonatl or vertical
+     */
+    this.direction = 'horizontal';
+    /**
+     * Sets the theme variant colors
+     */
+    this.variant = 'dark';
+  }
+  render() {
+    return (h(Host, { class: this.direction }, h("div", { class: "progress", style: this.direction === 'horizontal'
+        ? { flexGrow: `${this.progress}` }
+        : { flexGrow: `${this.progress}`, width: '100%' } })));
+  }
+  static get style() { return mdsProgressCss; }
+};
+
+const MdsProgress = /*@__PURE__*/proxyCustomElement(MdsProgress$1, [1,"mds-progress",{"progress":[2],"direction":[1],"variant":[513]}]);
+const defineCustomElements = (opts) => {
+  if (typeof customElements !== 'undefined') {
+    [
+      MdsProgress
+    ].forEach(cmp => {
+      if (!customElements.get(cmp.is)) {
+        customElements.define(cmp.is, cmp, opts);
+      }
+    });
+  }
+};
+
+export { MdsProgress, defineCustomElements };