npm - globuswebcomponents - Versions diffs - 2.18.18 → 2.19.1 - Mend

globuswebcomponents 2.18.18 → 2.19.1

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 (363) hide show

package/dist/components/{p-CsbD-FsX.js.map → p-Ba2nqAFI.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CsbD-FsX.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-textarea-input-field/gb-textarea-input-field.css?tag=gb-textarea-input-field&encapsulation=shadow","src/components/gb-textarea-input-field/gb-textarea-input-field.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n.textarea_container{\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2);\n}\n\n.input_with_label{\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2);\n}\n\n.textarea{\n border: 1px solid var(--color-border-input, #CDD5DF);\n border-radius: var(--rounded-sm);\n padding: 0.75rem 0.875rem;\n font-family: var(--font-family-body);\n resize: none;\n min-height: 7.5rem;\n overflow: visible;\n background: transparent;\n color: var(--color-text);\n}\n\n.default_textarea:focus{\n border-color: #075DB2;\n outline: #075DB2;\n}\n\n.textarea::placeholder{\n color: var(--color-text-subtle, #697586);\n}\n\n.results_display {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n gap: 0.5rem;\n width: 100%;\n background-color: var(--color-surface, #FFFFFF);\n}\n\n.results_display.disabled{\n background: var(--color-background-disabled, #F6F8FA);\n}\n\n.textarea_tags{\n --weight: fit-content;\n /* flex-direction: row-reverse; /\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.textarea.tags{\n display: flex;\n}\n\n.input_like,\n.results_display{\n height: fit-content;\n}\n\n.input_like{\n border: none;\n font-family: var(--font-family-body);\n}\n\n.input_like:focus{\n outline: none;\n}\n\n.input_like.disabled{\n background: var(--color-background-disabled, #F6F8FA);\n}\n\n.hidden-span {\n visibility: hidden;\n position: absolute;\n max-width: 100%;\n white-space: pre;\n}\n\n/ State Styles */\n.textarea:focus-within{\n border: 1.3px solid var(--color-border-selected, #075DB2);\n outline-color: transparent;\n}\n\n.textarea.destructive{\n border: 1px solid var(--color-border-danger, #B51726);\n}\n\n.textarea.disabled{\n background: var(--color-background-gray-subtlest, #F6F8FA);\n border: 1px solid var(--color-border-disabled, #E3E8EF);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.label {\n color: var(--color-text, #4B5565);\n}\n\n.hint_text{\n color: var(--color-text-subtle, #697586);\n}\n\n.error_text{\n color: var(--color-text-danger, #B51726);\n}\n\n.dropdown_menu{\n display: flex;\n min-width: 100%;\n width: fit-content;\n max-height: 15rem;\n padding: var(--spacing-none);\n flex-direction: column;\n align-items: stretch;\n border-radius: var(--rounded-sm);\n border: 1px solid var(--color-border-subtler, #E3E8EF);\n background: var(--color-surface, #FFFFFF);\n box-shadow: var(--shadow-sm);\n position: absolute;\n z-index: 99999;\n gap: var(--spacing-none);\n transition: 1s ease-in-out;\n overflow-y: auto;\n top: 105%;\n}","import { Component, Element, Prop, State, h, Fragment, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { StateEnum } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-textarea-input-field',\n styleUrl: 'gb-textarea-input-field.css',\n shadow: true,\n})\nexport class GbTextareaInputField {\n @Prop() type: 'default' \| 'tags';\n @Prop({ mutable: true }) state: 'default' \| 'filled' \| 'active' \| 'disabled';\n @Prop() destructive: boolean = false;\n @Prop() placeholderText: string = '';\n @Prop() showLabel: boolean = false;\n @Prop() label: string = '';\n @Prop() showHintText: boolean = false;\n @Prop() hintText: string = '';\n @Prop() errorText: string = '';\n @Prop({ reflect: true }) idOfInput!: string;\n @Prop({ reflect: true }) isReadOnly: boolean = false;\n @Prop({ mutable: true }) value: any[] = [\n // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\n // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\n // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\n // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\n // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\n ];\n @Prop() icon: 'country' \| 'avatar' \| 'dot' \| 'false';\n @Prop({ mutable: true }) results: any[] = [\n // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\n // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\n // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\n // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\n // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\n // 10,\n // 20,\n // 30,\n // 40,\n // 50,\n ];\n @Prop({ mutable: true}) inputValue: string = '';\n @Element() el: HTMLElement;\n @State() content: string = '';\n @State() selectedStaff: any[] = [];\n @State() paddingLeft: string = '1rem';\n @State() paddingTop: string = '0rem';\n @State() show: boolean = false;\n @State() staffInfo: any[] = [];\n @State() selectedItems: any[] = [];\n @State() unselectedItems: any[] = [];\n @Event() textareaValueChanged: EventEmitter<any>;\n\n private textarea!: HTMLTextAreaElement;\n inputElement!: HTMLInputElement;\n resultsDisplayElement!: HTMLDivElement;\n private hiddenSpan: HTMLElement;\n private minWidth: number = 10;\n\n connectedCallback() {\n if (this.type === 'tags') {\n document.addEventListener('click', this.handleClickOutside);\n this.inputElement?.addEventListener('input', this.handleTagInput.bind(this));\n } else {\n this.inputElement?.addEventListener('input', this.handleInput.bind(this));\n }\n }\n\n componentDidLoad() {\n this.updateInputWidth();\n }\n\n componentWillLoad() {\n this.updateSelectedItems(this.value);\n }\n\n disconnectedCallback() {\n if(this.type === 'tags') {\n this.inputElement?.removeEventListener('input', this.handleTagInput.bind(this));\n document.removeEventListener('click', this.handleClickOutside);\n } else {\n this.inputElement?.removeEventListener('input', this.handleInput.bind(this));\n }\n }\n\n handleInput() {\n this.textarea.style.height = 'auto'; // Reset height to calculate the new height\n this.textarea.style.height = `${this.textarea.scrollHeight - 22}px`; // Set the height to the scrollHeight\n this.textareaValueChanged.emit(this.textarea.value);\n }\n\n handleInputFocus() {\n if (this.destructive) {\n this.destructive = false;\n }\n }\n\n handleTagInput(event: Event) {\n const target = event.target as HTMLInputElement;\n this.inputValue = target.value; // Update the value\n this.textareaValueChanged.emit(this.selectedItems);\n\n if (this.inputValue.trim() === '') {\n this.show = false;\n // this.results = [];\n return;\n }\n\n // Simulate API call\n setTimeout(() => {\n // this.results = this.mockStaffSearch(this.inputValue);\n this.show = this.results.length > 0;\n }, 1000);\n\n this.updateInputWidth();\n }\n\n emitInputValue() {\n this.textareaValueChanged.emit(this.selectedItems);\n }\n\n handleTagRemove(index: number) {\n if (this.value.length > 0) {\n this.value = [...this.value.slice(0, index), ...this.value.slice(index + 1)];\n this.updateStyles();\n this.emitInputValue();\n } else {\n this.selectedItems = [...this.selectedItems.slice(0, index), ...this.selectedItems.slice(index + 1)];\n this.updateStyles();\n this.emitInputValue();\n }\n }\n\n updateStyles() {\n setTimeout(() => {\n if (this.resultsDisplayElement) {\n const resultsWidth = this.resultsDisplayElement.offsetWidth;\n const inputWidth = this.inputElement.offsetWidth;\n\n this.paddingLeft = this.selectedItems.length === 0 ? '1rem' : `${resultsWidth + 10}px`;\n\n this.paddingTop = this.selectedItems.length > 2 ? '1rem' : `${inputWidth + 10}px`;\n }\n });\n\n if (this.destructive) {\n this.destructive = false;\n }\n this.inputValue = '';\n }\n\n mockStaffSearch(query: string) {\n const mockData = this.results;\n\n return mockData.filter(staff => staff.objectName.toLowerCase().includes(query.toLowerCase()));\n }\n\n selectStaff(staff: any) {\n this.selectedStaff = [...this.selectedStaff, staff];\n this.inputValue = '';\n this.staffInfo = [];\n this.updateStyles();\n }\n\n updateInputWidth() {\n if (this.hiddenSpan) {\n const input = this.el.shadowRoot.querySelector('input') as HTMLInputElement;\n\n // Update input width based on span's width or use minimum width\n const calculatedWidth = Math.max(this.hiddenSpan.offsetWidth + 10, this.minWidth);\n input.style.width = `${calculatedWidth}px`;\n }\n }\n\n handleWrapperClick() {\n this.inputElement.focus(); // Focus the input field\n }\n\n selectDropdownItem(item: any) {\n if (this.value.length === 0) {\n const isObject = typeof item === 'object';\n const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\n if (isSelected) {\n // Unselect item: Move it from selectedItems to unselectedItems\n this.selectedItems = this.selectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\n if (!this.unselectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item))) {\n this.unselectedItems = [...this.unselectedItems, item];\n }\n this.textareaValueChanged.emit(this.selectedItems);\n } else {\n // Select item: Move it from unselectedItems to selectedItems\n this.selectedItems = [...this.selectedItems, item];\n this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\n this.textareaValueChanged.emit(this.selectedItems);\n }\n } else {\n const isObject = typeof item === 'object';\n const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\n\n if (isSelected) {\n this.value = this.value.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\n this.textareaValueChanged.emit(this.value);\n } else {\n this.value = [...this.value, item]; // Add item to array\n this.textareaValueChanged.emit(this.value);\n }\n }\n\n this.updateStyles();\n }\n\n @Watch('value')\n updateSelectedItems(newValue: any[]) {\n if (Array.isArray(newValue) && newValue.length > 0) {\n this.selectedItems = [];\n this.unselectedItems = [];\n\n const objectValues = newValue.filter(val => typeof val === 'object' && val !== null);\n const primitiveValues = newValue.filter(val => typeof val !== 'object');\n\n this.selectedItems = this.results.filter(item =>\n typeof item === 'object' && item !== null\n ? objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) // Avoid object reference issues\n : primitiveValues.includes(item),\n );\n\n this.unselectedItems = this.results.filter(item =>\n typeof item === 'object' && item !== null ? !objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) : !primitiveValues.includes(item),\n );\n } else {\n this.selectedItems = [];\n this.unselectedItems = [...this.results];\n }\n }\n\n isTagItemSelected(item) {\n // return this.selectedStaff.some(i => i.name === item.name);\n\n const isObject = typeof item === 'object';\n return this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\n }\n\n @Listen('click', { target: 'document' })\n handleClickOutside(event: MouseEvent) {\n if (this.show && !this.el.contains(event.target as Node)) {\n this.show = false;\n }\n }\n\n render() {\n return (\n <div class=\"textarea_container\">\n <div class=\"input_with_label\">\n {this.showLabel && <p class={`label text-sm-medium`}>{this.label}</p>}\n {this.type === 'default' && (\n <textarea\n ref={el => (this.textarea = el as HTMLTextAreaElement)}\n onInput={() => this.handleInput()}\n onFocus={() => this.handleInputFocus()}\n class={`textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`}\n placeholder={this.placeholderText}\n value={this.inputValue}\n ></textarea>\n )}\n {this.type === 'tags' && (\n <div class=\"textarea_tags\">\n <div class={`textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`} onClick={() => this.handleWrapperClick()}>\n <div class={`results_display ${this.state === 'disabled' ? 'disabled' : ''}`} ref={el => (this.resultsDisplayElement = el as HTMLDivElement)}>\n {this.value.length === 0 ? (\n <>\n {this.selectedItems.map((item, index) => (\n <>\n {typeof item === 'object' ? (\n <div class=\"added_tag\" key={index}>\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\n <p class=\"text-xs-medium\">{item.objectName.split(' ')[0]}</p>\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\n {item.objectName\n .split(' ')\n .map(part => part.charAt(0).toUpperCase())\n .join('')}\n </h1>\n </gb-tag>\n </div>\n ) : (\n <div class=\"added_tag\" key={index}>\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\n <p class=\"text-xs-medium\">{item}</p>\n </gb-tag>\n </div>\n )}\n </>\n ))}\n </>\n ) : (\n <>\n {this.value.map((val, index) => (\n <>\n {typeof val === 'object' ? (\n <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\n <h1 class=\"text-xxs-semi-bold\" slot=\"initials\">\n {val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())}\n </h1>\n <p>{val.objectName.split(' ')[0]}</p>\n </gb-tag>\n ) : (\n <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\n <p>{val}</p>\n </gb-tag>\n )}\n </>\n ))}\n </>\n )}\n <span class=\"hidden-span\" ref={el => (this.hiddenSpan = el as HTMLElement)}>\n {this.inputValue \|\| ' '}\n </span>\n <div class=\"input_field\">\n <input\n id={this.idOfInput}\n class={`input_like text-md-regular ${this.state}`}\n type=\"text\"\n // placeholder={this.placeholderText}\n value={this.inputValue}\n readOnly={this.isReadOnly}\n ref={el => (this.inputElement = el as HTMLInputElement)}\n onBlur={() => this.emitInputValue()}\n />\n </div>\n </div>\n {this.destructive && (\n <div class=\"help_icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z\"\n stroke=\"#B51726\"\n stroke-width=\"1.33333\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n )}\n </div>\n {this.show && (\n <div class={`dropdown_menu`}>\n {this.results.map(item => (\n <gb-input-dropdown-menu-item\n type=\"checkbox\"\n supporting-text={true}\n state={StateEnum.Default}\n onClick={() => this.selectDropdownItem(item)}\n selected={this.isTagItemSelected(item)}\n >\n {typeof item === 'object'\n ? [<p slot=\"name\">{item.objectName}</p>, <p slot=\"supporting_text\">{item.objectValue}</p>]\n : typeof item !== 'object' && <p slot=\"name\">{item}</p>}\n </gb-input-dropdown-menu-item>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n {this.showHintText && <>{!this.destructive ? <p class=\"hint_text text-sm-regular\">{this.hintText}</p> : <p class=\"error_text text-sm-regular\">{this.errorText}</p>}</>}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Ba2nqAFI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-textarea-input-field/gb-textarea-input-field.css?tag=gb-textarea-input-field&encapsulation=shadow","src/components/gb-textarea-input-field/gb-textarea-input-field.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n.textarea_container{\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2);\n}\n\n.input_with_label{\n display: flex;\n flex-direction: column;\n gap: var(--spacing-2);\n}\n\n.textarea{\n border: 1px solid var(--color-border-input, #CDD5DF);\n border-radius: var(--rounded-sm);\n padding: 0.75rem 0.875rem;\n font-family: var(--font-family-body);\n resize: none;\n min-height: 7.5rem;\n overflow: visible;\n background: transparent;\n color: var(--color-text);\n}\n\n.default_textarea:focus{\n border-color: #075DB2;\n outline: #075DB2;\n}\n\n.textarea::placeholder{\n color: var(--color-text-subtle, #697586);\n}\n\n.results_display {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n gap: 0.5rem;\n width: 100%;\n background-color: var(--color-surface, #FFFFFF);\n}\n\n.results_display.disabled{\n background: var(--color-background-disabled, #F6F8FA);\n}\n\n.textarea_tags{\n --weight: fit-content;\n /* flex-direction: row-reverse; /\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.textarea.tags{\n display: flex;\n}\n\n.input_like,\n.results_display{\n height: fit-content;\n}\n\n.input_like{\n border: none;\n font-family: var(--font-family-body);\n}\n\n.input_like:focus{\n outline: none;\n}\n\n.input_like.disabled{\n background: var(--color-background-disabled, #F6F8FA);\n}\n\n.hidden-span {\n visibility: hidden;\n position: absolute;\n max-width: 100%;\n white-space: pre;\n}\n\n/ State Styles */\n.textarea:focus-within{\n border: 1.3px solid var(--color-border-selected, #075DB2);\n outline-color: transparent;\n}\n\n.textarea.destructive{\n border: 1px solid var(--color-border-danger, #B51726);\n}\n\n.textarea.disabled{\n background: var(--color-background-gray-subtlest, #F6F8FA);\n border: 1px solid var(--color-border-disabled, #E3E8EF);\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.label {\n color: var(--color-text, #4B5565);\n}\n\n.hint_text{\n color: var(--color-text-subtle, #697586);\n}\n\n.error_text{\n color: var(--color-text-danger, #B51726);\n}\n\n.dropdown_menu{\n display: flex;\n min-width: 100%;\n width: fit-content;\n max-height: 15rem;\n padding: var(--spacing-none);\n flex-direction: column;\n align-items: stretch;\n border-radius: var(--rounded-sm);\n border: 1px solid var(--color-border-subtler, #E3E8EF);\n background: var(--color-surface, #FFFFFF);\n box-shadow: var(--shadow-sm);\n position: absolute;\n z-index: 99999;\n gap: var(--spacing-none);\n transition: 1s ease-in-out;\n overflow-y: auto;\n top: 105%;\n}","import { Component, Element, Prop, State, h, Fragment, Event, EventEmitter, Listen, Watch } from '@stencil/core';\nimport { StateEnum } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-textarea-input-field',\n styleUrl: 'gb-textarea-input-field.css',\n shadow: true,\n})\nexport class GbTextareaInputField {\n @Prop() type: 'default' \| 'tags';\n @Prop({ mutable: true }) state: 'default' \| 'filled' \| 'active' \| 'disabled';\n @Prop() destructive: boolean = false;\n @Prop() placeholderText: string = '';\n @Prop() showLabel: boolean = false;\n @Prop() label: string = '';\n @Prop() showHintText: boolean = false;\n @Prop() hintText: string = '';\n @Prop() errorText: string = '';\n @Prop({ reflect: true }) idOfInput!: string;\n @Prop({ reflect: true }) isReadOnly: boolean = false;\n @Prop({ mutable: true }) value: any[] = [\n // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\n // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\n // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\n // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\n // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\n ];\n @Prop() icon: 'country' \| 'avatar' \| 'dot' \| 'false';\n @Prop({ mutable: true }) results: any[] = [\n // { objectName: 'John Doe', objectValue: 'john.doe@example.com' },\n // { objectName: 'Jane Smith', objectValue: 'jane.smith@example.com' },\n // { objectName: 'Alice Johnson', objectValue: 'alice.johnson@example.com' },\n // { objectName: 'Emmanuel Kadiri', objectValue: 'kadiri2047@gmail.com' },\n // { objectName: 'Gideon Ogunkola', objectValue: 'gideon@example.com' },\n // 10,\n // 20,\n // 30,\n // 40,\n // 50,\n ];\n @Prop({ mutable: true}) inputValue: string = '';\n @Element() el: HTMLElement;\n @State() content: string = '';\n @State() selectedStaff: any[] = [];\n @State() paddingLeft: string = '1rem';\n @State() paddingTop: string = '0rem';\n @State() show: boolean = false;\n @State() staffInfo: any[] = [];\n @State() selectedItems: any[] = [];\n @State() unselectedItems: any[] = [];\n @Event() textareaValueChanged: EventEmitter<any>;\n\n private textarea!: HTMLTextAreaElement;\n inputElement!: HTMLInputElement;\n resultsDisplayElement!: HTMLDivElement;\n private hiddenSpan: HTMLElement;\n private minWidth: number = 10;\n\n connectedCallback() {\n if (this.type === 'tags') {\n document.addEventListener('click', this.handleClickOutside);\n this.inputElement?.addEventListener('input', this.handleTagInput.bind(this));\n } else {\n this.inputElement?.addEventListener('input', this.handleInput.bind(this));\n }\n }\n\n componentDidLoad() {\n this.updateInputWidth();\n }\n\n componentWillLoad() {\n this.updateSelectedItems(this.value);\n }\n\n disconnectedCallback() {\n if(this.type === 'tags') {\n this.inputElement?.removeEventListener('input', this.handleTagInput.bind(this));\n document.removeEventListener('click', this.handleClickOutside);\n } else {\n this.inputElement?.removeEventListener('input', this.handleInput.bind(this));\n }\n }\n\n handleInput() {\n this.textarea.style.height = 'auto'; // Reset height to calculate the new height\n this.textarea.style.height = `${this.textarea.scrollHeight - 22}px`; // Set the height to the scrollHeight\n this.textareaValueChanged.emit(this.textarea.value);\n }\n\n handleInputFocus() {\n if (this.destructive) {\n this.destructive = false;\n }\n }\n\n handleTagInput(event: Event) {\n const target = event.target as HTMLInputElement;\n this.inputValue = target.value; // Update the value\n this.textareaValueChanged.emit(this.selectedItems);\n\n if (this.inputValue.trim() === '') {\n this.show = false;\n // this.results = [];\n return;\n }\n\n // Simulate API call\n setTimeout(() => {\n // this.results = this.mockStaffSearch(this.inputValue);\n this.show = this.results.length > 0;\n }, 1000);\n\n this.updateInputWidth();\n }\n\n emitInputValue() {\n this.textareaValueChanged.emit(this.selectedItems);\n }\n\n handleTagRemove(index: number) {\n if (this.value.length > 0) {\n this.value = [...this.value.slice(0, index), ...this.value.slice(index + 1)];\n this.updateStyles();\n this.emitInputValue();\n } else {\n this.selectedItems = [...this.selectedItems.slice(0, index), ...this.selectedItems.slice(index + 1)];\n this.updateStyles();\n this.emitInputValue();\n }\n }\n\n updateStyles() {\n setTimeout(() => {\n if (this.resultsDisplayElement) {\n const resultsWidth = this.resultsDisplayElement.offsetWidth;\n const inputWidth = this.inputElement.offsetWidth;\n\n this.paddingLeft = this.selectedItems.length === 0 ? '1rem' : `${resultsWidth + 10}px`;\n\n this.paddingTop = this.selectedItems.length > 2 ? '1rem' : `${inputWidth + 10}px`;\n }\n });\n\n if (this.destructive) {\n this.destructive = false;\n }\n this.inputValue = '';\n }\n\n mockStaffSearch(query: string) {\n const mockData = this.results;\n\n return mockData.filter(staff => staff.objectName.toLowerCase().includes(query.toLowerCase()));\n }\n\n selectStaff(staff: any) {\n this.selectedStaff = [...this.selectedStaff, staff];\n this.inputValue = '';\n this.staffInfo = [];\n this.updateStyles();\n }\n\n updateInputWidth() {\n if (this.hiddenSpan) {\n const input = this.el.shadowRoot.querySelector('input') as HTMLInputElement;\n\n // Update input width based on span's width or use minimum width\n const calculatedWidth = Math.max(this.hiddenSpan.offsetWidth + 10, this.minWidth);\n input.style.width = `${calculatedWidth}px`;\n }\n }\n\n handleWrapperClick() {\n this.inputElement.focus(); // Focus the input field\n }\n\n selectDropdownItem(item: any) {\n if (this.value.length === 0) {\n const isObject = typeof item === 'object';\n const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\n if (isSelected) {\n // Unselect item: Move it from selectedItems to unselectedItems\n this.selectedItems = this.selectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\n if (!this.unselectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item))) {\n this.unselectedItems = [...this.unselectedItems, item];\n }\n this.textareaValueChanged.emit(this.selectedItems);\n } else {\n // Select item: Move it from unselectedItems to selectedItems\n this.selectedItems = [...this.selectedItems, item];\n this.unselectedItems = this.unselectedItems.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\n this.textareaValueChanged.emit(this.selectedItems);\n }\n } else {\n const isObject = typeof item === 'object';\n const isSelected = this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\n\n if (isSelected) {\n this.value = this.value.filter(i => (isObject ? i.objectName !== item.objectName : i !== item));\n this.textareaValueChanged.emit(this.value);\n } else {\n this.value = [...this.value, item]; // Add item to array\n this.textareaValueChanged.emit(this.value);\n }\n }\n\n this.updateStyles();\n }\n\n @Watch('value')\n updateSelectedItems(newValue: any[]) {\n if (Array.isArray(newValue) && newValue.length > 0) {\n this.selectedItems = [];\n this.unselectedItems = [];\n\n const objectValues = newValue.filter(val => typeof val === 'object' && val !== null);\n const primitiveValues = newValue.filter(val => typeof val !== 'object');\n\n this.selectedItems = this.results.filter(item =>\n typeof item === 'object' && item !== null\n ? objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) // Avoid object reference issues\n : primitiveValues.includes(item),\n );\n\n this.unselectedItems = this.results.filter(item =>\n typeof item === 'object' && item !== null ? !objectValues.some(val => JSON.stringify(val) === JSON.stringify(item)) : !primitiveValues.includes(item),\n );\n } else {\n this.selectedItems = [];\n this.unselectedItems = [...this.results];\n }\n }\n\n isTagItemSelected(item) {\n // return this.selectedStaff.some(i => i.name === item.name);\n\n const isObject = typeof item === 'object';\n return this.selectedItems.some(i => (isObject ? i.objectName === item.objectName : i === item));\n }\n\n @Listen('click', { target: 'document' })\n handleClickOutside(event: MouseEvent) {\n if (this.show && !this.el.contains(event.target as Node)) {\n this.show = false;\n }\n }\n\n render() {\n return (\n <div class=\"textarea_container\">\n <div class=\"input_with_label\">\n {this.showLabel && <p class={`label text-sm-medium`}>{this.label}</p>}\n {this.type === 'default' && (\n <textarea\n ref={el => (this.textarea = el as HTMLTextAreaElement)}\n onInput={() => this.handleInput()}\n onFocus={() => this.handleInputFocus()}\n class={`textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`}\n placeholder={this.placeholderText}\n value={this.inputValue}\n ></textarea>\n )}\n {this.type === 'tags' && (\n <div class=\"textarea_tags\">\n <div class={`textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`} onClick={() => this.handleWrapperClick()}>\n <div class={`results_display ${this.state === 'disabled' ? 'disabled' : ''}`} ref={el => (this.resultsDisplayElement = el as HTMLDivElement)}>\n {this.value.length === 0 ? (\n <>\n {this.selectedItems.map((item, index) => (\n <>\n {typeof item === 'object' ? (\n <div class=\"added_tag\" key={index}>\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\n <p class=\"text-xs-medium\">{item.objectName.split(' ')[0]}</p>\n <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\n {item.objectName\n .split(' ')\n .map(part => part.charAt(0).toUpperCase())\n .join('')}\n </h1>\n </gb-tag>\n </div>\n ) : (\n <div class=\"added_tag\" key={index}>\n <gb-tag size=\"sm\" icon={this.icon ? this.icon : 'avatar'} action=\"X_close\" onClick={() => this.handleTagRemove(index)}>\n <p class=\"text-xs-medium\">{item}</p>\n </gb-tag>\n </div>\n )}\n </>\n ))}\n </>\n ) : (\n <>\n {this.value.map((val, index) => (\n <>\n {typeof val === 'object' ? (\n <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\n <h1 class=\"text-xxs-semi-bold\" slot=\"initials\">\n {val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())}\n </h1>\n <p>{val.objectName.split(' ')[0]}</p>\n </gb-tag>\n ) : (\n <gb-tag size=\"sm\" action=\"X_close\" icon={this.icon ? this.icon : 'avatar'} onClick={() => this.handleTagRemove(index)} key={index}>\n <p>{val}</p>\n </gb-tag>\n )}\n </>\n ))}\n </>\n )}\n <span class=\"hidden-span\" ref={el => (this.hiddenSpan = el as HTMLElement)}>\n {this.inputValue \|\| ' '}\n </span>\n <div class=\"input_field\">\n <input\n id={this.idOfInput}\n class={`input_like text-md-regular ${this.state}`}\n type=\"text\"\n // placeholder={this.placeholderText}\n value={this.inputValue}\n readOnly={this.isReadOnly}\n ref={el => (this.inputElement = el as HTMLInputElement)}\n onBlur={() => this.emitInputValue()}\n />\n </div>\n </div>\n {this.destructive && (\n <div class=\"help_icon\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n <path\n d=\"M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z\"\n stroke=\"#B51726\"\n stroke-width=\"1.33333\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n </div>\n )}\n </div>\n {this.show && (\n <div class={`dropdown_menu`}>\n {this.results.map(item => (\n <gb-input-dropdown-menu-item\n type=\"checkbox\"\n supporting-text={true}\n state={StateEnum.Default}\n onClick={() => this.selectDropdownItem(item)}\n selected={this.isTagItemSelected(item)}\n >\n {typeof item === 'object'\n ? [<p slot=\"name\">{item.objectName}</p>, <p slot=\"supporting_text\">{item.objectValue}</p>]\n : typeof item !== 'object' && <p slot=\"name\">{item}</p>}\n </gb-input-dropdown-menu-item>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n {this.showHintText && <>{!this.destructive ? <p class=\"hint_text text-sm-regular\">{this.hintText}</p> : <p class=\"error_text text-sm-regular\">{this.errorText}</p>}</>}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-Cd6l_J_d.js → p-Bd_W1zWv.js} RENAMED Viewed

@@ -18,7 +18,7 @@ const GbStatusIndicator = /*@__PURE__*/ proxyCustomElement(class GbStatusIndicat
     render() {
         const companyIconSrc = getAssetPath(`${this.companyIcon}`);
         return [
-            h("div", { key: '0d47320088994ba637ce7e747ebe37269d04da4f' }, this.statusIcon === 'online_indicator' && h("div", { key: 'fd7f70664168ff38330bbd6690d5c4f1ed534df2', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'e1b6f65dcf156d8ea9cc55a00f19b682d1a9dd1b', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'b3c93a7a55526b71ff8729121449a6c94ea8e5bf', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'd4659d974d08265af9caf9f1bf3ff795ceacd39c', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '0caf591c6e657feaa90839fc7e1a0a1382f93e96', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'c3cb9b257bae783d8b4296da4f3db0b2a821361e' }, h("clipPath", { key: 'f5aea39bfd18dbf8a330e796b787d6d68554c2a0', id: "clip0_0_21453" }, h("rect", { key: 'ab39784f52971c23d4a6bbf13ffb09da79a1880f', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h(Fragment, null, !this.companyIcon ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" }))) : (h("img", { class: `company ${this.size}`, src: companyIconSrc, alt: "" }))))),
+            h("div", { key: '5dc45c1a134e087d07571fc426cb9d050bfa3a19' }, this.statusIcon === 'online_indicator' && h("div", { key: '3572403572d87170eaaec7228c0b46e6a68f38b2', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: '2287bfb9efe2a0cd6c5043690a0c727937171bc8', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'f6b548af3c253993899de98f5b3a4324d6883357', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '89f176cfc326595d7e466eaa51983118a86686ac', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '4cf8de6574d6231842b20c43dd7986eee8a65444', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '68539d58112f42ae71eeef1a6fe032d657f4c939' }, h("clipPath", { key: '0f4c40def6c5bf5e736a615beffebba1f25edcab', id: "clip0_0_21453" }, h("rect", { key: '220b77dd28420c52a40bf75caae2d6d93a7c69c6', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h(Fragment, null, !this.companyIcon ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" }))) : (h("img", { class: `company ${this.size}`, src: companyIconSrc, alt: "" }))))),
         ];
     }
     static get assetsDirs() { return ["assets"]; }
@@ -46,6 +46,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbStatusIndicator as G, defineCustomElement as d };
-//# sourceMappingURL=p-Cd6l_J_d.js.map
+//# sourceMappingURL=p-Bd_W1zWv.js.map
-//# sourceMappingURL=p-Cd6l_J_d.js.map
+//# sourceMappingURL=p-Bd_W1zWv.js.map

package/dist/components/{p-Cd6l_J_d.js.map → p-Bd_W1zWv.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Cd6l_J_d.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-status-indicator/gb-status-indicator.css?tag=gb-status-indicator&encapsulation=shadow","src/components/gb-status-indicator/gb-status-indicator.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.online_icon {\n border: 1.5px solid var(--color-border-inverse, #ffffff);\n border-radius: var(--rounded-full);\n}\n\n/* Online Indicator States /\n.online_icon.offline {\n background-color: var(--color-background-gray, #cdd5df);\n}\n\n.online_icon.online {\n background-color: var(--color-icon-success, #079455);\n}\n\n/ Online Indicator Sizes /\n.online_icon.xxs {\n width: 0.25rem;\n height: 0.25rem;\n}\n\n.online_icon.xs {\n width: 0.375rem;\n height: 0.375rem;\n}\n\n.online_icon.sm {\n width: var(--spacing-2);\n height: var(--spacing-2);\n}\n\n.online_icon.md {\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.online_icon.lg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n}\n\n.online_icon.xl {\n width: 0.875rem;\n height: 0.875rem;\n}\n\n.online_icon.xxl {\n width: var(--spacing-4);\n height: var(--spacing-4);\n}\n\n/ Verified Tick Sizes /\n.verified.xxs {\n width: 0.375rem;\n height: 0.375rem;\n}\n\n.verified.xs {\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.verified.sm {\n width: var(--spacing-3);\n height: var(--spacing-3);\n}\n\n.verified.md {\n width: 0.875rem;\n height: 0.875rem;\n}\n\n.verified.lg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n}\n\n.verified.xl {\n width: 1.125rem;\n height: 1.125rem;\n}\n\n.verified.xxl {\n width: var(--spacing-5);\n height: var(--spacing-5);\n}\n\n.verified.xl3 {\n width: var(--spacing-6);\n height: var(--spacing-6);\n}\n\n.verified.xl4 {\n width: var(--spacing-7);\n height: var(--spacing-7);\n}\n\n.verified.profile_sm {\n width: var(--spacing-5);\n height: var(--spacing-5);\n position: absolute;\n bottom: 0.15rem;\n right: 0.01rem;\n}\n\n.verified.profile_md {\n width: var(--spacing-6);\n height: var(--spacing-6);\n position: absolute;\n bottom: 0.25rem;\n right: 0.2rem;\n}\n\n.verified.profile_lg {\n width: var(--spacing-7);\n height: var(--spacing-7);\n position: absolute;\n bottom: 0.5rem;\n right: 0.2rem;\n}\n\n/ Company Icon Sizes */\n.company.xs {\n width: 0.25rem;\n height: 0.25rem;\n}\n\n.company.xs {\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.company.sm {\n width: 0.75rem;\n height: 0.75rem;\n}\n\n.company.md {\n width: 0.875rem;\n height: 0.875rem;\n}\n\n.company.lg {\n width: 1rem;\n height: 1rem;\n}\n\n.company.xl {\n width: 1.125rem;\n height: 1.125rem;\n}\n\n.company.xxl {\n width: 1.25rem;\n height: var(--spacing-5);\n}\n","import { Component, h, Prop, Fragment, getAssetPath } from '@stencil/core';\nimport { GeneralSizes, OnlineIndicatorStates } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-status-indicator',\n styleUrl: 'gb-status-indicator.css',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class GbStatusIndicator {\n @Prop() statusIcon: string = '';\n @Prop() size: GeneralSizes;\n @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Offline;\n @Prop() indicatorStateClass: string = this.state;\n @Prop() companyIcon: string = '';\n\n render() {\n const companyIconSrc = getAssetPath(`${this.companyIcon}`);\n\n return [\n <div>\n {this.statusIcon === 'online_indicator' && <div class={`online_icon ${this.size} ${this.indicatorStateClass}`}></div>}\n {this.statusIcon === 'verified' && (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" class={`verified ${this.size}`}>\n <g clip-path=\"url(#clip0_0_21453)\">\n <path\n d=\"M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z\"\n fill=\"#0086C9\"\n />\n <path d=\"M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n <defs>\n <clipPath id=\"clip0_0_21453\">\n <rect width=\"32\" height=\"32\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n )}\n {this.statusIcon === 'company' && (\n <>\n {!this.companyIcon ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class={`company ${this.size}`}>\n <path\n d=\"M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z\"\n fill=\"#FF0033\"\n stroke=\"white\"\n stroke-width=\"1.5\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z\"\n fill=\"white\"\n />\n </svg>\n ) : (\n <img class={`company ${this.size}`} src={companyIconSrc} alt=\"\" />\n )}\n </>\n )}\n </div>,\n ];\n }\n}\n"],"version":3}
1	+ {"file":"p-Bd_W1zWv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-status-indicator/gb-status-indicator.css?tag=gb-status-indicator&encapsulation=shadow","src/components/gb-status-indicator/gb-status-indicator.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.online_icon {\n border: 1.5px solid var(--color-border-inverse, #ffffff);\n border-radius: var(--rounded-full);\n}\n\n/* Online Indicator States /\n.online_icon.offline {\n background-color: var(--color-background-gray, #cdd5df);\n}\n\n.online_icon.online {\n background-color: var(--color-icon-success, #079455);\n}\n\n/ Online Indicator Sizes /\n.online_icon.xxs {\n width: 0.25rem;\n height: 0.25rem;\n}\n\n.online_icon.xs {\n width: 0.375rem;\n height: 0.375rem;\n}\n\n.online_icon.sm {\n width: var(--spacing-2);\n height: var(--spacing-2);\n}\n\n.online_icon.md {\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.online_icon.lg {\n width: var(--spacing-3);\n height: var(--spacing-3);\n}\n\n.online_icon.xl {\n width: 0.875rem;\n height: 0.875rem;\n}\n\n.online_icon.xxl {\n width: var(--spacing-4);\n height: var(--spacing-4);\n}\n\n/ Verified Tick Sizes /\n.verified.xxs {\n width: 0.375rem;\n height: 0.375rem;\n}\n\n.verified.xs {\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.verified.sm {\n width: var(--spacing-3);\n height: var(--spacing-3);\n}\n\n.verified.md {\n width: 0.875rem;\n height: 0.875rem;\n}\n\n.verified.lg {\n width: var(--spacing-4);\n height: var(--spacing-4);\n}\n\n.verified.xl {\n width: 1.125rem;\n height: 1.125rem;\n}\n\n.verified.xxl {\n width: var(--spacing-5);\n height: var(--spacing-5);\n}\n\n.verified.xl3 {\n width: var(--spacing-6);\n height: var(--spacing-6);\n}\n\n.verified.xl4 {\n width: var(--spacing-7);\n height: var(--spacing-7);\n}\n\n.verified.profile_sm {\n width: var(--spacing-5);\n height: var(--spacing-5);\n position: absolute;\n bottom: 0.15rem;\n right: 0.01rem;\n}\n\n.verified.profile_md {\n width: var(--spacing-6);\n height: var(--spacing-6);\n position: absolute;\n bottom: 0.25rem;\n right: 0.2rem;\n}\n\n.verified.profile_lg {\n width: var(--spacing-7);\n height: var(--spacing-7);\n position: absolute;\n bottom: 0.5rem;\n right: 0.2rem;\n}\n\n/ Company Icon Sizes */\n.company.xs {\n width: 0.25rem;\n height: 0.25rem;\n}\n\n.company.xs {\n width: 0.625rem;\n height: 0.625rem;\n}\n\n.company.sm {\n width: 0.75rem;\n height: 0.75rem;\n}\n\n.company.md {\n width: 0.875rem;\n height: 0.875rem;\n}\n\n.company.lg {\n width: 1rem;\n height: 1rem;\n}\n\n.company.xl {\n width: 1.125rem;\n height: 1.125rem;\n}\n\n.company.xxl {\n width: 1.25rem;\n height: var(--spacing-5);\n}\n","import { Component, h, Prop, Fragment, getAssetPath } from '@stencil/core';\nimport { GeneralSizes, OnlineIndicatorStates } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-status-indicator',\n styleUrl: 'gb-status-indicator.css',\n shadow: true,\n assetsDirs: ['assets'],\n})\nexport class GbStatusIndicator {\n @Prop() statusIcon: string = '';\n @Prop() size: GeneralSizes;\n @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Offline;\n @Prop() indicatorStateClass: string = this.state;\n @Prop() companyIcon: string = '';\n\n render() {\n const companyIconSrc = getAssetPath(`${this.companyIcon}`);\n\n return [\n <div>\n {this.statusIcon === 'online_indicator' && <div class={`online_icon ${this.size} ${this.indicatorStateClass}`}></div>}\n {this.statusIcon === 'verified' && (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" class={`verified ${this.size}`}>\n <g clip-path=\"url(#clip0_0_21453)\">\n <path\n d=\"M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z\"\n fill=\"#0086C9\"\n />\n <path d=\"M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </g>\n <defs>\n <clipPath id=\"clip0_0_21453\">\n <rect width=\"32\" height=\"32\" fill=\"white\" />\n </clipPath>\n </defs>\n </svg>\n )}\n {this.statusIcon === 'company' && (\n <>\n {!this.companyIcon ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class={`company ${this.size}`}>\n <path\n d=\"M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z\"\n fill=\"#FF0033\"\n stroke=\"white\"\n stroke-width=\"1.5\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z\"\n fill=\"white\"\n />\n </svg>\n ) : (\n <img class={`company ${this.size}`} src={companyIconSrc} alt=\"\" />\n )}\n </>\n )}\n </div>,\n ];\n }\n}\n"],"version":3}

package/dist/components/{p-CJZQKAM1.js → p-BdiiLeXr.js} RENAMED Viewed

@@ -42,7 +42,7 @@ const GbSidebarBaseItem = /*@__PURE__*/ proxyCustomElement(class GbSidebarBaseIt
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '5f12c2a8812d154d23cafaf2d282bbd35cf0815c', class: `sidebar_base_item_container` }, h("div", { key: '2130d31f0a47c3cccb290da70008e6e3f34a1b4e', class: `sidebar_base_item ${this.state} ${this.selected ? 'selected' : ''}` }, h("div", { key: '6b25ce061999bc75b5ff9e8af4705058d7add46e', class: "icon_and_label" }, h("div", { key: '7c84afbedbd6975fea55e94fd862100c734de6f8', class: `icon ${this.state} ${this.selected ? 'selected' : ''}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && h("p", { key: '67937c16b35e5ffd414e833b8c8af1b0ca5b93dd', class: `label text-md-medium ${this.selected ? 'selected' : ''} ${this.state}` }, this.label)), this.showDropdownArrow && this.type === 'full_with_label' && (h("svg", { key: 'b2f5e996aa9d2b9d467f25ccfa01705274bf1d67', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `right_arrow ${this.state} ${this.selected ? 'selected' : ''}` }, h("path", { key: '0cf4089bbdddb28d46f26552d8010f327bf807ba', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
+        return (h("div", { key: 'c29d382b92176296bcec880faceafe0703cffe13', class: `sidebar_base_item_container` }, h("div", { key: 'f49bfa804507ecb9f8f1d1cf0d9ca5eb73513949', class: `sidebar_base_item ${this.state} ${this.selected ? 'selected' : ''}` }, h("div", { key: 'c2c0ff635368157b40e4159aad7dc49eb2574c98', class: "icon_and_label" }, h("div", { key: '4e2b22e2c6eb39f69d40c3f037fac01b09bae953', class: `icon ${this.state} ${this.selected ? 'selected' : ''}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && h("p", { key: '04d68a1109c0c0c474d96fb58f4d123e4f5e88b2', class: `label text-md-medium ${this.selected ? 'selected' : ''} ${this.state}` }, this.label)), this.showDropdownArrow && this.type === 'full_with_label' && (h("svg", { key: '8e9d2e840f9c99604f6c6e8671191fe6b170240a', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `right_arrow ${this.state} ${this.selected ? 'selected' : ''}` }, h("path", { key: '560b237aefbfec17b54e287916052ad3458f54e1', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))));
     }
     static get style() { return gbSidebarBaseItemCss; }
 }, [257, "gb-sidebar-base-item", {
@@ -70,6 +70,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbSidebarBaseItem as G, defineCustomElement as d };
-//# sourceMappingURL=p-CJZQKAM1.js.map
+//# sourceMappingURL=p-BdiiLeXr.js.map
-//# sourceMappingURL=p-CJZQKAM1.js.map
+//# sourceMappingURL=p-BdiiLeXr.js.map

package/dist/components/{p-CJZQKAM1.js.map → p-BdiiLeXr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CJZQKAM1~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-sidebar-base-item/gb-sidebar-base-item.css?tag=gb-sidebar-base-item&encapsulation=shadow","src/components/gb-sidebar-base-item/gb-sidebar-base-item.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.sidebar_base_item_container {\n display: flex;\n width: 100%;\n padding: 0 var(--spacing-4);\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n box-sizing: border-box;\n}\n\n.sidebar_base_item {\n display: flex;\n padding: var(--spacing-2) var(--spacing-3);\n align-items: center;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: var(--rounded-sm);\n}\n\n.sidebar_base_item:hover {\n background-color: var(--color-background-gray-subtler, #eef2f6);\n cursor: pointer;\n}\n\n.sidebar_base_item:active {\n background-color: var(--color-background-information-subtler, #c8e0f9);\n}\n\n.sidebar_base_item.open {\n background-color: transparent;\n}\n\n/* Selected Styles */\n.sidebar_base_item.default.selected {\n background-color: var(--color-background-information-subtle, #9ac7f4);\n}\n\n.sidebar_base_item.default.selected:hover {\n background-color: var(--color-background-information-subtler, #c8e0f9);\n}\n\n.sidebar_base_item.default.selected:active {\n background-color: var(--color-background-information-subtlest, #e4f0fc);\n}\n\n.icon_and_label {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex: 1 0 0;\n}\n\n.icon.default path[stroke] {\n stroke: var(--color-icon, #4b5565);\n}\n\n.icon.default path[fill] {\n fill: transparent;\n}\n\n.sidebar_base_item:hover .icon path {\n stroke: var(--color-icon-bold, #202939);\n}\n\n.sidebar_base_item.default:active .icon path[stroke],\n.sidebar_base_item.default.open .icon path[stroke] {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.default:active .icon path[fill],\n.sidebar_base_item.default:active .icon path[fill],\n.sidebar_base_item.default.open .icon path[fill] {\n fill: transparent;\n}\n\n.label.default {\n color: var(--color-text, #4b5565);\n}\n\n.sidebar_base_item:hover .label {\n color: var(--color-text-bold, #202939);\n}\n\n.sidebar_base_item:active .label,\n.sidebar_base_item.open .label {\n color: var(--color-text-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .label {\n color: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path[fill] {\n fill: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path[stroke] {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path#Icon[stroke],\n.sidebar_base_item.selected .icon path#Accent[stroke],\n.sidebar_base_item.selected .icon circle[stroke] {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path#Icon[fill],\n.sidebar_base_item.selected .icon path#Accent[fill],\n.sidebar_base_item.selected .icon circle[fill] {\n fill: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path.has_opacity,\n.sidebar_base_item.selected .icon g.has_opacity,\n.sidebar_base_item.selected .icon circle.has_opacity {\n opacity: 0.5;\n}\n\n.right_arrow.open {\n transition: all 0.3s ease-in-out;\n transform: rotate(90deg);\n}\n\n.sidebar_base_item.default .right_arrow path {\n stroke: var(--color-icon, #4b5565);\n}\n\n.sidebar_base_item.default:active .right_arrow path,\n.sidebar_base_item.open .right_arrow path,\n.sidebar_base_item.selected.open .right_arrow path {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n","import { Component, Prop, State, getAssetPath, h } from '@stencil/core';\nimport { StateType } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-sidebar-base-item',\n styleUrl: 'gb-sidebar-base-item.css',\n shadow: true,\n})\nexport class GbSidebarBaseItem {\n @Prop() state: StateType = 'default';\n @Prop() type: 'full_with_label' \| 'icon_only';\n @Prop() label: string = '';\n @Prop() icon: string = '';\n @Prop() selected: boolean = false;\n @Prop() showDropdownArrow: boolean = false;\n @State() leadingIconSvg: string = '';\n\n async loadIcon(iconName: string) {\n // const iconPath = getAssetPath(getIconPath(iconName, 'duotone', 'rounded'));\n const iconPath = getAssetPath(`${iconName}`);\n const response = await fetch(iconPath);\n const svg = await response.text();\n\n const parser = new DOMParser();\n const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\n const svgElement = svgDoc.documentElement;\n\n // Add `has-opacity` class to all elements that have an opacity attribute\n const elementsWithOpacity = svgElement.querySelectorAll('[opacity]');\n elementsWithOpacity.forEach(el => {\n el.classList.add('has_opacity');\n });\n\n const gWithOpacity = svgElement.querySelectorAll('g[opacity]');\n\n gWithOpacity.forEach(g => {\n g.classList.add('has_opacity');\n });\n\n // Serialize and store\n const modifiedSvg = svgElement.outerHTML;\n // console.log(modifiedSvg)\n this.leadingIconSvg = modifiedSvg;\n }\n\n componentDidLoad() {\n this.loadIcon(this.icon);\n }\n\n render() {\n return (\n <div class={`sidebar_base_item_container`}>\n <div class={`sidebar_base_item ${this.state} ${this.selected ? 'selected' : ''}`}>\n <div class=\"icon_and_label\">\n <div class={`icon ${this.state} ${this.selected ? 'selected' : ''}`} innerHTML={this.leadingIconSvg}></div>\n {this.type === 'full_with_label' && <p class={`label text-md-medium ${this.selected ? 'selected' : ''} ${this.state}`}>{this.label}</p>}\n </div>\n {this.showDropdownArrow && this.type === 'full_with_label' && (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`right_arrow ${this.state} ${this.selected ? 'selected' : ''}`}>\n <path d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\" stroke=\"#4B5565\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BdiiLeXr.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,2psEAA2psE;;MCQ3qsE,iBAAiB,iBAAAA,kBAAA,CAAA,MAAA,iBAAA,SAAAC,CAAA,CAAA;AAL9B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAMU,QAAA,IAAK,CAAA,KAAA,GAAc,SAAS;AAE5B,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAClB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AACzB,QAAA,IAAiB,CAAA,iBAAA,GAAY,KAAK;AACjC,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAmDrC;IAjDC,MAAM,QAAQ,CAAC,QAAgB,EAAA;;QAE7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,CAAA,CAAE,CAAC;AAC5C,QAAA,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC;AACtC,QAAA,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE;AAEjC,QAAA,MAAM,MAAM,GAAG,IAAI,SAAS,EAAE;QAC9B,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,EAAE,eAAe,CAAC;AAC3D,QAAA,MAAM,UAAU,GAAG,MAAM,CAAC,eAAe;;QAGzC,MAAM,mBAAmB,GAAG,UAAU,CAAC,gBAAgB,CAAC,WAAW,CAAC;AACpE,QAAA,mBAAmB,CAAC,OAAO,CAAC,EAAE,IAAG;AAC/B,YAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;AACjC,SAAC,CAAC;QAEF,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,YAAY,CAAC;AAE9D,QAAA,YAAY,CAAC,OAAO,CAAC,CAAC,IAAG;AACvB,YAAA,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;AAChC,SAAC,CAAC;;AAGF,QAAA,MAAM,WAAW,GAAG,UAAU,CAAC,SAAS;;AAExC,QAAA,IAAI,CAAC,cAAc,GAAG,WAAW;;IAGnC,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG1B,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,6BAA6B,EAAA,EACvC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAA,kBAAA,EAAqB,IAAI,CAAC,KAAK,CAAI,CAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,EAAE,EAAA,EAC9E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACzB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAA,CAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAQ,CAAA,EAC1G,IAAI,CAAC,IAAI,KAAK,iBAAiB,IAAI,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAG,KAAK,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,EAAG,EAAA,IAAI,CAAC,KAAK,CAAK,CACnI,EACL,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,IAAI,KAAK,iBAAiB,KACxD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAA,YAAA,EAAe,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,EAAE,CAAE,CAAA,EAAA,EAClK,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,sEAAsE,EAAC,MAAM,EAAC,SAAS,EAAc,cAAA,EAAA,KAAK,oBAAgB,OAAO,EAAA,iBAAA,EAAiB,OAAO,EAAG,CAAA,CAChK,CACP,CACG,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-sidebar-base-item/gb-sidebar-base-item.css?tag=gb-sidebar-base-item&encapsulation=shadow","src/components/gb-sidebar-base-item/gb-sidebar-base-item.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.sidebar_base_item_container {\n display: flex;\n width: 100%;\n padding: 0 var(--spacing-4);\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n box-sizing: border-box;\n}\n\n.sidebar_base_item {\n display: flex;\n padding: var(--spacing-2) var(--spacing-3);\n align-items: center;\n gap: 0.5rem;\n align-self: stretch;\n border-radius: var(--rounded-sm);\n}\n\n.sidebar_base_item:hover {\n background-color: var(--color-background-gray-subtler, #eef2f6);\n cursor: pointer;\n}\n\n.sidebar_base_item:active {\n background-color: var(--color-background-information-subtler, #c8e0f9);\n}\n\n.sidebar_base_item.open {\n background-color: transparent;\n}\n\n/* Selected Styles */\n.sidebar_base_item.default.selected {\n background-color: var(--color-background-information-subtle, #9ac7f4);\n}\n\n.sidebar_base_item.default.selected:hover {\n background-color: var(--color-background-information-subtler, #c8e0f9);\n}\n\n.sidebar_base_item.default.selected:active {\n background-color: var(--color-background-information-subtlest, #e4f0fc);\n}\n\n.icon_and_label {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n flex: 1 0 0;\n}\n\n.icon.default path[stroke] {\n stroke: var(--color-icon, #4b5565);\n}\n\n.icon.default path[fill] {\n fill: transparent;\n}\n\n.sidebar_base_item:hover .icon path {\n stroke: var(--color-icon-bold, #202939);\n}\n\n.sidebar_base_item.default:active .icon path[stroke],\n.sidebar_base_item.default.open .icon path[stroke] {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.default:active .icon path[fill],\n.sidebar_base_item.default:active .icon path[fill],\n.sidebar_base_item.default.open .icon path[fill] {\n fill: transparent;\n}\n\n.label.default {\n color: var(--color-text, #4b5565);\n}\n\n.sidebar_base_item:hover .label {\n color: var(--color-text-bold, #202939);\n}\n\n.sidebar_base_item:active .label,\n.sidebar_base_item.open .label {\n color: var(--color-text-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .label {\n color: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path[fill] {\n fill: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path[stroke] {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path#Icon[stroke],\n.sidebar_base_item.selected .icon path#Accent[stroke],\n.sidebar_base_item.selected .icon circle[stroke] {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path#Icon[fill],\n.sidebar_base_item.selected .icon path#Accent[fill],\n.sidebar_base_item.selected .icon circle[fill] {\n fill: var(--color-icon-information-bold, #042f59);\n}\n\n.sidebar_base_item.selected .icon path.has_opacity,\n.sidebar_base_item.selected .icon g.has_opacity,\n.sidebar_base_item.selected .icon circle.has_opacity {\n opacity: 0.5;\n}\n\n.right_arrow.open {\n transition: all 0.3s ease-in-out;\n transform: rotate(90deg);\n}\n\n.sidebar_base_item.default .right_arrow path {\n stroke: var(--color-icon, #4b5565);\n}\n\n.sidebar_base_item.default:active .right_arrow path,\n.sidebar_base_item.open .right_arrow path,\n.sidebar_base_item.selected.open .right_arrow path {\n stroke: var(--color-icon-information-bold, #042f59);\n}\n","import { Component, Prop, State, getAssetPath, h } from '@stencil/core';\nimport { StateType } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-sidebar-base-item',\n styleUrl: 'gb-sidebar-base-item.css',\n shadow: true,\n})\nexport class GbSidebarBaseItem {\n @Prop() state: StateType = 'default';\n @Prop() type: 'full_with_label' \| 'icon_only';\n @Prop() label: string = '';\n @Prop() icon: string = '';\n @Prop() selected: boolean = false;\n @Prop() showDropdownArrow: boolean = false;\n @State() leadingIconSvg: string = '';\n\n async loadIcon(iconName: string) {\n // const iconPath = getAssetPath(getIconPath(iconName, 'duotone', 'rounded'));\n const iconPath = getAssetPath(`${iconName}`);\n const response = await fetch(iconPath);\n const svg = await response.text();\n\n const parser = new DOMParser();\n const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\n const svgElement = svgDoc.documentElement;\n\n // Add `has-opacity` class to all elements that have an opacity attribute\n const elementsWithOpacity = svgElement.querySelectorAll('[opacity]');\n elementsWithOpacity.forEach(el => {\n el.classList.add('has_opacity');\n });\n\n const gWithOpacity = svgElement.querySelectorAll('g[opacity]');\n\n gWithOpacity.forEach(g => {\n g.classList.add('has_opacity');\n });\n\n // Serialize and store\n const modifiedSvg = svgElement.outerHTML;\n // console.log(modifiedSvg)\n this.leadingIconSvg = modifiedSvg;\n }\n\n componentDidLoad() {\n this.loadIcon(this.icon);\n }\n\n render() {\n return (\n <div class={`sidebar_base_item_container`}>\n <div class={`sidebar_base_item ${this.state} ${this.selected ? 'selected' : ''}`}>\n <div class=\"icon_and_label\">\n <div class={`icon ${this.state} ${this.selected ? 'selected' : ''}`} innerHTML={this.leadingIconSvg}></div>\n {this.type === 'full_with_label' && <p class={`label text-md-medium ${this.selected ? 'selected' : ''} ${this.state}`}>{this.label}</p>}\n </div>\n {this.showDropdownArrow && this.type === 'full_with_label' && (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`right_arrow ${this.state} ${this.selected ? 'selected' : ''}`}>\n <path d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\" stroke=\"#4B5565\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n )}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-0dApVjc_.js → p-BoBA1dDF.js} RENAMED Viewed

@@ -21,7 +21,7 @@ const GbStepIconBase = /*@__PURE__*/ proxyCustomElement(class GbStepIconBase ext
         this.internalState = newValue;
     }
     render() {
-        return (h("div", { key: '5be8723202f9f1bf2cc51ed95702af0ebd761f87', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '1068348c68e4a8a9768a0ace31e214e8ce22838e', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'ed8de03ccfeef2225db1343d383fb9da324b29b1', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: 'd746e2d855b35bb8fb62e45a850f09ae00500707', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: 'f0fc135a51df45c00436b13e3141e4421849bf9e', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '2ee93d5748add2bb09362d4e82c878e7e6d0df39', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'e387e2c641a7a0967df7cd6e3a277da55875f69a', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: 'f2eaa29ae55ac2919baeafe7b7e6e9680d9527c8', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get watchers() { return {
         "status": ["onStatusChange"],
@@ -54,6 +54,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbStepIconBase as G, defineCustomElement as d };
-//# sourceMappingURL=p-0dApVjc_.js.map
+//# sourceMappingURL=p-BoBA1dDF.js.map
-//# sourceMappingURL=p-0dApVjc_.js.map
+//# sourceMappingURL=p-BoBA1dDF.js.map

package/dist/components/{p-0dApVjc_.js.map → p-BoBA1dDF.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~0dApVjc_~~.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,yspEAAyspE;;MCQttpE,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IAOzB,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM;;IAInC,cAAc,CAAC,QAA4B,EAAE,SAA6B,EAAA;AACxE,QAAA,IAAI,CAAC,cAAc,GAAG,QAAQ;;IAIhC,aAAa,CAAC,QAA4B,EAAE,SAA6B,EAAA;AACvE,QAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;IAG/B,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,cAAA,EAAiB,IAAI,CAAC,cAAc,CAAI,CAAA,EAAA,IAAI,CAAC,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAClF,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAO,IAAA,EAAA,IAAI,CAAC,cAAc,CAAA,CAAA,EAAI,IAAI,CAAC,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAQ,CAAA,EACjH,IAAI,CAAC,MAAM,KAAK,UAAU,KACzB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,cAAc,CAAA,CAAA,EAAI,IAAI,CAAC,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACpK,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,uEAAuE,EAAC,MAAM,EAAC,SAAS,EAAc,cAAA,EAAA,GAAG,EAAgB,gBAAA,EAAA,OAAO,qBAAiB,OAAO,EAAA,CAAG,CAC/J,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-step-icon-base/gb-step-icon-base.css?tag=gb-step-icon-base&encapsulation=shadow","src/components/gb-step-icon-base/gb-step-icon-base.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.icon_base_div {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-full);\n}\n\n.icon_base_div.sm {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.icon_base_div.md {\n width: 2rem;\n height: 2rem;\n}\n\n.icon_base_div.lg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.icon_base_div.default.incomplete {\n background: var(--color-background-card, #ffffff);\n border: 2px solid var(--color-icon-disabled, #808C9E);\n}\n\n.icon_base_div.default.current {\n background: var(--color-background-information-subtlest, #e4f0fc);\n border: 2.5px solid var(--color-icon-selected, #075db2);\n}\n\n.icon_base_div.default.complete {\n background: var(--color-background-success-subtler, #dcfae6);\n border: 2.5px solid var(--color-icon-success, #079455);\n}\n\n.icon_base_div.incomplete.destructive,\n.icon_base_div.current.destructive,\n.icon_base_div.complete.destructive {\n background: var(--color-background-danger-subtlest, #fef1f2);\n border: 2.5px solid var(--color-icon-danger, #b51726);\n}\n\n.dot {\n border-radius: var(--rounded-full);\n}\n\n.dot.sm {\n width: 0.6rem;\n height: 0.6rem;\n}\n\n.dot.md {\n width: 0.8rem;\n height: 0.8rem;\n}\n\n.dot.lg {\n width: 0.9rem;\n height: 0.9rem;\n}\n\n.dot.default.incomplete {\n background: var(--color-icon-disabled, #808C9E);\n}\n\n.dot.default.current {\n background: var(--color-icon-selected, #075db2);\n}\n\n.dot.incomplete.destructive,\n.dot.current.destructive {\n background: var(--color-icon-danger, #b51726);\n}\n\n.tick.sm {\n width: 0.8rem;\n height: 0.8rem;\n}\n\n.tick.md {\n width: 1rem;\n height: 1rem;\n}\n\n.tick.lg {\n width: 1.2rem;\n height: 1.2rem;\n}\n\n.tick.complete.destructive path {\n stroke: var(--color-icon-danger, #b51726);\n}\n\n.tick.complete path{\n stroke: var(--color-icon-success, #079455);\n}\n","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { GeneralSizes, ProgressStepStatus, ProgressStepStates } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-step-icon-base',\n styleUrl: 'gb-step-icon-base.css',\n shadow: true,\n})\nexport class GbStepIconBase {\n @Prop() size: GeneralSizes;\n @Prop() status: ProgressStepStatus;\n @Prop() state: ProgressStepStates;\n @State() internalState: ProgressStepStates;\n @State() internalStatus: ProgressStepStatus;\n\n componentWillLoad() {\n this.internalState = this.state;\n this.internalStatus = this.status;\n }\n\n @Watch('status')\n onStatusChange(newValue: ProgressStepStatus, _oldValue: ProgressStepStatus) {\n this.internalStatus = newValue;\n }\n\n @Watch('state')\n onStateChange(newValue: ProgressStepStates, _oldValue: ProgressStepStates) {\n this.internalState = newValue;\n }\n\n render() {\n return (\n <div class={`icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}`}>\n {this.status !== 'complete' && <div class={`dot ${this.internalStatus} ${this.internalState} ${this.size}`}></div>}\n {this.status === 'complete' && (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.internalStatus} ${this.internalState} ${this.size}`}>\n <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n )}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-BoBA1dDF.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,yspEAAyspE;;MCQttpE,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;IAOzB,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,MAAM;;IAInC,cAAc,CAAC,QAA4B,EAAE,SAA6B,EAAA;AACxE,QAAA,IAAI,CAAC,cAAc,GAAG,QAAQ;;IAIhC,aAAa,CAAC,QAA4B,EAAE,SAA6B,EAAA;AACvE,QAAA,IAAI,CAAC,aAAa,GAAG,QAAQ;;IAG/B,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,cAAA,EAAiB,IAAI,CAAC,cAAc,CAAI,CAAA,EAAA,IAAI,CAAC,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAClF,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAO,IAAA,EAAA,IAAI,CAAC,cAAc,CAAA,CAAA,EAAI,IAAI,CAAC,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAE,CAAA,EAAQ,CAAA,EACjH,IAAI,CAAC,MAAM,KAAK,UAAU,KACzB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,cAAc,CAAA,CAAA,EAAI,IAAI,CAAC,aAAa,CAAI,CAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACpK,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,uEAAuE,EAAC,MAAM,EAAC,SAAS,EAAc,cAAA,EAAA,GAAG,EAAgB,gBAAA,EAAA,OAAO,qBAAiB,OAAO,EAAA,CAAG,CAC/J,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-step-icon-base/gb-step-icon-base.css?tag=gb-step-icon-base&encapsulation=shadow","src/components/gb-step-icon-base/gb-step-icon-base.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n.icon_base_div {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--rounded-full);\n}\n\n.icon_base_div.sm {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.icon_base_div.md {\n width: 2rem;\n height: 2rem;\n}\n\n.icon_base_div.lg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.icon_base_div.default.incomplete {\n background: var(--color-background-card, #ffffff);\n border: 2px solid var(--color-icon-disabled, #808C9E);\n}\n\n.icon_base_div.default.current {\n background: var(--color-background-information-subtlest, #e4f0fc);\n border: 2.5px solid var(--color-icon-selected, #075db2);\n}\n\n.icon_base_div.default.complete {\n background: var(--color-background-success-subtler, #dcfae6);\n border: 2.5px solid var(--color-icon-success, #079455);\n}\n\n.icon_base_div.incomplete.destructive,\n.icon_base_div.current.destructive,\n.icon_base_div.complete.destructive {\n background: var(--color-background-danger-subtlest, #fef1f2);\n border: 2.5px solid var(--color-icon-danger, #b51726);\n}\n\n.dot {\n border-radius: var(--rounded-full);\n}\n\n.dot.sm {\n width: 0.6rem;\n height: 0.6rem;\n}\n\n.dot.md {\n width: 0.8rem;\n height: 0.8rem;\n}\n\n.dot.lg {\n width: 0.9rem;\n height: 0.9rem;\n}\n\n.dot.default.incomplete {\n background: var(--color-icon-disabled, #808C9E);\n}\n\n.dot.default.current {\n background: var(--color-icon-selected, #075db2);\n}\n\n.dot.incomplete.destructive,\n.dot.current.destructive {\n background: var(--color-icon-danger, #b51726);\n}\n\n.tick.sm {\n width: 0.8rem;\n height: 0.8rem;\n}\n\n.tick.md {\n width: 1rem;\n height: 1rem;\n}\n\n.tick.lg {\n width: 1.2rem;\n height: 1.2rem;\n}\n\n.tick.complete.destructive path {\n stroke: var(--color-icon-danger, #b51726);\n}\n\n.tick.complete path{\n stroke: var(--color-icon-success, #079455);\n}\n","import { Component, Prop, State, Watch, h } from '@stencil/core';\nimport { GeneralSizes, ProgressStepStatus, ProgressStepStates } from '../../models/reusableModels';\n\n@Component({\n tag: 'gb-step-icon-base',\n styleUrl: 'gb-step-icon-base.css',\n shadow: true,\n})\nexport class GbStepIconBase {\n @Prop() size: GeneralSizes;\n @Prop() status: ProgressStepStatus;\n @Prop() state: ProgressStepStates;\n @State() internalState: ProgressStepStates;\n @State() internalStatus: ProgressStepStatus;\n\n componentWillLoad() {\n this.internalState = this.state;\n this.internalStatus = this.status;\n }\n\n @Watch('status')\n onStatusChange(newValue: ProgressStepStatus, _oldValue: ProgressStepStatus) {\n this.internalStatus = newValue;\n }\n\n @Watch('state')\n onStateChange(newValue: ProgressStepStates, _oldValue: ProgressStepStates) {\n this.internalState = newValue;\n }\n\n render() {\n return (\n <div class={`icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}`}>\n {this.status !== 'complete' && <div class={`dot ${this.internalStatus} ${this.internalState} ${this.size}`}></div>}\n {this.status === 'complete' && (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"10\" viewBox=\"0 0 12 10\" fill=\"none\" class={`tick ${this.internalStatus} ${this.internalState} ${this.size}`}>\n <path d=\"M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1\" stroke=\"#075DB2\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n </svg>\n )}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CN6ewb95.js → p-BzJKCyKM.js} RENAMED Viewed

@@ -20,8 +20,8 @@ const GbToggleBase = /*@__PURE__*/ proxyCustomElement(class GbToggleBase extends
     }
     render() {
         return [
-            h("input", { key: '6666e3ffdba90a706f21b4da3851261c97560049', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: 'd12ba91b79553abba80e933ae4c225b17fb26926', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "var(--color-background-selected, #075DB2)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: 'f5bc62bd4d4c0584cd29b2cde6d3d8a0e0b5ade9', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '83d4d11aa9e40ee8aca3ee1f21de6dc10d36262d', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "var(--color-background-selected, #075DB2)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get style() { return gbToggleBaseCss; }
@@ -46,6 +46,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbToggleBase as G, defineCustomElement as d };
-//# sourceMappingURL=p-CN6ewb95.js.map
+//# sourceMappingURL=p-BzJKCyKM.js.map
-//# sourceMappingURL=p-CN6ewb95.js.map
+//# sourceMappingURL=p-BzJKCyKM.js.map

package/dist/components/{p-CN6ewb95.js.map → p-BzJKCyKM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~CN6ewb95~~.js","mappings":";;AAAA,MAAM,eAAe,GAAG,8zqEAA8zqE;;MCQz0qE,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAQ2B,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAsClD;IAnCS,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC5B,YAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;YAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;IAIzC,MAAM,GAAA;QACJ,OAAO;AACL,YAAA,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,gBAAgB,EAAC,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAG,IAAA,EAAA,CAAA;YACjG,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAI,CAAA,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,OAAO,EAAC,gBAAgB,EAC3I,EAAA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IACvC,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAuB,oBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACtI,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,0GAA0G,EAC5G,MAAM,EAAC,2CAA2C,EACrC,cAAA,EAAA,KAAK,EACH,gBAAA,EAAA,OAAO,EACN,iBAAA,EAAA,OAAO,EACvB,CAAA,CACE,IACJ,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,IAC3C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACvI,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,0GAA0G,EAC5G,MAAM,EAAC,8CAA8C,kBACxC,KAAK,EAAA,gBAAA,EACH,OAAO,EACN,iBAAA,EAAA,OAAO,GACvB,CACE,IACJ,IAAI,CACF;SACT;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-toggle-base/gb-toggle-base.css?tag=gb-toggle-base&encapsulation=shadow","src/components/gb-toggle-base/gb-toggle-base.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n/* Basic Styles for the Toggle /\ninput[type=\"checkbox\"] {\n display: none; / Hide native checkbox /\n}\n\nlabel {\n display: inline-block;\n border-radius: var(--rounded-lg);\n position: relative;\n background-color: var(--color-background-gray-subtle, #E3E8EF);\n cursor: pointer;\n transition: background-color 0.3s ease;\n padding: 0.125rem;\n}\n\nlabel.sm{\n width: 2.25rem;\n height: 1.25rem;\n}\n\nlabel.md{\n width: 2.75rem;\n height: 1.5rem;\n}\n\nlabel.pressed.default {\n background-color: var(--color-background-selected, #075db2);\n}\n\nlabel.disabled{\n background-color: var(--color-background-disabled, #F6F8FA);\n}\n\nlabel.pressed.disabled {\n background-color: var(--color-background-gray-subtle, #E3E8EF); / Light gray background when pressed and in disabled state /\n}\n\n/ Circle inside the toggle /\nlabel::before {\n content: '';\n position: absolute;\n background-color: var(--color-icon-inverse, #FFFFFF);\n border-radius: 50%;\n transition: transform 0.3s ease;\n filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));\n}\n\nlabel.sm::before{\n width: 1rem;\n height: 1rem;\n top: 0.25rem;\n left: 0.25rem;\n}\n\nlabel.md::before{\n width: 1.25rem;\n height: 1.25rem;\n top: 0.24rem;\n left: 0.25rem;\n}\n\nlabel.sm.pressed::before {\n transform: translateX(16px); / Move the white circle to the right when pressed /\n}\n\nlabel.md.pressed::before {\n transform: translateX(20px); / Move the white circle to the right when pressed /\n}\n\nlabel.disabled::before {\n background-color: var(--color-icon-disabled, #CDD5DF); / Change circle background when disabled /\n}\n\nlabel.pressed.disabled::before {\n background-color: var(--color-background-gray-bold, #9AA4B2); / Change circle background when disabled /\n}\n\n/ Checkmark SVG Styles /\n.default_checked_svg,\n.disabled_checked_svg {\n position: absolute;\n transform: translate(-50%, -50%);\n width: 12px;\n height: 12px;\n display: none; / Hidden by default /\n}\n\n.pressed .default_checked_svg {\n display: block; / Show checkmark when pressed and default /\n}\n\n.pressed .disabled_checked_svg {\n display: block; / Show checkmark when pressed and disabled */\n}\n\n.default_checked_svg.sm,\n.disabled_checked_svg.sm{\n top: 0.75rem;\n right: 0;\n}\n\n.default_checked_svg.md,\n.disabled_checked_svg.md{\n top: 0.85rem;\n right: 0.1rem;\n}\n\n\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\";\nimport { GeneralSizes, StateEnum } from \"../../models/reusableModels\";\n\n@Component({\n tag: 'gb-toggle-base',\n styleUrl: 'gb-toggle-base.css',\n shadow: true,\n})\nexport class GbToggleBase {\n @Prop() size: GeneralSizes;\n @Prop() state: StateEnum;\n @Prop({ mutable: true }) pressed: boolean = false;\n @Event() toggleClicked: EventEmitter<boolean>;\n\n private handleToggleClick() {\n if (this.state === 'default') {\n this.pressed = !this.pressed;\n this.toggleClicked.emit(this.pressed);\n }\n }\n\n render() {\n return [\n <input type=\"checkbox\" id=\"customCheckbox\" class={`${this.pressed ? 'pressed' : ''}`} readonly />,\n <label onClick={() => this.handleToggleClick()} class={`${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`} htmlFor=\"customCheckbox\">\n {this.pressed && this.state === 'default' ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`default_checked_svg ${this.size}`}>\n <path\n d=\"M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667\"\n stroke=\"var(--color-background-selected, #075DB2)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n ) : this.pressed && this.state === 'disabled' ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`disabled_checked_svg ${this.size}`}>\n <path\n d=\"M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667\"\n stroke=\"var(--color-background-gray-subtle, #E3E8EF)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n ) : null}\n </label>,\n ];\n }\n}"],"version":3}
1	+ {"file":"p-BzJKCyKM.js","mappings":";;AAAA,MAAM,eAAe,GAAG,8zqEAA8zqE;;MCQz0qE,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAQ2B,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAsClD;IAnCS,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;AAC5B,YAAA,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO;YAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;;;IAIzC,MAAM,GAAA;QACJ,OAAO;AACL,YAAA,CAAO,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,gBAAgB,EAAC,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAG,IAAA,EAAA,CAAA;YACjG,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAI,CAAA,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,EAAE,OAAO,EAAC,gBAAgB,EAC3I,EAAA,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,IACvC,WAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAuB,oBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACtI,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,0GAA0G,EAC5G,MAAM,EAAC,2CAA2C,EACrC,cAAA,EAAA,KAAK,EACH,gBAAA,EAAA,OAAO,EACN,iBAAA,EAAA,OAAO,EACvB,CAAA,CACE,IACJ,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,IAC3C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAwB,qBAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EACvI,CACE,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,0GAA0G,EAC5G,MAAM,EAAC,8CAA8C,kBACxC,KAAK,EAAA,gBAAA,EACH,OAAO,EACN,iBAAA,EAAA,OAAO,GACvB,CACE,IACJ,IAAI,CACF;SACT;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-toggle-base/gb-toggle-base.css?tag=gb-toggle-base&encapsulation=shadow","src/components/gb-toggle-base/gb-toggle-base.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n/* Basic Styles for the Toggle /\ninput[type=\"checkbox\"] {\n display: none; / Hide native checkbox /\n}\n\nlabel {\n display: inline-block;\n border-radius: var(--rounded-lg);\n position: relative;\n background-color: var(--color-background-gray-subtle, #E3E8EF);\n cursor: pointer;\n transition: background-color 0.3s ease;\n padding: 0.125rem;\n}\n\nlabel.sm{\n width: 2.25rem;\n height: 1.25rem;\n}\n\nlabel.md{\n width: 2.75rem;\n height: 1.5rem;\n}\n\nlabel.pressed.default {\n background-color: var(--color-background-selected, #075db2);\n}\n\nlabel.disabled{\n background-color: var(--color-background-disabled, #F6F8FA);\n}\n\nlabel.pressed.disabled {\n background-color: var(--color-background-gray-subtle, #E3E8EF); / Light gray background when pressed and in disabled state /\n}\n\n/ Circle inside the toggle /\nlabel::before {\n content: '';\n position: absolute;\n background-color: var(--color-icon-inverse, #FFFFFF);\n border-radius: 50%;\n transition: transform 0.3s ease;\n filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));\n}\n\nlabel.sm::before{\n width: 1rem;\n height: 1rem;\n top: 0.25rem;\n left: 0.25rem;\n}\n\nlabel.md::before{\n width: 1.25rem;\n height: 1.25rem;\n top: 0.24rem;\n left: 0.25rem;\n}\n\nlabel.sm.pressed::before {\n transform: translateX(16px); / Move the white circle to the right when pressed /\n}\n\nlabel.md.pressed::before {\n transform: translateX(20px); / Move the white circle to the right when pressed /\n}\n\nlabel.disabled::before {\n background-color: var(--color-icon-disabled, #CDD5DF); / Change circle background when disabled /\n}\n\nlabel.pressed.disabled::before {\n background-color: var(--color-background-gray-bold, #9AA4B2); / Change circle background when disabled /\n}\n\n/ Checkmark SVG Styles /\n.default_checked_svg,\n.disabled_checked_svg {\n position: absolute;\n transform: translate(-50%, -50%);\n width: 12px;\n height: 12px;\n display: none; / Hidden by default /\n}\n\n.pressed .default_checked_svg {\n display: block; / Show checkmark when pressed and default /\n}\n\n.pressed .disabled_checked_svg {\n display: block; / Show checkmark when pressed and disabled */\n}\n\n.default_checked_svg.sm,\n.disabled_checked_svg.sm{\n top: 0.75rem;\n right: 0;\n}\n\n.default_checked_svg.md,\n.disabled_checked_svg.md{\n top: 0.85rem;\n right: 0.1rem;\n}\n\n\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\";\nimport { GeneralSizes, StateEnum } from \"../../models/reusableModels\";\n\n@Component({\n tag: 'gb-toggle-base',\n styleUrl: 'gb-toggle-base.css',\n shadow: true,\n})\nexport class GbToggleBase {\n @Prop() size: GeneralSizes;\n @Prop() state: StateEnum;\n @Prop({ mutable: true }) pressed: boolean = false;\n @Event() toggleClicked: EventEmitter<boolean>;\n\n private handleToggleClick() {\n if (this.state === 'default') {\n this.pressed = !this.pressed;\n this.toggleClicked.emit(this.pressed);\n }\n }\n\n render() {\n return [\n <input type=\"checkbox\" id=\"customCheckbox\" class={`${this.pressed ? 'pressed' : ''}`} readonly />,\n <label onClick={() => this.handleToggleClick()} class={`${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`} htmlFor=\"customCheckbox\">\n {this.pressed && this.state === 'default' ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`default_checked_svg ${this.size}`}>\n <path\n d=\"M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667\"\n stroke=\"var(--color-background-selected, #075DB2)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n ) : this.pressed && this.state === 'disabled' ? (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`disabled_checked_svg ${this.size}`}>\n <path\n d=\"M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667\"\n stroke=\"var(--color-background-gray-subtle, #E3E8EF)\"\n stroke-width=\"1.5\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n ) : null}\n </label>,\n ];\n }\n}"],"version":3}