@actabldesign/bellhop-core 0.0.3 → 0.0.4

package/dist/cjs/bh-input-number.cjs.entry.js

@@ -0,0 +1,307 @@
+'use strict';
+
+var index = require('./index-BVJ_Kket.js');
+var form = require('./form-9mbajZ3y.js');
+
+const bhInputNumberCss = ":host{display:block}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:100%}.input-field{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);height:36px;width:100%;background:var(--color-white);border:1px solid var(--color-neutral-300);border-radius:var(--spacing-md);transition:all 0.2s ease-in-out;cursor:text;box-shadow:0 0 0 0px transparent;overflow:hidden;position:relative;box-sizing:border-box}.input-field.input-icon-leading{padding:var(--spacing-md) var(--spacing-lg)}.input-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1;height:100%;min-width:0;max-width:100%}.leading-icon{font-size:var(--text-xl-size);color:var(--color-neutral-500);user-select:none;flex-shrink:0;cursor:default;pointer-events:auto;transition:color 0.2s ease-in-out}.input-field.input-focused .leading-icon{color:var(--color-brand-600)}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-800);min-width:60px;padding-left:var(--spacing-xs);box-shadow:none}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--color-neutral-500)}.input-element:disabled{cursor:not-allowed;opacity:0.5}.input-element::-webkit-outer-spin-button,.input-element::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-element[type='number']{-moz-appearance:textfield;appearance:textfield}.text-placeholder{color:var(--color-neutral-500)}.text-filled{color:var(--color-neutral-800)}.hint-text{font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-600)}.input-field.input-hover{border-color:var(--color-brand-500)}.input-field.input-focused{border-color:var(--color-brand-500);box-shadow:0 0 0 1px var(--color-brand-500)}.input-field.input-disabled{opacity:0.5;cursor:not-allowed;background:var(--color-neutral-50)}.input-field.input-error{border-color:var(--color-error-300)}.input-field.input-error.input-hover{border-color:var(--color-error-500)}.input-field.input-error.input-focused{border-color:var(--color-brand-600)}.hint-text.hint-error{color:var(--color-error-600)}.prefix-text,.suffix-text{font-family:var(--font-inter);font-weight:400;font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-600);user-select:none;flex-shrink:0}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}@media (max-width: 768px){.input-wrapper{width:100%}}";
+
+const BhInputNumber = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bhChange = index.createEvent(this, "bhChange");
+        this.bhFocus = index.createEvent(this, "bhFocus");
+        this.bhBlur = index.createEvent(this, "bhBlur");
+        this.bhHelpClick = index.createEvent(this, "bhHelpClick");
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+    }
+    get el() { return index.getElement(this); }
+    internals;
+    inputEl;
+    /**
+     * Whether the input is in an error state
+     */
+    error = false;
+    /**
+     * Whether the field is required
+     */
+    required = false;
+    /**
+     * Whether the input is disabled
+     */
+    disabled = false;
+    /**
+     * Whether to show the help icon
+     */
+    showHelpIcon = false;
+    /**
+     * Whether to show the leading icon
+     */
+    showLeadingIcon = false;
+    /**
+     * Whether to show the label
+     */
+    showLabel = true;
+    /**
+     * Whether to show the hint text
+     */
+    showHintText = true;
+    /**
+     * Label text for the input
+     */
+    label = 'Amount';
+    /**
+     * Placeholder text
+     */
+    placeholder = '0';
+    /**
+     * Hint text displayed below the input
+     */
+    hintText = 'Enter a numeric value.';
+    /**
+     * Leading icon name (Material Symbols)
+     */
+    leadingIcon = 'tag';
+    /**
+     * Tooltip text for the help icon
+     */
+    helpIconTooltip = 'Help';
+    /**
+     * Current numeric value
+     */
+    value = null;
+    /**
+     * Minimum allowed value
+     */
+    min = null;
+    /**
+     * Maximum allowed value
+     */
+    max = null;
+    /**
+     * Step value for increment/decrement
+     */
+    step = 1;
+    /**
+     * Text prefix before the input value
+     */
+    prefixText = '';
+    /**
+     * Text suffix after the input value
+     */
+    suffixText = '';
+    /**
+     * Width of the component
+     */
+    width = '';
+    /**
+     * Name attribute for form submission
+     */
+    name = '';
+    /**
+     * Default value for form reset
+     */
+    defaultValue = null;
+    /**
+     * Custom validation message
+     */
+    validationMessage = '';
+    internalState = 'placeholder';
+    isHovered = false;
+    isFocused = false;
+    internalValue = null;
+    hasValidationError = false;
+    /**
+     * Event emitted when the value changes
+     */
+    bhChange;
+    /**
+     * Event emitted when the input receives focus
+     */
+    bhFocus;
+    /**
+     * Event emitted when the input loses focus
+     */
+    bhBlur;
+    /**
+     * Event emitted when the help icon is clicked
+     */
+    bhHelpClick;
+    get isControlled() {
+        return this.value !== undefined && this.value !== null;
+    }
+    get currentValue() {
+        return this.isControlled ? this.value : this.internalValue;
+    }
+    watchValue(newValue) {
+        this.hasValidationError = this.isOutOfBounds(newValue);
+        this.updateInternalState(newValue);
+    }
+    componentWillLoad() {
+        if (this.value !== null && this.value !== undefined) {
+            this.internalValue = this.value;
+        }
+        this.hasValidationError = this.isOutOfBounds(this.currentValue);
+        this.updateInternalState(this.currentValue);
+    }
+    componentDidLoad() {
+        this.syncNumberFormValue();
+        form.updateValidity(this.internals, this.inputEl, this.validationMessage);
+    }
+    formResetCallback() {
+        this.value = this.defaultValue;
+        this.internalValue = this.defaultValue;
+        if (this.inputEl) {
+            this.inputEl.value = this.defaultValue !== null ? String(this.defaultValue) : '';
+        }
+        this.hasValidationError = this.isOutOfBounds(this.defaultValue);
+        this.updateInternalState(this.defaultValue);
+        this.syncNumberFormValue();
+        form.updateValidity(this.internals, this.inputEl);
+    }
+    syncNumberFormValue() {
+        if (!this.internals || !this.name)
+            return;
+        const val = this.currentValue;
+        if (val === null || val === undefined) {
+            this.internals.setFormValue(null);
+        }
+        else {
+            this.internals.setFormValue(String(val));
+        }
+    }
+    isOutOfBounds(val) {
+        if (val === null)
+            return false;
+        if (this.min !== null && val < this.min)
+            return true;
+        if (this.max !== null && val > this.max)
+            return true;
+        return false;
+    }
+    updateInternalState(val) {
+        if (val !== null && val !== undefined) {
+            this.internalState = 'filled';
+        }
+        else if (!this.isFocused && !this.isHovered) {
+            this.internalState = 'placeholder';
+        }
+    }
+    validateValue(val) {
+        if (this.min !== null && val < this.min) {
+            return this.min;
+        }
+        if (this.max !== null && val > this.max) {
+            return this.max;
+        }
+        return val;
+    }
+    updateValue(newValue, allowOutOfBounds = false) {
+        let finalValue;
+        if (newValue === null) {
+            finalValue = null;
+        }
+        else if (allowOutOfBounds) {
+            finalValue = newValue;
+        }
+        else {
+            finalValue = this.validateValue(newValue);
+        }
+        this.internalValue = finalValue;
+        this.value = finalValue;
+        this.hasValidationError = this.isOutOfBounds(finalValue);
+        this.syncNumberFormValue();
+        form.updateValidity(this.internals, this.inputEl, this.validationMessage);
+        this.bhChange.emit(finalValue);
+    }
+    handleInputChange = (event) => {
+        const input = event.target;
+        const inputValue = input.value;
+        const numericValue = inputValue === '' ? null : parseFloat(inputValue);
+        if (numericValue !== null && !isNaN(numericValue)) {
+            this.updateValue(numericValue, true);
+        }
+        else if (inputValue === '') {
+            this.updateValue(null, true);
+        }
+    };
+    increment = () => {
+        const baseValue = this.currentValue ?? 0;
+        const newValue = baseValue + this.step;
+        this.updateValue(newValue);
+    };
+    decrement = () => {
+        const baseValue = this.currentValue ?? 0;
+        const newValue = baseValue - this.step;
+        this.updateValue(newValue);
+    };
+    handleInputFocus = () => {
+        this.isFocused = true;
+        this.internalState = 'focused';
+        this.bhFocus.emit();
+    };
+    handleInputBlur = () => {
+        this.isFocused = false;
+        this.updateInternalState(this.currentValue);
+        this.bhBlur.emit();
+    };
+    handleMouseEnter = () => {
+        if (!this.isFocused) {
+            this.isHovered = true;
+            this.internalState = 'hover';
+        }
+    };
+    handleMouseLeave = () => {
+        this.isHovered = false;
+        if (!this.isFocused) {
+            this.updateInternalState(this.currentValue);
+        }
+    };
+    handleHelpIconClick = () => {
+        this.bhHelpClick.emit();
+    };
+    getValidationErrorMessage() {
+        if (!this.hasValidationError || this.currentValue === null)
+            return '';
+        if (this.min !== null && this.max !== null) {
+            return `Enter a number between ${this.min} and ${this.max}.`;
+        }
+        if (this.min !== null && this.currentValue < this.min) {
+            return `Value must be at least ${this.min}`;
+        }
+        if (this.max !== null && this.currentValue > this.max) {
+            return `Value must be no more than ${this.max}`;
+        }
+        return '';
+    }
+    render() {
+        const showError = this.error || this.hasValidationError;
+        const displayHintText = showError && this.hasValidationError ? this.getValidationErrorMessage() : this.hintText;
+        const inputFieldClasses = {
+            'input-field': true,
+            'input-hover': this.internalState === 'hover' || this.isHovered,
+            'input-focused': this.internalState === 'focused' || this.isFocused,
+            'input-error': showError,
+            'input-disabled': this.disabled,
+            'input-icon-leading': this.showLeadingIcon,
+        };
+        const textColorClass = this.currentValue !== null && this.currentValue !== undefined ? 'text-filled' : 'text-placeholder';
+        const wrapperStyle = this.width ? { width: this.width } : {};
+        const isDecrementDisabled = this.disabled || (this.min !== null && this.currentValue !== null && this.currentValue <= this.min);
+        const isIncrementDisabled = this.disabled || (this.max !== null && this.currentValue !== null && this.currentValue >= this.max);
+        return (index.h("div", { key: '5a62ac405a4dab08e3d7ec641db1336d957bd63c', class: "input-wrapper", style: wrapperStyle }, index.h("bh-label", { key: '1f6fd79e83ced0e705dca9ef25caa27b9a20e79c', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpIconClick }, index.h("div", { key: 'f918424c4e8775ba557532e1cda647037df5466a', class: inputFieldClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '61d930d8c8c54bf378f2194fdb104a2eeb314342', class: "input-content" }, this.showLeadingIcon && (index.h("span", { key: 'aa7ef4bda300371390b62f08d29d92b891853ccc', class: "leading-icon material-symbols-outlined" }, this.leadingIcon)), this.prefixText && index.h("span", { key: 'e64fa876433e2640d333270950f282e49920910c', class: "prefix-text" }, this.prefixText), index.h("input", { key: '8839a9db6d5bb05315465bdc1e2c3b073ca8e029', ref: (el) => (this.inputEl = el), type: "number", name: this.name, value: this.currentValue ?? '', placeholder: this.placeholder, disabled: this.disabled, required: this.required, class: `input-element ${textColorClass}`, onInput: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, min: this.min ?? undefined, max: this.max ?? undefined, step: this.step }), this.suffixText && index.h("span", { key: '156a5a3928c46f7c35d12aa94ca7de9b4217f662', class: "suffix-text" }, this.suffixText), index.h("bh-button-icon", { key: '679c52af8ca9aa0033d165d5ded338a5656e00d2', hierarchy: "tertiary", size: "xs", iconName: "remove", disabled: isDecrementDisabled, onClick: this.decrement, "aria-label": "Decrease value" }), index.h("bh-button-icon", { key: 'f65a5a9dfb1909d77f2106a8920bb5979699e371', hierarchy: "tertiary", size: "xs", iconName: "add", disabled: isIncrementDisabled, onClick: this.increment, "aria-label": "Increase value" })))), this.showHintText && displayHintText && (index.h("div", { key: '14492378c9e97845b2a4b66834657fac2ccdcd9d', class: { 'hint-text': true, 'hint-error': showError } }, displayHintText))));
+    }
+    static get formAssociated() { return true; }
+    static get watchers() { return {
+        "value": ["watchValue"]
+    }; }
+};
+BhInputNumber.style = bhInputNumberCss;
+
+exports.bh_input_number = BhInputNumber;
+//# sourceMappingURL=bh-input-number.entry.cjs.js.map

package/dist/cjs/bh-input-password.cjs.entry.js

@@ -0,0 +1,182 @@
+'use strict';
+
+var index = require('./index-BVJ_Kket.js');
+var form = require('./form-9mbajZ3y.js');
+
+const bhInputPasswordCss = ":host{display:block;font-family:var(--font-inter, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif)}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm, 8px);width:100%}.input-container{display:flex;align-items:center;gap:var(--spacing-md, 12px);padding:var(--spacing-md, 12px);height:36px;width:100%;background:var(--color-white, #FFFFFF);border:1px solid var(--color-neutral-300, #D0D5DD);border-radius:var(--spacing-md, 8px);transition:all 0.2s ease-in-out;cursor:text;box-sizing:border-box}.input-container.input-container-with-leading{padding:var(--spacing-md, 12px) var(--spacing-lg, 16px)}.input-container.input-container-hover{border-color:var(--color-brand-500, #7F56D9)}.input-container.input-container-focused{border-color:var(--color-brand-500, #7F56D9);box-shadow:0 0 0 1px var(--color-brand-500, #7F56D9)}.input-container.input-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--color-neutral-50, #F9FAFB)}.input-container.input-container-error{border-color:var(--color-error-300, #FDA29B)}.input-container.input-container-error.input-container-hover{border-color:var(--color-error-500, #F05250)}.input-container.input-container-error.input-container-focused{border-color:var(--color-brand-600, #6941C6)}.input-content{display:flex;align-items:center;gap:var(--spacing-md, 12px);flex:1;height:100%;min-width:0}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-weight:400;font-size:var(--text-sm-size, 14px);line-height:1.43;color:var(--color-neutral-800, #1D2939);min-width:60px;padding:0}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--color-neutral-500, #667085)}.input-element:disabled{cursor:not-allowed}.leading-icon{font-size:var(--text-xl-size, 20px);color:var(--color-neutral-500, #667085);user-select:none;flex-shrink:0;cursor:default;transition:color 0.2s ease-in-out}.input-container-focused .leading-icon{color:var(--color-brand-600, #6941C6)}.visibility-toggle{font-size:var(--text-xl-size, 20px);color:var(--color-neutral-400, #98A2B3);cursor:pointer;user-select:none;flex-shrink:0;transition:color 0.2s ease-in-out}.visibility-toggle:hover{color:var(--color-neutral-600, #475467)}.input-container-disabled .visibility-toggle{cursor:not-allowed;pointer-events:none}.hint-text{font-family:inherit;font-weight:400;font-size:var(--text-sm-size, 14px);line-height:1.43;color:var(--color-neutral-600, #475467)}.hint-text.hint-error{color:var(--color-error-600, #DC2626)}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24}";
+
+const BhInputPassword = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bhInput = index.createEvent(this, "bhInput");
+        this.bhFocus = index.createEvent(this, "bhFocus");
+        this.bhBlur = index.createEvent(this, "bhBlur");
+        this.bhHelpClick = index.createEvent(this, "bhHelpClick");
+        this.bhVisibilityToggle = index.createEvent(this, "bhVisibilityToggle");
+        if (hostRef.$hostElement$["s-ei"]) {
+            this.internals = hostRef.$hostElement$["s-ei"];
+        }
+        else {
+            this.internals = hostRef.$hostElement$.attachInternals();
+            hostRef.$hostElement$["s-ei"] = this.internals;
+        }
+    }
+    internals;
+    inputEl;
+    /**
+     * The label for the input
+     */
+    label = 'Password';
+    /**
+     * Placeholder text
+     */
+    placeholder = 'Enter your password';
+    /**
+     * Hint text shown below the input
+     */
+    hintText = '';
+    /**
+     * Whether to show the label
+     */
+    showLabel = true;
+    /**
+     * Whether to show hint text
+     */
+    showHintText = true;
+    /**
+     * Whether to show the help icon
+     */
+    showHelpIcon = false;
+    /**
+     * Whether to show a leading icon
+     */
+    showLeadingIcon = true;
+    /**
+     * Whether the field has an error
+     */
+    error = false;
+    /**
+     * Whether the input is disabled
+     */
+    disabled = false;
+    /**
+     * Whether the field is required
+     */
+    required = false;
+    /**
+     * Tooltip text for the help icon
+     */
+    helpIconTooltip = 'Password requirements';
+    /**
+     * Leading icon name (Material Symbols)
+     */
+    leadingIcon = 'lock';
+    /**
+     * The input value
+     */
+    value = '';
+    /**
+     * Name attribute for form submission
+     */
+    name = '';
+    /**
+     * Default value for form reset
+     */
+    defaultValue = '';
+    /**
+     * Custom validation message
+     */
+    validationMessage = '';
+    /**
+     * Track focus state
+     */
+    isFocused = false;
+    /**
+     * Track hover state
+     */
+    isHovered = false;
+    /**
+     * Track password visibility
+     */
+    showPassword = false;
+    /**
+     * Emitted when the value changes
+     */
+    bhInput;
+    /**
+     * Emitted when the input gains focus
+     */
+    bhFocus;
+    /**
+     * Emitted when the input loses focus
+     */
+    bhBlur;
+    /**
+     * Emitted when the help icon is clicked
+     */
+    bhHelpClick;
+    /**
+     * Emitted when visibility is toggled
+     */
+    bhVisibilityToggle;
+    componentDidLoad() {
+        form.syncFormValue(this);
+        form.updateValidity(this.internals, this.inputEl, this.validationMessage);
+    }
+    formResetCallback() {
+        this.value = this.defaultValue;
+        if (this.inputEl) {
+            this.inputEl.value = this.defaultValue;
+        }
+        form.syncFormValue(this);
+        form.updateValidity(this.internals, this.inputEl);
+    }
+    handleInput = (event) => {
+        const target = event.target;
+        this.value = target.value;
+        this.bhInput.emit(this.value);
+        form.syncFormValue(this);
+        form.updateValidity(this.internals, this.inputEl, this.validationMessage);
+    };
+    handleFocus = () => {
+        this.isFocused = true;
+        this.bhFocus.emit();
+    };
+    handleBlur = () => {
+        this.isFocused = false;
+        this.bhBlur.emit();
+    };
+    handleMouseEnter = () => {
+        if (!this.isFocused) {
+            this.isHovered = true;
+        }
+    };
+    handleMouseLeave = () => {
+        this.isHovered = false;
+    };
+    togglePasswordVisibility = () => {
+        if (!this.disabled) {
+            this.showPassword = !this.showPassword;
+            this.bhVisibilityToggle.emit(this.showPassword);
+        }
+    };
+    handleHelpClick = () => {
+        this.bhHelpClick.emit();
+    };
+    render() {
+        const containerClasses = {
+            'input-container': true,
+            'input-container-focused': this.isFocused,
+            'input-container-hover': this.isHovered && !this.isFocused,
+            'input-container-error': this.error,
+            'input-container-disabled': this.disabled,
+            'input-container-with-leading': this.showLeadingIcon,
+        };
+        return (index.h("div", { key: 'd51c7f8940ebc898eca8c23b81da07e82f1d03ca', class: "input-wrapper", part: "wrapper" }, index.h("bh-label", { key: 'ff33a1389aee608c4dff434f0725c7e2daefee22', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpClick }, index.h("div", { key: '87cdc44632f27ed2d20254a5243383a1bb6e95b0', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, index.h("div", { key: '3632843a862f49e17bbbfd56488436cb412c5551', class: "input-content" }, this.showLeadingIcon && (index.h("span", { key: 'd06f51f0e59874803a54e500c81edddd27c3277c', class: "material-symbols-outlined leading-icon" }, this.leadingIcon)), index.h("input", { key: '64fece5c291e21d4f03834918d527a4da83ac95b', ref: (el) => (this.inputEl = el), type: this.showPassword ? 'text' : 'password', class: "input-element", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, required: this.required, "aria-label": this.label, "aria-describedby": this.showHintText && this.hintText ? 'hint-text' : undefined, "aria-invalid": String(this.error), onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, part: "input" })), index.h("span", { key: '1777e0f5bdcfb92e67f9540cf81b1d2179f8de09', class: "material-symbols-outlined visibility-toggle", onClick: this.togglePasswordVisibility, title: this.showPassword ? 'Hide password' : 'Show password' }, this.showPassword ? 'visibility_off' : 'visibility'))), this.showHintText && this.hintText && (index.h("div", { key: '2fe43741a8441ea24d971ddd2eb0545e355ac228', class: { 'hint-text': true, 'hint-error': this.error }, id: "hint-text" }, this.hintText))));
+    }
+    static get formAssociated() { return true; }
+};
+BhInputPassword.style = bhInputPasswordCss;
+
+exports.bh_input_password = BhInputPassword;
+//# sourceMappingURL=bh-input-password.entry.cjs.js.map

package/dist/cjs/bh-input-text.bh-picker-menu.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-text.bh-picker-menu.entry.cjs.js","sources":["src/components/bh-input-text/bh-input-text.css?tag=bh-input-text&encapsulation=shadow","src/components/bh-input-text/bh-input-text.tsx","src/components/bh-picker-menu/bh-picker-menu.css?tag=bh-picker-menu&encapsulation=shadow","src/components/bh-picker-menu/bh-picker-menu.tsx"],"sourcesContent":[":host {\n  display: block;\n  font-family: var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  );\n}\n\n/* Input Wrapper */\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-sm, 8px);\n  width: 100%;\n}\n\n/* Input Container */\n.input-container {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md, 12px);\n  padding: var(--spacing-md, 12px);\n  height: 36px;\n  width: 100%;\n  background: var(--color-white, #ffffff);\n  border: 1px solid var(--color-neutral-300, #d0d5dd);\n  border-radius: var(--spacing-md, 8px);\n  transition: all 0.2s ease-in-out;\n  cursor: text;\n  box-sizing: border-box;\n}\n\n.input-container.input-container-with-leading {\n  padding: var(--spacing-md, 12px) var(--spacing-lg, 16px);\n}\n\n/* Input States */\n.input-container.input-container-hover {\n  border-color: var(--color-brand-500, #7f56d9);\n}\n\n.input-container.input-container-focused {\n  border-color: var(--color-brand-500, #7f56d9);\n  box-shadow: 0 0 0 1px var(--color-brand-500, #7f56d9);\n}\n\n.input-container.input-container-disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  background: var(--color-neutral-50, #f9fafb);\n}\n\n.input-container.input-container-error {\n  border-color: var(--color-error-300, #fda29b);\n}\n\n.input-container.input-container-error.input-container-hover {\n  border-color: var(--color-error-500, #f05250);\n}\n\n.input-container.input-container-error.input-container-focused {\n  border-color: var(--color-brand-600, #6941c6);\n}\n\n/* Input Content */\n.input-content {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-md, 12px);\n  flex: 1;\n  height: 100%;\n  min-width: 0;\n}\n\n/* Input Element */\n.input-element {\n  flex: 1;\n  height: 100%;\n  border: none;\n  outline: none;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 400;\n  font-size: var(--text-sm-size, 14px);\n  line-height: 1.43;\n  color: var(--color-neutral-800, #1d2939);\n  min-width: 60px;\n  padding: 0;\n}\n\n.input-element:focus {\n  outline: none;\n  border: none;\n  box-shadow: none;\n}\n\n.input-element::placeholder {\n  color: var(--color-neutral-500, #667085);\n}\n\n.input-element:disabled {\n  cursor: not-allowed;\n}\n\n/* Icons */\n.leading-icon,\n.trailing-icon {\n  font-size: var(--text-xl-size, 20px);\n  color: var(--color-neutral-500, #667085);\n  user-select: none;\n  flex-shrink: 0;\n  cursor: default;\n  transition: color 0.2s ease-in-out;\n}\n\n.input-container-focused .leading-icon,\n.input-container-focused .trailing-icon {\n  color: var(--color-brand-600, #6941c6);\n}\n\n/* Hint Text */\n.hint-text {\n  font-family: inherit;\n  font-weight: 400;\n  font-size: var(--text-sm-size, 14px);\n  line-height: 1.43;\n  color: var(--color-neutral-600, #475467);\n}\n\n.hint-text.hint-error {\n  color: var(--color-error-600, #dc2626);\n}\n\n/* Material Symbols */\n.material-symbols-outlined {\n  font-family: 'Material Symbols Outlined';\n  font-weight: normal;\n  font-style: normal;\n  font-size: 20px;\n  line-height: 1;\n  letter-spacing: normal;\n  text-transform: none;\n  display: inline-block;\n  white-space: nowrap;\n  word-wrap: normal;\n  direction: ltr;\n  font-feature-settings: 'liga';\n  -webkit-font-smoothing: antialiased;\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, AttachInternals } from '@stencil/core';\nimport { syncFormValue, updateValidity } from '../../utils/form';\n\n@Component({\n  tag: 'bh-input-text',\n  styleUrl: 'bh-input-text.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class BhInputText {\n  @AttachInternals() internals!: ElementInternals;\n\n  private inputEl?: HTMLInputElement;\n  /**\n   * The label for the input\n   */\n  @Prop() label: string = 'Email';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = 'fujiwara@act-hq.com';\n\n  /**\n   * Hint text shown below the input\n   */\n  @Prop() hintText: string = '';\n\n  /**\n   * Whether to show the label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Whether to show the help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show a leading icon\n   */\n  @Prop() showLeadingIcon: boolean = false;\n\n  /**\n   * Whether to show a trailing icon\n   */\n  @Prop() showTrailingIcon: boolean = false;\n\n  /**\n   * Whether the field has an error\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether the input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether the field is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Tooltip text for the help icon\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Leading icon name (Material Symbols)\n   */\n  @Prop() leadingIcon: string = 'mail';\n\n  /**\n   * Trailing icon name (Material Symbols)\n   */\n  @Prop() trailingIcon: string = 'search';\n\n  /**\n   * The input value\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Name attribute for form submission\n   */\n  @Prop() name: string = '';\n\n  /**\n   * Default value for form reset\n   */\n  @Prop() defaultValue: string = '';\n\n  /**\n   * Custom validation message\n   */\n  @Prop() validationMessage: string = '';\n\n  /**\n   * Input type (text, email, tel, url, etc.)\n   */\n  @Prop() type: string = 'text';\n\n  /**\n   * Width of the input (e.g., '100%', '200px')\n   */\n  @Prop() width: string = '';\n\n  /**\n   * Whether the input is read-only\n   */\n  @Prop() readOnly: boolean = false;\n\n  /**\n   * Visual state of the input (for programmatic control)\n   */\n  @Prop() state: 'default' | 'error' | 'disabled' | 'focus' | 'filled' | 'hover' = 'default';\n\n  /**\n   * Track focus state\n   */\n  @State() isFocused: boolean = false;\n\n  /**\n   * Track hover state\n   */\n  @State() isHovered: boolean = false;\n\n  /**\n   * Emitted when the value changes\n   */\n  @Event() bhInput!: EventEmitter<string>;\n\n  /**\n   * Emitted when the input gains focus\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the input loses focus\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  private handleInput = (event: Event): void => {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.bhInput.emit(this.value);\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  };\n\n  componentDidLoad() {\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl, this.validationMessage);\n  }\n\n  formResetCallback() {\n    this.value = this.defaultValue;\n    if (this.inputEl) {\n      this.inputEl.value = this.defaultValue;\n    }\n    syncFormValue(this);\n    updateValidity(this.internals, this.inputEl);\n  }\n\n  private handleFocus = (): void => {\n    this.isFocused = true;\n    this.bhFocus.emit();\n  };\n\n  private handleBlur = (): void => {\n    this.isFocused = false;\n    this.bhBlur.emit();\n  };\n\n  private handleMouseEnter = (): void => {\n    if (!this.isFocused) {\n      this.isHovered = true;\n    }\n  };\n\n  private handleMouseLeave = (): void => {\n    this.isHovered = false;\n  };\n\n  private handleHelpClick = (): void => {\n    this.bhHelpClick.emit();\n  };\n\n  render() {\n    const containerClasses = {\n      'input-container': true,\n      'input-container-focused': this.isFocused,\n      'input-container-hover': this.isHovered && !this.isFocused,\n      'input-container-error': this.error,\n      'input-container-disabled': this.disabled,\n      'input-container-with-leading': this.showLeadingIcon,\n    };\n\n    const wrapperStyle = this.width ? { width: this.width } : {};\n\n    return (\n      <div class=\"input-wrapper\" part=\"wrapper\" style={wrapperStyle}>\n        <bh-label\n          label={this.showLabel ? this.label : ''}\n          required={this.required}\n          showHelpIcon={this.showHelpIcon}\n          helpIconTooltip={this.helpIconTooltip}\n          disabled={this.disabled}\n          onBhHelpClick={this.handleHelpClick}\n        >\n          <div\n            class={containerClasses}\n            onMouseEnter={this.handleMouseEnter}\n            onMouseLeave={this.handleMouseLeave}\n          >\n            <div class=\"input-content\">\n              {this.showLeadingIcon && (\n                <span class=\"material-symbols-outlined leading-icon\">\n                  {this.leadingIcon}\n                </span>\n              )}\n              <input\n                ref={(el) => (this.inputEl = el)}\n                type={this.type}\n                class=\"input-element\"\n                name={this.name}\n                value={this.value}\n                placeholder={this.placeholder}\n                disabled={this.disabled}\n                readOnly={this.readOnly}\n                required={this.required}\n                aria-label={this.label}\n                aria-describedby={\n                  this.showHintText && this.hintText ? 'hint-text' : undefined\n                }\n                aria-invalid={String(this.error)}\n                onInput={this.handleInput}\n                onFocus={this.handleFocus}\n                onBlur={this.handleBlur}\n                part=\"input\"\n              />\n              {this.showTrailingIcon && (\n                <span class=\"material-symbols-outlined trailing-icon\">\n                  {this.trailingIcon}\n                </span>\n              )}\n            </div>\n          </div>\n        </bh-label>\n\n        {this.showHintText && this.hintText && (\n          <div\n            class={{ 'hint-text': true, 'hint-error': this.error }}\n            id=\"hint-text\"\n          >\n            {this.hintText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n","@import '../../global/global.css';\n\n:host {\n  display: block;\n}\n\n/* Base picker menu styles - matching dropdown menu */\n.picker-menu {\n  width: fit-content;\n  min-width: 320px;\n  background: var(--color-white);\n  border-radius: var(--radius-md);\n  box-shadow: 0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n    0px 0px 1px 1px rgba(64, 73, 104, 0.1);\n  border: 1px solid var(--color-neutral-200);\n  overflow: hidden;\n  flex-shrink: 0;\n  position: relative;\n  box-sizing: border-box;\n}\n\n/* Animation classes */\n.picker-menu.animate-dropdown-enter {\n  animation: dropdownEnter 0.15s ease-out forwards;\n}\n\n.picker-menu.animate-dropdown-exit {\n  animation: dropdownExit 0.15s ease-out forwards;\n}\n\n@keyframes dropdownEnter {\n  from {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes dropdownExit {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(-8px);\n  }\n}\n\n/* No footer variant */\n.picker-menu.no-footer {\n  padding-bottom: var(--spacing-md);\n}\n\n/* Footer - following dropdown menu pattern */\n.picker-menu-footer {\n  border-top: 1px solid var(--color-neutral-200);\n  padding: var(--spacing-xl) var(--spacing-xl);\n  background: var(--color-white);\n}\n\n.picker-menu-actions {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: var(--spacing-lg);\n}\n\n/* When today button is present, use space-between layout */\n.picker-menu-actions.has-today-button {\n  justify-content: space-between;\n}\n\n.picker-menu-main-actions {\n  display: flex;\n  gap: var(--spacing-lg);\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h, Host } from '@stencil/core';\nimport { MonthYear, DisabledMonth } from '../bh-month-picker-content/bh-month-picker-content';\n\n@Component({\n  tag: 'bh-picker-menu',\n  styleUrl: 'bh-picker-menu.css',\n  shadow: true,\n})\nexport class BhPickerMenu {\n  /**\n   * Minimum year in the picker\n   */\n  @Prop() minYear: number = 1998;\n\n  /**\n   * Maximum year in the picker\n   */\n  @Prop() maxYear: number = 2060;\n\n  /**\n   * Whether the picker is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Array of disabled months\n   */\n  @Prop() disabledMonths: DisabledMonth[] = [];\n\n  /**\n   * Animation class for the menu\n   */\n  @Prop() animationClass: string = 'animate-dropdown-enter';\n\n  /**\n   * Whether the menu is visible\n   */\n  @Prop() visible: boolean = true;\n\n  /**\n   * Whether to show the footer with action buttons\n   */\n  @Prop() showFooter: boolean = true;\n\n  /**\n   * Whether to show the today button\n   */\n  @Prop() showTodayButton: boolean = false;\n\n  /**\n   * Whether the apply button is disabled\n   */\n  @Prop() disableApply: boolean = false;\n\n  /**\n   * Current value\n   */\n  @Prop() value?: MonthYear;\n\n  @State() isClosing: boolean = false;\n  @State() shouldRender: boolean = true;\n  @State() selectedMonth: number | null = null;\n  @State() selectedYear: number | null = null;\n\n  /**\n   * Event emitted when value changes\n   */\n  @Event() bhChange!: EventEmitter<MonthYear | null>;\n\n  /**\n   * Event emitted when a month/year is selected\n   */\n  @Event() bhMonthYearSelect!: EventEmitter<MonthYear>;\n\n  /**\n   * Event emitted when cancel is clicked\n   */\n  @Event() bhCancel!: EventEmitter<void>;\n\n  /**\n   * Event emitted when apply is clicked\n   */\n  @Event() bhApply!: EventEmitter<void>;\n\n  /**\n   * Event emitted when today button is clicked\n   */\n  @Event() bhToday!: EventEmitter<void>;\n\n  @Watch('visible')\n  handleVisibleChange(newValue: boolean) {\n    if (newValue) {\n      this.shouldRender = true;\n      this.isClosing = false;\n    } else {\n      this.isClosing = true;\n      setTimeout(() => {\n        this.shouldRender = false;\n        this.isClosing = false;\n      }, 150);\n    }\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: MonthYear | undefined) {\n    if (newValue) {\n      this.selectedMonth = newValue.month;\n      this.selectedYear = newValue.year;\n    }\n  }\n\n  componentWillLoad() {\n    this.shouldRender = this.visible;\n\n    if (this.value) {\n      this.selectedMonth = this.value.month;\n      this.selectedYear = this.value.year;\n    } else {\n      // Initialize with current date\n      const now = new Date();\n      const currentMonth = now.getMonth();\n      const currentYear = now.getFullYear();\n\n      if (currentYear >= this.minYear && currentYear <= this.maxYear) {\n        this.selectedMonth = currentMonth;\n        this.selectedYear = currentYear;\n      } else if (currentYear < this.minYear) {\n        this.selectedYear = this.minYear;\n        this.selectedMonth = currentMonth;\n      } else {\n        this.selectedYear = this.maxYear;\n        this.selectedMonth = currentMonth;\n      }\n    }\n  }\n\n  private handleMonthYearSelect = (event: CustomEvent<MonthYear>) => {\n    const selection = event.detail;\n    this.selectedMonth = selection.month;\n    this.selectedYear = selection.year;\n    this.bhChange.emit(selection);\n    this.bhMonthYearSelect.emit(selection);\n  };\n\n  private handleCancel = () => {\n    this.bhCancel.emit();\n  };\n\n  private handleApply = () => {\n    this.bhApply.emit();\n  };\n\n  private handleToday = () => {\n    this.bhToday.emit();\n  };\n\n  render() {\n    if (!this.shouldRender) {\n      return null;\n    }\n\n    const menuClasses = {\n      'picker-menu': true,\n      'animate-dropdown-exit': this.isClosing,\n      [this.animationClass]: !this.isClosing,\n      'no-footer': !this.showFooter,\n    };\n\n    return (\n      <Host>\n        <div class={menuClasses}>\n          {/* Main Content Area - render slot if provided, otherwise MonthPickerContent */}\n          <slot>\n            <bh-month-picker-content\n              minYear={this.minYear}\n              maxYear={this.maxYear}\n              disabled={this.disabled}\n              disabledMonths={this.disabledMonths}\n              scrollable={true}\n              selectedMonth={this.selectedMonth ?? undefined}\n              selectedYear={this.selectedYear ?? undefined}\n              onBhChange={this.handleMonthYearSelect}\n            ></bh-month-picker-content>\n          </slot>\n\n          {/* Footer Actions - conditionally rendered */}\n          {this.showFooter && (\n            <div class=\"picker-menu-footer\">\n              <div class={`picker-menu-actions ${this.showTodayButton ? 'has-today-button' : ''}`}>\n                {/* Today button on the left */}\n                {this.showTodayButton && (\n                  <bh-button\n                    hierarchy=\"secondary\"\n                    size=\"sm\"\n                    icon=\"only\"\n                    iconName=\"today\"\n                    onBhClick={this.handleToday}\n                  ></bh-button>\n                )}\n\n                {/* Cancel and Apply buttons always on the right */}\n                <div class=\"picker-menu-main-actions\">\n                  <bh-button\n                    hierarchy=\"secondary\"\n                    size=\"sm\"\n                    label=\"Cancel\"\n                    onBhClick={this.handleCancel}\n                  ></bh-button>\n                  <bh-button\n                    hierarchy=\"primary\"\n                    size=\"sm\"\n                    label=\"Apply\"\n                    disabled={this.disableApply}\n                    onBhClick={this.handleApply}\n                  ></bh-button>\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n}\n"],"names":["syncFormValue","updateValidity","h","Host"],"mappings":";;;;;AAAA,MAAM,cAAc,GAAG,4nFAA4nF;;MCStoF,WAAW,GAAA,MAAA;;;;;;;;;;;;;;;AACH,IAAA,SAAS;AAEpB,IAAA,OAAO;AACf;;AAEG;IACK,KAAK,GAAW,OAAO;AAE/B;;AAEG;IACK,WAAW,GAAW,qBAAqB;AAEnD;;AAEG;IACK,QAAQ,GAAW,EAAE;AAE7B;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,YAAY,GAAY,IAAI;AAEpC;;AAEG;IACK,YAAY,GAAY,KAAK;AAErC;;AAEG;IACK,eAAe,GAAY,KAAK;AAExC;;AAEG;IACK,gBAAgB,GAAY,KAAK;AAEzC;;AAEG;IACK,KAAK,GAAY,KAAK;AAE9B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,eAAe,GAAW,MAAM;AAExC;;AAEG;IACK,WAAW,GAAW,MAAM;AAEpC;;AAEG;IACK,YAAY,GAAW,QAAQ;AAEvC;;AAEG;IACsB,KAAK,GAAW,EAAE;AAE3C;;AAEG;IACK,IAAI,GAAW,EAAE;AAEzB;;AAEG;IACK,YAAY,GAAW,EAAE;AAEjC;;AAEG;IACK,iBAAiB,GAAW,EAAE;AAEtC;;AAEG;IACK,IAAI,GAAW,MAAM;AAE7B;;AAEG;IACK,KAAK,GAAW,EAAE;AAE1B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,KAAK,GAAoE,SAAS;AAE1F;;AAEG;IACM,SAAS,GAAY,KAAK;AAEnC;;AAEG;IACM,SAAS,GAAY,KAAK;AAEnC;;AAEG;AACM,IAAA,OAAO;AAEhB;;AAEG;AACM,IAAA,OAAO;AAEhB;;AAEG;AACM,IAAA,MAAM;AAEf;;AAEG;AACM,IAAA,WAAW;AAEZ,IAAA,WAAW,GAAG,CAAC,KAAY,KAAU;AAC3C,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B;AAC/C,QAAA,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;QACzB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7BA,kBAAa,CAAC,IAAI,CAAC;AACnB,QAAAC,mBAAc,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC;AACtE,KAAC;IAED,gBAAgB,GAAA;QACdD,kBAAa,CAAC,IAAI,CAAC;AACnB,QAAAC,mBAAc,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,iBAAiB,CAAC;;IAGtE,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY;AAC9B,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;YAChB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY;;QAExCD,kBAAa,CAAC,IAAI,CAAC;QACnBC,mBAAc,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC;;IAGtC,WAAW,GAAG,MAAW;AAC/B,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,KAAC;IAEO,UAAU,GAAG,MAAW;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AACpB,KAAC;IAEO,gBAAgB,GAAG,MAAW;AACpC,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;;AAEzB,KAAC;IAEO,gBAAgB,GAAG,MAAW;AACpC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACxB,KAAC;IAEO,eAAe,GAAG,MAAW;AACnC,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,iBAAiB,EAAE,IAAI;YACvB,yBAAyB,EAAE,IAAI,CAAC,SAAS;YACzC,uBAAuB,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS;YAC1D,uBAAuB,EAAE,IAAI,CAAC,KAAK;YACnC,0BAA0B,EAAE,IAAI,CAAC,QAAQ;YACzC,8BAA8B,EAAE,IAAI,CAAC,eAAe;SACrD;AAED,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE;AAE5D,QAAA,QACEC,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAE,YAAY,EAAA,EAC3DA,OACE,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,EACvC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,IAAI,CAAC,eAAe,EAAA,EAEnCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,gBAAgB,EACvB,YAAY,EAAE,IAAI,CAAC,gBAAgB,EACnC,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAA,EAEnCA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,eAAe,KACnBA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wCAAwC,EACjD,EAAA,IAAI,CAAC,WAAW,CACZ,CACR,EACDA,OACE,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,EAChC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,eAAe,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,YAAA,EACX,IAAI,CAAC,KAAK,EAEpB,kBAAA,EAAA,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,GAAG,WAAW,GAAG,SAAS,EAEhD,cAAA,EAAA,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAChC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,MAAM,EAAE,IAAI,CAAC,UAAU,EACvB,IAAI,EAAC,OAAO,EACZ,CAAA,EACD,IAAI,CAAC,gBAAgB,KACpBA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,yCAAyC,EAClD,EAAA,IAAI,CAAC,YAAY,CACb,CACR,CACG,CACF,CACG,EAEV,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,KACjCA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,EACtD,EAAE,EAAC,WAAW,EAEb,EAAA,IAAI,CAAC,QAAQ,CACV,CACP,CACG;;;;;;AC7QZ,MAAM,eAAe,GAAG,svLAAsvL;;MCQjwL,YAAY,GAAA,MAAA;;;;;;;;;AACvB;;AAEG;IACK,OAAO,GAAW,IAAI;AAE9B;;AAEG;IACK,OAAO,GAAW,IAAI;AAE9B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;IACK,cAAc,GAAoB,EAAE;AAE5C;;AAEG;IACK,cAAc,GAAW,wBAAwB;AAEzD;;AAEG;IACK,OAAO,GAAY,IAAI;AAE/B;;AAEG;IACK,UAAU,GAAY,IAAI;AAElC;;AAEG;IACK,eAAe,GAAY,KAAK;AAExC;;AAEG;IACK,YAAY,GAAY,KAAK;AAErC;;AAEG;AACK,IAAA,KAAK;IAEJ,SAAS,GAAY,KAAK;IAC1B,YAAY,GAAY,IAAI;IAC5B,aAAa,GAAkB,IAAI;IACnC,YAAY,GAAkB,IAAI;AAE3C;;AAEG;AACM,IAAA,QAAQ;AAEjB;;AAEG;AACM,IAAA,iBAAiB;AAE1B;;AAEG;AACM,IAAA,QAAQ;AAEjB;;AAEG;AACM,IAAA,OAAO;AAEhB;;AAEG;AACM,IAAA,OAAO;AAGhB,IAAA,mBAAmB,CAAC,QAAiB,EAAA;QACnC,IAAI,QAAQ,EAAE;AACZ,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK;;aACjB;AACL,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;YACrB,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AACzB,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;aACvB,EAAE,GAAG,CAAC;;;AAKX,IAAA,iBAAiB,CAAC,QAA+B,EAAA;QAC/C,IAAI,QAAQ,EAAE;AACZ,YAAA,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC,KAAK;AACnC,YAAA,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,IAAI;;;IAIrC,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO;AAEhC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;YACrC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI;;aAC9B;;AAEL,YAAA,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE;AACtB,YAAA,MAAM,YAAY,GAAG,GAAG,CAAC,QAAQ,EAAE;AACnC,YAAA,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW,EAAE;AAErC,YAAA,IAAI,WAAW,IAAI,IAAI,CAAC,OAAO,IAAI,WAAW,IAAI,IAAI,CAAC,OAAO,EAAE;AAC9D,gBAAA,IAAI,CAAC,aAAa,GAAG,YAAY;AACjC,gBAAA,IAAI,CAAC,YAAY,GAAG,WAAW;;AAC1B,iBAAA,IAAI,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE;AACrC,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO;AAChC,gBAAA,IAAI,CAAC,aAAa,GAAG,YAAY;;iBAC5B;AACL,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,OAAO;AAChC,gBAAA,IAAI,CAAC,aAAa,GAAG,YAAY;;;;AAK/B,IAAA,qBAAqB,GAAG,CAAC,KAA6B,KAAI;AAChE,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM;AAC9B,QAAA,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,KAAK;AACpC,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC,IAAI;AAClC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;AAC7B,QAAA,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC;AACxC,KAAC;IAEO,YAAY,GAAG,MAAK;AAC1B,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;AACtB,KAAC;IAEO,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,KAAC;IAEO,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;AACrB,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,OAAO,IAAI;;AAGb,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,aAAa,EAAE,IAAI;YACnB,uBAAuB,EAAE,IAAI,CAAC,SAAS;YACvC,CAAC,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,SAAS;AACtC,YAAA,WAAW,EAAE,CAAC,IAAI,CAAC,UAAU;SAC9B;QAED,QACEA,QAACC,UAAI,EAAA,IAAA,EACHD,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAAA,EAErBA,OAAA,CAAA,MAAA,EAAA,IAAA,EACEA,OACE,CAAA,yBAAA,EAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,UAAU,EAAE,IAAI,EAChB,aAAa,EAAE,IAAI,CAAC,aAAa,IAAI,SAAS,EAC9C,YAAY,EAAE,IAAI,CAAC,YAAY,IAAI,SAAS,EAC5C,UAAU,EAAE,IAAI,CAAC,qBAAqB,EAAA,CACb,CACtB,EAGN,IAAI,CAAC,UAAU,KACdA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7BA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,CAAA,oBAAA,EAAuB,IAAI,CAAC,eAAe,GAAG,kBAAkB,GAAG,EAAE,CAAE,CAAA,EAAA,EAEhF,IAAI,CAAC,eAAe,KACnBA,OAAA,CAAA,WAAA,EAAA,EACE,SAAS,EAAC,WAAW,EACrB,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,IAAI,CAAC,WAAW,EAAA,CAChB,CACd,EAGDA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnCA,OAAA,CAAA,WAAA,EAAA,EACE,SAAS,EAAC,WAAW,EACrB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,QAAQ,EACd,SAAS,EAAE,IAAI,CAAC,YAAY,EACjB,CAAA,EACbA,OAAA,CAAA,WAAA,EAAA,EACE,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,SAAS,EAAE,IAAI,CAAC,WAAW,EAAA,CAChB,CACT,CACF,CACF,CACP,CACG,CACD;;;;;;;;;;;;"}