@daikin-oss/design-system-web-components 1.6.0 → 2.0.0

package/dist/es/controllers/custom-readonly.d.ts

@@ -0,0 +1,28 @@
+import { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface CustomReadonlyControllerOptions {
+    /** Returns whether readonly fallback should be active. */
+    isReadonly: () => boolean;
+    /** Returns whether the control is effectively disabled. */
+    isDisabled?: () => boolean;
+    /** Keyboard keys that should be blocked when readonly is active. */
+    blockedKeys?: readonly string[];
+}
+/**
+ * Adds a readonly fallback for controls that do not support native readonly semantics.
+ *
+ * This controller blocks interaction events (pointerdown, keydown, wheel)
+ * to prevent the user from changing the value.
+ */
+export declare class CustomReadonlyController<T extends ReactiveControllerHost, E extends HTMLElement> implements ReactiveController {
+    private readonly _options;
+    private _target;
+    private readonly _blockedKeys;
+    constructor(host: T, _options: CustomReadonlyControllerOptions);
+    private _isReadonlyActive;
+    private readonly _preventInteraction;
+    private readonly _handleKeydown;
+    private _detachFromTarget;
+    private _attachToTarget;
+    setTarget(target: E | null): void;
+    hostDisconnected(): void;
+}

package/dist/es/controllers/custom-readonly.js

@@ -0,0 +1,59 @@
+class CustomReadonlyController {
+  constructor(host, _options) {
+    this._options = _options;
+    this._target = null;
+    this._preventInteraction = (event) => {
+      if (!this._isReadonlyActive()) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    this._handleKeydown = (event) => {
+      if (!this._isReadonlyActive() || !this._blockedKeys.has(event.key)) {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    host.addController(this);
+    this._blockedKeys = new Set(_options.blockedKeys ?? []);
+  }
+  _isReadonlyActive() {
+    return this._options.isReadonly() && !(this._options.isDisabled ? this._options.isDisabled() : false);
+  }
+  _detachFromTarget(target) {
+    target.removeEventListener("pointerdown", this._preventInteraction);
+    target.removeEventListener("keydown", this._handleKeydown);
+    target.removeEventListener("wheel", this._preventInteraction);
+  }
+  _attachToTarget(target) {
+    target.addEventListener("pointerdown", this._preventInteraction);
+    target.addEventListener("keydown", this._handleKeydown);
+    target.addEventListener("wheel", this._preventInteraction, {
+      passive: false
+    });
+  }
+  setTarget(target) {
+    const previous = this._target;
+    if (previous && previous !== target) {
+      this._detachFromTarget(previous);
+    }
+    this._target = target;
+    if (!target) {
+      return;
+    }
+    if (previous !== target) {
+      this._attachToTarget(target);
+    }
+  }
+  hostDisconnected() {
+    if (this._target) {
+      this._detachFromTarget(this._target);
+      this._target = null;
+    }
+  }
+}
+export {
+  CustomReadonlyController
+};

package/dist/es/index.js

@@ -57,7 +57,7 @@ import { DaikinTag } from "./components/tag/daikin-tag.js";
 import { DaikinTextArea } from "./components/text-area/daikin-text-area.js";
 import { DaikinTextField } from "./components/text-field/daikin-text-field.js";
 import { DaikinTextMaskedField } from "./components/text-masked-field/daikin-text-masked-field.js";
-import { DaikinTimePicker, calcDigitInput, formatPartsForUI, formatTimeForUI, from24HourFormat, getTimeItemInSelection, isTimeOutOfRange, isValidValueTime, parsePartsFromUIValue, to24HourFormat, tryParseTimeFromUIValue } from "./components/time-picker/daikin-time-picker.js";
+import { DaikinTimePicker, calcDigitInput, formatPartsForUI, formatTimeForUI, getTimeItemInSelection, isTimeOutOfRange, isValidValueTime, parsePartsFromUIValue, timeValueToUI, tryParseTimeFromUIValue, uiToTimeValue } from "./components/time-picker/daikin-time-picker.js";
 import { DaikinToastNotification } from "./components/toast-notification/daikin-toast-notification.js";
 import { DaikinToastNotificationManager } from "./components/toast-notification-manager/daikin-toast-notification-manager.js";
 import { DaikinToggle } from "./components/toggle/daikin-toggle.js";
@@ -147,7 +147,6 @@ export {
   defaultFilterFn,
   formatPartsForUI,
   formatTimeForUI,
-  from24HourFormat,
   getNavigationTarget,
   getSPANavigationURL,
   getTimeItemInSelection,
@@ -158,6 +157,7 @@ export {
   isValidValueTime,
   parsePartsFromUIValue,
   shouldSPANavigate,
-  to24HourFormat,
-  tryParseTimeFromUIValue
+  timeValueToUI,
+  tryParseTimeFromUIValue,
+  uiToTimeValue
 };