@maggioli-design-system/mds-input-range 1.0.1 → 1.2.0

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-07-29T15:14:42",
+  "timestamp": "2024-09-05T13:46:08",
   "compiler": {
     "name": "node",
     "version": "20.10.0"
@@ -9,16 +9,17 @@
     "fsNamespace": "mds-input-range",
     "components": 1,
     "entries": 1,
-    "bundles": 81,
+    "bundles": 89,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 40,
+        "files": 41,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
           "./dist/collection/common/file.js",
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
+          "./dist/collection/common/locale.js",
           "./dist/collection/common/unit.js",
           "./dist/collection/common/yugop/core.js",
           "./dist/collection/common/yugop/index.js",
@@ -28,7 +29,6 @@
           "./dist/collection/common/yugop/utils/prng.js",
           "./dist/collection/common/yugop/utils/string.js",
           "./dist/collection/components/mds-input-range/mds-input-range.js",
-          "./dist/collection/components/mds-input-range/test/mds-input-range.e2e.js",
           "./dist/collection/components/mds-input-range/test/mds-input-range.stories.js",
           "./dist/collection/dictionary/autocomplete.js",
           "./dist/collection/dictionary/button.js",
@@ -51,6 +51,7 @@
           "./dist/collection/type/form-rel.js",
           "./dist/collection/type/input.js",
           "./dist/collection/type/loading.js",
+          "./dist/collection/type/preference.js",
           "./dist/collection/type/text.js",
           "./dist/collection/type/typography.js",
           "./dist/collection/type/variant-file-format.js",
@@ -69,19 +70,22 @@
       },
       {
         "name": "dist-lazy",
-        "files": 35,
+        "files": 42,
         "generatedFiles": [
-          "./dist/cjs/index-5f49298d.js",
+          "./dist/cjs/app-globals-3a1e7e63.js",
+          "./dist/cjs/index-a544b1ef.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-input-range.cjs.entry.js",
           "./dist/cjs/mds-input-range.cjs.js",
-          "./dist/esm-es5/index-1ed4544f.js",
+          "./dist/esm-es5/app-globals-0f993ce5.js",
+          "./dist/esm-es5/index-9cf44097.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-input-range.entry.js",
           "./dist/esm-es5/mds-input-range.js",
-          "./dist/esm/index-1ed4544f.js",
+          "./dist/esm/app-globals-0f993ce5.js",
+          "./dist/esm/index-9cf44097.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-input-range.entry.js",
@@ -91,21 +95,25 @@
           "./dist/mds-input-range/index.esm.js",
           "./dist/mds-input-range/mds-input-range.esm.js",
           "./dist/mds-input-range/mds-input-range.js",
-          "./dist/mds-input-range/p-1afe8cf0.system.entry.js",
+          "./dist/mds-input-range/p-47995aad.system.entry.js",
           "./dist/mds-input-range/p-50ea2036.system.js",
-          "./dist/mds-input-range/p-5dcf9ad8.js",
-          "./dist/mds-input-range/p-7a418e68.system.js",
-          "./dist/mds-input-range/p-c87cd964.entry.js",
-          "./dist/mds-input-range/p-e5d9d1a5.system.js",
+          "./dist/mds-input-range/p-51b9684c.system.js",
+          "./dist/mds-input-range/p-54651c4c.js",
+          "./dist/mds-input-range/p-56ba5cbf.system.js",
+          "./dist/mds-input-range/p-b8731af1.entry.js",
+          "./dist/mds-input-range/p-ca462756.system.js",
+          "./dist/mds-input-range/p-e1255160.js",
           "./www/build/index.esm.js",
           "./www/build/mds-input-range.esm.js",
           "./www/build/mds-input-range.js",
-          "./www/build/p-1afe8cf0.system.entry.js",
+          "./www/build/p-47995aad.system.entry.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-5dcf9ad8.js",
-          "./www/build/p-7a418e68.system.js",
-          "./www/build/p-c87cd964.entry.js",
-          "./www/build/p-e5d9d1a5.system.js"
+          "./www/build/p-51b9684c.system.js",
+          "./www/build/p-54651c4c.js",
+          "./www/build/p-56ba5cbf.system.js",
+          "./www/build/p-b8731af1.entry.js",
+          "./www/build/p-ca462756.system.js",
+          "./www/build/p-e1255160.js"
         ]
       },
       {
@@ -138,12 +146,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-c87cd964",
-        "fileName": "p-c87cd964.entry.js",
+        "bundleId": "p-b8731af1",
+        "fileName": "p-b8731af1.entry.js",
         "imports": [
-          "p-5dcf9ad8.js"
+          "p-54651c4c.js"
         ],
-        "originalByteSize": 9822
+        "originalByteSize": 18953
       }
     ],
     "esm": [
@@ -155,9 +163,9 @@
         "bundleId": "mds-input-range",
         "fileName": "mds-input-range.entry.js",
         "imports": [
-          "index-1ed4544f.js"
+          "index-9cf44097.js"
         ],
-        "originalByteSize": 9826
+        "originalByteSize": 18957
       }
     ],
     "es5": [
@@ -169,9 +177,9 @@
         "bundleId": "mds-input-range",
         "fileName": "mds-input-range.entry.js",
         "imports": [
-          "index-1ed4544f.js"
+          "index-9cf44097.js"
         ],
-        "originalByteSize": 9826
+        "originalByteSize": 18957
       }
     ],
     "system": [
@@ -180,12 +188,12 @@
         "components": [
           "mds-input-range"
         ],
-        "bundleId": "p-1afe8cf0.system",
-        "fileName": "p-1afe8cf0.system.entry.js",
+        "bundleId": "p-47995aad.system",
+        "fileName": "p-47995aad.system.entry.js",
         "imports": [
-          "p-e5d9d1a5.system.js"
+          "p-51b9684c.system.js"
         ],
-        "originalByteSize": 10502
+        "originalByteSize": 19639
       }
     ],
     "commonjs": [
@@ -197,9 +205,9 @@
         "bundleId": "mds-input-range.cjs",
         "fileName": "mds-input-range.cjs.entry.js",
         "imports": [
-          "index-5f49298d.js"
+          "index-a544b1ef.js"
         ],
-        "originalByteSize": 9921
+        "originalByteSize": 19058
       }
     ]
   },
@@ -216,7 +224,12 @@
       "directDependencies": [],
       "directDependents": [],
       "docs": {
-        "tags": [],
+        "tags": [
+          {
+            "name": "part",
+            "text": "header - The element containing the labels displayed over the input element"
+          }
+        ],
         "text": ""
       },
       "encapsulation": "shadow",
@@ -495,31 +508,41 @@
             {
               "name": "--mds-input-range-thumb-size",
               "docs": "Sets the thumb width and height of the component",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
             {
               "name": "--mds-input-range-thumb-background",
               "docs": "",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
             {
               "name": "--mds-input-range-track-background",
               "docs": "",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
             {
               "name": "--mds-input-range-track-size",
               "docs": "",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             },
             {
               "name": "--mds-input-range-track-progress-background",
               "docs": "",
-              "annotation": "prop"
+              "annotation": "prop",
+              "mode": "$"
             }
           ],
           "docs": {
-            "tags": [],
+            "tags": [
+              {
+                "name": "part",
+                "text": "header - The element containing the labels displayed over the input element"
+              }
+            ],
             "text": ""
           },
           "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-input-range/src/components/mds-input-range/mds-input-range.js",
@@ -562,7 +585,7 @@
           "hasVdomXlink": false,
           "hasVdomClass": true,
           "hasVdomFunctional": false,
-          "hasVdomKey": false,
+          "hasVdomKey": true,
           "hasVdomListener": true,
           "hasVdomPropOrAttr": true,
           "hasVdomRef": false,
@@ -572,7 +595,9 @@
           "hasWatchCallback": true,
           "isPlain": false,
           "htmlAttrNames": [
+            "key",
             "class",
+            "part",
             "typography",
             "style",
             "max",
@@ -589,7 +614,9 @@
             "div",
             "input"
           ],
-          "htmlParts": [],
+          "htmlParts": [
+            "header"
+          ],
           "isUpdateable": true,
           "potentialCmpRefs": [
             "mds-text"
@@ -605,7 +632,7 @@
   ],
   "componentGraph": {
     "sc-mds-input-range": [
-      "p-5dcf9ad8.js"
+      "p-54651c4c.js"
     ]
   },
   "sourceGraph": {
@@ -613,6 +640,7 @@
     "./src/common/file.ts": [],
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
+    "./src/common/locale.ts": [],
     "./src/common/unit.ts": [],
     "./src/common/yugop/core.ts": [
       "./src/common/yugop/utils/math",
@@ -631,7 +659,6 @@
     "./src/common/yugop/utils/prng.ts": [],
     "./src/common/yugop/utils/string.ts": [],
     "./src/components/mds-input-range/mds-input-range.tsx": [],
-    "./src/components/mds-input-range/test/mds-input-range.e2e.ts": [],
     "./src/components/mds-input-range/test/mds-input-range.stories.tsx": [],
     "./src/dictionary/autocomplete.ts": [],
     "./src/dictionary/button.ts": [],
@@ -657,6 +684,7 @@
     "./src/type/form-rel.ts": [],
     "./src/type/input.ts": [],
     "./src/type/loading.ts": [],
+    "./src/type/preference.ts": [],
     "./src/type/text.ts": [],
     "./src/type/typography.ts": [],
     "./src/type/variant-file-format.ts": [],

package/dist/types/common/locale.d.ts

@@ -0,0 +1,15 @@
+type LocaleConfig = {
+    it?: Record<string, string | string[]>;
+    en?: Record<string, string | string[]>;
+    gr?: Record<string, string | string[]>;
+};
+export declare class Locale {
+    defaultLanguage: string;
+    language: string;
+    config: LocaleConfig;
+    constructor(configData: LocaleConfig);
+    lang: (element: HTMLElement) => void;
+    private pluralize;
+    get: (tag: string | string[], context?: Record<string, string | number>) => string;
+}
+export {};

package/dist/types/components/mds-input-range/mds-input-range.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @part header - The element containing the labels displayed over the input element
+ */
 export declare class MdsInputRange {
     private progress;
     private inputElement;

package/dist/types/components/mds-input-range/test/mds-input-range.stories.d.ts

@@ -37,3 +37,4 @@ export declare const Min: any;
 export declare const Max: any;
 export declare const Step: any;
 export declare const Value: any;
+export declare const HideHeader: any;

package/dist/types/stencil-public-runtime.d.ts

@@ -768,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -794,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -921,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -979,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -993,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1104,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1129,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1218,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/dist/types/type/preference.d.ts

@@ -0,0 +1,2 @@
+export type UIPreferenceType = 'animation' | 'consumption' | 'contrast' | 'theme';
+export type ConsumptionModeType = 'high' | 'medium' | 'low';

package/documentation.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2024-07-29T15:05:26",
+  "timestamp": "2024-09-05T13:13:09",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.10.0",
-    "typescriptVersion": "5.3.3"
+    "version": "4.21.0",
+    "typescriptVersion": "5.5.3"
   },
   "components": [
     {
@@ -12,7 +12,12 @@
       "tag": "mds-input-range",
       "readme": "# mds-input-range\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
       "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
-      "docsTags": [],
+      "docsTags": [
+        {
+          "name": "part",
+          "text": "header - The element containing the labels displayed over the input element"
+        }
+      ],
       "usage": {},
       "props": [
         {
@@ -149,7 +154,12 @@
         }
       ],
       "slots": [],
-      "parts": [],
+      "parts": [
+        {
+          "name": "header",
+          "docs": "The element containing the labels displayed over the input element"
+        }
+      ],
       "dependents": [],
       "dependencies": [
         "mds-text"
@@ -332,26 +342,6 @@
       "docstring": "",
       "path": "src/components/mds-filter-item/meta/event-detail.ts"
     },
-    "src/components/mds-form/meta/types.ts::CharacterSetType": {
-      "declaration": "export type CharacterSetType =\n  | '8859-1'\n  | 'ansi'\n  | 'ascii'\n  | 'utf-8'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::FormAutocompleteType": {
-      "declaration": "export type FormAutocompleteType =\n  | 'off'\n  | 'on'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::EnctypeType": {
-      "declaration": "export type EnctypeType =\n  | 'application/x-www-form-urlencoded'\n  | 'multipart/form-data'\n  | 'text/plain'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
-    "src/components/mds-form/meta/types.ts::FormMethodType": {
-      "declaration": "export type FormMethodType =\n  | 'get'\n  | 'post'",
-      "docstring": "",
-      "path": "src/components/mds-form/meta/types.ts"
-    },
     "src/components/mds-header-bar/meta/types.ts::MenuType": {
       "declaration": "export type MenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
       "docstring": "",
@@ -462,6 +452,16 @@
       "docstring": "",
       "path": "src/components/mds-input-switch/meta/event-detail.ts"
     },
+    "src/components/mds-input-tip/meta/types.ts::InputTipPositionType": {
+      "declaration": "export type InputTipPositionType =\n  | 'top'\n  | 'bottom'",
+      "docstring": "",
+      "path": "src/components/mds-input-tip/meta/types.ts"
+    },
+    "src/components/mds-input-tip-item/meta/types.ts::InputTipItemVariantType": {
+      "declaration": "export type InputTipItemVariantType =\n  | 'required'\n  | 'required-success'\n  | 'disabled'\n  | 'readonly'\n  | 'text'",
+      "docstring": "",
+      "path": "src/components/mds-input-tip-item/meta/types.ts"
+    },
     "src/components/mds-input-upload/meta/types.ts::AttachmentSort": {
       "declaration": "type AttachmentSort =\n  'status' |\n  'date'",
       "docstring": "",
@@ -502,6 +502,31 @@
       "docstring": "",
       "path": "src/components/mds-paginator/meta/event-detail.ts"
     },
+    "src/components/mds-pref-animation/meta/types.ts::AnimationModeType": {
+      "declaration": "export type AnimationModeType =\n  | 'reduce'\n  | 'no-preference'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-animation/meta/types.ts"
+    },
+    "src/type/preference.ts::ConsumptionModeType": {
+      "declaration": "export type ConsumptionModeType =\n  | 'high'\n  | 'medium'\n  | 'low'",
+      "docstring": "",
+      "path": "src/type/preference.ts"
+    },
+    "src/components/mds-pref-contrast/meta/types.ts::ContrastModeType": {
+      "declaration": "export type ContrastModeType =\n  | 'more'\n  | 'no-preference'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-contrast/meta/types.ts"
+    },
+    "src/components/mds-pref-theme/meta/types.ts::ThemeModeType": {
+      "declaration": "export type ThemeModeType =\n  | 'light'\n  | 'dark'\n  | 'system'",
+      "docstring": "",
+      "path": "src/components/mds-pref-theme/meta/types.ts"
+    },
+    "src/components/mds-pref-theme/meta/types.ts::ThemeTransitionType": {
+      "declaration": "export type ThemeTransitionType =\n  | 'none'\n  | 'flash'\n  | 'smooth'",
+      "docstring": "",
+      "path": "src/components/mds-pref-theme/meta/types.ts"
+    },
     "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType": {
       "declaration": "export type PriceTableFeaturesCellType =\n  | 'custom'\n  | 'label'\n  | 'supported'\n  | 'text'\n  | 'unsupported'",
       "docstring": "",

package/loader/cdn.js

@@ -1,3 +1,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.cjs.js

@@ -1,3 +1,2 @@
-
 module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.d.ts

@@ -9,6 +9,9 @@ export interface CustomElementsDefineOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/loader/index.es2017.js

@@ -1,3 +1,2 @@
-
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -1,4 +1,3 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm-es5/loader.js';
+export * from '../dist/esm-es5/loader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-input-range",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "description": "mds-input-range is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,9 +24,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/styles": "14.3.2",
-    "@maggioli-design-system/mds-text": "4.3.6",
-    "@stencil/core": "4.10.0"
+    "@maggioli-design-system/styles": "15.3.0",
+    "@maggioli-design-system/mds-text": "4.4.0",
+    "@stencil/core": "4.21.0"
   },
   "license": "MIT",
   "author": {
@@ -36,14 +36,14 @@
   },
   "contributors": [
     {
-        "name": "Nicola Tamburini",
-        "email": "nicola.tamburini@maggioli.it",
-        "role": "Software Engineer"
+      "name": "Nicola Tamburini",
+      "email": "nicola.tamburini@maggioli.it",
+      "role": "Software Engineer"
     },
     {
-        "name": "Vittorio Vittori",
-        "email": "vittorio.vittori@maggioli.it",
-        "role": "Product Designer"
+      "name": "Vittorio Vittori",
+      "email": "vittorio.vittori@maggioli.it",
+      "role": "Product Designer"
     }
   ]
 }

package/readme.md

@@ -24,6 +24,13 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 | `mdsInputRangeChange` | Emits when the input range is changed | `CustomEvent<number>` |
 
 
+## Shadow Parts
+
+| Part       | Description                                                        |
+| ---------- | ------------------------------------------------------------------ |
+| `"header"` | The element containing the labels displayed over the input element |
+
+
 ## CSS Custom Properties
 
 | Name                                          | Description                                      |