@mgdis/mg-components 6.5.0 → 6.6.1

package/dist/cjs/mg-input.conf-5bbcea79.js

@@ -0,0 +1,23 @@
+'use strict';
+
+/**
+ * Possible input width
+ */
+const widths = [2, 4, 16, 'full'];
+/**
+ * Possible tootltip postions
+ */
+const tooltipPositions = ['input', 'label'];
+const classFieldset = 'mg-c-input--fieldset';
+const classDisabled = 'mg-c-input--disabled';
+const classReadonly = 'mg-c-input--readonly';
+const classVerticalList = 'mg-c-input--vertical-list';
+
+exports.classDisabled = classDisabled;
+exports.classFieldset = classFieldset;
+exports.classReadonly = classReadonly;
+exports.classVerticalList = classVerticalList;
+exports.tooltipPositions = tooltipPositions;
+exports.widths = widths;
+
+//# sourceMappingURL=mg-input.conf-5bbcea79.js.map

package/dist/cjs/mg-input.conf-5bbcea79.js.map

@@ -0,0 +1 @@
+{"file":"mg-input.conf-5bbcea79.js","mappings":";;AAAA;;;MAGa,MAAM,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,EAAW;AAIlD;;;MAGa,gBAAgB,GAAG,CAAC,OAAO,EAAE,OAAO,EAAW;MAoC/C,aAAa,GAAG,uBAAuB;MACvC,aAAa,GAAG,uBAAuB;MACvC,aAAa,GAAG,uBAAuB;MACvC,iBAAiB,GAAG;;;;;;;;;","names":[],"sources":["src/components/molecules/inputs/mg-input/mg-input.conf.ts"],"sourcesContent":["/**\n * Possible input width\n */\nexport const widths = [2, 4, 16, 'full'] as const;\n\nexport type Width = (typeof widths)[number];\n\n/**\n * Possible tootltip postions\n */\nexport const tooltipPositions = ['input', 'label'] as const;\n\nexport type TooltipPosition = (typeof tooltipPositions)[number];\n\n/**\n * Base interface for common methods\n */\ninterface InputBaseMethods {\n  required: boolean;\n  invalid: boolean;\n  labelOnTop: boolean;\n  readonly: boolean;\n  displayError: () => Promise<void>;\n  reset: () => Promise<void>;\n}\n\n/**\n * Possible Input types\n */\nexport type HTMLMgInputsElement =\n  | (HTMLMgInputElement & InputBaseMethods)\n  | HTMLMgInputCheckboxElement\n  | HTMLMgInputDateElement\n  | HTMLMgInputNumericElement\n  | HTMLMgInputPasswordElement\n  | HTMLMgInputRadioElement\n  | HTMLMgInputSelectElement\n  | HTMLMgInputTextElement\n  | HTMLMgInputTextareaElement\n  | (HTMLMgInputToggleElement & InputBaseMethods);\n\n/**\n * Available WindowEvent types\n */\nexport type EventType = keyof WindowEventMap & 'blur';\n\nexport const classFieldset = 'mg-c-input--fieldset';\nexport const classDisabled = 'mg-c-input--disabled';\nexport const classReadonly = 'mg-c-input--readonly';\nexport const classVerticalList = 'mg-c-input--vertical-list';\n"],"version":3}

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1a5a1081.js');
-const index$1 = require('./index-ede3b3dc.js');
-const index_es = require('./index.es-a112f649.js');
+const index$1 = require('./index-019dd5c0.js');
+const index_es = require('./index.es-903492c5.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 MgLoaderStyle0 = mgLoaderCss;
@@ -34,7 +34,7 @@ const MgLoader = class {
      * @returns HTML Element
      */
     render() {
-        return (index.h("div", { key: '8a6e91e7b727d2fa1478183c27caf11856cae5ce', class: "mg-c-loader", "aria-live": "polite" }, index.h("mg-icon", { key: '2417aafbc9d468413295dc89e4513cdd69a054b9', icon: "loader", spin: true }), index.h("span", { key: '23b5dbb5cd4cb2a062bbf1442737334fac2f4fba', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgess)));
+        return (index.h("div", { key: 'b9442e1060b119499a8f35444be6b371d340dffc', class: "mg-c-loader", "aria-live": "polite" }, index.h("mg-icon", { key: '9ef418d26dd97c570147c99948509368a8abe84b', icon: "loader", spin: true }), index.h("span", { key: '4cff50728afc076ffa202fa1b3973573d2a073e8', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgess)));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1a5a1081.js');
-const index_es = require('./index.es-a112f649.js');
+const index_es = require('./index.es-903492c5.js');
 
 /**
  * List of all possibles roles
@@ -78,7 +78,7 @@ const MgProgress = class {
      * @returns HTML Element
      */
     render() {
-        return (index.h(index.Host, { key: 'c2a8b5264af27dab4f81981a6d20d04d572321db', role: this.ariaRole, "aria-label": this.label, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max }, index.h("div", { key: '1ab08ca9582182c7c2e9cf1041e68cfd38390e3b', class: "mg-c-progress" }, index.h("div", { key: '95044f35b5fcc1b5eb380828acc3935ff30c6c1f', class: { 'mg-c-progress__bar': true, 'mg-c-progress__bar--active': this.value > this.min } }, index.h("div", { key: '4d3588379c0b1a135dd9118fd2cb3c00c9dd31cb', class: "mg-c-progress__fill", style: {
+        return (index.h(index.Host, { key: '53468a3432308e0e255a2a3ed8164091a414ba99', role: this.ariaRole, "aria-label": this.label, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max }, index.h("div", { key: 'c96350a559b88cbe3ff8db5df277284034772ac9', class: "mg-c-progress" }, index.h("div", { key: '9a5cb4e8f0d18ea2ba26b3689035e00ce2a52a15', class: { 'mg-c-progress__bar': true, 'mg-c-progress__bar--active': this.value > this.min } }, index.h("div", { key: 'fb1908f24f86754a3a7359669205e86e7e44c6ab', class: "mg-c-progress__fill", style: {
                 width: `${Math.round(((this.value - this.min) / (this.max - this.min)) * 100)}%`,
             } })))));
     }