@actabldesign/bellhop-core 0.0.3 → 0.0.4

package/dist/components/p-Bs2Z3XIQ.js

@@ -0,0 +1,241 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-ChfLhYiJ.js';
+import { a as syncFormValue, u as updateValidity } from './p-2KjdCYlS.js';
+import { d as defineCustomElement$2 } from './p-DufL1yr4.js';
+import { d as defineCustomElement$1 } from './p-5LJWVh2v.js';
+
+const bhInputTextCss = ":host{display:block;font-family:var(\n    --font-inter,\n    'Inter',\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif\n  )}.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,.trailing-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,.input-container-focused .trailing-icon{color:var(--color-brand-600, #6941c6)}.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 BhInputText = /*@__PURE__*/ proxyCustomElement(class BhInputText extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhInput = createEvent(this, "bhInput");
+        this.bhFocus = createEvent(this, "bhFocus");
+        this.bhBlur = createEvent(this, "bhBlur");
+        this.bhHelpClick = createEvent(this, "bhHelpClick");
+        this.internals = this.attachInternals();
+    }
+    internals;
+    inputEl;
+    /**
+     * The label for the input
+     */
+    label = 'Email';
+    /**
+     * Placeholder text
+     */
+    placeholder = 'fujiwara@act-hq.com';
+    /**
+     * 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 = false;
+    /**
+     * Whether to show a trailing icon
+     */
+    showTrailingIcon = false;
+    /**
+     * 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 = 'Help';
+    /**
+     * Leading icon name (Material Symbols)
+     */
+    leadingIcon = 'mail';
+    /**
+     * Trailing icon name (Material Symbols)
+     */
+    trailingIcon = 'search';
+    /**
+     * The input value
+     */
+    value = '';
+    /**
+     * Name attribute for form submission
+     */
+    name = '';
+    /**
+     * Default value for form reset
+     */
+    defaultValue = '';
+    /**
+     * Custom validation message
+     */
+    validationMessage = '';
+    /**
+     * Input type (text, email, tel, url, etc.)
+     */
+    type = 'text';
+    /**
+     * Width of the input (e.g., '100%', '200px')
+     */
+    width = '';
+    /**
+     * Whether the input is read-only
+     */
+    readOnly = false;
+    /**
+     * Visual state of the input (for programmatic control)
+     */
+    state = 'default';
+    /**
+     * Track focus state
+     */
+    isFocused = false;
+    /**
+     * Track hover state
+     */
+    isHovered = 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;
+    handleInput = (event) => {
+        const target = event.target;
+        this.value = target.value;
+        this.bhInput.emit(this.value);
+        syncFormValue(this);
+        updateValidity(this.internals, this.inputEl, this.validationMessage);
+    };
+    componentDidLoad() {
+        syncFormValue(this);
+        updateValidity(this.internals, this.inputEl, this.validationMessage);
+    }
+    formResetCallback() {
+        this.value = this.defaultValue;
+        if (this.inputEl) {
+            this.inputEl.value = this.defaultValue;
+        }
+        syncFormValue(this);
+        updateValidity(this.internals, this.inputEl);
+    }
+    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;
+    };
+    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,
+        };
+        const wrapperStyle = this.width ? { width: this.width } : {};
+        return (h("div", { key: 'f518e4c3140c3407e3f0ec864ddbe5e923ec6fdb', class: "input-wrapper", part: "wrapper", style: wrapperStyle }, h("bh-label", { key: 'b5d5afff678974697a617fe4753e445a37957a53', label: this.showLabel ? this.label : '', required: this.required, showHelpIcon: this.showHelpIcon, helpIconTooltip: this.helpIconTooltip, disabled: this.disabled, onBhHelpClick: this.handleHelpClick }, h("div", { key: '4254972b8386826b614928c210399d6e113b3d43', class: containerClasses, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("div", { key: '7ed52780a55645b81eef2334914903045c3680cc', class: "input-content" }, this.showLeadingIcon && (h("span", { key: '6e870c8c4677d9d9f900298e8205f072f9024348', class: "material-symbols-outlined leading-icon" }, this.leadingIcon)), h("input", { key: '23579144195274ac413d24a5811d44e3ce072047', ref: (el) => (this.inputEl = el), type: this.type, class: "input-element", name: this.name, value: this.value, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readOnly, 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" }), this.showTrailingIcon && (h("span", { key: '840dad44c2f5bc9060e5a09ff86e9aebfdb8d950', class: "material-symbols-outlined trailing-icon" }, this.trailingIcon))))), this.showHintText && this.hintText && (h("div", { key: '69dfc89a179b2672c0776e0bb75ceb957b9cb1e0', class: { 'hint-text': true, 'hint-error': this.error }, id: "hint-text" }, this.hintText))));
+    }
+    static get formAssociated() { return true; }
+    static get style() { return bhInputTextCss; }
+}, [833, "bh-input-text", {
+        "label": [1],
+        "placeholder": [1],
+        "hintText": [1, "hint-text"],
+        "showLabel": [4, "show-label"],
+        "showHintText": [4, "show-hint-text"],
+        "showHelpIcon": [4, "show-help-icon"],
+        "showLeadingIcon": [4, "show-leading-icon"],
+        "showTrailingIcon": [4, "show-trailing-icon"],
+        "error": [4],
+        "disabled": [4],
+        "required": [4],
+        "helpIconTooltip": [1, "help-icon-tooltip"],
+        "leadingIcon": [1, "leading-icon"],
+        "trailingIcon": [1, "trailing-icon"],
+        "value": [1025],
+        "name": [1],
+        "defaultValue": [1, "default-value"],
+        "validationMessage": [1, "validation-message"],
+        "type": [1],
+        "width": [1],
+        "readOnly": [4, "read-only"],
+        "state": [1],
+        "isFocused": [32],
+        "isHovered": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-input-text", "bh-label", "bh-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-input-text":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhInputText);
+            }
+            break;
+        case "bh-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "bh-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BhInputText as B, defineCustomElement as d };
+//# sourceMappingURL=p-Bs2Z3XIQ.js.map
+
+//# sourceMappingURL=p-Bs2Z3XIQ.js.map

package/dist/components/p-Bs2Z3XIQ.js.map

@@ -0,0 +1 @@
+{"file":"p-Bs2Z3XIQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"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"],"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"],"version":3}

package/dist/components/p-C69LfZib.js

@@ -0,0 +1,189 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-ChfLhYiJ.js';
+import { s as syncCheckableFormValue, v as validateRequired } from './p-2KjdCYlS.js';
+import { d as defineCustomElement$2 } from './p-DufL1yr4.js';
+import { d as defineCustomElement$1 } from './p-5LJWVh2v.js';
+
+const bhCheckboxCss = ":host{display:inline-block;font-family:var(--font-inter, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif)}.checkbox-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.checkbox-wrapper{display:inline-flex;align-items:flex-start;gap:8px;cursor:pointer;user-select:none;position:relative}.checkbox-wrapper-disabled{cursor:not-allowed}.checkbox{display:inline-flex;align-items:center;justify-content:center;outline:none;user-select:none;transition:all 0.2s ease;box-sizing:border-box;background:var(--color-white);border:2px solid var(--color-neutral-300);position:relative;flex-shrink:0;pointer-events:none}.checkbox-sm{width:16px;height:16px;border-radius:var(--radius-xs);margin-top:3px}.checkbox-md{width:20px;height:20px;border-radius:var(--radius-sm);margin-top:2px}.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-sm,.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-md{margin-top:0}.checkbox.checkbox-checked{background:var(--color-brand-600);border-color:var(--color-brand-600);color:var(--color-white)}.checkbox.checkbox-hover:not(.checkbox-disabled){background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.checkbox.checkbox-checked.checkbox-hover:not(.checkbox-disabled){background:var(--color-brand-700);border-color:var(--color-brand-700)}.checkbox.checkbox-focused:not(.checkbox-disabled){border-color:var(--color-neutral-300);box-shadow:0px 0px 0px 4px var(--color-brand-100),\n    0px 0px 0px 2px var(--color-white)}.checkbox.checkbox-checked.checkbox-focused:not(.checkbox-disabled){background:var(--color-brand-600);border-color:var(--color-brand-600);box-shadow:0px 0px 0px 4px var(--color-brand-100),\n    0px 0px 0px 2px var(--color-white)}.checkbox.checkbox-disabled{background:var(--color-neutral-50);border-color:var(--color-neutral-300);cursor:not-allowed;opacity:1}.checkbox.checkbox-checked.checkbox-disabled{background:var(--color-neutral-50);border:2px solid var(--color-neutral-300);color:var(--color-neutral-300)}.checkbox-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1;font-variation-settings:'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 20}.checkbox .check-icon{color:var(--color-white)}.checkbox-disabled .check-icon{color:var(--color-neutral-300)}.checkbox .minus-icon{color:var(--color-white)}.checkbox-disabled .minus-icon{color:var(--color-neutral-300)}.checkbox-sm .checkbox-icon{font-size:14px}.checkbox-md .checkbox-icon{font-size:18px}.checkbox-control{display:inline-flex;align-items:flex-start;cursor:pointer}.checkbox-wrapper-disabled .checkbox-control{cursor:not-allowed}";
+
+const BhCheckbox = /*@__PURE__*/ proxyCustomElement(class BhCheckbox extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhChange = createEvent(this, "bhChange");
+        this.internals = this.attachInternals();
+    }
+    get el() { return this; }
+    internals;
+    inputRef;
+    uniqueId = `bh-checkbox-${Math.random().toString(36).substring(2, 9)}`;
+    /** Checkbox size */
+    size = 'md';
+    /** Checked state */
+    checked = false;
+    /** Indeterminate state */
+    indeterminate = false;
+    /** Disabled state */
+    disabled = false;
+    /** Name attribute for form submission */
+    name = '';
+    /** Value attribute for form submission */
+    value = 'on';
+    /** Optional label text - when provided, renders checkbox with label */
+    label = '';
+    /** Optional supporting text below the label */
+    supportingText = '';
+    /** Whether the checkbox is required */
+    required = false;
+    /** Default checked state for form reset */
+    defaultChecked = false;
+    /** Internal hover state */
+    isHovered = false;
+    /** Internal focus state */
+    isFocused = false;
+    /** Emitted when checkbox state changes via user interaction */
+    bhChange;
+    handleCheckedChange(newValue) {
+        if (this.inputRef) {
+            this.inputRef.checked = newValue;
+        }
+    }
+    handleIndeterminateChange(newValue) {
+        if (this.inputRef) {
+            this.inputRef.indeterminate = newValue;
+        }
+    }
+    componentDidLoad() {
+        if (this.inputRef) {
+            this.inputRef.indeterminate = this.indeterminate;
+        }
+        syncCheckableFormValue(this.internals, this.name, this.checked, this.value);
+        validateRequired(this.internals, this.required, this.checked);
+    }
+    formResetCallback() {
+        this.checked = this.defaultChecked;
+        this.indeterminate = false;
+        if (this.inputRef) {
+            this.inputRef.checked = this.defaultChecked;
+            this.inputRef.indeterminate = false;
+        }
+        syncCheckableFormValue(this.internals, this.name, this.checked, this.value);
+        validateRequired(this.internals, this.required, this.checked);
+    }
+    handleChange = (event) => {
+        event.stopPropagation();
+        if (this.disabled)
+            return;
+        const input = event.target;
+        if (this.indeterminate) {
+            this.indeterminate = false;
+            this.checked = false;
+            if (this.inputRef) {
+                this.inputRef.indeterminate = false;
+                this.inputRef.checked = false;
+            }
+        }
+        else {
+            this.checked = input.checked;
+        }
+        syncCheckableFormValue(this.internals, this.name, this.checked, this.value);
+        validateRequired(this.internals, this.required, this.checked);
+        this.bhChange.emit(this.checked);
+    };
+    handleMouseEnter = () => {
+        this.isHovered = true;
+    };
+    handleMouseLeave = () => {
+        this.isHovered = false;
+    };
+    handleFocus = () => {
+        this.isFocused = true;
+    };
+    handleBlur = () => {
+        this.isFocused = false;
+    };
+    handleControlClick = () => {
+        if (this.disabled)
+            return;
+        this.inputRef?.click();
+    };
+    renderCheckboxControl() {
+        const isCheckedState = this.checked || this.indeterminate;
+        const checkboxClasses = {
+            'checkbox': true,
+            [`checkbox-${this.size}`]: true,
+            'checkbox-checked': isCheckedState,
+            'checkbox-disabled': this.disabled,
+            'checkbox-focused': this.isFocused && !this.disabled,
+            'checkbox-hover': this.isHovered && !this.disabled,
+        };
+        return (h("div", { class: "checkbox-control", onClick: this.handleControlClick, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("input", { ref: (el) => (this.inputRef = el), type: "checkbox", id: this.uniqueId, name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, class: "checkbox-input", onChange: this.handleChange, onFocus: this.handleFocus, onBlur: this.handleBlur, "aria-describedby": this.supportingText ? `${this.uniqueId}-description` : undefined }), h("div", { class: checkboxClasses, part: "checkbox", "aria-hidden": "true" }, this.checked && !this.indeterminate && (h("span", { class: "material-symbols-outlined checkbox-icon check-icon" }, "check")), this.indeterminate && (h("span", { class: "material-symbols-outlined checkbox-icon minus-icon" }, "remove")))));
+    }
+    render() {
+        const hasLabel = this.label || this.supportingText;
+        const wrapperClasses = {
+            'checkbox-wrapper': true,
+            'checkbox-wrapper-with-label': !!hasLabel,
+            'checkbox-wrapper-disabled': this.disabled,
+        };
+        // Render with bh-label when label/supportingText is provided
+        if (hasLabel) {
+            return (h("div", { class: wrapperClasses, part: "wrapper" }, h("bh-label", { layout: "inline-start", label: this.label, supportingText: this.supportingText, disabled: this.disabled, for: this.uniqueId }, this.renderCheckboxControl())));
+        }
+        // Standalone checkbox without label
+        return (h("div", { class: wrapperClasses, part: "wrapper" }, this.renderCheckboxControl()));
+    }
+    static get formAssociated() { return true; }
+    static get watchers() { return {
+        "checked": ["handleCheckedChange"],
+        "indeterminate": ["handleIndeterminateChange"]
+    }; }
+    static get style() { return bhCheckboxCss; }
+}, [833, "bh-checkbox", {
+        "size": [1],
+        "checked": [1540],
+        "indeterminate": [1028],
+        "disabled": [4],
+        "name": [1],
+        "value": [1],
+        "label": [1],
+        "supportingText": [1, "supporting-text"],
+        "required": [4],
+        "defaultChecked": [4, "default-checked"],
+        "isHovered": [32],
+        "isFocused": [32]
+    }, undefined, {
+        "checked": ["handleCheckedChange"],
+        "indeterminate": ["handleIndeterminateChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-checkbox", "bh-label", "bh-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-checkbox":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhCheckbox);
+            }
+            break;
+        case "bh-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "bh-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BhCheckbox as B, defineCustomElement as d };
+//# sourceMappingURL=p-C69LfZib.js.map
+
+//# sourceMappingURL=p-C69LfZib.js.map

package/dist/components/p-C69LfZib.js.map

@@ -0,0 +1 @@
+{"file":"p-C69LfZib.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-checkbox/bh-checkbox.css?tag=bh-checkbox&encapsulation=shadow","src/components/bh-checkbox/bh-checkbox.tsx"],"sourcesContent":["/* ==========================================================================\n   CHECKBOX COMPONENT STYLES - StencilJS\n   ========================================================================== */\n\n:host {\n  display: inline-block;\n  font-family: var(--font-inter, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);\n}\n\n/* ==========================================================================\n   VISUALLY HIDDEN NATIVE INPUT\n   ========================================================================== */\n\n.checkbox-input {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* ==========================================================================\n   WRAPPER STYLES\n   ========================================================================== */\n\n.checkbox-wrapper {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: 8px;\n  cursor: pointer;\n  user-select: none;\n  position: relative;\n}\n\n.checkbox-wrapper-disabled {\n  cursor: not-allowed;\n}\n\n/* ==========================================================================\n   CHECKBOX BOX STYLES\n   ========================================================================== */\n\n.checkbox {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  outline: none;\n  user-select: none;\n  transition: all 0.2s ease;\n  box-sizing: border-box;\n  background: var(--color-white);\n  border: 2px solid var(--color-neutral-300);\n  position: relative;\n  flex-shrink: 0;\n  pointer-events: none;\n}\n\n/* Size Variants */\n.checkbox-sm {\n  width: 16px;\n  height: 16px;\n  border-radius: var(--radius-xs);\n  margin-top: 3px;\n}\n\n.checkbox-md {\n  width: 20px;\n  height: 20px;\n  border-radius: var(--radius-sm);\n  margin-top: 2px;\n}\n\n/* Remove margin when no label */\n.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-sm,\n.checkbox-wrapper:not(.checkbox-wrapper-with-label) .checkbox-md {\n  margin-top: 0;\n}\n\n/* State: Checked */\n.checkbox.checkbox-checked {\n  background: var(--color-brand-600);\n  border-color: var(--color-brand-600);\n  color: var(--color-white);\n}\n\n/* State: Hover */\n.checkbox.checkbox-hover:not(.checkbox-disabled) {\n  background: var(--color-neutral-100);\n  border-color: var(--color-neutral-300);\n}\n\n.checkbox.checkbox-checked.checkbox-hover:not(.checkbox-disabled) {\n  background: var(--color-brand-700);\n  border-color: var(--color-brand-700);\n}\n\n/* State: Focused */\n.checkbox.checkbox-focused:not(.checkbox-disabled) {\n  border-color: var(--color-neutral-300);\n  box-shadow: 0px 0px 0px 4px var(--color-brand-100),\n    0px 0px 0px 2px var(--color-white);\n}\n\n.checkbox.checkbox-checked.checkbox-focused:not(.checkbox-disabled) {\n  background: var(--color-brand-600);\n  border-color: var(--color-brand-600);\n  box-shadow: 0px 0px 0px 4px var(--color-brand-100),\n    0px 0px 0px 2px var(--color-white);\n}\n\n/* State: Disabled */\n.checkbox.checkbox-disabled {\n  background: var(--color-neutral-50);\n  border-color: var(--color-neutral-300);\n  cursor: not-allowed;\n  opacity: 1;\n}\n\n.checkbox.checkbox-checked.checkbox-disabled {\n  background: var(--color-neutral-50);\n  border: 2px solid var(--color-neutral-300);\n  color: var(--color-neutral-300);\n}\n\n/* ==========================================================================\n   ICONS\n   ========================================================================== */\n\n.checkbox-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  line-height: 1;\n  font-variation-settings: 'FILL' 0, 'wght' 600, 'GRAD' 0, 'opsz' 20;\n}\n\n.checkbox .check-icon {\n  color: var(--color-white);\n}\n\n.checkbox-disabled .check-icon {\n  color: var(--color-neutral-300);\n}\n\n.checkbox .minus-icon {\n  color: var(--color-white);\n}\n\n.checkbox-disabled .minus-icon {\n  color: var(--color-neutral-300);\n}\n\n/* Adjust icon sizes for different checkbox sizes */\n.checkbox-sm .checkbox-icon {\n  font-size: 14px;\n}\n\n.checkbox-md .checkbox-icon {\n  font-size: 18px;\n}\n\n/* ==========================================================================\n   CHECKBOX CONTROL WRAPPER\n   ========================================================================== */\n\n.checkbox-control {\n  display: inline-flex;\n  align-items: flex-start;\n  cursor: pointer;\n}\n\n.checkbox-wrapper-disabled .checkbox-control {\n  cursor: not-allowed;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, Element, Watch, AttachInternals } from '@stencil/core';\nimport { syncCheckableFormValue, validateRequired } from '../../utils/form';\n\nexport type CheckboxSize = 'sm' | 'md';\n\n@Component({\n  tag: 'bh-checkbox',\n  styleUrl: 'bh-checkbox.css',\n  shadow: true,\n  formAssociated: true,\n})\nexport class BhCheckbox {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  private inputRef?: HTMLInputElement;\n  private uniqueId = `bh-checkbox-${Math.random().toString(36).substring(2, 9)}`;\n\n  /** Checkbox size */\n  @Prop() size: CheckboxSize = 'md';\n\n  /** Checked state */\n  @Prop({ mutable: true, reflect: true }) checked: boolean = false;\n\n  /** Indeterminate state */\n  @Prop({ mutable: true }) indeterminate: boolean = false;\n\n  /** Disabled state */\n  @Prop() disabled: boolean = false;\n\n  /** Name attribute for form submission */\n  @Prop() name: string = '';\n\n  /** Value attribute for form submission */\n  @Prop() value: string = 'on';\n\n  /** Optional label text - when provided, renders checkbox with label */\n  @Prop() label: string = '';\n\n  /** Optional supporting text below the label */\n  @Prop() supportingText: string = '';\n\n  /** Whether the checkbox is required */\n  @Prop() required: boolean = false;\n\n  /** Default checked state for form reset */\n  @Prop() defaultChecked: boolean = false;\n\n  /** Internal hover state */\n  @State() isHovered: boolean = false;\n\n  /** Internal focus state */\n  @State() isFocused: boolean = false;\n\n  /** Emitted when checkbox state changes via user interaction */\n  @Event() bhChange!: EventEmitter<boolean>;\n\n  @Watch('checked')\n  handleCheckedChange(newValue: boolean) {\n    if (this.inputRef) {\n      this.inputRef.checked = newValue;\n    }\n  }\n\n  @Watch('indeterminate')\n  handleIndeterminateChange(newValue: boolean) {\n    if (this.inputRef) {\n      this.inputRef.indeterminate = newValue;\n    }\n  }\n\n  componentDidLoad() {\n    if (this.inputRef) {\n      this.inputRef.indeterminate = this.indeterminate;\n    }\n    syncCheckableFormValue(this.internals, this.name, this.checked, this.value);\n    validateRequired(this.internals, this.required, this.checked);\n  }\n\n  formResetCallback() {\n    this.checked = this.defaultChecked;\n    this.indeterminate = false;\n    if (this.inputRef) {\n      this.inputRef.checked = this.defaultChecked;\n      this.inputRef.indeterminate = false;\n    }\n    syncCheckableFormValue(this.internals, this.name, this.checked, this.value);\n    validateRequired(this.internals, this.required, this.checked);\n  }\n\n  private handleChange = (event: Event) => {\n    event.stopPropagation();\n    if (this.disabled) return;\n\n    const input = event.target as HTMLInputElement;\n\n    if (this.indeterminate) {\n      this.indeterminate = false;\n      this.checked = false;\n      if (this.inputRef) {\n        this.inputRef.indeterminate = false;\n        this.inputRef.checked = false;\n      }\n    } else {\n      this.checked = input.checked;\n    }\n\n    syncCheckableFormValue(this.internals, this.name, this.checked, this.value);\n    validateRequired(this.internals, this.required, this.checked);\n    this.bhChange.emit(this.checked);\n  };\n\n  private handleMouseEnter = () => {\n    this.isHovered = true;\n  };\n\n  private handleMouseLeave = () => {\n    this.isHovered = false;\n  };\n\n  private handleFocus = () => {\n    this.isFocused = true;\n  };\n\n  private handleBlur = () => {\n    this.isFocused = false;\n  };\n\n  private handleControlClick = () => {\n    if (this.disabled) return;\n    this.inputRef?.click();\n  };\n\n  private renderCheckboxControl() {\n    const isCheckedState = this.checked || this.indeterminate;\n\n    const checkboxClasses = {\n      'checkbox': true,\n      [`checkbox-${this.size}`]: true,\n      'checkbox-checked': isCheckedState,\n      'checkbox-disabled': this.disabled,\n      'checkbox-focused': this.isFocused && !this.disabled,\n      'checkbox-hover': this.isHovered && !this.disabled,\n    };\n\n    return (\n      <div\n        class=\"checkbox-control\"\n        onClick={this.handleControlClick}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n      >\n        <input\n          ref={(el) => (this.inputRef = el)}\n          type=\"checkbox\"\n          id={this.uniqueId}\n          name={this.name}\n          value={this.value}\n          checked={this.checked}\n          disabled={this.disabled}\n          class=\"checkbox-input\"\n          onChange={this.handleChange}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          aria-describedby={this.supportingText ? `${this.uniqueId}-description` : undefined}\n        />\n        <div class={checkboxClasses} part=\"checkbox\" aria-hidden=\"true\">\n          {this.checked && !this.indeterminate && (\n            <span class=\"material-symbols-outlined checkbox-icon check-icon\">\n              check\n            </span>\n          )}\n          {this.indeterminate && (\n            <span class=\"material-symbols-outlined checkbox-icon minus-icon\">\n              remove\n            </span>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const hasLabel = this.label || this.supportingText;\n\n    const wrapperClasses = {\n      'checkbox-wrapper': true,\n      'checkbox-wrapper-with-label': !!hasLabel,\n      'checkbox-wrapper-disabled': this.disabled,\n    };\n\n    // Render with bh-label when label/supportingText is provided\n    if (hasLabel) {\n      return (\n        <div class={wrapperClasses} part=\"wrapper\">\n          <bh-label\n            layout=\"inline-start\"\n            label={this.label}\n            supportingText={this.supportingText}\n            disabled={this.disabled}\n            for={this.uniqueId}\n          >\n            {this.renderCheckboxControl()}\n          </bh-label>\n        </div>\n      );\n    }\n\n    // Standalone checkbox without label\n    return (\n      <div class={wrapperClasses} part=\"wrapper\">\n        {this.renderCheckboxControl()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-C97e5uAI.js

@@ -0,0 +1,132 @@
+import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-ChfLhYiJ.js';
+import { d as defineCustomElement$1 } from './p-B7eVYv2t.js';
+
+const bhBreadcrumbsCss = ":host{display:block}.breadcrumbs{font-family:var(--font-inter);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.breadcrumbs-container{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all 0.15s ease;color:var(--color-neutral-600);text-decoration:none;font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:500;line-height:1.4285714285714286em;min-height:24px;box-sizing:border-box}.breadcrumb-button:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.breadcrumb-button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.breadcrumb-home{padding:var(--spacing-xs);min-width:24px;min-height:24px}.breadcrumb-current{background-color:var(--color-neutral-50);color:var(--color-neutral-800);font-weight:500;cursor:default}.breadcrumb-current:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-800)}.breadcrumb-ellipsis{color:var(--color-neutral-600);font-weight:500}.breadcrumb-ellipsis:hover{background-color:var(--color-neutral-50);color:var(--color-neutral-900)}.breadcrumb-text{white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.breadcrumb-icon{flex-shrink:0;font-size:20px;width:20px;height:20px;color:var(--color-neutral-600)}.breadcrumb-home .breadcrumb-icon{font-size:20px;width:20px;height:20px}.breadcrumb-separator{display:flex;align-items:center;color:var(--color-neutral-300);font-size:20px;flex-shrink:0}.breadcrumb-separator .material-symbols-outlined{font-size:20px;width:20px;height:20px}.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: 640px){.breadcrumb-text{max-width:120px}.breadcrumbs-container{gap:var(--spacing-xxs)}.breadcrumb-button{padding:var(--spacing-xxs) var(--spacing-xs);font-size:12px}}";
+
+const BhBreadcrumbs = /*@__PURE__*/ proxyCustomElement(class BhBreadcrumbs extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.bhItemClick = createEvent(this, "bhItemClick");
+        this.bhNavigate = createEvent(this, "bhNavigate");
+    }
+    /**
+     * Array of breadcrumb items
+     */
+    items = [];
+    /**
+     * Separator icon name (Material Symbols)
+     */
+    separator = 'chevron_right';
+    /**
+     * Whether to show the home button
+     */
+    showHome = true;
+    /**
+     * Maximum number of visible items before collapsing
+     */
+    maxVisibleItems = 4;
+    /**
+     * Event emitted when a breadcrumb item is clicked
+     */
+    bhItemClick;
+    /**
+     * Event emitted when navigating to a path
+     */
+    bhNavigate;
+    get parsedItems() {
+        if (typeof this.items === 'string') {
+            try {
+                return JSON.parse(this.items);
+            }
+            catch {
+                return [];
+            }
+        }
+        return this.items || [];
+    }
+    get displayData() {
+        const items = this.parsedItems;
+        if (!items || items.length <= this.maxVisibleItems) {
+            return {
+                displayItems: items ? [...items] : [],
+                showEllipsis: false,
+                collapsedItems: [],
+            };
+        }
+        else {
+            const lastItems = items.slice(-(this.maxVisibleItems - 2));
+            return {
+                displayItems: [items[0], ...lastItems],
+                showEllipsis: true,
+                collapsedItems: items.slice(1, -(this.maxVisibleItems - 2)),
+            };
+        }
+    }
+    handleItemClick(item) {
+        if (!item.isActive && item.path) {
+            this.bhItemClick.emit(item);
+            this.bhNavigate.emit(item.path);
+        }
+    }
+    handleHomeClick = () => {
+        const homeItem = {
+            label: 'Home',
+            path: '/',
+        };
+        this.bhItemClick.emit(homeItem);
+        this.bhNavigate.emit('/');
+    };
+    handleEllipsisClick = () => {
+        const { collapsedItems } = this.displayData;
+        if (collapsedItems.length > 0) {
+            this.handleItemClick(collapsedItems[0]);
+        }
+    };
+    renderBreadcrumbItem(item, index) {
+        if (item.isActive || !item.path) {
+            return (h("div", { key: index, class: "breadcrumb-button breadcrumb-current", "aria-current": "page" }, h("span", { class: "breadcrumb-text" }, item.label)));
+        }
+        return (h("button", { key: index, type: "button", class: "breadcrumb-button", onClick: () => this.handleItemClick(item) }, h("span", { class: "breadcrumb-text" }, item.label)));
+    }
+    renderSeparator() {
+        return (h("div", { class: "breadcrumb-separator" }, h("span", { class: "material-symbols-outlined" }, this.separator)));
+    }
+    render() {
+        const { displayItems, showEllipsis, collapsedItems } = this.displayData;
+        return (h("nav", { key: 'f8fa78dc80f7e0a6d7c2161396348a892f4c9d0b', class: "breadcrumbs", "aria-label": "Breadcrumb" }, h("div", { key: 'b7a5ae9c8206992802c6be37687c41033d452d7b', class: "breadcrumbs-container" }, this.showHome && (h("div", { key: '0e5312f7c42a90f2f979be515a856d60d2ffd733', class: "breadcrumb-item" }, h("bh-button-icon", { key: 'b95e5c59a7a5800c670c0c2b05ffc482d25f084c', hierarchy: "quaternary", size: "xs", iconName: "cottage", onClick: this.handleHomeClick, "aria-label": "Home" }))), this.showHome && (displayItems.length > 0 || showEllipsis) && this.renderSeparator(), showEllipsis && displayItems.length > 0 && (h(Fragment, { key: '510adc7a0db807a4232c2d23bbdbf55de28cc0b0' }, h("div", { key: 'dafefca139a16b4ae71c6577f8885d055e7643dc', class: "breadcrumb-item" }, this.renderBreadcrumbItem(displayItems[0], 0)), this.renderSeparator(), h("div", { key: '0ea0b6c5093c551e9f927b08e3caddd2c85d64d7', class: "breadcrumb-item" }, h("button", { key: 'b14a815428f58d34a753e8b1ae841a6c7a815b15', type: "button", class: "breadcrumb-button breadcrumb-ellipsis", onClick: this.handleEllipsisClick, title: `Show ${collapsedItems.length} hidden items` }, h("span", { key: 'f22204e923c5bb60be5b578861be47c0bb8aacf0', class: "breadcrumb-text" }, "..."))), this.renderSeparator(), displayItems.slice(1).map((item, index) => (h(Fragment, null, h("div", { class: "breadcrumb-item", key: `item-${index + 1}` }, this.renderBreadcrumbItem(item, index + 1)), index < displayItems.slice(1).length - 1 && this.renderSeparator()))))), !showEllipsis && displayItems.map((item, index) => (h(Fragment, null, h("div", { class: "breadcrumb-item", key: `item-${index}` }, this.renderBreadcrumbItem(item, index)), index < displayItems.length - 1 && this.renderSeparator()))))));
+    }
+    static get style() { return bhBreadcrumbsCss; }
+}, [769, "bh-breadcrumbs", {
+        "items": [1],
+        "separator": [1],
+        "showHome": [4, "show-home"],
+        "maxVisibleItems": [2, "max-visible-items"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bh-breadcrumbs", "bh-button-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bh-breadcrumbs":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BhBreadcrumbs);
+            }
+            break;
+        case "bh-button-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { BhBreadcrumbs as B, defineCustomElement as d };
+//# sourceMappingURL=p-C97e5uAI.js.map
+
+//# sourceMappingURL=p-C97e5uAI.js.map