@mgdis/mg-components 5.27.3 → 5.27.4

package/dist/mg-components/{p-bac6ca1f.entry.js.map → p-d3e15dd7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["mgLoaderCss","MgLoaderStyle0","MgLoader","watchMessage","newValue","isValidString","Error","componentWillLoad","this","messages","initLocales","element","message","render","h","key","class","icon","spin","messageHide","loader","inProgess"],"sources":["../styles/dist/components/mg-loader.css?tag=mg-loader&encapsulation=shadow","src/components/molecules/mg-loader/mg-loader.tsx"],"sourcesContent":[".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;text-align:center}/*# sourceMappingURL=mg-loader.css.map */\n","import { Component, Element, h, Prop, Watch } from '@stencil/core';\nimport { initLocales } from '../../../locales';\nimport { isValidString } from '@mgdis/stencil-helpers';\n\n@Component({\n  tag: 'mg-loader',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-loader.css',\n  shadow: true,\n})\nexport class MgLoader {\n  /************\n   * Internal *\n   ************/\n\n  // Locales\n  private messages;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgLoaderElement;\n\n  /**\n   * Override loader message\n   */\n  @Prop() message?: string;\n  @Watch('message')\n  watchMessage(newValue: MgLoader['message']): void {\n    if (newValue && !isValidString(newValue)) throw new Error('<mg-loader> prop \"message\" must be a valid string.');\n  }\n\n  /**\n   * Hide message\n   */\n  @Prop() messageHide?: boolean;\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Check if component props are well configured on init\n   */\n  componentWillLoad(): void {\n    // Get locales\n    this.messages = initLocales(this.element).messages;\n\n    // validate props\n    this.watchMessage(this.message);\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <div class=\"mg-c-loader\" aria-live=\"polite\">\n        <mg-icon icon=\"loader\" spin></mg-icon>\n        <span class={{ 'mg-u-visually-hidden': this.messageHide }}>{this.message || this.messages.loader.inProgess}</span>\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,0jBACpB,MAAAC,EAAeD,E,MCQFE,EAAQ,M,2EAsBnB,YAAAC,CAAaC,GACX,GAAIA,IAAaC,EAAcD,GAAW,MAAM,IAAIE,MAAM,qD,CAe5D,iBAAAC,GAEEC,KAAKC,SAAWC,EAAYF,KAAKG,SAASF,SAG1CD,KAAKL,aAAaK,KAAKI,Q,CAOzB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cAAa,YAAW,UACjCF,EAAA,WAAAC,IAAA,2CAASE,KAAK,SAASC,KAAI,OAC3BJ,EAAA,QAAAC,IAAA,2CAAMC,MAAO,CAAE,uBAAwBR,KAAKW,cAAgBX,KAAKI,SAAWJ,KAAKC,SAASW,OAAOC,W"}
+{"version":3,"names":["mgLoaderCss","MgLoaderStyle0","MgLoader","watchMessage","newValue","isValidString","Error","componentWillLoad","this","messages","initLocales","element","message","render","h","key","class","icon","spin","messageHide","loader","inProgess"],"sources":["../styles/dist/components/mg-loader.css?tag=mg-loader&encapsulation=shadow","src/components/molecules/mg-loader/mg-loader.tsx"],"sourcesContent":[".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;text-align:center}/*# sourceMappingURL=mg-loader.css.map */\n","import { Component, Element, h, Prop, Watch } from '@stencil/core';\nimport { initLocales } from '../../../locales';\nimport { isValidString } from '@mgdis/stencil-helpers';\n\n@Component({\n  tag: 'mg-loader',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-loader.css',\n  shadow: true,\n})\nexport class MgLoader {\n  /************\n   * Internal *\n   ************/\n\n  // Locales\n  private messages;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgLoaderElement;\n\n  /**\n   * Override loader message\n   */\n  @Prop() message?: string;\n  @Watch('message')\n  watchMessage(newValue: MgLoader['message']): void {\n    if (newValue && !isValidString(newValue)) throw new Error('<mg-loader> prop \"message\" must be a valid string.');\n  }\n\n  /**\n   * Hide message\n   */\n  @Prop() messageHide?: boolean;\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Check if component props are well configured on init\n   */\n  componentWillLoad(): void {\n    // Get locales\n    this.messages = initLocales(this.element).messages;\n\n    // validate props\n    this.watchMessage(this.message);\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <div class=\"mg-c-loader\" aria-live=\"polite\">\n        <mg-icon icon=\"loader\" spin></mg-icon>\n        <span class={{ 'mg-u-visually-hidden': this.messageHide }}>{this.message || this.messages.loader.inProgess}</span>\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,0jBACpB,MAAAC,EAAeD,E,MCQFE,EAAQ,M,2EAsBnB,YAAAC,CAAaC,GACX,GAAIA,IAAaC,EAAcD,GAAW,MAAM,IAAIE,MAAM,qD,CAe5D,iBAAAC,GAEEC,KAAKC,SAAWC,EAAYF,KAAKG,SAASF,SAG1CD,KAAKL,aAAaK,KAAKI,Q,CAOzB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cAAa,YAAW,UACjCF,EAAA,WAAAC,IAAA,2CAASE,KAAK,SAASC,KAAI,OAC3BJ,EAAA,QAAAC,IAAA,2CAAMC,MAAO,CAAE,uBAAwBR,KAAKW,cAAgBX,KAAKI,SAAWJ,KAAKC,SAASW,OAAOC,W","ignoreList":[]}

package/dist/mg-components/p-e1255160.js.map

@@ -1 +1 @@
-{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c"}
+{"version":3,"names":["globalScripts"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"mappings":"AAAY,MAACA,EAAgB,c","ignoreList":[]}

package/dist/types/components/atoms/mg-tooltip/mg-tooltip.d.ts

@@ -25,12 +25,12 @@ export declare class MgTooltip {
      * Needed by the input for accessibility `aria-decribedby`.
      */
     identifier: string;
-    validateIdentifier(): void;
+    watchIdentifier(): void;
     /**
      * Displayed message in the tooltip
      */
     message: string;
-    validateMessage(newValue: MgTooltip['message']): void;
+    watchMessage(newValue: MgTooltip['message']): void;
     /**
      * Tooltip placement
      */
@@ -39,12 +39,12 @@ export declare class MgTooltip {
      * Display tooltip
      */
     display: boolean;
-    handleDisplay(newValue: MgTooltip['display']): void;
+    watchDisplay(newValue: MgTooltip['display']): void;
     /**
      * Disable tooltip
      */
     disabled: boolean;
-    validateDisabled(newValue: MgTooltip['disabled']): void;
+    watchDisabled(newValue: MgTooltip['disabled']): void;
     /**
      * Show tooltip
      */
@@ -57,12 +57,12 @@ export declare class MgTooltip {
      * Check if clicked outside of component and hidde tooltip
      * @param event - mouse event
      */
-    private clickOutside;
+    private handleClickOutside;
     /**
      * Check if 'Escape' key is pressed of component and hidde tooltip
      * @param event - keyboard event
      */
-    private pressEscape;
+    private handlePressEscape;
     /**
      * Method to set display prop
      * @param newValue - display prop new value
@@ -72,7 +72,7 @@ export declare class MgTooltip {
     /**
      * Action for tooltip element and tooltiped element mouse listener
      * @param elementGuard -  tooltip element guard
-     * @param isMouseenter - mouseenter validation
+     * @param eventName - event name
      * @param conditionalGuard - guard condition
      */
     private tooltipMouseListenerAction;
@@ -86,13 +86,26 @@ export declare class MgTooltip {
      */
     private setMgButtonWrapper;
     /**
-     * Init tooltip
-     * @param slotElement - slotted element
-     * @param interactiveElement - interactive element
+     * Set popper instance
      */
-    private initTooltip;
+    private setPopper;
     /**
-     * Render tooltip content element
+     * Define selected element to become tooltip selector and init listeners
+     * @param element - tooltiped element
+     */
+    private setTooltipedElement;
+    /**
+     * Set button mutation observer
+     * @param mgButton - mg-button to observe
+     */
+    private setMgButtonMutationObserver;
+    /**
+     * Set tooltiped element aria-describedby
+     * @param element - element to update
+     */
+    private setAriaDescribedby;
+    /**
+     * Render tooltip content element and init listeners
      */
     private renderTooltipContent;
     /*************

package/dist/types/components/molecules/inputs/mg-input/mg-input.conf.d.ts

@@ -27,7 +27,8 @@ export type HTMLMgInputsElement = (HTMLMgInputElement & {
  */
 export declare enum Handler {
     BLUR = "blur",
-    FOCUS = "focus"
+    FOCUS = "focus",
+    MOUSEENTER = "mouseenter"
 }
 export declare const classFieldset = "mg-c-input--fieldset";
 export declare const classDisabled = "mg-c-input--disabled";

package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.d.ts

@@ -21,6 +21,8 @@ export interface CheckboxItem extends CheckboxValue {
     _handleKeydown: (event: KeyboardEvent & {
         target: HTMLElement;
     }) => void;
+    _handleMouseEnter: () => void;
+    _handleMouseLeave: () => void;
 }
 /**
  * List of all availables checkbox type

package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts

@@ -195,6 +195,14 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * @param event - mass action event trigger a global select/unselect on values
      */
     private handleMassAction;
+    /**
+     * Handle input label mouseenter event
+     */
+    private handleMouseEnter;
+    /**
+     * Handle input label leave event
+     */
+    private handleMouseLeave;
     /**
      * Update values
      */

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;
@@ -1129,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1164,8 +1159,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 +1211,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/ide/intellij/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@mgdis/mg-components",
-  "version": "5.27.3",
+  "version": "5.27.4",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/ide/vscode/html-custom-data.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.27.3",
+  "version": "5.27.4",
   "tags": [
     {
       "name": "mg-action-more",

package/loader/cdn.js

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

package/loader/index.cjs.js

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

package/loader/index.es2017.js

@@ -1,3 +1 @@
-
-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,2 @@
-
 (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/loader.js';
+export * from '../dist/esm/loader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgdis/mg-components",
-  "version": "5.27.3",
+  "version": "5.27.4",
   "description": "MG Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -31,44 +31,44 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@stencil/core": "4.18.0",
-    "@mgdis/img": "1.7.1",
-    "@mgdis/styles": "1.3.3",
-    "@mgdis/stencil-helpers": "1.1.4"
+    "@stencil/core": "4.18.3",
+    "@mgdis/img": "1.7.2",
+    "@mgdis/stencil-helpers": "1.1.5",
+    "@mgdis/styles": "1.3.4"
   },
   "devDependencies": {
     "@playwright/test": "1.43.1",
     "@pxtrn/storybook-addon-docs-stencil": "6.4.1",
-    "@storybook/addon-a11y": "8.0.10",
-    "@storybook/addon-actions": "8.0.10",
-    "@storybook/addon-essentials": "8.0.10",
-    "@storybook/addon-interactions": "8.0.10",
-    "@storybook/addon-links": "8.0.10",
-    "@storybook/blocks": "8.0.10",
-    "@storybook/html": "8.0.10",
-    "@storybook/html-vite": "8.0.10",
-    "@storybook/manager-api": "8.0.10",
+    "@storybook/addon-a11y": "8.1.10",
+    "@storybook/addon-actions": "8.1.10",
+    "@storybook/addon-essentials": "8.1.10",
+    "@storybook/addon-interactions": "8.1.10",
+    "@storybook/addon-links": "8.1.10",
+    "@storybook/blocks": "8.1.10",
+    "@storybook/html": "8.1.10",
+    "@storybook/html-vite": "8.1.10",
+    "@storybook/manager-api": "8.1.10",
     "@storybook/testing-library": "0.2.2",
     "@types/jest": "29.5.12",
-    "@types/node": "20.12.11",
-    "chromatic": "11.3.2",
+    "@types/node": "20.14.5",
+    "chromatic": "11.5.4",
     "eslint": "8.57.0",
     "eslint-plugin-storybook": "0.8.0",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "jest-junit": "16.0.0",
     "jest-transform-stub": "2.0.0",
-    "prettier": "3.2.5",
-    "puppeteer": "22.8.0",
-    "sass": "1.77.1",
-    "storybook": "8.0.10",
+    "prettier": "3.3.2",
+    "puppeteer": "22.11.2",
+    "sass": "1.77.6",
+    "storybook": "8.1.10",
     "ts-node": "10.9.2",
     "typescript": "5.4.5",
-    "vite": "5.2.11",
+    "vite": "5.3.1",
     "@mgdis/linting-stencil": "1.1.5",
-    "@mgdis/playwright-helpers": "1.0.6",
-    "eslint-config-stencil": "1.1.9",
-    "tsconfig": "1.0.2"
+    "@mgdis/playwright-helpers": "1.0.7",
+    "eslint-config-stencil": "1.1.10",
+    "tsconfig": "1.0.3"
   },
   "license": "BSD-3-Clause",
   "scripts": {