npm - @six-group/ui-library - Versions diffs - 0.0.0-insider.c4e8588 → 0.0.0-insider.c8fa9a3 - Mend

@six-group/ui-library 0.0.0-insider.c4e8588 → 0.0.0-insider.c8fa9a3

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

Files changed (2548) hide show

package/dist/ui-library/p-85aacb7c.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sixInputCss","ICON_SIZES","large","medium","small","id","SixInput","constructor","hostRef","this","inputId","labelId","helpTextId","errorTextId","eventListeners","EventListeners","hasFocus","hasHelpTextSlot","hasLabelSlot","hasErrorSlot","isPasswordVisible","type","size","name","value","pill","helpText","disabled","readonly","dropdownSearch","required","autocapitalize","autocorrect","autocomplete","autofocus","spellcheck","label","errorText","invalid","clearable","togglePassword","line","handleChange","event","stopPropagation","nativeInput","sixChange","emit","handleInput","sixInput","handleBlur","sixBlur","handleFocus","sixFocus","handleClearClick","sixClear","focus","handleKeyDown","hasModifier","metaKey","ctrlKey","shiftKey","altKey","key","setTimeout","defaultPrevented","isComposing","submitForm","host","handlePasswordToggle","handleSlotChange","hasSlot","handleLabelChange","handleValueChange","getValue","connectedCallback","_a","shadowRoot","addEventListener","forward","componentWillLoad","disconnectedCallback","removeEventListener","removeAll","setFocus","options","removeFocus","blur","select","setSelectionRange","selectionStart","selectionEnd","selectionDirection","getSelectionRange","_b","undefined","_d","_c","_f","_e","setRangeText","replacement","start","end","selectMode","toString","render","h","FormControl","errorTextCount","hasErrorTextSlot","displayError","part","class","input","length","ref","el","input__control","input__control__prefix","placeholder","minLength","minlength","maxLength","maxlength","min","max","step","autoCapitalize","autoComplete","autoCorrect","autoFocus","pattern","inputMode","inputmode","onChange","onInput","onFocus","onBlur","onKeyDown","onClick","tabindex"],"sources":["src/components/six-input/six-input.scss?tag=six-input&encapsulation=shadow","src/components/six-input/six-input.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n display: block;\n}\n\n.input {\n display: inline-flex;\n align-items: stretch;\n justify-content: start;\n position: relative;\n width: 100%;\n font-family: var(--six-font-family);\n font-weight: var(--six-input-font-weight);\n letter-spacing: var(--six-input-letter-spacing);\n background-color: var(--six-input-background-color);\n border: solid var(--six-border-width) var(--six-input-border-color);\n vertical-align: middle;\n overflow: hidden;\n transition:\n var(--six-transition-fast) color,\n var(--six-transition-fast) border,\n var(--six-transition-fast) box-shadow;\n cursor: text;\n\n &--line {\n border: none;\n border-bottom: solid var(--six-border-width) var(--six-input-border-color);\n }\n\n &:hover:not(.input--disabled) {\n background-color: var(--six-input-background-color-hover);\n border-color: var(--six-input-border-color-hover);\n\n .input__control {\n color: var(--six-input-color-hover);\n }\n }\n\n &:hover.input--dropdown-search {\n border-color: transparent;\n }\n\n &--dropdown-search {\n border-color: transparent;\n }\n\n &--dropdown-search.input--focused {\n border-color: var(--six-input-border-color);\n }\n\n &.input--focused:not(.input--disabled) {\n background-color: var(--six-input-background-color-focus);\n\n border-bottom-color: var(--six-input-border-color-focus);\n box-shadow: 0 1px 0 0 var(--six-input-border-color-focus);\n\n &:not(.input--line) {\n border-color: var(--six-input-border-color-focus);\n box-shadow: var(--six-input-focus-shadow);\n }\n\n .input__control {\n color: var(--six-input-color-focus);\n }\n }\n\n &.input--disabled {\n background-color: var(--six-input-background-color-disabled);\n border-color: var(--six-input-border-color-disabled);\n cursor: not-allowed;\n\n .input__control {\n color: var(--six-input-color-disabled);\n\n &::placeholder {\n color: var(--six-input-placeholder-color-disabled);\n }\n }\n }\n\n &.input--invalid:not(.input--disabled):not(.input--focused) {\n border-bottom-color: var(--six-input-border-color-danger);\n\n &:not(.input--line) {\n border-color: var(--six-input-border-color-danger);\n }\n }\n}\n\n.input__control {\n flex: 1 1 auto;\n width: 100%;\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n min-width: 0;\n color: var(--six-input-color);\n border: none;\n background: none;\n box-shadow: none;\n padding: 0;\n margin: 0;\n cursor: inherit;\n -webkit-appearance: none;\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n -webkit-appearance: none;\n }\n\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n box-shadow: 0 0 0 var(--six-height-large) var(--six-input-background-color-hover) inset !important;\n -webkit-text-fill-color: var(--six-color-primary-500);\n }\n\n &::placeholder {\n color: var(--six-input-placeholder-color);\n user-select: none;\n }\n\n &:focus {\n outline: none;\n }\n\n &::-ms-reveal {\n display: none;\n }\n}\n\n.input__prefix,\n.input__suffix {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n cursor: default;\n\n ::slotted(six-icon) {\n color: var(--six-input-icon-color);\n }\n}\n\n.input {\n &.input--disabled {\n ::slotted(six-icon) {\n cursor: not-allowed;\n }\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Size modifiers\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.input--small {\n border-radius: var(--six-input-border-radius-small);\n font-size: var(--six-input-font-size-small);\n height: var(--six-height-small);\n\n .input__control {\n height: calc(var(--six-height-small) - var(--six-border-width) * 2);\n margin: 0 var(--six-input-spacing-small);\n }\n\n .input__control__prefix {\n margin: 0 var(--six-input-prefix-spacing-small);\n }\n\n .input__clear,\n .input__password-toggle {\n margin-right: var(--six-input-spacing-small);\n }\n\n .input__prefix ::slotted(*) {\n margin-left: var(--six-input-prefix-spacing-small);\n }\n\n .input__suffix ::slotted(*) {\n margin-right: var(--six-input-prefix-spacing-small);\n }\n}\n\n.input--medium {\n border-radius: var(--six-input-border-radius-medium);\n font-size: var(--six-input-font-size-medium);\n height: var(--six-height-medium);\n\n .input__control {\n height: calc(var(--six-height-medium) - var(--six-border-width) * 2);\n margin: 0 var(--six-input-spacing-medium);\n }\n\n .input__control__prefix {\n margin: 0 var(--six-input-prefix-spacing-medium);\n }\n\n .input__clear,\n .input__password-toggle {\n margin-right: var(--six-input-spacing-medium);\n }\n\n .input__prefix ::slotted(*) {\n margin-left: var(--six-input-prefix-spacing-medium);\n }\n\n .input__suffix ::slotted(*) {\n margin-right: var(--six-input-prefix-spacing-medium);\n }\n}\n\n.input--large {\n border-radius: var(--six-input-border-radius-large);\n font-size: var(--six-input-font-size-large);\n height: var(--six-height-large);\n\n .input__control {\n height: calc(var(--six-height-large) - var(--six-border-width) * 2);\n margin: 0 var(--six-input-spacing-large);\n }\n\n .input__control__prefix {\n margin: 0 var(--six-input-prefix-spacing-large);\n }\n\n .input__clear,\n .input__password-toggle {\n margin-right: var(--six-input-spacing-large);\n }\n\n .input__prefix ::slotted(*) {\n margin-left: var(--six-input-prefix-spacing-large);\n }\n\n .input__suffix ::slotted(*) {\n margin-right: var(--six-input-prefix-spacing-large);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Pill modifier\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.input--pill {\n &.input--small {\n border-radius: var(--six-height-small);\n }\n\n &.input--medium {\n border-radius: var(--six-height-medium);\n }\n\n &.input--large {\n border-radius: var(--six-height-large);\n }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// Clearable + Password Toggle\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n.input__clear,\n.input__password-toggle {\n display: inline-flex;\n align-items: center;\n font-size: inherit;\n color: var(--six-input-icon-color);\n border: none;\n background: none;\n padding: 0;\n transition: var(--six-transition-fast) color;\n cursor: pointer;\n\n &:hover {\n color: var(--six-input-icon-color-hover);\n }\n\n &:focus {\n outline: none;\n }\n}\n\n.input--empty .input__clear {\n visibility: hidden;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { submitForm } from '../../utils/form';\n\nconst ICON_SIZES: Record<'small' | 'medium' | 'large', 'xSmall' | 'small' | 'medium'> = {\n large: 'medium',\n medium: 'small',\n small: 'xSmall',\n};\n\nexport type SelectionRangeDirection = 'forward' | 'backward' | 'none';\nexport type SelectionRange = {\n selectionStart: number | undefined;\n selectionEnd: number | undefined;\n selectionDirection: SelectionRangeDirection | undefined;\n};\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot label - The input's label. Alternatively, you can use the label prop.\n * @slot prefix - Used to prepend an icon or similar element to the input.\n * @slot suffix - Used to append an icon or similar element to the input.\n * @slot clear-icon - An icon to use in lieu of the default clear icon.\n * @slot show-password-icon - An icon to use in lieu of the default show password icon.\n * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.\n * @slot help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop.\n * @slot error-text - Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part form-control - The form control that wraps the label, input, error-text and help-text.\n * @part label - The input label.\n * @part input - The input control.\n * @part prefix - The input prefix container.\n * @part clear-button - The clear button.\n * @part password-toggle-button - The password toggle button.\n * @part suffix - The input suffix container.\n * @part help-text - The input help text.\n * @part error-text - The input error text.\n */\n\n@Component({\n tag: 'six-input',\n styleUrl: 'six-input.scss',\n shadow: true,\n})\nexport class SixInput {\n private inputId = `input-${++id}`;\n private labelId = `input-label-${id}`;\n private helpTextId = `input-help-text-${id}`;\n private errorTextId = `input-error-text-${id}`;\n private nativeInput?: HTMLInputElement;\n private eventListeners = new EventListeners();\n\n @Element() host!: HTMLSixInputElement;\n\n @State() hasFocus = false;\n @State() hasHelpTextSlot = false;\n @State() hasLabelSlot = false;\n @State() hasErrorSlot = false;\n @State() isPasswordVisible = false;\n\n /** The input's type. */\n @Prop({ reflect: true }) type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url' = 'text';\n\n /** The input's size. */\n @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** The input's name attribute. */\n @Prop({ reflect: true }) name = '';\n\n /** The input's value attribute. */\n @Prop({ mutable: true, reflect: true }) value = '';\n\n /** Set to true to draw a pill-style input with rounded edges. */\n @Prop({ reflect: true }) pill = false;\n\n /** The input's help text. Alternatively, you can use the help-text slot. */\n @Prop() helpText = '';\n\n /** The input's placeholder text. */\n @Prop() placeholder?: string;\n\n /** Set to true to disable the input. */\n @Prop({ reflect: true }) disabled = false;\n\n /** Set to true to make the input readonly. */\n @Prop({ reflect: true }) readonly = false;\n\n /** The minimum length of input that will be considered valid. */\n @Prop({ reflect: true }) minlength?: number;\n\n /** The maximum length of input that will be considered valid. */\n @Prop({ reflect: true }) maxlength?: number;\n\n /** The input's minimum value. */\n @Prop({ reflect: true }) min?: number;\n\n /** The input's maximum value. */\n @Prop({ reflect: true }) max?: number;\n\n /** The input's step attribute. */\n @Prop({ reflect: true }) step?: number;\n\n /** A pattern to validate input against. */\n @Prop({ reflect: true }) pattern?: string;\n\n /**\n * Internal: Styles the input for the dropdown filter search.\n */\n @Prop() dropdownSearch = false;\n\n /** Set to true to show an asterisk beneath the label. */\n @Prop() required = false;\n\n /** The input's autocaptialize attribute. */\n @Prop() autocapitalize = 'off';\n\n /** The input's autocorrect attribute. */\n @Prop() autocorrect: 'on' | 'off' = 'off';\n\n /** The input's autocomplete attribute. */\n @Prop() autocomplete = 'off';\n\n /** The input's autofocus attribute. */\n @Prop() autofocus = false;\n\n /** Enables spell checking on the input. */\n @Prop() spellcheck = false;\n\n /** The label text. */\n @Prop() label = '';\n\n /** The error message shown, if `invalid` is set to true. */\n @Prop() errorText: string | string[] = '';\n\n /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n @Prop() errorTextCount?: number;\n\n /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed. */\n @Prop({ reflect: true }) invalid = false;\n\n /** Set to true to add a clear button when the input is populated. */\n @Prop() clearable = false;\n\n /** Set to true to add a password toggle button for password inputs. */\n @Prop() togglePassword = false;\n\n /** The input's inputmode attribute. */\n @Prop() inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n /** Set to render as line */\n @Prop() line = false;\n\n @Watch('helpText')\n @Watch('errorText')\n @Watch('label')\n handleLabelChange() {\n this.handleSlotChange();\n }\n\n @Watch('value')\n handleValueChange() {\n this.value = this.getValue();\n if (this.nativeInput != null && this.nativeInput.value !== this.value) {\n this.nativeInput.value = this.value;\n }\n }\n\n /** Emitted when the control's value changes. Access the new value via event.target.value. */\n @Event({ eventName: 'six-input-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the clear button is activated. */\n @Event({ eventName: 'six-input-clear' }) sixClear!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control receives input. Access the new value via event.target.value. */\n @Event({ eventName: 'six-input-input' }) sixInput!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control gains focus. */\n @Event({ eventName: 'six-input-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control loses focus. Access the new value via event.target.value. */\n @Event({ eventName: 'six-input-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n connectedCallback() {\n this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n this.eventListeners.forward('six-input-input', 'input', this.host);\n this.eventListeners.forward('six-input-change', 'change', this.host);\n this.eventListeners.forward('six-input-focus', 'focus', this.host);\n this.eventListeners.forward('six-input-blur', 'blur', this.host);\n }\n\n componentWillLoad() {\n this.handleSlotChange();\n }\n\n disconnectedCallback() {\n this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n this.eventListeners.removeAll();\n }\n\n /** Sets focus on the input. */\n @Method()\n async setFocus(options?: FocusOptions) {\n this.nativeInput?.focus(options);\n }\n\n /** Removes focus from the input. */\n @Method()\n async removeFocus() {\n this.nativeInput?.blur();\n }\n\n /** Selects all the text in the input. */\n @Method()\n async select() {\n return this.nativeInput?.select();\n }\n\n /** Sets the start and end positions of the text selection (0-based). */\n @Method()\n async setSelectionRange(\n selectionStart: number,\n selectionEnd: number,\n selectionDirection: SelectionRangeDirection = 'none'\n ) {\n return this.nativeInput?.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n }\n\n /** Returns the start and end positions of the text selection */\n @Method()\n async getSelectionRange(): Promise<SelectionRange> {\n return {\n selectionStart: this.nativeInput?.selectionStart ?? undefined,\n selectionEnd: this.nativeInput?.selectionEnd ?? undefined,\n selectionDirection: this.nativeInput?.selectionDirection ?? undefined,\n };\n }\n\n /** Replaces a range of text with a new string. */\n @Method()\n async setRangeText(\n replacement: string,\n start: number,\n end: number,\n selectMode: 'select' | 'start' | 'end' | 'preserve' = 'preserve'\n ) {\n if (this.nativeInput == null) {\n return;\n }\n this.nativeInput.setRangeText(replacement, start, end, selectMode);\n if (this.getValue() !== this.nativeInput.value) {\n this.value = this.nativeInput.value;\n this.sixChange.emit();\n this.sixInput.emit();\n }\n }\n\n private handleChange = (event: Event) => {\n event.stopPropagation();\n if (this.nativeInput != null) {\n this.value = this.nativeInput.value;\n this.sixChange.emit();\n }\n };\n\n private handleInput = (event: Event) => {\n event.stopPropagation();\n if (this.nativeInput != null) {\n this.value = this.nativeInput.value;\n this.sixInput.emit();\n }\n };\n\n private handleBlur = () => {\n this.hasFocus = false;\n this.sixBlur.emit();\n };\n\n private handleFocus = () => {\n this.hasFocus = true;\n this.sixFocus.emit();\n };\n\n private handleClearClick = (event: MouseEvent) => {\n this.value = '';\n this.sixClear.emit();\n this.sixInput.emit();\n this.sixChange.emit();\n if (this.nativeInput != null) {\n this.nativeInput.focus();\n }\n event.stopPropagation();\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n const hasModifier = event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n if (event.key === 'Enter' && !hasModifier) {\n setTimeout(() => {\n if (!event.defaultPrevented && !event.isComposing) {\n submitForm(this.host);\n }\n });\n }\n };\n\n private handlePasswordToggle = () => {\n this.isPasswordVisible = !this.isPasswordVisible;\n };\n\n private handleSlotChange = () => {\n this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n this.hasLabelSlot = hasSlot(this.host, 'label');\n this.hasErrorSlot = hasSlot(this.host, 'error-text');\n };\n\n private getValue(): string {\n return (this.value ?? '').toString();\n }\n\n render() {\n return (\n <FormControl\n inputId={this.inputId}\n label={this.label}\n labelId={this.labelId}\n hasLabelSlot={this.hasLabelSlot}\n helpTextId={this.helpTextId}\n helpText={this.helpText}\n hasHelpTextSlot={this.hasHelpTextSlot}\n errorTextId={this.errorTextId}\n errorText={this.errorText}\n errorTextCount={this.errorTextCount}\n hasErrorTextSlot={this.hasErrorSlot}\n size={this.size}\n disabled={this.disabled}\n required={this.required}\n displayError={this.invalid}\n >\n <div\n part=\"base\"\n class={{\n input: true,\n\n // Sizes\n 'input--small': this.size === 'small',\n 'input--medium': this.size === 'medium',\n 'input--large': this.size === 'large',\n\n // States\n 'input--line': this.line,\n 'input--pill': this.pill,\n 'input--disabled': this.disabled,\n 'input--dropdown-search': this.dropdownSearch,\n 'input--focused': this.hasFocus,\n 'input--empty': this.getValue().length === 0,\n 'input--invalid': this.invalid,\n }}\n >\n <span part=\"prefix\" class=\"input__prefix\">\n <slot name=\"prefix\" />\n </span>\n\n <input\n part=\"input\"\n ref={(el) => (this.nativeInput = el)}\n id={this.inputId}\n size={1} // needed for firefox to overrule the default of 20\n class={{\n input__control: true,\n input__control__prefix: hasSlot(this.host, 'prefix'),\n }}\n type={this.type === 'password' && this.isPasswordVisible ? 'text' : this.type}\n name={this.name}\n placeholder={this.placeholder}\n disabled={this.disabled}\n readonly={this.readonly}\n minLength={this.minlength}\n maxLength={this.maxlength}\n min={this.min}\n max={this.max}\n step={this.step}\n value={this.getValue()}\n autoCapitalize={this.autocapitalize}\n autoComplete={this.autocomplete}\n autoCorrect={this.autocorrect}\n autoFocus={this.autofocus}\n spellcheck={this.spellcheck}\n pattern={this.pattern}\n required={this.required}\n inputMode={this.inputmode}\n aria-labelledby={this.labelId}\n aria-describedby={this.helpTextId}\n aria-invalid={this.invalid ? 'true' : 'false'}\n onChange={this.handleChange}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onKeyDown={this.handleKeyDown}\n data-testid=\"input-control\"\n />\n\n {this.clearable && !this.disabled && (\n <button\n part=\"clear-button\"\n class=\"input__clear\"\n type=\"button\"\n onClick={this.handleClearClick}\n tabindex=\"-1\"\n data-testid=\"input-clear-button\"\n >\n <slot name=\"clear-icon\">\n <six-icon size={ICON_SIZES[this.size]}>clear</six-icon>\n </slot>\n </button>\n )}\n\n {this.togglePassword && (\n <button\n part=\"password-toggle-button\"\n class=\"input__password-toggle\"\n type=\"button\"\n onClick={this.handlePasswordToggle}\n tabindex=\"-1\"\n >\n {this.isPasswordVisible ? (\n <slot name=\"show-password-icon\">\n <six-icon size={ICON_SIZES[this.size]}>visibility_off</six-icon>\n </slot>\n ) : (\n <slot name=\"hide-password-icon\">\n <six-icon size={ICON_SIZES[this.size]}>visibility</six-icon>\n </slot>\n )}\n </button>\n )}\n\n <span part=\"suffix\" class=\"input__suffix\">\n <slot name=\"suffix\" />\n </span>\n </div>\n </FormControl>\n );\n }\n}\n"],"mappings":"yMAAA,MAAMA,EAAc,s1QCOpB,MAAMC,EAAkF,CACtFC,MAAO,SACPC,OAAQ,QACRC,MAAO,UAUT,IAAIC,EAAK,E,MAkCIC,EAAQ,MALrB,WAAAC,CAAAC,G,kNAMUC,KAAAC,QAAU,WAAWL,IACrBI,KAAAE,QAAU,eAAeN,IACzBI,KAAAG,WAAa,mBAAmBP,IAChCI,KAAAI,YAAc,oBAAoBR,IAElCI,KAAAK,eAAiB,IAAIC,EAIpBN,KAAQO,SAAG,MACXP,KAAeQ,gBAAG,MAClBR,KAAYS,aAAG,MACfT,KAAYU,aAAG,MACfV,KAAiBW,kBAAG,MAGJX,KAAIY,KAAwE,OAG5EZ,KAAIa,KAAiC,SAGrCb,KAAIc,KAAG,GAGQd,KAAKe,MAAG,GAGvBf,KAAIgB,KAAG,MAGxBhB,KAAQiB,SAAG,GAMMjB,KAAQkB,SAAG,MAGXlB,KAAQmB,SAAG,MAuB5BnB,KAAcoB,eAAG,MAGjBpB,KAAQqB,SAAG,MAGXrB,KAAcsB,eAAG,MAGjBtB,KAAWuB,YAAiB,MAG5BvB,KAAYwB,aAAG,MAGfxB,KAASyB,UAAG,MAGZzB,KAAU0B,WAAG,MAGb1B,KAAK2B,MAAG,GAGR3B,KAAS4B,UAAsB,GAMd5B,KAAO6B,QAAG,MAG3B7B,KAAS8B,UAAG,MAGZ9B,KAAc+B,eAAG,MAMjB/B,KAAIgC,KAAG,MA0GPhC,KAAAiC,aAAgBC,IACtBA,EAAMC,kBACN,GAAInC,KAAKoC,aAAe,KAAM,CAC5BpC,KAAKe,MAAQf,KAAKoC,YAAYrB,MAC9Bf,KAAKqC,UAAUC,M,GAIXtC,KAAAuC,YAAeL,IACrBA,EAAMC,kBACN,GAAInC,KAAKoC,aAAe,KAAM,CAC5BpC,KAAKe,MAAQf,KAAKoC,YAAYrB,MAC9Bf,KAAKwC,SAASF,M,GAIVtC,KAAUyC,WAAG,KACnBzC,KAAKO,SAAW,MAChBP,KAAK0C,QAAQJ,MAAM,EAGbtC,KAAW2C,YAAG,KACpB3C,KAAKO,SAAW,KAChBP,KAAK4C,SAASN,MAAM,EAGdtC,KAAA6C,iBAAoBX,IAC1BlC,KAAKe,MAAQ,GACbf,KAAK8C,SAASR,OACdtC,KAAKwC,SAASF,OACdtC,KAAKqC,UAAUC,OACf,GAAItC,KAAKoC,aAAe,KAAM,CAC5BpC,KAAKoC,YAAYW,O,CAEnBb,EAAMC,iBAAiB,EAGjBnC,KAAAgD,cAAiBd,IACvB,MAAMe,EAAcf,EAAMgB,SAAWhB,EAAMiB,SAAWjB,EAAMkB,UAAYlB,EAAMmB,OAC9E,GAAInB,EAAMoB,MAAQ,UAAYL,EAAa,CACzCM,YAAW,KACT,IAAKrB,EAAMsB,mBAAqBtB,EAAMuB,YAAa,CACjDC,EAAW1D,KAAK2D,K,OAMhB3D,KAAoB4D,qBAAG,KAC7B5D,KAAKW,mBAAqBX,KAAKW,iBAAiB,EAG1CX,KAAgB6D,iBAAG,KACzB7D,KAAKQ,gBAAkBsD,EAAQ9D,KAAK2D,KAAM,aAC1C3D,KAAKS,aAAeqD,EAAQ9D,KAAK2D,KAAM,SACvC3D,KAAKU,aAAeoD,EAAQ9D,KAAK2D,KAAM,aAAa,CAmIvD,CA/RC,iBAAAI,GACE/D,KAAK6D,kB,CAIP,iBAAAG,GACEhE,KAAKe,MAAQf,KAAKiE,WAClB,GAAIjE,KAAKoC,aAAe,MAAQpC,KAAKoC,YAAYrB,QAAUf,KAAKe,MAAO,CACrEf,KAAKoC,YAAYrB,MAAQf,KAAKe,K,EAmBlC,iBAAAmD,G,OACEC,EAAAnE,KAAK2D,KAAKS,cAAY,MAAAD,SAAA,SAAAA,EAAAE,iBAAiB,aAAcrE,KAAK6D,kBAC1D7D,KAAKK,eAAeiE,QAAQ,kBAAmB,QAAStE,KAAK2D,MAC7D3D,KAAKK,eAAeiE,QAAQ,mBAAoB,SAAUtE,KAAK2D,MAC/D3D,KAAKK,eAAeiE,QAAQ,kBAAmB,QAAStE,KAAK2D,MAC7D3D,KAAKK,eAAeiE,QAAQ,iBAAkB,OAAQtE,KAAK2D,K,CAG7D,iBAAAY,GACEvE,KAAK6D,kB,CAGP,oBAAAW,G,OACEL,EAAAnE,KAAK2D,KAAKS,cAAY,MAAAD,SAAA,SAAAA,EAAAM,oBAAoB,aAAczE,KAAK6D,kBAC7D7D,KAAKK,eAAeqE,W,CAKtB,cAAMC,CAASC,G,OACbT,EAAAnE,KAAKoC,eAAW,MAAA+B,SAAA,SAAAA,EAAEpB,MAAM6B,E,CAK1B,iBAAMC,G,OACJV,EAAAnE,KAAKoC,eAAa,MAAA+B,SAAA,SAAAA,EAAAW,M,CAKpB,YAAMC,G,MACJ,OAAOZ,EAAAnE,KAAKoC,eAAa,MAAA+B,SAAA,SAAAA,EAAAY,Q,CAK3B,uBAAMC,CACJC,EACAC,EACAC,EAA8C,Q,MAE9C,OAAOhB,EAAAnE,KAAKoC,eAAa,MAAA+B,SAAA,SAAAA,EAAAa,kBAAkBC,EAAgBC,EAAcC,E,CAK3E,uBAAMC,G,gBACJ,MAAO,CACLH,gBAAgBI,GAAAlB,EAAAnE,KAAKoC,eAAW,MAAA+B,SAAA,SAAAA,EAAEc,kBAAc,MAAAI,SAAA,EAAAA,EAAIC,UACpDJ,cAAcK,GAAAC,EAAAxF,KAAKoC,eAAW,MAAAoD,SAAA,SAAAA,EAAEN,gBAAY,MAAAK,SAAA,EAAAA,EAAID,UAChDH,oBAAoBM,GAAAC,EAAA1F,KAAKoC,eAAW,MAAAsD,SAAA,SAAAA,EAAEP,sBAAkB,MAAAM,SAAA,EAAAA,EAAIH,U,CAMhE,kBAAMK,CACJC,EACAC,EACAC,EACAC,EAAsD,YAEtD,GAAI/F,KAAKoC,aAAe,KAAM,CAC5B,M,CAEFpC,KAAKoC,YAAYuD,aAAaC,EAAaC,EAAOC,EAAKC,GACvD,GAAI/F,KAAKiE,aAAejE,KAAKoC,YAAYrB,MAAO,CAC9Cf,KAAKe,MAAQf,KAAKoC,YAAYrB,MAC9Bf,KAAKqC,UAAUC,OACftC,KAAKwC,SAASF,M,EA8DV,QAAA2B,G,MACN,QAAQE,EAAAnE,KAAKe,SAAS,MAAAoD,SAAA,EAAAA,EAAA,IAAI6B,U,CAG5B,MAAAC,GACE,OACEC,EAACC,EAAW,CAAA7C,IAAA,2CACVrD,QAASD,KAAKC,QACd0B,MAAO3B,KAAK2B,MACZzB,QAASF,KAAKE,QACdO,aAAcT,KAAKS,aACnBN,WAAYH,KAAKG,WACjBc,SAAUjB,KAAKiB,SACfT,gBAAiBR,KAAKQ,gBACtBJ,YAAaJ,KAAKI,YAClBwB,UAAW5B,KAAK4B,UAChBwE,eAAgBpG,KAAKoG,eACrBC,iBAAkBrG,KAAKU,aACvBG,KAAMb,KAAKa,KACXK,SAAUlB,KAAKkB,SACfG,SAAUrB,KAAKqB,SACfiF,aAActG,KAAK6B,SAEnBqE,EAAA,OAAA5C,IAAA,2CACEiD,KAAK,OACLC,MAAO,CACLC,MAAO,KAGP,eAAgBzG,KAAKa,OAAS,QAC9B,gBAAiBb,KAAKa,OAAS,SAC/B,eAAgBb,KAAKa,OAAS,QAG9B,cAAeb,KAAKgC,KACpB,cAAehC,KAAKgB,KACpB,kBAAmBhB,KAAKkB,SACxB,yBAA0BlB,KAAKoB,eAC/B,iBAAkBpB,KAAKO,SACvB,eAAgBP,KAAKiE,WAAWyC,SAAW,EAC3C,iBAAkB1G,KAAK6B,UAGzBqE,EAAA,QAAA5C,IAAA,2CAAMiD,KAAK,SAASC,MAAM,iBACxBN,EAAA,QAAA5C,IAAA,2CAAMxC,KAAK,YAGboF,EAAA,SAAA5C,IAAA,2CACEiD,KAAK,QACLI,IAAMC,GAAQ5G,KAAKoC,YAAcwE,EACjChH,GAAII,KAAKC,QACTY,KAAM,EACN2F,MAAO,CACLK,eAAgB,KAChBC,uBAAwBhD,EAAQ9D,KAAK2D,KAAM,WAE7C/C,KAAMZ,KAAKY,OAAS,YAAcZ,KAAKW,kBAAoB,OAASX,KAAKY,KACzEE,KAAMd,KAAKc,KACXiG,YAAa/G,KAAK+G,YAClB7F,SAAUlB,KAAKkB,SACfC,SAAUnB,KAAKmB,SACf6F,UAAWhH,KAAKiH,UAChBC,UAAWlH,KAAKmH,UAChBC,IAAKpH,KAAKoH,IACVC,IAAKrH,KAAKqH,IACVC,KAAMtH,KAAKsH,KACXvG,MAAOf,KAAKiE,WACZsD,eAAgBvH,KAAKsB,eACrBkG,aAAcxH,KAAKwB,aACnBiG,YAAazH,KAAKuB,YAClBmG,UAAW1H,KAAKyB,UAChBC,WAAY1B,KAAK0B,WACjBiG,QAAS3H,KAAK2H,QACdtG,SAAUrB,KAAKqB,SACfuG,UAAW5H,KAAK6H,UAAS,kBACR7H,KAAKE,QAAO,mBACXF,KAAKG,WAAU,eACnBH,KAAK6B,QAAU,OAAS,QACtCiG,SAAU9H,KAAKiC,aACf8F,QAAS/H,KAAKuC,YACdyF,QAAShI,KAAK2C,YACdsF,OAAQjI,KAAKyC,WACbyF,UAAWlI,KAAKgD,cAAa,cACjB,kBAGbhD,KAAK8B,YAAc9B,KAAKkB,UACvBgF,EACE,UAAA5C,IAAA,2CAAAiD,KAAK,eACLC,MAAM,eACN5F,KAAK,SACLuH,QAASnI,KAAK6C,iBACduF,SAAS,KAAI,cACD,sBAEZlC,EAAM,QAAA5C,IAAA,2CAAAxC,KAAK,cACToF,EAAU,YAAA5C,IAAA,2CAAAzC,KAAMrB,EAAWQ,KAAKa,OAAK,WAK1Cb,KAAK+B,gBACJmE,EAAA,UAAA5C,IAAA,2CACEiD,KAAK,yBACLC,MAAM,yBACN5F,KAAK,SACLuH,QAASnI,KAAK4D,qBACdwE,SAAS,MAERpI,KAAKW,kBACJuF,EAAM,QAAApF,KAAK,sBACToF,EAAA,YAAUrF,KAAMrB,EAAWQ,KAAKa,OAAK,mBAGvCqF,EAAM,QAAApF,KAAK,sBACToF,EAAA,YAAUrF,KAAMrB,EAAWQ,KAAKa,OAA4B,gBAMpEqF,EAAA,QAAA5C,IAAA,2CAAMiD,KAAK,SAASC,MAAM,iBACxBN,EAAM,QAAA5C,IAAA,2CAAAxC,KAAK,a","ignoreList":[]}

package/dist/ui-library/p-868fab98.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as e,h as a,g as t}from"./p-D0Go1Zjj.js";const d=":host{display:block;overflow:hidden;height:inherit}.six-root{display:grid;grid-template:auto 1fr auto/auto 1fr auto;height:100%}.six-root__container--padded{padding:var(--six-spacing-xxx-large)}.six-root__left-sidebar{height:100%;overflow:scroll;grid-column:1/2}.six-root__right-sidebar{height:100%;overflow:scroll;grid-column:3/4}.six-root nav{overflow:hidden}header{grid-column:1/4;position:sticky;top:0;z-index:var(--six-z-index-header);margin-right:2px}main{height:100%;display:flex;flex-direction:column;justify-content:space-between;grid-column:2/3;overflow:auto}footer{grid-column:1/4}";const i=class{constructor(a){e(this,a);this.padded=true;this.stage=null;this.version=""}render(){return a("host",{key:"005ad5514d4137e97a862fd2a09151013e6250d0",class:"six-root"},a("header",{key:"4cde9e57f125b9ea179608c36b311d33449ab9d3",part:"header"},this.stage&&a("six-stage-indicator",{key:"9c8d9ce4ae9d7652249fd3e2bbb39431830e6813",stage:this.stage},this.version),a("slot",{key:"dd414f2b13ec59e96ebe1e1df8f2fb71de113a60",name:"header"})),a("nav",{key:"b9abf9d3eae12e6c492b64aada73bd7101a4edb1",class:"six-root__left-sidebar",part:"left-sidebar"},a("slot",{key:"d664769001501f55dd65a0c772fa6df6742ffe4c",name:"left-sidebar"})),a("main",{key:"4fb77beeed3e16ccb53a6d486d1307893d16aac3",part:"main"},a("div",{key:"587d43eedf0a41c790b184c54f41941ea12fdd37",class:{"six-root__container":true,"six-root__container--padded":this.padded},part:"container"},a("slot",{key:"66473b0c3e44effb55ce262b27f2980b668b4335",name:"main"})),a("div",{key:"b4dcc58d0fe42bcee91f2d0586e07f026b70bf5f",class:"six-root__footer"},a("slot",{key:"bf3efc6011d2cfbdd121973d77b7eba58c12c440",name:"footer"}))),a("nav",{key:"88683d098fd1c75bf35b9ecb9aaf2d2e1b8f6715",class:"six-root__right-sidebar",part:"right-sidebar"},a("slot",{key:"3e38e0f3d3c0c66075c27f305d0460f52bbf725c",name:"right-sidebar"})))}get host(){return t(this)}};i.style=d;export{i as six_root};
2	+ //# sourceMappingURL=p-868fab98.entry.js.map

package/dist/ui-library/p-868fab98.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sixRootCss","SixRoot","constructor","hostRef","this","padded","stage","version","render","h","key","class","part","name"],"sources":["src/components/six-root/six-root.scss?tag=six-root&encapsulation=shadow","src/components/six-root/six-root.tsx"],"sourcesContent":["@import 'src/global/mixins/scrollbar';\n\n:host {\n display: block;\n overflow: hidden;\n height: inherit;\n}\n\n.six-root {\n display: grid;\n grid-template: auto 1fr auto / auto 1fr auto;\n height: 100%;\n\n &__container {\n &--padded {\n padding: var(--six-spacing-xxx-large);\n }\n }\n\n &__left-sidebar {\n height: 100%;\n overflow: scroll;\n grid-column: 1 / 2;\n }\n\n &__right-sidebar {\n height: 100%;\n overflow: scroll;\n grid-column: 3 / 4;\n }\n\n nav {\n overflow: hidden;\n }\n}\n\nheader {\n grid-column: 1 / 4;\n position: sticky;\n top: 0;\n z-index: var(--six-z-index-header);\n // border fix\n margin-right: 2px;\n}\n\nmain {\n height: 100%;\n\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n grid-column: 2 / 3;\n overflow: auto;\n}\n\nfooter {\n grid-column: 1 / 4;\n}\n","import { Component, Element, h, Prop } from '@stencil/core';\nimport { StageType } from '../six-stage-indicator/six-stage-indicator';\n\n/**\n * @since 1.0\n * @status stable\n *\n * @slot header - Used to define the header component.\n * @slot main - Used to define the components in the main area.\n * @slot left-sidebar - Used to define the sidebar on the left side.\n * @slot right-sidebar - Used to define the sidebar on the right side.\n * @slot footer - Used to define the footer component.\n */\n\n@Component({\n tag: 'six-root',\n styleUrl: 'six-root.scss',\n shadow: true,\n})\nexport class SixRoot {\n @Element() host!: HTMLSixRootElement;\n\n /** Defines whether the content section should be padded */\n // eslint-disable-next-line @stencil-community/ban-default-true\n @Prop() padded = true;\n\n /** Defines the stage of the application*/\n @Prop() stage: StageType = null;\n\n /** Defines the version of the application*/\n @Prop() version = '';\n\n render() {\n return (\n <host class=\"six-root\">\n <header part=\"header\">\n {this.stage && <six-stage-indicator stage={this.stage}>{this.version}</six-stage-indicator>}\n <slot name=\"header\" />\n </header>\n <nav class=\"six-root__left-sidebar\" part=\"left-sidebar\">\n <slot name=\"left-sidebar\" />\n </nav>\n <main part=\"main\">\n <div class={{ 'six-root__container': true, 'six-root__container--padded': this.padded }} part=\"container\">\n <slot name=\"main\" />\n </div>\n <div class=\"six-root__footer\">\n <slot name=\"footer\" />\n </div>\n </main>\n <nav class=\"six-root__right-sidebar\" part=\"right-sidebar\">\n <slot name=\"right-sidebar\" />\n </nav>\n </host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,mlB,MCmBNC,EAAO,MALpB,WAAAC,CAAAC,G,UAUUC,KAAMC,OAAG,KAGTD,KAAKE,MAAc,KAGnBF,KAAOG,QAAG,EA0BnB,CAxBC,MAAAC,GACE,OACEC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,YACVF,EAAQ,UAAAC,IAAA,2CAAAE,KAAK,UACVR,KAAKE,OAASG,EAAA,uBAAAC,IAAA,2CAAqBJ,MAAOF,KAAKE,OAAQF,KAAKG,SAC7DE,EAAA,QAAAC,IAAA,2CAAMG,KAAK,YAEbJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBAAyBC,KAAK,gBACvCH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,kBAEbJ,EAAM,QAAAC,IAAA,2CAAAE,KAAK,QACTH,EAAA,OAAAC,IAAA,2CAAKC,MAAO,CAAE,sBAAuB,KAAM,8BAA+BP,KAAKC,QAAUO,KAAK,aAC5FH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,UAEbJ,EAAK,OAAAC,IAAA,2CAAAC,MAAM,oBACTF,EAAA,QAAAC,IAAA,2CAAMG,KAAK,aAGfJ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,0BAA0BC,KAAK,iBACxCH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,mB","ignoreList":[]}

package/dist/ui-library/p-8d60c1fd.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as a,h as e}from"./p-D0Go1Zjj.js";const i=":host{position:relative;box-sizing:border-box}:host ,:host :before,:host :after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block;--size:2rem}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--size);height:var(--size);background-color:var(--six-avatar-background-color);font-family:var(--six-font-sans);font-size:calc(var(--size) 0.5);font-weight:var(--six-font-weight-normal);color:var(--six-avatar-color);overflow:hidden;user-select:none;vertical-align:middle;cursor:pointer;outline:none}.avatar:hover{box-shadow:var(--six-shadow-medium)}.avatar--circle{border-radius:var(--six-border-radius-circle)}.avatar--rounded{border-radius:var(--six-border-radius-medium)}.avatar--square{border-radius:0}.avatar__icon{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%}.avatar__initials{line-height:1;text-transform:uppercase}.avatar__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}";const t=class{constructor(e){a(this,e);this.hasError=false;this.image="";this.alt="";this.initials="";this.shape="circle";this.handleImageError=()=>{this.hasError=true}}render(){return e("div",{key:"1aaade211fdffbe4e64a03942be0f2dc045f2ba5",part:"base",class:{avatar:true,"avatar--circle":this.shape==="circle","avatar--rounded":this.shape==="rounded","avatar--square":this.shape==="square"},role:"image","aria-label":this.alt,tabIndex:0},this.initials===""&&e("div",{key:"08f51e38d5961efe8a1edd229b19173a76773fac",part:"icon",class:"avatar__icon"},e("slot",{key:"93a72971ee8e0e0cc700341520f456e8284b76e6",name:"icon"},e("six-icon",{key:"bc3fcbdde635da80270e3ea545b11113ee6512c1"},"person"))),this.initials&&e("div",{key:"0531c544e1400e170161de648afeb1a27ddcbfb6",part:"initials",class:"avatar__initials"},this.initials),this.image&&!this.hasError&&e("img",{key:"aae3851a20d505d4ee266828ac777a2518bdaf6e",part:"image",class:"avatar__image",src:this.image,onError:this.handleImageError}))}};t.style=i;export{t as six_avatar};
2	+ //# sourceMappingURL=p-8d60c1fd.entry.js.map

package/dist/ui-library/p-8d60c1fd.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sixAvatarCss","SixAvatar","constructor","hostRef","this","hasError","image","alt","initials","shape","handleImageError","render","h","key","part","class","avatar","role","tabIndex","name","src","onError"],"sources":["src/components/six-avatar/six-avatar.scss?tag=six-avatar&encapsulation=shadow","src/components/six-avatar/six-avatar.tsx"],"sourcesContent":["@import 'src/global/component';\n\n/**\n * @prop --size: The size of the avatar.\n */\n:host {\n display: inline-block;\n\n --size: 2rem;\n}\n\n.avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: var(--size);\n height: var(--size);\n background-color: var(--six-avatar-background-color);\n font-family: var(--six-font-sans);\n font-size: calc(var(--size) * 0.5);\n font-weight: var(--six-font-weight-normal);\n color: var(--six-avatar-color);\n overflow: hidden;\n user-select: none;\n vertical-align: middle;\n cursor: pointer;\n outline: none;\n\n &:hover {\n box-shadow: var(--six-shadow-medium);\n }\n}\n\n.avatar--circle {\n border-radius: var(--six-border-radius-circle);\n}\n\n.avatar--rounded {\n border-radius: var(--six-border-radius-medium);\n}\n\n.avatar--square {\n border-radius: 0;\n}\n\n.avatar__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.avatar__initials {\n line-height: 1;\n text-transform: uppercase;\n}\n\n.avatar__image {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n","import { Component, h, Prop, State } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot icon - The default icon to use when no image or initials are present.\n *\n * @part base - The component's base wrapper.\n * @part icon - The container that wraps the avatar icon.\n * @part initials - The container that wraps the avatar initials.\n * @part image - The avatar image.\n */\n@Component({\n tag: 'six-avatar',\n styleUrl: 'six-avatar.scss',\n shadow: true,\n})\nexport class SixAvatar {\n @State() hasError = false;\n\n /** The image source to use for the avatar. */\n @Prop() image = '';\n\n /** Alternative text for the image. */\n @Prop() alt = '';\n\n /** Initials to use as a fallback when no image is available (1-2 characters max recommended). */\n @Prop() initials = '';\n\n /** The shape of the avatar. */\n @Prop() shape: 'circle' | 'square' | 'rounded' = 'circle';\n\n private handleImageError = () => {\n this.hasError = true;\n };\n\n render() {\n return (\n <div\n part=\"base\"\n class={{\n avatar: true,\n 'avatar--circle': this.shape === 'circle',\n 'avatar--rounded': this.shape === 'rounded',\n 'avatar--square': this.shape === 'square',\n }}\n role=\"image\"\n aria-label={this.alt}\n tabIndex={0}\n >\n {this.initials === '' && (\n <div part=\"icon\" class=\"avatar__icon\">\n <slot name=\"icon\">\n <six-icon>person</six-icon>\n </slot>\n </div>\n )}\n\n {this.initials && (\n <div part=\"initials\" class=\"avatar__initials\">\n {this.initials}\n </div>\n )}\n\n {this.image && !this.hasError && (\n <img part=\"image\" class=\"avatar__image\" src={this.image} onError={this.handleImageError} />\n )}\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAe,snC,MCoBRC,EAAS,MALtB,WAAAC,CAAAC,G,UAMWC,KAAQC,SAAG,MAGZD,KAAKE,MAAG,GAGRF,KAAGG,IAAG,GAGNH,KAAQI,SAAG,GAGXJ,KAAKK,MAAoC,SAEzCL,KAAgBM,iBAAG,KACzBN,KAAKC,SAAW,IAAI,CAqCvB,CAlCC,MAAAM,GACE,OACEC,EACE,OAAAC,IAAA,2CAAAC,KAAK,OACLC,MAAO,CACLC,OAAQ,KACR,iBAAkBZ,KAAKK,QAAU,SACjC,kBAAmBL,KAAKK,QAAU,UAClC,iBAAkBL,KAAKK,QAAU,UAEnCQ,KAAK,QACO,aAAAb,KAAKG,IACjBW,SAAU,GAETd,KAAKI,WAAa,IACjBI,EAAK,OAAAC,IAAA,2CAAAC,KAAK,OAAOC,MAAM,gBACrBH,EAAM,QAAAC,IAAA,2CAAAM,KAAK,QACTP,EAA2B,YAAAC,IAAA,wDAKhCT,KAAKI,UACJI,EAAA,OAAAC,IAAA,2CAAKC,KAAK,WAAWC,MAAM,oBACxBX,KAAKI,UAITJ,KAAKE,QAAUF,KAAKC,UACnBO,EAAK,OAAAC,IAAA,2CAAAC,KAAK,QAAQC,MAAM,gBAAgBK,IAAKhB,KAAKE,MAAOe,QAASjB,KAAKM,mB","ignoreList":[]}

package/dist/ui-library/p-8fe7ecdd.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as s,h as e}from"./p-D0Go1Zjj.js";const o=":host{position:relative;box-sizing:border-box}:host ,:host :before,:host *:after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu-label{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);line-height:var(--six-line-height-normal);letter-spacing:var(--six-letter-spacing-normal);color:var(--six-input-label-color);padding:var(--six-spacing-xx-small) var(--six-spacing-small);user-select:none}";const i=class{constructor(e){s(this,e)}render(){return e("div",{key:"ac09a02af0b1d088f83877d5065b9b747032be77",part:"base",class:"menu-label"},e("slot",{key:"a4f45f90b223d3951bdb5a36b8667d67bcbf1fc7"}))}};i.style=o;export{i as six_menu_label};
2	+ //# sourceMappingURL=p-8fe7ecdd.entry.js.map

package/dist/ui-library/p-8fe7ecdd.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sixMenuLabelCss","SixMenuLabel","render","h","key","part","class"],"sources":["src/components/six-menu-label/six-menu-label.scss?tag=six-menu-label&encapsulation=shadow","src/components/six-menu-label/six-menu-label.tsx"],"sourcesContent":["@import 'src/global/component';\n\n:host {\n display: block;\n}\n\n.menu-label {\n font-family: var(--six-font-sans);\n font-size: var(--six-font-size-small);\n font-weight: var(--six-font-weight-normal);\n line-height: var(--six-line-height-normal);\n letter-spacing: var(--six-letter-spacing-normal);\n color: var(--six-input-label-color);\n padding: var(--six-spacing-xx-small) var(--six-spacing-small);\n user-select: none;\n}\n","import { Component, h } from '@stencil/core';\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The menu label's content.\n *\n * @part base - The component's base wrapper.\n */\n\n@Component({\n tag: 'six-menu-label',\n styleUrl: 'six-menu-label.scss',\n shadow: true,\n})\nexport class SixMenuLabel {\n render() {\n return (\n <div part=\"base\" class=\"menu-label\">\n <slot />\n </div>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,kkB,MCkBXC,EAAY,M,yBACvB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,KAAK,OAAOC,MAAM,cACrBH,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-9713ecff.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as o,c as t,h as r,g as e}from"./p-D0Go1Zjj.js";import{F as i}from"./p-IBmarOIS.js";import{h as a}from"./p-j3oIB5oT.js";import{E as s}from"./p-C4h4qpGl.js";const l=':host{position:relative;box-sizing:border-box}:host ,:host :before,:host :after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.form-control .form-control__label{display:none}.form-control .form-control__help-text{display:none}.form-control .form-control__error-text{display:none;text-align:left}.form-control--has-label .form-control__label{display:inline-block;color:var(--six-input-label-color);font-weight:var(--six-font-weight-bold);margin-bottom:var(--six-spacing-x-small)}.form-control--has-label .form-control__label__required::after{color:var(--six-color-danger-800);content:"";transform:scale(1.1);margin-left:var(--six-spacing-xxx-small);position:absolute}.form-control--has-label.form-control--small .form-control__label{font-size:var(--six-input-label-font-size-small)}.form-control--has-label.form-control--medium .form-control__label{font-size:var(--six-input-label-font-size-medium)}.form-control--has-label.form-control--large .form-control_label{font-size:var(--six-input-label-font-size-large)}.form-control--has-help-text .form-control__help-text{display:block;color:var(--six-input-help-text-color);margin-top:var(--six-spacing-x-small)}.form-control--has-help-text .form-control__help-text ::slotted(){margin-top:var(--six-spacing-xxx-small)}.form-control--has-help-text.form-control--small .form-control__help-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-help-text.form-control--medium .form-control__help-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-help-text.form-control--large .form-control__help-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--has-error-text .form-control__error-text{display:block;margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text .form-control__error-text ::slotted(){margin-top:var(--six-spacing-xxx-small)}.form-control--has-error-text.form-control--small .form-control__error-text{font-size:var(--six-input-help-text-font-size-small)}.form-control--has-error-text.form-control--medium .form-control__error-text{font-size:var(--six-input-help-text-font-size-medium)}.form-control--has-error-text.form-control--large .form-control__error-text{font-size:var(--six-input-help-text-font-size-large)}.form-control--disabled .form-control__help-text{color:var(--six-input-help-text-color-disabled)}.form-control--disabled .form-control__label{color:var(--six-input-label-color-disabled)}.form-control--invalid:not(.form-control--disabled) .form-control__label{color:var(--six-input-label-color)}:host{--thumb-size:14px;--tooltip-offset-y:10px;--track-color:var(--six-color-web-rock-900);--thumb-color:var(--six-color-web-rock-900);--track-height:3px;display:block}.range{position:relative}.range .range__control{-webkit-appearance:none;width:100%;height:var(--six-input-height-medium);background:transparent;line-height:var(--six-input-height-medium);vertical-align:middle}.range .range__control::-webkit-slider-runnable-track{width:100%;height:var(--track-height);border-radius:3px;border:none}.range .range__control::-webkit-slider-thumb{border:none;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);-webkit-appearance:none;margin-top:calc(var(--thumb-size) / -2 + var(--track-height) / 2);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-webkit-slider-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-webkit-slider-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-webkit-slider-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control::-moz-focus-outer{border:0}.range .range__control::-moz-range-track{width:100%;height:var(--track-height);background-color:var(--six-progress-track-color);border-radius:3px;border:none}.range .range__control::-moz-range-progress{height:var(--track-height);border-radius:3px;background-color:var(--track-color);border:none}.range .range__control::-moz-range-thumb{border:none;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;background-color:var(--thumb-color);transition:var(--six-transition-fast) border-color, var(--six-transition-fast) background-color, var(--six-transition-fast) color, var(--six-transition-fast) box-shadow, var(--six-transition-fast) transform;cursor:pointer}.range .range__control:not(:disabled)::-moz-range-thumb:hover{background-color:var(--thumb-color)}.range .range__control:not(:disabled):focus::-moz-range-thumb{background-color:var(--thumb-color)}.range .range__control:not(:disabled)::-moz-range-thumb:active{background-color:var(--thumb-color);cursor:grabbing}.range .range__control:focus{outline:none}.range .range__control:disabled::-webkit-slider-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range .range__control:disabled::-moz-range-thumb{cursor:not-allowed;color:var(--six-color-web-rock-300);border-color:var(--six-color-web-rock-300);background-color:var(--six-color-web-rock-300)}.range__tooltip{position:absolute;z-index:var(--six-z-index-tooltip);left:2px;border-radius:var(--six-border-radius-medium);background-color:var(--six-color-web-rock-900);font-family:var(--six-font-family);font-size:var(--six-tooltip-font-size);font-weight:var(--six-tooltip-font-weight);line-height:var(--six-tooltip-line-height);color:var(--six-color-white);opacity:0;padding:var(--six-spacing-xxx-small) var(--six-spacing-xx-small);transition:var(--six-transition-fast) opacity;pointer-events:none}.range__tooltip::after{content:"";position:absolute;width:0;height:0;left:50%;margin-left:calc(-1 * var(--six-tooltip-arrow-size))}.range--tooltip-visible .range__tooltip{opacity:1}.range--tooltip-top .range__tooltip{top:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-top .range__tooltip::after{border-top:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;top:100%}.range--tooltip-bottom .range__tooltip{bottom:calc(-1 * var(--thumb-size) - var(--tooltip-offset-y))}.range--tooltip-bottom .range__tooltip::after{border-bottom:var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);border-left:var(--six-tooltip-arrow-size) solid transparent;border-right:var(--six-tooltip-arrow-size) solid transparent;bottom:100%}';let n=0;const h=class{constructor(r){o(this,r);this.sixChange=t(this,"six-range-change");this.sixBlur=t(this,"six-range-blur");this.sixFocus=t(this,"six-range-focus");this.inputId=`input-${++n}`;this.labelId=`input-label-${n}`;this.helpTextId=`input-help-text-${n}`;this.errorTextId=`input-error-text-${n}`;this.eventListeners=new s;this.hasFocus=false;this.hasHelpTextSlot=false;this.hasErrorTextSlot=false;this.hasLabelSlot=false;this.hasTooltip=false;this.name="";this.value=0;this.required=false;this.helpText="";this.disabled=false;this.label="";this.errorText="";this.invalid=false;this.min=0;this.max=100;this.step=1;this.tooltip="top";this.tooltipFormatter=o=>o.toString();this.handleInput=()=>{if(this.nativeInput!=null){this.update(parseFloat(this.nativeInput.value))}requestAnimationFrame((()=>{this.sixChange.emit()}))};this.handleBlur=()=>{var o;this.hasFocus=false;this.hasTooltip=false;this.sixBlur.emit();if(this.nativeInput!=null){(o=this.resizeObserver)===null\|\|o===void 0?void 0:o.unobserve(this.nativeInput)}};this.handleFocus=()=>{var o;this.hasFocus=true;this.hasTooltip=true;this.sixFocus.emit();if(this.nativeInput!=null){(o=this.resizeObserver)===null\|\|o===void 0?void 0:o.observe(this.nativeInput)}};this.handleSlotChange=()=>{this.hasHelpTextSlot=a(this.host,"help-text");this.hasLabelSlot=a(this.host,"label");this.hasErrorTextSlot=a(this.host,"error-text")};this.handleTouchStart=()=>{this.setFocus()}}handleLabelChange(){this.handleSlotChange()}handleValueChange(){this.update()}connectedCallback(){var o;(o=this.host.shadowRoot)===null\|\|o===void 0?void 0:o.addEventListener("slotchange",this.handleSlotChange)}componentWillLoad(){this.update();this.handleSlotChange()}componentDidLoad(){const o=this.nativeInput;if(o==null){return}this.update();this.resizeObserver=new ResizeObserver((()=>this.update()))}disconnectedCallback(){var o;(o=this.host.shadowRoot)===null\|\|o===void 0?void 0:o.removeEventListener("slotchange",this.handleSlotChange);this.eventListeners.removeAll()}componentDidUpdate(){const{min:o,max:t}=this.getMinMax();this.syncTooltip(o,t,this.value)}getMinMax(){var o,t;const r=(o=Number(this.min))!==null&&o!==void 0?o:0;const e=(t=Number(this.max))!==null&&t!==void 0?t:0;return{min:r,max:e}}async setFocus(o){var t;(t=this.nativeInput)===null\|\|t===void 0?void 0:t.focus(o)}async removeFocus(){var o;(o=this.nativeInput)===null\|\|o===void 0?void 0:o.blur()}syncTooltip(o,t,r){if(this.tooltip!=="none"&&this.nativeInput!=null&&this.output!=null){const e=Math.max(0,(r-o)/(t-o));const i=this.nativeInput.offsetWidth;const a=this.output.offsetWidth;const s=getComputedStyle(this.nativeInput).getPropertyValue("--thumb-size");const l=`calc(${ie}px - calc(calc(${e} ${s}) - calc(${s} / 2)))`;this.output.style.transform=`translateX(${l})`;this.output.style.marginLeft=`-${a/2}px`}}isFirefox(){return navigator.userAgent.toLowerCase().indexOf("firefox")>-1}update(o){var t,r;if(o!=null){this.value=o}const e=(t=Number(this.min))!==null&&t!==void 0?t:0;const i=(r=Number(this.max))!==null&&r!==void 0?r:0;let a;const s=parseFloat(this.value);if(isNaN(s)){a=this.getDefaultValue(e,i)}else{a=s}if(this.nativeInput!=null){this.nativeInput.value=a.toString();this.value=parseFloat(this.nativeInput.value)}else{this.value=a}this.calculateColorRunnableTrack(e,i,this.value);this.syncTooltip(e,i,this.value)}getDefaultValue(o,t){return t<o?o:o+(t-o)/2}calculateColorRunnableTrack(o,t,r){if(!this.isFirefox()&&this.nativeInput!=null){const e=Math.ceil((r-o)/(t-o)*100);this.nativeInput.style.background="-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) "+e+"%, var(--six-color-web-rock-300) "+e+"%)"}}render(){return r(i,{key:"0f53d7ccd1af680cc40ec8de87960b243c33a3be",inputId:this.inputId,label:this.label,labelId:this.labelId,hasLabelSlot:this.hasLabelSlot,helpTextId:this.helpTextId,helpText:this.helpText,hasHelpTextSlot:this.hasHelpTextSlot,size:"medium",errorTextId:this.errorTextId,errorText:this.errorText,hasErrorTextSlot:this.hasErrorTextSlot,errorTextCount:this.errorTextCount,disabled:this.disabled,required:this.required,displayError:this.invalid},r("div",{key:"d51cc4d2afde55aed2941878912eb3f741c89cf1",part:"base",class:{range:true,"range--disabled":this.disabled,"range--focused":this.hasFocus,"range--tooltip-visible":this.hasTooltip,"range--tooltip-top":this.tooltip==="top","range--tooltip-bottom":this.tooltip==="bottom"},onTouchStart:this.handleTouchStart},r("input",{key:"bfa94717d2ad6e8b5e7b513aa49697b1232e0502",part:"input",ref:o=>this.nativeInput=o,type:"range",class:"range__control",name:this.name,disabled:this.disabled,min:this.min,max:this.max,step:this.step,value:this.value,onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur}),this.tooltip!=="none"&&r("output",{key:"4db780c67679a9e6d36ead8ae23e5ba6ead2a5ec",part:"tooltip",ref:o=>this.output=o,class:"range__tooltip"},this.tooltipFormatter(this.value))))}get host(){return e(this)}static get watchers(){return{label:["handleLabelChange"],errorText:["handleLabelChange"],helpText:["handleLabelChange"],value:["handleValueChange"],min:["handleValueChange"],max:["handleValueChange"]}}};h.style=l;export{h as six_range};
2	+ //# sourceMappingURL=p-9713ecff.entry.js.map

package/dist/ui-library/p-9713ecff.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sixRangeCss","id","SixRange","constructor","hostRef","this","inputId","labelId","helpTextId","errorTextId","eventListeners","EventListeners","hasFocus","hasHelpTextSlot","hasErrorTextSlot","hasLabelSlot","hasTooltip","name","value","required","helpText","disabled","label","errorText","invalid","min","max","step","tooltip","tooltipFormatter","toString","handleInput","nativeInput","update","parseFloat","requestAnimationFrame","sixChange","emit","handleBlur","sixBlur","_a","resizeObserver","unobserve","handleFocus","sixFocus","observe","handleSlotChange","hasSlot","host","handleTouchStart","setFocus","handleLabelChange","handleValueChange","connectedCallback","shadowRoot","addEventListener","componentWillLoad","componentDidLoad","ResizeObserver","disconnectedCallback","removeEventListener","removeAll","componentDidUpdate","getMinMax","syncTooltip","Number","_b","options","focus","removeFocus","blur","output","percent","Math","inputWidth","offsetWidth","tooltipWidth","thumbSize","getComputedStyle","getPropertyValue","x","style","transform","marginLeft","isFirefox","navigator","userAgent","toLowerCase","indexOf","updateValue","parsedValue","isNaN","getDefaultValue","calculateColorRunnableTrack","ceil","background","render","h","FormControl","key","size","errorTextCount","displayError","part","class","range","onTouchStart","ref","el","type","onInput","onFocus","onBlur"],"sources":["src/components/six-range/six-range.scss?tag=six-range&encapsulation=shadow","src/components/six-range/six-range.tsx"],"sourcesContent":["@import 'src/global/component';\n@import '../../functional-components/form-control/form-control';\n\n:host {\n --thumb-size: 14px;\n --tooltip-offset-y: 10px;\n --track-color: var(--six-color-web-rock-900);\n --thumb-color: var(--six-color-web-rock-900);\n --track-height: 3px;\n\n display: block;\n}\n\n.range {\n position: relative;\n\n .range__control {\n -webkit-appearance: none;\n width: 100%;\n height: var(--six-input-height-medium);\n background: transparent;\n line-height: var(--six-input-height-medium);\n vertical-align: middle;\n\n &::-webkit-slider-runnable-track {\n width: 100%;\n height: var(--track-height);\n border-radius: 3px;\n border: none;\n }\n\n &::-webkit-slider-thumb {\n border: none;\n width: var(--thumb-size);\n height: var(--thumb-size);\n border-radius: 50%;\n background-color: var(--thumb-color);\n -webkit-appearance: none;\n margin-top: calc(var(--thumb-size) / -2 + var(--track-height) / 2);\n transition:\n var(--six-transition-fast) border-color,\n var(--six-transition-fast) background-color,\n var(--six-transition-fast) color,\n var(--six-transition-fast) box-shadow,\n var(--six-transition-fast) transform;\n cursor: pointer;\n }\n\n &:not(:disabled)::-webkit-slider-thumb:hover {\n background-color: var(--thumb-color);\n }\n\n &:not(:disabled):focus::-webkit-slider-thumb {\n background-color: var(--thumb-color);\n }\n\n &:not(:disabled)::-webkit-slider-thumb:active {\n background-color: var(--thumb-color);\n cursor: grabbing;\n }\n\n // Firefox\n &::-moz-focus-outer {\n border: 0;\n }\n\n &::-moz-range-track {\n width: 100%;\n height: var(--track-height);\n background-color: var(--six-progress-track-color);\n border-radius: 3px;\n border: none;\n }\n\n &::-moz-range-progress {\n height: var(--track-height);\n border-radius: 3px;\n background-color: var(--track-color);\n border: none;\n }\n\n &::-moz-range-thumb {\n border: none;\n height: var(--thumb-size);\n width: var(--thumb-size);\n border-radius: 50%;\n background-color: var(--thumb-color);\n transition:\n var(--six-transition-fast) border-color,\n var(--six-transition-fast) background-color,\n var(--six-transition-fast) color,\n var(--six-transition-fast) box-shadow,\n var(--six-transition-fast) transform;\n cursor: pointer;\n }\n\n &:not(:disabled)::-moz-range-thumb:hover {\n background-color: var(--thumb-color);\n }\n\n &:not(:disabled):focus::-moz-range-thumb {\n background-color: var(--thumb-color);\n }\n\n &:not(:disabled)::-moz-range-thumb:active {\n background-color: var(--thumb-color);\n cursor: grabbing;\n }\n\n // States\n &:focus {\n outline: none;\n }\n\n &:disabled {\n &::-webkit-slider-thumb {\n cursor: not-allowed;\n color: var(--six-color-web-rock-300);\n border-color: var(--six-color-web-rock-300);\n background-color: var(--six-color-web-rock-300);\n }\n\n &::-moz-range-thumb {\n cursor: not-allowed;\n color: var(--six-color-web-rock-300);\n border-color: var(--six-color-web-rock-300);\n background-color: var(--six-color-web-rock-300);\n }\n }\n }\n}\n\n// Tooltip\n.range__tooltip {\n position: absolute;\n z-index: var(--six-z-index-tooltip);\n left: 2px;\n border-radius: var(--six-border-radius-medium);\n background-color: var(--six-color-web-rock-900);\n font-family: var(--six-font-family);\n font-size: var(--six-tooltip-font-size);\n font-weight: var(--six-tooltip-font-weight);\n line-height: var(--six-tooltip-line-height);\n color: var(--six-color-white);\n opacity: 0;\n padding: var(--six-spacing-xxx-small) var(--six-spacing-xx-small);\n transition: var(--six-transition-fast) opacity;\n pointer-events: none;\n\n &::after {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n left: 50%;\n margin-left: calc(-1 * var(--six-tooltip-arrow-size));\n }\n}\n\n.range--tooltip-visible .range__tooltip {\n opacity: 1;\n}\n\n// Tooltip on top\n.range--tooltip-top .range__tooltip {\n top: calc(-1 * var(--thumb-size) - var(--tooltip-offset-y));\n\n &::after {\n border-top: var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);\n border-left: var(--six-tooltip-arrow-size) solid transparent;\n border-right: var(--six-tooltip-arrow-size) solid transparent;\n top: 100%;\n }\n}\n\n// Tooltip on bottom\n.range--tooltip-bottom .range__tooltip {\n bottom: calc(-1 * var(--thumb-size) - var(--tooltip-offset-y));\n\n &::after {\n border-bottom: var(--six-tooltip-arrow-size) solid var(--six-color-web-rock-900);\n border-left: var(--six-tooltip-arrow-size) solid transparent;\n border-right: var(--six-tooltip-arrow-size) solid transparent;\n bottom: 100%;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport FormControl from '../../functional-components/form-control/form-control';\nimport { hasSlot } from '../../utils/slot';\nimport { EmptyPayload } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot label - The input's label. Alternatively, you can use the label prop.\n * @slot help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop.\n * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.\n *\n * @part base - The component's base wrapper.\n * @part input - The native range input.\n * @part tooltip - The range tooltip.\n */\n@Component({\n tag: 'six-range',\n styleUrl: 'six-range.scss',\n shadow: true,\n})\nexport class SixRange {\n private inputId = `input-${++id}`;\n private labelId = `input-label-${id}`;\n private helpTextId = `input-help-text-${id}`;\n private errorTextId = `input-error-text-${id}`;\n private eventListeners = new EventListeners();\n private resizeObserver?: ResizeObserver;\n\n private output?: HTMLElement;\n private nativeInput?: HTMLInputElement;\n\n @Element() host!: HTMLSixRangeElement;\n\n @State() hasFocus = false;\n @State() hasHelpTextSlot = false;\n @State() hasErrorTextSlot = false;\n @State() hasLabelSlot = false;\n @State() hasTooltip = false;\n\n /** The input's name attribute. */\n @Prop() name = '';\n\n /** The input's value attribute. */\n @Prop({ mutable: true }) value = 0;\n\n /** Set to true to show an asterisk beneath the label. */\n @Prop() required = false;\n\n /** The range's help text. Alternatively, you can use the help-text slot. */\n @Prop() helpText = '';\n\n /** Set to true to disable the input. */\n @Prop() disabled = false;\n\n /** The label text. */\n @Prop() label = '';\n\n /** The error message shown, if `invalid` is set to true. */\n @Prop() errorText: string | string[] = '';\n\n /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */\n @Prop() errorTextCount?: number;\n\n /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed. */\n @Prop({ reflect: true }) invalid = false;\n\n /** The input's min attribute. */\n @Prop() min = 0;\n\n /** The input's max attribute. */\n @Prop() max = 100;\n\n /** The input's step attribute. */\n @Prop() step = 1;\n\n /** The preferred placedment of the tooltip. */\n @Prop() tooltip: 'top' | 'bottom' | 'none' = 'top';\n\n /** A function used to format the tooltip's value. */\n @Prop() tooltipFormatter = (value: number) => value.toString();\n\n /** Emitted when the control's value changes. */\n @Event({ eventName: 'six-range-change' }) sixChange!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control loses focus. */\n @Event({ eventName: 'six-range-blur' }) sixBlur!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the control gains focus. */\n @Event({ eventName: 'six-range-focus' }) sixFocus!: EventEmitter<EmptyPayload>;\n\n @Watch('label')\n @Watch('errorText')\n @Watch('helpText')\n handleLabelChange() {\n this.handleSlotChange();\n }\n\n @Watch('value')\n @Watch('min')\n @Watch('max')\n handleValueChange() {\n this.update();\n }\n\n connectedCallback() {\n this.host.shadowRoot?.addEventListener('slotchange', this.handleSlotChange);\n }\n\n componentWillLoad() {\n this.update();\n this.handleSlotChange();\n }\n\n componentDidLoad() {\n const nativeInput = this.nativeInput;\n if (nativeInput == null) {\n return;\n }\n this.update();\n this.resizeObserver = new ResizeObserver(() => this.update());\n }\n\n disconnectedCallback() {\n this.host.shadowRoot?.removeEventListener('slotchange', this.handleSlotChange);\n this.eventListeners.removeAll();\n }\n\n componentDidUpdate() {\n const { min, max } = this.getMinMax();\n this.syncTooltip(min, max, this.value);\n }\n\n private getMinMax() {\n const min = Number(this.min) ?? 0;\n const max = Number(this.max) ?? 0;\n return { min, max };\n }\n\n /** Sets focus on the input. */\n @Method()\n async setFocus(options?: FocusOptions) {\n this.nativeInput?.focus(options);\n }\n\n /** Removes focus from the input. */\n @Method()\n async removeFocus() {\n this.nativeInput?.blur();\n }\n\n private handleInput = () => {\n if (this.nativeInput != null) {\n this.update(parseFloat(this.nativeInput.value));\n }\n requestAnimationFrame(() => {\n this.sixChange.emit();\n });\n };\n\n private handleBlur = () => {\n this.hasFocus = false;\n this.hasTooltip = false;\n this.sixBlur.emit();\n if (this.nativeInput != null) {\n this.resizeObserver?.unobserve(this.nativeInput);\n }\n };\n\n private handleFocus = () => {\n this.hasFocus = true;\n this.hasTooltip = true;\n this.sixFocus.emit();\n if (this.nativeInput != null) {\n this.resizeObserver?.observe(this.nativeInput);\n }\n };\n\n private handleSlotChange = () => {\n this.hasHelpTextSlot = hasSlot(this.host, 'help-text');\n this.hasLabelSlot = hasSlot(this.host, 'label');\n this.hasErrorTextSlot = hasSlot(this.host, 'error-text');\n };\n\n private handleTouchStart = () => {\n this.setFocus();\n };\n\n private syncTooltip(min: number, max: number, value: number) {\n if (this.tooltip !== 'none' && this.nativeInput != null && this.output != null) {\n const percent = Math.max(0, (value - min) / (max - min));\n const inputWidth = this.nativeInput.offsetWidth;\n const tooltipWidth = this.output.offsetWidth;\n const thumbSize = getComputedStyle(this.nativeInput).getPropertyValue('--thumb-size');\n const x = `calc(${inputWidth * percent}px - calc(calc(${percent} * ${thumbSize}) - calc(${thumbSize} / 2)))`;\n this.output.style.transform = `translateX(${x})`;\n this.output.style.marginLeft = `-${tooltipWidth / 2}px`;\n }\n }\n\n private isFirefox() {\n return navigator.userAgent.toLowerCase().indexOf('firefox') > -1;\n }\n\n private update(updateValue?: number) {\n if (updateValue != null) {\n this.value = updateValue;\n }\n\n const min = Number(this.min) ?? 0;\n const max = Number(this.max) ?? 0;\n let value;\n const parsedValue = parseFloat(this.value as never);\n if (isNaN(parsedValue)) {\n value = this.getDefaultValue(min, max);\n } else {\n value = parsedValue;\n }\n\n if (this.nativeInput != null) {\n // The value may have constraints, so we set the native control's\n // value and sync it back to ensure it adheres to min, max, and step\n // properly.\n this.nativeInput.value = value.toString();\n this.value = parseFloat(this.nativeInput.value);\n } else {\n this.value = value;\n }\n this.calculateColorRunnableTrack(min, max, this.value);\n this.syncTooltip(min, max, this.value);\n }\n\n /**\n * from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value\n */\n private getDefaultValue(min: number, max: number): number {\n return max < min ? min : min + (max - min) / 2;\n }\n\n /**\n * For Firefox this functionality is not needed because it is supported by standard CSS.\n */\n private calculateColorRunnableTrack(min: number, max: number, value: number) {\n if (!this.isFirefox() && this.nativeInput != null) {\n const percent = Math.ceil(((value - min) / (max - min)) * 100);\n this.nativeInput.style.background =\n '-webkit-linear-gradient(left, var(--track-color) 0%, var(--track-color) ' +\n percent +\n '%, var(--six-color-web-rock-300) ' +\n percent +\n '%)';\n }\n }\n\n render() {\n return (\n <FormControl\n inputId={this.inputId}\n label={this.label}\n labelId={this.labelId}\n hasLabelSlot={this.hasLabelSlot}\n helpTextId={this.helpTextId}\n helpText={this.helpText}\n hasHelpTextSlot={this.hasHelpTextSlot}\n size=\"medium\"\n errorTextId={this.errorTextId}\n errorText={this.errorText}\n hasErrorTextSlot={this.hasErrorTextSlot}\n errorTextCount={this.errorTextCount}\n disabled={this.disabled}\n required={this.required}\n displayError={this.invalid}\n >\n <div\n part=\"base\"\n class={{\n range: true,\n\n // States\n 'range--disabled': this.disabled,\n 'range--focused': this.hasFocus,\n 'range--tooltip-visible': this.hasTooltip,\n 'range--tooltip-top': this.tooltip === 'top',\n 'range--tooltip-bottom': this.tooltip === 'bottom',\n }}\n onTouchStart={this.handleTouchStart}\n >\n <input\n part=\"input\"\n ref={(el) => (this.nativeInput = el)}\n type=\"range\"\n class=\"range__control\"\n name={this.name}\n disabled={this.disabled}\n min={this.min}\n max={this.max}\n step={this.step}\n value={this.value}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n />\n {this.tooltip !== 'none' && (\n <output part=\"tooltip\" ref={(el) => (this.output = el)} class=\"range__tooltip\">\n {this.tooltipFormatter(this.value)}\n </output>\n )}\n </div>\n </FormControl>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-9f0ed997.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,h as s}from"./p-D0Go1Zjj.js";const e=":host{display:block}six-button::part(base){border:none;padding-right:0}six-button[disabled]::part(base){color:var(--six-color-web-rock-600);background-color:transparent}six-button::part(label){border:none;font-weight:var(--six-font-weight-bold);font-size:var(--six-font-size-small);padding-left:0}six-button:focus::part(base),six-button:hover::part(base),six-button:active::part(base){background-color:initial;border-color:initial}six-button:hover::part(base),six-button:active::part(base){color:var(--six-header-selected-app-color-hover)}";const a=class{constructor(s){t(this,s);this.caret=false;this.disabled=false;this.loading=false;this.submit=false;this.reset=false}render(){return s("six-button",{key:"f24f383b4bfab7416a6da813c08fe42905560d32",type:"secondary",caret:this.caret,disabled:this.disabled,loading:this.loading,submit:this.submit,reset:this.reset},s("slot",{key:"0c5dff4023b79b26d0e7c8d79adb78223d4df61c",name:"suffix",slot:"suffix"}),s("slot",{key:"cdf0bf1a34a284066e288c1b138afcedb02c7e4a",name:"prefix",slot:"prefix"}),s("slot",{key:"c5e704b918a9e2395a61f40fdbf3ac74da97285f"}))}};a.style=e;export{a as six_header_menu_button};
2	+ //# sourceMappingURL=p-9f0ed997.entry.js.map

package/dist/ui-library/p-9f0ed997.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["sixHeaderMenuButtonCss","SixHeaderMenuButton","constructor","hostRef","this","caret","disabled","loading","submit","reset","render","h","key","type","name","slot"],"sources":["src/components/six-header-menu-button/six-header-menu-button.scss?tag=six-header-menu-button&encapsulation=shadow","src/components/six-header-menu-button/six-header-menu-button.tsx"],"sourcesContent":[":host {\n display: block;\n}\n\nsix-button::part(base) {\n border: none;\n padding-right: 0;\n}\n\nsix-button[disabled]::part(base) {\n color: var(--six-color-web-rock-600);\n background-color: transparent;\n}\n\nsix-button::part(label) {\n border: none;\n font-weight: var(--six-font-weight-bold);\n font-size: var(--six-font-size-small);\n padding-left: 0;\n}\n\nsix-button:focus::part(base),\nsix-button:hover::part(base),\nsix-button:active::part(base) {\n background-color: initial;\n border-color: initial;\n}\n\nsix-button:hover::part(base),\nsix-button:active::part(base) {\n color: var(--six-header-selected-app-color-hover);\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n/**\n * @since 4.2.7\n * @status stable\n */\n\n@Component({\n tag: 'six-header-menu-button',\n styleUrl: 'six-header-menu-button.scss',\n shadow: true,\n})\nexport class SixHeaderMenuButton {\n /** Set to true to draw the button with a caret for use with dropdowns, popovers, etc. */\n @Prop() caret = false;\n\n /** Set to true to disable the button. */\n @Prop({ reflect: true }) disabled = false;\n\n /** Set to true to draw the button in a loading state. */\n @Prop({ reflect: true }) loading = false;\n\n /** Indicates if activating the button should submit the form. Ignored when `href` is set. */\n @Prop({ reflect: true }) submit = false;\n\n /** Indicates if activating the button should reset the form. */\n @Prop({ reflect: true }) reset = false;\n\n render() {\n return (\n <six-button\n type=\"secondary\"\n caret={this.caret}\n disabled={this.disabled}\n loading={this.loading}\n submit={this.submit}\n reset={this.reset}\n >\n <slot name=\"suffix\" slot=\"suffix\"></slot>\n <slot name=\"prefix\" slot=\"prefix\"></slot>\n <slot />\n </six-button>\n );\n }\n}\n"],"mappings":"2CAAA,MAAMA,EAAyB,8hB,MCYlBC,EAAmB,MALhC,WAAAC,CAAAC,G,UAOUC,KAAKC,MAAG,MAGSD,KAAQE,SAAG,MAGXF,KAAOG,QAAG,MAGVH,KAAMI,OAAG,MAGTJ,KAAKK,MAAG,KAkBlC,CAhBC,MAAAC,GACE,OACEC,EAAA,cAAAC,IAAA,2CACEC,KAAK,YACLR,MAAOD,KAAKC,MACZC,SAAUF,KAAKE,SACfC,QAASH,KAAKG,QACdC,OAAQJ,KAAKI,OACbC,MAAOL,KAAKK,OAEZE,EAAA,QAAAC,IAAA,2CAAME,KAAK,SAASC,KAAK,WACzBJ,EAAA,QAAAC,IAAA,2CAAME,KAAK,SAASC,KAAK,WACzBJ,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/ui-library/p-9f55534a.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r as t,c as i,h as s,g as e}from"./p-D0Go1Zjj.js";import{P as n}from"./p-kHci8ddv.js";import{E as o}from"./p-C4h4qpGl.js";import{d as r,D as h}from"./p-ltzGzaAu.js";import{a as l}from"./p-j3oIB5oT.js";function a(t){const i=t.tabIndex;return i>-1}function d(t){if(a(t)){return t}if(t.shadowRoot!=null){const i=[...t.shadowRoot.children].find((t=>a(t)));if(i!=null){return i}}if(t.children!=null){return[...t.children].map((t=>d(t))).at(0)}return undefined}const u=":host{position:relative;box-sizing:border-box}:host ,:host :before,:host :after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:inline-block}.dropdown{position:relative}.dropdown__trigger{display:block}.dropdown__positioner{position:absolute;z-index:var(--six-z-index-dropdown)}.dropdown__positioner__filtered{width:100%}.dropdown__panel{font-family:var(--six-font-sans);font-size:var(--six-font-size-small);font-weight:var(--six-font-weight-normal);color:var(--color);background-color:var(--six-panel-background-color);border-radius:var(--six-border-radius-medium);border:1px solid var(--six-color-web-rock-300);box-shadow:var(--six-shadow-small);opacity:0;pointer-events:none;transform:scale(0.9);transition:var(--six-transition-fast) opacity, var(--six-transition-fast) transform;max-width:90vw}.dropdown__panel__scroll{max-height:18.75rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none}.dropdown__panel__scroll--virtual{overflow-y:hidden;overflow-x:hidden}.filter-hidden{display:none}.dropdown__positioner[data-popper-placement^=top] .dropdown__panel{transform-origin:bottom}.dropdown__positioner[data-popper-placement^=bottom] .dropdown__panel{transform-origin:top}.dropdown__positioner[data-popper-placement^=left] .dropdown__panel{transform-origin:right}.dropdown__positioner[data-popper-placement^=right] .dropdown__panel{transform-origin:left}.dropdown__positioner.popover-visible .dropdown__panel{opacity:1;transform:none;pointer-events:all}.filter{border-bottom:1px solid var(--six-color-web-rock-300)}.filter__icon{color:var(--six-color-web-rock-600)}";let c=0;const f=class{constructor(e){t(this,e);this.sixShow=i(this,"six-dropdown-show");this.sixAfterShow=i(this,"six-dropdown-after-show");this.sixHide=i(this,"six-dropdown-hide");this.sixAfterHide=i(this,"six-dropdown-after-hide");this.sixAutoFilter=i(this,"six-dropdown-auto-filter-fired");this.sixAsyncFilterFired=i(this,"six-async-filter-fired");this.sixScroll=i(this,"six-dropdown-scroll");this.componentId=`dropdown-${++c}`;this.isVisible=false;this.resizeObserver=new ResizeObserver(r((()=>this.updatePanelPosition()),100));this.open=false;this.placement="bottom-start";this.closeOnSelect=true;this.distance=4;this.skidding=0;this.hoist=false;this.filter=false;this.asyncFilter=false;this.filterPlaceholder="Filter...";this.autofocusFilter=true;this.filterDebounce=0;this.disableHideOnEnterAndSpace=false;this.options=[];this.virtualScroll=false;this.matchTriggerWidth=false;this.eventListeners=new o;this.renderedOptions=[];this.getMenuItems=()=>{var t,i,e,n;if(this.options.length>0){return{sixMenuItems:this.renderedOptions.map((t=>s("six-menu-item",{value:t.value},t.label))),selectionContainerItems:[]}}if(this.panel==null)return{sixMenuItems:[],selectionContainerItems:[]};const o=(t=this.panelSlot)===null\|\|t===void 0?void 0:t.assignedElements({flatten:true}).filter(m).at(0);const r=(i=this.panelSlot)===null\|\|i===void 0?void 0:i.assignedElements({flatten:true}).filter(p).at(0);const h=(o===null\|\|o===void 0?void 0:o.querySelectorAll("six-menu-item"))\|\|[];let l=((e=r===null\|\|r===void 0?void 0:r.querySelector("slot"))===null\|\|e===void 0?void 0:e.assignedElements().filter((t=>v(t))))\|\|[];if(l.length===0){l=Array.from(((n=r===null\|\|r===void 0?void 0:r.shadowRoot)===null\|\|n===void 0?void 0:n.querySelectorAll("six-menu-item"))\|\|[])}if(h.length>0\|\|l.length>0){return{sixMenuItems:l,selectionContainerItems:[...h]}}else{return{sixMenuItems:r?Array.from(r.querySelectorAll("six-menu-item")):[],selectionContainerItems:[]}}};this.handleDocumentKeyDown=t=>{var i;const s=t;if(s.key==="Escape"){void this.hide();this.focusOnTrigger();return}if(this.filterInputElement===((i=this.host.shadowRoot)===null\|\|i===void 0?void 0:i.activeElement)){if(s.key==="ArrowDown"){const{sixMenuItems:t,selectionContainerItems:i}=this.getMenuItems();const s=[...i,...t].find((t=>t.style.display!=="none"));if(s!=null){s.setFocus()}}}if(s.key==="Tab"){if(this.open&&document.activeElement!=null&&v(document.activeElement)){s.preventDefault();void this.hide();this.focusOnTrigger();return}setTimeout((()=>{var t,i;const s=this.container.getRootNode()instanceof ShadowRoot?(i=(t=document.activeElement)===null\|\|t===void 0?void 0:t.shadowRoot)===null\|\|i===void 0?void 0:i.activeElement:document.activeElement;if((s===null\|\|s===void 0?void 0:s.closest(this.container.tagName.toLowerCase()))!==this.container){void this.hide();return}}))}};this.handleDocumentMouseDown=t=>{const i=t.composedPath();if(!i.includes(this.container)){void this.hide();return}};this.handlePanelSelect=t=>{const i=t.target;if(this.closeOnSelect&&p(i)){void this.hide();this.focusOnTrigger()}};this.handleTriggerClick=()=>{this.open?this.hide():this.show()};this.handleTriggerKeyDown=t=>{if(t.key==="Escape"){this.focusOnTrigger();void this.hide();return}if(!this.disableHideOnEnterAndSpace&&[" ","Enter"].includes(t.key)){t.preventDefault();this.open?void this.hide():void this.show();return}const i=this.getMenu();if(["ArrowDown","ArrowUp"].includes(t.key)){t.preventDefault();if(!this.open){void this.show()}if(i==null){return}const s=[...i.querySelectorAll("six-menu-item")];const e=s.at(0);const n=s.at(s.length-1);if(t.key==="ArrowDown"&&e!=null){e.setFocus();return}if(t.key==="ArrowUp"&&n!=null){n.setFocus();return}}const s=["Tab","Shift","Meta","Ctrl","Alt"];if(this.open&&i!=null&&!s.includes(t.key)){void i.typeToSelect(t.key);return}};this.handleTriggerKeyUp=t=>{if(t.key===" "){t.preventDefault()}};this.handleTriggerSlotChange=()=>{this.updateAccessibleTrigger()};this.handleDropdownScroll=()=>{if(this.scrollPanel==null)return;this.sixScroll.emit({scrollHeight:this.scrollPanel.scrollHeight,scrollTop:this.scrollPanel.scrollTop,scrollbarHeight:this.scrollPanel.offsetHeight(this.scrollPanel.offsetHeight/this.scrollPanel.scrollHeight),scrollRatio:this.scrollPanel.scrollTop/(this.scrollPanel.scrollHeight-this.scrollPanel.clientHeight)})}}get filterEnabled(){return this.filter\|\|this.asyncFilter}get container(){return this.containingElement\|\|this.host}handleOpenChange(){this.open?this.show():this.hide();this.updateAccessibleTrigger()}handlePopoverOptionsChange(){if(this.popoverHelper==null)return;this.popoverHelper.setOptions({strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding})}handleOptionsChange(){this.validateOptions()}validateOptions(){if(!Array.isArray(this.options)){this.options=[]}if(this.virtualScroll&&this.options.length===0){console.error("Options must be defined when using virtual scrolling")}this.renderedOptions=[...this.options]}componentWillLoad(){this.validateOptions();if(this.asyncFilter){this.filterDebounce=h}}componentDidLoad(){this.init();if(this.open){void this.show()}}connectedCallback(){this.init()}init(){this.initPopover();const t=this.filterInputElement;if(t!=null){this.eventListeners.add(t,"six-input-input",r((()=>{var i;const s=(i=t.value)!==null&&i!==void 0?i:"";if(this.filter){this.applyFilter(s)}this.emitFilterEvents(s)}),this.filterDebounce))}}applyFilter(t){var i;const s=((i=t.toLowerCase())===null\|\|i===void 0?void 0:i.trim())\|\|"";if(this.options.length>0){this.renderedOptions=this.options.filter((t=>{var i,e,n,o;return t.label&&((e=(i=String(t.label))===null\|\|i===void 0?void 0:i.toLowerCase())===null\|\|e===void 0?void 0:e.includes(s))\|\|t.value&&((o=(n=String(t.value))===null\|\|n===void 0?void 0:n.toLowerCase())===null\|\|o===void 0?void 0:o.includes(s))}))}else{const{selectionContainerItems:t,sixMenuItems:i}=this.getMenuItems();const e=t.map((t=>t.value));t.forEach((async t=>{t.style.display=await w(t,s)?"unset":"none"}));i.forEach((async t=>{t.style.display=await w(t,s)&&!e.includes(t.value)?"unset":"none"}))}}resetFilter(){if(this.filterInputElement!=null){this.filterInputElement.value="";this.emitFilterEvents("")}if(this.options.length>0){this.renderedOptions=[...this.options]}else{const{selectionContainerItems:t,sixMenuItems:i}=this.getMenuItems();[...t,...i].forEach((t=>t.style.display="unset"))}}emitFilterEvents(t){if(this.filter){this.sixAutoFilter.emit({filterValue:t})}else if(this.asyncFilter){this.sixAsyncFilterFired.emit({filterValue:t})}}initPopover(){if(this.trigger==null\|\|this.positioner==null)return;this.popoverHelper=new n(this.trigger,this.positioner,{strategy:this.hoist?"fixed":"absolute",placement:this.placement,distance:this.distance,skidding:this.skidding,transitionElement:this.panel,onAfterHide:()=>{if(this.filterEnabled){this.resetFilter()}this.sixAfterHide.emit()},onAfterShow:async()=>{this.sixAfterShow.emit()},onTransitionEnd:()=>{if(!this.open&&this.scrollPanel!=null){this.scrollPanel.scrollTop=0}}})}disconnectedCallback(){var t;this.resizeObserver.disconnect();this.eventListeners.removeAll();void this.hide();(t=this.popoverHelper)===null\|\|t===void 0?void 0:t.destroy();this.popoverHelper=undefined}async show(){if(this.isVisible\|\|this.popoverHelper==null\|\|this.panel==null){return}const t=this.sixShow.emit();if(t.defaultPrevented){this.open=false;return}this.eventListeners.add(this.panel,"six-menu-item-selected",this.handlePanelSelect);this.eventListeners.add(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.add(document,"mousedown",this.handleDocumentMouseDown);this.isVisible=true;this.open=true;if(this.trigger!=null){this.resizeObserver.observe(this.trigger)}this.updatePanelPosition();this.popoverHelper.show();if(this.filterEnabled&&this.autofocusFilter){requestAnimationFrame((()=>{var t;(t=this.filterInputElement)===null\|\|t===void 0?void 0:t.setFocus()}))}}updatePanelPosition(){if(!this.open){return}if(this.matchTriggerWidth&&this.trigger!=null&&this.panel!=null){const t=this.trigger.getBoundingClientRect().width;this.panel.style.minWidth=`${t}px`}if(this.popoverHelper!=null){this.popoverHelper.reposition()}}async hide(){this.resizeObserver.disconnect();if(!this.isVisible\|\|this.panel==null\|\|this.popoverHelper==null){return}const t=this.sixHide.emit();if(t.defaultPrevented){this.open=true;return}this.eventListeners.remove(this.panel,"six-menu-item-selected",this.handlePanelSelect);this.eventListeners.remove(document,"keydown",this.handleDocumentKeyDown);this.eventListeners.remove(document,"mousedown",this.handleDocumentMouseDown);this.isVisible=false;this.open=false;this.popoverHelper.hide()}focusOnTrigger(){var t;if(this.trigger==null)return;const i=(t=this.triggerSlot)===null\|\|t===void 0?void 0:t.assignedElements({flatten:true}).at(0);if(i!=null){if(typeof i.setFocus==="function"){i.setFocus()}else if(typeof i.focus==="function"){i.focus()}}}getMenu(){var t;return(t=this.panelSlot)===null\|\|t===void 0?void 0:t.assignedElements({flatten:true}).filter(p).at(0)}updateAccessibleTrigger(){var t;if(this.trigger==null)return;const i=((t=this.triggerSlot)===null\|\|t===void 0?void 0:t.assignedElements({flatten:true}))\|\|[];const s=i.map(d).at(0);if(s!=null){s.setAttribute("aria-haspopup","true");s.setAttribute("aria-expanded",this.open?"true":"false")}}render(){return s("div",{key:"04210ff1a4689e32c72f73ee76a94cbe9867b0de",part:"base",id:this.componentId,class:{dropdown:true,"dropdown--open":this.open}},s("span",{key:"9eb3c0e703b08734e9458b25021c0844d255ec6e",part:"trigger",class:"dropdown__trigger",ref:t=>this.trigger=t,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown,onKeyUp:this.handleTriggerKeyUp},s("slot",{key:"5cec1b43f07f830dfdebb3a71eb56f3233a539c4",name:"trigger",ref:t=>this.triggerSlot=t,onSlotchange:this.handleTriggerSlotChange})),s("div",{key:"8761367cfff9b66fdd4a7733f1c59440a507178b",ref:t=>this.positioner=t,class:{dropdown__positioner:true,dropdown__positioner__filtered:(this.filter\|\|this.asyncFilter)&&!this.hoist}},s("div",{key:"2ab6c7166cea3892e429db21f3b56e7a81e94735",ref:t=>this.panel=t,part:"panel",class:"dropdown__panel",role:"menu","aria-hidden":this.open?"false":"true","aria-labelledby":this.componentId},this.filterEnabled&&s("six-input",{key:"f7425daad22c1a756dfda4ecefa6293ac5cdcca5",class:{filter:true,"filter-hidden":!this.open},"dropdown-search":true,"aria-hidden":this.open?"false":"true",ref:t=>this.filterInputElement=t,placeholder:this.filterPlaceholder},s("six-icon",{key:"6416f4e28bc437c18b1cff0e0a9eaa54c9aba3d5",class:"filter__icon",slot:"suffix",size:"small"},"search")),s("div",{key:"479140f2107baad72960b415bd69d9ac80bb6f64",class:{dropdown__panel__scroll:true,"dropdown__panel__scroll--virtual":this.virtualScroll},onScroll:this.handleDropdownScroll,ref:t=>this.scrollPanel=t},s("slot",{key:"539cda534eb5ef042526b66487bec3d22c89fdd7",ref:t=>this.panelSlot=t}),this.options.length>0&&s("six-menu",{key:"6294182636491e13514380d9516f904f8a9b2204",part:"menu",items:this.renderedOptions,virtualScroll:this.virtualScroll})),s("slot",{key:"9029f9f9a69d2b6fd19b36755ab9771181a7d1c6",name:"dropdown-footer"}))))}get host(){return e(this)}static get watchers(){return{open:["handleOpenChange"],distance:["handlePopoverOptionsChange"],hoist:["handlePopoverOptionsChange"],placement:["handlePopoverOptionsChange"],skidding:["handlePopoverOptionsChange"],options:["handleOptionsChange"],virtualScroll:["handleOptionsChange"]}}};function p(t){return(t===null\|\|t===void 0?void 0:t.tagName.toLowerCase())==="six-menu"}function v(t){return(t===null\|\|t===void 0?void 0:t.tagName.toLowerCase())==="six-menu-item"}function m(t){var i;return((i=t===null\|\|t===void 0?void 0:t.getAttribute("class"))===null\|\|i===void 0?void 0:i.includes("selection-container"))\|\|false}async function w(t,i){return t.value.toLowerCase().includes(i)\|\|(await t.getTextLabel()).toLowerCase().includes(i)}f.style=u;const b=":host{position:relative;box-sizing:border-box}:host ,:host :before,:host :after{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}:host{display:block}.menu{padding:var(--six-spacing-xx-small) 0;border:none;box-shadow:var(--six-shadow-small);overflow-y:auto;overflow-x:hidden}.menu:focus{outline:none}.no-shadow{box-shadow:none}";const x=t=>{var i,s,e;return(e=(s=(i=t===null\|\|t===void 0?void 0:t.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector(".menu-item"))===null\|\|s===void 0?void 0:s.classList)===null\|\|e===void 0?void 0:e.contains("menu-item--focused")};const g=t=>(t===null\|\|t===void 0?void 0:t.tagName.toLowerCase())==="six-menu-item";const y=({value:t,label:i})=>s("six-menu-item",{key:t,value:t},i);const _=5;const k=48;const C=64;const I=class{constructor(s){t(this,s);this.sixMenuItemSelected=i(this,"six-menu-item-selected");this.eventListeners=new o;this.typeToSelectString="";this.removeBoxShadow=false;this.items=null;this.virtualScroll=false;this.itemSize=10;this.scrollingDebounce=15;this.disableKeyboardHandling=false;this.scrollingIndex=0;this.sixMenuItemHeight=this.virtualScroll?k:C;this.handleScrolling=()=>{if(this.menuWrapper==null)return;this.scrollingIndex=Math.floor(this.menuWrapper.scrollTop/this.sixMenuItemHeight)}}connectedCallback(){this.handleClick=this.handleClick.bind(this);this.handleKeyDown=this.handleKeyDown.bind(this)}componentWillLoad(){if(this.items===null){return}}componentDidLoad(){this.setupForVirtualScrollingAfterRendering()}disconnectedCallback(){this.eventListeners.removeAll()}async typeToSelect(t){var i;clearTimeout(this.typeToSelectTimeout);this.typeToSelectTimeout=setTimeout((()=>this.typeToSelectString=""),750);this.typeToSelectString+=t.toLowerCase();const s=this.getItems();for(const t of s){const s=(i=t.shadowRoot)===null\|\|i===void 0?void 0:i.querySelector("slot:not([name])");const e=l(s).toLowerCase().trim();if(e.substring(0,this.typeToSelectString.length)===this.typeToSelectString){t.setFocus();break}}}getItemsShown(){var t;const i=this.virtualScroll?_:0;if(this.items&&this.items.length===1){return 0}return(t=this.itemsShown)!==null&&t!==void 0?t:i}setupForVirtualScrollingAfterRendering(){var t,i;if(!this.virtualScroll\|\|this.menuWrapper==null)return;this.eventListeners.add(this.menuWrapper,"scroll",r(this.handleScrolling,this.scrollingDebounce));const s=(i=(t=this.menu)===null\|\|t===void 0?void 0:t.querySelector("six-menu-item"))===null\|\|i===void 0?void 0:i.clientHeight;if(s!=null&&s>0){this.sixMenuItemHeight=s}}getItems(){if(this.menu==null)return[];if(this.items!=null){return this.items.map(y)}const t=this.menu.querySelector("slot");if(t==null)return[];return[...t.assignedElements({flatten:true})].filter((t=>g(t)&&!t.disabled))}getActiveItemIndex(){const t=this.getItems();const i=this.getActiveItem();if(i!=null){const s=t.indexOf(i);if(s>-1){return s}}const s=this.extractItemsFromDOM();return s.findIndex(x)}getActiveItem(){var t;const i=this.getItems().find((t=>t===document.activeElement));if(i!=null){return i}return(t=this.extractItemsFromDOM())===null\|\|t===void 0?void 0:t.find(x)}extractItemsFromDOM(){var t,i;return Array.from((i=(t=this.host.shadowRoot)===null\|\|t===void 0?void 0:t.querySelectorAll("six-menu-item"))!==null&&i!==void 0?i:[])}setActiveItem(t){t===null\|\|t===void 0?void 0:t.setFocus()}handleClick(t){const i=t.target;const s=i.closest("six-menu-item");if(s&&!s.disabled){this.sixMenuItemSelected.emit({name:s.value,item:s})}}handleKeyDown(t){if(this.disableKeyboardHandling){return}if(t.key==="Enter"){const i=this.getActiveItem();t.preventDefault();if(i!=null){this.sixMenuItemSelected.emit({name:i.value,item:i})}}if(t.key===" "){t.preventDefault()}if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){const i=this.items===null?this.getItems():this.extractItemsFromDOM();let s=this.getActiveItemIndex();if(i.length>0){t.preventDefault();if(t.key==="ArrowDown"){s++}else if(t.key==="ArrowUp"){s--}else if(t.key==="Home"){s=0}else if(t.key==="End"){s=i.length-1}if(s<0)s=0;if(s>i.length-1)s=i.length-1;this.setActiveItem(i[s]);return}}void this.typeToSelect(t.key)}getMenuWrapperStyle(){var t;const i={};if(this.getItemsShown()>0){i.height=`${((t=this.getItemsShown())!==null&&t!==void 0?t:0)this.sixMenuItemHeight}px`}else if(this.items&&this.items.length===1){i.height="auto"}return Object.assign({},i)}getMenuContainerStyle(){const t={};if(this.virtualScroll){t.transform=`translateY(${this.sixMenuItemHeightthis.scrollingIndex}px)`}return Object.assign({},t)}getScrollbarGhostStyle(){const t={};if(this.virtualScroll&&this.items!==null&&this.items.length>1){t.height=`${this.items.lengththis.sixMenuItemHeight-this.itemSize*this.sixMenuItemHeight}px`}return Object.assign({},t)}renderItems(){if(this.items===undefined\|\|this.items===null){return}if(!this.virtualScroll){return this.items.map(y)}return this.items.slice(this.scrollingIndex,Math.min(this.items.length,this.itemSize+this.scrollingIndex)).map((({value:t,label:i})=>s("six-menu-item",{checkType:"check",key:t,value:t},i)))}render(){return s("div",{key:"a346d393b279517ec252289e173e1d2e1ac82147",ref:t=>this.menuWrapper=t,style:this.getMenuWrapperStyle(),part:"wrapper",class:{menu:true,".no-shadow":this.removeBoxShadow}},s("div",{key:"eeca9d33ecede486adc958510b2bc7028517a79a",ref:t=>this.menu=t,part:"base",role:"menu",onClick:this.handleClick,onKeyDown:this.handleKeyDown,tabIndex:0,style:this.getMenuContainerStyle()},s("slot",{key:"c46d98b34ddaec7d041ee2ad4aa40a048a93cc80"}),this.renderItems()),this.virtualScroll&&s("div",{key:"535cf4f968da60291f420da2722fc1692c0c064a",style:this.getScrollbarGhostStyle()}))}get host(){return e(this)}};I.style=b;export{f as six_dropdown,I as six_menu};
2	+ //# sourceMappingURL=p-9f55534a.entry.js.map

package/dist/ui-library/p-9f55534a.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["isTabbable","el","tabIndex","getNearestTabbableElement","shadowRoot","tabbableShadowChild","children","find","e","map","at","undefined","sixDropdownCss","id","SixDropdown","constructor","hostRef","this","componentId","isVisible","resizeObserver","ResizeObserver","debounce","updatePanelPosition","open","placement","closeOnSelect","distance","skidding","hoist","filter","asyncFilter","filterPlaceholder","autofocusFilter","filterDebounce","disableHideOnEnterAndSpace","options","virtualScroll","matchTriggerWidth","eventListeners","EventListeners","renderedOptions","getMenuItems","length","sixMenuItems","option","h","value","label","selectionContainerItems","panel","selectionContainer","_a","panelSlot","assignedElements","flatten","isSelectionContainer","sixMenuElement","_b","isSixMenu","querySelectorAll","_c","querySelector","isSixMenuItem","Array","from","_d","handleDocumentKeyDown","event","keyboardEvent","key","hide","focusOnTrigger","filterInputElement","host","activeElement","item","style","display","setFocus","document","preventDefault","setTimeout","container","getRootNode","ShadowRoot","closest","tagName","toLowerCase","handleDocumentMouseDown","path","composedPath","includes","handlePanelSelect","target","handleTriggerClick","show","handleTriggerKeyDown","menu","getMenu","menuItems","firstMenuItem","lastMenuItem","ignoredKeys","typeToSelect","handleTriggerKeyUp","handleTriggerSlotChange","updateAccessibleTrigger","handleDropdownScroll","scrollPanel","sixScroll","emit","scrollHeight","scrollTop","scrollbarHeight","offsetHeight","scrollRatio","clientHeight","filterEnabled","containingElement","handleOpenChange","handlePopoverOptionsChange","popoverHelper","setOptions","strategy","handleOptionsChange","validateOptions","isArray","console","error","componentWillLoad","DEFAULT_DEBOUNCE_FAST","componentDidLoad","init","connectedCallback","initPopover","add","filterValue","applyFilter","emitFilterEvents","filterTerm","lowerCaseFilterTerm","trim","String","selectionContainerValues","s","forEach","async","menuItem","containsFilterTerm","resetFilter","sixAutoFilter","sixAsyncFilterFired","trigger","positioner","Popover","transitionElement","onAfterHide","sixAfterHide","onAfterShow","sixAfterShow","onTransitionEnd","disconnectedCallback","disconnect","removeAll","destroy","sixShow","defaultPrevented","observe","requestAnimationFrame","width","getBoundingClientRect","minWidth","reposition","sixHide","remove","triggerSlot","focus","accessibleTrigger","setAttribute","render","part","class","dropdown","ref","onClick","onKeyDown","onKeyUp","name","onSlotchange","dropdown__positioner","dropdown__positioner__filtered","role","placeholder","slot","size","dropdown__panel__scroll","onScroll","items","getAttribute","getTextLabel","sixMenuCss","isFocusedMenuItem","classList","contains","isSIXMenuItemElement","mapToMenuItem","DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING","DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING","DEFAULT_SIX_MENU_ITEM_HEIGHT","SixMenu","typeToSelectString","removeBoxShadow","itemSize","scrollingDebounce","disableKeyboardHandling","scrollingIndex","sixMenuItemHeight","handleScrolling","menuWrapper","Math","floor","handleClick","bind","handleKeyDown","setupForVirtualScrollingAfterRendering","clearTimeout","typeToSelectTimeout","getItems","getTextContent","substring","getItemsShown","defaultItemsShown","itemsShown","menuItemHeight","disabled","getActiveItemIndex","selectedItem","getActiveItem","itemIndex","indexOf","extractItemsFromDOM","findIndex","i","setActiveItem","clickedItem","sixMenuItemSelected","activeItem","indexOfActiveItem","getMenuWrapperStyle","styles","height","Object","assign","getMenuContainerStyle","transform","getScrollbarGhostStyle","renderItems","slice","min","checkType"],"sources":["src/utils/tabbable.ts","src/components/six-dropdown/six-dropdown.scss?tag=six-dropdown&encapsulation=shadow","src/components/six-dropdown/six-dropdown.tsx","src/components/six-menu/six-menu.scss?tag=six-menu&encapsulation=shadow","src/components/six-menu/six-menu.tsx"],"sourcesContent":["export function isTabbable(el: HTMLElement) {\n const tabIndex = el.tabIndex;\n return tabIndex > -1;\n}\n\nexport function getNearestTabbableElement(el: HTMLElement): HTMLElement | undefined {\n // Check the element\n if (isTabbable(el)) {\n return el;\n }\n\n // Check the element's shadow root\n if (el.shadowRoot != null) {\n const tabbableShadowChild = [...el.shadowRoot.children].find((e) => isTabbable(e as HTMLElement)) as HTMLElement;\n if (tabbableShadowChild != null) {\n return tabbableShadowChild;\n }\n }\n\n // Check the element's children\n if (el.children != null) {\n return [...el.children].map((e) => getNearestTabbableElement(e as HTMLElement)).at(0);\n }\n\n return undefined;\n}\n","@import 'src/global/component';\n@import 'src/global/mixins/scrollbar';\n\n:host {\n display: inline-block;\n}\n\n.dropdown {\n position: relative;\n}\n\n.dropdown__trigger {\n display: block;\n}\n\n.dropdown__positioner {\n position: absolute;\n z-index: var(--six-z-index-dropdown);\n\n &__filtered {\n width: 100%;\n }\n}\n\n.dropdown__panel {\n font-family: var(--six-font-sans);\n font-size: var(--six-font-size-small);\n font-weight: var(--six-font-weight-normal);\n color: var(--color);\n background-color: var(--six-panel-background-color);\n border-radius: var(--six-border-radius-medium);\n border: 1px solid var(--six-color-web-rock-300);\n box-shadow: var(--six-shadow-small);\n opacity: 0;\n pointer-events: none;\n transform: scale(0.9);\n transition:\n var(--six-transition-fast) opacity,\n var(--six-transition-fast) transform;\n max-width: 90vw;\n}\n\n.dropdown__panel__scroll {\n max-height: 18.75rem;\n overflow-y: auto;\n overflow-x: hidden;\n overscroll-behavior: none;\n\n &--virtual {\n overflow-y: hidden;\n overflow-x: hidden;\n }\n}\n\n.filter-hidden {\n display: none;\n}\n\n.dropdown__positioner {\n &[data-popper-placement^='top'] .dropdown__panel {\n transform-origin: bottom;\n }\n\n &[data-popper-placement^='bottom'] .dropdown__panel {\n transform-origin: top;\n }\n\n &[data-popper-placement^='left'] .dropdown__panel {\n transform-origin: right;\n }\n\n &[data-popper-placement^='right'] .dropdown__panel {\n transform-origin: left;\n }\n\n &.popover-visible .dropdown__panel {\n opacity: 1;\n transform: none;\n pointer-events: all;\n }\n}\n\n.filter {\n border-bottom: 1px solid var(--six-color-web-rock-300);\n\n &__icon {\n color: var(--six-color-web-rock-600);\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { getNearestTabbableElement } from '../../utils/tabbable';\nimport Popover from '../../utils/popover';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce, DEFAULT_DEBOUNCE_FAST } from '../../utils/execution-control';\nimport { EmptyPayload } from '../../utils/types';\nimport { SixMenuItemData } from '../six-menu/six-menu';\n\nexport interface SixDropdownAutoFilterPayload {\n filterValue: string;\n}\n\nexport interface SixDropdownAsyncFilterPayload {\n filterValue: string;\n}\n\nexport interface SixDropdownScrollPayload {\n scrollHeight: number;\n scrollTop: number;\n scrollbarHeight: number;\n scrollRatio: number;\n}\n\nlet id = 0;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot trigger - The dropdown's trigger, usually a `<six-button>` element.\n * @slot dropdown-footer - The dropdown's footer area.\n * @slot - The dropdown's content.\n *\n * @part base - The component's base wrapper.\n * @part trigger - The container that wraps the trigger.\n * @part panel - The panel that gets shown when the dropdown is open.\n */\n\n@Component({\n tag: 'six-dropdown',\n styleUrl: 'six-dropdown.scss',\n shadow: true,\n})\nexport class SixDropdown {\n private componentId = `dropdown-${++id}`;\n private isVisible = false;\n private panel?: HTMLElement;\n private scrollPanel?: HTMLElement;\n private panelSlot?: HTMLSlotElement;\n private positioner?: HTMLElement;\n private popoverHelper?: Popover;\n private trigger?: HTMLElement;\n private triggerSlot?: HTMLSlotElement;\n private resizeObserver = new ResizeObserver(debounce(() => this.updatePanelPosition(), 100));\n\n // the input element shown in the dropdown when filter is set to true\n private filterInputElement?: HTMLSixInputElement;\n\n @Element() host!: HTMLSixDropdownElement;\n\n /** Indicates whether the dropdown is open. You can use this in lieu of the show/hide methods. */\n @Prop({ mutable: true, reflect: true }) open = false;\n\n /**\n * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n * inside the viewport.\n */\n @Prop() placement:\n | 'top'\n | 'top-start'\n | 'top-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end' = 'bottom-start';\n\n /** Determines whether the dropdown should hide when a menu item is selected. */\n // eslint-disable-next-line @stencil-community/ban-default-true\n @Prop() closeOnSelect = true;\n\n /** The distance in pixels from which to offset the panel away from its trigger. */\n @Prop() distance = 4;\n\n /** The distance in pixels from which to offset the panel along its trigger. */\n @Prop() skidding = 0;\n\n /**\n * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n * `overflow: auto|scroll`.\n */\n @Prop() hoist = false;\n\n /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */\n @Prop() containingElement?: HTMLElement;\n\n /**\n * Set to true to allow auto filtering for entries in the dropdown.\n * With this flag the dropdown will automatically filter itsel.\n * If you need to coordinate the shown elements yourself,\n * e.g. because you need to call an endpoint use asyncFilter instead\n */\n @Prop() filter = false;\n\n /**\n * Set to true to allow async filtering.\n * When you enter something in the search field the component will only emit an event but not filter any elements itself.\n * You can then simply listen to the 'six-async-filter-fired' event to manage the shown menu-items yourself\n */\n @Prop() asyncFilter = false;\n\n /** The filter's placeholder text. */\n @Prop() filterPlaceholder = 'Filter...';\n\n /** By default the search field will be focused when opening a dropdown with filtering enabled. */\n // eslint-disable-next-line @stencil-community/ban-default-true\n @Prop() autofocusFilter = true;\n\n get filterEnabled() {\n return this.filter || this.asyncFilter;\n }\n\n /** The debounce for the filter callbacks. */\n @Prop({ mutable: true }) filterDebounce = 0;\n\n /** The panel can be opend/closed by pressing the spacebar or the enter key. In some cases you might want to avoid this */\n @Prop() disableHideOnEnterAndSpace = false;\n\n /** Set the options to be shown in the dropdown (alternative to setting the elements via html)*/\n @Prop({ mutable: true }) options: SixMenuItemData[] = [];\n\n /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n * are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n @Prop() virtualScroll = false;\n\n /**\n * Determines if the dropdown panel's width should match the width of the trigger element.\n *\n * If set to `true`, the panel will resize its width to align with the trigger's width.\n * If `false` or omitted, the panel will maintain its default width.\n */\n @Prop() matchTriggerWidth = false;\n\n get container() {\n return this.containingElement || this.host;\n }\n\n /** Emitted when the dropdown opens. Calling `event.preventDefault()` will prevent it from being opened. */\n @Event({ eventName: 'six-dropdown-show' }) sixShow!: EventEmitter<EmptyPayload>;\n\n /** Emitted after the dropdown opens and all transitions are complete. */\n @Event({ eventName: 'six-dropdown-after-show' }) sixAfterShow!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the dropdown closes. Calling `event.preventDefault()` will prevent it from being closed. */\n @Event({ eventName: 'six-dropdown-hide' }) sixHide!: EventEmitter<EmptyPayload>;\n\n /** Emitted after the dropdown closes and all transitions are complete. */\n @Event({ eventName: 'six-dropdown-after-hide' }) sixAfterHide!: EventEmitter<EmptyPayload>;\n\n /** Emitted when the auto filter is triggered */\n @Event({ eventName: 'six-dropdown-auto-filter-fired' }) sixAutoFilter!: EventEmitter<SixDropdownAutoFilterPayload>;\n\n /** Emitted when the async filter is triggered */\n @Event({ eventName: 'six-async-filter-fired' }) sixAsyncFilterFired!: EventEmitter<SixDropdownAsyncFilterPayload>;\n\n /** Emitted when the user scrolls inside dropdown panel.*/\n @Event({ eventName: 'six-dropdown-scroll' }) sixScroll!: EventEmitter<SixDropdownScrollPayload>;\n\n private eventListeners = new EventListeners();\n\n // internal representation of options, so we don't have to make options mutable\n @State() renderedOptions: SixMenuItemData[] = [];\n\n @Watch('open')\n handleOpenChange() {\n this.open ? this.show() : this.hide();\n this.updateAccessibleTrigger();\n }\n\n @Watch('distance')\n @Watch('hoist')\n @Watch('placement')\n @Watch('skidding')\n handlePopoverOptionsChange() {\n if (this.popoverHelper == null) return;\n\n this.popoverHelper.setOptions({\n strategy: this.hoist ? 'fixed' : 'absolute',\n placement: this.placement,\n distance: this.distance,\n skidding: this.skidding,\n });\n }\n\n @Watch('options')\n @Watch('virtualScroll')\n handleOptionsChange() {\n this.validateOptions();\n }\n\n private validateOptions() {\n if (!Array.isArray(this.options)) {\n this.options = [];\n }\n if (this.virtualScroll && this.options.length === 0) {\n console.error('Options must be defined when using virtual scrolling');\n }\n this.renderedOptions = [...this.options];\n }\n\n componentWillLoad() {\n this.validateOptions();\n if (this.asyncFilter) {\n this.filterDebounce = DEFAULT_DEBOUNCE_FAST;\n }\n }\n\n componentDidLoad() {\n this.init();\n if (this.open) {\n void this.show();\n }\n }\n\n connectedCallback() {\n this.init();\n }\n\n private init() {\n this.initPopover();\n\n // listen to filter\n const filterInputElement = this.filterInputElement;\n if (filterInputElement != null) {\n this.eventListeners.add(\n filterInputElement,\n 'six-input-input',\n debounce(() => {\n const filterValue = filterInputElement.value ?? '';\n if (this.filter) {\n this.applyFilter(filterValue);\n }\n this.emitFilterEvents(filterValue);\n }, this.filterDebounce)\n );\n }\n }\n\n private applyFilter(filterTerm: string) {\n const lowerCaseFilterTerm = filterTerm.toLowerCase()?.trim() || '';\n if (this.options.length > 0) {\n this.renderedOptions = this.options.filter(\n (option) =>\n (option.label && String(option.label)?.toLowerCase()?.includes(lowerCaseFilterTerm)) ||\n (option.value && String(option.value)?.toLowerCase()?.includes(lowerCaseFilterTerm))\n );\n } else {\n const { selectionContainerItems, sixMenuItems } = this.getMenuItems();\n const selectionContainerValues = selectionContainerItems.map((s) => s.value);\n\n // Filter items in selection container\n selectionContainerItems.forEach(async (menuItem) => {\n menuItem.style.display = (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) ? 'unset' : 'none';\n });\n\n // Filter other items. Always hide items which contained in the selection container.\n sixMenuItems.forEach(async (menuItem) => {\n menuItem.style.display =\n (await containsFilterTerm(menuItem, lowerCaseFilterTerm)) &&\n !selectionContainerValues.includes(menuItem.value)\n ? 'unset'\n : 'none';\n });\n }\n }\n\n private resetFilter() {\n if (this.filterInputElement != null) {\n this.filterInputElement.value = '';\n this.emitFilterEvents('');\n }\n if (this.options.length > 0) {\n this.renderedOptions = [...this.options];\n } else {\n const { selectionContainerItems, sixMenuItems } = this.getMenuItems();\n [...selectionContainerItems, ...sixMenuItems].forEach((item) => (item.style.display = 'unset'));\n }\n }\n\n private emitFilterEvents(filterValue: string) {\n if (this.filter) {\n this.sixAutoFilter.emit({ filterValue });\n } else if (this.asyncFilter) {\n this.sixAsyncFilterFired.emit({ filterValue });\n }\n }\n\n private initPopover() {\n if (this.trigger == null || this.positioner == null) return;\n this.popoverHelper = new Popover(this.trigger, this.positioner, {\n strategy: this.hoist ? 'fixed' : 'absolute',\n placement: this.placement,\n distance: this.distance,\n skidding: this.skidding,\n transitionElement: this.panel,\n onAfterHide: () => {\n if (this.filterEnabled) {\n this.resetFilter();\n }\n this.sixAfterHide.emit();\n },\n onAfterShow: async () => {\n this.sixAfterShow.emit();\n },\n onTransitionEnd: () => {\n if (!this.open && this.scrollPanel != null) {\n this.scrollPanel.scrollTop = 0;\n }\n },\n });\n }\n\n private getMenuItems = (): {\n selectionContainerItems: HTMLSixMenuItemElement[];\n sixMenuItems: HTMLSixMenuItemElement[];\n } => {\n if (this.options.length > 0) {\n return {\n sixMenuItems: this.renderedOptions.map((option) => (\n <six-menu-item value={option.value}>{option.label}</six-menu-item>\n )),\n selectionContainerItems: [],\n };\n }\n if (this.panel == null) return { sixMenuItems: [], selectionContainerItems: [] };\n\n // Relies on the implementation of six-select. Its dropdown slot contains two elements,\n // one for the selected menu items, and one for the other items.\n const selectionContainer = this.panelSlot?.assignedElements({ flatten: true }).filter(isSelectionContainer).at(0);\n const sixMenuElement = this.panelSlot?.assignedElements({ flatten: true }).filter(isSixMenu).at(0) as\n | HTMLSixMenuElement\n | undefined;\n const selectionContainerItems = selectionContainer?.querySelectorAll('six-menu-item') || [];\n let sixMenuItems: HTMLSixMenuItemElement[] =\n sixMenuElement\n ?.querySelector('slot')\n ?.assignedElements()\n .filter((el): el is HTMLSixMenuItemElement => isSixMenuItem(el)) || [];\n\n if (sixMenuItems.length === 0) {\n sixMenuItems = Array.from(sixMenuElement?.shadowRoot?.querySelectorAll('six-menu-item') || []);\n }\n\n if (selectionContainerItems.length > 0 || sixMenuItems.length > 0) {\n return { sixMenuItems, selectionContainerItems: [...selectionContainerItems] };\n } else {\n return {\n sixMenuItems: sixMenuElement ? Array.from(sixMenuElement.querySelectorAll('six-menu-item')) : [],\n selectionContainerItems: [],\n };\n }\n };\n\n disconnectedCallback() {\n this.resizeObserver.disconnect();\n this.eventListeners.removeAll();\n void this.hide();\n this.popoverHelper?.destroy();\n this.popoverHelper = undefined;\n }\n\n /** Shows the dropdown panel */\n @Method()\n async show() {\n // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n if (this.isVisible || this.popoverHelper == null || this.panel == null) {\n return;\n }\n\n const sixShow = this.sixShow.emit();\n if (sixShow.defaultPrevented) {\n this.open = false;\n return;\n }\n\n this.eventListeners.add(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n this.eventListeners.add(document, 'keydown', this.handleDocumentKeyDown);\n this.eventListeners.add(document, 'mousedown', this.handleDocumentMouseDown);\n\n this.isVisible = true;\n this.open = true;\n\n if (this.trigger != null) {\n this.resizeObserver.observe(this.trigger);\n }\n this.updatePanelPosition();\n this.popoverHelper.show();\n\n if (this.filterEnabled && this.autofocusFilter) {\n requestAnimationFrame(() => {\n this.filterInputElement?.setFocus();\n });\n }\n }\n\n /**\n * Set min width of dropdown panel to the width of the trigger element\n */\n private updatePanelPosition() {\n if (!this.open) {\n return;\n }\n\n if (this.matchTriggerWidth && this.trigger != null && this.panel != null) {\n const width = this.trigger.getBoundingClientRect().width;\n this.panel.style.minWidth = `${width}px`;\n }\n\n if (this.popoverHelper != null) {\n this.popoverHelper.reposition();\n }\n }\n\n /** Hides the dropdown panel */\n @Method()\n async hide() {\n this.resizeObserver.disconnect();\n\n // Prevent subsequent calls to the method, whether manually or triggered by the `open` watcher\n if (!this.isVisible || this.panel == null || this.popoverHelper == null) {\n return;\n }\n\n const sixHide = this.sixHide.emit();\n if (sixHide.defaultPrevented) {\n this.open = true;\n return;\n }\n\n this.eventListeners.remove(this.panel, 'six-menu-item-selected', this.handlePanelSelect);\n this.eventListeners.remove(document, 'keydown', this.handleDocumentKeyDown);\n this.eventListeners.remove(document, 'mousedown', this.handleDocumentMouseDown);\n\n this.isVisible = false;\n this.open = false;\n this.popoverHelper.hide();\n }\n\n private focusOnTrigger() {\n if (this.trigger == null) return;\n const trigger = this.triggerSlot?.assignedElements({ flatten: true }).at(0) as HTMLSixButtonElement | undefined;\n if (trigger != null) {\n if (typeof trigger.setFocus === 'function') {\n trigger.setFocus();\n } else if (typeof trigger.focus === 'function') {\n trigger.focus();\n }\n }\n }\n\n private getMenu(): HTMLSixMenuElement | undefined {\n return this.panelSlot?.assignedElements({ flatten: true }).filter(isSixMenu).at(0) as\n | HTMLSixMenuElement\n | undefined;\n }\n\n private handleDocumentKeyDown = (event: Event) => {\n const keyboardEvent = event as KeyboardEvent;\n // Close when escape is pressed\n if (keyboardEvent.key === 'Escape') {\n void this.hide();\n this.focusOnTrigger();\n return;\n }\n\n if (this.filterInputElement === this.host.shadowRoot?.activeElement) {\n if (keyboardEvent.key === 'ArrowDown') {\n const { sixMenuItems, selectionContainerItems } = this.getMenuItems();\n const item = [...selectionContainerItems, ...sixMenuItems].find((item) => item.style.display !== 'none');\n if (item != null) {\n item.setFocus();\n }\n }\n }\n\n // Handle tabbing\n if (keyboardEvent.key === 'Tab') {\n // Tabbing within an open menu should close the dropdown and refocus the trigger\n if (this.open && document.activeElement != null && isSixMenuItem(document.activeElement)) {\n keyboardEvent.preventDefault();\n void this.hide();\n this.focusOnTrigger();\n return;\n }\n\n // Tabbing outside the containing element closes the panel\n //\n // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n setTimeout(() => {\n const activeElement =\n this.container.getRootNode() instanceof ShadowRoot\n ? document.activeElement?.shadowRoot?.activeElement\n : document.activeElement;\n\n if (activeElement?.closest(this.container.tagName.toLowerCase()) !== this.container) {\n void this.hide();\n return;\n }\n });\n }\n };\n\n private handleDocumentMouseDown = (event: Event) => {\n // Close when clicking outside the containing element\n const path = event.composedPath() as EventTarget[];\n if (!path.includes(this.container)) {\n void this.hide();\n return;\n }\n };\n\n private handlePanelSelect = (event: Event) => {\n const target = event.target as HTMLElement;\n\n // Hide the dropdown when a menu item is selected\n if (this.closeOnSelect && isSixMenu(target)) {\n void this.hide();\n this.focusOnTrigger();\n }\n };\n\n private handleTriggerClick = () => {\n this.open ? this.hide() : this.show();\n };\n\n private handleTriggerKeyDown = (event: KeyboardEvent) => {\n // Close when escape or tab is pressed\n if (event.key === 'Escape') {\n this.focusOnTrigger();\n void this.hide();\n return;\n }\n\n // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n // key again to hide the menu in case they don't want to make a selection.\n if (!this.disableHideOnEnterAndSpace && [' ', 'Enter'].includes(event.key)) {\n event.preventDefault();\n this.open ? void this.hide() : void this.show();\n return;\n }\n\n const menu = this.getMenu();\n\n // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n // faster navigation.\n if (['ArrowDown', 'ArrowUp'].includes(event.key)) {\n event.preventDefault();\n\n // Show the menu if it's not already open\n if (!this.open) {\n void this.show();\n }\n\n if (menu == null) {\n return;\n }\n const menuItems = [...menu.querySelectorAll('six-menu-item')];\n const firstMenuItem = menuItems.at(0);\n const lastMenuItem = menuItems.at(menuItems.length - 1);\n\n // Focus on a menu item\n if (event.key === 'ArrowDown' && firstMenuItem != null) {\n firstMenuItem.setFocus();\n return;\n }\n\n if (event.key === 'ArrowUp' && lastMenuItem != null) {\n lastMenuItem.setFocus();\n return;\n }\n }\n\n // Other keys bring focus to the menu and initiate type-to-select behavior\n const ignoredKeys = ['Tab', 'Shift', 'Meta', 'Ctrl', 'Alt'];\n if (this.open && menu != null && !ignoredKeys.includes(event.key)) {\n void menu.typeToSelect(event.key);\n return;\n }\n };\n\n private handleTriggerKeyUp = (event: KeyboardEvent) => {\n // Prevent space from triggering a click event in Firefox\n if (event.key === ' ') {\n event.preventDefault();\n }\n };\n\n private handleTriggerSlotChange = () => {\n this.updateAccessibleTrigger();\n };\n\n private handleDropdownScroll = () => {\n if (this.scrollPanel == null) return;\n\n this.sixScroll.emit({\n scrollHeight: this.scrollPanel.scrollHeight,\n scrollTop: this.scrollPanel.scrollTop,\n scrollbarHeight: this.scrollPanel.offsetHeight * (this.scrollPanel.offsetHeight / this.scrollPanel.scrollHeight),\n scrollRatio: this.scrollPanel.scrollTop / (this.scrollPanel.scrollHeight - this.scrollPanel.clientHeight),\n });\n };\n\n //\n // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n // a child of the slotted element, or an element in the slotted element's shadow root.\n //\n // For example, the accessible trigger of an <sl-button> is a <button> located inside its shadow root.\n //\n // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n //\n private updateAccessibleTrigger() {\n if (this.trigger == null) return;\n const assignedElements = (this.triggerSlot?.assignedElements({ flatten: true }) || []) as HTMLElement[];\n const accessibleTrigger = assignedElements.map(getNearestTabbableElement).at(0);\n if (accessibleTrigger != null) {\n accessibleTrigger.setAttribute('aria-haspopup', 'true');\n accessibleTrigger.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n }\n }\n\n render() {\n return (\n <div\n part=\"base\"\n id={this.componentId}\n class={{\n dropdown: true,\n 'dropdown--open': this.open,\n }}\n >\n <span\n part=\"trigger\"\n class=\"dropdown__trigger\"\n ref={(el) => (this.trigger = el)}\n onClick={this.handleTriggerClick}\n onKeyDown={this.handleTriggerKeyDown}\n onKeyUp={this.handleTriggerKeyUp}\n >\n <slot\n name=\"trigger\"\n ref={(el) => (this.triggerSlot = el as HTMLSlotElement)}\n onSlotchange={this.handleTriggerSlotChange}\n />\n </span>\n\n {/* Position the panel with a wrapper since the popover makes use of `translate`. This let's us add transitions\n on the panel without interfering with the position. */}\n <div\n ref={(el) => (this.positioner = el)}\n class={{\n dropdown__positioner: true,\n dropdown__positioner__filtered: (this.filter || this.asyncFilter) && !this.hoist,\n }}\n >\n <div\n ref={(el) => (this.panel = el)}\n part=\"panel\"\n class=\"dropdown__panel\"\n role=\"menu\"\n aria-hidden={this.open ? 'false' : 'true'}\n aria-labelledby={this.componentId}\n >\n {this.filterEnabled && (\n <six-input\n class={{\n filter: true,\n 'filter-hidden': !this.open,\n }}\n dropdown-search\n aria-hidden={this.open ? 'false' : 'true'}\n ref={(el) => (this.filterInputElement = el)}\n placeholder={this.filterPlaceholder}\n >\n <six-icon class=\"filter__icon\" slot=\"suffix\" size=\"small\">\n search\n </six-icon>\n </six-input>\n )}\n <div\n class={{\n dropdown__panel__scroll: true,\n 'dropdown__panel__scroll--virtual': this.virtualScroll,\n }}\n onScroll={this.handleDropdownScroll}\n ref={(el) => (this.scrollPanel = el)}\n >\n <slot ref={(el) => (this.panelSlot = el as HTMLSlotElement)} />\n {this.options.length > 0 && (\n <six-menu part=\"menu\" items={this.renderedOptions} virtualScroll={this.virtualScroll}></six-menu>\n )}\n </div>\n <slot name=\"dropdown-footer\"></slot>\n </div>\n </div>\n </div>\n );\n }\n}\n\nfunction isSixMenu(el?: Element): boolean {\n return el?.tagName.toLowerCase() === 'six-menu';\n}\nfunction isSixMenuItem(el?: Element): boolean {\n return el?.tagName.toLowerCase() === 'six-menu-item';\n}\nfunction isSelectionContainer(el?: Element): boolean {\n return el?.getAttribute('class')?.includes('selection-container') || false;\n}\nasync function containsFilterTerm(menuItem: HTMLSixMenuItemElement, lowerCaseFilterTerm: string): Promise<boolean> {\n return (\n menuItem.value.toLowerCase().includes(lowerCaseFilterTerm) ||\n (await menuItem.getTextLabel()).toLowerCase().includes(lowerCaseFilterTerm)\n );\n}\n","@import 'src/global/component';\n\n:host {\n display: block;\n}\n\n.menu {\n padding: var(--six-spacing-xx-small) 0;\n border: none;\n box-shadow: var(--six-shadow-small);\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.menu:focus {\n outline: none;\n}\n\n.no-shadow {\n box-shadow: none;\n}\n","import { Component, Element, Event, EventEmitter, h, Method, Prop, State } from '@stencil/core';\nimport { getTextContent } from '../../utils/slot';\nimport { StyleDeclaration } from '../../utils/types';\nimport { EventListeners } from '../../utils/event-listeners';\nimport { debounce } from '../../utils/execution-control';\n\nexport interface SixMenuItemData {\n label: string;\n value: string;\n}\n\nexport interface SixMenuItemSelectedPayload {\n name: string;\n item: HTMLSixMenuItemElement;\n}\n\nconst isFocusedMenuItem = (menuItem: HTMLSixMenuItemElement) =>\n menuItem?.shadowRoot?.querySelector('.menu-item')?.classList?.contains('menu-item--focused');\n\nconst isSIXMenuItemElement = (el?: Element): el is HTMLSixMenuItemElement =>\n el?.tagName.toLowerCase() === 'six-menu-item';\n\nconst mapToMenuItem = ({ value, label }: SixMenuItemData) => (\n <six-menu-item key={value} value={value}>\n {label}\n </six-menu-item>\n);\n\nconst DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING = 5;\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING = 48;\nconst DEFAULT_SIX_MENU_ITEM_HEIGHT = 64;\n\n/**\n * @since 1.0\n * @status stable\n *\n * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.\n *\n * @slot - The menu's content, including menu items, menu dividers, and menu labels.\n *\n * @part base - The component's base wrapper.\n */\n@Component({\n tag: 'six-menu',\n styleUrl: 'six-menu.scss',\n shadow: true,\n})\nexport class SixMenu {\n private readonly eventListeners = new EventListeners();\n\n private menu?: HTMLElement;\n private menuWrapper?: HTMLElement;\n private typeToSelectString = '';\n private typeToSelectTimeout?: number;\n\n @Element() host!: HTMLSixMenuElement;\n\n /** Emitted when a menu item is selected. */\n @Event({ eventName: 'six-menu-item-selected' }) sixMenuItemSelected!: EventEmitter<SixMenuItemSelectedPayload>;\n\n /** Set to true to remove the box-shadow */\n @Prop() removeBoxShadow = false;\n\n /** Set the options to be shown in the dropdown */\n @Prop() items: SixMenuItemData[] | null = null;\n\n /** Defines how many items should be shown. If the number of items is larger than this property a scrollbar will be shown */\n @Prop() itemsShown?: number;\n\n /** Defines whether the menu list will be rendered virtually i.e. only the elements actually shown (and a couple around)\n * are actually rendered in the DOM. If you use virtual scrolling pass the elements via prop instead of via slot. */\n @Prop() virtualScroll = false;\n\n /**\n * Used for virtual scrolling\n * Define how many items should be rendered in the DOM when using virtual scrolling\n */\n @Prop() itemSize = 10;\n\n /**\n * Used for virtual scrolling\n * Define the debounce for listening on scrolling changes in milliseconds.\n * The lower the number the more sensitive the component reacts to scrolling changes.\n */\n @Prop() scrollingDebounce = 15;\n\n /**\n * Internal: Disables handling of key presses.\n */\n @Prop() disableKeyboardHandling = false;\n\n /**\n * Used to calculate which items should be rendered in the DOM\n */\n @State()\n private scrollingIndex = 0;\n\n // set a default item height, this variable will be updated with the real value after the first render.\n // However, it's necessary to have a default value because we can only fetch the proper height after the first render\n @State()\n private sixMenuItemHeight = this.virtualScroll\n ? DEFAULT_SIX_MENU_ITEM_HEIGHT_FOR_VIRTUAL_SCROLLING\n : DEFAULT_SIX_MENU_ITEM_HEIGHT;\n\n connectedCallback() {\n this.handleClick = this.handleClick.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n }\n\n componentWillLoad() {\n if (this.items === null) {\n return;\n }\n }\n\n private handleScrolling = () => {\n if (this.menuWrapper == null) return;\n // for performance improvements we only update the DOM if the scrollRatio change \"enough\"\n this.scrollingIndex = Math.floor(this.menuWrapper.scrollTop / this.sixMenuItemHeight);\n };\n\n componentDidLoad() {\n this.setupForVirtualScrollingAfterRendering();\n }\n\n disconnectedCallback() {\n this.eventListeners.removeAll();\n }\n\n /**\n * Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.\n * The key passed will be appended to the internal query and the selection will be updated. After a brief period, the\n * internal query is cleared automatically. This method is intended to be used with the keydown event. Useful for\n * enabling type-to-select when the menu doesn't have focus.\n */\n @Method()\n async typeToSelect(key: string) {\n clearTimeout(this.typeToSelectTimeout);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n this.typeToSelectTimeout = setTimeout(() => (this.typeToSelectString = ''), 750);\n this.typeToSelectString += key.toLowerCase();\n const items = this.getItems();\n for (const item of items) {\n const slot = item.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n const label = getTextContent(slot).toLowerCase().trim();\n if (label.substring(0, this.typeToSelectString.length) === this.typeToSelectString) {\n item.setFocus();\n break;\n }\n }\n }\n\n private getItemsShown(): number {\n const defaultItemsShown = this.virtualScroll ? DEFAULT_NUMBER_OF_ITEMS_SHOWN_FOR_VIRTUAL_SCROLLING : 0;\n if (this.items && this.items.length === 1) {\n return 0;\n }\n return this.itemsShown ?? defaultItemsShown;\n }\n\n private setupForVirtualScrollingAfterRendering() {\n if (!this.virtualScroll || this.menuWrapper == null) return;\n\n this.eventListeners.add(this.menuWrapper, 'scroll', debounce(this.handleScrolling, this.scrollingDebounce));\n\n // set menu height to proper height once the item is rendered.\n const menuItemHeight = this.menu?.querySelector('six-menu-item')?.clientHeight;\n if (menuItemHeight != null && menuItemHeight > 0) {\n this.sixMenuItemHeight = menuItemHeight;\n }\n }\n\n private getItems(): HTMLSixMenuItemElement[] {\n if (this.menu == null) return [];\n\n if (this.items != null) {\n return this.items.map(mapToMenuItem);\n }\n\n const slot = this.menu.querySelector('slot');\n if (slot == null) return [];\n return [...slot.assignedElements({ flatten: true })].filter(\n (el): el is HTMLSixMenuItemElement => isSIXMenuItemElement(el) && !el.disabled\n );\n }\n\n private getActiveItemIndex() {\n const items = this.getItems();\n const selectedItem = this.getActiveItem();\n if (selectedItem != null) {\n const itemIndex = items.indexOf(selectedItem);\n if (itemIndex > -1) {\n return itemIndex;\n }\n }\n const sixMenuItems = this.extractItemsFromDOM();\n return sixMenuItems.findIndex(isFocusedMenuItem);\n }\n\n private getActiveItem(): HTMLSixMenuItemElement | undefined {\n const activeElement = this.getItems().find((i) => i === document.activeElement);\n if (activeElement != null) {\n return activeElement;\n }\n return this.extractItemsFromDOM()?.find(isFocusedMenuItem);\n }\n\n private extractItemsFromDOM() {\n return Array.from(this.host.shadowRoot?.querySelectorAll('six-menu-item') ?? []);\n }\n\n private setActiveItem(item: HTMLSixMenuItemElement) {\n item?.setFocus();\n }\n\n private handleClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n const clickedItem = target.closest('six-menu-item');\n if (clickedItem && !clickedItem.disabled) {\n this.sixMenuItemSelected.emit({ name: clickedItem.value, item: clickedItem });\n }\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (this.disableKeyboardHandling) {\n return;\n }\n\n // Make a selection when pressing enter\n if (event.key === 'Enter') {\n const activeItem = this.getActiveItem();\n event.preventDefault();\n\n if (activeItem != null) {\n this.sixMenuItemSelected.emit({ name: activeItem.value, item: activeItem });\n }\n }\n\n // Prevent scrolling when space is pressed\n if (event.key === ' ') {\n event.preventDefault();\n }\n\n // Move the selection when pressing down or up\n if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n const items = this.items === null ? this.getItems() : this.extractItemsFromDOM();\n\n let indexOfActiveItem = this.getActiveItemIndex();\n\n if (items.length > 0) {\n event.preventDefault();\n\n if (event.key === 'ArrowDown') {\n indexOfActiveItem++;\n } else if (event.key === 'ArrowUp') {\n indexOfActiveItem--;\n } else if (event.key === 'Home') {\n indexOfActiveItem = 0;\n } else if (event.key === 'End') {\n indexOfActiveItem = items.length - 1;\n }\n\n if (indexOfActiveItem < 0) indexOfActiveItem = 0;\n if (indexOfActiveItem > items.length - 1) indexOfActiveItem = items.length - 1;\n\n this.setActiveItem(items[indexOfActiveItem]);\n\n return;\n }\n }\n\n void this.typeToSelect(event.key);\n }\n\n private getMenuWrapperStyle() {\n const styles: Partial<StyleDeclaration> = {};\n if (this.getItemsShown() > 0) {\n // calculate the proper height to show the correct number of items\n styles.height = `${(this.getItemsShown() ?? 0) * this.sixMenuItemHeight}px`;\n } else if (this.items && this.items.length === 1) {\n styles.height = 'auto';\n }\n return {\n ...styles,\n };\n }\n\n private getMenuContainerStyle() {\n const styles: Partial<StyleDeclaration> = {};\n\n if (this.virtualScroll) {\n // calculate height of content are if all items would be rendered so the scrollbar has the proper size\n styles.transform = `translateY(${this.sixMenuItemHeight * this.scrollingIndex}px)`;\n }\n\n return {\n ...styles,\n };\n }\n\n private getScrollbarGhostStyle() {\n const styles: Partial<StyleDeclaration> = {};\n if (this.virtualScroll && this.items !== null && this.items.length > 1) {\n styles.height = `${this.items.length * this.sixMenuItemHeight - this.itemSize * this.sixMenuItemHeight}px`;\n }\n return {\n ...styles,\n };\n }\n\n private renderItems() {\n if (this.items === undefined || this.items === null) {\n return;\n }\n\n if (!this.virtualScroll) {\n return this.items.map(mapToMenuItem);\n }\n\n return this.items\n .slice(this.scrollingIndex, Math.min(this.items.length, this.itemSize + this.scrollingIndex))\n .map(({ value, label }: SixMenuItemData) => (\n <six-menu-item checkType=\"check\" key={value} value={value}>\n {label}\n </six-menu-item>\n ));\n }\n\n render() {\n return (\n <div\n ref={(el) => (this.menuWrapper = el)}\n style={this.getMenuWrapperStyle()}\n part=\"wrapper\"\n class={{\n menu: true,\n '.no-shadow': this.removeBoxShadow,\n }}\n >\n <div\n ref={(el) => (this.menu = el)}\n part=\"base\"\n role=\"menu\"\n onClick={this.handleClick}\n onKeyDown={this.handleKeyDown}\n tabIndex={0}\n style={this.getMenuContainerStyle()}\n >\n <slot />\n {this.renderItems()}\n </div>\n {this.virtualScroll && <div style={this.getScrollbarGhostStyle()} />}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ui-library/p-B1bClJZ6.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function n(n){const o=n.closest("form");if(o!=null){const n=document.createElement("button");n.type="submit";n.style.display="none";o.appendChild(n);n.click();n.remove()}}export{n as s};
2	+ //# sourceMappingURL=p-B1bClJZ6.js.map

package/dist/ui-library/p-B1bClJZ6.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-B1bClJZ6.js","sources":["src/utils/form.ts"],"sourcesContent":["export function submitForm(element: HTMLElement) {\n const form = element.closest('form');\n if (form != null) {\n // Calling form.submit() would bypass the submit event and constraint validation.\n // To prevent this, we inject a native submit button into the form, \"click\" it,\n // then remove it to simulate a standard form submission.\n const fakeButton = document.createElement('button');\n fakeButton.type = 'submit';\n fakeButton.style.display = 'none';\n form.appendChild(fakeButton);\n fakeButton.click();\n fakeButton.remove();\n }\n}\n"],"names":[],"mappings":"AAAM,SAAU,UAAU,CAAC,OAAoB,EAAA;IAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC;AACpC,IAAA,IAAI,IAAI,IAAI,IAAI,EAAE;;;;QAIhB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACnD,QAAA,UAAU,CAAC,IAAI,GAAG,QAAQ;AAC1B,QAAA,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AACjC,QAAA,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC;QAC5B,UAAU,CAAC,KAAK,EAAE;QAClB,UAAU,CAAC,MAAM,EAAE;;AAEvB;;;;"}

package/dist/ui-library/p-BY6hIEFX.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function o(o,t){return{top:Math.round(o.getBoundingClientRect().top-t.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-t.getBoundingClientRect().left)}}const t=new Set;function n(o){t.add(o);document.body.classList.add("six-scroll-lock")}function c(o){t.delete(o);if(t.size===0){document.body.classList.remove("six-scroll-lock")}}function i(t,n,c="vertical",i="smooth"){const e=o(t,n);const s=e.top+n.scrollTop;const l=e.left+n.scrollLeft;const f=n.scrollLeft;const a=n.scrollLeft+n.offsetWidth;const r=n.scrollTop;const h=n.scrollTop+n.offsetHeight;if(c==="horizontal"\|\|c==="both"){if(l<f){n.scrollTo({left:l,behavior:i})}else if(l+t.clientWidth>a){n.scrollTo({left:l-n.offsetWidth+t.clientWidth,behavior:i})}}if(c==="vertical"\|\|c==="both"){if(s<r){n.scrollTo({top:s,behavior:i})}else if(s+t.clientHeight>h){n.scrollTo({top:s-n.offsetHeight+t.clientHeight,behavior:i})}}}export{n as l,i as s,c as u};
2	+ //# sourceMappingURL=p-BY6hIEFX.js.map

package/dist/ui-library/p-BY6hIEFX.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-BY6hIEFX.js","sources":["src/utils/offset.ts","src/utils/scroll.ts"],"sourcesContent":["//\n// Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the\n// parent doesn't have to be positioned relative or absolute.\n//\n// NOTE: This was created to work around what appears to be a bug in Chrome where a slotted element's offsetParent\n// seems to ignore elements inside the surrounding shadow DOM: https://bugs.chromium.org/p/chromium/issues/detail?id=920069\n//\nexport function getOffset(element: HTMLElement, parent: HTMLElement) {\n return {\n top: Math.round(element.getBoundingClientRect().top - parent.getBoundingClientRect().top),\n left: Math.round(element.getBoundingClientRect().left - parent.getBoundingClientRect().left),\n };\n}\n","import { getOffset } from './offset';\n\nconst locks = new Set();\n\n//\n// Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible\n// without premature unlocking.\n//\nexport function lockBodyScrolling(lockingEl: HTMLElement) {\n locks.add(lockingEl);\n document.body.classList.add('six-scroll-lock');\n}\n\n//\n// Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.\n//\nexport function unlockBodyScrolling(lockingEl: HTMLElement) {\n locks.delete(lockingEl);\n\n if (locks.size === 0) {\n document.body.classList.remove('six-scroll-lock');\n }\n}\n\n//\n// Scrolls an element into view of its container. If the element is already in view, nothing will happen.\n//\nexport function scrollIntoView(\n element: HTMLElement,\n container: HTMLElement,\n direction: 'horizontal' | 'vertical' | 'both' = 'vertical',\n behavior: 'smooth' | 'auto' = 'smooth'\n) {\n const offset = getOffset(element, container);\n const offsetTop = offset.top + container.scrollTop;\n const offsetLeft = offset.left + container.scrollLeft;\n const minX = container.scrollLeft;\n const maxX = container.scrollLeft + container.offsetWidth;\n const minY = container.scrollTop;\n const maxY = container.scrollTop + container.offsetHeight;\n\n if (direction === 'horizontal' || direction === 'both') {\n if (offsetLeft < minX) {\n container.scrollTo({ left: offsetLeft, behavior });\n } else if (offsetLeft + element.clientWidth > maxX) {\n container.scrollTo({ left: offsetLeft - container.offsetWidth + element.clientWidth, behavior });\n }\n }\n\n if (direction === 'vertical' || direction === 'both') {\n if (offsetTop < minY) {\n container.scrollTo({ top: offsetTop, behavior });\n } else if (offsetTop + element.clientHeight > maxY) {\n container.scrollTo({ top: offsetTop - container.offsetHeight + element.clientHeight, behavior });\n }\n }\n}\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACgB,SAAA,SAAS,CAAC,OAAoB,EAAE,MAAmB,EAAA;IACjE,OAAO;AACL,QAAA,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC;AACzF,QAAA,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC;KAC7F;AACH;;ACVA,MAAM,KAAK,GAAG,IAAI,GAAG,EAAE;AAEvB;AACA;AACA;AACA;AACM,SAAU,iBAAiB,CAAC,SAAsB,EAAA;AACtD,IAAA,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC;IACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC;AAChD;AAEA;AACA;AACA;AACM,SAAU,mBAAmB,CAAC,SAAsB,EAAA;AACxD,IAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC;AAEvB,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,EAAE;QACpB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC;;AAErD;AAEA;AACA;AACA;AACM,SAAU,cAAc,CAC5B,OAAoB,EACpB,SAAsB,EACtB,SAAgD,GAAA,UAAU,EAC1D,QAAA,GAA8B,QAAQ,EAAA;IAEtC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC;IAC5C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,GAAG,SAAS,CAAC,SAAS;IAClD,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,GAAG,SAAS,CAAC,UAAU;AACrD,IAAA,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU;IACjC,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,GAAG,SAAS,CAAC,WAAW;AACzD,IAAA,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS;IAChC,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,GAAG,SAAS,CAAC,YAAY;IAEzD,IAAI,SAAS,KAAK,YAAY,IAAI,SAAS,KAAK,MAAM,EAAE;AACtD,QAAA,IAAI,UAAU,GAAG,IAAI,EAAE;YACrB,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;;aAC7C,IAAI,UAAU,GAAG,OAAO,CAAC,WAAW,GAAG,IAAI,EAAE;AAClD,YAAA,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,GAAG,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,EAAE,QAAQ,EAAE,CAAC;;;IAIpG,IAAI,SAAS,KAAK,UAAU,IAAI,SAAS,KAAK,MAAM,EAAE;AACpD,QAAA,IAAI,SAAS,GAAG,IAAI,EAAE;YACpB,SAAS,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;;aAC3C,IAAI,SAAS,GAAG,OAAO,CAAC,YAAY,GAAG,IAAI,EAAE;AAClD,YAAA,SAAS,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,GAAG,SAAS,CAAC,YAAY,GAAG,OAAO,CAAC,YAAY,EAAE,QAAQ,EAAE,CAAC;;;AAGtG;;;;"}

package/dist/ui-library/p-C4h4qpGl.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ class e{constructor(){this.eventListeners=[];this.add=(e,t,s,n=null)=>{this.eventListeners.push({el:e,name:t,listener:s,identifier:n});e.addEventListener(t,s)};this.remove=(e,t,s)=>{this.eventListeners=this.getFilteredEventListeners((n=>n.listener==s&&n.el===e&&n.name===t))};this.removeByIdentifier=e=>{const t=t=>t.identifier===e;const s=this.eventListeners.find(t)!==undefined;if(!s){return}this.eventListeners=this.getFilteredEventListeners(t)};this.removeAll=()=>{while(this.eventListeners.length>0){const e=this.eventListeners.pop();if(e!=null){e.el.removeEventListener(e.name,e.listener)}}}}getFilteredEventListeners(e){return this.eventListeners.filter((t=>{if(e(t)){t.el.removeEventListener(t.name,t.listener);return false}else{return true}}))}forward(e,t,s){switch(t){case"input":this.add(s,e,(()=>s.dispatchEvent(new InputEvent(t,{bubbles:true,cancelable:true}))));break;case"change":this.add(s,e,(()=>s.dispatchEvent(new InputEvent(t,{bubbles:true,cancelable:true}))));break;case"blur":this.add(s,e,(()=>s.dispatchEvent(new FocusEvent(t,{bubbles:true,cancelable:true}))));break;case"focus":this.add(s,e,(()=>s.dispatchEvent(new FocusEvent(t,{bubbles:true,cancelable:true}))));break}}}export{e as E};
2	+ //# sourceMappingURL=p-C4h4qpGl.js.map

package/dist/ui-library/p-C4h4qpGl.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-C4h4qpGl.js","sources":["src/utils/event-listeners.ts"],"sourcesContent":["interface EventListener {\n el: GlobalEventHandlers;\n name: string;\n listener: EventListenerOrEventListenerObject;\n identifier?: string | null;\n}\n\nexport class EventListeners {\n eventListeners: EventListener[] = [];\n\n add = <T extends GlobalEventHandlers>(\n el: T,\n name: string,\n listener: EventListenerOrEventListenerObject,\n identifier: string | null | undefined = null\n ) => {\n this.eventListeners.push({ el, name, listener, identifier });\n el.addEventListener(name, listener);\n };\n\n remove = <T extends GlobalEventHandlers>(el: T, name: string, listener: EventListenerOrEventListenerObject) => {\n this.eventListeners = this.getFilteredEventListeners(\n (eventListener: EventListener) =>\n eventListener.listener == listener && eventListener.el === el && eventListener.name === name\n );\n };\n\n removeByIdentifier = (identifier: string) => {\n const sameItem = (el: EventListener) => el.identifier === identifier;\n const foundListener = this.eventListeners.find(sameItem) !== undefined;\n if (!foundListener) {\n return;\n }\n this.eventListeners = this.getFilteredEventListeners(sameItem);\n };\n\n private getFilteredEventListeners(sameItem: (el: EventListener) => boolean) {\n return this.eventListeners.filter((item) => {\n if (sameItem(item)) {\n item.el.removeEventListener(item.name, item.listener);\n return false;\n } else {\n return true;\n }\n });\n }\n\n removeAll = () => {\n while (this.eventListeners.length > 0) {\n const eventListener: EventListener | undefined = this.eventListeners.pop();\n if (eventListener != null) {\n eventListener.el.removeEventListener(eventListener.name, eventListener.listener);\n }\n }\n };\n\n forward(from: string, to: 'input' | 'change' | 'blur' | 'focus', host: HTMLElement) {\n switch (to) {\n case 'input':\n this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n break;\n case 'change':\n this.add(host, from, () => host.dispatchEvent(new InputEvent(to, { bubbles: true, cancelable: true })));\n break;\n case 'blur':\n this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n break;\n case 'focus':\n this.add(host, from, () => host.dispatchEvent(new FocusEvent(to, { bubbles: true, cancelable: true })));\n break;\n }\n }\n}\n"],"names":[],"mappings":"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"}

package/dist/ui-library/p-CfIoyvm-.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ let t=[];class i{constructor(t,i){this.element=t;this.options=i;this.handleFocusIn=this.handleFocusIn.bind(this)}activate(){t.push(this.element);document.addEventListener("focusin",this.handleFocusIn)}deactivate(){t=t.filter((t=>t!==this.element));document.removeEventListener("focusin",this.handleFocusIn)}isActive(){return t[t.length-1]===this.element}handleFocusIn(t){var i,s;const h=t.target;const o=this.element.tagName.toLowerCase();if(this.isActive()&&h.closest(o)!==this.element&&typeof((i=this.options)===null\|\|i===void 0?void 0:i.onFocusOut)==="function"){(s=this.options)===null\|\|s===void 0?void 0:s.onFocusOut(t)}}}export{i as M};
2	+ //# sourceMappingURL=p-CfIoyvm-.js.map

package/dist/ui-library/p-CfIoyvm-.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"p-CfIoyvm-.js","sources":["src/utils/modal.ts"],"sourcesContent":["interface ModalOptions {\n onFocusOut?: (event: Event) => void;\n}\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n element: HTMLElement;\n options?: ModalOptions;\n\n constructor(element: HTMLElement, options?: ModalOptions) {\n this.element = element;\n this.options = options;\n this.handleFocusIn = this.handleFocusIn.bind(this);\n }\n\n activate() {\n activeModals.push(this.element);\n document.addEventListener('focusin', this.handleFocusIn);\n }\n\n deactivate() {\n activeModals = activeModals.filter((modal) => modal !== this.element);\n document.removeEventListener('focusin', this.handleFocusIn);\n }\n\n isActive() {\n // The \"active\" modal is always the most recent one shown\n return activeModals[activeModals.length - 1] === this.element;\n }\n\n handleFocusIn(event: Event) {\n const target = event.target as HTMLElement;\n const tagName = this.element.tagName.toLowerCase();\n\n // If focus is lost while the modal is active, run the onFocusOut callback\n if (this.isActive() && target.closest(tagName) !== this.element && typeof this.options?.onFocusOut === 'function') {\n this.options?.onFocusOut(event);\n }\n }\n}\n"],"names":[],"mappings":"AAIA,IAAI,YAAY,GAAkB,EAAE;AAEtB,MAAO,KAAK,CAAA;IAIxB,WAAY,CAAA,OAAoB,EAAE,OAAsB,EAAA;AACtD,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;QACtB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGpD,QAAQ,GAAA;AACN,QAAA,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAC/B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;;IAG1D,UAAU,GAAA;AACR,QAAA,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC;QACrE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;;IAG7D,QAAQ,GAAA;;AAEN,QAAA,OAAO,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO;;AAG/D,IAAA,aAAa,CAAC,KAAY,EAAA;;AACxB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAqB;QAC1C,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,EAAE;;AAGlD,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,IAAI,QAAO,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,CAAA,KAAK,UAAU,EAAE;YACjH,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,UAAU,CAAC,KAAK,CAAC;;;AAGpC;;;;"}