@maggioli-design-system/mds-input-tip-item 1.1.0 → 1.1.1

package/documentation.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-09-05T13:13:09",
+  "timestamp": "2024-09-13T08:12:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.21.0",
@@ -237,7 +237,7 @@
       "path": "src/components/mds-chip/meta/interface.ts"
     },
     "src/components/mds-dropdown/meta/types.ts::DropdownInteractionType": {
-      "declaration": "export type DropdownInteractionType =\n  | 'click'\n  | 'mouseover'",
+      "declaration": "export type DropdownInteractionType =\n  | 'click'\n  | 'none'\n  | 'mouseover'",
       "docstring": "",
       "path": "src/components/mds-dropdown/meta/types.ts"
     },
@@ -451,6 +451,11 @@
       "docstring": "",
       "path": "src/components/mds-pref-animation/meta/types.ts"
     },
+    "src/event-detail/preference.ts::MdsPrefChangeEventDetail": {
+      "declaration": "export interface MdsPrefChangeEventDetail {\n  preference: UIPreferenceType\n}",
+      "docstring": "",
+      "path": "src/event-detail/preference.ts"
+    },
     "src/type/preference.ts::ConsumptionModeType": {
       "declaration": "export type ConsumptionModeType =\n  | 'high'\n  | 'medium'\n  | 'low'",
       "docstring": "",
@@ -461,6 +466,16 @@
       "docstring": "",
       "path": "src/components/mds-pref-contrast/meta/types.ts"
     },
+    "src/type/language.ts::LanguageType": {
+      "declaration": "export type LanguageType =\n  | 'auto'\n  | `${Lowercase<string>}${Lowercase<string>}`\n  | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`",
+      "docstring": "",
+      "path": "src/type/language.ts"
+    },
+    "src/event-detail/language.ts::MdsPrefLanguageEventDetail": {
+      "declaration": "export interface MdsPrefLanguageEventDetail {\n  language?: LanguageType\n}",
+      "docstring": "",
+      "path": "src/event-detail/language.ts"
+    },
     "src/components/mds-pref-theme/meta/types.ts::ThemeModeType": {
       "declaration": "export type ThemeModeType =\n  | 'light'\n  | 'dark'\n  | 'system'",
       "docstring": "",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-input-tip-item",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "mds-input-tip-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,8 +24,8 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-text": "4.4.0",
-    "@maggioli-design-system/styles": "15.3.0",
+    "@maggioli-design-system/mds-text": "4.4.1",
+    "@maggioli-design-system/styles": "15.3.1",
     "@stencil/core": "4.21.0"
   },
   "license": "MIT",

package/src/common/locale.ts

@@ -1,35 +1,39 @@
 import Handlebars from 'handlebars'
 
 type LocaleConfig = {
+  el?: Record<string, string | string[]>
+  en: Record<string, string | string[]>
+  es?: Record<string, string | string[]>
   it?: Record<string, string | string[]>
-  en?: Record<string, string | string[]>
-  gr?: Record<string, string | string[]>
 }
 
 export class Locale {
-  defaultLanguage: string = 'en'
+  rollbackLanguage: string = 'en'
   language: string
   config: LocaleConfig
+  closestElement:HTMLElement
 
   constructor (configData: LocaleConfig) {
     this.config = configData
   }
 
   lang = (element: HTMLElement): void => {
-    const closestElement:HTMLElement = element.closest('[lang]') as HTMLElement
-    if (closestElement) {
-      if (closestElement.lang) {
-        this.language = closestElement.lang
+    this.closestElement = element.closest('[lang]') as HTMLElement
+
+    
+    if (this.closestElement) {
+      if (this.closestElement.lang) {
+        this.language = this.closestElement.lang
         return
       }
     }
 
-    this.language = this.defaultLanguage
+    this.language = this.rollbackLanguage
   }
 
   private pluralize = (tag: string | string[], context: Record<string, string | number>): string => {
 
-    const languagePhrase: string | string[] = this.config[this.language][tag] ?? this.config[this.defaultLanguage][tag]
+    const languagePhrase: string | string[] = this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag]
     const phrases: string[] = []
     
     if (Array.isArray(languagePhrase)) {
@@ -61,6 +65,6 @@ export class Locale {
     if (context) {
       return this.pluralize(tag, context)
     }
-    return this.config[this.language][tag] ?? this.config[this.defaultLanguage][tag]
+    return this.config[this.language] ? this.config[this.language][tag] : this.config[this.rollbackLanguage][tag]
   }
 }

package/src/type/language.ts

@@ -0,0 +1,4 @@
+export type LanguageType =
+  | 'auto'
+  | `${Lowercase<string>}${Lowercase<string>}`
+  | `${Lowercase<string>}${Lowercase<string>}${Lowercase<string>}`

package/src/type/preference.ts

@@ -3,6 +3,7 @@ export type UIPreferenceType =
   | 'consumption'
   | 'contrast'
   | 'theme'
+  | 'language'
 
 export type ConsumptionModeType =
   | 'high'

package/www/build/mds-input-tip-item.esm.js

@@ -1 +1 @@
-import{p as a,b as t}from"./p-dad0fd1d.js";export{s as setNonce}from"./p-dad0fd1d.js";import{g as p}from"./p-e1255160.js";(()=>{const t=import.meta.url,p={};return""!==t&&(p.resourcesUrl=new URL(".",t).href),a(p)})().then((async a=>(await p(),t([["p-0f7b5474",[[1,"mds-input-tip-item",{variant:[513],expanded:[516]}]]]],a))));
+import{p as a,b as d}from"./p-dad0fd1d.js";export{s as setNonce}from"./p-dad0fd1d.js";import{g as t}from"./p-e1255160.js";(()=>{const d=import.meta.url,t={};return""!==d&&(t.resourcesUrl=new URL(".",d).href),a(t)})().then((async a=>(await t(),d([["p-c23db9de",[[1,"mds-input-tip-item",{variant:[513],expanded:[516]}]]]],a))));