@maggioli-design-system/mds-accordion-timer 2.2.0 → 3.0.0

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-01-20T18:15:56",
+  "timestamp": "2023-03-02T09:55:44",
   "compiler": {
     "name": "node",
     "version": "18.3.0"
@@ -9,13 +9,14 @@
     "fsNamespace": "mds-accordion-timer",
     "components": 1,
     "entries": 1,
-    "bundles": 64,
+    "bundles": 65,
     "outputs": [
       {
         "name": "dist-collection",
-        "files": 23,
+        "files": 24,
         "generatedFiles": [
           "./dist/collection/common/aria.js",
+          "./dist/collection/common/keyboard-manager.js",
           "./dist/collection/components/mds-accordion-timer/mds-accordion-timer.js",
           "./dist/collection/components/mds-accordion-timer/test/mds-accordion-timer.stories.js",
           "./dist/collection/dictionary/autocomplete.js",
@@ -54,17 +55,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-6821dfbc.js",
+          "./dist/cjs/index-d958b818.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-accordion-timer.cjs.entry.js",
           "./dist/cjs/mds-accordion-timer.cjs.js",
-          "./dist/esm-es5/index-5ca2b649.js",
+          "./dist/esm-es5/index-22b73a3a.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-accordion-timer.entry.js",
           "./dist/esm-es5/mds-accordion-timer.js",
-          "./dist/esm/index-5ca2b649.js",
+          "./dist/esm/index-22b73a3a.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-accordion-timer.entry.js",
@@ -74,21 +75,21 @@
           "./dist/mds-accordion-timer/index.esm.js",
           "./dist/mds-accordion-timer/mds-accordion-timer.esm.js",
           "./dist/mds-accordion-timer/mds-accordion-timer.js",
+          "./dist/mds-accordion-timer/p-118bf4e5.system.entry.js",
+          "./dist/mds-accordion-timer/p-3face4e0.system.js",
           "./dist/mds-accordion-timer/p-50ea2036.system.js",
-          "./dist/mds-accordion-timer/p-59116e2a.system.js",
-          "./dist/mds-accordion-timer/p-5d8e384d.js",
-          "./dist/mds-accordion-timer/p-c4b2aa5c.system.js",
-          "./dist/mds-accordion-timer/p-e66497f2.system.entry.js",
-          "./dist/mds-accordion-timer/p-f0c71bfc.entry.js",
+          "./dist/mds-accordion-timer/p-9084d19f.js",
+          "./dist/mds-accordion-timer/p-c6d75694.system.js",
+          "./dist/mds-accordion-timer/p-f44da2be.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-accordion-timer.esm.js",
           "./www/build/mds-accordion-timer.js",
+          "./www/build/p-118bf4e5.system.entry.js",
+          "./www/build/p-3face4e0.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-59116e2a.system.js",
-          "./www/build/p-5d8e384d.js",
-          "./www/build/p-c4b2aa5c.system.js",
-          "./www/build/p-e66497f2.system.entry.js",
-          "./www/build/p-f0c71bfc.entry.js"
+          "./www/build/p-9084d19f.js",
+          "./www/build/p-c6d75694.system.js",
+          "./www/build/p-f44da2be.entry.js"
         ]
       },
       {
@@ -121,10 +122,10 @@
         "components": [
           "mds-accordion-timer"
         ],
-        "bundleId": "p-f0c71bfc",
-        "fileName": "p-f0c71bfc.entry.js",
+        "bundleId": "p-f44da2be",
+        "fileName": "p-f44da2be.entry.js",
         "imports": [
-          "p-5d8e384d.js"
+          "p-9084d19f.js"
         ],
         "originalByteSize": 3432
       }
@@ -138,7 +139,7 @@
         "bundleId": "mds-accordion-timer",
         "fileName": "mds-accordion-timer.entry.js",
         "imports": [
-          "index-5ca2b649.js"
+          "index-22b73a3a.js"
         ],
         "originalByteSize": 3436
       }
@@ -152,7 +153,7 @@
         "bundleId": "mds-accordion-timer",
         "fileName": "mds-accordion-timer.entry.js",
         "imports": [
-          "index-5ca2b649.js"
+          "index-22b73a3a.js"
         ],
         "originalByteSize": 3436
       }
@@ -163,10 +164,10 @@
         "components": [
           "mds-accordion-timer"
         ],
-        "bundleId": "p-e66497f2.system",
-        "fileName": "p-e66497f2.system.entry.js",
+        "bundleId": "p-118bf4e5.system",
+        "fileName": "p-118bf4e5.system.entry.js",
         "imports": [
-          "p-59116e2a.system.js"
+          "p-3face4e0.system.js"
         ],
         "originalByteSize": 4378
       }
@@ -180,7 +181,7 @@
         "bundleId": "mds-accordion-timer.cjs",
         "fileName": "mds-accordion-timer.cjs.entry.js",
         "imports": [
-          "index-6821dfbc.js"
+          "index-d958b818.js"
         ],
         "originalByteSize": 3483
       }
@@ -228,19 +229,19 @@
       "legacyContext": [],
       "listeners": [
         {
-          "name": "clickActive",
+          "name": "activeClicked",
           "method": "onClickActive",
           "capture": false,
           "passive": false
         },
         {
-          "name": "mouseEnterActive",
+          "name": "activeMouseEnter",
           "method": "onMouseEnterActive",
           "capture": false,
           "passive": false
         },
         {
-          "name": "mouseLeaveActive",
+          "name": "activeMouseLeave",
           "method": "onMouseLeaveActive",
           "capture": false,
           "passive": false
@@ -320,19 +321,19 @@
           "methods": [],
           "listeners": [
             {
-              "name": "clickActive",
+              "name": "activeClicked",
               "method": "onClickActive",
               "capture": false,
               "passive": false
             },
             {
-              "name": "mouseEnterActive",
+              "name": "activeMouseEnter",
               "method": "onMouseEnterActive",
               "capture": false,
               "passive": false
             },
             {
-              "name": "mouseLeaveActive",
+              "name": "activeMouseLeave",
               "method": "onMouseLeaveActive",
               "capture": false,
               "passive": false
@@ -449,11 +450,12 @@
   ],
   "componentGraph": {
     "sc-mds-accordion-timer": [
-      "p-5d8e384d.js"
+      "p-9084d19f.js"
     ]
   },
   "sourceGraph": {
     "./src/common/aria.ts": [],
+    "./src/common/keyboard-manager.ts": [],
     "./src/components/mds-accordion-timer/mds-accordion-timer.tsx": [],
     "./src/components/mds-accordion-timer/test/mds-accordion-timer.stories.tsx": [],
     "./src/dictionary/autocomplete.ts": [],
@@ -461,7 +463,8 @@
     "./src/dictionary/color.ts": [],
     "./src/dictionary/floating-ui.ts": [],
     "./src/dictionary/icon.ts": [
-      "./src/fixtures/icons.json"
+      "./src/fixtures/icons.json",
+      "./src/fixtures/iconsauce.json"
     ],
     "./src/dictionary/input-text-type.ts": [],
     "./src/dictionary/loading.ts": [],

package/dist/types/common/keyboard-manager.d.ts

@@ -0,0 +1,11 @@
+export declare class KeyboardManager {
+  private escapeCallback;
+  private elements;
+  private handleClickBehaviorDispatchEvent;
+  private handleEscapeBehaviorDispatchEvent;
+  addElement: (el: HTMLElement, name?: string) => void;
+  attachClickBehavior: (name?: string) => void;
+  detachClickBehavior: (name?: string) => void;
+  attachEscapeBehavior: (callBack: () => void) => void;
+  detachEscapeBehavior: () => void;
+}

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

@@ -1,2 +1,3 @@
 declare const iconsDictionary: string[];
-export { iconsDictionary, };
+declare const mggIconsDictionary: string[];
+export { iconsDictionary, mggIconsDictionary, };

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

@@ -1,9 +1,10 @@
 declare const typographyDictionary: string[];
 declare const typographyVariationsDictionary: string[];
+declare const typographyReadingVariationsDictionary: string[];
 declare const typographyMonoDictionary: string[];
 declare const typographyTitleDictionary: string[];
 declare const typographyInfoDictionary: string[];
 declare const typographyReadDictionary: string[];
 declare const typographySmallerDictionary: string[];
 declare const typographyTooltipDictionary: string[];
-export { typographyDictionary, typographyVariationsDictionary, typographyMonoDictionary, typographyTitleDictionary, typographyInfoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTooltipDictionary, };
+export { typographyDictionary, typographyInfoDictionary, typographyReadingVariationsDictionary, typographyMonoDictionary, typographyReadDictionary, typographySmallerDictionary, typographyTitleDictionary, typographyTooltipDictionary, typographyVariationsDictionary, };

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

@@ -485,6 +485,14 @@ export interface FunctionalUtilities {
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -531,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;

package/dist/types/types/typography.d.ts

@@ -1,5 +1,6 @@
 export type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyVariants = 'title' | 'info' | 'read' | 'code';
+export type TypographyReadingVariants = 'info' | 'read';
 export type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 export type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
 export type TypographyReadType = 'caption' | 'detail' | 'paragraph';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-accordion-timer",
-  "version": "2.2.0",
+  "version": "3.0.0",
   "description": "mds-accordion-timer is a web-component from Maggioli Design System Magma, 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",
@@ -23,9 +23,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-accordion-timer-item": "^2.1.1",
-    "@maggioli-design-system/styles": "^10.0.1",
-    "@stencil/core": "^2.22.1"
+    "@maggioli-design-system/mds-accordion-timer-item": "^3.0.0",
+    "@maggioli-design-system/styles": "^11.2.1",
+    "@stencil/core": "^2.22.2"
   },
   "license": "MIT",
   "author": {

package/src/common/keyboard-manager.ts

@@ -0,0 +1,46 @@
+export class KeyboardManager {
+  private escapeCallback: () => void
+  private elements = []
+
+  private handleClickBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
+      (event.target as HTMLElement).click()
+    }
+  }
+
+  private handleEscapeBehaviorDispatchEvent = (event: KeyboardEvent): void => {
+    if (event.code === 'Escape' && this.escapeCallback) {
+      this.escapeCallback()
+    }
+  }
+
+  addElement = (el: HTMLElement, name = 'element'): void => {
+    this.elements[name] = el
+  }
+
+  attachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].addEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  detachClickBehavior = (name = 'element'): void => {
+    if (this.elements[name]) {
+      this.elements[name].removeEventListener('keydown', this.handleClickBehaviorDispatchEvent)
+    }
+  }
+
+  attachEscapeBehavior = (callBack: () => void): void => {
+    this.escapeCallback = callBack
+    if (typeof window !== undefined) {
+      window.addEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+
+  detachEscapeBehavior = (): void => {
+    this.escapeCallback = null
+    if (typeof window !== undefined) {
+      window.removeEventListener('keydown', this.handleEscapeBehaviorDispatchEvent.bind(this))
+    }
+  }
+}

package/src/components/mds-accordion-timer/mds-accordion-timer.tsx

@@ -120,7 +120,7 @@ export class MdsAccordionTimer {
     this.time = null
   }
 
-  @Listen('clickActive')
+  @Listen('activeClicked')
   onClickActive (event: CustomEvent<string>): void {
     if (event.detail === this.activeItem.description) {
       return
@@ -137,12 +137,12 @@ export class MdsAccordionTimer {
     this.pauseTimer()
   }
 
-  @Listen('mouseEnterActive')
+  @Listen('activeMouseEnter')
   onMouseEnterActive (): void {
     this.pauseTimer()
   }
 
-  @Listen('mouseLeaveActive')
+  @Listen('activeMouseLeave')
   onMouseLeaveActive (): void {
     if (this.timeChecker === null) {
       this.playTimer()

package/src/dictionary/icon.ts

@@ -1,5 +1,9 @@
 import jsonIconsDictionary from '../fixtures/icons.json'
+import jsonMggIconsDictionary from '../fixtures/iconsauce.json'
 const iconsDictionary = jsonIconsDictionary
+const mggIconsDictionary = jsonMggIconsDictionary
+
 export {
   iconsDictionary,
+  mggIconsDictionary,
 }

package/src/dictionary/typography.ts

@@ -23,6 +23,11 @@ const typographyVariationsDictionary = [
   'code',
 ]
 
+const typographyReadingVariationsDictionary = [
+  'info',
+  'read',
+]
+
 const typographyMonoDictionary = [
   'snippet',
   'hack',
@@ -66,11 +71,12 @@ const typographyTooltipDictionary = [
 
 export {
   typographyDictionary,
-  typographyVariationsDictionary,
-  typographyMonoDictionary,
-  typographyTitleDictionary,
   typographyInfoDictionary,
+  typographyReadingVariationsDictionary,
+  typographyMonoDictionary,
   typographyReadDictionary,
   typographySmallerDictionary,
+  typographyTitleDictionary,
   typographyTooltipDictionary,
+  typographyVariationsDictionary,
 }

package/src/fixtures/icons.json

@@ -10,6 +10,179 @@
     "mdi/map-marker",
     "mdi/replay",
     "mdi/vector-curve",
+    "mgg/abitazione-principale",
+    "mgg/action-hide-down-side",
+    "mgg/action-hide-left-side",
+    "mgg/action-hide-right-side",
+    "mgg/action-hide-sidebar-left",
+    "mgg/action-hide-sidebar-right",
+    "mgg/action-show-down-side",
+    "mgg/action-show-left-side",
+    "mgg/action-show-right-side",
+    "mgg/action-show-sidebar-left",
+    "mgg/action-show-sidebar-right",
+    "mgg/add-document-settings",
+    "mgg/additional-contents",
+    "mgg/address-book-off",
+    "mgg/address-book-on",
+    "mgg/adv-denied",
+    "mgg/area-edificabile",
+    "mgg/area-weather",
+    "mgg/box-multiple",
+    "mgg/breadcrumb",
+    "mgg/calendar-euro",
+    "mgg/calendar-multiple",
+    "mgg/calendar-schedule",
+    "mgg/car-license",
+    "mgg/card-stamping",
+    "mgg/checklist",
+    "mgg/checklist-settings",
+    "mgg/citizenship",
+    "mgg/city-bin",
+    "mgg/copy-paste",
+    "mgg/data-analytics-alt",
+    "mgg/data-analytics-search",
+    "mgg/data-analytics-time",
+    "mgg/data-category-alt",
+    "mgg/data-civil-union",
+    "mgg/data-death-civil-union",
+    "mgg/data-death-marriage",
+    "mgg/data-end-civil-union",
+    "mgg/data-end-marriage",
+    "mgg/dataset",
+    "mgg/document-magic",
+    "mgg/document-rename",
+    "mgg/electronic-document",
+    "mgg/email-open-check",
+    "mgg/email-open-off",
+    "mgg/face-to-face-meeting",
+    "mgg/farmer",
+    "mgg/field",
+    "mgg/file-download",
+    "mgg/file-folder-tree",
+    "mgg/file-folder-tree-open",
+    "mgg/file-import",
+    "mgg/file-odt",
+    "mgg/file-rtf",
+    "mgg/file-settings-alt",
+    "mgg/file-stack",
+    "mgg/file-stack-alt",
+    "mgg/file-sub",
+    "mgg/file-type-document-attachment",
+    "mgg/file-type-document-multiple-attachment",
+    "mgg/file-type-document-rubber-stamp",
+    "mgg/file-type-home",
+    "mgg/file-type-pdf",
+    "mgg/file-type-success",
+    "mgg/file-type-warning",
+    "mgg/finance-euro-cashback",
+    "mgg/fit-horizontal",
+    "mgg/fit-vertical",
+    "mgg/fullscreen-on-alt",
+    "mgg/google-check-small",
+    "mgg/google-place-item",
+    "mgg/heart",
+    "mgg/heart-outline",
+    "mgg/historic-building",
+    "mgg/historic-building-unusable",
+    "mgg/home-hammer",
+    "mgg/home-number",
+    "mgg/inagibile",
+    "mgg/input-calendar-costs",
+    "mgg/input-calendar-period",
+    "mgg/input-calendar-time",
+    "mgg/isbn",
+    "mgg/judge-hammer",
+    "mgg/land-registry",
+    "mgg/layers",
+    "mgg/list-dot",
+    "mgg/logo-girasole-camuno",
+    "mgg/logo-gpl",
+    "mgg/logo-ilibro",
+    "mgg/map-marker-settings",
+    "mgg/military-draft",
+    "mgg/money-bag-settings",
+    "mgg/money-on-hand",
+    "mgg/move-down",
+    "mgg/move-left",
+    "mgg/move-right",
+    "mgg/move-row-down",
+    "mgg/move-row-up",
+    "mgg/move-up",
+    "mgg/multiple-payments",
+    "mgg/national-document",
+    "mgg/national-document-off",
+    "mgg/order-return-down-left-to-right",
+    "mgg/order-return-down-left-to-up",
+    "mgg/order-return-down-right-to-left",
+    "mgg/order-return-down-right-to-up",
+    "mgg/order-return-up-left-to-down",
+    "mgg/order-return-up-left-to-right",
+    "mgg/order-return-up-right-to-down",
+    "mgg/order-return-up-right-to-left",
+    "mgg/order-zigzag-down-left-to-right",
+    "mgg/order-zigzag-down-left-to-up",
+    "mgg/order-zigzag-down-right-to-left",
+    "mgg/order-zigzag-down-right-to-up",
+    "mgg/order-zigzag-up-left-to-down",
+    "mgg/order-zigzag-up-left-to-right",
+    "mgg/order-zigzag-up-right-to-down",
+    "mgg/order-zigzag-up-right-to-left",
+    "mgg/other-properties",
+    "mgg/other-properties-off",
+    "mgg/partial-wall",
+    "mgg/payment-settings",
+    "mgg/places-green",
+    "mgg/places-green-doc",
+    "mgg/places-green-history",
+    "mgg/places-green-info",
+    "mgg/places-holiday-beach",
+    "mgg/places-market",
+    "mgg/places-park",
+    "mgg/places-park-alt",
+    "mgg/places-store-access-denied",
+    "mgg/property-owner",
+    "mgg/relevance",
+    "mgg/reporting-abuse",
+    "mgg/residency-permit",
+    "mgg/rubber-stamp",
+    "mgg/rurale",
+    "mgg/search-maggioli",
+    "mgg/send-progress",
+    "mgg/settings-attachment",
+    "mgg/sign-shop",
+    "mgg/square-viewfinder",
+    "mgg/stamp",
+    "mgg/status-progress-a-quarter",
+    "mgg/status-progress-complete",
+    "mgg/status-progress-half",
+    "mgg/status-progress-three-quarter",
+    "mgg/stuck-codes",
+    "mgg/tea-light",
+    "mgg/terminal",
+    "mgg/todo",
+    "mgg/todo-completed",
+    "mgg/todo-completed-re-executable",
+    "mgg/todo-in-charge-by-me",
+    "mgg/todo-in-charge-by-others",
+    "mgg/todo-in-evaluation",
+    "mgg/todo-in-evaluation-by-others",
+    "mgg/todo-incoming-in-charge",
+    "mgg/todo-incoming-rejected",
+    "mgg/todo-pause",
+    "mgg/todo-running-completed",
+    "mgg/todo-suspended",
+    "mgg/traffic-cone",
+    "mgg/trending-down",
+    "mgg/tributes",
+    "mgg/urban-city",
+    "mgg/user-dead",
+    "mgg/user-family",
+    "mgg/user-location",
+    "mgg/user-location-off",
+    "mgg/view-chart-gantt",
+    "mgg/view-side-by-side",
+    "mgg/work-book",
     "mi/baseline/account-balance",
     "mi/baseline/account-balance-wallet",
     "mi/baseline/adobe",
@@ -29,6 +202,7 @@
     "mi/baseline/css",
     "mi/baseline/description",
     "mi/baseline/done",
+    "mi/baseline/downhill-skiing",
     "mi/baseline/eco",
     "mi/baseline/email",
     "mi/baseline/error",