@mgdis/mg-components 6.20.0 → 6.22.0

package/dist/cjs/{mg-input.conf-D7jmj_lh.js → mg-input.conf-BNpeATnq.js}

@@ -12,6 +12,12 @@ const tooltipPositions = ['input', 'label'];
  * Possible label headings
  */
 const labelHeadings = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+/**
+ * Is HTMLMgInputElement an HTMLMgInputFileElement
+ * @param input - input element
+ * @returns true if input is an mg-input-file element
+ */
+const isMgInputFile = (input) => input.nodeName === 'MG-INPUT-FILE';
 const classFieldset = 'mg-c-input--fieldset';
 const classDisabled = 'mg-c-input--disabled';
 const classReadonly = 'mg-c-input--readonly';
@@ -23,6 +29,7 @@ exports.classDisplayCharacterLeft = classDisplayCharacterLeft;
 exports.classFieldset = classFieldset;
 exports.classReadonly = classReadonly;
 exports.classVerticalList = classVerticalList;
+exports.isMgInputFile = isMgInputFile;
 exports.labelHeadings = labelHeadings;
 exports.tooltipPositions = tooltipPositions;
 exports.widths = widths;

package/dist/cjs/mg-loader.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-Bp6wZzau.js');
-var index$2 = require('./index-TUElr4Wv.js');
+var index = require('./index-C2viYwrR.js');
+var index$2 = require('./index-BxB20_Vw.js');
 var index$1 = require('./index-CpENFzEo.js');
 
-const mgLoaderCss = ".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:var(--mg-b-size-4);text-align:center}";
+const mgLoaderCss = () => `.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:var(--mg-b-size-4);text-align:center}`;
 
 const MgLoader = class {
     constructor(hostRef) {
@@ -35,13 +35,15 @@ const MgLoader = class {
      * @returns HTML Element
      */
     render() {
-        return (index.h("div", { key: '739b4cbacd8a8da056dbb1445c40fac2cf26766a', class: "mg-c-loader", "aria-live": "polite" }, index.h("mg-icon", { key: '95d3cbf26fcd6dbf0dad4853bf55aa66385f1aba', icon: "loader", spin: true }), index.h("span", { key: 'f6322cd3054d8976bd2ec24f86a2d6bb60ca7ae1', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgress)));
+        return (index.h("div", { key: 'da82988810c1e2916a2464299844cad674cd1f12', class: "mg-c-loader", "aria-live": "polite" }, index.h("mg-icon", { key: '45588ae8dd55ca582a4872d4c1e731bb00681c28', icon: "loader", spin: true }), index.h("span", { key: '3bc07f4bbf8995de61c019942c33c8076793096a', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgress)));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
-        "message": ["watchMessage"]
+        "message": [{
+                "watchMessage": 0
+            }]
     }; }
 };
-MgLoader.style = mgLoaderCss;
+MgLoader.style = mgLoaderCss();
 
 exports.mg_loader = MgLoader;

package/dist/cjs/mg-progress.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Bp6wZzau.js');
+var index = require('./index-C2viYwrR.js');
 var index$1 = require('./index-CpENFzEo.js');
 
 /**
@@ -8,7 +8,7 @@ var index$1 = require('./index-CpENFzEo.js');
  */
 const roles = ['progressbar', 'meter'];
 
-const mgProgressCss = "/*!\n * @prop --mg-c-progress-size: Defines the size of the progress bar. Default value is `--mg-b-size-8`.\n * @prop --mg-c-progress-border-color: Defines the color of the progress bar border. Default value is `--mg-b-color-neutral-80`.\n * @prop --mg-c-progress-bar-color-background: Defines the color of the progress bar. Default value is `--mg-b-color-neutral-30`.\n * @prop --mg-c-progress-fill-color-background: Defines the color of the progress bar fill background. Default value is `--mg-b-color-app`.\n */.mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}";
+const mgProgressCss = () => `.mg-c-progress{min-width:calc(var(--mg-b-size-16)*4)}.mg-c-progress__bar{position:relative;overflow:hidden;height:var(--mg-c-progress-size);border-width:var(--mg-b-size-border);border-style:solid;border-color:var(--mg-c-progress-border-color);border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);background-color:var(--mg-c-progress-bar-color-background)}.mg-c-progress__fill{height:100%;border-radius:calc((var(--mg-c-progress-size) + var(--mg-b-size-border)*2)/2);transition:width 300ms ease-in-out}.mg-c-progress__bar.mg-c-progress__bar--active .mg-c-progress__fill{background-color:var(--mg-c-progress-fill-color-background)}`;
 
 const MgProgress = class {
     constructor(hostRef) {
@@ -75,18 +75,28 @@ const MgProgress = class {
      * @returns HTML Element
      */
     render() {
-        return (index.h(index.Host, { key: '8e6c727e9416fa777fd94b32d618a9137e8e08f7', role: this.ariaRole, "aria-label": this.label, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max }, index.h("div", { key: 'ac42ee9c5dda55d70aad7391895e4a013aaa27f9', class: "mg-c-progress" }, index.h("div", { key: '34c77bc6c133bc59b9daa68d7d6c8534f13f7d37', class: { 'mg-c-progress__bar': true, 'mg-c-progress__bar--active': this.value > this.min } }, index.h("div", { key: '7ea03a3f0c54ca0c81616c7c070d178a510dd7e1', class: "mg-c-progress__fill", style: {
+        return (index.h(index.Host, { key: '02466f9df3e5204eef158b9f733ba0af811ad9ed', role: this.ariaRole, "aria-label": this.label, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max }, index.h("div", { key: '88c2eafe55d169502ef5afccfbde3371fee5165f', class: "mg-c-progress" }, index.h("div", { key: 'b46159dbed388c58b198bdc330096669c454bcd3', class: { 'mg-c-progress__bar': true, 'mg-c-progress__bar--active': this.value > this.min } }, index.h("div", { key: '0faebcc86cc7a55ccab3d9fb8dce4403bff16ebf', class: "mg-c-progress__fill", style: {
                 width: `${Math.round(((this.value - this.min) / (this.max - this.min)) * 100)}%`,
             } })))));
     }
     static get watchers() { return {
-        "label": ["watchLabel"],
-        "ariaRole": ["watchAriaRole"],
-        "value": ["watchValue"],
-        "min": ["watchMin"],
-        "max": ["watchMax"]
+        "label": [{
+                "watchLabel": 0
+            }],
+        "ariaRole": [{
+                "watchAriaRole": 0
+            }],
+        "value": [{
+                "watchValue": 0
+            }],
+        "min": [{
+                "watchMin": 0
+            }],
+        "max": [{
+                "watchMax": 0
+            }]
     }; }
 };
-MgProgress.style = mgProgressCss;
+MgProgress.style = mgProgressCss();
 
 exports.mg_progress = MgProgress;