@maggioli-design-system/mds-paginator-item 2.9.2 → 2.9.3

package/dist/collection/common/date.js

@@ -0,0 +1,13 @@
+// ISO 8601 date regex allowing optional components (month, day, time)
+const ISO8601RegexString = '^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$';
+const isISO8601Date = (dateString) => {
+    const ISO8601Regex = new RegExp(ISO8601RegexString);
+    return ISO8601Regex.test(dateString);
+};
+const sanitizeISO8601Date = (dateString) => {
+    if (isISO8601Date(dateString)) {
+        return dateString;
+    }
+    return new Date(dateString).toISOString();
+};
+export { sanitizeISO8601Date, isISO8601Date, };

package/dist/collection/common/locale.js

@@ -2,15 +2,19 @@ import Handlebars from "handlebars";
 export class Locale {
     constructor(configData) {
         this.rollbackLanguage = 'en';
+        this.set = (configData) => {
+            this.config = configData;
+        };
         this.lang = (element) => {
             this.closestElement = element.closest('[lang]');
             if (this.closestElement) {
                 if (this.closestElement.lang) {
                     this.language = this.closestElement.lang;
-                    return;
+                    return this.language;
                 }
             }
             this.language = this.rollbackLanguage;
+            return this.language;
         };
         this.pluralize = (tag, context) => {
             const languagePhrase = this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];
@@ -43,6 +47,8 @@ export class Locale {
             }
             return this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag];
         };
-        this.config = configData;
+        if (configData) {
+            this.set(configData);
+        }
     }
 }

package/dist/collection/dictionary/button.js

@@ -27,4 +27,9 @@ const buttonIconPositionDictionary = [
     'left',
     'right',
 ];
-export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };
+const buttonTypeDictionary = [
+    'button',
+    'submit',
+    'reset',
+];
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };

package/dist/collection/dictionary/variant.js

@@ -83,8 +83,13 @@ const toneSimpleVariantDictionary = [
     'weak',
     'quiet',
 ];
+const toneSmartVariantDictionary = [
+    'strong',
+    'weak',
+    'ghost',
+];
 const toneMinimalVariantDictionary = [
     'strong',
     'weak',
 ];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

package/dist/collection/type/date.js

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

package/dist/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-17T05:59:28",
+  "timestamp": "2024-09-26T11:00:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-17T05:59:28",
+  "timestamp": "2024-09-26T11:00:33",
   "compiler": {
     "name": "node",
     "version": "20.10.0"
@@ -9,13 +9,14 @@
     "fsNamespace": "mds-paginator-item",
     "components": 1,
     "entries": 1,
-    "bundles": 89,
+    "bundles": 91,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 41,
+        "files": 43,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/date.js",
           "./dist/collection/common/file.js",
           "./dist/collection/common/icon.js",
           "./dist/collection/common/keyboard-manager.js",
@@ -45,6 +46,7 @@
           "./dist/collection/interface/input-value.js",
           "./dist/collection/type/autocomplete.js",
           "./dist/collection/type/button.js",
+          "./dist/collection/type/date.js",
           "./dist/collection/type/file-types.js",
           "./dist/collection/type/floating-ui.js",
           "./dist/collection/type/form-rel.js",
@@ -578,6 +580,7 @@
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
+    "./src/common/date.ts": [],
     "./src/common/file.ts": [],
     "./src/common/icon.ts": [],
     "./src/common/keyboard-manager.ts": [],
@@ -619,6 +622,7 @@
     "./src/interface/input-value.ts": [],
     "./src/type/autocomplete.ts": [],
     "./src/type/button.ts": [],
+    "./src/type/date.ts": [],
     "./src/type/file-types.ts": [],
     "./src/type/floating-ui.ts": [],
     "./src/type/form-rel.ts": [],

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

@@ -0,0 +1,4 @@
+import { ISO8601Date } from '@type/date';
+declare const isISO8601Date: (dateString: string) => boolean;
+declare const sanitizeISO8601Date: (dateString: string) => ISO8601Date;
+export { sanitizeISO8601Date, isISO8601Date, };

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

@@ -9,8 +9,9 @@ export declare class Locale {
     language: string;
     config: LocaleConfig;
     closestElement: HTMLElement;
-    constructor(configData: LocaleConfig);
-    lang: (element: HTMLElement) => void;
+    constructor(configData?: LocaleConfig);
+    set: (configData: LocaleConfig) => void;
+    lang: (element: HTMLElement) => string;
     private pluralize;
     get: (tag: string | string[], context?: Record<string, string | number>) => string;
 }

package/dist/types/dictionary/button.d.ts

@@ -3,4 +3,5 @@ declare const buttonToneVariantDictionary: string[];
 declare const buttonTargetDictionary: string[];
 declare const buttonSizeDictionary: string[];
 declare const buttonIconPositionDictionary: string[];
-export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonVariantDictionary, };
+declare const buttonTypeDictionary: string[];
+export { buttonIconPositionDictionary, buttonSizeDictionary, buttonTargetDictionary, buttonToneVariantDictionary, buttonTypeDictionary, buttonVariantDictionary, };

package/dist/types/dictionary/variant.d.ts

@@ -7,5 +7,6 @@ declare const themeLabelVariantDictionary: string[];
 declare const toneVariantDictionary: string[];
 declare const toneActionVariantDictionary: string[];
 declare const toneSimpleVariantDictionary: string[];
+declare const toneSmartVariantDictionary: string[];
 declare const toneMinimalVariantDictionary: string[];
-export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
+export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };

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

@@ -0,0 +1,5 @@
+type ISO8601DateFormat<K, T> = K & {
+    __isISO8601DateFormat: T;
+};
+type ISO8601Date = ISO8601DateFormat<string, 'ISO8601Date'>;
+export { ISO8601Date, };

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

@@ -8,5 +8,5 @@ export type ActionVariantType = 'primary' | 'dark' | 'light';
 export type StateVariantType = 'disabled' | 'focused' | 'readonly';
 export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet';
 export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
-export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
+export type ToneSimpleVariantType = 'quiet' | 'strong' | 'weak';
 export type ToneMinimalVariantType = 'strong' | 'weak';

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-17T03:14:28",
+  "timestamp": "2024-09-26T07:00:37",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",
@@ -229,8 +229,8 @@
       "docstring": "",
       "path": "src/type/variant.ts"
     },
-    "src/type/variant.ts::ToneSimpleVariantType": {
-      "declaration": "export type ToneSimpleVariantType =\n  | 'strong'\n  | 'weak'\n  | 'quiet'",
+    "src/type/variant.ts::ToneVariantType": {
+      "declaration": "export type ToneVariantType =\n  | 'strong' // background strong\n  | 'weak' // background weak\n  | 'ghost' // bordered\n  | 'quiet'",
       "docstring": "",
       "path": "src/type/variant.ts"
     },
@@ -254,6 +254,11 @@
       "docstring": "",
       "path": "src/type/variant.ts"
     },
+    "src/type/variant.ts::ToneSimpleVariantType": {
+      "declaration": "export type ToneSimpleVariantType =\n  | 'quiet'\n  | 'strong'\n  | 'weak'",
+      "docstring": "",
+      "path": "src/type/variant.ts"
+    },
     "src/components/mds-benchmark-bar/meta/types.ts::BenchmarkBarTypographyType": {
       "declaration": "export type BenchmarkBarTypographyType =\n  | 'option'\n  | 'label'",
       "docstring": "",
@@ -294,11 +299,6 @@
       "docstring": "",
       "path": "src/type/button.ts"
     },
-    "src/type/variant.ts::ToneVariantType": {
-      "declaration": "export type ToneVariantType =\n  | 'strong' // background strong\n  | 'weak' // background weak\n  | 'ghost' // bordered\n  | 'quiet'",
-      "docstring": "",
-      "path": "src/type/variant.ts"
-    },
     "src/type/button.ts::ButtonSizeType": {
       "declaration": "export type ButtonSizeType =\n  | 'sm'\n  | 'md'\n  | 'lg'\n  | 'xl'",
       "docstring": "",
@@ -574,6 +574,16 @@
       "docstring": "",
       "path": "src/components/mds-progress/meta/types.ts"
     },
+    "src/type/date.ts::ISO8601Date": {
+      "declaration": "type ISO8601Date = ISO8601DateFormat<string, 'ISO8601Date'>",
+      "docstring": "",
+      "path": "src/type/date.ts"
+    },
+    "src/components/mds-push-notification/meta/types.ts::NotificationDateFormatType": {
+      "declaration": "string",
+      "docstring": "",
+      "path": "src/components/mds-push-notification/meta/types.ts"
+    },
     "src/components/mds-push-notification/meta/types.ts::NotificationPreviewType": {
       "declaration": "export type NotificationPreviewType =\n  | 'avatar'\n  | 'image'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-paginator-item",
-  "version": "2.9.2",
+  "version": "2.9.3",
   "description": "mds-paginator-item 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,7 +24,7 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-text": "4.4.2",
+    "@maggioli-design-system/mds-text": "4.4.3",
     "@maggioli-design-system/styles": "15.3.2",
     "@stencil/core": "4.21.0"
   },

package/readme.md

@@ -23,26 +23,6 @@ This is a web-component from Maggioli Design System [Magma](https://magma.maggio
 | `"default"` | Add `text string` to this slot, **avoid** to add `HTML elements` or `components` here. |
 
 
-## CSS Custom Properties
-
-| Name                                       | Description                                                     |
-| ------------------------------------------ | --------------------------------------------------------------- |
-| `--mds-paginator-item-background`          | Sets the background-color of the pages area and the item        |
-| `--mds-paginator-item-background-disabled` | Sets the background-color of the item when is disabled          |
-| `--mds-paginator-item-background-hover`    | Sets the background-color of the item when the mouse is over it |
-| `--mds-paginator-item-background-selected` | Sets the background-color of the item when is selected          |
-| `--mds-paginator-item-color`               | Sets the text color of the component                            |
-| `--mds-paginator-item-color-disabled`      | Sets the color of the item when is disabled                     |
-| `--mds-paginator-item-color-hover`         | Sets the text color of the item when the mouse is over it       |
-| `--mds-paginator-item-color-selected`      | Sets the text color of the item when is selected                |
-| `--mds-paginator-item-radius`              | Sets the border-radius of the component                         |
-| `--mds-paginator-item-shadow`              | Sets the box-shadow of the component                            |
-| `--mds-paginator-item-shadow-disabled`     | Sets the box-shadow of the item when is disabled                |
-| `--mds-paginator-item-shadow-hover`        | Sets the box-shadow of the item when the mouse is over it       |
-| `--mds-paginator-item-shadow-selected`     | Sets the box-shadow of the item when is selected                |
-| `--mds-paginator-item-size`                | Sets the height and the min-width of the paginator item         |
-
-
 ## Dependencies
 
 ### Used by

package/src/common/date.ts

@@ -0,0 +1,21 @@
+import { ISO8601Date } from '@type/date'
+
+// ISO 8601 date regex allowing optional components (month, day, time)
+const ISO8601RegexString = '^\\d{4}(-\\d{2})?(-\\d{2})?(T\\d{2}(:\\d{2})?(:\\d{2})?(\\.\\d{3})?)?([+-]\\d{2}:\\d{2}|Z)?$'
+
+const isISO8601Date = (dateString: string): boolean => {
+  const ISO8601Regex = new RegExp(ISO8601RegexString)
+  return ISO8601Regex.test(dateString)
+}
+
+const sanitizeISO8601Date = (dateString: string): ISO8601Date => {
+  if (isISO8601Date(dateString)) {
+    return dateString as ISO8601Date
+  }
+  return new Date(dateString).toISOString() as ISO8601Date
+}
+
+export {
+  sanitizeISO8601Date,
+  isISO8601Date,
+}

package/src/common/locale.ts

@@ -13,22 +13,28 @@ export class Locale {
   config: LocaleConfig
   closestElement:HTMLElement
 
-  constructor (configData: LocaleConfig) {
+  constructor (configData?: LocaleConfig) {
+    if (configData) {
+      this.set(configData)
+    }
+  }
+
+  set = (configData: LocaleConfig): void => {
     this.config = configData
   }
 
-  lang = (element: HTMLElement): void => {
+  lang = (element: HTMLElement): string => {
     this.closestElement = element.closest('[lang]') as HTMLElement
 
-    
     if (this.closestElement) {
       if (this.closestElement.lang) {
         this.language = this.closestElement.lang
-        return
+        return this.language
       }
     }
 
     this.language = this.rollbackLanguage
+    return this.language
   }
 
   private pluralize = (tag: string | string[], context: Record<string, string | number>): string => {

package/src/dictionary/button.ts

@@ -32,10 +32,17 @@ const buttonIconPositionDictionary = [
   'right',
 ]
 
+const buttonTypeDictionary = [
+  'button',
+  'submit',
+  'reset',
+]
+
 export {
   buttonIconPositionDictionary,
   buttonSizeDictionary,
   buttonTargetDictionary,
   buttonToneVariantDictionary,
+  buttonTypeDictionary,
   buttonVariantDictionary,
 }

package/src/dictionary/variant.ts

@@ -92,6 +92,12 @@ const toneSimpleVariantDictionary = [
   'quiet',
 ]
 
+const toneSmartVariantDictionary = [
+  'strong',
+  'weak',
+  'ghost',
+]
+
 const toneMinimalVariantDictionary = [
   'strong',
   'weak',
@@ -107,5 +113,6 @@ export {
   toneActionVariantDictionary,
   toneMinimalVariantDictionary,
   toneSimpleVariantDictionary,
+  toneSmartVariantDictionary,
   toneVariantDictionary,
 }

package/src/fixtures/icons.json

@@ -33,6 +33,7 @@
     "mgg/address-book-off",
     "mgg/address-book-on",
     "mgg/adv-denied",
+    "mgg/ai",
     "mgg/alerts-pagopa",
     "mgg/ansc",
     "mgg/area-edificabile",
@@ -86,8 +87,16 @@
     "mgg/download-csv",
     "mgg/download-json",
     "mgg/electronic-document",
+    "mgg/email-assigned",
+    "mgg/email-open-blocked",
     "mgg/email-open-check",
+    "mgg/email-open-lock",
     "mgg/email-open-off",
+    "mgg/email-open-play",
+    "mgg/email-open-stop",
+    "mgg/email-open-user",
+    "mgg/email-open-view",
+    "mgg/email-to-assign",
     "mgg/face-to-face-meeting",
     "mgg/factory",
     "mgg/farmer",
@@ -115,12 +124,19 @@
     "mgg/fit-vertical",
     "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
+    "mgg/google-book-closed",
+    "mgg/google-book-closed-outline",
+    "mgg/google-book-large",
+    "mgg/google-book-large-outline",
+    "mgg/google-book-opening",
+    "mgg/google-book-opening-outline",
     "mgg/google-check-small",
     "mgg/google-experiment",
     "mgg/google-face-retouching-off",
     "mgg/google-hub",
     "mgg/google-keyboard-double-arrow-down",
     "mgg/google-keyboard-double-arrow-up",
+    "mgg/google-newsstand",
     "mgg/google-place-item",
     "mgg/group-assigned-automatically-system",
     "mgg/group-ceased",
@@ -130,6 +146,7 @@
     "mgg/historic-building",
     "mgg/historic-building-unusable",
     "mgg/home-hammer",
+    "mgg/home-link",
     "mgg/home-number",
     "mgg/inagibile",
     "mgg/input-calendar-costs",

package/src/fixtures/iconsauce.json

@@ -21,6 +21,7 @@
     "mgg/address-book-off",
     "mgg/address-book-on",
     "mgg/adv-denied",
+    "mgg/ai",
     "mgg/alerts-pagopa",
     "mgg/ansc",
     "mgg/area-edificabile",
@@ -74,8 +75,16 @@
     "mgg/download-csv",
     "mgg/download-json",
     "mgg/electronic-document",
+    "mgg/email-assigned",
+    "mgg/email-open-blocked",
     "mgg/email-open-check",
+    "mgg/email-open-lock",
     "mgg/email-open-off",
+    "mgg/email-open-play",
+    "mgg/email-open-stop",
+    "mgg/email-open-user",
+    "mgg/email-open-view",
+    "mgg/email-to-assign",
     "mgg/face-to-face-meeting",
     "mgg/factory",
     "mgg/farmer",
@@ -103,12 +112,19 @@
     "mgg/fit-vertical",
     "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
+    "mgg/google-book-closed-outline",
+    "mgg/google-book-closed",
+    "mgg/google-book-large-outline",
+    "mgg/google-book-large",
+    "mgg/google-book-opening-outline",
+    "mgg/google-book-opening",
     "mgg/google-check-small",
     "mgg/google-experiment",
     "mgg/google-face-retouching-off",
     "mgg/google-hub",
     "mgg/google-keyboard-double-arrow-down",
     "mgg/google-keyboard-double-arrow-up",
+    "mgg/google-newsstand",
     "mgg/google-place-item",
     "mgg/group-assigned-automatically-system",
     "mgg/group-ceased",
@@ -118,6 +134,7 @@
     "mgg/historic-building-unusable",
     "mgg/historic-building",
     "mgg/home-hammer",
+    "mgg/home-link",
     "mgg/home-number",
     "mgg/inagibile",
     "mgg/input-calendar-costs",

package/src/type/date.ts

@@ -0,0 +1,10 @@
+type ISO8601DateFormat<K, T> = K & { __isISO8601DateFormat: T };
+
+// Defines a branded type for the date ISO 8601 string
+type ISO8601Date = ISO8601DateFormat<string, 'ISO8601Date'>
+
+// const validDate: ISO8601Date = sanitizeISO8601Date('2024-09-24T15:30:00Z')
+
+export {
+  ISO8601Date,
+}

package/src/type/variant.ts

@@ -90,9 +90,9 @@ export type ToneVariantType =
   | 'quiet' // no background, no border
 
 export type ToneSimpleVariantType =
+  | 'quiet'
   | 'strong'
   | 'weak'
-  | 'quiet'
 
 export type ToneMinimalVariantType =
 | 'strong'