@actabldesign/bellhop-core 0.0.3

package/collection/components/bh-input-autocomplete/bh-input-autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bh-input-autocomplete.js","sourceRoot":"","sources":["../../../src/components/bh-input-autocomplete/bh-input-autocomplete.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, Element, Watch, h, Host } from '@stencil/core';\nimport { AutocompleteMenuItem } from '../bh-autocomplete-menu/bh-autocomplete-menu';\n\nexport type InputAutocompleteState = 'placeholder' | 'filled' | 'hover' | 'focused';\n\n@Component({\n  tag: 'bh-input-autocomplete',\n  styleUrl: 'bh-input-autocomplete.css',\n  shadow: true,\n})\nexport class BhInputAutocomplete {\n  @Element() el!: HTMLElement;\n\n  // Base input props\n  /**\n   * Input state\n   */\n  @Prop() state?: InputAutocompleteState;\n\n  /**\n   * Whether input has error\n   */\n  @Prop() error: boolean = false;\n\n  /**\n   * Whether input is required\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * Whether input is disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether to show help icon\n   */\n  @Prop() showHelpIcon: boolean = false;\n\n  /**\n   * Whether to show leading icon\n   */\n  @Prop() showLeadingIcon: boolean = true;\n\n  /**\n   * Whether to show label\n   */\n  @Prop() showLabel: boolean = true;\n\n  /**\n   * Whether to show hint text\n   */\n  @Prop() showHintText: boolean = true;\n\n  /**\n   * Label text\n   */\n  @Prop() label: string = 'Search';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder: string = 'Search...';\n\n  /**\n   * Hint text\n   */\n  @Prop() hintText: string = 'This is a hint text to help user.';\n\n  /**\n   * Leading icon name\n   */\n  @Prop() leadingIcon: string = 'search';\n\n  /**\n   * Help icon tooltip\n   */\n  @Prop() helpIconTooltip: string = 'Help';\n\n  /**\n   * Current value\n   */\n  @Prop({ mutable: true }) value: string = '';\n\n  /**\n   * Width of the component\n   */\n  @Prop() width: string = '450px';\n\n  // Autocomplete-specific props\n  /**\n   * Available options\n   */\n  @Prop() options: AutocompleteMenuItem[] = [];\n\n  /**\n   * Maximum number of options to show\n   */\n  @Prop() maxOptions: number = 10;\n\n  /**\n   * Enable multi-select mode\n   */\n  @Prop() multiSelect: boolean = false;\n\n  /**\n   * Minimum search length to show options\n   */\n  @Prop() minSearchLength: number = 3;\n\n  /**\n   * Selected items (for multi-select)\n   */\n  @Prop({ mutable: true }) selectedItems: AutocompleteMenuItem[] = [];\n\n  @State() showDropdown: boolean = false;\n  @State() focusedOptionIndex: number = -1;\n  @State() isFocused: boolean = false;\n  @State() isHovered: boolean = false;\n  @State() isTagClickOpen: boolean = false;\n\n  /**\n   * Event emitted when value changes\n   */\n  @Event() bhChange!: EventEmitter<string>;\n\n  /**\n   * Event emitted when selected items change\n   */\n  @Event() bhSelectedItemsChange!: EventEmitter<AutocompleteMenuItem[]>;\n\n  /**\n   * Event emitted when input is focused\n   */\n  @Event() bhFocus!: EventEmitter<void>;\n\n  /**\n   * Event emitted when input is blurred\n   */\n  @Event() bhBlur!: EventEmitter<void>;\n\n  /**\n   * Event emitted when help icon is clicked\n   */\n  @Event() bhHelpClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when an option is selected\n   */\n  @Event() bhOptionSelect!: EventEmitter<AutocompleteMenuItem>;\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    if (newValue && newValue.length >= this.minSearchLength) {\n      this.showDropdown = true;\n    }\n  }\n\n  private get filteredOptions(): AutocompleteMenuItem[] {\n    let baseOptions: AutocompleteMenuItem[] = [];\n\n    if (this.isTagClickOpen && this.multiSelect) {\n      baseOptions = this.selectedItems;\n    } else if (this.showDropdown && (!this.value || this.value.length === 0)) {\n      baseOptions = this.options.slice(0, this.maxOptions);\n    } else if (this.value && this.value.length >= this.minSearchLength) {\n      const searchLower = this.value.toLowerCase();\n      const filtered = this.options.filter(option =>\n        option.label.toLowerCase().includes(searchLower)\n      );\n      baseOptions = filtered.slice(0, this.maxOptions);\n    }\n\n    return baseOptions.map(option => ({\n      ...option,\n      selected: this.multiSelect && this.selectedItems.some(item => item.id === option.id),\n    }));\n  }\n\n  private get shouldShowClearButton(): boolean {\n    return !this.disabled && (\n      (this.multiSelect && this.selectedItems.length > 0) ||\n      (!this.multiSelect && Boolean(this.value && this.value.length > 0))\n    );\n  }\n\n  private get visibleTags(): { tags: AutocompleteMenuItem[]; remaining: number } {\n    if (!this.multiSelect || this.selectedItems.length === 0) {\n      return { tags: [], remaining: 0 };\n    }\n\n    const containerWidth = parseFloat(this.width.replace('px', '')) || 450;\n    const searchIconWidth = this.showLeadingIcon ? 40 : 0;\n    const clearButtonWidth = this.shouldShowClearButton ? 32 : 0;\n    const inputFieldMinWidth = 60;\n    const padding = 24;\n    const reservedWidth = searchIconWidth + clearButtonWidth + inputFieldMinWidth + padding;\n    const availableWidth = Math.max(containerWidth - reservedWidth, 80);\n\n    let currentWidth = 0;\n    const visibleTagsList: AutocompleteMenuItem[] = [];\n    const tagSpacing = 8;\n    const counterWidth = 40;\n\n    const reversedItems = [...this.selectedItems].reverse();\n\n    for (let i = 0; i < reversedItems.length; i++) {\n      const tag = reversedItems[i];\n      const baseTagWidth = Math.min(tag.label.length * 8 + 36, 150);\n      const remainingAfterThis = reversedItems.length - (i + 1);\n      const needsCounter = remainingAfterThis > 0;\n      const totalRequiredWidth = currentWidth + baseTagWidth + (needsCounter ? counterWidth : 0);\n\n      if (totalRequiredWidth <= availableWidth) {\n        visibleTagsList.push(tag);\n        currentWidth += baseTagWidth + tagSpacing;\n      } else {\n        break;\n      }\n    }\n\n    const finalVisibleTags = visibleTagsList.reverse();\n    return {\n      tags: finalVisibleTags,\n      remaining: this.selectedItems.length - finalVisibleTags.length,\n    };\n  }\n\n  private handleInputChange = (e: Event) => {\n    const target = e.target as HTMLInputElement;\n    this.value = target.value;\n    this.bhChange.emit(this.value);\n    this.isTagClickOpen = false;\n\n    if (this.value.length >= this.minSearchLength) {\n      this.focusedOptionIndex = -1;\n    } else {\n      this.showDropdown = false;\n    }\n  };\n\n  private handleInputFocus = () => {\n    this.isFocused = true;\n    this.bhFocus.emit();\n\n    if (this.value && this.value.length >= this.minSearchLength && this.filteredOptions.length > 0) {\n      this.showDropdown = true;\n    }\n  };\n\n  private getInputTextState(): 'default' | 'hover' | 'focus' | 'filled' | 'disabled' | 'error' | undefined {\n    if (this.state === 'placeholder') {\n      return 'default';\n    }\n    if (this.state === 'focused') {\n      return 'focus';\n    }\n    return this.state as 'default' | 'hover' | 'focus' | 'filled' | 'disabled' | 'error' | undefined;\n  }\n\n  private handleInputBlur = () => {\n    setTimeout(() => {\n      this.isFocused = false;\n      this.showDropdown = false;\n      this.focusedOptionIndex = -1;\n      this.isTagClickOpen = false;\n      this.bhBlur.emit();\n    }, 200);\n  };\n\n  private handleOptionSelect = (event: CustomEvent<AutocompleteMenuItem>) => {\n    const option = event.detail;\n    if (option.disabled) return;\n\n    this.bhOptionSelect.emit(option);\n\n    if (this.multiSelect) {\n      const isSelected = this.selectedItems.some(item => item.id === option.id);\n      const newItems = isSelected\n        ? this.selectedItems.filter(item => item.id !== option.id)\n        : [...this.selectedItems, option];\n\n      this.selectedItems = newItems;\n      this.bhSelectedItemsChange.emit(newItems);\n      this.value = '';\n      this.bhChange.emit('');\n      this.isTagClickOpen = false;\n      this.showDropdown = false;\n    } else {\n      this.value = option.label;\n      this.bhChange.emit(option.label);\n      this.showDropdown = false;\n    }\n  };\n\n  private handleTagRemove = (tag: AutocompleteMenuItem) => {\n    const newItems = this.selectedItems.filter(item => item.id !== tag.id);\n    this.selectedItems = newItems;\n    this.bhSelectedItemsChange.emit(newItems);\n  };\n\n  private handleTagClick = (e: MouseEvent) => {\n    if ((e.target as HTMLElement).closest('.tag-dismiss')) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (!this.disabled) {\n      this.isTagClickOpen = true;\n      this.showDropdown = true;\n      this.isFocused = true;\n    }\n  };\n\n  private handleClearAll = () => {\n    if (this.multiSelect) {\n      this.selectedItems = [];\n      this.bhSelectedItemsChange.emit([]);\n    }\n    this.value = '';\n    this.bhChange.emit('');\n  };\n\n  private handleKeyDown = (e: KeyboardEvent) => {\n    if (!this.showDropdown || this.filteredOptions.length === 0) return;\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        this.focusedOptionIndex = this.focusedOptionIndex < this.filteredOptions.length - 1\n          ? this.focusedOptionIndex + 1\n          : 0;\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        this.focusedOptionIndex = this.focusedOptionIndex > 0\n          ? this.focusedOptionIndex - 1\n          : this.filteredOptions.length - 1;\n        break;\n      case 'Enter':\n        e.preventDefault();\n        if (this.focusedOptionIndex >= 0 && this.focusedOptionIndex < this.filteredOptions.length) {\n          const option = this.filteredOptions[this.focusedOptionIndex];\n          this.handleOptionSelect({ detail: option } as CustomEvent<AutocompleteMenuItem>);\n        }\n        break;\n      case 'Escape':\n        e.preventDefault();\n        this.showDropdown = false;\n        this.focusedOptionIndex = -1;\n        break;\n    }\n  };\n\n  private handleItemHover = (event: CustomEvent<number>) => {\n    this.focusedOptionIndex = event.detail;\n  };\n\n  render() {\n    const { tags, remaining } = this.visibleTags;\n\n    return (\n      <Host>\n        <div\n          class=\"input-autocomplete-wrapper\"\n          style={{ width: this.width }}\n          onKeyDown={this.handleKeyDown}\n        >\n          {this.multiSelect ? (\n            // Multi-select input with flowing tags\n            <div class=\"input-wrapper\">\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.bhHelpClick.emit()}\n              >\n              <div\n                class={{\n                  'input-field': true,\n                  'autocomplete-multi-input': true,\n                  'input-error': this.error,\n                  'input-disabled': this.disabled,\n                  'input-focused': this.isFocused,\n                  'input-hover': this.isHovered,\n                }}\n                onMouseEnter={() => !this.isFocused && (this.isHovered = true)}\n                onMouseLeave={() => (this.isHovered = false)}\n              >\n                <div class=\"input-content-flow\">\n                  {this.showLeadingIcon && (\n                    <span class=\"leading-icon material-symbols-outlined\">\n                      {this.leadingIcon}\n                    </span>\n                  )}\n\n                  {/* Tags */}\n                  {tags.map(tag => (\n                    <div\n                      key={tag.id}\n                      onClick={this.handleTagClick}\n                      onMouseDown={e => e.preventDefault()}\n                      style={{ cursor: 'pointer' }}\n                    >\n                      <bh-tag\n                        variant=\"text-only\"\n                        size=\"sm\"\n                        label={tag.label}\n                        dismissible={!this.disabled}\n                        disabled={this.disabled}\n                        maxWidth={150}\n                        onBhDismiss={() => this.handleTagRemove(tag)}\n                      ></bh-tag>\n                    </div>\n                  ))}\n\n                  {remaining > 0 && (\n                    <div\n                      onClick={this.handleTagClick}\n                      onMouseDown={e => e.preventDefault()}\n                      style={{ cursor: 'pointer' }}\n                    >\n                      <bh-tag\n                        variant=\"text-only\"\n                        size=\"sm\"\n                        label={`+${remaining}`}\n                        dismissible={false}\n                        disabled={this.disabled}\n                      ></bh-tag>\n                    </div>\n                  )}\n\n                  <input\n                    type=\"text\"\n                    value={this.value}\n                    placeholder={tags.length === 0 ? this.placeholder : ''}\n                    disabled={this.disabled}\n                    class=\"inline-input\"\n                    onInput={this.handleInputChange}\n                    onFocus={this.handleInputFocus}\n                    onBlur={this.handleInputBlur}\n                  />\n\n                  {this.shouldShowClearButton && (\n                    <bh-button-icon\n                      hierarchy=\"tertiary\"\n                      size=\"xs\"\n                      iconName=\"close\"\n                      onBhClick={this.handleClearAll}\n                      disabled={this.disabled}\n                    ></bh-button-icon>\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                  style={{ opacity: this.showDropdown ? '0' : '1' }}\n                >\n                  {this.hintText}\n                </div>\n              )}\n            </div>\n          ) : (\n            // Standard single-select using bh-input-text\n            <bh-input-text\n              state={this.getInputTextState()}\n              error={this.error}\n              required={this.required}\n              disabled={this.disabled}\n              showHelpIcon={this.showHelpIcon}\n              showLeadingIcon={this.showLeadingIcon}\n              showLabel={this.showLabel}\n              showHintText={this.showHintText}\n              label={this.label}\n              placeholder={this.placeholder}\n              hintText={this.hintText}\n              leadingIcon={this.leadingIcon}\n              helpIconTooltip={this.helpIconTooltip}\n              value={this.value}\n              width=\"100%\"\n              onBhInput={(e: CustomEvent<string>) => {\n                this.value = e.detail;\n                this.bhChange.emit(this.value);\n                this.isTagClickOpen = false;\n                if (this.value.length >= this.minSearchLength) {\n                  this.showDropdown = true;\n                } else {\n                  this.showDropdown = false;\n                }\n              }}\n              onBhFocus={this.handleInputFocus}\n              onBhBlur={this.handleInputBlur}\n              onBhHelpClick={() => this.bhHelpClick.emit()}\n            ></bh-input-text>\n          )}\n\n          {/* Dropdown menu */}\n          <bh-autocomplete-menu\n            visible={this.showDropdown}\n            menuItems={this.filteredOptions}\n            selectedIndex={this.focusedOptionIndex}\n            multiSelect={this.multiSelect}\n            searchQuery={this.value}\n            onBhItemClick={this.handleOptionSelect}\n            onBhItemHover={this.handleItemHover}\n          ></bh-autocomplete-menu>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/collection/components/bh-input-number/bh-input-number.css

@@ -0,0 +1,192 @@
+:host {
+  display: block;
+}
+
+/* Base Input Wrapper */
+.input-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-sm);
+  width: 100%;
+  max-width: 100%;
+}
+
+/* Input Field Container */
+.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 */
+.input-content {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  flex: 1;
+  height: 100%;
+  min-width: 0;
+  max-width: 100%;
+}
+
+/* Leading Icon */
+.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 */
+.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;
+}
+
+/* Hide default number input spinners */
+.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 States */
+.text-placeholder {
+  color: var(--color-neutral-500);
+}
+
+.text-filled {
+  color: var(--color-neutral-800);
+}
+
+/* Hint Text */
+.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 States */
+.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 and Suffix */
+.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 Support */
+.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;
+}
+
+/* Responsive Adjustments */
+@media (max-width: 768px) {
+  .input-wrapper {
+    width: 100%;
+  }
+}