@maggioli-design-system/mds-input-otp 1.0.1

package/dist/stats.json

@@ -0,0 +1,588 @@
+{
+  "timestamp": "2025-04-18T20:29:47",
+  "compiler": {
+    "name": "node",
+    "version": "22.11.0"
+  },
+  "app": {
+    "namespace": "MdsInputOtp",
+    "fsNamespace": "mds-input-otp",
+    "components": 1,
+    "entries": 1,
+    "bundles": 103,
+    "outputs": [
+      {
+        "name": "dist-collection",
+        "files": 55,
+        "generatedFiles": [
+          "./dist/collection/common/aria.js",
+          "./dist/collection/common/browser.js",
+          "./dist/collection/common/date.js",
+          "./dist/collection/common/device.js",
+          "./dist/collection/common/file.js",
+          "./dist/collection/common/floating-controller.js",
+          "./dist/collection/common/icon.js",
+          "./dist/collection/common/keyboard-manager.js",
+          "./dist/collection/common/locale.js",
+          "./dist/collection/common/slot.js",
+          "./dist/collection/common/string.js",
+          "./dist/collection/common/unit.js",
+          "./dist/collection/common/yugop/core.js",
+          "./dist/collection/common/yugop/index.js",
+          "./dist/collection/common/yugop/random-text.js",
+          "./dist/collection/common/yugop/utils/math.js",
+          "./dist/collection/common/yugop/utils/noop.js",
+          "./dist/collection/common/yugop/utils/prng.js",
+          "./dist/collection/common/yugop/utils/string.js",
+          "./dist/collection/components/mds-input-otp/mds-input-otp.js",
+          "./dist/collection/components/mds-input-otp/test/mds-input-otp.stories.js",
+          "./dist/collection/dictionary/animation.js",
+          "./dist/collection/dictionary/autocomplete.js",
+          "./dist/collection/dictionary/button.js",
+          "./dist/collection/dictionary/color.js",
+          "./dist/collection/dictionary/file-extensions.js",
+          "./dist/collection/dictionary/floating-ui.js",
+          "./dist/collection/dictionary/icon.js",
+          "./dist/collection/dictionary/input.js",
+          "./dist/collection/dictionary/keyboard.js",
+          "./dist/collection/dictionary/loading.js",
+          "./dist/collection/dictionary/text.js",
+          "./dist/collection/dictionary/tree.js",
+          "./dist/collection/dictionary/typography.js",
+          "./dist/collection/dictionary/variant.js",
+          "./dist/collection/fixtures/cities.js",
+          "./dist/collection/fixtures/filenames.js",
+          "./dist/collection/type/animation.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",
+          "./dist/collection/type/header-bar.js",
+          "./dist/collection/type/input-tip.js",
+          "./dist/collection/type/input.js",
+          "./dist/collection/type/keyboard.js",
+          "./dist/collection/type/loading.js",
+          "./dist/collection/type/preference.js",
+          "./dist/collection/type/text.js",
+          "./dist/collection/type/tree.js",
+          "./dist/collection/type/typography.js",
+          "./dist/collection/type/variant-file-format.js",
+          "./dist/collection/type/variant.js"
+        ]
+      },
+      {
+        "name": "dist-custom-elements",
+        "files": 4,
+        "generatedFiles": [
+          "./dist/components/index.d.ts",
+          "./dist/components/index.js",
+          "./dist/components/mds-input-otp.d.ts",
+          "./dist/components/mds-input-otp.js"
+        ]
+      },
+      {
+        "name": "dist-lazy",
+        "files": 42,
+        "generatedFiles": [
+          "./dist/cjs/app-globals-3a1e7e63.js",
+          "./dist/cjs/index-3ce43d21.js",
+          "./dist/cjs/index.cjs.js",
+          "./dist/cjs/loader.cjs.js",
+          "./dist/cjs/mds-input-otp.cjs.entry.js",
+          "./dist/cjs/mds-input-otp.cjs.js",
+          "./dist/esm-es5/app-globals-0f993ce5.js",
+          "./dist/esm-es5/index-7080a0cd.js",
+          "./dist/esm-es5/index.js",
+          "./dist/esm-es5/loader.js",
+          "./dist/esm-es5/mds-input-otp.entry.js",
+          "./dist/esm-es5/mds-input-otp.js",
+          "./dist/esm/app-globals-0f993ce5.js",
+          "./dist/esm/index-7080a0cd.js",
+          "./dist/esm/index.js",
+          "./dist/esm/loader.js",
+          "./dist/esm/mds-input-otp.entry.js",
+          "./dist/esm/mds-input-otp.js",
+          "./dist/index.cjs.js",
+          "./dist/index.js",
+          "./dist/mds-input-otp/index.esm.js",
+          "./dist/mds-input-otp/mds-input-otp.esm.js",
+          "./dist/mds-input-otp/mds-input-otp.js",
+          "./dist/mds-input-otp/p-0b4b7d22.system.js",
+          "./dist/mds-input-otp/p-50ea2036.system.js",
+          "./dist/mds-input-otp/p-56ba5cbf.system.js",
+          "./dist/mds-input-otp/p-6fa28cad.entry.js",
+          "./dist/mds-input-otp/p-8d749fc9.system.entry.js",
+          "./dist/mds-input-otp/p-9c3d33cc.system.js",
+          "./dist/mds-input-otp/p-dea9d1b9.js",
+          "./dist/mds-input-otp/p-e1255160.js",
+          "./www/build/index.esm.js",
+          "./www/build/mds-input-otp.esm.js",
+          "./www/build/mds-input-otp.js",
+          "./www/build/p-0b4b7d22.system.js",
+          "./www/build/p-50ea2036.system.js",
+          "./www/build/p-56ba5cbf.system.js",
+          "./www/build/p-6fa28cad.entry.js",
+          "./www/build/p-8d749fc9.system.entry.js",
+          "./www/build/p-9c3d33cc.system.js",
+          "./www/build/p-dea9d1b9.js",
+          "./www/build/p-e1255160.js"
+        ]
+      },
+      {
+        "name": "dist-types",
+        "files": 1,
+        "generatedFiles": [
+          "./dist/types/stencil-public-runtime.d.ts"
+        ]
+      },
+      {
+        "name": "www",
+        "files": 1,
+        "generatedFiles": [
+          "./www/host.config.json"
+        ]
+      }
+    ]
+  },
+  "options": {
+    "minifyJs": true,
+    "minifyCss": true,
+    "hashFileNames": true,
+    "hashedFileNameLength": 8,
+    "buildEs5": true
+  },
+  "formats": {
+    "esmBrowser": [
+      {
+        "key": "mds-input-otp.entry",
+        "components": [
+          "mds-input-otp"
+        ],
+        "bundleId": "p-6fa28cad",
+        "fileName": "p-6fa28cad.entry.js",
+        "imports": [
+          "p-dea9d1b9.js"
+        ],
+        "originalByteSize": 3843
+      }
+    ],
+    "esm": [
+      {
+        "key": "mds-input-otp.entry",
+        "components": [
+          "mds-input-otp"
+        ],
+        "bundleId": "mds-input-otp",
+        "fileName": "mds-input-otp.entry.js",
+        "imports": [
+          "index-7080a0cd.js"
+        ],
+        "originalByteSize": 3847
+      }
+    ],
+    "es5": [
+      {
+        "key": "mds-input-otp.entry",
+        "components": [
+          "mds-input-otp"
+        ],
+        "bundleId": "mds-input-otp",
+        "fileName": "mds-input-otp.entry.js",
+        "imports": [
+          "index-7080a0cd.js"
+        ],
+        "originalByteSize": 3847
+      }
+    ],
+    "system": [
+      {
+        "key": "mds-input-otp.entry",
+        "components": [
+          "mds-input-otp"
+        ],
+        "bundleId": "p-8d749fc9.system",
+        "fileName": "p-8d749fc9.system.entry.js",
+        "imports": [
+          "p-9c3d33cc.system.js"
+        ],
+        "originalByteSize": 4620
+      }
+    ],
+    "commonjs": [
+      {
+        "key": "mds-input-otp.entry",
+        "components": [
+          "mds-input-otp"
+        ],
+        "bundleId": "mds-input-otp.cjs",
+        "fileName": "mds-input-otp.cjs.entry.js",
+        "imports": [
+          "index-3ce43d21.js"
+        ],
+        "originalByteSize": 3906
+      }
+    ]
+  },
+  "components": [
+    {
+      "tag": "mds-input-otp",
+      "path": "./src/components/mds-input-otp/mds-input-otp.js",
+      "source": "./src/components/mds-input-otp/mds-input-otp.tsx",
+      "elementRef": "element",
+      "componentClassName": "MdsInputOtp",
+      "assetsDirs": [],
+      "dependencies": [],
+      "dependents": [],
+      "directDependencies": [],
+      "directDependents": [],
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "encapsulation": "shadow",
+      "excludeFromCollection": false,
+      "events": [],
+      "internal": false,
+      "listeners": [],
+      "methods": [],
+      "potentialCmpRefs": [
+        "mds-input"
+      ],
+      "properties": [
+        {
+          "name": "length",
+          "type": "number",
+          "attribute": "length",
+          "reflect": false,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "6",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Number of digits in the OTP code"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "autosubmit",
+          "type": "boolean",
+          "attribute": "autosubmit",
+          "reflect": true,
+          "mutable": false,
+          "required": false,
+          "optional": false,
+          "defaultValue": "false",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "Automatically submits the form when the OTP code is complete"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "value",
+          "type": "string",
+          "attribute": "value",
+          "reflect": true,
+          "mutable": true,
+          "required": false,
+          "optional": true,
+          "defaultValue": "''",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "docs": {
+            "tags": [],
+            "text": "The current value of the OTP code"
+          },
+          "internal": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "shadowDelegatesFocus": false,
+      "states": []
+    }
+  ],
+  "entries": [
+    {
+      "cmps": [
+        {
+          "attachInternalsMemberName": "internals",
+          "formAssociated": true,
+          "tagName": "mds-input-otp",
+          "excludeFromCollection": false,
+          "isCollectionDependency": false,
+          "componentClassName": "MdsInputOtp",
+          "elementRef": "element",
+          "encapsulation": "shadow",
+          "shadowDelegatesFocus": false,
+          "properties": [
+            {
+              "name": "length",
+              "type": "number",
+              "attribute": "length",
+              "reflect": false,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "6",
+              "complexType": {
+                "original": "number",
+                "resolved": "number",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Number of digits in the OTP code"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "autosubmit",
+              "type": "boolean",
+              "attribute": "autosubmit",
+              "reflect": true,
+              "mutable": false,
+              "required": false,
+              "optional": false,
+              "defaultValue": "false",
+              "complexType": {
+                "original": "boolean",
+                "resolved": "boolean",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "Automatically submits the form when the OTP code is complete"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            },
+            {
+              "name": "value",
+              "type": "string",
+              "attribute": "value",
+              "reflect": true,
+              "mutable": true,
+              "required": false,
+              "optional": true,
+              "defaultValue": "''",
+              "complexType": {
+                "original": "string",
+                "resolved": "string | undefined",
+                "references": {}
+              },
+              "docs": {
+                "tags": [],
+                "text": "The current value of the OTP code"
+              },
+              "internal": false,
+              "getter": false,
+              "setter": false
+            }
+          ],
+          "virtualProperties": [],
+          "states": [],
+          "methods": [],
+          "listeners": [],
+          "events": [],
+          "watchers": [],
+          "styles": [
+            {
+              "modeName": "$",
+              "styleId": "MDS-INPUT-OTP",
+              "styleStr": null,
+              "styleIdentifier": "MdsInputOtpStyle",
+              "externalStyles": [
+                {
+                  "absolutePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-input-otp/src/components/mds-input-otp/mds-input-otp.css",
+                  "relativePath": "mds-input-otp.css",
+                  "originalComponentPath": "mds-input-otp.css"
+                }
+              ]
+            }
+          ],
+          "internal": false,
+          "assetsDirs": [],
+          "styleDocs": [],
+          "docs": {
+            "tags": [],
+            "text": ""
+          },
+          "jsFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-input-otp/src/components/mds-input-otp/mds-input-otp.js",
+          "sourceFilePath": "/builds/maggiolispa/ricerca-sviluppo-new-media/magma/design-system/projects/stencil/.build/mds-input-otp/src/components/mds-input-otp/mds-input-otp.tsx",
+          "sourceMapPath": null,
+          "hasAttributeChangedCallbackFn": false,
+          "hasComponentWillLoadFn": false,
+          "hasComponentDidLoadFn": false,
+          "hasComponentShouldUpdateFn": false,
+          "hasComponentWillUpdateFn": false,
+          "hasComponentDidUpdateFn": false,
+          "hasComponentWillRenderFn": false,
+          "hasComponentDidRenderFn": false,
+          "hasConnectedCallbackFn": false,
+          "hasDisconnectedCallbackFn": false,
+          "hasElement": false,
+          "hasEvent": false,
+          "hasLifecycle": false,
+          "hasListener": false,
+          "hasListenerTarget": false,
+          "hasListenerTargetWindow": false,
+          "hasListenerTargetDocument": false,
+          "hasListenerTargetBody": false,
+          "hasListenerTargetParent": false,
+          "hasMember": true,
+          "hasMethod": false,
+          "hasMode": false,
+          "hasModernPropertyDecls": false,
+          "hasAttribute": true,
+          "hasProp": true,
+          "hasPropNumber": true,
+          "hasPropBoolean": true,
+          "hasPropString": true,
+          "hasPropMutable": true,
+          "hasReflect": true,
+          "hasRenderFn": true,
+          "hasState": false,
+          "hasStyle": true,
+          "hasVdomAttribute": true,
+          "hasVdomXlink": false,
+          "hasVdomClass": true,
+          "hasVdomFunctional": false,
+          "hasVdomKey": true,
+          "hasVdomListener": true,
+          "hasVdomPropOrAttr": true,
+          "hasVdomRef": false,
+          "hasVdomRender": true,
+          "hasVdomStyle": false,
+          "hasVdomText": true,
+          "hasWatchCallback": false,
+          "isPlain": false,
+          "htmlAttrNames": [
+            "key",
+            "class",
+            "maxlength",
+            "onKeyDown",
+            "onPaste"
+          ],
+          "htmlTagNames": [
+            "mds-input"
+          ],
+          "htmlParts": [],
+          "isUpdateable": true,
+          "potentialCmpRefs": [
+            "mds-input"
+          ],
+          "dependents": [],
+          "dependencies": [],
+          "directDependents": [],
+          "directDependencies": []
+        }
+      ],
+      "entryKey": "mds-input-otp.entry"
+    }
+  ],
+  "componentGraph": {
+    "sc-mds-input-otp": [
+      "p-dea9d1b9.js"
+    ]
+  },
+  "sourceGraph": {
+    "./src/common/aria.ts": [],
+    "./src/common/browser.ts": [],
+    "./src/common/date.ts": [],
+    "./src/common/device.ts": [],
+    "./src/common/file.ts": [],
+    "./src/common/floating-controller.ts": [
+      "./src/common/aria",
+      "./src/common/unit"
+    ],
+    "./src/common/icon.ts": [],
+    "./src/common/keyboard-manager.ts": [],
+    "./src/common/locale.ts": [],
+    "./src/common/slot.ts": [],
+    "./src/common/string.ts": [],
+    "./src/common/unit.ts": [],
+    "./src/common/yugop/core.ts": [
+      "./src/common/yugop/utils/math",
+      "./src/common/yugop/utils/prng",
+      "./src/common/yugop/utils/string"
+    ],
+    "./src/common/yugop/index.ts": [],
+    "./src/common/yugop/random-text.ts": [
+      "./src/common/yugop/core",
+      "./src/common/yugop/utils/noop"
+    ],
+    "./src/common/yugop/utils/math.ts": [
+      "./src/common/yugop/utils/prng"
+    ],
+    "./src/common/yugop/utils/noop.ts": [],
+    "./src/common/yugop/utils/prng.ts": [],
+    "./src/common/yugop/utils/string.ts": [],
+    "./src/components/mds-input-otp/mds-input-otp.tsx": [],
+    "./src/components/mds-input-otp/test/mds-input-otp.stories.tsx": [],
+    "./src/dictionary/animation.ts": [],
+    "./src/dictionary/autocomplete.ts": [],
+    "./src/dictionary/button.ts": [],
+    "./src/dictionary/color.ts": [],
+    "./src/dictionary/file-extensions.ts": [],
+    "./src/dictionary/floating-ui.ts": [],
+    "./src/dictionary/icon.ts": [
+      "./src/fixtures/icons.json",
+      "./src/fixtures/iconsauce.json"
+    ],
+    "./src/dictionary/input.ts": [],
+    "./src/dictionary/keyboard.ts": [],
+    "./src/dictionary/loading.ts": [],
+    "./src/dictionary/text.ts": [],
+    "./src/dictionary/tree.ts": [],
+    "./src/dictionary/typography.ts": [],
+    "./src/dictionary/variant.ts": [],
+    "./src/fixtures/cities.ts": [],
+    "./src/fixtures/filenames.ts": [],
+    "./src/type/animation.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": [],
+    "./src/type/header-bar.ts": [],
+    "./src/type/input-tip.ts": [],
+    "./src/type/input.ts": [],
+    "./src/type/keyboard.ts": [],
+    "./src/type/loading.ts": [],
+    "./src/type/preference.ts": [],
+    "./src/type/text.ts": [],
+    "./src/type/tree.ts": [],
+    "./src/type/typography.ts": [],
+    "./src/type/variant-file-format.ts": [],
+    "./src/type/variant.ts": []
+  },
+  "rollupResults": {
+    "modules": []
+  },
+  "collections": []
+}

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

@@ -0,0 +1,7 @@
+declare const unslugName: (name: string) => string;
+declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string;
+declare const removeAttributesIf: (element: HTMLElement, attribute: string, valueCheck: string | undefined, cleanAttributes: string | string[]) => boolean;
+declare const ifAttribute: (element: HTMLElement, attribute: string, valueCheck?: string) => boolean;
+declare const hashValue: (value: string) => string;
+declare const hashRandomValue: (value?: string) => string;
+export { hashRandomValue, hashValue, removeAttributesIf, setAttributeIfEmpty, ifAttribute, unslugName, };

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

@@ -0,0 +1,2 @@
+declare const isSafari: () => boolean;
+export { isSafari, };

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

@@ -0,0 +1,2 @@
+declare const isMobileDevice: () => boolean;
+export { isMobileDevice, };

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

@@ -0,0 +1,11 @@
+import { ExtensionInfo } from "../dictionary/file-extensions";
+import { ThemeFullVariantType } from "../type/variant";
+interface FileFormatsVariants {
+    icon: string;
+    variant: ThemeFullVariantType;
+}
+declare const getName: (rawFilename: string) => string;
+declare const getSuffix: (rawFilename: string, suffixOverride?: string) => string;
+declare const getExtensionInfos: (rawFilename: string, suffixOverride?: string) => ExtensionInfo;
+declare const getFormatsVariant: (rawFilename: string, suffixOverride?: string) => FileFormatsVariants;
+export { getExtensionInfos, getFormatsVariant, getSuffix, getName, };

package/dist/types/common/floating-controller.d.ts

@@ -0,0 +1,47 @@
+import { FloatingUIPlacement, FloatingUIStrategy } from "../type/floating-ui";
+import { HTMLStencilElement } from '../stencil-public-runtime';
+export interface FloatingElement extends PositionOptions {
+    host: HTMLFloatingElement;
+}
+export interface HTMLFloatingElement extends HTMLStencilElement, PositionOptions {
+    visible: boolean;
+}
+export interface PositionOptions {
+    arrow: boolean;
+    arrowPadding: number;
+    autoPlacement: boolean;
+    flip: boolean;
+    offset: number;
+    placement: FloatingUIPlacement;
+    shift: boolean;
+    shiftPadding: number;
+    strategy: FloatingUIStrategy;
+}
+export declare class FloatingController {
+    private _caller;
+    private readonly _host;
+    arrowEl: HTMLElement | undefined;
+    private cleanupAutoUpdate;
+    constructor(host: HTMLFloatingElement, arrowEl?: HTMLElement);
+    updateCaller(target: string): HTMLElement;
+    private readonly arrowInset;
+    private readonly arrowTransform;
+    private readonly arrowTransformOrigin;
+    private convertToTransformOrigin;
+    private readonly calculatePosition;
+    updatePosition(): void;
+    dismiss(): void;
+}
+export declare class Backdrop {
+    private readonly defaultBackdropId;
+    private readonly backdropBackgroundVisible;
+    private readonly backdropBackgroundHidden;
+    private readonly backdropId;
+    private readonly cssBackdropZIndex;
+    private readonly cssBackdropDuration;
+    private backdropEl;
+    private backdropTimer;
+    constructor(backdropId?: string);
+    attachBackdrop(): void;
+    detachBackdrop(): void;
+}

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

@@ -0,0 +1,5 @@
+declare const BASE64_SVG_ICON = "data:image/svg+xml;base64,";
+declare const MARKUP_SVG_ICON = "<svg ";
+declare const isIconFormatIsBase64: (icon?: string) => boolean;
+declare const isIconFormatIsSVG: (icon?: string) => boolean;
+export { isIconFormatIsBase64, isIconFormatIsSVG, BASE64_SVG_ICON, MARKUP_SVG_ICON, };