@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

package/dist/esm/form-control-RKlnnjxO.js

@@ -0,0 +1,127 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { l as waitAfterIdleCallback } from './index-DxEN1zze.js';
+
+/**
+ * Stencil's mock-doc `attachInternals()` (used by `@baloise/ds-core/hydrate` during SSR) returns a
+ * Proxy whose methods aren't implemented — calling them throws. Form association is meaningless
+ * during SSR anyway, so this is a no-op there.
+ */
+const setFormValue = (internals, value) => {
+    if (typeof internals.setFormValue === 'function') {
+        internals.setFormValue(value);
+    }
+};
+class FormControl {
+    constructor(component) {
+        this.component = component;
+        this.initialValue = null;
+        this.inputValue = null;
+        /**
+         * LISTENERS
+         * ------------------------------------------------------
+         */
+        this.listenOnClick = (ev) => {
+            if ((this.component.disabled || this.component.readonly) && ev.target && ev.target === this.component.el) {
+                stopEventBubbling(ev);
+            }
+        };
+        this.listenOnReset = (ev) => {
+            const formElement = ev.target;
+            if (formElement === null || formElement === void 0 ? void 0 : formElement.contains(this.component.el)) {
+                this.setValue(this.initialValue);
+                clearTimeout(this.resetHandlerTimer);
+                this.resetHandlerTimer = setTimeout(() => {
+                    if (this.nativeEl) {
+                        this.nativeEl.value = this.component.value;
+                    }
+                });
+            }
+        };
+        /**
+         * EVENT HANDLERS
+         * ------------------------------------------------------
+         */
+        this.onClick = (ev) => {
+            var _a;
+            if (!this.component.disabled && !this.component.readonly) {
+                (_a = this.component) === null || _a === void 0 ? void 0 : _a.dsClick.emit(ev);
+            }
+        };
+        this.onFocus = (ev) => {
+            var _a;
+            this.component.focused = true;
+            this.inputValue = this.component.value;
+            if (!this.component.disabled) {
+                (_a = this.component) === null || _a === void 0 ? void 0 : _a.dsFocus.emit(ev);
+            }
+        };
+        this.onBlur = (ev) => {
+            var _a;
+            this.component.focused = false;
+            if (!this.component.disabled) {
+                (_a = this.component) === null || _a === void 0 ? void 0 : _a.dsBlur.emit(ev);
+                this.setValue(this.inputValue);
+            }
+        };
+        this.onInput = (_ev) => {
+            var _a;
+            this.inputValue = (((_a = this.nativeEl) === null || _a === void 0 ? void 0 : _a.value) || null);
+            this.component.dsInput.emit(this.inputValue || undefined);
+        };
+        /**
+         * METHODS
+         * ------------------------------------------------------
+         */
+        this.setValue = (newValue) => {
+            if (hasValueChanged(this.component.value, newValue)) {
+                this.component.value = newValue;
+                this.inputValue = newValue;
+                setFormValue(this.component.internals, this.inputValue);
+                this.component.dsChange.emit(this.component.value);
+            }
+        };
+        this.setBlur = async () => {
+            var _a;
+            (_a = this === null || this === void 0 ? void 0 : this.nativeEl) === null || _a === void 0 ? void 0 : _a.blur();
+        };
+        this.setFocus = async () => {
+            var _a;
+            await waitAfterIdleCallback();
+            (_a = this === null || this === void 0 ? void 0 : this.nativeEl) === null || _a === void 0 ? void 0 : _a.focus();
+        };
+    }
+    /**
+     * LIFECYCLE
+     * ------------------------------------------------------
+     */
+    connectedCallback() {
+        this.initialValue = this.component.value;
+    }
+    componentDidLoad() {
+        this.inputValue = this.component.value;
+        setFormValue(this.component.internals, this.inputValue);
+    }
+}
+const isEmptyValue = (value) => {
+    return (value === '' ||
+        value === undefined ||
+        value === null ||
+        (Array.isArray(value) && !value.length) ||
+        (typeof value === 'number' && isNaN(value)));
+};
+const parseValue = (value) => {
+    return isEmptyValue(value) ? undefined : value;
+};
+const hasValueChanged = (oldValue, newValue) => {
+    return parseValue(oldValue) !== parseValue(newValue);
+};
+const stopEventBubbling = (ev) => {
+    if (ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+    }
+};
+
+export { FormControl as F, setFormValue as a, stopEventBubbling as s };

package/dist/esm/has-value-uy_-jH0L.js

@@ -0,0 +1,10 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import { i as isValueEmpty } from './create-validator-decorator-Da-m3zPX.js';
+
+function hasValue(value) {
+    return !isValueEmpty(value);
+}
+
+export { hasValue as h };