npm - globuswebcomponents - Versions diffs - 2.13.1 → 2.13.3 - Mend

globuswebcomponents 2.13.1 → 2.13.3

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

package/dist/globuscomponents/gb-modal-action.gb-modal-header.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-modal-action.gb-modal-header.entry.esm.js","sources":["src/components/gb-modal-action/gb-modal-action.css?tag=gb-modal-action&encapsulation=shadow","src/components/gb-modal-action/gb-modal-action.tsx","src/components/gb-modal-header/gb-modal-header.css?tag=gb-modal-header&encapsulation=shadow","src/components/gb-modal-header/gb-modal-header.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n.action-container {\r\n display: flex;\r\n align-items: center;\r\n /* justify-content: space-evenly; /\r\n gap: var(--spacing-8);\r\n padding: var(--spacing-4) var(--spacing-6);\r\n background-color: var(--color-background-card, #ffffff);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.action-container.multiple {\r\n display: flex;\r\n gap: var(--spacing-8);\r\n align-items: center;\r\n padding: var(--spacing-4) var(--spacing-6);\r\n align-self: stretch;\r\n}\r\n\r\n.frame {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n flex: 1 0 0;\r\n / margin-left: auto; /\r\n}\r\n\r\n.action {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.action-container.double {\r\n gap: 12px;\r\n justify-content: center;\r\n align-items: center;\r\n padding: var(--spacing-4, 16px) var(--spacing-6, 24px);\r\n}\r\n\r\n.button {\r\n width: 100%;\r\n}\r\n\r\n.first_icon,\r\n.second_icon {\r\n position: relative;\r\n}\r\n\r\n.first_icon_button_tooltip {\r\n position: absolute;\r\n left: 0rem;\r\n top: -100%;\r\n}\r\n\r\n.second_icon_button_tooltip{\r\n position: absolute;\r\n left: -2rem;\r\n top: -100%;\r\n}\r\n\r\n.action-container.single {\r\n padding: var(--spacing-4) var(--spacing-6);\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.single_button {\r\n width: fit-content;\r\n}\r\n\r\n.single_button.full_width{\r\n width: 100%;\r\n}","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal-action',\r\n styleUrl: 'gb-modal-action.css',\r\n shadow: true,\r\n})\r\nexport class GbModalAction {\r\n @Prop() actionType: 'single' \| 'multiple' \| 'double' = 'multiple';\r\n @Prop() destructive: boolean = false;\r\n @Prop() fullWidth: boolean = false;\r\n\r\n // For the 'multiple' type\r\n @Prop() showSecondaryAction: boolean = true;\r\n @Prop() showFirstButton: boolean = true;\r\n @Prop() showSecondButton: boolean = true;\r\n @Prop() showThirdButton: boolean = true;\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown\r\n @Prop() showFirstIconButton: boolean = true;\r\n @Prop() showSecondIconButton: boolean = true;\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n @State() firstIconButtonTooltipShown: boolean = false;\r\n @State() secondIconButtonTooltipShown: boolean = false;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n private renderMultiple() {\r\n return (\r\n <div class=\"action-container multiple\">\r\n {this.showSecondaryAction && (\r\n <div class=\"action\">\r\n <div class=\"first_icon\">\r\n {this.showFirstIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.firstIconButtonSwap}\r\n onMouseEnter={() => (this.firstIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.firstIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.firstIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_left\" class=\"first_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n <div class=\"second_icon\">\r\n {this.showSecondIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.secondIconButtonSwap}\r\n onMouseEnter={() => (this.secondIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.secondIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.secondIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" class=\"second_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showCheckBox && (\r\n <gb-checkbox checked={false} indeterminate={false} size=\"sm\" type=\"checkbox\" state=\"default\" text={true} supporting-text=\"false\">\r\n <p slot=\"label\">{this.checkboxLabel}</p>\r\n </gb-checkbox>\r\n )}\r\n </div>\r\n )}\r\n\r\n <div class=\"frame\">\r\n {this.showThirdButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.thirdButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n icon-trailing={this.thirdButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showSecondButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showFirstButton && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderDouble() {\r\n return (\r\n <div class=\"action-container double\">\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderSingle() {\r\n return (\r\n <div class=\"action-container single\">\r\n <div class={`single_button ${this.fullWidth ? 'full_width' : ''}`}>\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n onFirstButtonClicked() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n onSecondButtonClicked() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n onThirdButtonClicked() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n switch (this.actionType) {\r\n case 'single':\r\n return this.renderSingle();\r\n case 'double':\r\n return this.renderDouble();\r\n case 'multiple':\r\n default:\r\n return this.renderMultiple();\r\n }\r\n }\r\n}\r\n"," @import './../../global/global.css';\r\n \r\n:host{\r\n position: relative;\r\n}\r\n\r\n.container {\r\n background-color: var(--color-background-card, #ffffff);\r\n padding: var(--spacing-6); \r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.title {\r\n color: var(--color-text-bold, #202939);\r\n margin: 0; / Remove default paragraph margins /\r\n}\r\n\r\n.title-with-left-button {\r\n padding-left: 3rem; / Add space when button is on the left */\r\n} \r\n\r\n.close-button-left {\r\n position: absolute;\r\n left: 0.5rem;\r\n top: 0.9375rem;\r\n}\r\n\r\n.close-button-right {\r\n position: absolute;\r\n right: 0.75rem;\r\n top: 0.89375rem;\r\n}","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\r\nimport { CloseButtonPositions } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-modal-header',\r\n styleUrl: 'gb-modal-header.css',\r\n shadow: true,\r\n})\r\nexport class GbModalHeader {\r\n @Prop() text: string = '';\r\n @Prop({ reflect: true }) closeButtonPosition: CloseButtonPositions = 'right';\r\n @Event() closeButtonClicked: EventEmitter<void>;\r\n\r\n render() {\r\n const buttonClass = this.closeButtonPosition === 'left' ? 'close-button-left' : 'close-button-right';\r\n const titleClass = this.closeButtonPosition === 'left' ? 'title title-with-left-button' : 'title';\r\n\r\n const button = <gb-button-close class={buttonClass} size=\"sm\" color=\"gray\" onClick={() => this.closeButtonClicked.emit()}></gb-button-close>;\r\n\r\n return (\r\n <div class=\"container\">\r\n {this.closeButtonPosition === 'left' && button}\r\n <p class={`${titleClass} display-xs-semi-bold`}>{this.text}</p>\r\n {this.closeButtonPosition === 'right' && button}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gb-modal-action.gb-modal-header.entry.esm.js","sources":["src/components/gb-modal-action/gb-modal-action.css?tag=gb-modal-action&encapsulation=shadow","src/components/gb-modal-action/gb-modal-action.tsx","src/components/gb-modal-header/gb-modal-header.css?tag=gb-modal-header&encapsulation=shadow","src/components/gb-modal-header/gb-modal-header.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n.action-container {\r\n display: flex;\r\n align-items: center;\r\n /* justify-content: space-evenly; /\r\n gap: var(--spacing-8);\r\n padding: var(--spacing-4) var(--spacing-6);\r\n background-color: var(--color-background-card, #ffffff);\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.action-container.multiple {\r\n display: flex;\r\n gap: var(--spacing-8);\r\n align-items: center;\r\n padding: var(--spacing-4) var(--spacing-6);\r\n align-self: stretch;\r\n}\r\n\r\n.frame {\r\n display: flex;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n flex: 1 0 0;\r\n / margin-left: auto; /\r\n}\r\n\r\n.action {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.action-container.double {\r\n gap: 12px;\r\n justify-content: center;\r\n align-items: center;\r\n padding: var(--spacing-4, 16px) var(--spacing-6, 24px);\r\n}\r\n\r\n.button {\r\n width: 100%;\r\n}\r\n\r\n.first_icon,\r\n.second_icon {\r\n position: relative;\r\n}\r\n\r\n.first_icon_button_tooltip {\r\n position: absolute;\r\n left: 0rem;\r\n top: -100%;\r\n}\r\n\r\n.second_icon_button_tooltip{\r\n position: absolute;\r\n left: -2rem;\r\n top: -100%;\r\n}\r\n\r\n.action-container.single {\r\n padding: var(--spacing-4) var(--spacing-6);\r\n justify-content: flex-end;\r\n align-items: center;\r\n}\r\n\r\n.single_button {\r\n width: fit-content;\r\n}\r\n\r\n.single_button.full_width{\r\n width: 100%;\r\n}","import { Component, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-modal-action',\r\n styleUrl: 'gb-modal-action.css',\r\n shadow: true,\r\n})\r\nexport class GbModalAction {\r\n @Prop() actionType: 'single' \| 'multiple' \| 'double' = 'double';\r\n @Prop() destructive: boolean = false;\r\n @Prop() fullWidth: boolean = false;\r\n\r\n // For the 'multiple' type\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: 'default' \| 'disabled' = 'default';\r\n @Prop() secondButtonState: 'default' \| 'disabled' = 'default';\r\n @Prop() thirdButtonState: 'default' \| 'disabled' = 'default';\r\n @Prop() firstButtonIconLeadingSwap: string = '';\r\n @Prop() secondButtonIconLeadingSwap: string = '';\r\n @Prop() thirdButtonIconLeadingSwap: string = '';\r\n @Prop() firstButtonIconTrailingSwap: string = '';\r\n @Prop() secondButtonIconTrailingSwap: string = '';\r\n @Prop() thirdButtonIconTrailingSwap: string = '';\r\n\r\n // If secondary action is shown\r\n @Prop() showSecondaryActions: boolean = false;\r\n @Prop() showFirstIconButton: boolean = false;\r\n @Prop() showSecondIconButton: boolean = false;\r\n @Prop() firstIconButtonSwap: string = '';\r\n @Prop() secondIconButtonSwap: string = '';\r\n @Prop() showCheckBox: boolean = true;\r\n @Prop() checkboxLabel: string = '';\r\n @State() firstIconButtonTooltipShown: boolean = false;\r\n @State() secondIconButtonTooltipShown: boolean = false;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n\r\n private renderMultiple() {\r\n return (\r\n <div class=\"action-container multiple\">\r\n {this.showSecondaryActions && (\r\n <div class=\"action\">\r\n <div class=\"first_icon\">\r\n {this.showFirstIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.firstIconButtonSwap}\r\n onMouseEnter={() => (this.firstIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.firstIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.firstIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_left\" class=\"first_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n <div class=\"second_icon\">\r\n {this.showSecondIconButton && (\r\n <gb-button\r\n size=\"md\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap={this.secondIconButtonSwap}\r\n onMouseEnter={() => (this.secondIconButtonTooltipShown = true)}\r\n onMouseLeave={() => (this.secondIconButtonTooltipShown = false)}\r\n ></gb-button>\r\n )}\r\n {this.secondIconButtonTooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" class=\"second_icon_button_tooltip\">\r\n <p slot=\"label\">Refresh</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showCheckBox && (\r\n <gb-checkbox checked={false} indeterminate={false} size=\"sm\" type=\"checkbox\" state=\"default\" text={true} supporting-text=\"false\">\r\n <p slot=\"label\">{this.checkboxLabel}</p>\r\n </gb-checkbox>\r\n )}\r\n </div>\r\n )}\r\n\r\n <div class=\"frame\">\r\n {this.thirdButtonText && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state={this.thirdButtonState}\r\n icon-leading={this.thirdButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeadingSwap}\r\n icon-trailing={this.thirdButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.thirdButtonIconTrailingSwap}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.secondButtonText && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n state={this.secondButtonState}\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.firstButtonText && (\r\n <div class=\"multiple_button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state={this.firstButtonState}\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderDouble() {\r\n return (\r\n <div class=\"action-container double\">\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state={this.secondButtonState}\r\n icon-leading={this.secondButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeadingSwap}\r\n icon-trailing={this.secondButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.secondButtonIconTrailingSwap}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"button\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state={this.firstButtonState}\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n private renderSingle() {\r\n return (\r\n <div class=\"action-container single\">\r\n <div class={`single_button ${this.fullWidth ? 'full_width' : ''}`}>\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state={this.firstButtonState}\r\n icon-leading={this.firstButtonIconLeadingSwap ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeadingSwap}\r\n icon-trailing={this.firstButtonIconTrailingSwap ? true : false}\r\n icon-trailing-swap={this.firstButtonIconTrailingSwap}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n onFirstButtonClicked() {\r\n this.firstButtonClicked.emit();\r\n }\r\n\r\n onSecondButtonClicked() {\r\n this.secondButtonClicked.emit();\r\n }\r\n\r\n onThirdButtonClicked() {\r\n this.thirdButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n switch (this.actionType) {\r\n case 'single':\r\n return this.renderSingle();\r\n case 'double':\r\n return this.renderDouble();\r\n case 'multiple':\r\n default:\r\n return this.renderMultiple();\r\n }\r\n }\r\n}\r\n"," @import './../../global/global.css';\r\n \r\n:host{\r\n position: relative;\r\n}\r\n\r\n.container {\r\n background-color: var(--color-background-card, #ffffff);\r\n padding: var(--spacing-6); \r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.title {\r\n color: var(--color-text-bold, #202939);\r\n margin: 0; / Remove default paragraph margins /\r\n}\r\n\r\n.title-with-left-button {\r\n padding-left: 3rem; / Add space when button is on the left */\r\n} \r\n\r\n.close-button-left {\r\n position: absolute;\r\n left: 0.5rem;\r\n top: 0.9375rem;\r\n}\r\n\r\n.close-button-right {\r\n position: absolute;\r\n right: 0.75rem;\r\n top: 0.89375rem;\r\n}","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\r\nimport { CloseButtonPositions } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-modal-header',\r\n styleUrl: 'gb-modal-header.css',\r\n shadow: true,\r\n})\r\nexport class GbModalHeader {\r\n @Prop() text: string = '';\r\n @Prop({ reflect: true }) closeButtonPosition: CloseButtonPositions = 'right';\r\n @Event() closeButtonClicked: EventEmitter<void>;\r\n\r\n render() {\r\n const buttonClass = this.closeButtonPosition === 'left' ? 'close-button-left' : 'close-button-right';\r\n const titleClass = this.closeButtonPosition === 'left' ? 'title title-with-left-button' : 'title';\r\n\r\n const button = <gb-button-close class={buttonClass} size=\"sm\" color=\"gray\" onClick={() => this.closeButtonClicked.emit()}></gb-button-close>;\r\n\r\n return (\r\n <div class=\"container\">\r\n {this.closeButtonPosition === 'left' && button}\r\n <p class={`${titleClass} display-xs-semi-bold`}>{this.text}</p>\r\n {this.closeButtonPosition === 'right' && button}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/globuscomponents/gb-prompt-modal.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-prompt-modal.entry.esm.js","sources":["src/components/gb-prompt-modal/gb-prompt-modal.css?tag=gb-prompt-modal&encapsulation=shadow","src/components/gb-prompt-modal/gb-prompt-modal.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n.prompt-modal {\r\n width: 25.1875rem;\r\n border-radius: 0.75rem;\r\n background-color: var(--color-background-card, #ffffff);\r\n box-shadow: var(--shadow-sm);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.modal-content {\r\n /* border: 1px solid orange; /\r\n display: flex;\r\n padding: var(--spacing-6) var(--spacing-6) var(--spacing-none) var(--spacing-6);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-6);\r\n align-self: stretch;\r\n}\r\n\r\n.content-top {\r\n / border:1px solid #E3E8EF; /\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.content-text {\r\n / border:1px solid #E3E8EF; /\r\n gap: var(--spacing-5);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n}\r\n\r\n.content-text h2 {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.content-text p {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.content-check {\r\n / border:1px solid purple; /\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.content-check P {\r\n margin-top: 0;\r\n}\r\n\r\ngb-button-close {\r\n position: absolute;\r\n right: 1rem;\r\n top: 1rem;\r\n}\r\n\r\n.modal-action {\r\n display: flex;\r\n padding-top: 2rem;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n}\r\n\r\n.modal-buttons {\r\n display: flex;\r\n padding: var(--spacing-none) var(--spacing-6) var(--spacing-6) var(--spacing-6);\r\n align-items: flex-start;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.button1 {\r\n width: 100%;\r\n}\r\n\r\n.button2 {\r\n width: 100%;\r\n}\r\n\r\n.outer_circle {\r\n background-color: var(--color-background-information-subtler, #c8e0f9);\r\n width: 3rem;\r\n height: 3rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: var(--rounded-full);\r\n border: 8px solid var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.outer_circle.destructive {\r\n background-color: var(--color-background-danger-subtler, #fdd9d9);\r\n border: 8px solid var(--color-background-danger-subtlest, #fee8e8);\r\n}\r\n\r\n.icon svg path[fill] {\r\n fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.icon svg path[stroke] {\r\n stroke: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.icon.destructive svg path[fill] {\r\n fill: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.icon.destructive svg path[stroke] {\r\n stroke: var(--color-icon-danger, #b51726);\r\n}\r\n","import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, getAssetPath, h, Prop, State } from '@stencil/core';\r\nimport { StateType } from '../../components';\r\n\r\n@Component({\r\n tag: 'gb-prompt-modal',\r\n styleUrl: 'gb-prompt-modal.css',\r\n shadow: true,\r\n})\r\nexport class GbPromptModal {\r\n // Props (data passed from parent)\r\n @Prop() showCheckBox: boolean = false;\r\n @Prop() heading: string = '';\r\n @Prop() supportingText: string = '';\r\n @Prop() destructive: boolean = false;\r\n @Prop() iconInstance: string = '';\r\n @Prop() checkboxLabel: string = '';\r\n @Prop() primaryButtonText: string = '';\r\n @Prop() secondaryButtonText: string = '';\r\n @Prop() checked: boolean = false;\r\n @Prop() checkboxState: StateType = 'default';\r\n @State() leadingIconSvg: string = '';\r\n @Event() checkboxClicked: EventEmitter<boolean>;\r\n @Event() closeButtonClicked: EventEmitter<void>;\r\n @Event() primaryButtonClicked: EventEmitter<void>;\r\n @Event() secondaryButtonClicked: EventEmitter<void>;\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.iconInstance);\r\n }\r\n\r\n clickedCheckbox(event) {\r\n this.checkboxClicked.emit(event.detail);\r\n }\r\n\r\n onCloseButtonClicked() {\r\n this.closeButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n // Determine which icon to use based on destructive prop\r\n return (\r\n <div class=\"prompt-modal shadow-sm\">\r\n <div class=\"modal-content\">\r\n <div class=\"content-top\">\r\n <div class={`outer_circle ${this.destructive ? 'destructive' : ''}`}>\r\n <div class={`icon ${this.destructive ? 'destructive' : ''}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n <gb-button-close size=\"sm\" color=\"gray\" onClick={() => this.onCloseButtonClicked()}></gb-button-close>\r\n </div>\r\n <div class=\"content-text\">\r\n <h2 class=\"display-xs-semi-bold\">{this.heading}</h2>\r\n <p class=\"text-md-regular\">{this.supportingText}</p>\r\n </div>\r\n {this.showCheckBox && (\r\n <div class=\"content-check\">\r\n <gb-checkbox\r\n onCheckboxClicked={this.clickedCheckbox.bind(this)}\r\n checked={this.checked}\r\n indeterminate={false}\r\n size=\"sm\"\r\n type=\"checkbox\"\r\n state={this.checkboxState}\r\n text={true}\r\n supporting-text={false}\r\n >\r\n <p slot=\"label\">{this.checkboxLabel}</p>\r\n </gb-checkbox>\r\n </div>\r\n )}\r\n </div>\r\n {/ <gb-modal-action action-type=\"double\" destructive={this.destructive}></gb-modal-action> */}\r\n <div class=\"modal-action\">\r\n <div class=\"modal-buttons\">\r\n <div class=\"button1\">\r\n <gb-button\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading=\"false\"\r\n icon-trailing=\"false\"\r\n onClick={() => this.secondaryButtonClicked.emit()}\r\n >\r\n <p>{this.secondaryButtonText}</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"button2\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading=\"false\"\r\n icon-trailing=\"false\"\r\n onClick={() => this.primaryButtonClicked.emit()}\r\n >\r\n <p>{this.primaryButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"gb-prompt-modal.entry.esm.js","sources":["src/components/gb-prompt-modal/gb-prompt-modal.css?tag=gb-prompt-modal&encapsulation=shadow","src/components/gb-prompt-modal/gb-prompt-modal.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n.prompt-modal {\r\n width: 25.1875rem;\r\n border-radius: 0.75rem;\r\n background-color: var(--color-background-card, #ffffff);\r\n box-shadow: var(--shadow-sm);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\n.icon {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.modal-content {\r\n /* border: 1px solid orange; /\r\n display: flex;\r\n padding: var(--spacing-6) var(--spacing-6) var(--spacing-none) var(--spacing-6);\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-6);\r\n align-self: stretch;\r\n}\r\n\r\n.content-top {\r\n / border:1px solid #E3E8EF; /\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n}\r\n\r\n.content-text {\r\n / border:1px solid #E3E8EF; /\r\n gap: var(--spacing-5);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n}\r\n\r\n.content-text h2 {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.content-text p {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.content-check {\r\n / border:1px solid purple; /\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.content-check P {\r\n margin-top: 0;\r\n}\r\n\r\ngb-button-close {\r\n position: absolute;\r\n right: 1rem;\r\n top: 1rem;\r\n}\r\n\r\n.modal-action {\r\n display: flex;\r\n padding-top: 2rem;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n align-self: stretch;\r\n}\r\n\r\n.modal-buttons {\r\n display: flex;\r\n padding: var(--spacing-none) var(--spacing-6) var(--spacing-6) var(--spacing-6);\r\n align-items: flex-start;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.button1 {\r\n width: 100%;\r\n}\r\n\r\n.button2 {\r\n width: 100%;\r\n}\r\n\r\n.outer_circle {\r\n background-color: var(--color-background-information-subtler, #c8e0f9);\r\n width: 3rem;\r\n height: 3rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: var(--rounded-full);\r\n border: 8px solid var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.outer_circle.destructive {\r\n background-color: var(--color-background-danger-subtler, #fdd9d9);\r\n border: 8px solid var(--color-background-danger-subtlest, #fee8e8);\r\n}\r\n\r\n.icon svg path[fill] {\r\n fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.icon svg path[stroke] {\r\n stroke: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.icon.destructive svg path[fill] {\r\n fill: var(--color-icon-danger, #b51726);\r\n}\r\n\r\n.icon.destructive svg path[stroke] {\r\n stroke: var(--color-icon-danger, #b51726);\r\n}\r\n","import { Event, EventEmitter } from '@stencil/core';\r\nimport { Component, getAssetPath, h, Prop, State } from '@stencil/core';\r\nimport { StateType } from '../../components';\r\n\r\n@Component({\r\n tag: 'gb-prompt-modal',\r\n styleUrl: 'gb-prompt-modal.css',\r\n shadow: true,\r\n})\r\nexport class GbPromptModal {\r\n // Props (data passed from parent)\r\n @Prop() showCheckBox: boolean = false;\r\n @Prop() heading: string = '';\r\n @Prop() supportingText: string = '';\r\n @Prop() destructive: boolean = false;\r\n @Prop() iconInstance: string = '';\r\n @Prop() checkboxLabel: string = '';\r\n @Prop() primaryButtonText: string = '';\r\n @Prop() primaryButtonState: StateType = 'default';\r\n @Prop() secondaryButtonText: string = '';\r\n @Prop() checked: boolean = false;\r\n @Prop() checkboxState: StateType = 'default';\r\n @State() leadingIconSvg: string = '';\r\n @Event() checkboxClicked: EventEmitter<boolean>;\r\n @Event() closeButtonClicked: EventEmitter<void>;\r\n @Event() primaryButtonClicked: EventEmitter<void>;\r\n @Event() secondaryButtonClicked: EventEmitter<void>;\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.iconInstance);\r\n }\r\n\r\n clickedCheckbox(event) {\r\n this.checkboxClicked.emit(event.detail);\r\n }\r\n\r\n onCloseButtonClicked() {\r\n this.closeButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n // Determine which icon to use based on destructive prop\r\n return (\r\n <div class=\"prompt-modal shadow-sm\">\r\n <div class=\"modal-content\">\r\n <div class=\"content-top\">\r\n <div class={`outer_circle ${this.destructive ? 'destructive' : ''}`}>\r\n <div class={`icon ${this.destructive ? 'destructive' : ''}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n <gb-button-close size=\"sm\" color=\"gray\" onClick={() => this.onCloseButtonClicked()}></gb-button-close>\r\n </div>\r\n <div class=\"content-text\">\r\n <h2 class=\"display-xs-semi-bold\">{this.heading}</h2>\r\n <p class=\"text-md-regular\">{this.supportingText}</p>\r\n </div>\r\n {this.showCheckBox && (\r\n <div class=\"content-check\">\r\n <gb-checkbox\r\n onCheckboxClicked={this.clickedCheckbox.bind(this)}\r\n checked={this.checked}\r\n indeterminate={false}\r\n size=\"sm\"\r\n type=\"checkbox\"\r\n state={this.checkboxState}\r\n text={true}\r\n supporting-text={false}\r\n >\r\n <p slot=\"label\">{this.checkboxLabel}</p>\r\n </gb-checkbox>\r\n </div>\r\n )}\r\n </div>\r\n {/ <gb-modal-action action-type=\"double\" destructive={this.destructive}></gb-modal-action> */}\r\n <div class=\"modal-action\">\r\n <div class=\"modal-buttons\">\r\n <div class=\"button1\">\r\n <gb-button\r\n size=\"xl\"\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n state=\"default\"\r\n icon-leading=\"false\"\r\n icon-trailing=\"false\"\r\n onClick={() => this.secondaryButtonClicked.emit()}\r\n >\r\n <p>{this.secondaryButtonText}</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"button2\">\r\n <gb-button\r\n destructive={this.destructive}\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n state={this.primaryButtonState}\r\n icon-leading=\"false\"\r\n icon-trailing=\"false\"\r\n onClick={() => this.primaryButtonClicked.emit()}\r\n >\r\n <p>{this.primaryButtonText}</p>\r\n </gb-button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/globuscomponents/globuscomponents.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as t,g as e,b as o}from"./p-CRm70Dfr.js";export{s as setNonce}from"./p-CRm70Dfr.js";var n=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};n().then((async t=>{await e();return o(JSON.parse('[["p-a68e199d",[[257,"gb-table",{"loading":[4],"columns":[16],"data":[16],"gridCardConfig":[16],"tableHeaderConfig":[16],"paginationConfig":[16],"emptyStateConfig":[16],"filterConfig":[16],"showActionsColumn":[4,"show-actions-column"],"rowActions":[16],"dropdownOptions":[16],"stickyFirstColumn":[4,"sticky-first-column"],"stickyLastColumn":[4,"sticky-last-column"],"showCheckbox":[4,"show-checkbox"],"tableHeadColor":[1,"table-head-color"],"rowKey":[1,"row-key"],"filterMode":[1,"filter-mode"],"slicedData":[32],"internalCurrentPage":[32],"internalPageSize":[32],"openRowIndex":[32],"dropdownPlacement":[32],"sortKey":[32],"sortDirection":[32],"selectedRowIds":[32],"breakpoint":[32],"isMobile":[32],"isScrollable":[32],"showColumnsPanel":[32],"showFilterModal":[32],"internalColumns":[32],"modalPosition":[32],"showFilterModalInternal":[32],"isFilterModalVisible":[32],"isGridModalVisible":[32],"internalLoading":[32],"currentTableLayout":[32],"showGridCardModal":[32],"appliedFilterValues":[32],"searchTerm":[32],"showToast":[32],"filterMessage":[32],"toastVisible":[32]},[[9,"resize","checkViewport"]],{"data":["onDataChange"],"paginationConfig":["handlePaginationConfigChange"],"loading":["onLoadingChange"],"columns":["validateMobilePositions"]}],[256,"gb-rich-text",{"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"value":[8],"disabled":[4],"destructive":[4],"errorText":[1,"error-text"],"isFocused":[32],"isBold":[32],"isItalic":[32],"isH1":[32],"isH2":[32],"isUnderline":[32],"isQuote":[32],"isLink":[32],"isBulletList":[32],"isOrderedList":[32],"attachments":[32],"getRichTextHTML":[64],"clearContent":[64]},null,{"value":["handleValueChange"]}],[257,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"hasInfo":[4,"has-info"],"email":[1],"phoneNumber":[1,"phone-number"],"theme":[1],"isDarkTheme":[32],"leadingIconSvg":[32],"sideBarItemClicked":[64]},null,{"theme":["changeTheme"]}],[257,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"activeIndex":[1026,"active-index"],"tabs":[16],"internalTabs":[32],"internalActiveIndex":[32],"width":[32],"showLeftButton":[32],"showRightButton":[32]},[[9,"resize","updateScrollButtons"]],{"activeIndex":["setActiveIndex"],"tabs":["onTabsChanged"]}],[257,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"submitButtonIconLeadingSwap":[1,"submit-button-icon-leading-swap"],"submitButtonIconTrailingSwap":[1,"submit-button-icon-trailing-swap"],"submitButtonState":[1,"submit-button-state"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"firstButtonState":[1,"first-button-state"],"secondButtonState":[1,"second-button-state"],"thirdButtonState":[1,"third-button-state"],"previousButtonState":[1,"previous-button-state"],"nextButtonState":[1,"next-button-state"],"showDraftButton":[4,"show-draft-button"],"submitButtonText":[1,"submit-button-text"],"showAmount":[4,"show-amount"],"showFee":[4,"show-fee"],"amount":[1],"fee":[1],"checked":[32],"internalNextButtonState":[32]},null,{"state":["updateButtonState"]}],[257,"gb-token-field-compressed",{"size":[1],"state":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"values":[32],"focusedIndex":[32]}],[257,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"],"inputValue":[32]}],[257,"gb-table-header",{"showFilter":[4,"show-filter"],"showColumnOptions":[4,"show-column-options"],"tableHeading":[4,"table-heading"],"tableHeadingLabel":[1,"table-heading-label"],"showSearch":[4,"show-search"],"showExport":[4,"show-export"],"showRefreshButton":[4,"show-refresh-button"],"showLayoutToggle":[4,"show-layout-toggle"],"filterState":[1,"filter-state"],"filterCount":[2,"filter-count"],"showEntireData":[4,"show-entire-data"],"exportButtonState":[1,"export-button-state"],"pdfState":[1,"pdf-state"],"csvState":[1,"csv-state"],"showDateFilter":[4,"show-date-filter"],"mode":[1],"format":[1],"datePickerDisabled":[4,"date-picker-disabled"],"datePickerPlaceholder":[1,"date-picker-placeholder"],"datePickerIconPosition":[1,"date-picker-icon-position"],"datePickerDropdownPosition":[1,"date-picker-dropdown-position"],"exportDropdownPosition":[1,"export-dropdown-position"],"enableTime":[4,"enable-time"],"noCalendar":[4,"no-calendar"],"twentyfourHr":[4,"twentyfour-hr"],"showMonths":[2,"show-months"],"inputPlaceholder":[1,"input-placeholder"],"items":[32],"width":[32],"buttonIcon":[32],"showExportDropdown":[32],"isDatePickerShown":[32],"isDatePickerFullWidth":[32]},[[9,"resize","handleResize"],[4,"click","handleClickOutside"]]],[257,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1025],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"entriesDropdownMenuPosition":[1,"entries-dropdown-menu-position"],"selectedPageSize":[32],"defaultSelected":[32],"pages":[32],"width":[32],"internalTotalPages":[32]},null,{"totalPages":["onTotalPagesChange"]}],[257,"gb-wysiwyg-toolbar",{"fontSelector":[4,"font-selector"],"isBold":[4,"is-bold"],"isItalic":[4,"is-italic"],"isUnderline":[4,"is-underline"],"isH1":[4,"is-h-1"],"isH2":[4,"is-h-2"],"isQuote":[4,"is-quote"],"isLink":[4,"is-link"],"isBulletList":[4,"is-bullet-list"],"isOrderedList":[4,"is-ordered-list"],"isAttachment":[4,"is-attachment"],"isPhoto":[4,"is-photo"],"_isBold":[32],"_isItalic":[32],"_isUnderline":[32],"_isH1":[32],"_isH2":[32],"_isQuote":[32],"_isLink":[32],"_isBulletList":[32],"_isOrderedList":[32]},null,{"isBold":["onBoldChange"],"isItalic":["onItalicChange"],"isUnderline":["onUnderlineChange"],"isH1":["onH1Change"],"isH2":["onH2Change"],"isQuote":["onQuoteChange"],"isLink":["onLinkChange"],"isBulletList":["onBulletListChange"],"isOrderedList":["onOrderedListChange"]}],[257,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1040],"icon":[1],"results":[1040],"inputValue":[1025,"input-value"],"content":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}],[257,"gb-empty-state",{"size":[1],"icon":[1],"color":[1],"theme":[1],"illustrationStyle":[1,"illustration-style"],"illustrationIcon":[1,"illustration-icon"],"background":[4],"backgroundType":[1,"background-type"],"primaryButtonText":[1,"primary-button-text"],"secondaryButtonText":[1,"secondary-button-text"],"primaryButtonState":[1,"primary-button-state"],"primaryButtonIconLeadingSwap":[1,"primary-button-icon-leading-swap"],"primaryButtonIconTrailingSwap":[1,"primary-button-icon-trailing-swap"],"secondaryButtonIconLeadingSwap":[1,"secondary-button-icon-leading-swap"],"secondaryButtonIconTrailingSwap":[1,"secondary-button-icon-trailing-swap"],"mainText":[1,"main-text"],"supportingText":[1,"supporting-text"],"fileStyle":[1,"file-style"],"fileType":[1,"file-type"],"featuredIconSwap":[1,"featured-icon-swap"],"isDarkTheme":[32],"patternKey":[32]},null,{"theme":["onThemeChanged"]}],[257,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"secondaryIcon":[1,"secondary-icon"],"category":[1],"showSecondaryIcon":[4,"show-secondary-icon"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"subMenu":[4,"sub-menu"],"leadingIconSvg":[32],"secondaryIconSvg":[32],"internalIcon":[32]},null,{"icon":["updateSidebarIcon"]}],[257,"gb-filter-modal",{"filterConfig":[16],"formValues":[32],"renderKey":[32]}],[257,"gb-toast",{"color":[1025],"mainText":[1,"main-text"],"supportingText":[1,"supporting-text"],"size":[1],"breakpoint":[1],"icon":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"],"firstActionText":[1,"first-action-text"],"secondActionText":[1,"second-action-text"],"internalColor":[32],"internalMainText":[32],"internalSupportingText":[32],"width":[32]},null,{"mainText":["onMainTextChange"],"supportingText":["onSupportingTextChange"],"color":["onColorChange"]}],[257,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"direction":[1],"icon":[1],"leadingIconSvg":[32],"collapseSidebar":[64],"expandSidebar":[64]}],[257,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[257,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[257,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4],"position":[1]}],[257,"gb-mega-input-field-base",{"size":[1],"state":[1],"value":[1],"inputValue":[32],"focusInput":[64]},null,{"value":["onValueChanged"]}],[257,"gb-portal",{"anchorId":[1,"anchor-id"],"placement":[1],"open":[4],"anchorEl":[16],"boundaryEl":[16],"dropdownHeight":[2,"dropdown-height"]},null,{"open":["onOpenChange"]}],[257,"gb-filter-button",{"state":[1],"iconOnly":[4,"icon-only"]}],[321,"gb-button-group",{"items":[16],"icon":[1],"showLabel":[4,"show-label"],"label":[1],"internalItems":[32],"selectedValue":[32]},null,{"items":["onItemsUpdated"]}],[257,"gb-export-dropdown",{"state":[1],"showEntireData":[4,"show-entire-data"],"pdfState":[1,"pdf-state"],"csvState":[1,"csv-state"],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}],[257,"gb-illustration",{"size":[1],"color":[1],"illustrationStyle":[1,"illustration-style"],"illustrationIcon":[1,"illustration-icon"],"theme":[1],"leadingIconSvg":[32]}],[257,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[257,"gb-pagination-number-base",{"shape":[1],"state":[1]}],[257,"gb-pattern",{"type":[1],"theme":[1],"isDarkTheme":[32]},null,{"theme":["changeTheme"]}],[257,"gb-toast-button",{"state":[1],"color":[1]}],[257,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}],[257,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}],[257,"gb-date-picker",{"placeholder":[1],"value":[1040],"format":[1],"mode":[1],"disabled":[4],"iconPosition":[1,"icon-position"],"dropdownAlignment":[1,"dropdown-alignment"],"label":[1],"formatLabel":[4,"format-label"],"allowInput":[4,"allow-input"],"enableTime":[4,"enable-time"],"noCalendar":[4,"no-calendar"],"twentyfourHr":[4,"twentyfour-hr"],"showMonths":[2,"show-months"],"fullWidth":[4,"full-width"],"isCalendarShown":[32],"breakpoint":[32],"width":[32],"displayValue":[32],"selectionSource":[32]},null,{"value":["handleValueChange"],"displayValue":["handleDisplayValueChange"]}],[257,"gb-button-group-base",{"current":[4],"icon":[1],"state":[1],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[257,"gb-export-sub-dropdown",{"showEntireData":[4,"show-entire-data"]}],[257,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}],[257,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1],"_active":[32]},null,{"active":["onActiveChange"]}],[257,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"loading":[1028],"formatLabel":[4,"format-label"],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"searchItem":[32],"searchResults":[32],"internalItems":[32],"showCloseButton":[32],"internalLoading":[32],"clearSelection":[64],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"items":["updateResultsAndShowInDropdown","syncSelectedItems"],"loading":["onLoadingChanged"],"destructive":["watchDestructive"],"value":["syncSelectedItems"]}],[257,"gb-date-picker-list-item",{"selected":[4],"label":[1]}],[257,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}],[257,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}],[257,"gb-featured-icon",{"size":[1],"destructive":[4],"icon":[1],"leadingIconSvg":[32]}],[257,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}],[321,"gb-input-field",{"size":[1],"type":[1],"inputType":[1,"input-type"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1025,"icon-swap"],"enableCancelButtonFunction":[4,"enable-cancel-button-function"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"loading":[1028],"formatLabel":[4,"format-label"],"formatNumber":[4,"format-number"],"inputOnlyDisabled":[4,"input-only-disabled"],"showCloseButton":[32],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32],"internalLoading":[32],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"iconSwap":["iconSwapChanged"],"options":["optionsChanged"],"loading":["onLoadingChanged"],"value":["updateSelectedItems"]}],[257,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[257,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}],[260,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"tooltipText":[1,"tooltip-text"],"arrow":[1],"leadingIconSvg":[32],"trailingIconSvg":[32],"internalButtonState":[32],"internalIconLeadingState":[32],"internalIconTrailingState":[32],"tooltipShown":[32]}],[257,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[257,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"ellipsed":[4],"leadingIconSvg":[32]}],[257,"gb-button-close",{"size":[1],"color":[1]}],[257,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[257,"gb-tag-close",{"size":[1]}],[257,"gb-tag-count",{"size":[1]}],[257,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[257,"gb-badge-close",{"color":[1],"type":[1]}],[257,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[257,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"tooltipText":[1,"tooltip-text"],"arrow":[1],"event":[4],"leadingIconSvg":[32],"trailingIconSvg":[32],"internalButtonState":[32],"internalIconLeadingState":[32],"internalIconTrailingState":[32],"tooltipShown":[32],"getNativeButton":[64]}],[257,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}],[257,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"companyIcon":[1,"company-icon"],"weight":[1],"assignedColorClass":[32]}],[257,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[257,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"],"companyIcon":[1,"company-icon"]}],[257,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"],"noWrap":[4,"no-wrap"]}]]],["p-2d7ec954",[[257,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"showSearch":[4,"show-search"],"inputPlaceholder":[1,"input-placeholder"],"inputIcon":[1,"input-icon"],"avatarDropdownType":[1,"avatar-dropdown-type"],"listGroupOne":[16],"listGroupTwo":[16],"showThemeTab":[4,"show-theme-tab"],"showProfile":[4,"show-profile"],"showRoles":[4,"show-roles"],"roles":[16],"showLogOut":[4,"show-log-out"],"showLogError":[4,"show-log-error"],"notificationState":[1,"notification-state"],"notifications":[1040],"currentTheme":[1,"current-theme"],"contactHelpDropdown":[4,"contact-help-dropdown"],"contactHelpDropdownItems":[16],"initials":[32],"width":[32],"activeDropdown":[32],"breakpoint":[32],"searchBarShown":[32],"showSearchButton":[32]},[[4,"click","handleClickOutside"]]]]],["p-65070e05",[[257,"gb-approval-modal",{"showDecision":[4,"show-decision"],"badgeColor":[1,"badge-color"],"badgeType":[1,"badge-type"],"badgeIcon":[1,"badge-icon"],"badgeLabel":[1,"badge-label"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"firstIconButtonSwap":[1,"first-icon-button-swap"],"secondIconButtonSwap":[1,"second-icon-button-swap"],"firstButtonIconLeadingSwap":[1,"first-button-icon-leading-swap"],"secondButtonIconLeadingSwap":[1,"second-button-icon-leading-swap"],"thirdButtonIconLeadingSwap":[1,"third-button-icon-leading-swap"],"firstButtonIconTrailingSwap":[1,"first-button-icon-trailing-swap"],"secondButtonIconTrailingSwap":[1,"second-button-icon-trailing-swap"],"thirdButtonIconTrailingSwap":[1,"third-button-icon-trailing-swap"]}]]],["p-a151a893",[[256,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-f6dc8ed6",[[257,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-a850a2e8",[[257,"gb-detail-cell",{"state":[1],"cellStyle":[1025,"cell-style"],"type":[1],"label":[1],"detail":[1],"badgeIcon":[1,"badge-icon"],"badgeIconLeading":[1,"badge-icon-leading"],"badgeIconTrailing":[1,"badge-icon-trailing"],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"badgeType":[1,"badge-type"],"fileType":[1,"file-type"],"fileStyle":[1,"file-style"],"showActionButtons":[4,"show-action-buttons"],"showViewButton":[4,"show-view-button"],"showDownloadButton":[4,"show-download-button"],"showCopyButton":[1028,"show-copy-button"],"buttonText":[1,"button-text"],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"],"showStandardCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32],"width":[32]}]]],["p-55fda132",[[257,"gb-nav-bar-sidemenu",{"applicationName":[1,"application-name"],"applicationIcon":[1,"application-icon"],"activeIndex":[2,"active-index"],"tabs":[16],"leadingIconSvg":[32]}]]],["p-d5dad1ef",[[257,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-32530f34",[[257,"gb-metric-card",{"size":[1],"radius":[1],"label":[1],"metric":[1],"showBadge":[4,"show-badge"],"featuredIconStyle":[1,"featured-icon-style"],"featuredIconColor":[1,"featured-icon-color"],"icon":[1],"percentage":[1]}]]],["p-e90f43da",[[257,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-3ba41a71",[[257,"gb-nav-bar",{"category":[1],"items":[1040],"showBorder":[4,"show-border"],"activeIndex":[1026,"active-index"],"internalItems":[32],"visibleItems":[32],"overflowItems":[32],"measured":[32],"dropdownOpen":[32],"dropdownItemClicked":[32]},null,{"items":["onItemsChanged"]}]]],["p-0875c4c8",[[257,"gb-prompt-modal",{"showCheckBox":[4,"show-check-box"],"heading":[1],"supportingText":[1,"supporting-text"],"destructive":[4],"iconInstance":[1,"icon-instance"],"checkboxLabel":[1,"checkbox-label"],"primaryButtonText":[1,"primary-button-text"],"secondaryButtonText":[1,"secondary-button-text"],"checked":[4],"checkboxState":[1,"checkbox-state"],"leadingIconSvg":[32]}]]],["p-55783be2",[[257,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-f0e4eac6",[[257,"gb-comment",{"heading":[1],"state":[1025],"noCommentText":[1,"no-comment-text"],"noCommentTextSub":[1,"no-comment-text-sub"],"comments":[16],"theme":[1],"isDarkTheme":[32]}]]],["p-7d813e92",[[257,"gb-stepper-horizontal-icons-centered",{"size":[1],"steps":[16],"type":[1],"breakpoint":[1]}]]],["p-4fa3af47",[[257,"gb-stepper-horizontal-line-with-text",{"size":[1],"breakpoint":[1],"showContent":[4,"show-content"],"showSupportingText":[1028,"show-supporting-text"],"steps":[16],"internalSteps":[32],"width":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-27f7a9c6",[[257,"gb-stepper-vertical-icons-with-text",{"size":[1],"connector":[4],"type":[1],"steps":[16],"internalSteps":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-adedbe7a",[[257,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"heading":[1],"showHeading":[4,"show-heading"],"formatHeading":[4,"format-heading"],"leftValue":[32],"rightValue":[32]}]]],["p-4c5e7531",[[257,"gb-breadcrumbs",{"type":[1],"divider":[1],"breadcrumbs":[16],"icon":[1],"visibleBreadcrumbs":[32]}]]],["p-8fe0cc5a",[[257,"gb-quick-action-card",{"color":[1],"icon":[1],"label":[1]}]]],["p-506bcd8d",[[257,"gb-quick-action-icon",{"icon":[1],"label":[1],"isHovered":[32]}]]],["p-2f7946e2",[[257,"gb-stepper-horizontal-minimal-icons",{"size":[1],"text":[4],"stepLabel":[1,"step-label"],"steps":[16],"position":[1]}]]],["p-85536704",[[257,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-0d3cd68c",[[256,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-7cddc1d3",[[257,"gb-category-card",{"label":[1],"supportingText":[1,"supporting-text"],"showSupportingText":[4,"show-supporting-text"],"cardImage":[1,"card-image"],"isHovered":[32]}]]],["p-ac2e77e6",[[257,"gb-logo",{"text":[4]}]]],["p-5197b172",[[257,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-ba6e34d4",[[256,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-85bce2c4",[[257,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-c63ebd61",[[257,"gb-scrollbar",{"length":[1]}]]],["p-6e8e8b44",[[257,"gb-stepper-horizontal-icons-connected",{"size":[1],"steps":[16]}]]],["p-fb70bddc",[[257,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028],"showButton":[4,"show-button"],"buttonText":[1,"button-text"],"icon":[1],"checkboxType":[1,"checkbox-type"],"leadingIconSvg":[32]}]]],["p-55fd0c0c",[[257,"gb-vertical-tabs",{"size":[1],"type":[1],"activeIndex":[1026,"active-index"],"tabs":[16],"internalTabs":[32]},null,{"tabs":["onTabsChanged"]}]]],["p-f9c26c43",[[257,"gb-file-upload-item-base",{"icon":[1],"label":[1],"showLabel":[4,"show-label"],"formatLabel":[4,"format-label"],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"progress":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"],"allowedType":[1,"allowed-type"],"showFileSize":[4,"show-file-size"],"required":[4],"errorSupportingText":[1,"error-supporting-text"],"internalState":[32],"internalProgress":[32]},null,{"state":["onStateChange"],"progress":["onProgressChange"],"fileName":["handleFileNameChange"]}]]],["p-4167e09b",[[257,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-ae11af0d",[[257,"gb-nav-bar-item",{"state":[1],"iconOnly":[4,"icon-only"],"category":[1],"label":[1],"icon":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-5051191c",[[257,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-75f1d479",[[257,"gb-breadcrumb-button-base",{"current":[4],"type":[1],"icon":[4],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}]]],["p-e0e0ae57",[[257,"gb-comment-item",{"name":[1],"duty":[1],"comment":[1],"timeStamp":[1,"time-stamp"],"connector":[4]}]]],["p-14907a2c",[[257,"gb-metric-featured-icon",{"size":[1],"color":[1],"featuredIconStyle":[1,"featured-icon-style"],"icon":[1],"leadingIconSvg":[32]}]]],["p-107a1db6",[[257,"gb-modal-action",{"actionType":[1,"action-type"],"destructive":[4],"fullWidth":[4,"full-width"],"showSecondaryAction":[4,"show-secondary-action"],"showFirstButton":[4,"show-first-button"],"showSecondButton":[4,"show-second-button"],"showThirdButton":[4,"show-third-button"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"firstIconButtonSwap":[1,"first-icon-button-swap"],"secondIconButtonSwap":[1,"second-icon-button-swap"],"firstButtonIconLeadingSwap":[1,"first-button-icon-leading-swap"],"secondButtonIconLeadingSwap":[1,"second-button-icon-leading-swap"],"thirdButtonIconLeadingSwap":[1,"third-button-icon-leading-swap"],"firstButtonIconTrailingSwap":[1,"first-button-icon-trailing-swap"],"secondButtonIconTrailingSwap":[1,"second-button-icon-trailing-swap"],"thirdButtonIconTrailingSwap":[1,"third-button-icon-trailing-swap"],"showFirstIconButton":[4,"show-first-icon-button"],"showSecondIconButton":[4,"show-second-icon-button"],"showCheckBox":[4,"show-check-box"],"checkboxLabel":[1,"checkbox-label"],"firstIconButtonTooltipShown":[32],"secondIconButtonTooltipShown":[32]}],[257,"gb-modal-header",{"text":[1],"closeButtonPosition":[513,"close-button-position"]}]]],["p-f1548736",[[257,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}]]],["p-19ad9197",[[257,"gb-card-icon",{"size":[1],"color":[1],"icon":[1],"leadingIconSvg":[32]}]]],["p-edeb370e",[[257,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-1a60ecdb",[[257,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}],[257,"gb-theme-tab",{"theme":[1025],"currentActiveTab":[1025,"current-active-tab"]}],[257,"gb-icon-button-base",{"current":[4],"icon":[1],"label":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-c35185bc",[[257,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showThemeTab":[4,"show-theme-tab"],"showRoles":[4,"show-roles"],"roles":[16],"showLogOut":[4,"show-log-out"],"listGroupOne":[16],"listGroupTwo":[16],"color":[1],"showBorder":[4,"show-border"],"currentTheme":[1,"current-theme"]}],[257,"gb-contact-help-dropdown",{"items":[16]}],[257,"gb-help-dropdown",{"showLogError":[4,"show-log-error"]}],[257,"gb-notification-pane",{"state":[1],"notifications":[1040]}],[257,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1],"leadingIconSvg":[32]}]]],["p-7e17ac32",[[257,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showContent":[4,"show-content"],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"],"breakpoint":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}],[257,"gb-step-icon-base",{"size":[1],"status":[1],"state":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}]]]]'),t)}));
+import{p as t,g as e,b as o}from"./p-CRm70Dfr.js";export{s as setNonce}from"./p-CRm70Dfr.js";var n=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};n().then((async t=>{await e();return o(JSON.parse('[["p-e2a71662",[[257,"gb-table",{"loading":[4],"columns":[16],"data":[16],"gridCardConfig":[16],"tableHeaderConfig":[16],"paginationConfig":[16],"emptyStateConfig":[16],"filterConfig":[16],"showActionsColumn":[4,"show-actions-column"],"rowActions":[16],"dropdownOptions":[16],"stickyFirstColumn":[4,"sticky-first-column"],"stickyLastColumn":[4,"sticky-last-column"],"showCheckbox":[4,"show-checkbox"],"tableHeadColor":[1,"table-head-color"],"rowKey":[1,"row-key"],"filterMode":[1,"filter-mode"],"slicedData":[32],"internalCurrentPage":[32],"internalPageSize":[32],"openRowIndex":[32],"dropdownPlacement":[32],"sortKey":[32],"sortDirection":[32],"selectedRowIds":[32],"breakpoint":[32],"isMobile":[32],"isScrollable":[32],"showColumnsPanel":[32],"showFilterModal":[32],"internalColumns":[32],"modalPosition":[32],"showFilterModalInternal":[32],"isFilterModalVisible":[32],"isGridModalVisible":[32],"internalLoading":[32],"currentTableLayout":[32],"showGridCardModal":[32],"appliedFilterValues":[32],"searchTerm":[32],"showToast":[32],"filterMessage":[32],"toastVisible":[32]},[[9,"resize","checkViewport"]],{"data":["onDataChange"],"paginationConfig":["handlePaginationConfigChange"],"loading":["onLoadingChange"],"columns":["validateMobilePositions"]}],[256,"gb-rich-text",{"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"value":[8],"disabled":[4],"destructive":[4],"errorText":[1,"error-text"],"isFocused":[32],"isBold":[32],"isItalic":[32],"isH1":[32],"isH2":[32],"isUnderline":[32],"isQuote":[32],"isLink":[32],"isBulletList":[32],"isOrderedList":[32],"attachments":[32],"getRichTextHTML":[64],"clearContent":[64]},null,{"value":["handleValueChange"]}],[257,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"hasInfo":[4,"has-info"],"email":[1],"phoneNumber":[1,"phone-number"],"theme":[1],"isDarkTheme":[32],"leadingIconSvg":[32],"sideBarItemClicked":[64]},null,{"theme":["changeTheme"]}],[257,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"activeIndex":[1026,"active-index"],"tabs":[16],"internalTabs":[32],"internalActiveIndex":[32],"width":[32],"showLeftButton":[32],"showRightButton":[32]},[[9,"resize","updateScrollButtons"]],{"activeIndex":["setActiveIndex"],"tabs":["onTabsChanged"]}],[257,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"submitButtonIconLeadingSwap":[1,"submit-button-icon-leading-swap"],"submitButtonIconTrailingSwap":[1,"submit-button-icon-trailing-swap"],"submitButtonState":[1,"submit-button-state"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"firstButtonState":[1,"first-button-state"],"secondButtonState":[1,"second-button-state"],"thirdButtonState":[1,"third-button-state"],"previousButtonState":[1,"previous-button-state"],"nextButtonState":[1,"next-button-state"],"showDraftButton":[4,"show-draft-button"],"submitButtonText":[1,"submit-button-text"],"showAmount":[4,"show-amount"],"showFee":[4,"show-fee"],"amount":[1],"fee":[1],"checked":[32],"internalNextButtonState":[32]},null,{"state":["updateButtonState"]}],[257,"gb-token-field-compressed",{"size":[1],"state":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"values":[32],"focusedIndex":[32]}],[257,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"],"inputValue":[32]}],[257,"gb-table-header",{"showFilter":[4,"show-filter"],"showColumnOptions":[4,"show-column-options"],"tableHeading":[4,"table-heading"],"tableHeadingLabel":[1,"table-heading-label"],"showSearch":[4,"show-search"],"showExport":[4,"show-export"],"showRefreshButton":[4,"show-refresh-button"],"showLayoutToggle":[4,"show-layout-toggle"],"filterState":[1,"filter-state"],"filterCount":[2,"filter-count"],"showEntireData":[4,"show-entire-data"],"exportButtonState":[1,"export-button-state"],"pdfState":[1,"pdf-state"],"csvState":[1,"csv-state"],"showDateFilter":[4,"show-date-filter"],"mode":[1],"format":[1],"datePickerDisabled":[4,"date-picker-disabled"],"datePickerPlaceholder":[1,"date-picker-placeholder"],"datePickerIconPosition":[1,"date-picker-icon-position"],"datePickerDropdownPosition":[1,"date-picker-dropdown-position"],"exportDropdownPosition":[1,"export-dropdown-position"],"enableTime":[4,"enable-time"],"noCalendar":[4,"no-calendar"],"twentyfourHr":[4,"twentyfour-hr"],"showMonths":[2,"show-months"],"inputPlaceholder":[1,"input-placeholder"],"items":[32],"width":[32],"buttonIcon":[32],"showExportDropdown":[32],"isDatePickerShown":[32],"isDatePickerFullWidth":[32]},[[9,"resize","handleResize"],[4,"click","handleClickOutside"]]],[257,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1025],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"entriesDropdownMenuPosition":[1,"entries-dropdown-menu-position"],"selectedPageSize":[32],"defaultSelected":[32],"pages":[32],"width":[32],"internalTotalPages":[32]},null,{"totalPages":["onTotalPagesChange"]}],[257,"gb-wysiwyg-toolbar",{"fontSelector":[4,"font-selector"],"isBold":[4,"is-bold"],"isItalic":[4,"is-italic"],"isUnderline":[4,"is-underline"],"isH1":[4,"is-h-1"],"isH2":[4,"is-h-2"],"isQuote":[4,"is-quote"],"isLink":[4,"is-link"],"isBulletList":[4,"is-bullet-list"],"isOrderedList":[4,"is-ordered-list"],"isAttachment":[4,"is-attachment"],"isPhoto":[4,"is-photo"],"_isBold":[32],"_isItalic":[32],"_isUnderline":[32],"_isH1":[32],"_isH2":[32],"_isQuote":[32],"_isLink":[32],"_isBulletList":[32],"_isOrderedList":[32]},null,{"isBold":["onBoldChange"],"isItalic":["onItalicChange"],"isUnderline":["onUnderlineChange"],"isH1":["onH1Change"],"isH2":["onH2Change"],"isQuote":["onQuoteChange"],"isLink":["onLinkChange"],"isBulletList":["onBulletListChange"],"isOrderedList":["onOrderedListChange"]}],[257,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1040],"icon":[1],"results":[1040],"inputValue":[1025,"input-value"],"content":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}],[257,"gb-empty-state",{"size":[1],"icon":[1],"color":[1],"theme":[1],"illustrationStyle":[1,"illustration-style"],"illustrationIcon":[1,"illustration-icon"],"background":[4],"backgroundType":[1,"background-type"],"primaryButtonText":[1,"primary-button-text"],"secondaryButtonText":[1,"secondary-button-text"],"primaryButtonState":[1,"primary-button-state"],"primaryButtonIconLeadingSwap":[1,"primary-button-icon-leading-swap"],"primaryButtonIconTrailingSwap":[1,"primary-button-icon-trailing-swap"],"secondaryButtonIconLeadingSwap":[1,"secondary-button-icon-leading-swap"],"secondaryButtonIconTrailingSwap":[1,"secondary-button-icon-trailing-swap"],"mainText":[1,"main-text"],"supportingText":[1,"supporting-text"],"fileStyle":[1,"file-style"],"fileType":[1,"file-type"],"featuredIconSwap":[1,"featured-icon-swap"],"isDarkTheme":[32],"patternKey":[32]},null,{"theme":["onThemeChanged"]}],[257,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"secondaryIcon":[1,"secondary-icon"],"category":[1],"showSecondaryIcon":[4,"show-secondary-icon"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"subMenu":[4,"sub-menu"],"leadingIconSvg":[32],"secondaryIconSvg":[32],"internalIcon":[32]},null,{"icon":["updateSidebarIcon"]}],[257,"gb-filter-modal",{"filterConfig":[16],"formValues":[32],"renderKey":[32]}],[257,"gb-toast",{"color":[1025],"mainText":[1,"main-text"],"supportingText":[1,"supporting-text"],"size":[1],"breakpoint":[1],"icon":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"],"firstActionText":[1,"first-action-text"],"secondActionText":[1,"second-action-text"],"internalColor":[32],"internalMainText":[32],"internalSupportingText":[32],"width":[32]},null,{"mainText":["onMainTextChange"],"supportingText":["onSupportingTextChange"],"color":["onColorChange"]}],[257,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"direction":[1],"icon":[1],"leadingIconSvg":[32],"collapseSidebar":[64],"expandSidebar":[64]}],[257,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[257,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[257,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4],"position":[1]}],[257,"gb-mega-input-field-base",{"size":[1],"state":[1],"value":[1],"inputValue":[32],"focusInput":[64]},null,{"value":["onValueChanged"]}],[257,"gb-portal",{"anchorId":[1,"anchor-id"],"placement":[1],"open":[4],"anchorEl":[16],"boundaryEl":[16],"dropdownHeight":[2,"dropdown-height"]},null,{"open":["onOpenChange"]}],[257,"gb-filter-button",{"state":[1],"iconOnly":[4,"icon-only"]}],[321,"gb-button-group",{"items":[16],"icon":[1],"showLabel":[4,"show-label"],"label":[1],"internalItems":[32],"selectedValue":[32]},null,{"items":["onItemsUpdated"]}],[257,"gb-export-dropdown",{"state":[1],"showEntireData":[4,"show-entire-data"],"pdfState":[1,"pdf-state"],"csvState":[1,"csv-state"],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}],[257,"gb-illustration",{"size":[1],"color":[1],"illustrationStyle":[1,"illustration-style"],"illustrationIcon":[1,"illustration-icon"],"theme":[1],"leadingIconSvg":[32]}],[257,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[257,"gb-pagination-number-base",{"shape":[1],"state":[1]}],[257,"gb-pattern",{"type":[1],"theme":[1],"isDarkTheme":[32]},null,{"theme":["changeTheme"]}],[257,"gb-toast-button",{"state":[1],"color":[1]}],[257,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}],[257,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}],[257,"gb-date-picker",{"placeholder":[1],"value":[1040],"format":[1],"mode":[1],"disabled":[4],"iconPosition":[1,"icon-position"],"dropdownAlignment":[1,"dropdown-alignment"],"label":[1],"formatLabel":[4,"format-label"],"allowInput":[4,"allow-input"],"enableTime":[4,"enable-time"],"noCalendar":[4,"no-calendar"],"twentyfourHr":[4,"twentyfour-hr"],"showMonths":[2,"show-months"],"fullWidth":[4,"full-width"],"isCalendarShown":[32],"breakpoint":[32],"width":[32],"displayValue":[32],"selectionSource":[32]},null,{"value":["handleValueChange"],"displayValue":["handleDisplayValueChange"]}],[257,"gb-button-group-base",{"current":[4],"icon":[1],"state":[1],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[257,"gb-export-sub-dropdown",{"showEntireData":[4,"show-entire-data"]}],[257,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}],[257,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1],"_active":[32]},null,{"active":["onActiveChange"]}],[257,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"loading":[1028],"formatLabel":[4,"format-label"],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"searchItem":[32],"searchResults":[32],"internalItems":[32],"showCloseButton":[32],"internalLoading":[32],"clearSelection":[64],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"items":["updateResultsAndShowInDropdown","syncSelectedItems"],"loading":["onLoadingChanged"],"destructive":["watchDestructive"],"value":["syncSelectedItems"]}],[257,"gb-date-picker-list-item",{"selected":[4],"label":[1]}],[257,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}],[257,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}],[257,"gb-featured-icon",{"size":[1],"destructive":[4],"icon":[1],"leadingIconSvg":[32]}],[257,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}],[321,"gb-input-field",{"size":[1],"type":[1],"inputType":[1,"input-type"],"minLength":[2,"min-length"],"maxLength":[2,"max-length"],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1025,"icon-swap"],"enableCancelButtonFunction":[4,"enable-cancel-button-function"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"loading":[1028],"formatLabel":[4,"format-label"],"formatNumber":[4,"format-number"],"inputOnlyDisabled":[4,"input-only-disabled"],"showCloseButton":[32],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32],"internalLoading":[32],"isDestructive":[64],"isNotDestructive":[64]},[[4,"click","handleClickOutside"]],{"iconSwap":["iconSwapChanged"],"options":["optionsChanged"],"loading":["onLoadingChanged"],"value":["updateSelectedItems"]}],[257,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[257,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}],[260,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"tooltipText":[1,"tooltip-text"],"arrow":[1],"leadingIconSvg":[32],"trailingIconSvg":[32],"internalButtonState":[32],"internalIconLeadingState":[32],"internalIconTrailingState":[32],"tooltipShown":[32]}],[257,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[257,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"ellipsed":[4],"leadingIconSvg":[32]}],[257,"gb-button-close",{"size":[1],"color":[1]}],[257,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[257,"gb-tag-close",{"size":[1]}],[257,"gb-tag-count",{"size":[1]}],[257,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[257,"gb-badge-close",{"color":[1],"type":[1]}],[257,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[257,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"tooltipText":[1,"tooltip-text"],"arrow":[1],"event":[4],"leadingIconSvg":[32],"trailingIconSvg":[32],"internalButtonState":[32],"internalIconLeadingState":[32],"internalIconTrailingState":[32],"tooltipShown":[32],"getNativeButton":[64]}],[257,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}],[257,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"companyIcon":[1,"company-icon"],"weight":[1],"assignedColorClass":[32]}],[257,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[257,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"],"companyIcon":[1,"company-icon"]}],[257,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"],"noWrap":[4,"no-wrap"]}]]],["p-2d7ec954",[[257,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"showSearch":[4,"show-search"],"inputPlaceholder":[1,"input-placeholder"],"inputIcon":[1,"input-icon"],"avatarDropdownType":[1,"avatar-dropdown-type"],"listGroupOne":[16],"listGroupTwo":[16],"showThemeTab":[4,"show-theme-tab"],"showProfile":[4,"show-profile"],"showRoles":[4,"show-roles"],"roles":[16],"showLogOut":[4,"show-log-out"],"showLogError":[4,"show-log-error"],"notificationState":[1,"notification-state"],"notifications":[1040],"currentTheme":[1,"current-theme"],"contactHelpDropdown":[4,"contact-help-dropdown"],"contactHelpDropdownItems":[16],"initials":[32],"width":[32],"activeDropdown":[32],"breakpoint":[32],"searchBarShown":[32],"showSearchButton":[32]},[[4,"click","handleClickOutside"]]]]],["p-0ea6a4f5",[[257,"gb-approval-modal",{"showDecision":[4,"show-decision"],"badgeColor":[1,"badge-color"],"badgeType":[1,"badge-type"],"badgeIcon":[1,"badge-icon"],"badgeLabel":[1,"badge-label"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"firstButtonState":[1,"first-button-state"],"headerText":[1,"header-text"],"textareaLabel":[1,"textarea-label"]}]]],["p-a151a893",[[256,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-f6dc8ed6",[[257,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-a850a2e8",[[257,"gb-detail-cell",{"state":[1],"cellStyle":[1025,"cell-style"],"type":[1],"label":[1],"detail":[1],"badgeIcon":[1,"badge-icon"],"badgeIconLeading":[1,"badge-icon-leading"],"badgeIconTrailing":[1,"badge-icon-trailing"],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"badgeType":[1,"badge-type"],"fileType":[1,"file-type"],"fileStyle":[1,"file-style"],"showActionButtons":[4,"show-action-buttons"],"showViewButton":[4,"show-view-button"],"showDownloadButton":[4,"show-download-button"],"showCopyButton":[1028,"show-copy-button"],"buttonText":[1,"button-text"],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"],"showStandardCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32],"width":[32]}]]],["p-55fda132",[[257,"gb-nav-bar-sidemenu",{"applicationName":[1,"application-name"],"applicationIcon":[1,"application-icon"],"activeIndex":[2,"active-index"],"tabs":[16],"leadingIconSvg":[32]}]]],["p-d5dad1ef",[[257,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-32530f34",[[257,"gb-metric-card",{"size":[1],"radius":[1],"label":[1],"metric":[1],"showBadge":[4,"show-badge"],"featuredIconStyle":[1,"featured-icon-style"],"featuredIconColor":[1,"featured-icon-color"],"icon":[1],"percentage":[1]}]]],["p-e90f43da",[[257,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-3ba41a71",[[257,"gb-nav-bar",{"category":[1],"items":[1040],"showBorder":[4,"show-border"],"activeIndex":[1026,"active-index"],"internalItems":[32],"visibleItems":[32],"overflowItems":[32],"measured":[32],"dropdownOpen":[32],"dropdownItemClicked":[32]},null,{"items":["onItemsChanged"]}]]],["p-85bf9ca2",[[257,"gb-prompt-modal",{"showCheckBox":[4,"show-check-box"],"heading":[1],"supportingText":[1,"supporting-text"],"destructive":[4],"iconInstance":[1,"icon-instance"],"checkboxLabel":[1,"checkbox-label"],"primaryButtonText":[1,"primary-button-text"],"primaryButtonState":[1,"primary-button-state"],"secondaryButtonText":[1,"secondary-button-text"],"checked":[4],"checkboxState":[1,"checkbox-state"],"leadingIconSvg":[32]}]]],["p-55783be2",[[257,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-f0e4eac6",[[257,"gb-comment",{"heading":[1],"state":[1025],"noCommentText":[1,"no-comment-text"],"noCommentTextSub":[1,"no-comment-text-sub"],"comments":[16],"theme":[1],"isDarkTheme":[32]}]]],["p-7d813e92",[[257,"gb-stepper-horizontal-icons-centered",{"size":[1],"steps":[16],"type":[1],"breakpoint":[1]}]]],["p-4fa3af47",[[257,"gb-stepper-horizontal-line-with-text",{"size":[1],"breakpoint":[1],"showContent":[4,"show-content"],"showSupportingText":[1028,"show-supporting-text"],"steps":[16],"internalSteps":[32],"width":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-27f7a9c6",[[257,"gb-stepper-vertical-icons-with-text",{"size":[1],"connector":[4],"type":[1],"steps":[16],"internalSteps":[32],"internalState":[32],"internalStatus":[32]},null,{"steps":["onStepsChanged"]}]]],["p-adedbe7a",[[257,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"heading":[1],"showHeading":[4,"show-heading"],"formatHeading":[4,"format-heading"],"leftValue":[32],"rightValue":[32]}]]],["p-4c5e7531",[[257,"gb-breadcrumbs",{"type":[1],"divider":[1],"breadcrumbs":[16],"icon":[1],"visibleBreadcrumbs":[32]}]]],["p-8fe0cc5a",[[257,"gb-quick-action-card",{"color":[1],"icon":[1],"label":[1]}]]],["p-506bcd8d",[[257,"gb-quick-action-icon",{"icon":[1],"label":[1],"isHovered":[32]}]]],["p-2f7946e2",[[257,"gb-stepper-horizontal-minimal-icons",{"size":[1],"text":[4],"stepLabel":[1,"step-label"],"steps":[16],"position":[1]}]]],["p-85536704",[[257,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-0d3cd68c",[[256,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-7cddc1d3",[[257,"gb-category-card",{"label":[1],"supportingText":[1,"supporting-text"],"showSupportingText":[4,"show-supporting-text"],"cardImage":[1,"card-image"],"isHovered":[32]}]]],["p-ac2e77e6",[[257,"gb-logo",{"text":[4]}]]],["p-5197b172",[[257,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-ba6e34d4",[[256,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-85bce2c4",[[257,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-c63ebd61",[[257,"gb-scrollbar",{"length":[1]}]]],["p-6e8e8b44",[[257,"gb-stepper-horizontal-icons-connected",{"size":[1],"steps":[16]}]]],["p-fb70bddc",[[257,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028],"showButton":[4,"show-button"],"buttonText":[1,"button-text"],"icon":[1],"checkboxType":[1,"checkbox-type"],"leadingIconSvg":[32]}]]],["p-55fd0c0c",[[257,"gb-vertical-tabs",{"size":[1],"type":[1],"activeIndex":[1026,"active-index"],"tabs":[16],"internalTabs":[32]},null,{"tabs":["onTabsChanged"]}]]],["p-f9c26c43",[[257,"gb-file-upload-item-base",{"icon":[1],"label":[1],"showLabel":[4,"show-label"],"formatLabel":[4,"format-label"],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"progress":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"],"allowedType":[1,"allowed-type"],"showFileSize":[4,"show-file-size"],"required":[4],"errorSupportingText":[1,"error-supporting-text"],"internalState":[32],"internalProgress":[32]},null,{"state":["onStateChange"],"progress":["onProgressChange"],"fileName":["handleFileNameChange"]}]]],["p-4167e09b",[[257,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-ae11af0d",[[257,"gb-nav-bar-item",{"state":[1],"iconOnly":[4,"icon-only"],"category":[1],"label":[1],"icon":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-5051191c",[[257,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-75f1d479",[[257,"gb-breadcrumb-button-base",{"current":[4],"type":[1],"icon":[4],"label":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}]]],["p-e0e0ae57",[[257,"gb-comment-item",{"name":[1],"duty":[1],"comment":[1],"timeStamp":[1,"time-stamp"],"connector":[4]}]]],["p-14907a2c",[[257,"gb-metric-featured-icon",{"size":[1],"color":[1],"featuredIconStyle":[1,"featured-icon-style"],"icon":[1],"leadingIconSvg":[32]}]]],["p-cf0eb0b1",[[257,"gb-modal-action",{"actionType":[1,"action-type"],"destructive":[4],"fullWidth":[4,"full-width"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"firstButtonState":[1,"first-button-state"],"secondButtonState":[1,"second-button-state"],"thirdButtonState":[1,"third-button-state"],"firstButtonIconLeadingSwap":[1,"first-button-icon-leading-swap"],"secondButtonIconLeadingSwap":[1,"second-button-icon-leading-swap"],"thirdButtonIconLeadingSwap":[1,"third-button-icon-leading-swap"],"firstButtonIconTrailingSwap":[1,"first-button-icon-trailing-swap"],"secondButtonIconTrailingSwap":[1,"second-button-icon-trailing-swap"],"thirdButtonIconTrailingSwap":[1,"third-button-icon-trailing-swap"],"showSecondaryActions":[4,"show-secondary-actions"],"showFirstIconButton":[4,"show-first-icon-button"],"showSecondIconButton":[4,"show-second-icon-button"],"firstIconButtonSwap":[1,"first-icon-button-swap"],"secondIconButtonSwap":[1,"second-icon-button-swap"],"showCheckBox":[4,"show-check-box"],"checkboxLabel":[1,"checkbox-label"],"firstIconButtonTooltipShown":[32],"secondIconButtonTooltipShown":[32]}],[257,"gb-modal-header",{"text":[1],"closeButtonPosition":[513,"close-button-position"]}]]],["p-f1548736",[[257,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}]]],["p-19ad9197",[[257,"gb-card-icon",{"size":[1],"color":[1],"icon":[1],"leadingIconSvg":[32]}]]],["p-edeb370e",[[257,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-1a60ecdb",[[257,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}],[257,"gb-theme-tab",{"theme":[1025],"currentActiveTab":[1025,"current-active-tab"]}],[257,"gb-icon-button-base",{"current":[4],"icon":[1],"label":[1],"leadingIconSvg":[32],"showTooltip":[32]}]]],["p-c35185bc",[[257,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showThemeTab":[4,"show-theme-tab"],"showRoles":[4,"show-roles"],"roles":[16],"showLogOut":[4,"show-log-out"],"listGroupOne":[16],"listGroupTwo":[16],"color":[1],"showBorder":[4,"show-border"],"currentTheme":[1,"current-theme"]}],[257,"gb-contact-help-dropdown",{"items":[16]}],[257,"gb-help-dropdown",{"showLogError":[4,"show-log-error"]}],[257,"gb-notification-pane",{"state":[1],"notifications":[1040]}],[257,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1],"leadingIconSvg":[32]}]]],["p-7e17ac32",[[257,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showContent":[4,"show-content"],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"],"breakpoint":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}],[257,"gb-step-icon-base",{"size":[1],"status":[1],"state":[1],"internalState":[32],"internalStatus":[32]},null,{"status":["onStatusChange"],"state":["onStateChange"]}]]]]'),t)}));
 //# sourceMappingURL=globuscomponents.esm.js.map

package/dist/globuscomponents/p-0ea6a4f5.entry.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{r,c as n,h as e}from"./p-CRm70Dfr.js";const a="/* @import 'tailwind.css'; /\r\n@import url('https://fonts.googleapis.com/css2?family=Sora&display=swap');\r\n/\r\n Global styles for portal-based dropdowns\r\n * Applied outside shadow DOM context\r\n /\r\n\r\n.portal_dropdown_wrapper {\r\n width: fit-content;\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-md);\r\n position: absolute;\r\n z-index: 9999; / High z-index to appear above sticky columns /\r\n overflow: hidden;\r\n}\r\n\r\n.portal_dropdown_wrapper gb-dropdown-items-with-shortcut {\r\n display: block;\r\n width: 100%;\r\n}\r\n\r\n/ .portal_dropdown_wrapper gb-dropdown-items-with-shortcut:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n} /\r\n\r\n\r\n:root {\r\n / --------------------------------------Primary Colors--------------------------------------------- /\r\n / base color palette /\r\n --base-white: #fff;\r\n --base-black: #000;\r\n\r\n / gray color palette /\r\n --gray-25: #f9fafb;\r\n --gray-50: #f6f8fa;\r\n --gray-100: #eef2f6;\r\n --gray-200: #e3e8ef;\r\n --gray-300: #cdd5df;\r\n --gray-400: #808c9e;\r\n --gray-500: #697586;\r\n --gray-600: #4b5565;\r\n --gray-700: #364152;\r\n --gray-800: #202939;\r\n --gray-900: #121926;\r\n --gray-950: #0d121c;\r\n\r\n / brand dark blue color palette /\r\n --brandDarkBlue-25: #f9f9fb;\r\n --brandDarkBlue-50: #edeef3;\r\n --brandDarkBlue-100: #d3d5e0;\r\n --brandDarkBlue-200: #b5b9cc;\r\n --brandDarkBlue-300: #9095b2;\r\n --brandDarkBlue-400: #464f7f;\r\n --brandDarkBlue-500: #212c65;\r\n --brandDarkBlue-600: #1e285c;\r\n --brandDarkBlue-700: #1c2554;\r\n --brandDarkBlue-800: #161d43;\r\n --brandDarkBlue-900: #0b0f22;\r\n --brandDarkBlue-950: #070914;\r\n\r\n / brand red color palette /\r\n --brandRed-25: #fffbfa;\r\n --brandRed-50: #fef1f2;\r\n --brandRed-100: #fde3e5;\r\n --brandRed-200: #f9b4ba;\r\n --brandRed-300: #f68e98;\r\n --brandRed-400: #f36976;\r\n --brandRed-500: #e21b2e;\r\n --brandRed-600: #cc1a2a;\r\n --brandRed-700: #b51726;\r\n --brandRed-800: #8c121d;\r\n --brandRed-900: #680d16;\r\n --brandRed-950: #3f080d;\r\n\r\n / warning color palette /\r\n --warning-25: #fffcf5;\r\n --warning-50: #fffaeb;\r\n --warning-100: #fef0c7;\r\n --warning-200: #fedf89;\r\n --warning-300: #fec84b;\r\n --warning-400: #fdb022;\r\n --warning-500: #f79009;\r\n --warning-600: #dc6803;\r\n --warning-700: #b54708;\r\n --warning-800: #93370d;\r\n --warning-900: #7a2e0e;\r\n --warning-950: #4e1d09;\r\n\r\n / success color palette /\r\n --success-25: #f6fef9;\r\n --success-50: #ecfdf3;\r\n --success-100: #dcfaeb;\r\n --success-200: #a9efc5;\r\n --success-300: #75e0a7;\r\n --success-400: #47cd89;\r\n --success-500: #17b26a;\r\n --success-600: #079455;\r\n --success-700: #067647;\r\n --success-800: #085d3a;\r\n --success-900: #074d31;\r\n --success-950: #053321;\r\n\r\n / ------------------------------------------opacity color palette-------------------------------------- /\r\n / 0% opacity /\r\n / White /\r\n --white-opacity0: rgba(255, 255, 255, 0);\r\n\r\n / Gray /\r\n --gray25-opacity0: rgba(249, 250, 251, 0);\r\n --gray900-opacity0: rgba(18, 25, 38, 0);\r\n --gray950-opacity0: rgba(13, 18, 28, 0);\r\n\r\n / 20% opacity /\r\n / White /\r\n --white-opacity20: rgba(255, 255, 255, 0.2);\r\n\r\n / Dark Blue /\r\n --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);\r\n --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);\r\n\r\n / Gray /\r\n --gray25-opacity20: rgba(249, 250, 251, 0.2);\r\n --gray900-opacity20: rgba(18, 25, 38, 0.2);\r\n --gray950-opacity20: rgba(13, 18, 28, 0.2);\r\n\r\n / 30% opacity /\r\n --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);\r\n --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);\r\n\r\n / 40% opacity /\r\n --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);\r\n --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);\r\n\r\n / 50% opacity /\r\n / White /\r\n --white-opacity50: rgba(255, 255, 255, 0.5);\r\n\r\n / Gray /\r\n --gray25-opacity50: rgba(249, 250, 251, 0.5);\r\n --gray900-opacity50: rgba(18, 25, 38, 0.5);\r\n --gray950-opacity50: rgba(13, 18, 28, 0.5);\r\n\r\n / ------------------------------------------Secondary Color------------------------------------------- /\r\n / blueLight color palete /\r\n --lightBlue-25: #f5fbff;\r\n --lightBlue-50: #f0f9ff;\r\n --lightBlue-100: #e0f2fe;\r\n --lightBlue-200: #b9e6fe;\r\n --lightBlue-300: #7cd4fd;\r\n --lightBlue-400: #7cd4fd;\r\n --lightBlue-500: #0ba5ec;\r\n --lightBlue-600: #0086c9;\r\n --lightBlue-700: #026aa2;\r\n --lightBlue-800: #065986;\r\n --lightBlue-900: #0b4a6f;\r\n --lightBlue-950: #062c41;\r\n\r\n / blue color palette /\r\n --blue-25: #ecf5fe;\r\n --blue-50: #e4f0fc;\r\n --blue-100: #c8e0f9;\r\n --blue-200: #9ac7f4;\r\n --blue-300: #6aa9e7;\r\n --blue-400: #378fe6;\r\n --blue-500: #075db2;\r\n --blue-600: #064e94;\r\n --blue-700: #053e77;\r\n --blue-800: #042f59;\r\n --blue-900: #022445;\r\n --blue-950: #021d37;\r\n\r\n / Purple color palete /\r\n --purple-25: #fafaff;\r\n --purple-50: #f4f3ff;\r\n --purple-100: #ebe9fe;\r\n --purple-200: #d9d6fe;\r\n --purple-300: #bdb4fe;\r\n --purple-400: #9b8afb;\r\n --purple-500: #7a5af8;\r\n --purple-600: #6938ef;\r\n --purple-700: #5925dc;\r\n --purple-800: #4a1fb8;\r\n --purple-900: #3e1c96;\r\n --purple-950: #27115f;\r\n\r\n / pink color palette /\r\n --pink-25: #fef6fb;\r\n --pink-50: #fdf2fa;\r\n --pink-100: #fce7f6;\r\n --pink-200: #fcceee;\r\n --pink-300: #faa7e0;\r\n --pink-400: #f670c7;\r\n --pink-500: #ee46bc;\r\n --pink-600: #dd2590;\r\n --pink-700: #c11574;\r\n --pink-800: #9e165f;\r\n --pink-900: #851651;\r\n --pink-950: #4e0d30;\r\n\r\n / -------------------------------------------------Token---------------------------------------------- /\r\n\r\n / -----------Text Color----------- /\r\n\r\n [data-theme='light'] {\r\n --color-text-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text: var(--gray-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text: var(--gray-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-subtle: var(--gray-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-disabled: var(--gray-500);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-inverse: var(--base-black);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-brandDarkBlue: var(--brandDarkBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger-subtle: var(--brandRed-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger-subtle: var(--brandRed-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-warning-subtle: var(--warning-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-warning-subtle: var(--warning-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success: var(--success-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success: var(--success-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-success-subtle: var(--success-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-success-subtle: var(--success-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-discovery-subtle: var(--lightBlue-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-discovery-subtle: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-information: var(--blue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-information: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-information-subtle: var(--blue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-information-subtle: var(--blue-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-purple-subtle: var(--purple-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-purple-subtle: var(--purple-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-text-pink-subtle: var(--pink-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-text-pink-subtle: var(--pink-400);\r\n }\r\n\r\n / --------------Link color--------------- /\r\n\r\n [data-theme='light'] {\r\n --color-link: var(--blue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link-pressed: var(--blue-600);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-link-visited: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-link-visited: var(--lightBlue-300);\r\n }\r\n\r\n / --------------Icon color--------------- /\r\n\r\n [data-theme='light'] {\r\n --color-icon-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon: var(--gray-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon: var(--gray-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-subtle: var(--gray-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-subtle: var(--gray-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-disabled: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-disabled: var(--gray-500);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-danger-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-danger-inverse: var(--brandRed-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-success: var(--success-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-success: var(--success-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-discovery: var(--lightBlue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-information: var(--blue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-information: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-icon-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-icon-pink: var(--pink-300);\r\n }\r\n\r\n / ----------------Border Color --------------- /\r\n\r\n [data-theme='light'] {\r\n --color-border-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border: var(--gray-500);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-subtle: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-subtler: var(--gray-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-disabled: var(--gray-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-inverse: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-inverse: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-input: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-input: var(--gray-600);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-focus: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-focus: var(--blue-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-brandDarkBlue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning: var(--warning-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success: var(--success-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success: var(--success-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery: var(--lightBlue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-information: var(--blue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-information: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-purple-bold: var(--purple-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-purple: var(--purple-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-pink: var(--pink-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-border-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-border-pink-subtler: var(--pink-900);\r\n }\r\n\r\n / Emmanuel Kadiri starts from background color /\r\n\r\n / ----------------Background Color --------------- /\r\n\r\n [data-theme='light'] {\r\n --color-background-card-bold: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-card-bold: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-card: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-card: var(--gray-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-input: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-input: var(--gray-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-disabled: var(--gray-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-disabled: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-btn-disabled: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-btn-disabled: var(--gray-700);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-selected: var(--blue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-selected: var(--blue-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-brandDarkblue: var(--brandDarkBlue-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-brandRed: var(--brandRed-500);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-brandRed: var(--brandRed-300);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-brandRed-hover: var(--brandRed-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-brandRed-hover: var(--brandRed-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-brandRed-pressed: var(--brandRed-700);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-brandRed-pressed: var(--brandRed-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-gray-bold: var(--gray-400);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-gray-bold: var(--gray-500);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-gray: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-gray: var(--gray-600);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-gray-subtle: var(--gray-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-gray-subtle: var(--gray-700);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-gray-subtler: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-gray-subtler: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-gray-subtlest: var(--gray-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-gray-subtlest: var(--gray-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-danger-bold: var(--brandRed-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-danger-bold: var(--brandRed-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-danger: var(--brandRed-700);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-danger: var(--brandRed-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-danger-subtle: var(--brandRed-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-danger-subtle: var(--brandRed-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-danger-subtler: var(--brandRed-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-danger-subtler: var(--brandRed-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-danger-subtlest: var(--brandRed-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-danger-subtlest: var(--brandRed-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-bold: var(--warning-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-bold: var(--warning-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning: var(--warning-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning: var(--warning-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtle: var(--warning-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtle: var(--warning-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtler: var(--warning-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtler: var(--warning-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-warning-subtlest: var(--warning-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-warning-subtlest: var(--warning-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-bold: var(--success-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-bold: var(--success-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success: var(--success-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success: var(--success-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtle: var(--success-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtle: var(--success-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtler: var(--success-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtler: var(--success-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-success-subtlest: var(--success-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-success-subtlest: var(--success-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-discovery-bold: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-discovery-bold: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-discovery: var(--lightBlue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-discovery: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-discovery-subtle: var(--lightBlue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-discovery-subtle: var(--lightBlue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-discovery-subtler: var(--lightBlue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-discovery-subtler: var(--lightBlue-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-discovery-subtlest: var(--lightBlue-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-discovery-subtlest: var(--lightBlue-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-information-bold: var(--blue-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-information-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-information: var(--blue-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-information: var(--blue-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-information-subtle: var(--blue-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-information-subtle: var(--blue-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-information-subtler: var(--blue-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-information-subtler: var(--blue-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-information-subtlest: var(--blue-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-information-subtlest: var(--blue-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-purple-bold: var(--purple-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-purple-bold: var(--blue-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-purple: var(--purple-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-purple: var(--blue-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-purple-subtle: var(--purple-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-purple-subtle: var(--purple-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-purple-subtler: var(--purple-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-purple-subtler: var(--purple-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-purple-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-purple-subtlest: var(--purple-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-pink-bold: var(--pink-800);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-pink-bold: var(--pink-100);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-pink: var(--pink-600);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-pink: var(--pink-200);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-pink-subtle: var(--pink-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-pink-subtle: var(--pink-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-pink-subtler: var(--pink-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-pink-subtler: var(--pink-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-background-pink-subtlest: var(--purple-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-background-pink-subtlest: var(--pink-950);\r\n }\r\n\r\n / ----------------Blanket Color --------------- /\r\n [data-theme='light'] {\r\n --color-blanket: var(--darkBlue500-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-blanket: var(--darkBlue200-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-blanket-subtle: var(--darkBlue500-opacity30);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-blanket-subtle: var(--darkBlue200-opacity30);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-blanket-subtler: var(--darkBlue500-opacity40);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-blanket-subtler: var(--darkBlue200-opacity40);\r\n }\r\n\r\n / ----------------Skeleton Color --------------- /\r\n [data-theme='light'] {\r\n --color-skeleton: var(--gray-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-skeleton: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-skeleton-bold: var(--gray-300);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-skeleton-bold: var(--gray-700);\r\n }\r\n\r\n / ----------------Surface Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-bold: var(--gray-50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold: var(--gray-950);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface: var(--base-white);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface: var(--gray-900);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-hovered: var(--gray-100);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-hovered: var(--gray-800);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-pressed: var(--gray-200);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-pressed: var(--gray-700);\r\n }\r\n\r\n / ----------------Transparent Color --------------- /\r\n [data-theme='light'] {\r\n --color-surface-transparent50: var(--white-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent50: var(--gray900-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent20: var(--white-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent20: var(--gray900-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-transparent-full: var(--white-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-transparent-full: var(--gray900-opacity0);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent50: var(--gray25-opacity50);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent50: var(--gray950-opacity50);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent20: var(--gray25-opacity20);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent20: var(--gray950-opacity20);\r\n }\r\n\r\n [data-theme='light'] {\r\n --color-surface-bold-transparent-full: var(--gray25-opacity0);\r\n }\r\n\r\n [data-theme='dark'] {\r\n --color-surface-bold-transparent-full: var(--gray950-opacity0);\r\n }\r\n}\r\n\r\n/ -----------------Shadow and Blur----------------- /\r\n:root {\r\n --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n --shadow-sm: 0px 1px 3px 0px rgba(16, 24, 40, 0.1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);\r\n --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);\r\n --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);\r\n --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\r\n --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);\r\n --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);\r\n\r\n --blur-sm: blur(4px);\r\n --blur-md: blur(8px);\r\n --blur-lg: blur(12px);\r\n --blur-xl: blur(20px);\r\n}\r\n\r\n.shadow-xs {\r\n box-shadow: var(--shadow-xs);\r\n}\r\n\r\n.shadow-sm {\r\n box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.shadow-md {\r\n box-shadow: var(--shadow-md);\r\n}\r\n\r\n.shadow-lg {\r\n box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.shadow-xl {\r\n box-shadow: var(--shadow-xl);\r\n}\r\n\r\n.shadow-2xl {\r\n box-shadow: var(--shadow-2xl);\r\n}\r\n\r\n.shadow-3xl {\r\n box-shadow: var(--shadow-3xl);\r\n}\r\n\r\n.blur-sm {\r\n backdrop-filter: var(--blur-sm);\r\n}\r\n\r\n.blur-md {\r\n backdrop-filter: var(--blur-md);\r\n}\r\n\r\n.blur-lg {\r\n backdrop-filter: var(--blur-lg);\r\n}\r\n\r\n.blur-xl {\r\n backdrop-filter: var(--blur-xl);\r\n}\r\n\r\n/ -----------------Gradients----------------- /\r\n:root {\r\n / Gray Gradients /\r\n / --gray-gradient-600: linear-gradient(); /\r\n --gradient-gray-600-to-500-90d: linear-gradient(90deg, var(--gray-600), var(--gray-500));\r\n --gradient-gray-700-to-600-45d: linear-gradient(45deg, var(--gray-700), var(--gray-600));\r\n --gradient-gray-800-to-600-45d: linear-gradient(45deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-600-90d: linear-gradient(90deg, var(--gray-800), var(--gray-600));\r\n --gradient-gray-800-to-700265-d: linear-gradient(26.5deg, var(--gray-800), var(--gray-700));\r\n --gradient-gray-900-to-600-45d: linear-gradient(45deg, var(--gray-900), var(--gray-600));\r\n\r\n / Brand Dark Blue Gradients /\r\n --gradient-darkBlue-500-to-400-90d: linear-gradient(90deg, var(--brandDarkBlue-500), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-700-to-500-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-700-to-400-45d: linear-gradient(45deg, var(--brandDarkBlue-700), var(--brandDarkBlue-400));\r\n --gradient-darkBlue-800-to-500-90d: linear-gradient(90deg, var(--brandDarkBlue-800), var(--brandDarkBlue-500));\r\n --gradient-darkBlue-800-to-600265-d: linear-gradient(26.5deg, var(--brandDarkBlue-800), var(--brandDarkBlue-600));\r\n --gradient-darkBlue-900-to-600-45d: linear-gradient(45deg, var(--brandDarkBlue-900), var(--brandDarkBlue-600));\r\n\r\n / Brand Red Gradients /\r\n --gradient-red-500-to-400-90d: linear-gradient(90deg, var(--brandRed-600), var(--brandRed-400));\r\n --gradient-red-700-to-500-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-500));\r\n --gradient-red-700-to-400-45d: linear-gradient(45deg, var(--brandRed-700), var(--brandRed-400));\r\n --gradient-red-800-to-500-90d: linear-gradient(90deg, var(--brandRed-800), var(--brandRed-500));\r\n --gradient-red-800-to-600265-d: linear-gradient(26.5deg, var(--brandRed-800), var(--brandRed-600));\r\n --gradient-red-900-to-600-45d: linear-gradient(45deg, var(--brandRed-900), var(--brandRed-600));\r\n\r\n / Blue Gradients /\r\n --gradient-blue-500-to-400-90d: linear-gradient(90deg, var(--blue-500), var(--blue-400));\r\n --gradient-blue-700-to-500-45d: linear-gradient(45deg, var(--blue-700), var(--blue-500));\r\n --gradient-blue-700-to-400-45d: linear-gradient(45deg, var(--blue-700), var(--blue-400));\r\n --gradient-blue-800-to-500-90d: linear-gradient(90deg, var(--blue-800), var(--blue-500));\r\n --gradient-blue-800-to-600265-d: linear-gradient(26.5deg, var(--blue-800), var(--blue-600));\r\n --gradient-blue-900-to-600-45d: linear-gradient(45deg, var(--blue-900), var(--blue-600));\r\n}\r\n\r\n.gradient-gray-600-to-500-90d {\r\n background: var(--gradient-gray-600-to-500-90d);\r\n}\r\n\r\n.gradient-gray-700-to-600-45d {\r\n background: var(--gradient-gray-700-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-45d {\r\n background: var(--gradient-gray-800-to-600-45d);\r\n}\r\n\r\n.gradient-gray-800-to-600-90d {\r\n background: var(--gradient-gray-800-to-600-90d);\r\n}\r\n\r\n.gradient-gray-800-to-700265-d {\r\n background: var(--gradient-gray-800-to-700265-d);\r\n}\r\n\r\n.gradient-gray-900-to-600-45d {\r\n background: var(--gradient-gray-900-to-600-45d);\r\n}\r\n\r\n.gradient-darkBlue-500-to-400-90d {\r\n background: var(--gradient-darkBlue-500-to-400-90d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-500-45d {\r\n background: var(--gradient-darkBlue-700-to-500-45d);\r\n}\r\n\r\n.gradient-darkBlue-700-to-400-45d {\r\n background: var(--gradient-darkBlue-700-to-400-45d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-500-90d {\r\n background: var(--gradient-darkBlue-800-to-500-90d);\r\n}\r\n\r\n.gradient-darkBlue-800-to-600265-d {\r\n background: var(--gradient-darkBlue-800-to-600265-d);\r\n}\r\n\r\n.gradient-darkBlue-900-to-600-45d {\r\n background: var(--gradient-darkBlue-900-to-600-45d);\r\n}\r\n\r\n.gradient-red-500-to-400-90d {\r\n background: var(--gradient-red-500-to-400-90d);\r\n}\r\n\r\n.gradient-red-700-to-500-45d {\r\n background: var(--gradient-red-700-to-500-45d);\r\n}\r\n\r\n.gradient-red-700-to-400-45d {\r\n background: var(--gradient-red-700-to-400-45d);\r\n}\r\n\r\n.gradient-red-800-to-500-90d {\r\n background: var(--gradient-red-800-to-500-90d);\r\n}\r\n\r\n.gradient-red-800-to-600265-d {\r\n background: var(--gradient-red-800-to-600265-d);\r\n}\r\n\r\n.gradient-red-900-to-600-45d {\r\n background: var(--gradient-red-900-to-600-45d);\r\n}\r\n\r\n.gradient-blue-500-to-400-90d {\r\n background: var(--gradient-blue-500-to-400-90d);\r\n}\r\n\r\n.gradient-blue-700-to-500-45d {\r\n background: var(--gradient-blue-700-to-500-45d);\r\n}\r\n\r\n.gradient-blue-700-to-400-45d {\r\n background: var(--gradient-blue-700-to-400-45d);\r\n}\r\n\r\n.gradient-blue-800-to-500-90d {\r\n background: var(--gradient-blue-800-to-500-90d);\r\n}\r\n\r\n.gradient-blue-800-to-600265-d {\r\n background: var(--gradient-blue-800-to-600265-d);\r\n}\r\n\r\n.gradient-blue-900-to-600-45d {\r\n background: var(--gradient-blue-900-to-600-45d);\r\n}\r\n\r\n/ Spacing Styles /\r\n:root {\r\n / Positive spacing /\r\n --spacing-none: 0rem;\r\n --spacing-half: 0.125rem;\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-5: 1.25rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-7: 2rem;\r\n --spacing-8: 2.5rem;\r\n --spacing-12: 3rem;\r\n --spacing-16: 4rem;\r\n --spacing-20: 5rem;\r\n --spacing-24: 6rem;\r\n --spacing-32: 8rem;\r\n --spacing-40: 10rem;\r\n --spacing-48: 12rem;\r\n --spacing-56: 14rem;\r\n --spacing-64: 16rem;\r\n\r\n / Negative spacing /\r\n\r\n --spacing-negative-half: -0.125rem;\r\n --spacing-negative-1: -0.25rem;\r\n --spacing-negative-2: -0.5rem;\r\n --spacing-negative-3: -0.75rem;\r\n --spacing-negative-4: -1rem;\r\n --spacing-negative-5: -1.25rem;\r\n --spacing-negative-6: -1.5rem;\r\n --spacing-negative-7: -2rem;\r\n\r\n / Radius /\r\n --rounded-none: 0rem;\r\n --rounded-xs: 0.25rem;\r\n --rounded-sm: 0.5rem;\r\n --rounded-md: 0.75rem;\r\n --rounded-lg: 1rem;\r\n --rounded-xl: 1.5rem;\r\n --rounded-2xl: 2rem;\r\n --rounded-full: 62.438rem;\r\n}\r\n\r\n/ Typography Styles /\r\n\r\n:root {\r\n / Font Sizes /\r\n --font-size-d-2xl: 4.5rem;\r\n --font-size-d-xl: 3.75rem;\r\n --font-size-d-lg: 3rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n --font-size-t-xl: 1.25rem;\r\n --font-size-t-lg: 1.125rem;\r\n --font-size-t-md: 1rem;\r\n --font-size-t-sm: 0.875rem;\r\n --font-size-t-xs: 0.75rem;\r\n --font-size-t-xxs: 0.625rem;\r\n\r\n / Font Weights /\r\n --font-weight-bold: 700;\r\n --font-weight-semi-bold: 600;\r\n --font-weight-medium: 500;\r\n --font-weight-regular: 400;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 5rem;\r\n --font-line-height-d-xl: 4.25rem;\r\n --font-line-height-d-lg: 3.75rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n --font-line-height-t-xl: 2rem;\r\n --font-line-height-t-lg: 1.875rem;\r\n --font-line-height-t-md: 1.688rem;\r\n --font-line-height-t-sm: 1.5rem;\r\n --font-line-height-t-xs: 1.25rem;\r\n --font-line-height-t-xxs: 1.125rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-d-2xl: -0.09rem;\r\n --font-letter-spacing-d-xl: -0.075rem;\r\n --font-letter-spacing-d-lg: -0.075rem;\r\n --font-letter-spacing-d-md: -0.045rem;\r\n --font-letter-spacing-d-sm: 0;\r\n --font-letter-spacing-d-xs: 0;\r\n --font-letter-spacing-d-xxs: 0;\r\n\r\n / Font Families /\r\n --font-family-title: 'Sora';\r\n --font-family-body: 'Sora';\r\n}\r\n\r\n/ Media queries for medium screens (tablet) /\r\n@media (max-width: 1199px) {\r\n :root {\r\n / Font Sizes /\r\n --font-size-d-2xl: 3.75rem;\r\n --font-size-d-xl: 3.5rem;\r\n --font-size-d-lg: 2.75rem;\r\n --font-size-d-md: 2.25rem;\r\n --font-size-d-sm: 1.875rem;\r\n --font-size-d-xs: 1.5rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 4.25rem;\r\n --font-line-height-d-xl: 3.75rem;\r\n --font-line-height-d-lg: 2.4375rem;\r\n --font-line-height-d-md: 2.75rem;\r\n --font-line-height-d-sm: 2.375rem;\r\n --font-line-height-d-xs: 2rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.075rem;\r\n --font-letter-spacing-xl: -0.065rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: -0.045rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n/ Media queries for smaller screens (mobile) /\r\n@media (max-width: 743px) {\r\n :root {\r\n / Font Sizes /\r\n --font-size-d-2xl: 3rem;\r\n --font-size-d-xl: 2.5rem;\r\n --font-size-d-lg: 2rem;\r\n --font-size-d-md: 1.75rem;\r\n --font-size-d-sm: 1.5rem;\r\n --font-size-d-xs: 1.25rem;\r\n\r\n / Line Heights /\r\n --font-line-height-d-2xl: 3.375rem;\r\n --font-line-height-d-xl: 2.875rem;\r\n --font-line-height-d-lg: 2.5rem;\r\n --font-line-height-d-md: 2.1375rem;\r\n --font-line-height-d-sm: 2rem;\r\n --font-line-height-d-xs: 1.75rem;\r\n\r\n / Letter Spacings /\r\n --font-letter-spacing-2xl: -0.06rem;\r\n --font-letter-spacing-xl: -0.05rem;\r\n --font-letter-spacing-lg: -0.045rem;\r\n --font-letter-spacing-md: 0rem;\r\n --font-letter-spacing-sm: 0rem;\r\n --font-letter-spacing-xs: 0rem;\r\n }\r\n}\r\n\r\n.display-2xl-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-bold::before,\r\n.display-2xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-2xl-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-bold::after {\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-2xl-semi-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-2xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-2xl);\r\n letter-spacing: var(--font-letter-spacing-d-2xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-2xl-semi-bold::before,\r\n.display-2xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-2xl-semi-bold::before {\r\n margin-bottom: -0.135em;\r\n}\r\n\r\n.display-2xl-semi-bold::after {\r\n margin-top: -0.205em;\r\n}\r\n\r\n.display-xl-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-bold::before,\r\n.display-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-xl-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-bold::after {\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-xl-semi-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xl);\r\n letter-spacing: var(--font-letter-spacing-d-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xl-semi-bold::before,\r\n.display-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-xl-semi-bold::before {\r\n margin-bottom: -0.145em;\r\n}\r\n\r\n.display-xl-semi-bold::after {\r\n margin-top: -0.215em;\r\n}\r\n\r\n.display-lg-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-bold::before,\r\n.display-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-lg-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-bold::after {\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-lg-semi-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-lg);\r\n letter-spacing: var(--font-letter-spacing-d-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-lg-semi-bold::before,\r\n.display-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-lg-semi-bold::before {\r\n margin-bottom: -0.015em;\r\n}\r\n\r\n.display-lg-semi-bold::after {\r\n margin-top: -0.095em;\r\n}\r\n\r\n.display-md-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-bold::before,\r\n.display-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-md-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-bold::after {\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-md-semi-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-md);\r\n letter-spacing: var(--font-letter-spacing-d-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-md-semi-bold::before,\r\n.display-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-md-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-md-semi-bold::after {\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-bold::before,\r\n.display-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-sm-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-bold::after {\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-sm-semi-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-sm);\r\n letter-spacing: var(--font-letter-spacing-d-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-sm-semi-bold::before,\r\n.display-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-sm-semi-bold::before {\r\n margin-bottom: -0.195em;\r\n}\r\n\r\n.display-sm-semi-bold::after {\r\n margin-top: -0.255em;\r\n}\r\n\r\n.display-xs-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-bold::before,\r\n.display-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-xs-bold::before {\r\n margin-bottom: -0.199em;\r\n}\r\n\r\n.display-xs-bold::after {\r\n margin-top: -0.195em; / Continue from here /\r\n}\r\n\r\n.display-xs-semi-bold {\r\n font-family: var(--font-family-title);\r\n font-size: var(--font-size-d-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-d-xs);\r\n letter-spacing: var(--font-letter-spacing-d-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.display-xs-semi-bold::before,\r\n.display-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.display-xs-semi-bold::before {\r\n margin-bottom: -0.259em;\r\n}\r\n\r\n.display-xs-semi-bold::after {\r\n margin-top: -0.295em;\r\n}\r\n\r\n.text-xl-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-bold::before,\r\n.text-xl-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xl-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-bold::after {\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-semi-bold::before,\r\n.text-xl-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xl-semi-bold::before {\r\n margin-bottom: -0.329em;\r\n}\r\n\r\n.text-xl-semi-bold::after {\r\n margin-top: -0.359em;\r\n}\r\n\r\n.text-xl-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-medium::before,\r\n.text-xl-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xl-medium::before {\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-medium::after {\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-xl-regular {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xl);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xl);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xl-regular::before,\r\n.text-xl-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xl-regular::before {\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-xl-regular::after {\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-bold::before,\r\n.text-lg-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-lg-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-bold::after {\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-semi-bold::before,\r\n.text-lg-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-lg-semi-bold::before {\r\n margin-bottom: -0.339em;\r\n}\r\n\r\n.text-lg-semi-bold::after {\r\n margin-top: -0.399em;\r\n}\r\n\r\n.text-lg-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-medium::before,\r\n.text-lg-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-lg-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-medium::after {\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-lg-regular {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-lg);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-lg);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-lg-regular::before,\r\n.text-lg-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-lg-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-lg-regular::after {\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-bold::before,\r\n.text-md-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-md-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-bold::after {\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-semi-bold::before,\r\n.text-md-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-md-semi-bold::before {\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-semi-bold::after {\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-medium::before,\r\n.text-md-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-md-medium::before {\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-medium::after {\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-md-regular {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-md);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-md);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-md-regular::before,\r\n.text-md-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-md-regular::before {\r\n margin-bottom: -0.349em;\r\n}\r\n\r\n.text-md-regular::after {\r\n margin-top: -0.389em;\r\n}\r\n\r\n.text-sm-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-bold::before,\r\n.text-sm-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-sm-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-bold::after {\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before {\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after {\r\n margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-sm-medium::before {\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after {\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-sm);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-sm);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-sm-regular::before {\r\n margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after {\r\n margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-bold::before,\r\n.text-xs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-bold::after {\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before {\r\n margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after {\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xs-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-medium::before,\r\n.text-xs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xs-medium::before {\r\n margin-bottom: -0.285em;\r\n}\r\n\r\n.text-xs-medium::after {\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xs-regular {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after {\r\n margin-top: -0.396em;\r\n}\r\n\r\n.text-xxs-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-bold::before,\r\n.text-xxs-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xxs-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-bold::after {\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-semi-bold {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-semi-bold);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-semi-bold::before,\r\n.text-xxs-semi-bold::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xxs-semi-bold::before {\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-semi-bold::after {\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-medium {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-medium);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-medium::before,\r\n.text-xxs-medium::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xxs-medium::before {\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-medium::after {\r\n margin-top: -0.416em;\r\n}\r\n\r\n.text-xxs-regular {\r\n font-family: var(--font-family-body);\r\n font-size: var(--font-size-t-xxs);\r\n font-weight: var(--font-weight-regular);\r\n line-height: var(--font-line-height-t-xxs);\r\n margin: var(--spacing-none);\r\n padding: var(--spacing-none);\r\n display: inline-block;\r\n position: relative;\r\n}\r\n\r\n.text-xxs-regular::before,\r\n.text-xxs-regular::after {\r\n content: '';\r\n display: table;\r\n}\r\n\r\n.text-xxs-regular::before {\r\n margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xxs-regular::after {\r\n margin-top: -0.416em;\r\n}\r\n\r\n/ Button slot styles /\r\n/ .slotted_button_text.primary {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.secondary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.tertiary_color {\r\n color: var(--color-text-brandRed, #e21b2e) !important;\r\n}\r\n\r\n.slotted_button_text.link_gray {\r\n color: var(--color-text, #4b5565) !important;\r\n}\r\n\r\n.slotted_button_text.link_color {\r\n color: var(--color-link, #075db2) !important;\r\n}\r\n\r\n.slotted_button_text.primary.destructive {\r\n color: var(--color-text-inverse, #ffffff) !important;\r\n}\r\n\r\n#slotted_button_text.primary.disabled,\r\n#slotted_button_text.secondary_gray.disabled,\r\n#slotted_button_text.secondary_color.disabled,\r\n#slotted_button_text.tertiary_gray.disabled,\r\n#slotted_button_text.tertiary_color.disabled,\r\n#slotted_button_text.link_gray.disabled,\r\n#slotted_button_text.link_color.disabled {\r\n color: var(--color-text-disabled, #9aa4b2) !important;\r\n}\r\n\r\n#slotted_button_text.secondary_gray.default.destructive,\r\n#slotted_button_text.secondary_color.default.destructive,\r\n#slotted_button_text.tertiary_gray.default.destructive,\r\n#slotted_button_text.tertiary_color.default.destructive,\r\n#slotted_button_text.link_gray.default.destructive,\r\n#slotted_button_text.link_color.default.destructive {\r\n color: var(--color-text-danger, #b51726) !important;\r\n} /\r\n\r\n.approval-modal{\r\n width: 25.1875rem;\r\n border-radius: 0.75rem;\r\n background-color:var(--color-background-card, #FFFFFF); \r\n position: relative;\r\n overflow: hidden;\r\n}\r\n\r\ngb-button-close{\r\n position: absolute;\r\n right: 0.75rem;\r\n top: 0.59375rem;\r\n}\r\n\r\n.modal-top{\r\n padding: var(--spacing-6);\r\n border-bottom: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.modal-content{\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n padding: var(--spacing-6);\r\n}\r\n\r\n .heading{\r\n color: var(--color-text-subtle, #697586);\r\n} \r\n\r\n.modal-row{\r\n border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n border-radius: var(--rounded-sm);\r\n width: 100%;\r\n padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-4);\r\n gap: var(--spacing-2);\r\n display: flex;\r\n flex-direction: column;\r\n box-sizing: border-box;\r\n}\r\n\r\n.modal-textarea{\r\n / border-radius: 5px; */\r\n width: 100%;\r\n box-sizing: border-box;\r\n}";const t=class{constructor(e){r(this,e);this.primaryButtonClicked=n(this,"primaryButtonClicked");this.secondaryButtonClicked=n(this,"secondaryButtonClicked");this.textareaValueChanged=n(this,"textareaValueChanged");this.showDecision=true;this.badgeType="badge_color";this.badgeIcon="dot";this.badgeLabel="";this.firstButtonText="";this.secondButtonText="";this.firstButtonState="default";this.headerText="";this.textareaLabel=""}emitTextareaValue(r){this.textareaValueChanged.emit(r.detail)}render(){return e("div",{key:"5f494111fe6a24abacd5f3944ecb83052f08f8a7",class:"approval-modal shadow-sm"},e("gb-modal-header",{key:"89b9aff2552c397b3e09a43280f445e8e559848d","close-button-position":"right",text:this.headerText}),e("div",{key:"7987ce95d2e2dad2323090f0e107ac366d84fbfe",class:"modal-content"},this.showDecision&&e("div",{key:"cfa41c5e6112a96433d41c883de1d0204ac49388",class:"modal-row"},e("p",{key:"fdf1dc3dc2c73ff47c257202050645cafd48db78",class:"text-sm-regular heading"},"Reviewer's decision"),e("gb-badge",{key:"241b70919bcd70341f4a123a3e9799b047c73400",size:"sm",type:this.badgeType,icon:this.badgeIcon,color:this.badgeColor},e("p",{key:"6ac9efe7c0c8a1ce23e444a583dd95b3253084a8"},this.badgeLabel))),e("div",{key:"e89df4e499f8fe587220d8562db16b06a7952bba",class:"modal-textarea"},e("gb-textarea-input-field",{key:"4c8108bc3bbf1de21ff8b5fa50c7e9cb7746b13c",idOfInput:"default",state:"default",type:"default","show-label":true,label:this.textareaLabel\|\|"Reason","show-hint-text":false,destructive:false,"placeholder-text":"Enter comments here",onTextareaValueChanged:this.emitTextareaValue.bind(this)}))),e("gb-modal-action",{key:"ba83b57c4f911bf3ae57a0911a1528d0bd1b3894","action-type":"double","first-button-state":this.firstButtonState,"first-button-text":this.firstButtonText,"second-button-text":this.secondButtonText,onFirstButtonClicked:()=>this.primaryButtonClicked.emit(),onSecondButtonClicked:()=>this.secondaryButtonClicked.emit()}))}};t.style=a;export{t as gb_approval_modal};
2	+ //# sourceMappingURL=p-0ea6a4f5.entry.js.map

package/dist/globuscomponents/p-0ea6a4f5.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["registerInstance","createEvent","h","gbApprovalModalCss","GbApprovalModal","constructor","hostRef","this","primaryButtonClicked","secondaryButtonClicked","textareaValueChanged","showDecision","badgeType","badgeIcon","badgeLabel","firstButtonText","secondButtonText","firstButtonState","headerText","textareaLabel","emitTextareaValue","textareaValue","emit","detail","render","key","class","text","size","type","icon","color","badgeColor","idOfInput","state","label","destructive","onTextareaValueChanged","bind","onFirstButtonClicked","onSecondButtonClicked","style"],"sources":["0"],"mappings":"OAAcA,OAAuBC,OAAaC,MAAS,kBAE3D,MAAMC,EAAqB,qwrEAE3B,MAAMC,EAAkB,MACpB,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GACvBC,KAAKC,qBAAuBP,EAAYM,KAAM,wBAC9CA,KAAKE,uBAAyBR,EAAYM,KAAM,0BAChDA,KAAKG,qBAAuBT,EAAYM,KAAM,wBAC9CA,KAAKI,aAAe,KACpBJ,KAAKK,UAAY,cACjBL,KAAKM,UAAY,MACjBN,KAAKO,WAAa,GAClBP,KAAKQ,gBAAkB,GACvBR,KAAKS,iBAAmB,GACxBT,KAAKU,iBAAmB,UACxBV,KAAKW,WAAa,GAClBX,KAAKY,cAAgB,EACzB,CACA,iBAAAC,CAAkBC,GACdd,KAAKG,qBAAqBY,KAAKD,EAAcE,OACjD,CACA,MAAAC,GACI,OAAQtB,EAAE,MAAO,CAAEuB,IAAK,2CAA4CC,MAAO,4BAA8BxB,EAAE,kBAAmB,CAAEuB,IAAK,2CAA4C,wBAAyB,QAASE,KAAMpB,KAAKW,aAAehB,EAAE,MAAO,CAAEuB,IAAK,2CAA4CC,MAAO,iBAAmBnB,KAAKI,cAAiBT,EAAE,MAAO,CAAEuB,IAAK,2CAA4CC,MAAO,aAAexB,EAAE,IAAK,CAAEuB,IAAK,2CAA4CC,MAAO,2BAA6B,uBAAwBxB,EAAE,WAAY,CAAEuB,IAAK,2CAA4CG,KAAM,KAAMC,KAAMtB,KAAKK,UAAWkB,KAAMvB,KAAKM,UAAWkB,MAAOxB,KAAKyB,YAAc9B,EAAE,IAAK,CAAEuB,IAAK,4CAA8ClB,KAAKO,cAAgBZ,EAAE,MAAO,CAAEuB,IAAK,2CAA4CC,MAAO,kBAAoBxB,EAAE,0BAA2B,CAAEuB,IAAK,2CAA4CQ,UAAW,UAAWC,MAAO,UAAWL,KAAM,UAAW,aAAc,KAAMM,MAAO5B,KAAKY,eAAiB,SAAU,iBAAkB,MAAOiB,YAAa,MAAO,mBAAoB,sBAAuBC,uBAAwB9B,KAAKa,kBAAkBkB,KAAK/B,UAAYL,EAAE,kBAAmB,CAAEuB,IAAK,2CAA4C,cAAe,SAAU,qBAAsBlB,KAAKU,iBAAkB,oBAAqBV,KAAKQ,gBAAiB,qBAAsBR,KAAKS,iBAAkBuB,qBAAsB,IAAMhC,KAAKC,qBAAqBc,OAAQkB,sBAAuB,IAAMjC,KAAKE,uBAAuBa,SACzhD,GAEJlB,EAAgBqC,MAAQtC,SAEfC","ignoreList":[]}