@carbon/web-components 2.47.0 → 2.48.0

package/es/components/fluid-time-picker/fluid-time-picker-select.js

@@ -0,0 +1,53 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { property } from 'lit/decorators.js';
+import { prefix } from '../../globals/settings.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import CDSFluidSelect from '../fluid-select/fluid-select.js';
+import styles from './fluid-time-picker.scss.js';
+
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Fluid time picker select.
+ *
+ * @element cds-fluid-time-picker-select
+ */
+let CDSFluidTimePickerSelect = class CDSFluidTimePickerSelect extends CDSFluidSelect {
+    constructor() {
+        super(...arguments);
+        /**
+         * Optionally provide the default value of the select.
+         */
+        this.defaultValue = '';
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('defaultValue') &&
+            this.defaultValue &&
+            !this.value) {
+            this.value = this.defaultValue;
+        }
+    }
+};
+CDSFluidTimePickerSelect.styles = [...CDSFluidSelect.styles, styles];
+__decorate([
+    property({ attribute: 'default-value' })
+], CDSFluidTimePickerSelect.prototype, "defaultValue", void 0);
+CDSFluidTimePickerSelect = __decorate([
+    carbonElement(`${prefix}-fluid-time-picker-select`)
+], CDSFluidTimePickerSelect);
+var CDSFluidTimePickerSelect$1 = CDSFluidTimePickerSelect;
+
+export { CDSFluidTimePickerSelect$1 as default };
+//# sourceMappingURL=fluid-time-picker-select.js.map

package/es/components/fluid-time-picker/fluid-time-picker-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-time-picker-select.js","sources":["../../../src/components/fluid-time-picker/fluid-time-picker-select.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport CDSFluidSelect from '../fluid-select/fluid-select';\nimport styles from './fluid-time-picker.scss?lit';\n\n/**\n * Fluid time picker select.\n *\n * @element cds-fluid-time-picker-select\n */\n@customElement(`${prefix}-fluid-time-picker-select`)\nclass CDSFluidTimePickerSelect extends CDSFluidSelect {\n  /**\n   * Optionally provide the default value of the select.\n   */\n  @property({ attribute: 'default-value' })\n  defaultValue = '';\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    if (\n      changedProperties.has('defaultValue') &&\n      this.defaultValue &&\n      !this.value\n    ) {\n      this.value = this.defaultValue;\n    }\n  }\n\n  static styles = [...CDSFluidSelect.styles, styles];\n}\n\nexport default CDSFluidTimePickerSelect;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;AAAA;;;;;AAKG;AAQH;;;;AAIG;AAEH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,cAAc,CAAA;AAArD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,YAAY,GAAG,EAAE;IAcnB;AAZE,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAChC,QAAA,IACE,iBAAiB,CAAC,GAAG,CAAC,cAAc,CAAC;AACrC,YAAA,IAAI,CAAC,YAAY;AACjB,YAAA,CAAC,IAAI,CAAC,KAAK,EACX;AACA,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY;QAChC;IACF;;AAEO,wBAAA,CAAA,MAAM,GAAG,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,MAAM,CAApC;AAbb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE;AACtB,CAAA,EAAA,wBAAA,CAAA,SAAA,EAAA,cAAA,EAAA,MAAA,CAAA;AALd,wBAAwB,GAAA,UAAA,CAAA;AAD7B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,yBAAA,CAA2B;AAC7C,CAAA,EAAA,wBAAwB,CAmB7B;AAED,iCAAe,wBAAwB;;;;"}

package/es/components/fluid-time-picker/fluid-time-picker-skeleton.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '../fluid-text-input/fluid-text-input-skeleton';
+import '../fluid-select/fluid-select-skeleton';
+/**
+ * Fluid time picker skeleton.
+ *
+ * @element cds-fluid-time-picker-skeleton
+ */
+declare class CDSFluidTimePickerSkeleton extends LitElement {
+    /**
+     * Specify if there are only two TimePicker elements.
+     */
+    isOnlyTwo: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: any;
+}
+export default CDSFluidTimePickerSkeleton;

package/es/components/fluid-time-picker/fluid-time-picker-skeleton.js

@@ -0,0 +1,63 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement, html } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import { property } from 'lit/decorators.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { prefix } from '../../globals/settings.js';
+import styles from './fluid-time-picker.scss.js';
+import '../fluid-text-input/fluid-text-input-skeleton.js';
+import '../fluid-select/fluid-select-skeleton.js';
+
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Fluid time picker skeleton.
+ *
+ * @element cds-fluid-time-picker-skeleton
+ */
+let CDSFluidTimePickerSkeleton = class CDSFluidTimePickerSkeleton extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Specify if there are only two TimePicker elements.
+         */
+        this.isOnlyTwo = false;
+    }
+    render() {
+        const wrapperClasses = classMap({
+            [`${prefix}--time-picker--fluid--skeleton`]: true,
+            [`${prefix}--time-picker--equal-width`]: this.isOnlyTwo,
+        });
+        return html `
+      <div class="${wrapperClasses}">
+        <cds-fluid-text-input-skeleton></cds-fluid-text-input-skeleton>
+        <cds-fluid-select-skeleton></cds-fluid-select-skeleton>
+        ${this.isOnlyTwo
+            ? null
+            : html `<cds-fluid-select-skeleton></cds-fluid-select-skeleton>`}
+      </div>
+    `;
+    }
+};
+CDSFluidTimePickerSkeleton.styles = styles;
+__decorate([
+    property({ type: Boolean, attribute: 'is-only-two', reflect: true })
+], CDSFluidTimePickerSkeleton.prototype, "isOnlyTwo", void 0);
+CDSFluidTimePickerSkeleton = __decorate([
+    carbonElement(`${prefix}-fluid-time-picker-skeleton`)
+], CDSFluidTimePickerSkeleton);
+var CDSFluidTimePickerSkeleton$1 = CDSFluidTimePickerSkeleton;
+
+export { CDSFluidTimePickerSkeleton$1 as default };
+//# sourceMappingURL=fluid-time-picker-skeleton.js.map

package/es/components/fluid-time-picker/fluid-time-picker-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-time-picker-skeleton.js","sources":["../../../src/components/fluid-time-picker/fluid-time-picker-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, LitElement } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { prefix } from '../../globals/settings';\nimport styles from './fluid-time-picker.scss?lit';\nimport '../fluid-text-input/fluid-text-input-skeleton';\nimport '../fluid-select/fluid-select-skeleton';\n\n/**\n * Fluid time picker skeleton.\n *\n * @element cds-fluid-time-picker-skeleton\n */\n@customElement(`${prefix}-fluid-time-picker-skeleton`)\nclass CDSFluidTimePickerSkeleton extends LitElement {\n  /**\n   * Specify if there are only two TimePicker elements.\n   */\n  @property({ type: Boolean, attribute: 'is-only-two', reflect: true })\n  isOnlyTwo = false;\n\n  render() {\n    const wrapperClasses = classMap({\n      [`${prefix}--time-picker--fluid--skeleton`]: true,\n      [`${prefix}--time-picker--equal-width`]: this.isOnlyTwo,\n    });\n\n    return html`\n      <div class=\"${wrapperClasses}\">\n        <cds-fluid-text-input-skeleton></cds-fluid-text-input-skeleton>\n        <cds-fluid-select-skeleton></cds-fluid-select-skeleton>\n        ${this.isOnlyTwo\n          ? null\n          : html`<cds-fluid-select-skeleton></cds-fluid-select-skeleton>`}\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSFluidTimePickerSkeleton;\n"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAWH;;;;AAIG;AAEH,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU,CAAA;AAAnD,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAA,CAAA,SAAS,GAAG,KAAK;IAoBnB;IAlBE,MAAM,GAAA;QACJ,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC9B,YAAA,CAAC,CAAA,EAAG,MAAM,CAAA,8BAAA,CAAgC,GAAG,IAAI;AACjD,YAAA,CAAC,GAAG,MAAM,CAAA,0BAAA,CAA4B,GAAG,IAAI,CAAC,SAAS;AACxD,SAAA,CAAC;AAEF,QAAA,OAAO,IAAI,CAAA;oBACK,cAAc,CAAA;;;AAGxB,QAAA,EAAA,IAAI,CAAC;AACL,cAAE;cACA,IAAI,CAAA,CAAA,uDAAA,CAAyD;;KAEpE;IACH;;AAEO,0BAAA,CAAA,MAAM,GAAG,MAAH;AAnBb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAE;AAClD,CAAA,EAAA,0BAAA,CAAA,SAAA,EAAA,WAAA,EAAA,MAAA,CAAA;AALd,0BAA0B,GAAA,UAAA,CAAA;AAD/B,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,2BAAA,CAA6B;AAC/C,CAAA,EAAA,0BAA0B,CAyB/B;AAED,mCAAe,0BAA0B;;;;"}

package/es/components/fluid-time-picker/fluid-time-picker.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import CDSTimePicker from '../time-picker/time-picker';
+/**
+ * Fluid Time Picker component.
+ *
+ * @element cds-fluid-time-picker
+ * @slot label-text - The label text.
+ * @slot invalid-text - The invalid text.
+ * @slot warning-text - The warning text.
+ * @slot - slot for fluid time picker select components.
+ */
+declare class CDSFluidTimePicker extends CDSTimePicker {
+    private _hoverTargets;
+    private _handleSelectMouseEnter;
+    private _handleSelectMouseLeave;
+    private _getNormalizedProps;
+    private _syncSelectState;
+    private _setHoverState;
+    private _syncHoverListeners;
+    updated(changedProperties: any): void;
+    protected _handleSlotChange(): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+    static get selectorTimePickerSelect(): string;
+    static styles: any[];
+}
+export default CDSFluidTimePicker;

package/es/components/fluid-time-picker/fluid-time-picker.js

@@ -0,0 +1,239 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { html } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import { carbonElement } from '../../globals/decorators/carbon-element.js';
+import { iconLoader } from '../../globals/internal/icon-loader.js';
+import { prefix } from '../../globals/settings.js';
+import WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';
+import WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';
+import CDSTimePicker from '../time-picker/time-picker.js';
+import '../text-input/text-input.js';
+import ifNonEmpty from '../../globals/directives/if-non-empty.js';
+import styles from './fluid-time-picker.scss.js';
+import { INPUT_SIZE } from '../text-input/defs.js';
+
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Fluid Time Picker component.
+ *
+ * @element cds-fluid-time-picker
+ * @slot label-text - The label text.
+ * @slot invalid-text - The invalid text.
+ * @slot warning-text - The warning text.
+ * @slot - slot for fluid time picker select components.
+ */
+let CDSFluidTimePicker = class CDSFluidTimePicker extends CDSTimePicker {
+    constructor() {
+        super(...arguments);
+        this._hoverTargets = [];
+        this._handleSelectMouseEnter = (event) => {
+            if (this.disabled || this.readOnly) {
+                return;
+            }
+            const target = event.currentTarget;
+            if (target) {
+                this._setHoverState(target);
+            }
+        };
+        this._handleSelectMouseLeave = () => {
+            this._setHoverState(null);
+        };
+    }
+    _getNormalizedProps() {
+        const { disabled, invalid, warning, readOnly } = this;
+        return {
+            disabled: !readOnly && disabled,
+            invalid: !readOnly && !disabled && invalid,
+            warn: !readOnly && !invalid && !disabled && warning,
+        };
+    }
+    _syncSelectState() {
+        const { selectorTimePickerSelect } = this
+            .constructor;
+        const normalizedProps = this._getNormalizedProps();
+        const timePickerSelects = Array.from(this.querySelectorAll(selectorTimePickerSelect));
+        const lastIndex = timePickerSelects.length - 1;
+        const isOnlyOne = timePickerSelects.length === 1;
+        timePickerSelects.forEach((elem, index) => {
+            const position = isOnlyOne || index === lastIndex
+                ? 'last'
+                : index === 0
+                    ? 'first'
+                    : 'middle';
+            if (elem.getAttribute('data-fluid-time-picker-position') !== position &&
+                position) {
+                elem.setAttribute('data-fluid-time-picker-position', position);
+            }
+            elem.toggleAttribute('data-fluid-time-picker-invalid', normalizedProps.invalid);
+            elem.toggleAttribute('data-fluid-time-picker-warn', normalizedProps.warn);
+            // Propagate state to the slotted fluid selects.
+            elem.readonly = this.readOnly;
+            elem.disabled = this.disabled;
+            elem.size =
+                this.size === 'sm'
+                    ? INPUT_SIZE.SMALL
+                    : this.size === 'lg'
+                        ? INPUT_SIZE.LARGE
+                        : INPUT_SIZE.MEDIUM;
+        });
+    }
+    _setHoverState(target) {
+        const { selectorTimePickerSelect } = this
+            .constructor;
+        const selects = Array.from(this.querySelectorAll(selectorTimePickerSelect));
+        selects.forEach((select) => select.removeAttribute('data-fluid-time-picker-hide-divider'));
+        if (!target) {
+            return;
+        }
+        const position = target.getAttribute('data-fluid-time-picker-position');
+        const targetIndex = selects.indexOf(target);
+        if (targetIndex === -1) {
+            return;
+        }
+        if (position === 'first') {
+            for (let index = targetIndex; index < selects.length; index++) {
+                selects[index].setAttribute('data-fluid-time-picker-hide-divider', '');
+            }
+            return;
+        }
+        if (position === 'last') {
+            target.setAttribute('data-fluid-time-picker-hide-divider', '');
+        }
+    }
+    _syncHoverListeners() {
+        const { selectorTimePickerSelect } = this
+            .constructor;
+        const selects = Array.from(this.querySelectorAll(selectorTimePickerSelect));
+        this._hoverTargets.forEach((select) => {
+            select.removeEventListener('mouseenter', this._handleSelectMouseEnter);
+            select.removeEventListener('mouseleave', this._handleSelectMouseLeave);
+        });
+        selects.forEach((select) => {
+            select.addEventListener('mouseenter', this._handleSelectMouseEnter);
+            select.addEventListener('mouseleave', this._handleSelectMouseLeave);
+        });
+        this._hoverTargets = selects;
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        this._syncSelectState();
+    }
+    _handleSlotChange() {
+        super._handleSlotChange();
+        this._syncSelectState();
+        this._syncHoverListeners();
+    }
+    disconnectedCallback() {
+        var _a;
+        // Remove hover listeners added in _syncHoverListeners() to avoid leaks
+        this._hoverTargets.forEach((select) => {
+            select.removeEventListener('mouseenter', this._handleSelectMouseEnter);
+            select.removeEventListener('mouseleave', this._handleSelectMouseLeave);
+        });
+        this._hoverTargets = [];
+        (_a = super.disconnectedCallback) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    render() {
+        const { className, disabled, hideLabel, invalidText, labelText, maxLength, name, pattern, placeholder, readOnly, required, size, type, value, warningText, _handleInput: handleInput, _handleSlotChange: handleSlotChange, } = this;
+        const normalizedProps = this._getNormalizedProps();
+        const { selectorTimePickerSelect } = this
+            .constructor;
+        const selectCount = this.querySelectorAll(selectorTimePickerSelect).length;
+        const timePickerClasses = classMap(Object.assign({ [`${prefix}--time-picker--fluid`]: true, [`${prefix}--time-picker--equal-width`]: selectCount !== 2, [`${prefix}--time-picker--${size}`]: size, [`${prefix}--time-picker--fluid--disabled`]: disabled, [`${prefix}--time-picker--fluid--invalid`]: normalizedProps.invalid, [`${prefix}--time-picker--fluid--warning`]: normalizedProps.warn }, (className && { [className]: true })));
+        const inputWrapperClasses = classMap({
+            [`${prefix}--form-item`]: true,
+            [`${prefix}--text-input-wrapper`]: true,
+            [`${prefix}--text-input--fluid`]: true,
+            [`${prefix}--text-input-wrapper--readonly`]: readOnly,
+        });
+        const labelClasses = classMap({
+            [`${prefix}--label`]: true,
+            [`${prefix}--visually-hidden`]: hideLabel,
+            [`${prefix}--label--disabled`]: normalizedProps.disabled,
+        });
+        const fieldOuterWrapperClasses = classMap({
+            [`${prefix}--text-input__field-outer-wrapper`]: true,
+        });
+        const fieldWrapperClasses = classMap({
+            [`${prefix}--text-input__field-wrapper`]: true,
+        });
+        const inputClasses = classMap({
+            [`${prefix}--text-input`]: true,
+            [`${prefix}--time-picker__input-field`]: true,
+        });
+        const validationMessage = normalizedProps.invalid || normalizedProps.warn
+            ? html `
+            <hr class="${prefix}--time-picker__divider" />
+            <div class="${prefix}--form-requirement">
+              ${normalizedProps.invalid
+                ? html ` <slot name="invalid-text"> ${invalidText} </slot> `
+                : html ` <slot name="warning-text"> ${warningText} </slot> `}
+            </div>
+            ${iconLoader(normalizedProps.invalid ? WarningFilled16 : WarningAltFilled16, {
+                class: `${prefix}--time-picker__icon`,
+            })}
+          `
+            : null;
+        const label = html `
+      <div class="${prefix}--text-input__label-wrapper">
+        <label class="${labelClasses}" for="input">
+          <slot name="label-text"> ${labelText} </slot>
+        </label>
+      </div>
+    `;
+        return html `
+      <div class="${timePickerClasses}">
+        <div class="${prefix}--time-picker--fluid__wrapper">
+          <div class="${prefix}--time-picker__input">
+            <div class="${inputWrapperClasses}">
+              ${label}
+              <div class="${fieldOuterWrapperClasses}">
+                <div class="${fieldWrapperClasses}">
+                  <input
+                    id="input"
+                    class="${inputClasses}"
+                    ?disabled="${normalizedProps.disabled}"
+                    maxlength="${ifNonEmpty(maxLength)}"
+                    name="${ifNonEmpty(name)}"
+                    pattern="${ifNonEmpty(pattern)}"
+                    placeholder="${ifNonEmpty(placeholder)}"
+                    ?readonly="${readOnly}"
+                    ?required="${required}"
+                    type="${ifNonEmpty(type)}"
+                    .value="${value}"
+                    @input="${handleInput}" />
+                  <hr class="${prefix}--text-input__divider" />
+                </div>
+              </div>
+            </div>
+          </div>
+          <slot @slotchange="${handleSlotChange}"></slot>
+        </div>
+        ${validationMessage}
+      </div>
+    `;
+    }
+    static get selectorTimePickerSelect() {
+        return `${prefix}-fluid-time-picker-select`;
+    }
+};
+CDSFluidTimePicker.styles = [CDSTimePicker.styles, styles];
+CDSFluidTimePicker = __decorate([
+    carbonElement(`${prefix}-fluid-time-picker`)
+], CDSFluidTimePicker);
+var CDSFluidTimePicker$1 = CDSFluidTimePicker;
+
+export { CDSFluidTimePicker$1 as default };
+//# sourceMappingURL=fluid-time-picker.js.map

package/es/components/fluid-time-picker/fluid-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fluid-time-picker.js","sources":["../../../src/components/fluid-time-picker/fluid-time-picker.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport { prefix } from '../../globals/settings';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport CDSTimePicker from '../time-picker/time-picker';\nimport { INPUT_SIZE } from '../text-input/text-input';\nimport type CDSFluidTimePickerSelect from './fluid-time-picker-select';\nimport ifNonEmpty from '../../globals/directives/if-non-empty';\nimport styles from './fluid-time-picker.scss?lit';\n\n/**\n * Fluid Time Picker component.\n *\n * @element cds-fluid-time-picker\n * @slot label-text - The label text.\n * @slot invalid-text - The invalid text.\n * @slot warning-text - The warning text.\n * @slot - slot for fluid time picker select components.\n */\n@customElement(`${prefix}-fluid-time-picker`)\nclass CDSFluidTimePicker extends CDSTimePicker {\n  private _hoverTargets: HTMLElement[] = [];\n\n  private _handleSelectMouseEnter = (event: MouseEvent) => {\n    if (this.disabled || this.readOnly) {\n      return;\n    }\n    const target = event.currentTarget as HTMLElement | null;\n    if (target) {\n      this._setHoverState(target);\n    }\n  };\n\n  private _handleSelectMouseLeave = () => {\n    this._setHoverState(null);\n  };\n\n  private _getNormalizedProps() {\n    const { disabled, invalid, warning, readOnly } = this;\n    return {\n      disabled: !readOnly && disabled,\n      invalid: !readOnly && !disabled && invalid,\n      warn: !readOnly && !invalid && !disabled && warning,\n    };\n  }\n\n  private _syncSelectState() {\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSFluidTimePicker;\n    const normalizedProps = this._getNormalizedProps();\n    const timePickerSelects = Array.from(\n      this.querySelectorAll<CDSFluidTimePickerSelect>(selectorTimePickerSelect)\n    );\n    const lastIndex = timePickerSelects.length - 1;\n    const isOnlyOne = timePickerSelects.length === 1;\n\n    timePickerSelects.forEach((elem, index) => {\n      const position =\n        isOnlyOne || index === lastIndex\n          ? 'last'\n          : index === 0\n            ? 'first'\n            : 'middle';\n\n      if (\n        elem.getAttribute('data-fluid-time-picker-position') !== position &&\n        position\n      ) {\n        elem.setAttribute('data-fluid-time-picker-position', position);\n      }\n\n      elem.toggleAttribute(\n        'data-fluid-time-picker-invalid',\n        normalizedProps.invalid\n      );\n      elem.toggleAttribute('data-fluid-time-picker-warn', normalizedProps.warn);\n\n      // Propagate state to the slotted fluid selects.\n      elem.readonly = this.readOnly;\n      elem.disabled = this.disabled;\n      elem.size =\n        this.size === 'sm'\n          ? INPUT_SIZE.SMALL\n          : this.size === 'lg'\n            ? INPUT_SIZE.LARGE\n            : INPUT_SIZE.MEDIUM;\n    });\n  }\n\n  private _setHoverState(target: HTMLElement | null) {\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSFluidTimePicker;\n    const selects = Array.from(this.querySelectorAll(selectorTimePickerSelect));\n\n    selects.forEach((select) =>\n      select.removeAttribute('data-fluid-time-picker-hide-divider')\n    );\n\n    if (!target) {\n      return;\n    }\n\n    const position = target.getAttribute('data-fluid-time-picker-position');\n    const targetIndex = selects.indexOf(target);\n\n    if (targetIndex === -1) {\n      return;\n    }\n\n    if (position === 'first') {\n      for (let index = targetIndex; index < selects.length; index++) {\n        selects[index].setAttribute('data-fluid-time-picker-hide-divider', '');\n      }\n      return;\n    }\n\n    if (position === 'last') {\n      target.setAttribute('data-fluid-time-picker-hide-divider', '');\n    }\n  }\n\n  private _syncHoverListeners() {\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSFluidTimePicker;\n    const selects = Array.from(\n      this.querySelectorAll(selectorTimePickerSelect)\n    ) as HTMLElement[];\n\n    this._hoverTargets.forEach((select) => {\n      select.removeEventListener('mouseenter', this._handleSelectMouseEnter);\n      select.removeEventListener('mouseleave', this._handleSelectMouseLeave);\n    });\n\n    selects.forEach((select) => {\n      select.addEventListener('mouseenter', this._handleSelectMouseEnter);\n      select.addEventListener('mouseleave', this._handleSelectMouseLeave);\n    });\n\n    this._hoverTargets = selects;\n  }\n\n  updated(changedProperties) {\n    super.updated(changedProperties);\n    this._syncSelectState();\n  }\n\n  protected _handleSlotChange() {\n    super._handleSlotChange();\n    this._syncSelectState();\n    this._syncHoverListeners();\n  }\n\n  disconnectedCallback() {\n    // Remove hover listeners added in _syncHoverListeners() to avoid leaks\n    this._hoverTargets.forEach((select) => {\n      select.removeEventListener('mouseenter', this._handleSelectMouseEnter);\n      select.removeEventListener('mouseleave', this._handleSelectMouseLeave);\n    });\n    this._hoverTargets = [];\n    super.disconnectedCallback?.();\n  }\n\n  render() {\n    const {\n      className,\n      disabled,\n      hideLabel,\n      invalidText,\n      labelText,\n      maxLength,\n      name,\n      pattern,\n      placeholder,\n      readOnly,\n      required,\n      size,\n      type,\n      value,\n      warningText,\n      _handleInput: handleInput,\n      _handleSlotChange: handleSlotChange,\n    } = this;\n\n    const normalizedProps = this._getNormalizedProps();\n    const { selectorTimePickerSelect } = this\n      .constructor as typeof CDSFluidTimePicker;\n    const selectCount = this.querySelectorAll(selectorTimePickerSelect).length;\n\n    const timePickerClasses = classMap({\n      [`${prefix}--time-picker--fluid`]: true,\n      [`${prefix}--time-picker--equal-width`]: selectCount !== 2,\n      [`${prefix}--time-picker--${size}`]: size,\n      [`${prefix}--time-picker--fluid--disabled`]: disabled,\n      [`${prefix}--time-picker--fluid--invalid`]: normalizedProps.invalid,\n      [`${prefix}--time-picker--fluid--warning`]: normalizedProps.warn,\n      ...(className && { [className]: true }),\n    });\n\n    const inputWrapperClasses = classMap({\n      [`${prefix}--form-item`]: true,\n      [`${prefix}--text-input-wrapper`]: true,\n      [`${prefix}--text-input--fluid`]: true,\n      [`${prefix}--text-input-wrapper--readonly`]: readOnly,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n      [`${prefix}--label--disabled`]: normalizedProps.disabled,\n    });\n\n    const fieldOuterWrapperClasses = classMap({\n      [`${prefix}--text-input__field-outer-wrapper`]: true,\n    });\n\n    const fieldWrapperClasses = classMap({\n      [`${prefix}--text-input__field-wrapper`]: true,\n    });\n\n    const inputClasses = classMap({\n      [`${prefix}--text-input`]: true,\n      [`${prefix}--time-picker__input-field`]: true,\n    });\n\n    const validationMessage =\n      normalizedProps.invalid || normalizedProps.warn\n        ? html`\n            <hr class=\"${prefix}--time-picker__divider\" />\n            <div class=\"${prefix}--form-requirement\">\n              ${normalizedProps.invalid\n                ? html` <slot name=\"invalid-text\"> ${invalidText} </slot> `\n                : html` <slot name=\"warning-text\"> ${warningText} </slot> `}\n            </div>\n            ${iconLoader(\n              normalizedProps.invalid ? WarningFilled16 : WarningAltFilled16,\n              {\n                class: `${prefix}--time-picker__icon`,\n              }\n            )}\n          `\n        : null;\n\n    const label = html`\n      <div class=\"${prefix}--text-input__label-wrapper\">\n        <label class=\"${labelClasses}\" for=\"input\">\n          <slot name=\"label-text\"> ${labelText} </slot>\n        </label>\n      </div>\n    `;\n\n    return html`\n      <div class=\"${timePickerClasses}\">\n        <div class=\"${prefix}--time-picker--fluid__wrapper\">\n          <div class=\"${prefix}--time-picker__input\">\n            <div class=\"${inputWrapperClasses}\">\n              ${label}\n              <div class=\"${fieldOuterWrapperClasses}\">\n                <div class=\"${fieldWrapperClasses}\">\n                  <input\n                    id=\"input\"\n                    class=\"${inputClasses}\"\n                    ?disabled=\"${normalizedProps.disabled}\"\n                    maxlength=\"${ifNonEmpty(maxLength)}\"\n                    name=\"${ifNonEmpty(name)}\"\n                    pattern=\"${ifNonEmpty(pattern)}\"\n                    placeholder=\"${ifNonEmpty(placeholder)}\"\n                    ?readonly=\"${readOnly}\"\n                    ?required=\"${required}\"\n                    type=\"${ifNonEmpty(type)}\"\n                    .value=\"${value}\"\n                    @input=\"${handleInput}\" />\n                  <hr class=\"${prefix}--text-input__divider\" />\n                </div>\n              </div>\n            </div>\n          </div>\n          <slot @slotchange=\"${handleSlotChange}\"></slot>\n        </div>\n        ${validationMessage}\n      </div>\n    `;\n  }\n\n  static get selectorTimePickerSelect() {\n    return `${prefix}-fluid-time-picker-select`;\n  }\n\n  static styles = [CDSTimePicker.styles, styles];\n}\n\nexport default CDSFluidTimePicker;\n"],"names":["customElement"],"mappings":"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"}