npm - @sdcorejs/angular - Versions diffs - 19.1.5 → 19.2.0 - Mend

@sdcorejs/angular 19.1.5 → 19.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (361) hide show

package/fesm2022/sdcorejs-angular-forms-time-range.mjs CHANGED Viewed

@@ -5,8 +5,7 @@ import { SdView } from '@sdcorejs/angular/components/view';
 import { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdLabel } from '@sdcorejs/angular/forms/label';
 import { ɵsdCoerceFormGroup as _sdCoerceFormGroup, sdViewedTransform, SdFormControl, sdFormControlState, SdInlineErrorValidator, ɵsdFormControlConnector as _sdFormControlConnector } from '@sdcorejs/angular/forms/models';
-import { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';
-import { SdIcon } from '@sdcorejs/angular/modules/icon';
+import { I18nService } from '@sdcorejs/angular/i18n';
 import { sdIsEmpty, sdSerializeDataValue } from '@sdcorejs/angular/utilities/data-state';
 import { Utilities } from '@sdcorejs/utils/fns';
@@ -124,9 +123,25 @@ class SdTimeRange {
             required: this.required(),
             allowOpenEnded: this.allowOpenEnded(),
         };
+        // why: text gõ sai ở endpoint (vd "25:10") KHÔNG bao giờ tới được model tổng — `sd-time` chỉ
+        // ghi model khi giá trị hợp lệ. Vì chỉ control tổng được đăng ký vào form cha, trạng thái
+        // invalid của endpoint phải được kéo lên đây, nếu không form cha báo VALID trong khi UI đang đỏ.
+        // why: phải đọc bản THÔ, KHÔNG phải `endpointInvalid` (đã gate theo `touched || dirty`). Kể từ
+        // khi endpoint bị gỡ khỏi FormGroup của consumer, validator này là ĐƯỜNG DUY NHẤT để validity
+        // của endpoint tới được form cha — gate theo tương tác ở đây nghĩa là một endpoint invalid mà
+        // người dùng chưa chạm vào sẽ để `form.valid === true` trong khi UI đang đỏ. Bản gate chỉ dùng
+        // cho HIỂN THỊ (`visibleError`, `dataInvalid`).
+        const endpointInvalid = this.endpointInvalidRaw();
         const rangeValidator = control => {
+            // why: `endpoint` phải CỘNG THÊM vào lỗi của range chứ không được THAY THẾ. Trả về mỗi
+            // `{ endpoint: true }` sẽ xoá sạch `required`/`incomplete`/`range` khỏi control tổng, nên
+            // consumer (và cả `errorMessage` của chính component) bắt theo các key đó sẽ hỏng trong im
+            // lặng — vd `[required]` + blur ô "Từ" khi chưa gõ gì: `hasError('required')` bỗng thành false.
             const error = sdValidateTimeRange(control.value, constraints);
-            return error ? { [error]: true } : null;
+            const errors = error ? { [error]: true } : {};
+            if (endpointInvalid)
+                errors['endpoint'] = true;
+            return Object.keys(errors).length > 0 ? errors : null;
         };
         return this.inlineError() ? [rangeValidator, SdInlineErrorValidator] : [rangeValidator];
     });
@@ -163,13 +178,35 @@ class SdTimeRange {
         const to = value?.to ?? '';
         return from || to ? `${from} → ${to}` : '';
     });
-    showClear = computed(() => {
-        const fromControlValue = this.fromTime()?.connectorState().value;
-        const toControlValue = this.toTime()?.connectorState().value;
-        const hasValue = !sdIsEmpty(fromControlValue) || !sdIsEmpty(toControlValue) || !sdIsEmpty(this.fromValue()) || !sdIsEmpty(this.toValue());
-        return this.clearable() && hasValue && !this.required() && !this.disabled() && !this.isReadonly();
-    });
+    /**
+     * Endpoint invalid ĐÃ gate theo tương tác — CHỈ dùng cho hiển thị (message, `data-invalid`).
+     * `connectorState().invalid` của `sd-time` là `invalid && (touched || dirty)`.
+     */
     endpointInvalid = computed(() => !!(this.fromTime()?.connectorState().invalid || this.toTime()?.connectorState().invalid));
+    /**
+     * Endpoint invalid THÔ — không gate theo tương tác. Dùng cho VALIDATOR của control tổng.
+     * why: endpoint không còn được đăng ký vào FormGroup của consumer, nên validity của chúng chỉ
+     * tới được form cha qua control tổng. Nếu đường đó cũng gate theo `touched || dirty` thì một
+     * endpoint invalid do ghi programmatic (chưa ai chạm vào) sẽ để form cha VALID — sai contract
+     * đã ghi trong `sd-time-range.md`.
+     * `formControl.invalid` là property thường nên tự nó không phát tín hiệu; đọc `connectorState()`
+     * một nhịp để computed có dependency reactive theo `events` của endpoint control.
+     */
+    endpointInvalidRaw = computed(() => {
+        const from = this.fromTime();
+        const to = this.toTime();
+        void from?.connectorState();
+        void to?.connectorState();
+        return !!(from?.formControl.invalid || to?.formControl.invalid);
+    });
+    /**
+     * Message đã gate theo tương tác — thứ template được phép hiển thị.
+     * why: `errorMessage()` thô bung lỗi ngay lần paint đầu với `[required]`, khi người dùng chưa
+     * chạm vào ô nào. `connectorState().validationError` gate theo control tổng; range còn có 2
+     * endpoint có thể invalid trong khi control tổng chưa dirty (text sai không tới được model tổng),
+     * nên phải cộng thêm nhánh endpoint — `endpointInvalid` tự nó đã gate theo touched/dirty.
+     */
+    visibleError = computed(() => this.connectorState().validationError ?? (this.endpointInvalid() ? this.errorMessage() : undefined));
     dataDisabled = computed(() => (this.#state().disabled ? 'true' : 'false'));
     dataInvalid = computed(() => (this.#state().invalid || this.endpointInvalid() ? 'true' : 'false'));
     dataEmpty = computed(() => {
@@ -184,7 +221,10 @@ class SdTimeRange {
     dataErrorMessage = computed(() => this.errorMessage() ?? null);
     errorMessage = computed(() => {
         void this.#state();
-        void this.endpointInvalid();
+        // why: đọc bản THÔ. Connector gắn lại validator bằng `updateValueAndValidity({ emitEvent: false })`
+        // nên `#state` KHÔNG tick khi tập lỗi của control tổng đổi vì endpoint; `endpointInvalidRaw`
+        // đổi đúng vào lúc đó nên nó là dependency duy nhất kéo message tính lại.
+        void this.endpointInvalidRaw();
         const errors = this.formControl.errors;
         const endpointErrors = this.fromTime()?.formControl.errors ?? this.toTime()?.formControl.errors;
         if (errors?.['required'] || endpointErrors?.['required'])
@@ -260,7 +300,7 @@ class SdTimeRange {
         this.formControl.markAsDirty();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTimeRange, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdTimeRange, isStandalone: true, selector: "sd-time-range", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, fromPlaceholder: { classPropertyName: "fromPlaceholder", publicName: "fromPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, toPlaceholder: { classPropertyName: "toPlaceholder", publicName: "toPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, stepInput: { classPropertyName: "stepInput", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, allowOpenEnded: { classPropertyName: "allowOpenEnded", publicName: "allowOpenEnded", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, hideInlineError: { classPropertyName: "hideInlineError", publicName: "hideInlineError", isSignal: true, isRequired: false, transformFunction: null }, inlineError: { classPropertyName: "inlineError", publicName: "inlineError", isSignal: true, isRequired: false, transformFunction: null }, hyperlink: { classPropertyName: "hyperlink", publicName: "hyperlink", isSignal: true, isRequired: false, transformFunction: null }, valueModel: { classPropertyName: "valueModel", publicName: "model", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueModel: "modelChange", sdChange: "sdChange", sdFocus: "sdFocus", sdBlur: "sdBlur" }, host: { properties: { "class.sd-has-label": "!!label()", "class.sd-viewed": "connectorState().isViewed || connectorState().isInline", "class.sd-bare": "connectorState().isInline" } }, queries: [{ propertyName: "sdLabelTemplate", first: true, predicate: ["sdLabel"], descendants: true, isSignal: true }, { propertyName: "sdValueTemplate", first: true, predicate: ["sdValue"], descendants: true, isSignal: true }, { propertyName: "sdViewDef", first: true, predicate: SdViewDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fromTime", first: true, predicate: ["fromTime"], descendants: true, isSignal: true }, { propertyName: "toTime", first: true, predicate: ["toTime"], descendants: true, isSignal: true }], ngImport: i0, template: "@let _label = label();\n@let _errorMessage = errorMessage();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  <ng-content select=\"[sdLabel]\">\n    @if (_label) {\n      <sd-label [label]=\"_label\" [helperText]=\"helperText()\" [required]=\"_required\"></sd-label>\n    }\n  </ng-content>\n\n  <div\n    class=\"sd-time-range-fields\"\n    role=\"group\"\n    [attr.aria-label]=\"groupAriaLabel()\"\n    [attr.aria-invalid]=\"dataInvalid()\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-disabled]=\"dataDisabled()\"\n    [attr.data-invalid]=\"dataInvalid()\"\n    [attr.data-empty]=\"dataEmpty()\"\n    [attr.data-value]=\"dataValue()\"\n    [attr.data-required]=\"dataRequired()\"\n    [attr.data-error-message]=\"dataErrorMessage()\">\n    <sd-time\n      #fromTime\n      class=\"sd-time-range-endpoint\"\n      [form]=\"form()\"\n      [name]=\"fromName\"\n      [autoId]=\"fromAutoId()\"\n      [placeholder]=\"fromPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"fromAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"fromValue()\"\n      (modelChange)=\"onFromChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n\n    <span class=\"sd-time-range-separator\" aria-hidden=\"true\">\u2192</span>\n\n    <sd-time\n      #toTime\n      class=\"sd-time-range-endpoint\"\n      [form]=\"form()\"\n      [name]=\"toName\"\n      [autoId]=\"toAutoId()\"\n      [placeholder]=\"toPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"toAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"toValue()\"\n      (modelChange)=\"onToChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n\n    @if (showClear()) {\n      <button type=\"button\" class=\"sd-time-range-clear\" (click)=\"clear()\" [attr.aria-label]=\"'core.form.time-range.clear' | translate\">\n        <sd-icon name=\"close\"></sd-icon>\n      </button>\n    }\n  </div>\n\n  @if (!hideInlineError() && _errorMessage) {\n    <div class=\"sd-time-range-error\" role=\"alert\">{{ _errorMessage }}</div>\n  }\n}\n", styles: [":host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}.sd-time-range-fields{display:flex;align-items:flex-start;gap:8px}.sd-time-range-endpoint{min-width:0;flex:1 1 0}.sd-time-range-separator{display:inline-flex;min-height:56px;align-items:center}.sd-time-range-clear{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;margin-top:8px;border:0;background:transparent;cursor:pointer}.sd-time-range-error{padding:0 16px;color:var(--mat-form-field-error-text-color, #ba1a1a);font-size:12px}@media(max-width:599px){.sd-time-range-fields{flex-wrap:wrap}.sd-time-range-endpoint{flex-basis:calc(50% - 20px)}}\n"], dependencies: [{ kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "component", type: SdLabel, selector: "sd-label", inputs: ["label", "description", "required", "helperText"] }, { kind: "component", type: SdTime, selector: "sd-time", inputs: ["autoId", "name", "form", "label", "ariaLabel", "helperText", "placeholder", "size", "appearance", "floatLabel", "min", "max", "step", "required", "clearable", "disabled", "readonly", "viewed", "hideInlineError", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur"] }, { kind: "component", type: SdView, selector: "sd-view", inputs: ["label", "value", "display", "hyperlink", "labelTemplate", "valueTemplate", "selectedItems"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdTimeRange, isStandalone: true, selector: "sd-time-range", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: false, transformFunction: null }, fromPlaceholder: { classPropertyName: "fromPlaceholder", publicName: "fromPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, toPlaceholder: { classPropertyName: "toPlaceholder", publicName: "toPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, stepInput: { classPropertyName: "stepInput", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, allowOpenEnded: { classPropertyName: "allowOpenEnded", publicName: "allowOpenEnded", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, viewed: { classPropertyName: "viewed", publicName: "viewed", isSignal: true, isRequired: false, transformFunction: null }, hideInlineError: { classPropertyName: "hideInlineError", publicName: "hideInlineError", isSignal: true, isRequired: false, transformFunction: null }, inlineError: { classPropertyName: "inlineError", publicName: "inlineError", isSignal: true, isRequired: false, transformFunction: null }, hyperlink: { classPropertyName: "hyperlink", publicName: "hyperlink", isSignal: true, isRequired: false, transformFunction: null }, valueModel: { classPropertyName: "valueModel", publicName: "model", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueModel: "modelChange", sdChange: "sdChange", sdFocus: "sdFocus", sdBlur: "sdBlur" }, host: { properties: { "class.sd-has-label": "!!label()", "class.sd-viewed": "connectorState().isViewed || connectorState().isInline", "class.sd-bare": "connectorState().isInline", "class.sd-time-range--md": "size() === 'md'", "class.sd-time-range--sm": "size() === 'sm'" } }, queries: [{ propertyName: "sdLabelTemplate", first: true, predicate: ["sdLabel"], descendants: true, isSignal: true }, { propertyName: "sdValueTemplate", first: true, predicate: ["sdValue"], descendants: true, isSignal: true }, { propertyName: "sdViewDef", first: true, predicate: SdViewDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "fromTime", first: true, predicate: ["fromTime"], descendants: true, isSignal: true }, { propertyName: "toTime", first: true, predicate: ["toTime"], descendants: true, isSignal: true }], ngImport: i0, template: "@let _label = label();\n<!-- why: b\u1EA3n \u0111\u00E3 gate theo t\u01B0\u01A1ng t\u00E1c, KH\u00D4NG d\u00F9ng `errorMessage()` th\u00F4 \u2014 range `[required]`\n     tr\u01B0\u1EDBc \u0111\u00E2y bung l\u1ED7i ngay l\u1EA7n paint \u0111\u1EA7u, khi ng\u01B0\u1EDDi d\u00F9ng c\u00F2n ch\u01B0a ch\u1EA1m v\u00E0o \u00F4 n\u00E0o. -->\n@let _errorMessage = visibleError();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  <ng-content select=\"[sdLabel]\">\n    @if (_label) {\n      <sd-label [label]=\"_label\" [helperText]=\"helperText()\" [required]=\"_required\"></sd-label>\n    }\n  </ng-content>\n\n  <div\n    class=\"sd-time-range-fields\"\n    role=\"group\"\n    [attr.aria-label]=\"groupAriaLabel()\"\n    [attr.aria-invalid]=\"dataInvalid()\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-disabled]=\"dataDisabled()\"\n    [attr.data-invalid]=\"dataInvalid()\"\n    [attr.data-empty]=\"dataEmpty()\"\n    [attr.data-value]=\"dataValue()\"\n    [attr.data-required]=\"dataRequired()\"\n    [attr.data-error-message]=\"dataErrorMessage()\">\n    <!-- why: KH\u00D4NG truy\u1EC1n [form] xu\u1ED1ng endpoint. Tr\u01B0\u1EDBc \u0111\u00E2y m\u1ED7i endpoint t\u1EF1 \u0111\u0103ng k\u00FD v\u00E0o FormGroup\n         c\u1EE7a consumer d\u01B0\u1EDBi t\u00EAn `from-<uuid>` / `to-<uuid>`, n\u00EAn `form.value` m\u1ECDc th\u00EAm 2 key \u0111\u1ED5i\n         theo t\u1EEBng instance \u2014 v\u1EE1 shape gi\u00E1 tr\u1ECB v\u00E0 `form.reset(obj)`. Ch\u1EC9 control t\u1ED5ng \u0111\u01B0\u1EE3c \u0111\u0103ng k\u00FD;\n         tr\u1EA1ng th\u00E1i invalid c\u1EE7a endpoint \u0111\u01B0\u1EE3c k\u00E9o l\u00EAn control t\u1ED5ng qua `#validators`. -->\n    <sd-time\n      #fromTime\n      class=\"sd-time-range-endpoint\"\n      [name]=\"fromName\"\n      [autoId]=\"fromAutoId()\"\n      [placeholder]=\"fromPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"fromAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [clearable]=\"clearable()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"fromValue()\"\n      (modelChange)=\"onFromChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n\n    <!-- why: GI\u1EEE aria-hidden \u2014 m\u0169i t\u00EAn ch\u1EC9 l\u00E0 trang tr\u00ED, \u00FD ngh\u0129a \"t\u1EEB \u2192 \u0111\u1EBFn\" \u0111\u00E3 n\u1EB1m trong\n         aria-label c\u1EE7a hai <sd-time> con; \u0111\u1ECDc th\u00EAm \"m\u0169i t\u00EAn ph\u1EA3i\" ch\u1EC9 g\u00E2y nhi\u1EC5u. -->\n    <span class=\"sd-time-range-separator\" aria-hidden=\"true\">\u2192</span>\n\n    <sd-time\n      #toTime\n      class=\"sd-time-range-endpoint\"\n      [name]=\"toName\"\n      [autoId]=\"toAutoId()\"\n      [placeholder]=\"toPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"toAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [clearable]=\"clearable()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"toValue()\"\n      (modelChange)=\"onToChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n  </div>\n\n  @if (!hideInlineError() && _errorMessage) {\n    <div class=\"sd-time-range-error\" role=\"alert\">{{ _errorMessage }}</div>\n  }\n}\n", styles: [":host{display:block;--sd-time-range-row-height: 56px}:host(.sd-time-range--md){--sd-time-range-row-height: 44px}:host(.sd-time-range--sm){--sd-time-range-row-height: 32px}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}.sd-time-range-fields{display:flex;align-items:flex-start;gap:8px}.sd-time-range-endpoint{min-width:0;flex:1 1 0}.sd-time-range-separator{display:inline-flex;flex:0 0 auto;height:var(--sd-time-range-row-height);align-items:center;justify-content:center;color:var(--sd-text-secondary, #667085);line-height:1}.sd-time-range-error{padding:0 16px;color:var(--mat-form-field-error-text-color, #ba1a1a);font-size:12px}@media(max-width:599px){.sd-time-range-fields{flex-wrap:wrap}.sd-time-range-endpoint{flex-basis:calc(50% - 12px)}}\n"], dependencies: [{ kind: "component", type: SdLabel, selector: "sd-label", inputs: ["label", "description", "required", "helperText"] }, { kind: "component", type: SdTime, selector: "sd-time", inputs: ["autoId", "name", "form", "label", "ariaLabel", "helperText", "placeholder", "size", "appearance", "floatLabel", "min", "max", "step", "required", "clearable", "disabled", "readonly", "viewed", "hideInlineError", "inlineError", "hyperlink", "model"], outputs: ["modelChange", "sdChange", "sdFocus", "sdBlur"] }, { kind: "component", type: SdView, selector: "sd-view", inputs: ["label", "value", "display", "hyperlink", "labelTemplate", "valueTemplate", "selectedItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTimeRange, decorators: [{
             type: Component,
@@ -268,7 +308,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                         '[class.sd-has-label]': '!!label()',
                         '[class.sd-viewed]': 'connectorState().isViewed || connectorState().isInline',
                         '[class.sd-bare]': 'connectorState().isInline',
-                    }, imports: [SdIcon, SdLabel, SdTime, SdView, TranslatePipe], template: "@let _label = label();\n@let _errorMessage = errorMessage();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  <ng-content select=\"[sdLabel]\">\n    @if (_label) {\n      <sd-label [label]=\"_label\" [helperText]=\"helperText()\" [required]=\"_required\"></sd-label>\n    }\n  </ng-content>\n\n  <div\n    class=\"sd-time-range-fields\"\n    role=\"group\"\n    [attr.aria-label]=\"groupAriaLabel()\"\n    [attr.aria-invalid]=\"dataInvalid()\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-disabled]=\"dataDisabled()\"\n    [attr.data-invalid]=\"dataInvalid()\"\n    [attr.data-empty]=\"dataEmpty()\"\n    [attr.data-value]=\"dataValue()\"\n    [attr.data-required]=\"dataRequired()\"\n    [attr.data-error-message]=\"dataErrorMessage()\">\n    <sd-time\n      #fromTime\n      class=\"sd-time-range-endpoint\"\n      [form]=\"form()\"\n      [name]=\"fromName\"\n      [autoId]=\"fromAutoId()\"\n      [placeholder]=\"fromPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"fromAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"fromValue()\"\n      (modelChange)=\"onFromChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n\n    <span class=\"sd-time-range-separator\" aria-hidden=\"true\">\u2192</span>\n\n    <sd-time\n      #toTime\n      class=\"sd-time-range-endpoint\"\n      [form]=\"form()\"\n      [name]=\"toName\"\n      [autoId]=\"toAutoId()\"\n      [placeholder]=\"toPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"toAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"toValue()\"\n      (modelChange)=\"onToChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n\n    @if (showClear()) {\n      <button type=\"button\" class=\"sd-time-range-clear\" (click)=\"clear()\" [attr.aria-label]=\"'core.form.time-range.clear' | translate\">\n        <sd-icon name=\"close\"></sd-icon>\n      </button>\n    }\n  </div>\n\n  @if (!hideInlineError() && _errorMessage) {\n    <div class=\"sd-time-range-error\" role=\"alert\">{{ _errorMessage }}</div>\n  }\n}\n", styles: [":host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}.sd-time-range-fields{display:flex;align-items:flex-start;gap:8px}.sd-time-range-endpoint{min-width:0;flex:1 1 0}.sd-time-range-separator{display:inline-flex;min-height:56px;align-items:center}.sd-time-range-clear{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;margin-top:8px;border:0;background:transparent;cursor:pointer}.sd-time-range-error{padding:0 16px;color:var(--mat-form-field-error-text-color, #ba1a1a);font-size:12px}@media(max-width:599px){.sd-time-range-fields{flex-wrap:wrap}.sd-time-range-endpoint{flex-basis:calc(50% - 20px)}}\n"] }]
+                        // why: mũi tên "→" phải canh giữa theo CHIỀU CAO Ô INPUT, không phải theo cả field (field còn
+                        // ôm subscript lỗi bên dưới). Chiều cao ô đổi theo size của mat-form-field, nên host phát class
+                        // size để SCSS chọn đúng `--sd-time-range-row-height`.
+                        '[class.sd-time-range--md]': "size() === 'md'",
+                        '[class.sd-time-range--sm]': "size() === 'sm'",
+                    }, imports: [SdLabel, SdTime, SdView], template: "@let _label = label();\n<!-- why: b\u1EA3n \u0111\u00E3 gate theo t\u01B0\u01A1ng t\u00E1c, KH\u00D4NG d\u00F9ng `errorMessage()` th\u00F4 \u2014 range `[required]`\n     tr\u01B0\u1EDBc \u0111\u00E2y bung l\u1ED7i ngay l\u1EA7n paint \u0111\u1EA7u, khi ng\u01B0\u1EDDi d\u00F9ng c\u00F2n ch\u01B0a ch\u1EA1m v\u00E0o \u00F4 n\u00E0o. -->\n@let _errorMessage = visibleError();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  <ng-content select=\"[sdLabel]\">\n    @if (_label) {\n      <sd-label [label]=\"_label\" [helperText]=\"helperText()\" [required]=\"_required\"></sd-label>\n    }\n  </ng-content>\n\n  <div\n    class=\"sd-time-range-fields\"\n    role=\"group\"\n    [attr.aria-label]=\"groupAriaLabel()\"\n    [attr.aria-invalid]=\"dataInvalid()\"\n    [attr.data-autoId]=\"autoId()\"\n    [attr.data-disabled]=\"dataDisabled()\"\n    [attr.data-invalid]=\"dataInvalid()\"\n    [attr.data-empty]=\"dataEmpty()\"\n    [attr.data-value]=\"dataValue()\"\n    [attr.data-required]=\"dataRequired()\"\n    [attr.data-error-message]=\"dataErrorMessage()\">\n    <!-- why: KH\u00D4NG truy\u1EC1n [form] xu\u1ED1ng endpoint. Tr\u01B0\u1EDBc \u0111\u00E2y m\u1ED7i endpoint t\u1EF1 \u0111\u0103ng k\u00FD v\u00E0o FormGroup\n         c\u1EE7a consumer d\u01B0\u1EDBi t\u00EAn `from-<uuid>` / `to-<uuid>`, n\u00EAn `form.value` m\u1ECDc th\u00EAm 2 key \u0111\u1ED5i\n         theo t\u1EEBng instance \u2014 v\u1EE1 shape gi\u00E1 tr\u1ECB v\u00E0 `form.reset(obj)`. Ch\u1EC9 control t\u1ED5ng \u0111\u01B0\u1EE3c \u0111\u0103ng k\u00FD;\n         tr\u1EA1ng th\u00E1i invalid c\u1EE7a endpoint \u0111\u01B0\u1EE3c k\u00E9o l\u00EAn control t\u1ED5ng qua `#validators`. -->\n    <sd-time\n      #fromTime\n      class=\"sd-time-range-endpoint\"\n      [name]=\"fromName\"\n      [autoId]=\"fromAutoId()\"\n      [placeholder]=\"fromPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"fromAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [clearable]=\"clearable()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"fromValue()\"\n      (modelChange)=\"onFromChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n\n    <!-- why: GI\u1EEE aria-hidden \u2014 m\u0169i t\u00EAn ch\u1EC9 l\u00E0 trang tr\u00ED, \u00FD ngh\u0129a \"t\u1EEB \u2192 \u0111\u1EBFn\" \u0111\u00E3 n\u1EB1m trong\n         aria-label c\u1EE7a hai <sd-time> con; \u0111\u1ECDc th\u00EAm \"m\u0169i t\u00EAn ph\u1EA3i\" ch\u1EC9 g\u00E2y nhi\u1EC5u. -->\n    <span class=\"sd-time-range-separator\" aria-hidden=\"true\">\u2192</span>\n\n    <sd-time\n      #toTime\n      class=\"sd-time-range-endpoint\"\n      [name]=\"toName\"\n      [autoId]=\"toAutoId()\"\n      [placeholder]=\"toPlaceholder() || 'HH:mm'\"\n      [ariaLabel]=\"toAriaLabel()\"\n      [size]=\"size()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [required]=\"_required\"\n      [clearable]=\"clearable()\"\n      [disabled]=\"disabled()\"\n      [readonly]=\"isReadonly()\"\n      [viewed]=\"isInline() ? 'inline' : false\"\n      [hideInlineError]=\"true\"\n      [model]=\"toValue()\"\n      (modelChange)=\"onToChange($event)\"\n      (sdFocus)=\"onFocus()\"\n      (sdBlur)=\"onBlur()\">\n    </sd-time>\n  </div>\n\n  @if (!hideInlineError() && _errorMessage) {\n    <div class=\"sd-time-range-error\" role=\"alert\">{{ _errorMessage }}</div>\n  }\n}\n", styles: [":host{display:block;--sd-time-range-row-height: 56px}:host(.sd-time-range--md){--sd-time-range-row-height: 44px}:host(.sd-time-range--sm){--sd-time-range-row-height: 32px}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}.sd-time-range-fields{display:flex;align-items:flex-start;gap:8px}.sd-time-range-endpoint{min-width:0;flex:1 1 0}.sd-time-range-separator{display:inline-flex;flex:0 0 auto;height:var(--sd-time-range-row-height);align-items:center;justify-content:center;color:var(--sd-text-secondary, #667085);line-height:1}.sd-time-range-error{padding:0 16px;color:var(--mat-form-field-error-text-color, #ba1a1a);font-size:12px}@media(max-width:599px){.sd-time-range-fields{flex-wrap:wrap}.sd-time-range-endpoint{flex-basis:calc(50% - 12px)}}\n"] }]
         }], ctorParameters: () => [] });
 /**

package/fesm2022/sdcorejs-angular-forms-time-range.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sdcorejs-angular-forms-time-range.mjs","sources":["../../../projects/sdcorejs-angular/forms/time-range/src/time-range-value.ts","../../../projects/sdcorejs-angular/forms/time-range/src/time-range.component.ts","../../../projects/sdcorejs-angular/forms/time-range/src/time-range.component.html","../../../projects/sdcorejs-angular/forms/time-range/sdcorejs-angular-forms-time-range.ts"],"sourcesContent":["import { SdTimeConstraints, SdTimeValidationError, sdNormalizeTime, sdTimeToMinutes, sdValidateTime } from '@sdcorejs/angular/forms/time';\n\nexport interface SdTimeRangeValue {\n readonly from?: string \| null;\n readonly to?: string \| null;\n}\n\nexport interface SdTimeRangeConstraints extends SdTimeConstraints {\n readonly required?: boolean;\n readonly allowOpenEnded?: boolean;\n}\n\nexport type SdTimeRangeValidationError =\n \| 'required'\n \| 'incomplete'\n \| 'fromTime'\n \| 'fromMin'\n \| 'fromMax'\n \| 'fromStep'\n \| 'toTime'\n \| 'toMin'\n \| 'toMax'\n \| 'toStep'\n \| 'range';\n\nfunction hasEndpoint(value: string \| null \| undefined): value is string {\n return typeof value === 'string' && value.trim() !== '';\n}\n\nfunction endpointError(side: 'from' \| 'to', error: SdTimeValidationError): SdTimeRangeValidationError {\n const suffix = `${error.charAt(0).toUpperCase()}${error.slice(1)}` as 'Time' \| 'Min' \| 'Max' \| 'Step';\n return `${side}${suffix}` as SdTimeRangeValidationError;\n}\n\n/** Normalizes both endpoints while retaining explicit open-ended null values. /\nexport function sdNormalizeTimeRange(value: SdTimeRangeValue \| null \| undefined): SdTimeRangeValue \| null {\n if (value == null) return null;\n const from = hasEndpoint(value.from) ? sdNormalizeTime(value.from) : null;\n const to = hasEndpoint(value.to) ? sdNormalizeTime(value.to) : null;\n if ((hasEndpoint(value.from) && !from) \|\| (hasEndpoint(value.to) && !to)) return null;\n return { from, to };\n}\n\n/* Validates endpoint syntax, openness, shared boundaries, step, and ordering. /\nexport function sdValidateTimeRange(\n value: SdTimeRangeValue \| null \| undefined,\n constraints: SdTimeRangeConstraints = {}\n): SdTimeRangeValidationError \| null {\n const fromPresent = hasEndpoint(value?.from);\n const toPresent = hasEndpoint(value?.to);\n\n if (constraints.required && (!fromPresent \|\| !toPresent)) return 'required';\n if (!fromPresent && !toPresent) return null;\n if (!constraints.allowOpenEnded && fromPresent !== toPresent) return 'incomplete';\n\n if (fromPresent) {\n const error = sdValidateTime(value?.from, constraints);\n if (error) return endpointError('from', error);\n }\n if (toPresent) {\n const error = sdValidateTime(value?.to, constraints);\n if (error) return endpointError('to', error);\n }\n\n const fromMinutes = sdTimeToMinutes(value?.from);\n const toMinutes = sdTimeToMinutes(value?.to);\n return fromMinutes !== null && toMinutes !== null && fromMinutes > toMinutes ? 'range' : null;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n TemplateRef,\n booleanAttribute,\n computed,\n contentChild,\n effect,\n inject,\n input,\n model,\n output,\n signal,\n untracked,\n viewChild,\n} from '@angular/core';\nimport { AbstractControl, FormGroup, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { SdView } from '@sdcorejs/angular/components/view';\nimport { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';\nimport { SdLabel } from '@sdcorejs/angular/forms/label';\nimport {\n SdFormControl,\n SdInlineErrorValidator,\n SdViewed,\n SdViewedInput,\n sdFormControlState,\n sdViewedTransform,\n ɵSdFormControlParent,\n ɵsdCoerceFormGroup,\n ɵsdFormControlConnector,\n} from '@sdcorejs/angular/forms/models';\nimport { SdTime, SdTimeModelValue } from '@sdcorejs/angular/forms/time';\nimport { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';\nimport { SdIcon } from '@sdcorejs/angular/modules/icon';\nimport { sdIsEmpty, sdSerializeDataValue } from '@sdcorejs/angular/utilities/data-state';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { Size } from '@sdcorejs/utils/models';\n\nimport { SdTimeRangeValue, sdNormalizeTimeRange, sdValidateTimeRange } from './time-range-value';\n\nexport type SdTimeRangeModelValue = SdTimeRangeValue \| null \| undefined;\n\nconst EMPTY_RANGE: SdTimeRangeValue = { from: null, to: null };\n\nfunction rangeEquals(left: SdTimeRangeModelValue, right: SdTimeRangeModelValue): boolean {\n return (left?.from ?? null) === (right?.from ?? null) && (left?.to ?? null) === (right?.to ?? null);\n}\n\n/\n Composes two `SdTime` editors into one timezone-free range model.\n * Endpoint and aggregate validation are surfaced through the group state.\n /\n@Component({\n selector: 'sd-time-range',\n templateUrl: './time-range.component.html',\n styleUrl: './time-range.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n host: {\n '[class.sd-has-label]': '!!label()',\n '[class.sd-viewed]': 'connectorState().isViewed \|\| connectorState().isInline',\n '[class.sd-bare]': 'connectorState().isInline',\n },\n imports: [SdIcon, SdLabel, SdTime, SdView, TranslatePipe],\n})\nexport class SdTimeRange {\n readonly #i18n = inject(I18nService);\n readonly fromName = `from-${Utilities.generateUuid()}`;\n readonly toName = `to-${Utilities.generateUuid()}`;\n\n readonly sdLabelTemplate = contentChild<TemplateRef<unknown>>('sdLabel');\n readonly sdValueTemplate = contentChild<TemplateRef<unknown>>('sdValue');\n readonly sdViewDef = contentChild(SdViewDefDirective);\n readonly fromTime = viewChild<SdTime>('fromTime');\n readonly toTime = viewChild<SdTime>('toTime');\n\n readonly autoIdInput = input<string \| null \| undefined>(undefined, { alias: 'autoId' });\n readonly autoId = computed(() => (this.autoIdInput() ? `forms-time-range-${this.autoIdInput()}` : undefined));\n readonly fromAutoId = computed(() => (this.autoId() ? `${this.autoId()}-from` : undefined));\n readonly toAutoId = computed(() => (this.autoId() ? `${this.autoId()}-to` : undefined));\n readonly fromAriaLabel = computed(() => {\n const endpoint = this.#i18n.t('core.form.time-range.from');\n return this.label() ? `${this.label()}: ${endpoint}` : endpoint;\n });\n readonly toAriaLabel = computed(() => {\n const endpoint = this.#i18n.t('core.form.time-range.to');\n return this.label() ? `${this.label()}: ${endpoint}` : endpoint;\n });\n readonly groupAriaLabel = computed(() => this.label() \|\| `${this.fromAriaLabel()} / ${this.toAriaLabel()}`);\n readonly name = input<string>(Utilities.generateUuid());\n readonly form = input<FormGroup \| undefined, ɵSdFormControlParent>(undefined, { transform: ɵsdCoerceFormGroup });\n readonly label = input<string \| undefined>();\n readonly helperText = input<string \| undefined>();\n readonly fromPlaceholder = input<string \| undefined>();\n readonly toPlaceholder = input<string \| undefined>();\n readonly size = input<Size>('md');\n readonly min = input<string \| null \| undefined>();\n readonly max = input<string \| null \| undefined>();\n readonly stepInput = input<number \| undefined, number \| string \| null \| undefined>(1, {\n alias: 'step',\n transform: value => (value == null ? 1 : Number(value)),\n });\n readonly step = computed(() => {\n const value = this.stepInput();\n return typeof value === 'number' && Number.isFinite(value) && value > 0 ? Math.max(1, Math.trunc(value)) : 1;\n });\n readonly required = input(false, { transform: booleanAttribute });\n readonly allowOpenEnded = input(false, { transform: booleanAttribute });\n readonly clearable = input(true, { transform: booleanAttribute });\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly readonly = input(false, { transform: booleanAttribute });\n readonly viewed = input<SdViewed, SdViewedInput>(false, { transform: sdViewedTransform });\n readonly hideInlineError = input(false, { transform: booleanAttribute });\n readonly inlineError = input<string \| undefined>();\n readonly hyperlink = input<string \| null \| undefined>();\n readonly valueModel = model<SdTimeRangeModelValue>(undefined, { alias: 'model' });\n\n readonly sdChange = output<SdTimeRangeModelValue>();\n readonly sdFocus = output<void>();\n readonly sdBlur = output<SdTimeRangeModelValue>();\n\n readonly fromValue = signal<SdTimeModelValue>(null);\n readonly toValue = signal<SdTimeModelValue>(null);\n readonly formControl = new SdFormControl({ value: EMPTY_RANGE, disabled: false });\n readonly #state = sdFormControlState(\n computed<AbstractControl<SdTimeRangeValue>>(() => this.formControl as AbstractControl<SdTimeRangeValue>)\n );\n readonly #validators = computed<readonly ValidatorFn[]>(() => {\n const constraints = {\n min: this.min(),\n max: this.max(),\n step: this.step(),\n required: this.required(),\n allowOpenEnded: this.allowOpenEnded(),\n };\n const rangeValidator: ValidatorFn = control => {\n const error = sdValidateTimeRange(control.value as SdTimeRangeModelValue, constraints);\n return error ? ({ [error]: true } satisfies ValidationErrors) : null;\n };\n return this.inlineError() ? [rangeValidator, SdInlineErrorValidator] : [rangeValidator];\n });\n readonly #connector = ɵsdFormControlConnector<SdTimeRangeModelValue, SdTimeRangeValue>({\n form: this.form,\n name: this.name,\n control: computed<AbstractControl<SdTimeRangeValue>>(() => this.formControl as AbstractControl<SdTimeRangeValue>),\n model: this.valueModel,\n writeModel: value => {\n this.valueModel.set(value);\n this.sdChange.emit(value);\n },\n modelToControl: value =>\n sdNormalizeTimeRange(value) ?? {\n from: value?.from ?? null,\n to: value?.to ?? null,\n },\n controlToModel: value => sdNormalizeTimeRange(value) ?? this.valueModel() ?? value,\n modelEquals: rangeEquals,\n controlEquals: rangeEquals,\n validators: this.#validators,\n disabled: this.disabled,\n readonly: this.readonly,\n viewed: this.viewed,\n validationError: computed(() => this.errorMessage()),\n });\n\n readonly connectorState = this.#connector.state;\n readonly isViewed = computed(() => this.connectorState().isViewed);\n readonly isInline = computed(() => this.connectorState().isInline);\n readonly isReadonly = computed(() => this.connectorState().readonly);\n readonly viewTemplate = computed<TemplateRef<unknown> \| undefined>(() => this.sdViewDef()?.templateRef ?? this.sdValueTemplate());\n readonly displayValue = computed(() => {\n const value = sdNormalizeTimeRange(this.valueModel());\n const from = value?.from ?? '';\n const to = value?.to ?? '';\n return from \|\| to ? `${from} → ${to}` : '';\n });\n readonly showClear = computed(() => {\n const fromControlValue = this.fromTime()?.connectorState().value;\n const toControlValue = this.toTime()?.connectorState().value;\n const hasValue =\n !sdIsEmpty(fromControlValue) \|\| !sdIsEmpty(toControlValue) \|\| !sdIsEmpty(this.fromValue()) \|\| !sdIsEmpty(this.toValue());\n return this.clearable() && hasValue && !this.required() && !this.disabled() && !this.isReadonly();\n });\n\n readonly endpointInvalid = computed(() => !!(this.fromTime()?.connectorState().invalid \|\| this.toTime()?.connectorState().invalid));\n\n readonly dataDisabled = computed(() => (this.#state().disabled ? 'true' : 'false'));\n readonly dataInvalid = computed(() => (this.#state().invalid \|\| this.endpointInvalid() ? 'true' : 'false'));\n readonly dataEmpty = computed(() => {\n const fromControlValue = this.fromTime()?.connectorState().value;\n const toControlValue = this.toTime()?.connectorState().value;\n return sdIsEmpty(fromControlValue) && sdIsEmpty(toControlValue) && sdIsEmpty(this.fromValue()) && sdIsEmpty(this.toValue())\n ? 'true'\n : 'false';\n });\n readonly dataValue = computed(() => sdSerializeDataValue(this.#state().value));\n readonly dataRequired = computed(() => (this.required() ? 'true' : 'false'));\n readonly dataErrorMessage = computed(() => this.errorMessage() ?? null);\n\n readonly errorMessage = computed<string \| undefined>(() => {\n void this.#state();\n void this.endpointInvalid();\n const errors = this.formControl.errors;\n const endpointErrors = this.fromTime()?.formControl.errors ?? this.toTime()?.formControl.errors;\n if (errors?.['required'] \|\| endpointErrors?.['required']) return this.#i18n.t('core.form.time-range.required');\n if (errors?.['incomplete']) return this.#i18n.t('core.form.time-range.incomplete');\n if (errors?.['range']) return this.#i18n.t('core.form.time-range.range');\n if (errors?.['fromTime'] \|\| errors?.['toTime'] \|\| endpointErrors?.['time']) {\n return this.#i18n.t('core.form.time-range.invalid');\n }\n if (errors?.['fromMin'] \|\| errors?.['toMin'] \|\| endpointErrors?.['min']) {\n return this.#i18n.t('core.form.time-range.min', { min: this.min() ?? '' });\n }\n if (errors?.['fromMax'] \|\| errors?.['toMax'] \|\| endpointErrors?.['max']) {\n return this.#i18n.t('core.form.time-range.max', { max: this.max() ?? '' });\n }\n if (errors?.['fromStep'] \|\| errors?.['toStep'] \|\| endpointErrors?.['step']) {\n return this.#i18n.t('core.form.time-range.step', { step: this.step() });\n }\n if (errors?.['inlineError']) return this.inlineError();\n return undefined;\n });\n\n constructor() {\n effect(() => {\n const value = sdNormalizeTimeRange(this.valueModel()) ?? EMPTY_RANGE;\n untracked(() => {\n if (this.fromValue() !== value.from) this.fromValue.set(value.from);\n if (this.toValue() !== value.to) this.toValue.set(value.to);\n });\n });\n }\n\n onFromChange(value: SdTimeModelValue): void {\n this.fromValue.set(value);\n this.#writeEndpoints(value, this.toValue());\n }\n\n onToChange(value: SdTimeModelValue): void {\n this.toValue.set(value);\n this.#writeEndpoints(this.fromValue(), value);\n }\n\n onFocus(): void {\n this.sdFocus.emit();\n }\n\n onBlur(): void {\n this.#connector.markAsTouched();\n this.sdBlur.emit(this.valueModel());\n }\n\n clear(): void {\n const model = this.valueModel();\n const fromTime = this.fromTime();\n const toTime = this.toTime();\n if (\n sdIsEmpty(fromTime?.formControl.value) &&\n sdIsEmpty(toTime?.formControl.value) &&\n !this.fromValue() &&\n !this.toValue() &&\n !model?.from &&\n !model?.to\n ) {\n return;\n }\n fromTime?.clear();\n toTime?.clear();\n this.fromValue.set(null);\n this.toValue.set(null);\n this.formControl.setValue({ ...EMPTY_RANGE });\n this.formControl.markAsDirty();\n this.formControl.markAsTouched();\n }\n\n #writeEndpoints(from: SdTimeModelValue, to: SdTimeModelValue): void {\n this.formControl.setValue({ from: from ?? null, to: to ?? null });\n this.formControl.markAsDirty();\n }\n}\n","@let _label = label();\n@let _errorMessage = errorMessage();\n@let _required = required();\n\n@if (isViewed()) {\n <sd-view\n [label]=\"_label\"\n [labelTemplate]=\"sdLabelTemplate()\"\n [value]=\"valueModel()\"\n [display]=\"displayValue()\"\n [hyperlink]=\"hyperlink()\"\n [valueTemplate]=\"viewTemplate()\">\n </sd-view>\n} @else {\n <ng-content select=\"[sdLabel]\">\n @if (_label) {\n <sd-label [label]=\"_label\" [helperText]=\"helperText()\" [required]=\"_required\"></sd-label>\n }\n </ng-content>\n\n <div\n class=\"sd-time-range-fields\"\n role=\"group\"\n [attr.aria-label]=\"groupAriaLabel()\"\n [attr.aria-invalid]=\"dataInvalid()\"\n [attr.data-autoId]=\"autoId()\"\n [attr.data-disabled]=\"dataDisabled()\"\n [attr.data-invalid]=\"dataInvalid()\"\n [attr.data-empty]=\"dataEmpty()\"\n [attr.data-value]=\"dataValue()\"\n [attr.data-required]=\"dataRequired()\"\n [attr.data-error-message]=\"dataErrorMessage()\">\n <sd-time\n #fromTime\n class=\"sd-time-range-endpoint\"\n [form]=\"form()\"\n [name]=\"fromName\"\n [autoId]=\"fromAutoId()\"\n [placeholder]=\"fromPlaceholder() \|\| 'HH:mm'\"\n [ariaLabel]=\"fromAriaLabel()\"\n [size]=\"size()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [required]=\"_required\"\n [disabled]=\"disabled()\"\n [readonly]=\"isReadonly()\"\n [viewed]=\"isInline() ? 'inline' : false\"\n [hideInlineError]=\"true\"\n [model]=\"fromValue()\"\n (modelChange)=\"onFromChange($event)\"\n (sdFocus)=\"onFocus()\"\n (sdBlur)=\"onBlur()\">\n </sd-time>\n\n <span class=\"sd-time-range-separator\" aria-hidden=\"true\">→</span>\n\n <sd-time\n #toTime\n class=\"sd-time-range-endpoint\"\n [form]=\"form()\"\n [name]=\"toName\"\n [autoId]=\"toAutoId()\"\n [placeholder]=\"toPlaceholder() \|\| 'HH:mm'\"\n [ariaLabel]=\"toAriaLabel()\"\n [size]=\"size()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [required]=\"_required\"\n [disabled]=\"disabled()\"\n [readonly]=\"isReadonly()\"\n [viewed]=\"isInline() ? 'inline' : false\"\n [hideInlineError]=\"true\"\n [model]=\"toValue()\"\n (modelChange)=\"onToChange($event)\"\n (sdFocus)=\"onFocus()\"\n (sdBlur)=\"onBlur()\">\n </sd-time>\n\n @if (showClear()) {\n <button type=\"button\" class=\"sd-time-range-clear\" (click)=\"clear()\" [attr.aria-label]=\"'core.form.time-range.clear' \| translate\">\n <sd-icon name=\"close\"></sd-icon>\n </button>\n }\n </div>\n\n @if (!hideInlineError() && _errorMessage) {\n <div class=\"sd-time-range-error\" role=\"alert\">{{ _errorMessage }}</div>\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["ɵsdCoerceFormGroup","ɵsdFormControlConnector"],"mappings":"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"}
1	+ {"version":3,"file":"sdcorejs-angular-forms-time-range.mjs","sources":["../../../projects/sdcorejs-angular/forms/time-range/src/time-range-value.ts","../../../projects/sdcorejs-angular/forms/time-range/src/time-range.component.ts","../../../projects/sdcorejs-angular/forms/time-range/src/time-range.component.html","../../../projects/sdcorejs-angular/forms/time-range/sdcorejs-angular-forms-time-range.ts"],"sourcesContent":["import { SdTimeConstraints, SdTimeValidationError, sdNormalizeTime, sdTimeToMinutes, sdValidateTime } from '@sdcorejs/angular/forms/time';\n\nexport interface SdTimeRangeValue {\n readonly from?: string \| null;\n readonly to?: string \| null;\n}\n\nexport interface SdTimeRangeConstraints extends SdTimeConstraints {\n readonly required?: boolean;\n readonly allowOpenEnded?: boolean;\n}\n\nexport type SdTimeRangeValidationError =\n \| 'required'\n \| 'incomplete'\n \| 'fromTime'\n \| 'fromMin'\n \| 'fromMax'\n \| 'fromStep'\n \| 'toTime'\n \| 'toMin'\n \| 'toMax'\n \| 'toStep'\n \| 'range';\n\nfunction hasEndpoint(value: string \| null \| undefined): value is string {\n return typeof value === 'string' && value.trim() !== '';\n}\n\nfunction endpointError(side: 'from' \| 'to', error: SdTimeValidationError): SdTimeRangeValidationError {\n const suffix = `${error.charAt(0).toUpperCase()}${error.slice(1)}` as 'Time' \| 'Min' \| 'Max' \| 'Step';\n return `${side}${suffix}` as SdTimeRangeValidationError;\n}\n\n/** Normalizes both endpoints while retaining explicit open-ended null values. /\nexport function sdNormalizeTimeRange(value: SdTimeRangeValue \| null \| undefined): SdTimeRangeValue \| null {\n if (value == null) return null;\n const from = hasEndpoint(value.from) ? sdNormalizeTime(value.from) : null;\n const to = hasEndpoint(value.to) ? sdNormalizeTime(value.to) : null;\n if ((hasEndpoint(value.from) && !from) \|\| (hasEndpoint(value.to) && !to)) return null;\n return { from, to };\n}\n\n/* Validates endpoint syntax, openness, shared boundaries, step, and ordering. /\nexport function sdValidateTimeRange(\n value: SdTimeRangeValue \| null \| undefined,\n constraints: SdTimeRangeConstraints = {}\n): SdTimeRangeValidationError \| null {\n const fromPresent = hasEndpoint(value?.from);\n const toPresent = hasEndpoint(value?.to);\n\n if (constraints.required && (!fromPresent \|\| !toPresent)) return 'required';\n if (!fromPresent && !toPresent) return null;\n if (!constraints.allowOpenEnded && fromPresent !== toPresent) return 'incomplete';\n\n if (fromPresent) {\n const error = sdValidateTime(value?.from, constraints);\n if (error) return endpointError('from', error);\n }\n if (toPresent) {\n const error = sdValidateTime(value?.to, constraints);\n if (error) return endpointError('to', error);\n }\n\n const fromMinutes = sdTimeToMinutes(value?.from);\n const toMinutes = sdTimeToMinutes(value?.to);\n return fromMinutes !== null && toMinutes !== null && fromMinutes > toMinutes ? 'range' : null;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n TemplateRef,\n booleanAttribute,\n computed,\n contentChild,\n effect,\n inject,\n input,\n model,\n output,\n signal,\n untracked,\n viewChild,\n} from '@angular/core';\nimport { AbstractControl, FormGroup, ValidationErrors, ValidatorFn } from '@angular/forms';\nimport { SdView } from '@sdcorejs/angular/components/view';\nimport { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';\nimport { SdLabel } from '@sdcorejs/angular/forms/label';\nimport {\n SdFormControl,\n SdInlineErrorValidator,\n SdViewed,\n SdViewedInput,\n sdFormControlState,\n sdViewedTransform,\n ɵSdFormControlParent,\n ɵsdCoerceFormGroup,\n ɵsdFormControlConnector,\n} from '@sdcorejs/angular/forms/models';\nimport { SdTime, SdTimeModelValue } from '@sdcorejs/angular/forms/time';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport { sdIsEmpty, sdSerializeDataValue } from '@sdcorejs/angular/utilities/data-state';\nimport { Utilities } from '@sdcorejs/utils/fns';\nimport { Size } from '@sdcorejs/utils/models';\n\nimport { SdTimeRangeValue, sdNormalizeTimeRange, sdValidateTimeRange } from './time-range-value';\n\nexport type SdTimeRangeModelValue = SdTimeRangeValue \| null \| undefined;\n\nconst EMPTY_RANGE: SdTimeRangeValue = { from: null, to: null };\n\nfunction rangeEquals(left: SdTimeRangeModelValue, right: SdTimeRangeModelValue): boolean {\n return (left?.from ?? null) === (right?.from ?? null) && (left?.to ?? null) === (right?.to ?? null);\n}\n\n/\n Composes two `SdTime` editors into one timezone-free range model.\n * Endpoint and aggregate validation are surfaced through the group state.\n /\n@Component({\n selector: 'sd-time-range',\n templateUrl: './time-range.component.html',\n styleUrl: './time-range.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n host: {\n '[class.sd-has-label]': '!!label()',\n '[class.sd-viewed]': 'connectorState().isViewed \|\| connectorState().isInline',\n '[class.sd-bare]': 'connectorState().isInline',\n // why: mũi tên \"→\" phải canh giữa theo CHIỀU CAO Ô INPUT, không phải theo cả field (field còn\n // ôm subscript lỗi bên dưới). Chiều cao ô đổi theo size của mat-form-field, nên host phát class\n // size để SCSS chọn đúng `--sd-time-range-row-height`.\n '[class.sd-time-range--md]': \"size() === 'md'\",\n '[class.sd-time-range--sm]': \"size() === 'sm'\",\n },\n imports: [SdLabel, SdTime, SdView],\n})\nexport class SdTimeRange {\n readonly #i18n = inject(I18nService);\n readonly fromName = `from-${Utilities.generateUuid()}`;\n readonly toName = `to-${Utilities.generateUuid()}`;\n\n readonly sdLabelTemplate = contentChild<TemplateRef<unknown>>('sdLabel');\n readonly sdValueTemplate = contentChild<TemplateRef<unknown>>('sdValue');\n readonly sdViewDef = contentChild(SdViewDefDirective);\n readonly fromTime = viewChild<SdTime>('fromTime');\n readonly toTime = viewChild<SdTime>('toTime');\n\n readonly autoIdInput = input<string \| null \| undefined>(undefined, { alias: 'autoId' });\n readonly autoId = computed(() => (this.autoIdInput() ? `forms-time-range-${this.autoIdInput()}` : undefined));\n readonly fromAutoId = computed(() => (this.autoId() ? `${this.autoId()}-from` : undefined));\n readonly toAutoId = computed(() => (this.autoId() ? `${this.autoId()}-to` : undefined));\n readonly fromAriaLabel = computed(() => {\n const endpoint = this.#i18n.t('core.form.time-range.from');\n return this.label() ? `${this.label()}: ${endpoint}` : endpoint;\n });\n readonly toAriaLabel = computed(() => {\n const endpoint = this.#i18n.t('core.form.time-range.to');\n return this.label() ? `${this.label()}: ${endpoint}` : endpoint;\n });\n readonly groupAriaLabel = computed(() => this.label() \|\| `${this.fromAriaLabel()} / ${this.toAriaLabel()}`);\n readonly name = input<string>(Utilities.generateUuid());\n readonly form = input<FormGroup \| undefined, ɵSdFormControlParent>(undefined, { transform: ɵsdCoerceFormGroup });\n readonly label = input<string \| undefined>();\n readonly helperText = input<string \| undefined>();\n readonly fromPlaceholder = input<string \| undefined>();\n readonly toPlaceholder = input<string \| undefined>();\n readonly size = input<Size>('md');\n readonly min = input<string \| null \| undefined>();\n readonly max = input<string \| null \| undefined>();\n readonly stepInput = input<number \| undefined, number \| string \| null \| undefined>(1, {\n alias: 'step',\n transform: value => (value == null ? 1 : Number(value)),\n });\n readonly step = computed(() => {\n const value = this.stepInput();\n return typeof value === 'number' && Number.isFinite(value) && value > 0 ? Math.max(1, Math.trunc(value)) : 1;\n });\n readonly required = input(false, { transform: booleanAttribute });\n readonly allowOpenEnded = input(false, { transform: booleanAttribute });\n readonly clearable = input(true, { transform: booleanAttribute });\n readonly disabled = input(false, { transform: booleanAttribute });\n readonly readonly = input(false, { transform: booleanAttribute });\n readonly viewed = input<SdViewed, SdViewedInput>(false, { transform: sdViewedTransform });\n readonly hideInlineError = input(false, { transform: booleanAttribute });\n readonly inlineError = input<string \| undefined>();\n readonly hyperlink = input<string \| null \| undefined>();\n readonly valueModel = model<SdTimeRangeModelValue>(undefined, { alias: 'model' });\n\n readonly sdChange = output<SdTimeRangeModelValue>();\n readonly sdFocus = output<void>();\n readonly sdBlur = output<SdTimeRangeModelValue>();\n\n readonly fromValue = signal<SdTimeModelValue>(null);\n readonly toValue = signal<SdTimeModelValue>(null);\n readonly formControl = new SdFormControl({ value: EMPTY_RANGE, disabled: false });\n readonly #state = sdFormControlState(\n computed<AbstractControl<SdTimeRangeValue>>(() => this.formControl as AbstractControl<SdTimeRangeValue>)\n );\n readonly #validators = computed<readonly ValidatorFn[]>(() => {\n const constraints = {\n min: this.min(),\n max: this.max(),\n step: this.step(),\n required: this.required(),\n allowOpenEnded: this.allowOpenEnded(),\n };\n // why: text gõ sai ở endpoint (vd \"25:10\") KHÔNG bao giờ tới được model tổng — `sd-time` chỉ\n // ghi model khi giá trị hợp lệ. Vì chỉ control tổng được đăng ký vào form cha, trạng thái\n // invalid của endpoint phải được kéo lên đây, nếu không form cha báo VALID trong khi UI đang đỏ.\n // why: phải đọc bản THÔ, KHÔNG phải `endpointInvalid` (đã gate theo `touched \|\| dirty`). Kể từ\n // khi endpoint bị gỡ khỏi FormGroup của consumer, validator này là ĐƯỜNG DUY NHẤT để validity\n // của endpoint tới được form cha — gate theo tương tác ở đây nghĩa là một endpoint invalid mà\n // người dùng chưa chạm vào sẽ để `form.valid === true` trong khi UI đang đỏ. Bản gate chỉ dùng\n // cho HIỂN THỊ (`visibleError`, `dataInvalid`).\n const endpointInvalid = this.endpointInvalidRaw();\n const rangeValidator: ValidatorFn = control => {\n // why: `endpoint` phải CỘNG THÊM vào lỗi của range chứ không được THAY THẾ. Trả về mỗi\n // `{ endpoint: true }` sẽ xoá sạch `required`/`incomplete`/`range` khỏi control tổng, nên\n // consumer (và cả `errorMessage` của chính component) bắt theo các key đó sẽ hỏng trong im\n // lặng — vd `[required]` + blur ô \"Từ\" khi chưa gõ gì: `hasError('required')` bỗng thành false.\n const error = sdValidateTimeRange(control.value as SdTimeRangeModelValue, constraints);\n const errors: ValidationErrors = error ? { [error]: true } : {};\n if (endpointInvalid) errors['endpoint'] = true;\n return Object.keys(errors).length > 0 ? errors : null;\n };\n return this.inlineError() ? [rangeValidator, SdInlineErrorValidator] : [rangeValidator];\n });\n readonly #connector = ɵsdFormControlConnector<SdTimeRangeModelValue, SdTimeRangeValue>({\n form: this.form,\n name: this.name,\n control: computed<AbstractControl<SdTimeRangeValue>>(() => this.formControl as AbstractControl<SdTimeRangeValue>),\n model: this.valueModel,\n writeModel: value => {\n this.valueModel.set(value);\n this.sdChange.emit(value);\n },\n modelToControl: value =>\n sdNormalizeTimeRange(value) ?? {\n from: value?.from ?? null,\n to: value?.to ?? null,\n },\n controlToModel: value => sdNormalizeTimeRange(value) ?? this.valueModel() ?? value,\n modelEquals: rangeEquals,\n controlEquals: rangeEquals,\n validators: this.#validators,\n disabled: this.disabled,\n readonly: this.readonly,\n viewed: this.viewed,\n validationError: computed(() => this.errorMessage()),\n });\n\n readonly connectorState = this.#connector.state;\n readonly isViewed = computed(() => this.connectorState().isViewed);\n readonly isInline = computed(() => this.connectorState().isInline);\n readonly isReadonly = computed(() => this.connectorState().readonly);\n readonly viewTemplate = computed<TemplateRef<unknown> \| undefined>(() => this.sdViewDef()?.templateRef ?? this.sdValueTemplate());\n readonly displayValue = computed(() => {\n const value = sdNormalizeTimeRange(this.valueModel());\n const from = value?.from ?? '';\n const to = value?.to ?? '';\n return from \|\| to ? `${from} → ${to}` : '';\n });\n /\n Endpoint invalid ĐÃ gate theo tương tác — CHỈ dùng cho hiển thị (message, `data-invalid`).\n * `connectorState().invalid` của `sd-time` là `invalid && (touched \|\| dirty)`.\n /\n readonly endpointInvalid = computed(() => !!(this.fromTime()?.connectorState().invalid \|\| this.toTime()?.connectorState().invalid));\n\n /\n Endpoint invalid THÔ — không gate theo tương tác. Dùng cho VALIDATOR của control tổng.\n * why: endpoint không còn được đăng ký vào FormGroup của consumer, nên validity của chúng chỉ\n * tới được form cha qua control tổng. Nếu đường đó cũng gate theo `touched \|\| dirty` thì một\n * endpoint invalid do ghi programmatic (chưa ai chạm vào) sẽ để form cha VALID — sai contract\n * đã ghi trong `sd-time-range.md`.\n * `formControl.invalid` là property thường nên tự nó không phát tín hiệu; đọc `connectorState()`\n * một nhịp để computed có dependency reactive theo `events` của endpoint control.\n /\n readonly endpointInvalidRaw = computed(() => {\n const from = this.fromTime();\n const to = this.toTime();\n void from?.connectorState();\n void to?.connectorState();\n return !!(from?.formControl.invalid \|\| to?.formControl.invalid);\n });\n\n /\n Message đã gate theo tương tác — thứ template được phép hiển thị.\n * why: `errorMessage()` thô bung lỗi ngay lần paint đầu với `[required]`, khi người dùng chưa\n * chạm vào ô nào. `connectorState().validationError` gate theo control tổng; range còn có 2\n * endpoint có thể invalid trong khi control tổng chưa dirty (text sai không tới được model tổng),\n * nên phải cộng thêm nhánh endpoint — `endpointInvalid` tự nó đã gate theo touched/dirty.\n /\n readonly visibleError = computed<string \| undefined>(\n () => this.connectorState().validationError ?? (this.endpointInvalid() ? this.errorMessage() : undefined)\n );\n\n readonly dataDisabled = computed(() => (this.#state().disabled ? 'true' : 'false'));\n readonly dataInvalid = computed(() => (this.#state().invalid \|\| this.endpointInvalid() ? 'true' : 'false'));\n readonly dataEmpty = computed(() => {\n const fromControlValue = this.fromTime()?.connectorState().value;\n const toControlValue = this.toTime()?.connectorState().value;\n return sdIsEmpty(fromControlValue) && sdIsEmpty(toControlValue) && sdIsEmpty(this.fromValue()) && sdIsEmpty(this.toValue())\n ? 'true'\n : 'false';\n });\n readonly dataValue = computed(() => sdSerializeDataValue(this.#state().value));\n readonly dataRequired = computed(() => (this.required() ? 'true' : 'false'));\n readonly dataErrorMessage = computed(() => this.errorMessage() ?? null);\n\n readonly errorMessage = computed<string \| undefined>(() => {\n void this.#state();\n // why: đọc bản THÔ. Connector gắn lại validator bằng `updateValueAndValidity({ emitEvent: false })`\n // nên `#state` KHÔNG tick khi tập lỗi của control tổng đổi vì endpoint; `endpointInvalidRaw`\n // đổi đúng vào lúc đó nên nó là dependency duy nhất kéo message tính lại.\n void this.endpointInvalidRaw();\n const errors = this.formControl.errors;\n const endpointErrors = this.fromTime()?.formControl.errors ?? this.toTime()?.formControl.errors;\n if (errors?.['required'] \|\| endpointErrors?.['required']) return this.#i18n.t('core.form.time-range.required');\n if (errors?.['incomplete']) return this.#i18n.t('core.form.time-range.incomplete');\n if (errors?.['range']) return this.#i18n.t('core.form.time-range.range');\n if (errors?.['fromTime'] \|\| errors?.['toTime'] \|\| endpointErrors?.['time']) {\n return this.#i18n.t('core.form.time-range.invalid');\n }\n if (errors?.['fromMin'] \|\| errors?.['toMin'] \|\| endpointErrors?.['min']) {\n return this.#i18n.t('core.form.time-range.min', { min: this.min() ?? '' });\n }\n if (errors?.['fromMax'] \|\| errors?.['toMax'] \|\| endpointErrors?.['max']) {\n return this.#i18n.t('core.form.time-range.max', { max: this.max() ?? '' });\n }\n if (errors?.['fromStep'] \|\| errors?.['toStep'] \|\| endpointErrors?.['step']) {\n return this.#i18n.t('core.form.time-range.step', { step: this.step() });\n }\n if (errors?.['inlineError']) return this.inlineError();\n return undefined;\n });\n\n constructor() {\n effect(() => {\n const value = sdNormalizeTimeRange(this.valueModel()) ?? EMPTY_RANGE;\n untracked(() => {\n if (this.fromValue() !== value.from) this.fromValue.set(value.from);\n if (this.toValue() !== value.to) this.toValue.set(value.to);\n });\n });\n }\n\n onFromChange(value: SdTimeModelValue): void {\n this.fromValue.set(value);\n this.#writeEndpoints(value, this.toValue());\n }\n\n onToChange(value: SdTimeModelValue): void {\n this.toValue.set(value);\n this.#writeEndpoints(this.fromValue(), value);\n }\n\n onFocus(): void {\n this.sdFocus.emit();\n }\n\n onBlur(): void {\n this.#connector.markAsTouched();\n this.sdBlur.emit(this.valueModel());\n }\n\n clear(): void {\n const model = this.valueModel();\n const fromTime = this.fromTime();\n const toTime = this.toTime();\n if (\n sdIsEmpty(fromTime?.formControl.value) &&\n sdIsEmpty(toTime?.formControl.value) &&\n !this.fromValue() &&\n !this.toValue() &&\n !model?.from &&\n !model?.to\n ) {\n return;\n }\n fromTime?.clear();\n toTime?.clear();\n this.fromValue.set(null);\n this.toValue.set(null);\n this.formControl.setValue({ ...EMPTY_RANGE });\n this.formControl.markAsDirty();\n this.formControl.markAsTouched();\n }\n\n #writeEndpoints(from: SdTimeModelValue, to: SdTimeModelValue): void {\n this.formControl.setValue({ from: from ?? null, to: to ?? null });\n this.formControl.markAsDirty();\n }\n}\n","@let _label = label();\n<!-- why: bản đã gate theo tương tác, KHÔNG dùng `errorMessage()` thô — range `[required]`\n trước đây bung lỗi ngay lần paint đầu, khi người dùng còn chưa chạm vào ô nào. -->\n@let _errorMessage = visibleError();\n@let _required = required();\n\n@if (isViewed()) {\n <sd-view\n [label]=\"_label\"\n [labelTemplate]=\"sdLabelTemplate()\"\n [value]=\"valueModel()\"\n [display]=\"displayValue()\"\n [hyperlink]=\"hyperlink()\"\n [valueTemplate]=\"viewTemplate()\">\n </sd-view>\n} @else {\n <ng-content select=\"[sdLabel]\">\n @if (_label) {\n <sd-label [label]=\"_label\" [helperText]=\"helperText()\" [required]=\"_required\"></sd-label>\n }\n </ng-content>\n\n <div\n class=\"sd-time-range-fields\"\n role=\"group\"\n [attr.aria-label]=\"groupAriaLabel()\"\n [attr.aria-invalid]=\"dataInvalid()\"\n [attr.data-autoId]=\"autoId()\"\n [attr.data-disabled]=\"dataDisabled()\"\n [attr.data-invalid]=\"dataInvalid()\"\n [attr.data-empty]=\"dataEmpty()\"\n [attr.data-value]=\"dataValue()\"\n [attr.data-required]=\"dataRequired()\"\n [attr.data-error-message]=\"dataErrorMessage()\">\n <!-- why: KHÔNG truyền [form] xuống endpoint. Trước đây mỗi endpoint tự đăng ký vào FormGroup\n của consumer dưới tên `from-<uuid>` / `to-<uuid>`, nên `form.value` mọc thêm 2 key đổi\n theo từng instance — vỡ shape giá trị và `form.reset(obj)`. Chỉ control tổng được đăng ký;\n trạng thái invalid của endpoint được kéo lên control tổng qua `#validators`. -->\n <sd-time\n #fromTime\n class=\"sd-time-range-endpoint\"\n [name]=\"fromName\"\n [autoId]=\"fromAutoId()\"\n [placeholder]=\"fromPlaceholder() \|\| 'HH:mm'\"\n [ariaLabel]=\"fromAriaLabel()\"\n [size]=\"size()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [required]=\"_required\"\n [clearable]=\"clearable()\"\n [disabled]=\"disabled()\"\n [readonly]=\"isReadonly()\"\n [viewed]=\"isInline() ? 'inline' : false\"\n [hideInlineError]=\"true\"\n [model]=\"fromValue()\"\n (modelChange)=\"onFromChange($event)\"\n (sdFocus)=\"onFocus()\"\n (sdBlur)=\"onBlur()\">\n </sd-time>\n\n <!-- why: GIỮ aria-hidden — mũi tên chỉ là trang trí, ý nghĩa \"từ → đến\" đã nằm trong\n aria-label của hai <sd-time> con; đọc thêm \"mũi tên phải\" chỉ gây nhiễu. -->\n <span class=\"sd-time-range-separator\" aria-hidden=\"true\">→</span>\n\n <sd-time\n #toTime\n class=\"sd-time-range-endpoint\"\n [name]=\"toName\"\n [autoId]=\"toAutoId()\"\n [placeholder]=\"toPlaceholder() \|\| 'HH:mm'\"\n [ariaLabel]=\"toAriaLabel()\"\n [size]=\"size()\"\n [min]=\"min()\"\n [max]=\"max()\"\n [step]=\"step()\"\n [required]=\"_required\"\n [clearable]=\"clearable()\"\n [disabled]=\"disabled()\"\n [readonly]=\"isReadonly()\"\n [viewed]=\"isInline() ? 'inline' : false\"\n [hideInlineError]=\"true\"\n [model]=\"toValue()\"\n (modelChange)=\"onToChange($event)\"\n (sdFocus)=\"onFocus()\"\n (sdBlur)=\"onBlur()\">\n </sd-time>\n </div>\n\n @if (!hideInlineError() && _errorMessage) {\n <div class=\"sd-time-range-error\" role=\"alert\">{{ _errorMessage }}</div>\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["ɵsdCoerceFormGroup","ɵsdFormControlConnector"],"mappings":"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"}

package/fesm2022/sdcorejs-angular-forms-time.mjs CHANGED Viewed

@@ -19,7 +19,7 @@ import { SdView } from '@sdcorejs/angular/components/view';
 import { SdViewDefDirective } from '@sdcorejs/angular/forms/directives';
 import { SdLabel } from '@sdcorejs/angular/forms/label';
 import { SD_FORM_CONFIGURATION, ɵsdCoerceFormGroup as _sdCoerceFormGroup, sdViewedTransform, SdFormControl, sdFormControlState, SdInlineErrorValidator, ɵsdFormControlConnector as _sdFormControlConnector } from '@sdcorejs/angular/forms/models';
-import { I18nService, TranslatePipe } from '@sdcorejs/angular/i18n';
+import { I18nService, SdTranslatePipe } from '@sdcorejs/angular/i18n';
 import { SdIcon } from '@sdcorejs/angular/modules/icon';
 import { sdIsEmpty, sdSerializeDataValue } from '@sdcorejs/angular/utilities/data-state';
 import { SdTimeSpinner, SdNativeDateAdapter, SdDateAdapter, SD_NATIVE_DATE_FORMATS, SD_DATE_FORMATS } from '@sdcorejs/angular-material-datetime';
@@ -179,7 +179,18 @@ class SdTime {
         const value = this.valueModel();
         return value == null ? null : (sdNormalizeTime(value) ?? value);
     });
-    showClear = computed(() => this.clearable() && !this.required() && !this.disabled() && !this.isReadonly() && !sdIsEmpty(this.formControl.value));
+    showClear = computed(() => {
+        // why: `formControl.value` là property THƯỜNG, không phát tín hiệu nào. Bản cũ chốt kết quả
+        // ngay lần đọc đầu (ô còn rỗng ⇒ false) rồi không bao giờ tính lại, nên bật `[clearable]` xong
+        // nút × vẫn không bao giờ xuất hiện — bug ngủ đông vì `clearable` mặc định là false. `#state`
+        // tick theo value/status/touched của control, đó là dependency reactive duy nhất cần thiết.
+        void this.#state();
+        // why: `#state` chỉ bắt được thao tác của người dùng. Ghi giá trị theo kiểu programmatic đi qua
+        // connector, mà connector `setValue(..., { emitEvent: false })` — không phát event nào nên
+        // `#state` đứng im. `valueModel` là signal duy nhất đổi trong nhánh đó.
+        void this.valueModel();
+        return this.clearable() && !this.required() && !this.disabled() && !this.isReadonly() && !sdIsEmpty(this.formControl.value);
+    });
     dataDisabled = computed(() => (this.#state().disabled ? 'true' : 'false'));
     dataInvalid = computed(() => (this.#state().invalid ? 'true' : 'false'));
     dataEmpty = computed(() => (sdIsEmpty(this.#state().value) ? 'true' : 'false'));
@@ -269,7 +280,7 @@ class SdTime {
             { provide: SdDateAdapter, useExisting: SdNativeDateAdapter },
             { provide: MAT_DATE_FORMATS, useValue: SD_NATIVE_DATE_FORMATS },
             { provide: SD_DATE_FORMATS, useValue: SD_NATIVE_DATE_FORMATS },
-        ], queries: [{ propertyName: "sdLabelTemplate", first: true, predicate: ["sdLabel"], descendants: true, isSignal: true }, { propertyName: "sdValueTemplate", first: true, predicate: ["sdValue"], descendants: true, isSignal: true }, { propertyName: "sdViewDef", first: true, predicate: SdViewDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "@let _label = label();\n@let _appearance = appearance();\n@let _errorMessage = errorMessage();\n@let _helperText = helperText();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  @if (!_appearance) {\n    <ng-content select=\"[sdLabel]\">\n      @if (_label) {\n        <sd-label [label]=\"_label\" [required]=\"_required\"></sd-label>\n      }\n    </ng-content>\n  }\n\n  <mat-form-field\n    [class.sd-md]=\"size() === 'md'\"\n    [class.sd-sm]=\"size() === 'sm'\"\n    [class.hide-inline-error]=\"hideInlineError()\"\n    [appearance]=\"_appearance!\"\n    [floatLabel]=\"floatLabel()\">\n    @if (_appearance && _label) {\n      <mat-label class=\"sd-form-field-label\">\n        <span>{{ _label }}</span>\n        @if (_helperText) {\n          <sd-icon [matTooltip]=\"_helperText\" matTooltipPosition=\"below\" name=\"info\"></sd-icon>\n        }\n      </mat-label>\n    }\n\n    <input\n      #input\n      matInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      maxlength=\"5\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [id]=\"id\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder() || _label || 'HH:mm'\"\n      [required]=\"_required\"\n      [readonly]=\"isReadonly()\"\n      [attr.aria-label]=\"ariaLabel() || _label || placeholder() || 'HH:mm'\"\n      [attr.aria-invalid]=\"dataInvalid()\"\n      [attr.data-autoId]=\"autoId()\"\n      [attr.data-disabled]=\"dataDisabled()\"\n      [attr.data-invalid]=\"dataInvalid()\"\n      [attr.data-empty]=\"dataEmpty()\"\n      [attr.data-value]=\"dataValue()\"\n      [attr.data-required]=\"dataRequired()\"\n      [attr.data-error-message]=\"dataErrorMessage()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown.arrowUp)=\"stepBy(1, $event)\"\n      (keydown.arrowDown)=\"stepBy(-1, $event)\" />\n\n    @if (!hideInlineError() && _errorMessage) {\n      <mat-error>{{ _errorMessage }}</mat-error>\n    }\n\n    @if (showClear()) {\n      <button\n        type=\"button\"\n        class=\"sd-clear-btn sd-hover\"\n        matSuffix\n        (click)=\"clear($event)\"\n        [attr.aria-label]=\"'core.form.time.clear' | translate\">\n        <sd-icon name=\"close\"></sd-icon>\n      </button>\n    }\n\n    @if (hideInlineError() && _errorMessage) {\n      <sd-icon matSuffix class=\"sd-error-icon\" [matTooltip]=\"_errorMessage\" matTooltipPosition=\"above\" name=\"error\"></sd-icon>\n    }\n\n    <button\n      #menuTrigger=\"matMenuTrigger\"\n      type=\"button\"\n      mat-icon-button\n      matSuffix\n      data-time-picker-trigger\n      [matMenuTriggerFor]=\"timePickerMenu\"\n      [disabled]=\"formControl.disabled || isReadonly()\"\n      [attr.aria-label]=\"'core.form.time.open-picker' | translate\"\n      (menuOpened)=\"preparePicker()\">\n      <sd-icon name=\"schedule\"></sd-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-menu #timePickerMenu=\"matMenu\" class=\"sd-time-picker-menu\">\n    <div class=\"d-flex flex-column\" (click)=\"$event.stopPropagation()\">\n      <sd-time-spinner [value]=\"pickerDraft()\" [baseValue]=\"pickerDraft()\" [stepMinute]=\"step()\" (valueChange)=\"onPickerValue($event)\">\n      </sd-time-spinner>\n      <div class=\"d-flex justify-content-end gap-8 p-8\">\n        <button type=\"button\" mat-button (click)=\"cancelPicker()\">{{ 'core.common.cancel' | translate }}</button>\n        <button type=\"button\" mat-flat-button (click)=\"applyPicker()\">{{ 'core.form.time.confirm' | translate }}</button>\n      </div>\n    </div>\n  </mat-menu>\n}\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-primary-contrast{color:var(--sd-primary-contrast)!important}.bg-primary-contrast{background:var(--sd-primary-contrast)!important}.border-primary-contrast{border-color:var(--sd-primary-contrast)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-secondary-contrast{color:var(--sd-secondary-contrast)!important}.bg-secondary-contrast{background:var(--sd-secondary-contrast)!important}.border-secondary-contrast{border-color:var(--sd-secondary-contrast)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-info-contrast{color:var(--sd-info-contrast)!important}.bg-info-contrast{background:var(--sd-info-contrast)!important}.border-info-contrast{border-color:var(--sd-info-contrast)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-success-contrast{color:var(--sd-success-contrast)!important}.bg-success-contrast{background:var(--sd-success-contrast)!important}.border-success-contrast{border-color:var(--sd-success-contrast)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-warning-contrast{color:var(--sd-warning-contrast)!important}.bg-warning-contrast{background:var(--sd-warning-contrast)!important}.border-warning-contrast{border-color:var(--sd-warning-contrast)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-error-contrast{color:var(--sd-error-contrast)!important}.bg-error-contrast{background:var(--sd-error-contrast)!important}.border-error-contrast{border-color:var(--sd-error-contrast)!important}.text-surface{color:var(--sd-surface)!important}.bg-surface{background:var(--sd-surface)!important}.border-surface{border-color:var(--sd-surface)!important}.text-surface-muted{color:var(--sd-surface-muted)!important}.bg-surface-muted{background:var(--sd-surface-muted)!important}.border-surface-muted{border-color:var(--sd-surface-muted)!important}.text-text{color:var(--sd-text)!important}.bg-text{background:var(--sd-text)!important}.border-text{border-color:var(--sd-text)!important}.text-text-secondary{color:var(--sd-text-secondary)!important}.bg-text-secondary{background:var(--sd-text-secondary)!important}.border-text-secondary{border-color:var(--sd-text-secondary)!important}.text-text-muted{color:var(--sd-text-muted)!important}.bg-text-muted{background:var(--sd-text-muted)!important}.border-text-muted{border-color:var(--sd-text-muted)!important}.text-border{color:var(--sd-border)!important}.bg-border{background:var(--sd-border)!important}.border-border{border-color:var(--sd-border)!important}.text-border-strong{color:var(--sd-border-strong)!important}.bg-border-strong{background:var(--sd-border-strong)!important}.border-border-strong{border-color:var(--sd-border-strong)!important}.text-disabled-bg{color:var(--sd-disabled-bg)!important}.bg-disabled-bg{background:var(--sd-disabled-bg)!important}.border-disabled-bg{border-color:var(--sd-disabled-bg)!important}.text-disabled-text{color:var(--sd-disabled-text)!important}.bg-disabled-text{background:var(--sd-disabled-text)!important}.border-disabled-text{border-color:var(--sd-disabled-text)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.text-secondary{color:var(--sd-text-secondary)!important}.text-muted{color:var(--sd-text-muted)!important}.text-body{color:var(--sd-text)!important}.bg-muted{background:var(--sd-surface-muted)!important}:host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}:host ::ng-deep .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-text-field-wrapper{background:var(--sd-disabled-bg)}:host ::ng-deep input.mat-mdc-input-element:disabled{color:var(--sd-disabled-text)!important}:host(.sd-bare){position:relative}.sd-inline-view{cursor:pointer;display:inline-flex;align-items:center;width:100%;padding:1px 6px;border-radius:4px;background-color:#0000000a;transition:background-color .15s ease}.sd-inline-view:hover{background-color:#00000014}.sd-inline-view .sd-inline-clear{display:none;align-items:center;margin-left:4px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;color:var(--sd-text-secondary, #6b7280);transition:color .15s ease}.sd-inline-view .sd-inline-clear sd-icon{font-size:16px;width:16px;height:16px}.sd-inline-view .sd-inline-clear:hover{color:var(--sd-error, #b32626)}.sd-inline-view:hover .sd-inline-clear{display:inline-flex}.sd-inline-editor{position:absolute;inset:0;opacity:0;pointer-events:none}.sd-inline-editor ::ng-deep *{pointer-events:none!important}:host(.sd-bare){display:inline-flex;align-items:center}:host(.sd-bare) ::ng-deep .mat-mdc-form-field{width:auto}:host(.sd-bare) ::ng-deep .mat-mdc-text-field-wrapper,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-flex{padding:0;background:transparent}:host(.sd-bare) ::ng-deep .mdc-notched-outline,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}:host(.sd-bare) ::ng-deep .mat-mdc-form-field-infix{width:auto;min-height:0;padding:0;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "component", type: SdLabel, selector: "sd-label", inputs: ["label", "description", "required", "helperText"] }, { kind: "component", type: SdTimeSpinner, selector: "sd-time-spinner", inputs: ["value", "baseValue", "showSeconds", "stepMinute", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: SdView, selector: "sd-view", inputs: ["label", "value", "display", "hyperlink", "labelTemplate", "valueTemplate", "selectedItems"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], queries: [{ propertyName: "sdLabelTemplate", first: true, predicate: ["sdLabel"], descendants: true, isSignal: true }, { propertyName: "sdValueTemplate", first: true, predicate: ["sdValue"], descendants: true, isSignal: true }, { propertyName: "sdViewDef", first: true, predicate: SdViewDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["input"], descendants: true, isSignal: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "@let _label = label();\n@let _appearance = appearance();\n<!-- why: d\u00F9ng b\u1EA3n \u0111\u00E3 gate theo t\u01B0\u01A1ng t\u00E1c c\u1EE7a connector, KH\u00D4NG d\u00F9ng `errorMessage()` th\u00F4 \u2014 field\n     `[required]` tr\u01B0\u1EDBc \u0111\u00E2y bung l\u1ED7i ngay l\u1EA7n paint \u0111\u1EA7u, khi ng\u01B0\u1EDDi d\u00F9ng c\u00F2n ch\u01B0a ch\u1EA1m v\u00E0o \u00F4 n\u00E0o. -->\n@let _errorMessage = connectorState().validationError;\n@let _helperText = helperText();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  @if (!_appearance) {\n    <ng-content select=\"[sdLabel]\">\n      @if (_label) {\n        <sd-label [label]=\"_label\" [required]=\"_required\"></sd-label>\n      }\n    </ng-content>\n  }\n\n  <mat-form-field\n    [class.sd-md]=\"size() === 'md'\"\n    [class.sd-sm]=\"size() === 'sm'\"\n    [class.hide-inline-error]=\"hideInlineError()\"\n    [appearance]=\"_appearance!\"\n    [floatLabel]=\"floatLabel()\">\n    @if (_appearance && _label) {\n      <mat-label class=\"sd-form-field-label\">\n        <span>{{ _label }}</span>\n        @if (_helperText) {\n          <sd-icon [matTooltip]=\"_helperText\" matTooltipPosition=\"below\" name=\"info\"></sd-icon>\n        }\n      </mat-label>\n    }\n\n    <input\n      #input\n      matInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      maxlength=\"5\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [id]=\"id\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder() || _label || 'HH:mm'\"\n      [required]=\"_required\"\n      [readonly]=\"isReadonly()\"\n      [attr.aria-label]=\"ariaLabel() || _label || placeholder() || 'HH:mm'\"\n      [attr.aria-invalid]=\"dataInvalid()\"\n      [attr.data-autoId]=\"autoId()\"\n      [attr.data-disabled]=\"dataDisabled()\"\n      [attr.data-invalid]=\"dataInvalid()\"\n      [attr.data-empty]=\"dataEmpty()\"\n      [attr.data-value]=\"dataValue()\"\n      [attr.data-required]=\"dataRequired()\"\n      [attr.data-error-message]=\"dataErrorMessage()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown.arrowUp)=\"stepBy(1, $event)\"\n      (keydown.arrowDown)=\"stepBy(-1, $event)\" />\n\n    @if (!hideInlineError() && _errorMessage) {\n      <mat-error>{{ _errorMessage }}</mat-error>\n    }\n\n    @if (showClear()) {\n      <button\n        type=\"button\"\n        class=\"sd-clear-btn sd-hover\"\n        matSuffix\n        (click)=\"clear($event)\"\n        [attr.aria-label]=\"'core.form.time.clear' | sdTranslate\">\n        <sd-icon name=\"close\"></sd-icon>\n      </button>\n    }\n\n    @if (hideInlineError() && _errorMessage) {\n      <sd-icon matSuffix class=\"sd-error-icon\" [matTooltip]=\"_errorMessage\" matTooltipPosition=\"above\" name=\"error\"></sd-icon>\n    }\n    @if (hideInlineError() && _errorMessage) {\n      <span class=\"sd-visually-hidden\" matSuffix>{{ _errorMessage }}</span>\n    }\n\n    <!-- why: KH\u00D4NG d\u00F9ng `mat-icon-button` \u2014 n\u00F3 d\u1EF1ng h\u1ED9p 40px + touch target 48px, n\u00EAn \u0111\u1ED3ng h\u1ED3 b\u1ECB\n         \u0111\u1EA9y v\u00E0o trong v\u00E0 v\u00F9ng b\u1EA5m ph\u00ECnh to h\u01A1n h\u1EB3n m\u1ECDi suffix kh\u00E1c. sd-date/sd-datetime/sd-date-range\n         \u0111\u1EC1u \u0111\u00E3 d\u00F9ng `.sd-suffix-icon.sd-suffix-btn` (20px, kh\u1EDBp gap 8px + padding 12px c\u1EE7a\n         `.mat-mdc-form-field-icon-suffix`); sd-time l\u00E0 control cu\u1ED1i c\u00F2n l\u1EC7ch. -->\n    <button\n      #menuTrigger=\"matMenuTrigger\"\n      type=\"button\"\n      matSuffix\n      data-time-picker-trigger\n      class=\"cursor-pointer sd-suffix-icon sd-suffix-btn\"\n      [matMenuTriggerFor]=\"timePickerMenu\"\n      [disabled]=\"formControl.disabled || isReadonly()\"\n      [attr.aria-label]=\"'core.form.time.open-picker' | sdTranslate\"\n      (menuOpened)=\"preparePicker()\">\n      <sd-icon name=\"schedule\"></sd-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-menu #timePickerMenu=\"matMenu\" class=\"sd-time-picker-menu\">\n    <!-- why: div n\u00E0y ch\u1EC9 t\u1ED3n t\u1EA1i \u0111\u1EC3 ch\u1EB7n click n\u1ED5i b\u1ECDt l\u00E0m \u0111\u00F3ng mat-menu \u2014 n\u00F3 kh\u00F4ng ph\u1EA3i m\u1ED9t\n         \"n\u00FAt\" v\u00E0 kh\u00F4ng c\u1EA7n focus. role=\"presentation\" l\u00E0 t\u00EDn hi\u1EC7u \u0111\u00FAng (kh\u00E1c aria-hidden \u1EDF ch\u1ED7\n         KH\u00D4NG \u1EA9n c\u00E2y con: spinner gi\u1EDD/ph\u00FAt v\u00E0 hai n\u00FAt b\u00EAn trong v\u1EABn \u0111\u1ECDc \u0111\u01B0\u1EE3c b\u00ECnh th\u01B0\u1EDDng). -->\n    <div class=\"d-flex flex-column\" role=\"presentation\" (click)=\"$event.stopPropagation()\">\n      <sd-time-spinner [value]=\"pickerDraft()\" [baseValue]=\"pickerDraft()\" [stepMinute]=\"step()\" (valueChange)=\"onPickerValue($event)\">\n      </sd-time-spinner>\n      <div class=\"d-flex justify-content-end gap-8 p-8\">\n        <button type=\"button\" mat-button (click)=\"cancelPicker()\">{{ 'core.common.cancel' | sdTranslate }}</button>\n        <button type=\"button\" mat-flat-button (click)=\"applyPicker()\">{{ 'core.form.time.confirm' | sdTranslate }}</button>\n      </div>\n    </div>\n  </mat-menu>\n}\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-primary-contrast{color:var(--sd-primary-contrast)!important}.bg-primary-contrast{background:var(--sd-primary-contrast)!important}.border-primary-contrast{border-color:var(--sd-primary-contrast)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-secondary-contrast{color:var(--sd-secondary-contrast)!important}.bg-secondary-contrast{background:var(--sd-secondary-contrast)!important}.border-secondary-contrast{border-color:var(--sd-secondary-contrast)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-info-contrast{color:var(--sd-info-contrast)!important}.bg-info-contrast{background:var(--sd-info-contrast)!important}.border-info-contrast{border-color:var(--sd-info-contrast)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-success-contrast{color:var(--sd-success-contrast)!important}.bg-success-contrast{background:var(--sd-success-contrast)!important}.border-success-contrast{border-color:var(--sd-success-contrast)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-warning-contrast{color:var(--sd-warning-contrast)!important}.bg-warning-contrast{background:var(--sd-warning-contrast)!important}.border-warning-contrast{border-color:var(--sd-warning-contrast)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-error-contrast{color:var(--sd-error-contrast)!important}.bg-error-contrast{background:var(--sd-error-contrast)!important}.border-error-contrast{border-color:var(--sd-error-contrast)!important}.text-surface{color:var(--sd-surface)!important}.bg-surface{background:var(--sd-surface)!important}.border-surface{border-color:var(--sd-surface)!important}.text-surface-muted{color:var(--sd-surface-muted)!important}.bg-surface-muted{background:var(--sd-surface-muted)!important}.border-surface-muted{border-color:var(--sd-surface-muted)!important}.text-text{color:var(--sd-text)!important}.bg-text{background:var(--sd-text)!important}.border-text{border-color:var(--sd-text)!important}.text-text-secondary{color:var(--sd-text-secondary)!important}.bg-text-secondary{background:var(--sd-text-secondary)!important}.border-text-secondary{border-color:var(--sd-text-secondary)!important}.text-text-muted{color:var(--sd-text-muted)!important}.bg-text-muted{background:var(--sd-text-muted)!important}.border-text-muted{border-color:var(--sd-text-muted)!important}.text-border{color:var(--sd-border)!important}.bg-border{background:var(--sd-border)!important}.border-border{border-color:var(--sd-border)!important}.text-border-strong{color:var(--sd-border-strong)!important}.bg-border-strong{background:var(--sd-border-strong)!important}.border-border-strong{border-color:var(--sd-border-strong)!important}.text-disabled-bg{color:var(--sd-disabled-bg)!important}.bg-disabled-bg{background:var(--sd-disabled-bg)!important}.border-disabled-bg{border-color:var(--sd-disabled-bg)!important}.text-disabled-text{color:var(--sd-disabled-text)!important}.bg-disabled-text{background:var(--sd-disabled-text)!important}.border-disabled-text{border-color:var(--sd-disabled-text)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.text-secondary{color:var(--sd-text-secondary)!important}.text-muted{color:var(--sd-text-muted)!important}.text-body{color:var(--sd-text)!important}.bg-muted{background:var(--sd-surface-muted)!important}:host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}:host ::ng-deep .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-text-field-wrapper{background:var(--sd-disabled-bg)}:host ::ng-deep input.mat-mdc-input-element:disabled{color:var(--sd-disabled-text)!important}.sd-suffix-btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;cursor:pointer;color:inherit}.sd-suffix-btn:disabled{cursor:default;opacity:.5}:host(.sd-bare){position:relative}.sd-inline-view{cursor:pointer;display:inline-flex;align-items:center;width:100%;padding:1px 6px;border-radius:4px;background-color:#0000000a;transition:background-color .15s ease}.sd-inline-view:hover{background-color:#00000014}.sd-inline-view .sd-inline-clear{display:none;align-items:center;margin-left:4px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;color:var(--sd-text-secondary, #6b7280);transition:color .15s ease}.sd-inline-view .sd-inline-clear sd-icon{font-size:16px;width:16px;height:16px}.sd-inline-view .sd-inline-clear:hover{color:var(--sd-error, #b32626)}.sd-inline-view:hover .sd-inline-clear{display:inline-flex}.sd-inline-editor{position:absolute;inset:0;opacity:0;pointer-events:none}.sd-inline-editor ::ng-deep *{pointer-events:none!important}:host(.sd-bare){display:inline-flex;align-items:center}:host(.sd-bare) ::ng-deep .mat-mdc-form-field{width:auto}:host(.sd-bare) ::ng-deep .mat-mdc-text-field-wrapper,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-flex{padding:0;background:transparent}:host(.sd-bare) ::ng-deep .mdc-notched-outline,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}:host(.sd-bare) ::ng-deep .mat-mdc-form-field-infix{width:auto;min-height:0;padding:0;border:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SdIcon, selector: "sd-icon", inputs: ["name", "fontIcon", "color", "set", "fontSet", "size", "strokeWidth", "absoluteStrokeWidth", "ariaLabel"] }, { kind: "component", type: SdLabel, selector: "sd-label", inputs: ["label", "description", "required", "helperText"] }, { kind: "component", type: SdTimeSpinner, selector: "sd-time-spinner", inputs: ["value", "baseValue", "showSeconds", "stepMinute", "disabled"], outputs: ["valueChange"] }, { kind: "component", type: SdView, selector: "sd-view", inputs: ["label", "value", "display", "hyperlink", "labelTemplate", "valueTemplate", "selectedItems"] }, { kind: "pipe", type: SdTranslatePipe, name: "sdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdTime, decorators: [{
             type: Component,
@@ -297,8 +308,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
                         SdLabel,
                         SdTimeSpinner,
                         SdView,
-                        TranslatePipe,
-                    ], template: "@let _label = label();\n@let _appearance = appearance();\n@let _errorMessage = errorMessage();\n@let _helperText = helperText();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  @if (!_appearance) {\n    <ng-content select=\"[sdLabel]\">\n      @if (_label) {\n        <sd-label [label]=\"_label\" [required]=\"_required\"></sd-label>\n      }\n    </ng-content>\n  }\n\n  <mat-form-field\n    [class.sd-md]=\"size() === 'md'\"\n    [class.sd-sm]=\"size() === 'sm'\"\n    [class.hide-inline-error]=\"hideInlineError()\"\n    [appearance]=\"_appearance!\"\n    [floatLabel]=\"floatLabel()\">\n    @if (_appearance && _label) {\n      <mat-label class=\"sd-form-field-label\">\n        <span>{{ _label }}</span>\n        @if (_helperText) {\n          <sd-icon [matTooltip]=\"_helperText\" matTooltipPosition=\"below\" name=\"info\"></sd-icon>\n        }\n      </mat-label>\n    }\n\n    <input\n      #input\n      matInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      maxlength=\"5\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [id]=\"id\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder() || _label || 'HH:mm'\"\n      [required]=\"_required\"\n      [readonly]=\"isReadonly()\"\n      [attr.aria-label]=\"ariaLabel() || _label || placeholder() || 'HH:mm'\"\n      [attr.aria-invalid]=\"dataInvalid()\"\n      [attr.data-autoId]=\"autoId()\"\n      [attr.data-disabled]=\"dataDisabled()\"\n      [attr.data-invalid]=\"dataInvalid()\"\n      [attr.data-empty]=\"dataEmpty()\"\n      [attr.data-value]=\"dataValue()\"\n      [attr.data-required]=\"dataRequired()\"\n      [attr.data-error-message]=\"dataErrorMessage()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown.arrowUp)=\"stepBy(1, $event)\"\n      (keydown.arrowDown)=\"stepBy(-1, $event)\" />\n\n    @if (!hideInlineError() && _errorMessage) {\n      <mat-error>{{ _errorMessage }}</mat-error>\n    }\n\n    @if (showClear()) {\n      <button\n        type=\"button\"\n        class=\"sd-clear-btn sd-hover\"\n        matSuffix\n        (click)=\"clear($event)\"\n        [attr.aria-label]=\"'core.form.time.clear' | translate\">\n        <sd-icon name=\"close\"></sd-icon>\n      </button>\n    }\n\n    @if (hideInlineError() && _errorMessage) {\n      <sd-icon matSuffix class=\"sd-error-icon\" [matTooltip]=\"_errorMessage\" matTooltipPosition=\"above\" name=\"error\"></sd-icon>\n    }\n\n    <button\n      #menuTrigger=\"matMenuTrigger\"\n      type=\"button\"\n      mat-icon-button\n      matSuffix\n      data-time-picker-trigger\n      [matMenuTriggerFor]=\"timePickerMenu\"\n      [disabled]=\"formControl.disabled || isReadonly()\"\n      [attr.aria-label]=\"'core.form.time.open-picker' | translate\"\n      (menuOpened)=\"preparePicker()\">\n      <sd-icon name=\"schedule\"></sd-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-menu #timePickerMenu=\"matMenu\" class=\"sd-time-picker-menu\">\n    <div class=\"d-flex flex-column\" (click)=\"$event.stopPropagation()\">\n      <sd-time-spinner [value]=\"pickerDraft()\" [baseValue]=\"pickerDraft()\" [stepMinute]=\"step()\" (valueChange)=\"onPickerValue($event)\">\n      </sd-time-spinner>\n      <div class=\"d-flex justify-content-end gap-8 p-8\">\n        <button type=\"button\" mat-button (click)=\"cancelPicker()\">{{ 'core.common.cancel' | translate }}</button>\n        <button type=\"button\" mat-flat-button (click)=\"applyPicker()\">{{ 'core.form.time.confirm' | translate }}</button>\n      </div>\n    </div>\n  </mat-menu>\n}\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-primary-contrast{color:var(--sd-primary-contrast)!important}.bg-primary-contrast{background:var(--sd-primary-contrast)!important}.border-primary-contrast{border-color:var(--sd-primary-contrast)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-secondary-contrast{color:var(--sd-secondary-contrast)!important}.bg-secondary-contrast{background:var(--sd-secondary-contrast)!important}.border-secondary-contrast{border-color:var(--sd-secondary-contrast)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-info-contrast{color:var(--sd-info-contrast)!important}.bg-info-contrast{background:var(--sd-info-contrast)!important}.border-info-contrast{border-color:var(--sd-info-contrast)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-success-contrast{color:var(--sd-success-contrast)!important}.bg-success-contrast{background:var(--sd-success-contrast)!important}.border-success-contrast{border-color:var(--sd-success-contrast)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-warning-contrast{color:var(--sd-warning-contrast)!important}.bg-warning-contrast{background:var(--sd-warning-contrast)!important}.border-warning-contrast{border-color:var(--sd-warning-contrast)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-error-contrast{color:var(--sd-error-contrast)!important}.bg-error-contrast{background:var(--sd-error-contrast)!important}.border-error-contrast{border-color:var(--sd-error-contrast)!important}.text-surface{color:var(--sd-surface)!important}.bg-surface{background:var(--sd-surface)!important}.border-surface{border-color:var(--sd-surface)!important}.text-surface-muted{color:var(--sd-surface-muted)!important}.bg-surface-muted{background:var(--sd-surface-muted)!important}.border-surface-muted{border-color:var(--sd-surface-muted)!important}.text-text{color:var(--sd-text)!important}.bg-text{background:var(--sd-text)!important}.border-text{border-color:var(--sd-text)!important}.text-text-secondary{color:var(--sd-text-secondary)!important}.bg-text-secondary{background:var(--sd-text-secondary)!important}.border-text-secondary{border-color:var(--sd-text-secondary)!important}.text-text-muted{color:var(--sd-text-muted)!important}.bg-text-muted{background:var(--sd-text-muted)!important}.border-text-muted{border-color:var(--sd-text-muted)!important}.text-border{color:var(--sd-border)!important}.bg-border{background:var(--sd-border)!important}.border-border{border-color:var(--sd-border)!important}.text-border-strong{color:var(--sd-border-strong)!important}.bg-border-strong{background:var(--sd-border-strong)!important}.border-border-strong{border-color:var(--sd-border-strong)!important}.text-disabled-bg{color:var(--sd-disabled-bg)!important}.bg-disabled-bg{background:var(--sd-disabled-bg)!important}.border-disabled-bg{border-color:var(--sd-disabled-bg)!important}.text-disabled-text{color:var(--sd-disabled-text)!important}.bg-disabled-text{background:var(--sd-disabled-text)!important}.border-disabled-text{border-color:var(--sd-disabled-text)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.text-secondary{color:var(--sd-text-secondary)!important}.text-muted{color:var(--sd-text-muted)!important}.text-body{color:var(--sd-text)!important}.bg-muted{background:var(--sd-surface-muted)!important}:host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}:host ::ng-deep .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-text-field-wrapper{background:var(--sd-disabled-bg)}:host ::ng-deep input.mat-mdc-input-element:disabled{color:var(--sd-disabled-text)!important}:host(.sd-bare){position:relative}.sd-inline-view{cursor:pointer;display:inline-flex;align-items:center;width:100%;padding:1px 6px;border-radius:4px;background-color:#0000000a;transition:background-color .15s ease}.sd-inline-view:hover{background-color:#00000014}.sd-inline-view .sd-inline-clear{display:none;align-items:center;margin-left:4px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;color:var(--sd-text-secondary, #6b7280);transition:color .15s ease}.sd-inline-view .sd-inline-clear sd-icon{font-size:16px;width:16px;height:16px}.sd-inline-view .sd-inline-clear:hover{color:var(--sd-error, #b32626)}.sd-inline-view:hover .sd-inline-clear{display:inline-flex}.sd-inline-editor{position:absolute;inset:0;opacity:0;pointer-events:none}.sd-inline-editor ::ng-deep *{pointer-events:none!important}:host(.sd-bare){display:inline-flex;align-items:center}:host(.sd-bare) ::ng-deep .mat-mdc-form-field{width:auto}:host(.sd-bare) ::ng-deep .mat-mdc-text-field-wrapper,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-flex{padding:0;background:transparent}:host(.sd-bare) ::ng-deep .mdc-notched-outline,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}:host(.sd-bare) ::ng-deep .mat-mdc-form-field-infix{width:auto;min-height:0;padding:0;border:0}\n"] }]
+                        SdTranslatePipe,
+                    ], template: "@let _label = label();\n@let _appearance = appearance();\n<!-- why: d\u00F9ng b\u1EA3n \u0111\u00E3 gate theo t\u01B0\u01A1ng t\u00E1c c\u1EE7a connector, KH\u00D4NG d\u00F9ng `errorMessage()` th\u00F4 \u2014 field\n     `[required]` tr\u01B0\u1EDBc \u0111\u00E2y bung l\u1ED7i ngay l\u1EA7n paint \u0111\u1EA7u, khi ng\u01B0\u1EDDi d\u00F9ng c\u00F2n ch\u01B0a ch\u1EA1m v\u00E0o \u00F4 n\u00E0o. -->\n@let _errorMessage = connectorState().validationError;\n@let _helperText = helperText();\n@let _required = required();\n\n@if (isViewed()) {\n  <sd-view\n    [label]=\"_label\"\n    [labelTemplate]=\"sdLabelTemplate()\"\n    [value]=\"valueModel()\"\n    [display]=\"displayValue()\"\n    [hyperlink]=\"hyperlink()\"\n    [valueTemplate]=\"viewTemplate()\">\n  </sd-view>\n} @else {\n  @if (!_appearance) {\n    <ng-content select=\"[sdLabel]\">\n      @if (_label) {\n        <sd-label [label]=\"_label\" [required]=\"_required\"></sd-label>\n      }\n    </ng-content>\n  }\n\n  <mat-form-field\n    [class.sd-md]=\"size() === 'md'\"\n    [class.sd-sm]=\"size() === 'sm'\"\n    [class.hide-inline-error]=\"hideInlineError()\"\n    [appearance]=\"_appearance!\"\n    [floatLabel]=\"floatLabel()\">\n    @if (_appearance && _label) {\n      <mat-label class=\"sd-form-field-label\">\n        <span>{{ _label }}</span>\n        @if (_helperText) {\n          <sd-icon [matTooltip]=\"_helperText\" matTooltipPosition=\"below\" name=\"info\"></sd-icon>\n        }\n      </mat-label>\n    }\n\n    <input\n      #input\n      matInput\n      type=\"text\"\n      inputmode=\"numeric\"\n      maxlength=\"5\"\n      autocomplete=\"off\"\n      autocorrect=\"off\"\n      [id]=\"id\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeholder() || _label || 'HH:mm'\"\n      [required]=\"_required\"\n      [readonly]=\"isReadonly()\"\n      [attr.aria-label]=\"ariaLabel() || _label || placeholder() || 'HH:mm'\"\n      [attr.aria-invalid]=\"dataInvalid()\"\n      [attr.data-autoId]=\"autoId()\"\n      [attr.data-disabled]=\"dataDisabled()\"\n      [attr.data-invalid]=\"dataInvalid()\"\n      [attr.data-empty]=\"dataEmpty()\"\n      [attr.data-value]=\"dataValue()\"\n      [attr.data-required]=\"dataRequired()\"\n      [attr.data-error-message]=\"dataErrorMessage()\"\n      (focus)=\"onFocus()\"\n      (blur)=\"onBlur()\"\n      (keydown.arrowUp)=\"stepBy(1, $event)\"\n      (keydown.arrowDown)=\"stepBy(-1, $event)\" />\n\n    @if (!hideInlineError() && _errorMessage) {\n      <mat-error>{{ _errorMessage }}</mat-error>\n    }\n\n    @if (showClear()) {\n      <button\n        type=\"button\"\n        class=\"sd-clear-btn sd-hover\"\n        matSuffix\n        (click)=\"clear($event)\"\n        [attr.aria-label]=\"'core.form.time.clear' | sdTranslate\">\n        <sd-icon name=\"close\"></sd-icon>\n      </button>\n    }\n\n    @if (hideInlineError() && _errorMessage) {\n      <sd-icon matSuffix class=\"sd-error-icon\" [matTooltip]=\"_errorMessage\" matTooltipPosition=\"above\" name=\"error\"></sd-icon>\n    }\n    @if (hideInlineError() && _errorMessage) {\n      <span class=\"sd-visually-hidden\" matSuffix>{{ _errorMessage }}</span>\n    }\n\n    <!-- why: KH\u00D4NG d\u00F9ng `mat-icon-button` \u2014 n\u00F3 d\u1EF1ng h\u1ED9p 40px + touch target 48px, n\u00EAn \u0111\u1ED3ng h\u1ED3 b\u1ECB\n         \u0111\u1EA9y v\u00E0o trong v\u00E0 v\u00F9ng b\u1EA5m ph\u00ECnh to h\u01A1n h\u1EB3n m\u1ECDi suffix kh\u00E1c. sd-date/sd-datetime/sd-date-range\n         \u0111\u1EC1u \u0111\u00E3 d\u00F9ng `.sd-suffix-icon.sd-suffix-btn` (20px, kh\u1EDBp gap 8px + padding 12px c\u1EE7a\n         `.mat-mdc-form-field-icon-suffix`); sd-time l\u00E0 control cu\u1ED1i c\u00F2n l\u1EC7ch. -->\n    <button\n      #menuTrigger=\"matMenuTrigger\"\n      type=\"button\"\n      matSuffix\n      data-time-picker-trigger\n      class=\"cursor-pointer sd-suffix-icon sd-suffix-btn\"\n      [matMenuTriggerFor]=\"timePickerMenu\"\n      [disabled]=\"formControl.disabled || isReadonly()\"\n      [attr.aria-label]=\"'core.form.time.open-picker' | sdTranslate\"\n      (menuOpened)=\"preparePicker()\">\n      <sd-icon name=\"schedule\"></sd-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-menu #timePickerMenu=\"matMenu\" class=\"sd-time-picker-menu\">\n    <!-- why: div n\u00E0y ch\u1EC9 t\u1ED3n t\u1EA1i \u0111\u1EC3 ch\u1EB7n click n\u1ED5i b\u1ECDt l\u00E0m \u0111\u00F3ng mat-menu \u2014 n\u00F3 kh\u00F4ng ph\u1EA3i m\u1ED9t\n         \"n\u00FAt\" v\u00E0 kh\u00F4ng c\u1EA7n focus. role=\"presentation\" l\u00E0 t\u00EDn hi\u1EC7u \u0111\u00FAng (kh\u00E1c aria-hidden \u1EDF ch\u1ED7\n         KH\u00D4NG \u1EA9n c\u00E2y con: spinner gi\u1EDD/ph\u00FAt v\u00E0 hai n\u00FAt b\u00EAn trong v\u1EABn \u0111\u1ECDc \u0111\u01B0\u1EE3c b\u00ECnh th\u01B0\u1EDDng). -->\n    <div class=\"d-flex flex-column\" role=\"presentation\" (click)=\"$event.stopPropagation()\">\n      <sd-time-spinner [value]=\"pickerDraft()\" [baseValue]=\"pickerDraft()\" [stepMinute]=\"step()\" (valueChange)=\"onPickerValue($event)\">\n      </sd-time-spinner>\n      <div class=\"d-flex justify-content-end gap-8 p-8\">\n        <button type=\"button\" mat-button (click)=\"cancelPicker()\">{{ 'core.common.cancel' | sdTranslate }}</button>\n        <button type=\"button\" mat-flat-button (click)=\"applyPicker()\">{{ 'core.form.time.confirm' | sdTranslate }}</button>\n      </div>\n    </div>\n  </mat-menu>\n}\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-primary-contrast{color:var(--sd-primary-contrast)!important}.bg-primary-contrast{background:var(--sd-primary-contrast)!important}.border-primary-contrast{border-color:var(--sd-primary-contrast)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-secondary-contrast{color:var(--sd-secondary-contrast)!important}.bg-secondary-contrast{background:var(--sd-secondary-contrast)!important}.border-secondary-contrast{border-color:var(--sd-secondary-contrast)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-info-contrast{color:var(--sd-info-contrast)!important}.bg-info-contrast{background:var(--sd-info-contrast)!important}.border-info-contrast{border-color:var(--sd-info-contrast)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-success-contrast{color:var(--sd-success-contrast)!important}.bg-success-contrast{background:var(--sd-success-contrast)!important}.border-success-contrast{border-color:var(--sd-success-contrast)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-warning-contrast{color:var(--sd-warning-contrast)!important}.bg-warning-contrast{background:var(--sd-warning-contrast)!important}.border-warning-contrast{border-color:var(--sd-warning-contrast)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-error-contrast{color:var(--sd-error-contrast)!important}.bg-error-contrast{background:var(--sd-error-contrast)!important}.border-error-contrast{border-color:var(--sd-error-contrast)!important}.text-surface{color:var(--sd-surface)!important}.bg-surface{background:var(--sd-surface)!important}.border-surface{border-color:var(--sd-surface)!important}.text-surface-muted{color:var(--sd-surface-muted)!important}.bg-surface-muted{background:var(--sd-surface-muted)!important}.border-surface-muted{border-color:var(--sd-surface-muted)!important}.text-text{color:var(--sd-text)!important}.bg-text{background:var(--sd-text)!important}.border-text{border-color:var(--sd-text)!important}.text-text-secondary{color:var(--sd-text-secondary)!important}.bg-text-secondary{background:var(--sd-text-secondary)!important}.border-text-secondary{border-color:var(--sd-text-secondary)!important}.text-text-muted{color:var(--sd-text-muted)!important}.bg-text-muted{background:var(--sd-text-muted)!important}.border-text-muted{border-color:var(--sd-text-muted)!important}.text-border{color:var(--sd-border)!important}.bg-border{background:var(--sd-border)!important}.border-border{border-color:var(--sd-border)!important}.text-border-strong{color:var(--sd-border-strong)!important}.bg-border-strong{background:var(--sd-border-strong)!important}.border-border-strong{border-color:var(--sd-border-strong)!important}.text-disabled-bg{color:var(--sd-disabled-bg)!important}.bg-disabled-bg{background:var(--sd-disabled-bg)!important}.border-disabled-bg{border-color:var(--sd-disabled-bg)!important}.text-disabled-text{color:var(--sd-disabled-text)!important}.bg-disabled-text{background:var(--sd-disabled-text)!important}.border-disabled-text{border-color:var(--sd-disabled-text)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.text-secondary{color:var(--sd-text-secondary)!important}.text-muted{color:var(--sd-text-muted)!important}.text-body{color:var(--sd-text)!important}.bg-muted{background:var(--sd-surface-muted)!important}:host{display:block}:host(.sd-has-label){padding-top:4px}:host(.sd-viewed){padding-top:0}:host ::ng-deep .mat-mdc-form-field.mat-form-field-appearance-outline.mat-form-field-disabled .mat-mdc-text-field-wrapper{background:var(--sd-disabled-bg)}:host ::ng-deep input.mat-mdc-input-element:disabled{color:var(--sd-disabled-text)!important}.sd-suffix-btn{display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;background:transparent;cursor:pointer;color:inherit}.sd-suffix-btn:disabled{cursor:default;opacity:.5}:host(.sd-bare){position:relative}.sd-inline-view{cursor:pointer;display:inline-flex;align-items:center;width:100%;padding:1px 6px;border-radius:4px;background-color:#0000000a;transition:background-color .15s ease}.sd-inline-view:hover{background-color:#00000014}.sd-inline-view .sd-inline-clear{display:none;align-items:center;margin-left:4px;padding:0;border:0;background:transparent;cursor:pointer;line-height:0;color:var(--sd-text-secondary, #6b7280);transition:color .15s ease}.sd-inline-view .sd-inline-clear sd-icon{font-size:16px;width:16px;height:16px}.sd-inline-view .sd-inline-clear:hover{color:var(--sd-error, #b32626)}.sd-inline-view:hover .sd-inline-clear{display:inline-flex}.sd-inline-editor{position:absolute;inset:0;opacity:0;pointer-events:none}.sd-inline-editor ::ng-deep *{pointer-events:none!important}:host(.sd-bare){display:inline-flex;align-items:center}:host(.sd-bare) ::ng-deep .mat-mdc-form-field{width:auto}:host(.sd-bare) ::ng-deep .mat-mdc-text-field-wrapper,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-flex{padding:0;background:transparent}:host(.sd-bare) ::ng-deep .mdc-notched-outline,:host(.sd-bare) ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}:host(.sd-bare) ::ng-deep .mat-mdc-form-field-infix{width:auto;min-height:0;padding:0;border:0}\n"] }]
         }] });
 /**