@uh-design-system/component-library 1.5.0 → 1.5.1

package/dist/collection/components/01-base-components/ds-text-input/ds-text-input.js

@@ -13,7 +13,7 @@ const INPUT_TYPE_ACTION_BUTTON_ICON_MAP = {
     search: ({ clearButtonVisible }) => (clearButtonVisible ? 'cancel_fill' : ''),
     password: ({ passwordInputVisible }) => (passwordInputVisible ? 'visibility_off_fill' : 'visibility_fill'),
 };
-export class DsTextInput extends Mixin(componentFactory('ds-text-input'), disableEventsFactory) {
+export class DsTextInput extends Mixin(componentFactory('ds-text-input', { stopRootTracking: true, stopRootTrackingExcept: ['ds-datepicker'] }), disableEventsFactory) {
     constructor() {
         super();
     }
@@ -261,7 +261,7 @@ export class DsTextInput extends Mixin(componentFactory('ds-text-input'), disabl
         const ariaLabel = this.dsAriaLabel || attrAriaLabel;
         const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
         const ariaDescribedby = this.dsAriaDescribedby || attrAriaDescribedby;
-        return (h(Fragment, { key: '2eb773854726b60fcb3b0f9a9a06daee18b35d32' }, h(DsControlLabel, { key: '0cdf049b12816129875a7627f3da99219e7f5414', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: 'a24c6329f07ac0635040c5feab817668c4846faa', name: "label" }), h("slot", { key: '0e5d404eb9bea67b304cbc86e2d6a38de5f2df38', name: "assistiveText" })), h("div", { key: 'c4809794f735743d0ad6e67bfa741d64880e1e6d', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
+        return (h(Fragment, { key: 'fccd8aa55db309c162cc26d991eff81c21581129' }, h(DsControlLabel, { key: '7138322a1f4a103954b09ae50ff67f9e3cd10754', dsHtmlFor: this.dsId, dsLabel: this.dsLabel, dsAssistiveText: this.dsAssistiveText, dsAssistiveTextId: this.assistiveTextId, dsVisuallyHiddenAssistiveText: this.dsHiddenAssistiveText, dsVisuallyHiddenAssistiveTextId: this.visuallyHiddenAssistiveTextId, dsRequired: this.dsRequired, dsOptional: this.dsOptional, dsOptionalText: this.dsOptionalText }, h("slot", { key: 'af89c9cd17d05b66ee050b30240988fcfcd3286c', name: "label" }), h("slot", { key: '77af55ac539fb8b8d95ec024f542f6a2ce24b5dd', name: "assistiveText" })), h("div", { key: '4e036a7c8c51d4eacfd616dbaf514261ed794619', onMouseDown: () => (this.inputActive = true), onMouseUp: () => (this.inputActive = false), onClick: e => this.handleInputContainerClick(e), class: classNames(containerClass, {
                 [`${containerClass}--disabled`]: this.dsDisabled,
                 [`${containerClass}--readonly`]: this.dsReadonly,
                 [`${containerClass}--valid`]: !!this.dsSuccessText,
@@ -269,12 +269,12 @@ export class DsTextInput extends Mixin(componentFactory('ds-text-input'), disabl
                 [`${containerClass}--focus`]: this.hasFocus,
                 [`${containerClass}--active`]: !!this.inputActive,
                 [`${baseClass}--full-width`]: this.dsFullWidth,
-            }) }, this.renderPrefixContent(baseClass), h("input", { key: '450c58f177064bd5bb82d7eafb96087cc2f11b70', ref: el => (this.inputElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
+            }) }, this.renderPrefixContent(baseClass), h("input", { key: 'dac488025dd29d22bed34be5e3f3e7cefc5cee58', ref: el => (this.inputElement = el), id: this.dsId, name: this.dsName, form: this.dsForm, disabled: this.dsDisabled, required: this.dsRequired, readonly: this.dsReadonly, value: this.internalValue, type: inputType, min: this.dsMin, max: this.dsMax, maxlength: this.dsMaxLength, pattern: this.dsPattern, step: this.dsStep, placeholder: this.dsPlaceholder, autocomplete: this.dsAutocomplete, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onInvalid: this.handleInvalid, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...ifDefined('aria-describedby', ariaDescribedby ||
                 classNames({
                     [this.assistiveTextId]: !!this.dsAssistiveText,
                     [this.visuallyHiddenAssistiveTextId]: !!this.dsHiddenAssistiveText,
                     [this.validityId]: !!this.dsErrorText || !!this.dsSuccessText,
-                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: '0e3c10f303d035322338304d1b5a4e87f5edbc2d', name: "validity" }, h(DsInputValidity, { key: '2005469a89a45ed64d4274ec042a274f62123026', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
+                })), "aria-invalid": this.dsInvalid || this.dsErrorText ? 'true' : 'false', ...restAttributes }), this.renderSuffixContent(baseClass)), h("slot", { key: 'fc1bdeef99168ac8bdff630f32597f99d1e2d35d', name: "validity" }, h(DsInputValidity, { key: '01a48bda0561e8e14c7148c1e8c7cb0f0c127b3e', id: this.validityId, dsText: this.validityText, dsType: this.validityType }))));
     }
     static get is() { return "ds-text-input"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/01-base-components/ds-versioned-css-variables/ds-versioned-css-variables.js

@@ -4,11 +4,12 @@ export class DsVersionedCssVariables extends Mixin(componentFactory('ds-versione
     constructor() {
         super();
     }
+    el;
     componentDidLoad() {
         this.componentMounted();
     }
     render() {
-        return (h(Host, { key: 'ef3cd2a4438ea0dc63be82f78420888b84009085' }, h("slot", { key: '7bcb80476873517e955e73f7a7d9cf1a72e3086a' })));
+        return (h(Host, { key: '234946e0823167987ec67ab4ead2dc4e3a895c3b' }, h("slot", { key: '8dfa46aee5728895ed2de8ddeb9f9fdcc7eeafbc' })));
     }
     static get is() { return "ds-versioned-css-variables"; }
     static get encapsulation() { return "scoped"; }
@@ -22,4 +23,5 @@ export class DsVersionedCssVariables extends Mixin(componentFactory('ds-versione
             "$": ["ds-versioned-css-variables.css"]
         };
     }
+    static get elementRef() { return "el"; }
 }

package/dist/collection/components/01-base-components/ds-visually-hidden/ds-visually-hidden.css

@@ -2,7 +2,7 @@
   position: absolute;
 }
 
-.ds-visually-hidden__GqWYnG {
+.ds-visually-hidden__bQiYWO {
   clip: rect(0 0 0 0);
   clip-path: inset(50%);
   height: 1px;

package/dist/collection/components/01-base-components/ds-visually-hidden/ds-visually-hidden.js

@@ -4,7 +4,7 @@ export class DsVisuallyHidden {
     dsTag = 'div';
     render() {
         const baseClass = cx('ds-visually-hidden');
-        return (h(this.dsTag, { key: 'fd41ae341098a35db3c4f30c1ae2720937a82a56', class: baseClass }, h("slot", { key: '43f6e10af6b55cfe08ab0e14482128ad0af50e50' })));
+        return (h(this.dsTag, { key: '8d98eed2e5abe80102e59ad8e1a4e9f5d6169ea1', class: baseClass }, h("slot", { key: '06bc60ab50213322e16820eeb2c1de7527736de0' })));
     }
     static get is() { return "ds-visually-hidden"; }
     static get encapsulation() { return "scoped"; }
@@ -29,7 +29,7 @@ export class DsVisuallyHidden {
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": "Specifies the HTML tag to render for the visually hidden component."

package/dist/collection/utils/utils.js

@@ -119,3 +119,24 @@ const selectionKeys = ['Enter', ' '];
 export function isSelectionKey(key, excludes) {
     return isKey(key, selectionKeys, excludes);
 }
+export const injectMatomoScript = (appName) => {
+    const matomoSrc = 'https://matomo.it.helsinki.fi/matomo/js/container_hxIamClK.js';
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+        return;
+    }
+    if (Array.from(document.scripts).some(s => s.src === matomoSrc)) {
+        return;
+    }
+    globalThis._uhdsMatomoAppName = appName;
+    globalThis._mtm = globalThis._mtm || [];
+    globalThis._mtm.push({ 'mtm.startTime': new Date().getTime(), 'event': 'mtm.Start' });
+    const g = document.createElement('script');
+    g.async = true;
+    g.src = matomoSrc;
+    const s = document.scripts[0];
+    if (s?.parentNode) {
+        s.parentNode.insertBefore(g, s);
+        return;
+    }
+    (document.head ?? document.documentElement).appendChild(g);
+};