@mgdis/mg-components 6.22.1 → 6.23.0

package/dist/cjs/mg-input.conf-wgTh7iBb.js

@@ -0,0 +1,84 @@
+'use strict';
+
+/**
+ * Retrieve Component Storybook URL from file path
+ * @param storybookBaseUrl - Storybook Base URL
+ * @param filePath - Component file path
+ * @returns Component Storybook URL
+ */
+
+/**
+ * Per the HTML spec, a boolean attribute is `true` whenever it is present on the
+ * element, regardless of its value (including `="false"`). Stencil's default Prop
+ * parser converts the string `"false"` to the boolean `false`, which breaks this
+ * contract for consumers writing markup. Call this helper from `componentWillLoad`
+ * to re-normalize every present attribute that maps to a boolean-typed Prop.
+ *
+ * Iterates the host element's attributes and, for each one whose camelCase name
+ * matches a `typeof === 'boolean'` Prop on the instance, rewrites the attribute
+ * to `''` — Stencil's parser then turns that into `true` via the standard
+ * attribute → prop pipeline (no need for `mutable: true` on the Prop, since the
+ * write goes through Stencil's internal setter, not through user code).
+ *
+ * Non-boolean Props and non-Prop attributes (`class`, `id`, ...) are skipped
+ * naturally by the type check.
+ *
+ * @param target - the component instance (must expose `element` via `@Element()`)
+ *
+ * @example
+ * ```typescript
+ * @Component({ tag: 'my-input' })
+ * export class MyInput {
+ *   @Element() element: HTMLMyInputElement;
+ *   @Prop() readonly = false;
+ *   @Prop() disabled = false;
+ *
+ *   componentWillLoad() {
+ *     normalizeBooleanAttributes(this);
+ *   }
+ * }
+ * ```
+ */
+const normalizeBooleanAttributes = (target) => {
+    for (const attr of Array.from(target.element.attributes)) {
+        const propName = attr.name.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+        if (typeof target[propName] === 'boolean') {
+            target.element.setAttribute(attr.name, '');
+        }
+    }
+};
+
+/**
+ * Possible input width
+ */
+const widths = [2, 4, 16, 'full'];
+/**
+ * Possible tootltip postions
+ */
+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';
+const classVerticalList = 'mg-c-input--vertical-list';
+const classDisplayCharacterLeft = 'mg-c-input--display-character-left';
+
+exports.classDisabled = classDisabled;
+exports.classDisplayCharacterLeft = classDisplayCharacterLeft;
+exports.classFieldset = classFieldset;
+exports.classReadonly = classReadonly;
+exports.classVerticalList = classVerticalList;
+exports.isMgInputFile = isMgInputFile;
+exports.labelHeadings = labelHeadings;
+exports.normalizeBooleanAttributes = normalizeBooleanAttributes;
+exports.tooltipPositions = tooltipPositions;
+exports.widths = widths;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dz2LAZQT.js');
+var index = require('./index-BEF-cqV9.js');
 var index$2 = require('./index-BxB20_Vw.js');
 var index$1 = require('./index-CpENFzEo.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Dz2LAZQT.js');
+var index = require('./index-BEF-cqV9.js');
 var index$1 = require('./index-CpENFzEo.js');
 
 /**