npm - globuswebcomponents - Versions diffs - 2.5.2 → 2.5.4 - Mend

globuswebcomponents 2.5.2 → 2.5.4

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

package/dist/components/{p-Fv-bzgzI.js.map → p-Dg-cBKxN.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Fv-bzgzI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-avatar-dropdown/gb-avatar-dropdown.css?tag=gb-avatar-dropdown&encapsulation=shadow","src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.simple-dropdown {\r\n display: flex;\r\n width: 15rem;\r\n padding: 0px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0px;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.profile {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n border-radius: var(--rounded-none);\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef); \r\n padding: 0.5rem;\r\n flex: 1;\r\n width: 100%;\r\n box-sizing: border-box;\r\n}\r\n\r\n.complex-dropdown {\r\n width: 15rem;\r\n display: flex;\r\n padding: 0px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0px;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.menu-items {\r\n display: flex;\r\n width: 96.5%;\r\n padding: var(--spacing-none);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n}\r\n\r\n.list {\r\n padding: var(--spacing-1) var(--spacing-none);\r\n align-self: stretch;\r\n border-radius: var(--rounded-none);\r\n}\r\n\r\n.list-group-one,\r\n.list-group-two,\r\n.list-group-three {\r\n width: 100%;\r\n padding: var(--spacing-1) var(--spacing-none);\r\n}\r\n\r\n.list-group-one,\r\n.list-group-two {\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.item {\r\n width: 96.5%;\r\n}\r\n\r\n.label_group {\r\n display: flex;\r\n padding: 0px;\r\n align-items: center;\r\n gap: 12px;\r\n align-self: stretch;\r\n border-radius: var(--rounded-none);\r\n}\r\n\r\n.theme_tab {\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: var(--spacing-3);\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.roles {\r\n width: 100%;\r\n display: flex;\r\n padding: var(--spacing-3);\r\n gap: var(--spacing-2);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n color: var(--color-text, #4b5565);\r\n box-sizing: border-box;\r\n}\r\n\r\n.badges {\r\n width: 90%;\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n gap: 0.5rem var(--spacing-2);\r\n align-self: stretch;\r\n flex-wrap: wrap;\r\n}","import { Component, Element, Event, EventEmitter, Prop, h } from '@stencil/core';\r\nimport { ColorTypes, DropdownListGroup, DropdownRoles, ThemeTypes } from '../../models/reusableModels';\r\n@Component({\r\n tag: 'gb-avatar-dropdown',\r\n styleUrl: 'gb-avatar-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n @Prop() type: 'simple' \| 'complex' = 'simple';\r\n @Prop() text: boolean = false;\r\n @Prop() showProfile: boolean;\r\n\r\n @Prop() showThemeTab: boolean;\r\n @Prop() showRoles: boolean = false;\r\n @Prop() roles: DropdownRoles[] = [\r\n // {\r\n // badgeLabel: 'Initiator',\r\n // badgeColor: 'information',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Authorizer',\r\n // badgeColor: 'success',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Viewer',\r\n // badgeColor: 'gray',\r\n // badgeType: 'badge_color',\r\n // },\r\n ];\r\n @Prop() showLogOut: boolean;\r\n @Prop() listGroupOne: DropdownListGroup[] = [\r\n // { label: 'View Profile', icon: 'assets/user.svg', shortcut: 'Ctrl K + P' },\r\n // { label: 'Documentation', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl + T' },\r\n // { label: 'Support', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + C' },\r\n ];\r\n @Prop() listGroupTwo: DropdownListGroup[] = [\r\n // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },\r\n // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },\r\n // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },\r\n ];\r\n @Prop() color: ColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() currentTheme: ThemeTypes;\r\n @Element() el: HTMLElement;\r\n @Event() itemClicked: EventEmitter<string>;\r\n @Event() themeTabClicked: EventEmitter<string>;\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n onItemClicked(item: string) {\r\n this.itemClicked.emit(item);\r\n }\r\n\r\n emitTheme(theme) {\r\n this.themeTabClicked.emit(theme);\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n const nameInitials = this.el.querySelector('[slot=\"name\"');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-md-semi-bold');\r\n slottedInitials.classList.add(this.applyColorToInitials() \|\| 'gray');\r\n }\r\n\r\n if (nameInitials) {\r\n nameInitials.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-sm-regular');\r\n }\r\n }\r\n\r\n render() {\r\n if (this.type === 'simple') {\r\n return (\r\n <div class=\"simple-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" text={true} color={this.color} show-border={this.showBorder}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n <div class=\"menu-items\">\r\n <div class=\"list\">\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.showProfile && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_profile.svg\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K + P\"\r\n onClick={() => this.onItemClicked('view_profile')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n {this.showLogOut && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n if (this.type === 'complex') {\r\n return (\r\n <div class=\"complex-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" class=\"label_group\" text={true} color={this.color}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n {this.showRoles && (\r\n <div class=\"roles\">\r\n <p class=\"text-sm-medium\">Available roles</p>\r\n <div class=\"badges\">\r\n {this.roles.map(role => (\r\n <gb-badge size=\"md\" color={role.badgeColor} type={role.badgeType}>\r\n <p>{role.badgeLabel}</p>\r\n </gb-badge>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.listGroupOne.length > 0 && (\r\n <div class=\"list-group-one\">\r\n {this.listGroupOne.map(item => (\r\n <div class=\"item\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc={item.icon}\r\n label={item.label}\r\n shortcut\r\n shortcutIcon={item.shortcut}\r\n onClick={() => this.onItemClicked(item.label.replace(/\\s+/g, '_').toLowerCase())}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n {this.listGroupTwo.length > 0 && (\r\n <div class=\"list-group-two\">\r\n {this.listGroupTwo.map(item => (\r\n <div class=\"item\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc={item.icon}\r\n label={item.label}\r\n shortcut\r\n shortcutIcon={item.shortcut}\r\n onClick={() => this.onItemClicked(item.label.replace(/\\s+/g, '_').toLowerCase())}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n {this.showLogOut && (\r\n <div class=\"list-group-three\">\r\n <div class=\"item\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"Ctrl + L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-Dg-cBKxN.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-avatar-dropdown/gb-avatar-dropdown.css?tag=gb-avatar-dropdown&encapsulation=shadow","src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.simple-dropdown {\r\n display: flex;\r\n width: 15rem;\r\n padding: 0px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0px;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.profile {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n border-radius: var(--rounded-none);\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef); \r\n padding: 0.5rem;\r\n flex: 1;\r\n width: 100%;\r\n box-sizing: border-box;\r\n}\r\n\r\n.complex-dropdown {\r\n width: 15rem;\r\n display: flex;\r\n padding: 0px;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 0px;\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n background: var(--color-surface, #ffffff);\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.menu-items {\r\n display: flex;\r\n width: 96.5%;\r\n padding: var(--spacing-none);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n}\r\n\r\n.list {\r\n padding: var(--spacing-1) var(--spacing-none);\r\n align-self: stretch;\r\n border-radius: var(--rounded-none);\r\n}\r\n\r\n.list-group-one,\r\n.list-group-two,\r\n.list-group-three {\r\n width: 100%;\r\n padding: var(--spacing-1) var(--spacing-none);\r\n}\r\n\r\n.list-group-one,\r\n.list-group-two {\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.item {\r\n width: 96.5%;\r\n}\r\n\r\n.label_group {\r\n display: flex;\r\n padding: 0px;\r\n align-items: center;\r\n gap: 12px;\r\n align-self: stretch;\r\n border-radius: var(--rounded-none);\r\n}\r\n\r\n.theme_tab {\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: var(--spacing-3);\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.roles {\r\n width: 100%;\r\n display: flex;\r\n padding: var(--spacing-3);\r\n gap: var(--spacing-2);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n color: var(--color-text, #4b5565);\r\n box-sizing: border-box;\r\n}\r\n\r\n.badges {\r\n width: 90%;\r\n display: flex;\r\n align-items: center;\r\n align-content: center;\r\n gap: 0.5rem var(--spacing-2);\r\n align-self: stretch;\r\n flex-wrap: wrap;\r\n}","import { Component, Element, Event, EventEmitter, Prop, h } from '@stencil/core';\r\nimport { ColorTypes, DropdownListGroup, DropdownRoles, ThemeTypes } from '../../models/reusableModels';\r\n@Component({\r\n tag: 'gb-avatar-dropdown',\r\n styleUrl: 'gb-avatar-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n @Prop() type: 'simple' \| 'complex' = 'simple';\r\n @Prop() text: boolean = false;\r\n @Prop() showProfile: boolean;\r\n\r\n @Prop() showThemeTab: boolean;\r\n @Prop() showRoles: boolean = false;\r\n @Prop() roles: DropdownRoles[] = [\r\n // {\r\n // badgeLabel: 'Initiator',\r\n // badgeColor: 'information',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Authorizer',\r\n // badgeColor: 'success',\r\n // badgeType: 'badge_color',\r\n // },\r\n // {\r\n // badgeLabel: 'Viewer',\r\n // badgeColor: 'gray',\r\n // badgeType: 'badge_color',\r\n // },\r\n ];\r\n @Prop() showLogOut: boolean;\r\n @Prop() listGroupOne: DropdownListGroup[] = [\r\n // { label: 'View Profile', icon: 'assets/user.svg', shortcut: 'Ctrl K + P' },\r\n // { label: 'Documentation', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl + T' },\r\n // { label: 'Support', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + C' },\r\n ];\r\n @Prop() listGroupTwo: DropdownListGroup[] = [\r\n // { label: 'Configuration', icon: 'assets/user.svg', shortcut: 'Ctrl + S' },\r\n // { label: 'Team', icon: 'assets/book-open-02.svg', shortcut: 'Ctrl K + T' },\r\n // { label: 'Invite members', icon: 'assets/customer-support.svg', shortcut: 'Ctrl + I' },\r\n ];\r\n @Prop() color: ColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Prop() currentTheme: ThemeTypes;\r\n @Element() el: HTMLElement;\r\n @Event() itemClicked: EventEmitter<string>;\r\n @Event() themeTabClicked: EventEmitter<string>;\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n onItemClicked(item: string) {\r\n this.itemClicked.emit(item);\r\n }\r\n\r\n emitTheme(theme) {\r\n this.themeTabClicked.emit(theme);\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n const nameInitials = this.el.querySelector('[slot=\"name\"');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-md-semi-bold');\r\n slottedInitials.classList.add(this.applyColorToInitials() \|\| 'gray');\r\n }\r\n\r\n if (nameInitials) {\r\n nameInitials.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-sm-regular');\r\n }\r\n }\r\n\r\n render() {\r\n if (this.type === 'simple') {\r\n return (\r\n <div class=\"simple-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" text={true} color={this.color} show-border={this.showBorder}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n <div class=\"menu-items\">\r\n <div class=\"list\">\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.showProfile && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/user_profile.svg\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K + P\"\r\n onClick={() => this.onItemClicked('view_profile')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n {this.showLogOut && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n if (this.type === 'complex') {\r\n return (\r\n <div class=\"complex-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" class=\"label_group\" text={true} color={this.color}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n {this.showRoles && (\r\n <div class=\"roles\">\r\n <p class=\"text-sm-medium\">Available roles</p>\r\n <div class=\"badges\">\r\n {this.roles.map(role => (\r\n <gb-badge size=\"md\" color={role.badgeColor} type={role.badgeType}>\r\n <p>{role.badgeLabel}</p>\r\n </gb-badge>\r\n ))}\r\n </div>\r\n </div>\r\n )}\r\n {this.showThemeTab && (\r\n <div class=\"theme_tab\">\r\n <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n </div>\r\n )}\r\n {this.listGroupOne.length > 0 && (\r\n <div class=\"list-group-one\">\r\n {this.listGroupOne.map(item => (\r\n <div class=\"item\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc={item.icon}\r\n label={item.label}\r\n shortcut\r\n shortcutIcon={item.shortcut}\r\n onClick={() => this.onItemClicked(item.label.replace(/\\s+/g, '_').toLowerCase())}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n {this.listGroupTwo.length > 0 && (\r\n <div class=\"list-group-two\">\r\n {this.listGroupTwo.map(item => (\r\n <div class=\"item\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc={item.icon}\r\n label={item.label}\r\n shortcut\r\n shortcutIcon={item.shortcut}\r\n onClick={() => this.onItemClicked(item.label.replace(/\\s+/g, '_').toLowerCase())}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n ))}\r\n </div>\r\n )}\r\n {this.showLogOut && (\r\n <div class=\"list-group-three\">\r\n <div class=\"item\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"assets/logout_button.svg\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"Ctrl + L\"\r\n onClick={() => this.onItemClicked('log_out')}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-BwKlVoRe.js → p-Dmpr2hhM.js} RENAMED Viewed

@@ -13,7 +13,7 @@ const GbToastButton = /*@__PURE__*/ proxyCustomElement(class GbToastButton exten
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '9d4e2b4beee929a888cf390963b805dd0f0847d2', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'be356bda25a5f1451d049820448534b288a84a2e' })));
+        return (h("div", { key: '56e3be72b323a6f01cc719d8ab814f1acef82e8f', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '3a914a5137a7dc26ee0b406674a4aea7d1d214db' })));
     }
     get el() { return this; }
     static get style() { return gbToastButtonCss; }
@@ -37,6 +37,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbToastButton as G, defineCustomElement as d };
-//# sourceMappingURL=p-BwKlVoRe.js.map
+//# sourceMappingURL=p-Dmpr2hhM.js.map
-//# sourceMappingURL=p-BwKlVoRe.js.map
+//# sourceMappingURL=p-Dmpr2hhM.js.map

package/dist/components/{p-BwKlVoRe.js.map → p-Dmpr2hhM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BwKlVoRe~~.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,4vnEAA4vnE;;MCSxwnE,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;IAKtB,gBAAgB,GAAA;QACZ,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC;AAEjD,QAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;;IAGrD,MAAM,GAAA;AACF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAgB,aAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,EACpD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-toast-button/gb-toast-button.css?tag=gb-toast-button&encapsulation=shadow","src/components/gb-toast-button/gb-toast-button.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.toast_button{\r\n width: fit-content;\r\n cursor: pointer;\r\n}\r\n\r\n/* Toast Button Color Styles /\r\n.toast_button.gray{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.toast_button.information{\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.toast_button.error{\r\n color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.toast_button.success{\r\n color: var(--color-text-success, #079455);\r\n}\r\n\r\n.toast_button.warning{\r\n color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n/ Toast Button State Styles */\r\n.toast_button:hover ::slotted(p){\r\n text-decoration: underline;\r\n}\r\n\r\n.toast_button:active ::slotted(p){\r\n text-decoration: none;\r\n}\r\n\r\n.toast_button.gray:active ::slotted(p){\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.toast_button.information:active ::slotted(p){\r\n color: var(--color-text-information-bold, #042F59);\r\n}\r\n\r\n.toast_button.error:active ::slotted(p){\r\n color: var(--color-text-danger-bold, #8C121D);\r\n}\r\n\r\n.toast_button.success:active ::slotted(p){\r\n color: var(--color-text-success-bold, #085D3A);\r\n}\r\n.toast_button.warning:active ::slotted(p){\r\n color: var(--color-text-warning-bold, #93370D);\r\n}\r\n\r\n.toast_button.disabled{\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.toast_button.disabled ::slotted(p){\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}","import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { GeneralColors, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-toast-button',\r\n styleUrl: 'gb-toast-button.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbToastButton {\r\n @Prop() state: StateEnum;\r\n @Prop() color: GeneralColors;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('p');\r\n\r\n slottedContent.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`toast_button ${this.state} ${this.color}`}>\r\n <slot></slot>\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
1	+ {"file":"p-Dmpr2hhM.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,4vnEAA4vnE;;MCSxwnE,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;;;;;;IAKtB,gBAAgB,GAAA;QACZ,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC;AAEjD,QAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;;IAGrD,MAAM,GAAA;AACF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAgB,aAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,EACpD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-toast-button/gb-toast-button.css?tag=gb-toast-button&encapsulation=shadow","src/components/gb-toast-button/gb-toast-button.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.toast_button{\r\n width: fit-content;\r\n cursor: pointer;\r\n}\r\n\r\n/* Toast Button Color Styles /\r\n.toast_button.gray{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.toast_button.information{\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.toast_button.error{\r\n color: var(--color-text-danger, #B51726);\r\n}\r\n\r\n.toast_button.success{\r\n color: var(--color-text-success, #079455);\r\n}\r\n\r\n.toast_button.warning{\r\n color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n/ Toast Button State Styles */\r\n.toast_button:hover ::slotted(p){\r\n text-decoration: underline;\r\n}\r\n\r\n.toast_button:active ::slotted(p){\r\n text-decoration: none;\r\n}\r\n\r\n.toast_button.gray:active ::slotted(p){\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.toast_button.information:active ::slotted(p){\r\n color: var(--color-text-information-bold, #042F59);\r\n}\r\n\r\n.toast_button.error:active ::slotted(p){\r\n color: var(--color-text-danger-bold, #8C121D);\r\n}\r\n\r\n.toast_button.success:active ::slotted(p){\r\n color: var(--color-text-success-bold, #085D3A);\r\n}\r\n.toast_button.warning:active ::slotted(p){\r\n color: var(--color-text-warning-bold, #93370D);\r\n}\r\n\r\n.toast_button.disabled{\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\n.toast_button.disabled ::slotted(p){\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}","import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { GeneralColors, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-toast-button',\r\n styleUrl: 'gb-toast-button.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbToastButton {\r\n @Prop() state: StateEnum;\r\n @Prop() color: GeneralColors;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('p');\r\n\r\n slottedContent.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`toast_button ${this.state} ${this.color}`}>\r\n <slot></slot>\r\n </div>\r\n );\r\n }\r\n}"],"version":3}

package/dist/components/{p-D_F0P4Te.js → p-DvBm95qc.js} RENAMED Viewed

@@ -20,10 +20,10 @@ const GbMegaInputFieldBase = /*@__PURE__*/ proxyCustomElement(class GbMegaInputF
         }
     }
     render() {
-        return (h("div", { key: 'b11b37319283f01a8941d7587421e17b651241e4', class: {
+        return (h("div", { key: 'a03db23d8e6fd5fc3168bd9a037f5b21c65fa06d', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, h("input", { key: '8836dc6459647bcffae2c36767096b28cb472029', class: {
+            } }, h("input", { key: 'e0d56b18c166cea04daba08ae93f97e564ed1a06', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));
@@ -51,6 +51,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbMegaInputFieldBase as G, defineCustomElement as d };
-//# sourceMappingURL=p-D_F0P4Te.js.map
+//# sourceMappingURL=p-DvBm95qc.js.map
-//# sourceMappingURL=p-D_F0P4Te.js.map
+//# sourceMappingURL=p-DvBm95qc.js.map

package/dist/components/{p-D_F0P4Te.js.map → p-DvBm95qc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~D_F0P4Te~~.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,yipEAAyipE;;MCS5jpE,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;AANjC,IAAA,WAAA,GAAA;;;;AASa,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AAmCnC;AAhCG,IAAA,WAAW,CAAC,KAAY,EAAA;AACpB,QAAA,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;;AAGtD,QAAA,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;aACnB;YACL,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;;;IAIjC,MAAM,GAAA;QACF,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACR,gBAAA,CAAC,IAAI,CAAC,IAAI,GAAI,IAAI;AAClB,gBAAA,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK;aAC5B,EAAA,EACG,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACA,KAAK,EAAE;AACH,gBAAA,CAAC,IAAI,CAAC,IAAI,GAAI,IAAI;AAClB,gBAAA,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK;AAC5B,aAAA,EACD,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,GAAG,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EACnC,CAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-mega-input-field-base/gb-mega-input-field-base.css?tag=gb-mega-input-field-base&encapsulation=shadow","src/components/gb-mega-input-field-base/gb-mega-input-field-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\ndiv {\r\n display: flex; \r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-Positive-spacing-2, 0.5rem);\r\n border-radius: 8px;\r\n border: 1px solid var(--color-boarder-input, #CDD5DF);\r\n}\r\n\r\ndiv.sm {\r\n width: 2.75rem;\r\n min-width: 2.75rem;\r\n min-height: 2.75rem;\r\n padding: var(--spacing-Positive-spacing-half, 0.125rem);\r\n}\r\n\r\ndiv.md {\r\n width: 3rem;\r\n min-width: 3rem;\r\n min-height: 3rem;\r\n padding: 0.625rem var(--spacing-Positive-spacing-2, 0.5rem);\r\n}\r\n\r\ndiv.lg {\r\n width: 3.5rem;\r\n min-width: 3.5rem;\r\n min-height: 3.5rem;\r\n padding: var(--spacing-Positive-spacing-3, 0.75rem) var(--spacing-Positive-spacing-2, 0.5rem);\r\n}\r\n\r\ndiv:active {\r\n border: 1.3px solid var(--color-border-selected, #075DB2);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\ndiv.disabled {\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n border: 1px solid var(--color-boarder-disabled, #E3E8EF);\r\n}\r\n\r\ninput[type=\"number\"]::-webkit-outer-spin-button,\r\ninput[type=\"number\"]::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n}\r\n\r\ninput {\r\n width: inherit;\r\n border: none;\r\n background-color: var(--color-background-card, #FFFFFF); \r\n padding: 2px;\r\n box-shadow: none;\r\n outline: none;\r\n text-align: center;\r\n font-family: Sora;\r\n font-style: normal;\r\n font-weight: 500;\r\n color: var(--color-text-disabled, #CDD5DF); /* Placeholder color */\r\n}\r\n\r\ninput:focus {\r\n border:none;\r\n box-shadow: none;\r\n}\r\n\r\ninput.sm {\r\n font-size: 1.5rem;\r\n line-height: 2rem;\r\n}\r\n\r\ninput.md {\r\n font-size: 1.875rem;\r\n line-height: 2.375rem;\r\n}\r\n\r\ninput.lg {\r\n font-size: 1.875rem;\r\n line-height: 2.375rem;\r\n}\r\n\r\ninput.disabled {\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n color: var(--color-text-disabled, #CDD5DF); \r\n}\r\n\r\ninput::placeholder {\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\ninput:not(:placeholder-shown) {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\ninput.disabled:not(:placeholder-shown) {\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n","import { Component, h, Prop, State, Element } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-mega-input-field-base',\r\n styleUrl: 'gb-mega-input-field-base.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbMegaInputFieldBase {\r\n @Prop() size: GeneralSizes;\r\n @Prop() state: 'placeholder' \| 'disabled';\r\n @State() inputValue: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n handleInput(event: Event) {\r\n const input = (event.target as HTMLInputElement).value;\r\n \r\n // Allow only one digit in the input field\r\n if (input.length <= 1) {\r\n this.inputValue = input; // Set the input value\r\n } else {\r\n this.inputValue = input[0]; // Keep only the first character if more is entered\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={{\r\n [this.size] : true,\r\n disabled: this.state === 'disabled'\r\n }}>\r\n <input \r\n class={{\r\n [this.size] : true,\r\n disabled: this.state === 'disabled'\r\n }}\r\n type=\"text\" \r\n maxlength=\"1\" \r\n placeholder=\"0\"\r\n value={this.inputValue}\r\n onInput={(event) => this.handleInput(event)}>\r\n </input>\r\n </div>\r\n \r\n )\r\n }\r\n}"],"version":3}
1	+ {"file":"p-DvBm95qc.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,yipEAAyipE;;MCS5jpE,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;AANjC,IAAA,WAAA,GAAA;;;;AASa,QAAA,IAAU,CAAA,UAAA,GAAW,EAAE;AAmCnC;AAhCG,IAAA,WAAW,CAAC,KAAY,EAAA;AACpB,QAAA,MAAM,KAAK,GAAI,KAAK,CAAC,MAA2B,CAAC,KAAK;;AAGtD,QAAA,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC,EAAE;AACrB,YAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;aACnB;YACL,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;;;IAIjC,MAAM,GAAA;QACF,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACR,gBAAA,CAAC,IAAI,CAAC,IAAI,GAAI,IAAI;AAClB,gBAAA,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK;aAC5B,EAAA,EACG,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACA,KAAK,EAAE;AACH,gBAAA,CAAC,IAAI,CAAC,IAAI,GAAI,IAAI;AAClB,gBAAA,QAAQ,EAAE,IAAI,CAAC,KAAK,KAAK;AAC5B,aAAA,EACD,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,GAAG,EACb,WAAW,EAAC,GAAG,EACf,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EACnC,CAAA,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-mega-input-field-base/gb-mega-input-field-base.css?tag=gb-mega-input-field-base&encapsulation=shadow","src/components/gb-mega-input-field-base/gb-mega-input-field-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\ndiv {\r\n display: flex; \r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-Positive-spacing-2, 0.5rem);\r\n border-radius: 8px;\r\n border: 1px solid var(--color-boarder-input, #CDD5DF);\r\n}\r\n\r\ndiv.sm {\r\n width: 2.75rem;\r\n min-width: 2.75rem;\r\n min-height: 2.75rem;\r\n padding: var(--spacing-Positive-spacing-half, 0.125rem);\r\n}\r\n\r\ndiv.md {\r\n width: 3rem;\r\n min-width: 3rem;\r\n min-height: 3rem;\r\n padding: 0.625rem var(--spacing-Positive-spacing-2, 0.5rem);\r\n}\r\n\r\ndiv.lg {\r\n width: 3.5rem;\r\n min-width: 3.5rem;\r\n min-height: 3.5rem;\r\n padding: var(--spacing-Positive-spacing-3, 0.75rem) var(--spacing-Positive-spacing-2, 0.5rem);\r\n}\r\n\r\ndiv:active {\r\n border: 1.3px solid var(--color-border-selected, #075DB2);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\ndiv.disabled {\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n border: 1px solid var(--color-boarder-disabled, #E3E8EF);\r\n}\r\n\r\ninput[type=\"number\"]::-webkit-outer-spin-button,\r\ninput[type=\"number\"]::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n}\r\n\r\ninput {\r\n width: inherit;\r\n border: none;\r\n background-color: var(--color-background-card, #FFFFFF); \r\n padding: 2px;\r\n box-shadow: none;\r\n outline: none;\r\n text-align: center;\r\n font-family: Sora;\r\n font-style: normal;\r\n font-weight: 500;\r\n color: var(--color-text-disabled, #CDD5DF); /* Placeholder color */\r\n}\r\n\r\ninput:focus {\r\n border:none;\r\n box-shadow: none;\r\n}\r\n\r\ninput.sm {\r\n font-size: 1.5rem;\r\n line-height: 2rem;\r\n}\r\n\r\ninput.md {\r\n font-size: 1.875rem;\r\n line-height: 2.375rem;\r\n}\r\n\r\ninput.lg {\r\n font-size: 1.875rem;\r\n line-height: 2.375rem;\r\n}\r\n\r\ninput.disabled {\r\n background: var(--color-background-gray-subtlest, #F6F8FA);\r\n color: var(--color-text-disabled, #CDD5DF); \r\n}\r\n\r\ninput::placeholder {\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\ninput:not(:placeholder-shown) {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\ninput.disabled:not(:placeholder-shown) {\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n","import { Component, h, Prop, State, Element } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-mega-input-field-base',\r\n styleUrl: 'gb-mega-input-field-base.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbMegaInputFieldBase {\r\n @Prop() size: GeneralSizes;\r\n @Prop() state: 'placeholder' \| 'disabled';\r\n @State() inputValue: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n handleInput(event: Event) {\r\n const input = (event.target as HTMLInputElement).value;\r\n \r\n // Allow only one digit in the input field\r\n if (input.length <= 1) {\r\n this.inputValue = input; // Set the input value\r\n } else {\r\n this.inputValue = input[0]; // Keep only the first character if more is entered\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={{\r\n [this.size] : true,\r\n disabled: this.state === 'disabled'\r\n }}>\r\n <input \r\n class={{\r\n [this.size] : true,\r\n disabled: this.state === 'disabled'\r\n }}\r\n type=\"text\" \r\n maxlength=\"1\" \r\n placeholder=\"0\"\r\n value={this.inputValue}\r\n onInput={(event) => this.handleInput(event)}>\r\n </input>\r\n </div>\r\n \r\n )\r\n }\r\n}"],"version":3}

package/dist/components/{p-C8xO5wfj.js → p-Dvp485BV.js} RENAMED Viewed

@@ -19,7 +19,7 @@ const GbMetricFeaturedIcon = /*@__PURE__*/ proxyCustomElement(class GbMetricFeat
         this.loadIcon(this.icon);
     }
     render() {
-        return (h(Fragment, null, this.featuredIconStyle === 'glassmorphism' && (h("div", { key: 'd283608b4fe2665b66fd5494e8ef99fc2cd292eb', class: `metric_featured_icon_wrapper ${this.size}` }, h("div", { key: '5fa97ecb961d1fd1afbc67c4fa5d8b4b5176290e', class: `icon_glass ${this.size}` }, h("div", { key: 'a65e3d1e3af1bee0fa0ec2c15b42677ee7dc54d6', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), h("div", { key: 'd45464dfc398eebc3ba6b386c5ceccd2b3066c55', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (h("div", { key: 'f3541b735b51cf25b82e7fe8193d17ce645c4778', class: `circular_filled_outer ${this.color} ${this.size}` }, h("div", { key: 'adddbdd72485e4c9b4f0563b9fa64957186912de', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
+        return (h(Fragment, null, this.featuredIconStyle === 'glassmorphism' && (h("div", { key: '7fe3a16c4c87eba2b2e32959f5cc1e5034d782de', class: `metric_featured_icon_wrapper ${this.size}` }, h("div", { key: '4dd35238a6f08ac4b26c7831aff5ac5248868c12', class: `icon_glass ${this.size}` }, h("div", { key: '6410e0eb1979294a277bfb98f9386ccc068e40e6', class: `icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })), h("div", { key: 'f0215c4f3330e58a20817dce3e9eec70d8b72144', class: `icon_background ${this.color} ${this.size}` }))), this.featuredIconStyle === 'circular_filled' && (h("div", { key: '8bcb62605ab4be199eaa3e6fe157f34ee4ece2cd', class: `circular_filled_outer ${this.color} ${this.size}` }, h("div", { key: '8cfbd502fe7aa5af1352c899b5055fb3b99e0e03', class: `circular_filled_icon icon ${this.size} ${this.color}`, innerHTML: this.leadingIconSvg })))));
     }
     static get style() { return gbMetricFeaturedIconCss; }
 }, [1, "gb-metric-featured-icon", {
@@ -45,6 +45,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbMetricFeaturedIcon as G, defineCustomElement as d };
-//# sourceMappingURL=p-C8xO5wfj.js.map
+//# sourceMappingURL=p-Dvp485BV.js.map
-//# sourceMappingURL=p-C8xO5wfj.js.map
+//# sourceMappingURL=p-Dvp485BV.js.map

package/dist/components/{p-C8xO5wfj.js.map → p-Dvp485BV.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~C8xO5wfj~~.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,m8uEAAm8uE;;MCQt9uE,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;AALjC,IAAA,WAAA,GAAA;;;;AAUW,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAgCrC;IA9BC,MAAM,QAAQ,CAAC,QAAgB,EAAA;QAC7B,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;AACjC,QAAA,IAAI,CAAC,cAAc,GAAG,GAAG;;IAG3B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG1B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,IAAI,CAAC,iBAAiB,KAAK,eAAe,KACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,6BAAA,EAAgC,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,EACrD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAc,WAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAA,EACnC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CACjF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAmB,gBAAA,EAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,CAAQ,CAC5D,CACP,EACA,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,KAC3C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAyB,sBAAA,EAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,0BAAA,EAA6B,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CACxG,CACP,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-metric-featured-icon/gb-metric-featured-icon.css?tag=gb-metric-featured-icon&encapsulation=shadow","src/components/gb-metric-featured-icon/gb-metric-featured-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n width: fit-content;\r\n position: relative;\r\n}\r\n\r\n.metric_featured_icon_wrapper {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n /* aspect-ratio: 1/1; /\r\n display: block;\r\n}\r\n\r\n.icon_glass {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n / aspect-ratio: 1/1; /\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-surface-transparent50, rgba(255, 255, 255, 0.5));\r\n background: var(--color-surface-transparent50, rgba(255, 255, 255, 0.5));\r\n / Backgroun Blur/Bg blur md /\r\n backdrop-filter: blur(8px);\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.icon_glass.sm {\r\n / width: 2.05131rem;\r\n height: 2.05131rem; /\r\n padding: 0.4375rem 0.48881rem 0.48881rem 0.4375rem;\r\n}\r\n\r\n.icon_glass.md {\r\n / width: 2.46156rem;\r\n height: 2.46156rem; /\r\n padding: 0.50644rem 0.46156rem 0.45513rem 0.5rem;\r\n}\r\n\r\n.icon_background {\r\n transform: rotate(15deg);\r\n flex-shrink: 0;\r\n border-radius: var(--rounded-sm);\r\n position: absolute;\r\n}\r\n\r\n.icon_background.sm {\r\n width: 2.05131rem;\r\n height: 2.05131rem;\r\n left: 0.9rem;\r\n bottom: 0.8rem;\r\n}\r\n\r\n.icon_background.md {\r\n width: 2.46156rem;\r\n height: 2.46156rem;\r\n left: 0.7rem;\r\n bottom: 0.5rem;\r\n}\r\n\r\n.icon_background.yellow {\r\n background: var(--color-background-warning, #dc6803);\r\n}\r\n\r\n.icon_background.purple {\r\n background: var(--color-background-purple, #6938ef);\r\n}\r\n\r\n.icon_background.red {\r\n background: var(--color-background-danger, #b51726);\r\n}\r\n\r\n.icon_background.green {\r\n background: var(--color-background-success, #079455);\r\n}\r\n\r\n.icon_background.gray {\r\n background: var(--color-background-gray-bold, #808c9e);\r\n}\r\n\r\n.icon_background.blue {\r\n background: var(--color-background-information, #064e94);\r\n}\r\n\r\n/ Icon Styles /\r\n.icon {\r\n display: flex;\r\n / padding: 0.09375rem 0.1875rem; /\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n / aspect-ratio: 1/1; /\r\n}\r\n\r\n.icon.sm svg {\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n}\r\n\r\n.icon.md svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.icon.yellow path[fill] {\r\n fill: var(--color-icon-warning-bold, #93370d);\r\n}\r\n\r\n.icon.yellow path[stroke] {\r\n stroke: var(--color-icon-warning-bold, #93370d);\r\n}\r\n\r\n.icon.purple path[fill] {\r\n fill: var(--color-icon-purple-bold, #4a1fb8);\r\n}\r\n\r\n.icon.purple path[stroke] {\r\n stroke: var(--color-icon-purple-bold, #4a1fb8);\r\n}\r\n\r\n.icon.red path[fill] {\r\n fill: var(--color-icon-danger-bold, #8c121d);\r\n}\r\n\r\n.icon.red path[stroke] {\r\n stroke: var(--color-icon-danger-bold, #8c121d);\r\n}\r\n\r\n.icon.green path[fill] {\r\n fill: var(--color-icon-success-bold, #085d3a);\r\n}\r\n\r\n.icon.green path[stroke] {\r\n stroke: var(--color-icon-success-bold, #085d3a);\r\n}\r\n\r\n.icon.gray path[fill] {\r\n fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.icon.gray path[stroke] {\r\n stroke: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.icon.blue path[fill] {\r\n fill: var(--color-icon-information-bold, #042f59);\r\n}\r\n\r\n.icon.blue path[stroke] {\r\n stroke: var(--color-icon-information-bold, #042f59);\r\n}\r\n\r\n/ Circular Filled Styles */\r\n.circular_filled_outer {\r\n display: inline-flex;\r\n padding: var(--spacing-1);\r\n align-items: center;\r\n gap: 0.5rem;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.circular_filled_outer.yellow {\r\n background-color: var(--color-background-warning-subtler, #FEF0C7);\r\n}\r\n\r\n.circular_filled_outer.purple {\r\n background-color: var(--color-background-purple-subtler, #EBE9FE);\r\n}\r\n\r\n.circular_filled_outer.red {\r\n background-color: var(--color-background-danger-subtler, #EBE9FE);\r\n}\r\n\r\n.circular_filled_outer.green {\r\n background-color: var(--color-background-success-subtler, #dcfae6);\r\n}\r\n\r\n.circular_filled_outer.gray {\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.circular_filled_outer.blue {\r\n background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.circular_filled_icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.circular_filled_icon.yellow{\r\n background: var(--color-background-warning-subtle, #FEDF89);\r\n}\r\n\r\n.circular_filled_icon.purple{\r\n background: var(--color-background-purple-subtle, #D9D6FE);\r\n}\r\n\r\n.circular_filled_icon.red{\r\n background: var(--color-background-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.circular_filled_icon.green{\r\n background: var(--color-background-success-subtle, #A9EFC5);\r\n}\r\n\r\n.circular_filled_icon.gray{\r\n background: var(--color-background-gray, #CDD5DF);\r\n}\r\n\r\n.circular_filled_icon.blue{\r\n background: var(--color-background-information-subtle, #9AC7F4);\r\n}\r\n\r\n.circular_filled_icon.sm {\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.circular_filled_icon.md {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n","import { Component, Prop, State, getAssetPath, h, Fragment } from '@stencil/core';\r\nimport { ColorTypes, GeneralSizes, MetricFeaturedIconTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-metric-featured-icon',\r\n styleUrl: 'gb-metric-featured-icon.css',\r\n shadow: true,\r\n})\r\nexport class GbMetricFeaturedIcon {\r\n @Prop() size: GeneralSizes;\r\n @Prop() color: ColorTypes;\r\n @Prop() featuredIconStyle: MetricFeaturedIconTypes;\r\n @Prop() icon: string;\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.featuredIconStyle === 'glassmorphism' && (\r\n <div class={`metric_featured_icon_wrapper ${this.size}`}>\r\n <div class={`icon_glass ${this.size}`}>\r\n <div class={`icon ${this.size} ${this.color}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n <div class={`icon_background ${this.color} ${this.size}`}></div>\r\n </div>\r\n )}\r\n {this.featuredIconStyle === 'circular_filled' && (\r\n <div class={`circular_filled_outer ${this.color} ${this.size}`}>\r\n <div class={`circular_filled_icon icon ${this.size} ${this.color}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"p-Dvp485BV.js","mappings":";;AAAA,MAAM,uBAAuB,GAAG,m8uEAAm8uE;;MCQt9uE,oBAAoB,iBAAAA,kBAAA,CAAA,MAAA,oBAAA,SAAAC,CAAA,CAAA;AALjC,IAAA,WAAA,GAAA;;;;AAUW,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAgCrC;IA9BC,MAAM,QAAQ,CAAC,QAAgB,EAAA;QAC7B,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;AACjC,QAAA,IAAI,CAAC,cAAc,GAAG,GAAG;;IAG3B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;IAG1B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACG,IAAI,CAAC,iBAAiB,KAAK,eAAe,KACzC,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,6BAAA,EAAgC,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,EACrD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAc,WAAA,EAAA,IAAI,CAAC,IAAI,EAAE,EAAA,EACnC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CACjF,EACN,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAmB,gBAAA,EAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAE,CAAA,EAAA,CAAQ,CAC5D,CACP,EACA,IAAI,CAAC,iBAAiB,KAAK,iBAAiB,KAC3C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAyB,sBAAA,EAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAA,CAAE,EAAA,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,CAAA,0BAAA,EAA6B,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CACxG,CACP,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-metric-featured-icon/gb-metric-featured-icon.css?tag=gb-metric-featured-icon&encapsulation=shadow","src/components/gb-metric-featured-icon/gb-metric-featured-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n width: fit-content;\r\n position: relative;\r\n}\r\n\r\n.metric_featured_icon_wrapper {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n /* aspect-ratio: 1/1; /\r\n display: block;\r\n}\r\n\r\n.icon_glass {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n / aspect-ratio: 1/1; /\r\n border-radius: var(--rounded-sm);\r\n border: 1px solid var(--color-surface-transparent50, rgba(255, 255, 255, 0.5));\r\n background: var(--color-surface-transparent50, rgba(255, 255, 255, 0.5));\r\n / Backgroun Blur/Bg blur md /\r\n backdrop-filter: blur(8px);\r\n position: relative;\r\n z-index: 1;\r\n}\r\n\r\n.icon_glass.sm {\r\n / width: 2.05131rem;\r\n height: 2.05131rem; /\r\n padding: 0.4375rem 0.48881rem 0.48881rem 0.4375rem;\r\n}\r\n\r\n.icon_glass.md {\r\n / width: 2.46156rem;\r\n height: 2.46156rem; /\r\n padding: 0.50644rem 0.46156rem 0.45513rem 0.5rem;\r\n}\r\n\r\n.icon_background {\r\n transform: rotate(15deg);\r\n flex-shrink: 0;\r\n border-radius: var(--rounded-sm);\r\n position: absolute;\r\n}\r\n\r\n.icon_background.sm {\r\n width: 2.05131rem;\r\n height: 2.05131rem;\r\n left: 0.9rem;\r\n bottom: 0.8rem;\r\n}\r\n\r\n.icon_background.md {\r\n width: 2.46156rem;\r\n height: 2.46156rem;\r\n left: 0.7rem;\r\n bottom: 0.5rem;\r\n}\r\n\r\n.icon_background.yellow {\r\n background: var(--color-background-warning, #dc6803);\r\n}\r\n\r\n.icon_background.purple {\r\n background: var(--color-background-purple, #6938ef);\r\n}\r\n\r\n.icon_background.red {\r\n background: var(--color-background-danger, #b51726);\r\n}\r\n\r\n.icon_background.green {\r\n background: var(--color-background-success, #079455);\r\n}\r\n\r\n.icon_background.gray {\r\n background: var(--color-background-gray-bold, #808c9e);\r\n}\r\n\r\n.icon_background.blue {\r\n background: var(--color-background-information, #064e94);\r\n}\r\n\r\n/ Icon Styles /\r\n.icon {\r\n display: flex;\r\n / padding: 0.09375rem 0.1875rem; /\r\n justify-content: center;\r\n align-items: center;\r\n flex-shrink: 0;\r\n / aspect-ratio: 1/1; /\r\n}\r\n\r\n.icon.sm svg {\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n}\r\n\r\n.icon.md svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.icon.yellow path[fill] {\r\n fill: var(--color-icon-warning-bold, #93370d);\r\n}\r\n\r\n.icon.yellow path[stroke] {\r\n stroke: var(--color-icon-warning-bold, #93370d);\r\n}\r\n\r\n.icon.purple path[fill] {\r\n fill: var(--color-icon-purple-bold, #4a1fb8);\r\n}\r\n\r\n.icon.purple path[stroke] {\r\n stroke: var(--color-icon-purple-bold, #4a1fb8);\r\n}\r\n\r\n.icon.red path[fill] {\r\n fill: var(--color-icon-danger-bold, #8c121d);\r\n}\r\n\r\n.icon.red path[stroke] {\r\n stroke: var(--color-icon-danger-bold, #8c121d);\r\n}\r\n\r\n.icon.green path[fill] {\r\n fill: var(--color-icon-success-bold, #085d3a);\r\n}\r\n\r\n.icon.green path[stroke] {\r\n stroke: var(--color-icon-success-bold, #085d3a);\r\n}\r\n\r\n.icon.gray path[fill] {\r\n fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.icon.gray path[stroke] {\r\n stroke: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.icon.blue path[fill] {\r\n fill: var(--color-icon-information-bold, #042f59);\r\n}\r\n\r\n.icon.blue path[stroke] {\r\n stroke: var(--color-icon-information-bold, #042f59);\r\n}\r\n\r\n/ Circular Filled Styles */\r\n.circular_filled_outer {\r\n display: inline-flex;\r\n padding: var(--spacing-1);\r\n align-items: center;\r\n gap: 0.5rem;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.circular_filled_outer.yellow {\r\n background-color: var(--color-background-warning-subtler, #FEF0C7);\r\n}\r\n\r\n.circular_filled_outer.purple {\r\n background-color: var(--color-background-purple-subtler, #EBE9FE);\r\n}\r\n\r\n.circular_filled_outer.red {\r\n background-color: var(--color-background-danger-subtler, #EBE9FE);\r\n}\r\n\r\n.circular_filled_outer.green {\r\n background-color: var(--color-background-success-subtler, #dcfae6);\r\n}\r\n\r\n.circular_filled_outer.gray {\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.circular_filled_outer.blue {\r\n background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.circular_filled_icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.5rem;\r\n border-radius: var(--rounded-full);\r\n}\r\n\r\n.circular_filled_icon.yellow{\r\n background: var(--color-background-warning-subtle, #FEDF89);\r\n}\r\n\r\n.circular_filled_icon.purple{\r\n background: var(--color-background-purple-subtle, #D9D6FE);\r\n}\r\n\r\n.circular_filled_icon.red{\r\n background: var(--color-background-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.circular_filled_icon.green{\r\n background: var(--color-background-success-subtle, #A9EFC5);\r\n}\r\n\r\n.circular_filled_icon.gray{\r\n background: var(--color-background-gray, #CDD5DF);\r\n}\r\n\r\n.circular_filled_icon.blue{\r\n background: var(--color-background-information-subtle, #9AC7F4);\r\n}\r\n\r\n.circular_filled_icon.sm {\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.circular_filled_icon.md {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n","import { Component, Prop, State, getAssetPath, h, Fragment } from '@stencil/core';\r\nimport { ColorTypes, GeneralSizes, MetricFeaturedIconTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-metric-featured-icon',\r\n styleUrl: 'gb-metric-featured-icon.css',\r\n shadow: true,\r\n})\r\nexport class GbMetricFeaturedIcon {\r\n @Prop() size: GeneralSizes;\r\n @Prop() color: ColorTypes;\r\n @Prop() featuredIconStyle: MetricFeaturedIconTypes;\r\n @Prop() icon: string;\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n }\r\n\r\n render() {\r\n return (\r\n <>\r\n {this.featuredIconStyle === 'glassmorphism' && (\r\n <div class={`metric_featured_icon_wrapper ${this.size}`}>\r\n <div class={`icon_glass ${this.size}`}>\r\n <div class={`icon ${this.size} ${this.color}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n <div class={`icon_background ${this.color} ${this.size}`}></div>\r\n </div>\r\n )}\r\n {this.featuredIconStyle === 'circular_filled' && (\r\n <div class={`circular_filled_outer ${this.color} ${this.size}`}>\r\n <div class={`circular_filled_icon icon ${this.size} ${this.color}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n )}\r\n </>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/{p-BLJPJrUd.js → p-F1xK24HI.js} RENAMED Viewed

@@ -13,7 +13,7 @@ const GbNotificationContent = /*@__PURE__*/ proxyCustomElement(class GbNotificat
     }
     render() {
         const iconSrc = getAssetPath(`${this.icon}`);
-        return (h("div", { key: 'a99ab3aa11d5f60b99adbc2c70d913eb16ff7b50', class: "notification_container" }, h("div", { key: 'b891e5c5fd3f9d5839f46aae2c92830702fa23a8', class: "notification_title" }, this.icon && (h("div", { key: 'a5e18800215e854f5a1e086df6dd9afe7a01d45a', class: "icon" }, h("img", { key: '95bd29343e2f8de7336956d870c87194b3a5d050', src: iconSrc, alt: "Icon" }))), h("label", { key: '411035edb9dc56bff91a4558e943147fc4cf345f' }, this.label), h("span", { key: '180fcf9ceb0a5bef52a52d2e88d40fef8b5a8957', class: "time" }, this.time)), h("div", { key: 'faa4b18a374fbe18f5ed47b555142d2c769624c5', class: "supporting_text" }, h("p", { key: '4a9e4fff80dabbe8eb9a654a16fea8a6fbbd67f6', class: "text-sm-regular" }, this.supportingText))));
+        return (h("div", { key: '9192354ce7f0a189165694861971ce262896b723', class: "notification_container" }, h("div", { key: '445de07c842434deba0ac3108670fb05a40b03b3', class: "notification_title" }, this.icon && (h("div", { key: 'b37cff39b148bf1ebcede2c15de07698dd3a8af8', class: "icon" }, h("img", { key: '5c4aa5eabe3a669d96ba46a041f8fb20792793e8', src: iconSrc, alt: "Icon" }))), h("label", { key: 'c2841de8b1cd7aa1a1cb793871bda4fae1505b2f' }, this.label), h("span", { key: '368c0243caa10d5dfbe29febdbca1478de7205aa', class: "time" }, this.time)), h("div", { key: '2db2405c6ed1f4dbfff35fb684dbe5a486caf7f8', class: "supporting_text" }, h("p", { key: 'c07a09493f0c04484d8a44b66987a9a81ece891d', class: "text-sm-regular" }, this.supportingText))));
     }
     static get style() { return gbNotificationContentCss; }
 }, [1, "gb-notification-content", {
@@ -38,6 +38,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbNotificationContent as G, defineCustomElement as d };
-//# sourceMappingURL=p-BLJPJrUd.js.map
+//# sourceMappingURL=p-F1xK24HI.js.map
-//# sourceMappingURL=p-BLJPJrUd.js.map
+//# sourceMappingURL=p-F1xK24HI.js.map

package/dist/components/{p-BLJPJrUd.js.map → p-F1xK24HI.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BLJPJrUd~~.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,m9nEAAm9nE;;MCQv+nE,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;AANlC,IAAA,WAAA,GAAA;;;;AAQY,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAClB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAyBtC;IAvBG,MAAM,GAAA;QAEF,MAAM,OAAO,GAAG,YAAY,CAAC,CAAA,EAAG,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC;AAE5C,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC1B,IAAI,CAAC,IAAI,KACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,MAAM,EAAG,CAAA,CAC9B,CACT,EACD,CAAQ,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAS,EAC3B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACb,IAAI,CAAC,IAAI,CACP,CACL,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EACxB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,cAAc,CAAK,CAClD,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-notification-content/gb-notification-content.css?tag=gb-notification-content&encapsulation=shadow","src/components/gb-notification-content/gb-notification-content.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.notification_container {\r\n display: inline-flex;\r\n padding: var(--spacing-6) var(--spacing-2);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n border-radius: var(--rounded-none);\r\n border-bottom: 0.6px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.notification_container:hover {\r\n background-color: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.icon img {\r\n fill: var(--color-icon-selected, #075DB2);\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\nlabel{\r\n color: #202939;\r\n /* Text md/Medium /\r\n font-family: var(--Font-Family-Body, Sora);\r\n font-size: var(--Font-Size-T-md, 16px);\r\n font-style: normal;\r\n font-weight: var(--Font-Weight-Medium, 500);\r\n line-height: var(--Font-Line-height-T-md, 24px); / 150% /\r\n letter-spacing: var(--Font-Letter-spacing-T-md, 0px);\r\n}\r\n\r\n.time {\r\n color: #697586;\r\n / Text xs/Regular /\r\n font-family: var(--Font-Family-Body, Sora);\r\n font-size: var(--Font-Size-T-xs, 12px);\r\n font-style: normal;\r\n font-weight: var(--Font-Weight-Regular, 400);\r\n line-height: var(--Font-Line-height-T-xs, 18px); / 150% */\r\n letter-spacing: var(--Font-Letter-spacing-T-xs, 0px);\r\n}\r\n\r\n.notification_title {\r\n display: flex;\r\n width: 335px;\r\n padding: 0px;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.supporting_text {\r\n padding-left: 28px;\r\n color:var(--color-text, #4B5565);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}","import {Component, Prop, h, getAssetPath} from '@stencil/core'\r\n\r\n@Component({\r\n tag: 'gb-notification-content',\r\n styleUrl: 'gb-notification-content.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbNotificationContent {\r\n @Prop() icon: string;\r\n @Prop() label: string = '';\r\n @Prop() time: string = '';\r\n @Prop() supportingText: string = '';\r\n\r\n render() {\r\n\r\n const iconSrc = getAssetPath(`${this.icon}`);\r\n\r\n return (\r\n <div class=\"notification_container\">\r\n <div class=\"notification_title\">\r\n {this.icon && (\r\n <div class=\"icon\">\r\n <img src={iconSrc} alt=\"Icon\" />\r\n </div>\r\n )}\r\n <label>{this.label}</label>\r\n <span class=\"time\">\r\n {this.time}\r\n </span>\r\n </div> \r\n <div class=\"supporting_text\">\r\n <p class=\"text-sm-regular\">{this.supportingText}</p>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
1	+ {"file":"p-F1xK24HI.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,m9nEAAm9nE;;MCQv+nE,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;AANlC,IAAA,WAAA,GAAA;;;;AAQY,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAClB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AACjB,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAyBtC;IAvBG,MAAM,GAAA;QAEF,MAAM,OAAO,GAAG,YAAY,CAAC,CAAA,EAAG,IAAI,CAAC,IAAI,CAAE,CAAA,CAAC;AAE5C,QAAA,QACI,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EAC/B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC1B,IAAI,CAAC,IAAI,KACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,MAAM,EAAG,CAAA,CAC9B,CACT,EACD,CAAQ,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,KAAK,CAAS,EAC3B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACb,IAAI,CAAC,IAAI,CACP,CACL,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAA,EACxB,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,cAAc,CAAK,CAClD,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-notification-content/gb-notification-content.css?tag=gb-notification-content&encapsulation=shadow","src/components/gb-notification-content/gb-notification-content.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.notification_container {\r\n display: inline-flex;\r\n padding: var(--spacing-6) var(--spacing-2);\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: var(--spacing-2);\r\n border-radius: var(--rounded-none);\r\n border-bottom: 0.6px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.notification_container:hover {\r\n background-color: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.icon img {\r\n fill: var(--color-icon-selected, #075DB2);\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\nlabel{\r\n color: #202939;\r\n /* Text md/Medium /\r\n font-family: var(--Font-Family-Body, Sora);\r\n font-size: var(--Font-Size-T-md, 16px);\r\n font-style: normal;\r\n font-weight: var(--Font-Weight-Medium, 500);\r\n line-height: var(--Font-Line-height-T-md, 24px); / 150% /\r\n letter-spacing: var(--Font-Letter-spacing-T-md, 0px);\r\n}\r\n\r\n.time {\r\n color: #697586;\r\n / Text xs/Regular /\r\n font-family: var(--Font-Family-Body, Sora);\r\n font-size: var(--Font-Size-T-xs, 12px);\r\n font-style: normal;\r\n font-weight: var(--Font-Weight-Regular, 400);\r\n line-height: var(--Font-Line-height-T-xs, 18px); / 150% */\r\n letter-spacing: var(--Font-Letter-spacing-T-xs, 0px);\r\n}\r\n\r\n.notification_title {\r\n display: flex;\r\n width: 335px;\r\n padding: 0px;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.supporting_text {\r\n padding-left: 28px;\r\n color:var(--color-text, #4B5565);\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}","import {Component, Prop, h, getAssetPath} from '@stencil/core'\r\n\r\n@Component({\r\n tag: 'gb-notification-content',\r\n styleUrl: 'gb-notification-content.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbNotificationContent {\r\n @Prop() icon: string;\r\n @Prop() label: string = '';\r\n @Prop() time: string = '';\r\n @Prop() supportingText: string = '';\r\n\r\n render() {\r\n\r\n const iconSrc = getAssetPath(`${this.icon}`);\r\n\r\n return (\r\n <div class=\"notification_container\">\r\n <div class=\"notification_title\">\r\n {this.icon && (\r\n <div class=\"icon\">\r\n <img src={iconSrc} alt=\"Icon\" />\r\n </div>\r\n )}\r\n <label>{this.label}</label>\r\n <span class=\"time\">\r\n {this.time}\r\n </span>\r\n </div> \r\n <div class=\"supporting_text\">\r\n <p class=\"text-sm-regular\">{this.supportingText}</p>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"],"version":3}

package/dist/components/{p-D4OVZg2p.js → p-LTyb5eel.js} RENAMED Viewed

@@ -18,8 +18,8 @@ const GbToggleBase = /*@__PURE__*/ proxyCustomElement(class GbToggleBase extends
     }
     render() {
         return [
-            h("input", { key: 'a075307efcdca568ac8b487b8ccf2a2efcedd268', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '9abd429811539281375559409d52e38726c4db27', 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: "#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: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: '5bc2c072b805656ed4eb82595e604e4d99ebcc51', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'c7f76a981d9778ad5969c2c93081d54e372de594', 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: "#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: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get style() { return gbToggleBaseCss; }
@@ -44,6 +44,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbToggleBase as G, defineCustomElement as d };
-//# sourceMappingURL=p-D4OVZg2p.js.map
+//# sourceMappingURL=p-LTyb5eel.js.map
-//# sourceMappingURL=p-D4OVZg2p.js.map
+//# sourceMappingURL=p-LTyb5eel.js.map

package/dist/components/{p-D4OVZg2p.js.map → p-LTyb5eel.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~D4OVZg2p~~.js","mappings":";;AAAA,MAAM,eAAe,GAAG,49pEAA49pE;;MCQv+pE,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AAQ2B,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AA0ClD;IAvCS,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,EACE,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EACvC,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAI,CAAA,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,EACpE,OAAO,EAAC,gBAAgB,EAEvB,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,SAAS,EACH,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,SAAS,kBACH,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';\r\n\r\n/* Basic Styles for the Toggle /\r\ninput[type=\"checkbox\"] {\r\n display: none; / Hide native checkbox /\r\n}\r\n\r\nlabel {\r\n display: inline-block;\r\n border-radius: var(--rounded-lg);\r\n position: relative;\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n padding: 0.125rem;\r\n}\r\n\r\nlabel.sm{\r\n width: 2.25rem;\r\n height: 1.25rem;\r\n}\r\n\r\nlabel.md{\r\n width: 2.75rem;\r\n height: 1.5rem;\r\n}\r\n\r\nlabel.pressed.default {\r\n background-color: var(--color-background-selected, #075db2);\r\n}\r\n\r\nlabel.disabled{\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n}\r\n\r\nlabel.pressed.disabled {\r\n background-color: var(--color-background-gray-subtle, #E3E8EF); / Light gray background when pressed and in disabled state /\r\n}\r\n\r\n/ Circle inside the toggle /\r\nlabel::before {\r\n content: '';\r\n position: absolute;\r\n background-color: var(--color-icon-inverse, #FFFFFF);\r\n border-radius: 50%;\r\n transition: transform 0.3s ease;\r\n filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));\r\n}\r\n\r\nlabel.sm::before{\r\n width: 1rem;\r\n height: 1rem;\r\n top: 0.25rem;\r\n left: 0.25rem;\r\n}\r\n\r\nlabel.md::before{\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n top: 0.24rem;\r\n left: 0.25rem;\r\n}\r\n\r\nlabel.sm.pressed::before {\r\n transform: translateX(16px); / Move the white circle to the right when pressed /\r\n}\r\n\r\nlabel.md.pressed::before {\r\n transform: translateX(20px); / Move the white circle to the right when pressed /\r\n}\r\n\r\nlabel.disabled::before {\r\n background-color: var(--color-icon-disabled, #CDD5DF); / Change circle background when disabled /\r\n}\r\n\r\nlabel.pressed.disabled::before {\r\n background-color: var(--color-background-gray-bold, #9AA4B2); / Change circle background when disabled /\r\n}\r\n\r\n/ Checkmark SVG Styles /\r\n.default_checked_svg,\r\n.disabled_checked_svg {\r\n position: absolute;\r\n transform: translate(-50%, -50%);\r\n width: 12px;\r\n height: 12px;\r\n display: none; / Hidden by default /\r\n}\r\n\r\n.pressed .default_checked_svg {\r\n display: block; / Show checkmark when pressed and default /\r\n}\r\n\r\n.pressed .disabled_checked_svg {\r\n display: block; / Show checkmark when pressed and disabled */\r\n}\r\n\r\n.default_checked_svg.sm,\r\n.disabled_checked_svg.sm{\r\n top: 0.75rem;\r\n right: 0;\r\n}\r\n\r\n.default_checked_svg.md,\r\n.disabled_checked_svg.md{\r\n top: 0.85rem;\r\n right: 0.1rem;\r\n}\r\n\r\n\r\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-toggle-base',\r\n styleUrl: 'gb-toggle-base.css',\r\n shadow: true,\r\n})\r\nexport class GbToggleBase {\r\n @Prop() size: GeneralSizes;\r\n @Prop() state: StateEnum;\r\n @Prop({ mutable: true }) pressed: boolean = false;\r\n @Event() toggleClicked: EventEmitter<boolean>;\r\n\r\n private handleToggleClick() {\r\n if (this.state === 'default') {\r\n this.pressed = !this.pressed;\r\n this.toggleClicked.emit(this.pressed);\r\n }\r\n }\r\n\r\n render() {\r\n return [\r\n <input type=\"checkbox\" id=\"customCheckbox\" class={`${this.pressed ? 'pressed' : ''}`} readonly />,\r\n <label\r\n onClick={() => this.handleToggleClick()}\r\n class={`${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`}\r\n htmlFor=\"customCheckbox\"\r\n >\r\n {this.pressed && this.state === 'default' ? (\r\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}`}>\r\n <path\r\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\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n ) : this.pressed && this.state === 'disabled' ? (\r\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}`}>\r\n <path\r\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\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n ) : null}\r\n </label>,\r\n ];\r\n }\r\n}"],"version":3}
1	+ {"file":"p-LTyb5eel.js","mappings":";;AAAA,MAAM,eAAe,GAAG,49pEAA49pE;;MCQv+pE,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,GAAA;;;;;AAQ2B,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AA0ClD;IAvCS,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,EACE,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EACvC,KAAK,EAAE,CAAG,EAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAI,CAAA,EAAA,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,EACpE,OAAO,EAAC,gBAAgB,EAEvB,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,SAAS,EACH,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,SAAS,kBACH,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';\r\n\r\n/* Basic Styles for the Toggle /\r\ninput[type=\"checkbox\"] {\r\n display: none; / Hide native checkbox /\r\n}\r\n\r\nlabel {\r\n display: inline-block;\r\n border-radius: var(--rounded-lg);\r\n position: relative;\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n padding: 0.125rem;\r\n}\r\n\r\nlabel.sm{\r\n width: 2.25rem;\r\n height: 1.25rem;\r\n}\r\n\r\nlabel.md{\r\n width: 2.75rem;\r\n height: 1.5rem;\r\n}\r\n\r\nlabel.pressed.default {\r\n background-color: var(--color-background-selected, #075db2);\r\n}\r\n\r\nlabel.disabled{\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n}\r\n\r\nlabel.pressed.disabled {\r\n background-color: var(--color-background-gray-subtle, #E3E8EF); / Light gray background when pressed and in disabled state /\r\n}\r\n\r\n/ Circle inside the toggle /\r\nlabel::before {\r\n content: '';\r\n position: absolute;\r\n background-color: var(--color-icon-inverse, #FFFFFF);\r\n border-radius: 50%;\r\n transition: transform 0.3s ease;\r\n filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));\r\n}\r\n\r\nlabel.sm::before{\r\n width: 1rem;\r\n height: 1rem;\r\n top: 0.25rem;\r\n left: 0.25rem;\r\n}\r\n\r\nlabel.md::before{\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n top: 0.24rem;\r\n left: 0.25rem;\r\n}\r\n\r\nlabel.sm.pressed::before {\r\n transform: translateX(16px); / Move the white circle to the right when pressed /\r\n}\r\n\r\nlabel.md.pressed::before {\r\n transform: translateX(20px); / Move the white circle to the right when pressed /\r\n}\r\n\r\nlabel.disabled::before {\r\n background-color: var(--color-icon-disabled, #CDD5DF); / Change circle background when disabled /\r\n}\r\n\r\nlabel.pressed.disabled::before {\r\n background-color: var(--color-background-gray-bold, #9AA4B2); / Change circle background when disabled /\r\n}\r\n\r\n/ Checkmark SVG Styles /\r\n.default_checked_svg,\r\n.disabled_checked_svg {\r\n position: absolute;\r\n transform: translate(-50%, -50%);\r\n width: 12px;\r\n height: 12px;\r\n display: none; / Hidden by default /\r\n}\r\n\r\n.pressed .default_checked_svg {\r\n display: block; / Show checkmark when pressed and default /\r\n}\r\n\r\n.pressed .disabled_checked_svg {\r\n display: block; / Show checkmark when pressed and disabled */\r\n}\r\n\r\n.default_checked_svg.sm,\r\n.disabled_checked_svg.sm{\r\n top: 0.75rem;\r\n right: 0;\r\n}\r\n\r\n.default_checked_svg.md,\r\n.disabled_checked_svg.md{\r\n top: 0.85rem;\r\n right: 0.1rem;\r\n}\r\n\r\n\r\n","import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-toggle-base',\r\n styleUrl: 'gb-toggle-base.css',\r\n shadow: true,\r\n})\r\nexport class GbToggleBase {\r\n @Prop() size: GeneralSizes;\r\n @Prop() state: StateEnum;\r\n @Prop({ mutable: true }) pressed: boolean = false;\r\n @Event() toggleClicked: EventEmitter<boolean>;\r\n\r\n private handleToggleClick() {\r\n if (this.state === 'default') {\r\n this.pressed = !this.pressed;\r\n this.toggleClicked.emit(this.pressed);\r\n }\r\n }\r\n\r\n render() {\r\n return [\r\n <input type=\"checkbox\" id=\"customCheckbox\" class={`${this.pressed ? 'pressed' : ''}`} readonly />,\r\n <label\r\n onClick={() => this.handleToggleClick()}\r\n class={`${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`}\r\n htmlFor=\"customCheckbox\"\r\n >\r\n {this.pressed && this.state === 'default' ? (\r\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}`}>\r\n <path\r\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\"\r\n stroke=\"#075DB2\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n ) : this.pressed && this.state === 'disabled' ? (\r\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}`}>\r\n <path\r\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\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n ) : null}\r\n </label>,\r\n ];\r\n }\r\n}"],"version":3}

package/dist/components/{p-DokEEF0_.js → p-RzLA-m6H.js} RENAMED Viewed

@@ -26,7 +26,7 @@ const GbPaginationButtonGroupBase = /*@__PURE__*/ proxyCustomElement(class GbPag
         this.leadingIconSvg = svg;
     }
     render() {
-        return (h("div", { key: 'e4531b684f0be6b13e1330cb22931c2192623a73', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '7313ec203002556f442c217af3755d99254dc7ac' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'e17e6f215d471e9a6a8af33d35f22a78535fedb7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '03b6ee8c784ce5b77fc2495e6c074ced7d49e3d8', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'd45b788b1ff6506d05a13a0550a2dbecd743ddc0' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: '9d2d82519f06f77625ebf9f507cf9c3cd8110a2b' }), h("svg", { key: 'e5e84ed1789e1eeb62f4844527933ec7eb4384ab', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '7a9398a68691c9ac25e75d164976609e9854712d', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: 'd3f663c6644723b578521f40f82837213ef82dd6', class: `icon`, innerHTML: this.leadingIconSvg })))));
+        return (h("div", { key: 'cc657b95146a6e18a4de5bedb5a819c5be292561', class: `button_base_div ${this.icon} ${this.state}` }, this.icon === 'false' && h("slot", { key: '44590b00be0dfc96bd75dda9f6dfa501d01d3107' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'a68f3a199a2cae9405ff7f17abee44111dd8ff44', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '0630ec1cc12eac59b694e1d5a6fedd8aa716756f', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'f25e4abe7ea0382620320f0460c6d597834c68f9' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'e54885aa4ea5d226afd088b5180fc71c622e2c99' }), h("svg", { key: 'dc701e9af1a13c4a1deb031934be1582bbb80ca9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '1465719a1c335cd30c446dc700d031768aca0dd5', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.icon === 'only' && (h(Fragment, null, h("div", { key: 'fe50a1661ef24f5a2d792ae802b07c8ecc1f3c13', class: `icon`, innerHTML: this.leadingIconSvg })))));
     }
     get el() { return this; }
     static get style() { return gbPaginationButtonGroupBaseCss; }
@@ -52,6 +52,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { GbPaginationButtonGroupBase as G, defineCustomElement as d };
-//# sourceMappingURL=p-DokEEF0_.js.map
+//# sourceMappingURL=p-RzLA-m6H.js.map
-//# sourceMappingURL=p-DokEEF0_.js.map
+//# sourceMappingURL=p-RzLA-m6H.js.map

package/dist/components/{p-DokEEF0_.js.map → p-RzLA-m6H.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DokEEF0_~~.js","mappings":";;AAAA,MAAM,8BAA8B,GAAG,ozBAAozB;;MCO90B,2BAA2B,iBAAAA,kBAAA,CAAA,MAAA,2BAAA,SAAAC,CAAA,CAAA;AALxC,IAAA,WAAA,GAAA;;;;AASW,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAgErC;IA7DC,gBAAgB,GAAA;QACd,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC;QAEjD,IAAI,cAAc,EAAE;AAClB,YAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;;AAGnD,QAAA,IAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC1B,YAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;AAG7C,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;;IAG7B,MAAM,QAAQ,CAAC,QAAgB,EAAA;QAC7B,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;AACjC,QAAA,IAAI,CAAC,cAAc,GAAG,GAAG;;IAG3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAmB,gBAAA,EAAA,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,EACrD,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACtC,IAAI,CAAC,IAAI,KAAK,SAAS,KACtB,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,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,EAAA,EAC5F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,0JAA0J,EAC5J,MAAM,EAAC,SAAS,EACH,cAAA,EAAA,MAAM,EACJ,gBAAA,EAAA,OAAO,EACN,iBAAA,EAAA,OAAO,GACvB,CACE,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACZ,CACJ,EACA,IAAI,CAAC,IAAI,KAAK,UAAU,KACvB,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACX,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,EAAA,EAC5F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,yJAAyJ,EAC3J,MAAM,EAAC,SAAS,EAAA,cAAA,EACH,KAAK,EAAA,gBAAA,EACH,OAAO,EACN,iBAAA,EAAA,OAAO,EACvB,CAAA,CACE,CACP,CACJ,EACA,IAAI,CAAC,IAAI,KAAK,MAAM,KACnB,CAAA,CAAA,QAAA,EAAA,IAAA,EACA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAM,IAAA,CAAA,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAQ,CAAA,CACvD,CACJ,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.css?tag=gb-pagination-button-group-base&encapsulation=shadow","src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.tsx"],"sourcesContent":[".button_base_div{\r\n display: flex;\r\n align-items: center;\r\n align-self: stretch;\r\n border-right: 1px solid var(--color-border-subtle, #CDD5DF);\r\n justify-content: center;\r\n cursor: pointer;\r\n width: fit-content;\r\n}\r\n\r\n.button_base_div:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.button_base_div.active{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.button_base_div:active{\r\n background: none;\r\n}\r\n\r\n.button_base_div.false{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: var(--spacing-none);\r\n}\r\n\r\n.button_base_div.leading,\r\n.button_base_div.trailing{\r\n height: 2.5rem;\r\n gap: 0.5rem;\r\n padding: var(--spacing-none) var(--spacing-4);\r\n}\r\n\r\n.button_base_div.only{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\n::slotted(p){\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted(p.active_text){\r\n color: var(--color-text-bold, #202939);\r\n}","import { Component, Prop, h, Fragment, Element, getAssetPath, State } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-button-group-base',\r\n styleUrl: 'gb-pagination-button-group-base.css',\r\n shadow: true,\r\n})\r\nexport class GbPaginationButtonGroupBase {\r\n @Prop() icon: 'false' \| 'only' \| 'trailing' \| 'leading';\r\n @Prop() state: 'default' \| 'active';\r\n @Prop() iconSrc: string;\r\n @State() leadingIconSvg: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('p');\r\n\r\n if (slottedContent) {\r\n slottedContent.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n if(this.state === 'active') {\r\n slottedContent.classList.add('active_text');\r\n }\r\n\r\n this.loadIcon(this.iconSrc);\r\n }\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`button_base_div ${this.icon} ${this.state}`}>\r\n {this.icon === 'false' && <slot></slot>}\r\n {this.icon === 'leading' && (\r\n <>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.67\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n <slot></slot>\r\n </>\r\n )}\r\n {this.icon === 'trailing' && (\r\n <>\r\n <slot></slot>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </>\r\n )}\r\n {this.icon === 'only' && (\r\n <>\r\n <div class={`icon`} innerHTML={this.leadingIconSvg}></div>\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
1	+ {"file":"p-RzLA-m6H.js","mappings":";;AAAA,MAAM,8BAA8B,GAAG,ozBAAozB;;MCO90B,2BAA2B,iBAAAA,kBAAA,CAAA,MAAA,2BAAA,SAAAC,CAAA,CAAA;AALxC,IAAA,WAAA,GAAA;;;;AASW,QAAA,IAAc,CAAA,cAAA,GAAW,EAAE;AAgErC;IA7DC,gBAAgB,GAAA;QACd,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC;QAEjD,IAAI,cAAc,EAAE;AAClB,YAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC;;AAGnD,QAAA,IAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC1B,YAAA,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC;;AAG7C,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;;IAG7B,MAAM,QAAQ,CAAC,QAAgB,EAAA;QAC7B,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;AACjC,QAAA,IAAI,CAAC,cAAc,GAAG,GAAG;;IAG3B,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAmB,gBAAA,EAAA,IAAI,CAAC,IAAI,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAE,CAAA,EAAA,EACrD,IAAI,CAAC,IAAI,KAAK,OAAO,IAAI,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACtC,IAAI,CAAC,IAAI,KAAK,SAAS,KACtB,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,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,EAAA,EAC5F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,0JAA0J,EAC5J,MAAM,EAAC,SAAS,EACH,cAAA,EAAA,MAAM,EACJ,gBAAA,EAAA,OAAO,EACN,iBAAA,EAAA,OAAO,GACvB,CACE,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACZ,CACJ,EACA,IAAI,CAAC,IAAI,KAAK,UAAU,KACvB,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACX,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,EAAA,EAC5F,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,CAAC,EAAC,yJAAyJ,EAC3J,MAAM,EAAC,SAAS,EAAA,cAAA,EACH,KAAK,EAAA,gBAAA,EACH,OAAO,EACN,iBAAA,EAAA,OAAO,EACvB,CAAA,CACE,CACP,CACJ,EACA,IAAI,CAAC,IAAI,KAAK,MAAM,KACnB,CAAA,CAAA,QAAA,EAAA,IAAA,EACA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAM,IAAA,CAAA,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,EAAQ,CAAA,CACvD,CACJ,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.css?tag=gb-pagination-button-group-base&encapsulation=shadow","src/components/gb-pagination-button-group-base/gb-pagination-button-group-base.tsx"],"sourcesContent":[".button_base_div{\r\n display: flex;\r\n align-items: center;\r\n align-self: stretch;\r\n border-right: 1px solid var(--color-border-subtle, #CDD5DF);\r\n justify-content: center;\r\n cursor: pointer;\r\n width: fit-content;\r\n}\r\n\r\n.button_base_div:hover{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.button_base_div.active{\r\n background: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.button_base_div:active{\r\n background: none;\r\n}\r\n\r\n.button_base_div.false{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n padding: var(--spacing-none);\r\n}\r\n\r\n.button_base_div.leading,\r\n.button_base_div.trailing{\r\n height: 2.5rem;\r\n gap: 0.5rem;\r\n padding: var(--spacing-none) var(--spacing-4);\r\n}\r\n\r\n.button_base_div.only{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\n::slotted(p){\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted(p.active_text){\r\n color: var(--color-text-bold, #202939);\r\n}","import { Component, Prop, h, Fragment, Element, getAssetPath, State } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-pagination-button-group-base',\r\n styleUrl: 'gb-pagination-button-group-base.css',\r\n shadow: true,\r\n})\r\nexport class GbPaginationButtonGroupBase {\r\n @Prop() icon: 'false' \| 'only' \| 'trailing' \| 'leading';\r\n @Prop() state: 'default' \| 'active';\r\n @Prop() iconSrc: string;\r\n @State() leadingIconSvg: string = '';\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const slottedContent = this.el.querySelector('p');\r\n\r\n if (slottedContent) {\r\n slottedContent.classList.add('text-sm-semi-bold');\r\n }\r\n\r\n if(this.state === 'active') {\r\n slottedContent.classList.add('active_text');\r\n }\r\n\r\n this.loadIcon(this.iconSrc);\r\n }\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`button_base_div ${this.icon} ${this.state}`}>\r\n {this.icon === 'false' && <slot></slot>}\r\n {this.icon === 'leading' && (\r\n <>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.67\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n <slot></slot>\r\n </>\r\n )}\r\n {this.icon === 'trailing' && (\r\n <>\r\n <slot></slot>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path\r\n d=\"M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n </>\r\n )}\r\n {this.icon === 'only' && (\r\n <>\r\n <div class={`icon`} innerHTML={this.leadingIconSvg}></div>\r\n </>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"],"version":3}