globuswebcomponents 2.18.15 → 2.18.17

package/dist/types/components.d.ts

@@ -1378,7 +1378,7 @@ export namespace Components {
         "fullWidth": boolean;
         "size": GeneralSizes;
         /**
-          * @default [     // {     //   name: 'All accounts',     //   index: 0,     // },     // {     //   name: 'LCY Accounts',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'FCY',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },   ]
+          * @default [     {       name: 'All accounts',       index: 0,     },     {       name: 'LCY Accounts',       index: 1,       badgeCount: '10',     },     {       name: 'FCY',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },   ]
          */
         "tabs": { name: string; index: number; badgeCount?: string }[];
         /**
@@ -6490,7 +6490,7 @@ declare namespace LocalJSX {
         "onTabItemClicked"?: (event: GbHorizontalTabsCustomEvent<number>) => void;
         "size"?: GeneralSizes;
         /**
-          * @default [     // {     //   name: 'All accounts',     //   index: 0,     // },     // {     //   name: 'LCY Accounts',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'FCY',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },     // {     //   name: 'Second',     //   index: 1,     //   badgeCount: '10',     // },   ]
+          * @default [     {       name: 'All accounts',       index: 0,     },     {       name: 'LCY Accounts',       index: 1,       badgeCount: '10',     },     {       name: 'FCY',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },     {       name: 'Second',       index: 1,       badgeCount: '10',     },   ]
          */
         "tabs"?: { name: string; index: number; badgeCount?: string }[];
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "globuswebcomponents",
-  "version": "2.18.15",
+  "version": "2.18.17",
   "description": "Globus One",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/gb-modal.cjs.entry.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var index = require('./index-jTFIEoSY.js');
-
-const gbModalCss = ".overlay{height:100vh;overflow:hidden;backdrop-filter:blur(4px);position:relative;box-sizing:border-box;background:var(--color-blanket-subtle, rgba(33, 44, 101, 0.3))}.modal_wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:var(--shadow-sm);background:var(--color-background-card, #FFFFFF);border-radius:var(--rounded-md)}.modal_header{overflow:hidden;border-radius:var(--rounded-md)}.modal_footer{padding:var(--spacing-4) var(--spacing-6);}";
-
-const GbModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.closeModalClicked = index.createEvent(this, "closeModalClicked");
-        this.firstButtonClicked = index.createEvent(this, "firstButtonClicked");
-        this.secondButtonClicked = index.createEvent(this, "secondButtonClicked");
-        this.thirdButtonClicked = index.createEvent(this, "thirdButtonClicked");
-        this.width = '';
-        this.footer = true;
-        this.closeButtonPosition = 'right';
-        this.heading = '';
-        this.actionType = 'single';
-        this.fullWidth = false;
-        this.destructive = false;
-        // For the 'multiple' modal action type
-        this.firstButtonText = '';
-        this.secondButtonText = '';
-        this.thirdButtonText = '';
-        this.firstButtonState = 'default';
-        this.secondButtonState = 'default';
-        this.thirdButtonState = 'default';
-        this.firstButtonIconLeadingSwap = '';
-        this.secondButtonIconLeadingSwap = '';
-        this.thirdButtonIconLeadingSwap = '';
-        this.firstButtonIconTrailingSwap = '';
-        this.secondButtonIconTrailingSwap = '';
-        this.thirdButtonIconTrailingSwap = '';
-        // If secondary action is shown on modal action
-        this.showSecondaryActions = false;
-        this.showFirstIconButton = false;
-        this.showSecondIconButton = false;
-        this.firstIconButtonSwap = '';
-        this.secondIconButtonSwap = '';
-        this.showCheckBox = true;
-        this.checkboxLabel = '';
-        this.hasFooterSlot = true;
-    }
-    componentDidLoad() {
-        this.checkFooterSlot();
-    }
-    checkFooterSlot() {
-        const footerSlot = this.el.querySelector('[slot="footer"]');
-        if (footerSlot) {
-            this.hasFooterSlot = true;
-        }
-        else {
-            this.hasFooterSlot = false;
-        }
-    }
-    closeModalButtonClicked() {
-        this.closeModalClicked.emit();
-    }
-    firstButtonClickedOnModalAction() {
-        this.firstButtonClicked.emit();
-    }
-    secondButtonClickedOnModalAction() {
-        this.secondButtonClicked.emit();
-    }
-    thirdButtonClickedOnModalAction() {
-        this.thirdButtonClicked.emit();
-    }
-    render() {
-        return (index.h("div", { key: 'f9e4cf125a554963de63afd2afe05059db2de2e3', class: "overlay" }, index.h("div", { key: 'edb58193a108717472e79ec2eef8a4c0857c2191', class: "modal_wrapper", style: { width: this.width } }, index.h("div", { key: '78acd4ec2b7b8aade039f29f7d2f02fee3cb384e', class: "modal_header" }, index.h("gb-modal-header", { key: '77b51b821fedb323d4c8a9cd1df7c8557aa7d99d', "close-button-position": this.closeButtonPosition, text: this.heading, onCloseButtonClicked: () => this.closeModalButtonClicked() })), index.h("div", { key: '52967f431acbd5ebc5f2ee6ed10ebb1e8469f03a', class: "modal_content" }, index.h("slot", { key: '5cfabae2746d3453546c04c8ddafecac22345b6d', name: "content" })), this.footer && (index.h(index.Fragment, null, this.hasFooterSlot ? (index.h("div", { class: "modal_footer" }, index.h("slot", { name: "footer" }))) : (index.h("gb-modal-action", { "action-type": this.actionType, "full-width": this.fullWidth, "first-button-text": this.firstButtonText, "second-button-text": this.secondButtonText, "third-button-text": this.thirdButtonText, "first-button-state": this.firstButtonState, "second-button-state": this.secondButtonState, "third-button-state": this.thirdButtonState, "first-button-icon-leading-swap": this.firstButtonIconLeadingSwap, "second-button-icon-leading-swap": this.secondButtonIconLeadingSwap, "third-button-icon-leading-swap": this.thirdButtonIconLeadingSwap, "first-button-icon-trailing-swap": this.firstButtonIconTrailingSwap, "second-button-icon-trailing-swap": this.secondButtonIconTrailingSwap, "third-button-icon-trailing-swap": this.thirdButtonIconTrailingSwap, "show-secondary-actions": this.showSecondaryActions, "show-first-icon-button": this.showFirstIconButton, "show-second-icon-button": this.showSecondIconButton, "first-icon-button-swap": this.firstIconButtonSwap, "second-icon-button-swap": this.secondIconButtonSwap, "show-check-box": this.showCheckBox, "checkbox-label": this.checkboxLabel, destructive: this.destructive, onFirstButtonClicked: () => this.firstButtonClickedOnModalAction(), onSecondButtonClicked: () => this.secondButtonClickedOnModalAction(), onThirdButtonClicked: () => this.thirdButtonClickedOnModalAction() })))))));
-    }
-    get el() { return index.getElement(this); }
-};
-GbModal.style = gbModalCss;
-
-exports.gb_modal = GbModal;
-//# sourceMappingURL=gb-modal.entry.cjs.js.map

package/dist/cjs/gb-modal.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gb-modal.entry.cjs.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal&encapsulation=shadow","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\n    /* width: 100vw; */\n    height: 100vh;\n    overflow: hidden;\n    backdrop-filter: blur(4px);\n    position: relative;\n    box-sizing: border-box;\n    background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\n}\n\n.modal_wrapper{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    box-shadow: var(--shadow-sm);\n    background: var(--color-background-card, #FFFFFF);\n    border-radius: var(--rounded-md);\n}\n\n.modal_header{\n    overflow: hidden;\n    border-radius: var(--rounded-md);\n}\n\n.modal_footer{\n    padding: var(--spacing-4) var(--spacing-6);\n    /* border-top: 1px solid var(--color-border-subtler, #e3e8ef); */\n}","import { Component, Element, Event, EventEmitter, Prop, State, h, Fragment } from '@stencil/core';\n\n@Component({\n  tag: 'gb-modal',\n  styleUrl: 'gb-modal.css',\n  shadow: true\n})\nexport class GbModal {\n  @Element() el: HTMLElement;\n\n  @Prop() width: string = '';\n  @Prop() footer: boolean = true;\n  @Prop() closeButtonPosition: 'left' | 'right' = 'right';\n  @Prop() heading: string = '';\n  @Prop() actionType: 'single' | 'double' | 'multiple' = 'single';\n  @Prop() fullWidth: boolean = false;\n  @Prop() destructive: boolean = false;\n\n  // For the 'multiple' modal action type\n  @Prop() firstButtonText: string = '';\n  @Prop() secondButtonText: string = '';\n  @Prop() thirdButtonText: string = '';\n  @Prop() firstButtonState: 'default' | 'disabled' = 'default';\n  @Prop() secondButtonState: 'default' | 'disabled' = 'default';\n  @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\n  @Prop() firstButtonIconLeadingSwap: string = '';\n  @Prop() secondButtonIconLeadingSwap: string = '';\n  @Prop() thirdButtonIconLeadingSwap: string = '';\n  @Prop() firstButtonIconTrailingSwap: string = '';\n  @Prop() secondButtonIconTrailingSwap: string = '';\n  @Prop() thirdButtonIconTrailingSwap: string = '';\n\n  // If secondary action is shown on modal action\n  @Prop() showSecondaryActions: boolean = false;\n  @Prop() showFirstIconButton: boolean = false;\n  @Prop() showSecondIconButton: boolean = false;\n  @Prop() firstIconButtonSwap: string = '';\n  @Prop() secondIconButtonSwap: string = '';\n  @Prop() showCheckBox: boolean = true;\n  @Prop() checkboxLabel: string = '';\n\n  @State() hasFooterSlot: boolean = true;\n  @Event() closeModalClicked: EventEmitter<void>;\n  @Event() firstButtonClicked: EventEmitter<void>;\n  @Event() secondButtonClicked: EventEmitter<void>;\n  @Event() thirdButtonClicked: EventEmitter<void>;\n\n  componentDidLoad() {\n    this.checkFooterSlot();\n  }\n\n  private checkFooterSlot() {\n    const footerSlot = this.el.querySelector('[slot=\"footer\"]');\n    if (footerSlot) {\n      this.hasFooterSlot = true;\n    } else {\n      this.hasFooterSlot = false;\n    }\n  }\n\n  closeModalButtonClicked() {\n    this.closeModalClicked.emit();\n  }\n\n  firstButtonClickedOnModalAction() {\n    this.firstButtonClicked.emit();\n  }\n\n  secondButtonClickedOnModalAction() {\n    this.secondButtonClicked.emit();\n  }\n\n  thirdButtonClickedOnModalAction() {\n    this.thirdButtonClicked.emit();\n  }\n\n  render() {\n    return (\n      <div class=\"overlay\">\n        <div class=\"modal_wrapper\" style={{ width: this.width }}>\n          <div class=\"modal_header\">\n            <gb-modal-header\n              close-button-position={this.closeButtonPosition}\n              text={this.heading}\n              onCloseButtonClicked={() => this.closeModalButtonClicked()}\n            ></gb-modal-header>\n          </div>\n          <div class=\"modal_content\">\n            <slot name=\"content\"></slot>\n          </div>\n          {this.footer && (\n            <>\n              {this.hasFooterSlot ? (\n                <div class=\"modal_footer\">\n                  <slot name=\"footer\"></slot>\n                </div>\n              ) : (\n                <gb-modal-action\n                  action-type={this.actionType}\n                  full-width={this.fullWidth}\n                  first-button-text={this.firstButtonText}\n                  second-button-text={this.secondButtonText}\n                  third-button-text={this.thirdButtonText}\n                  first-button-state={this.firstButtonState}\n                  second-button-state={this.secondButtonState}\n                  third-button-state={this.thirdButtonState}\n                  first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\n                  second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\n                  third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\n                  first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\n                  second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\n                  third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\n                  show-secondary-actions={this.showSecondaryActions}\n                  show-first-icon-button={this.showFirstIconButton}\n                  show-second-icon-button={this.showSecondIconButton}\n                  first-icon-button-swap={this.firstIconButtonSwap}\n                  second-icon-button-swap={this.secondIconButtonSwap}\n                  show-check-box={this.showCheckBox}\n                  checkbox-label={this.checkboxLabel}\n                  destructive={this.destructive}\n                  onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\n                  onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\n                  onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\n                ></gb-modal-action>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/components/p-BwyyuzDn.js.map

@@ -1 +0,0 @@
-{"file":"p-BwyyuzDn.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-tab-button-base/gb-tab-button-base.css?tag=gb-tab-button-base&encapsulation=shadow","src/components/gb-tab-button-base/gb-tab-button-base.tsx"],"sourcesContent":["@import './../../global/global.css';\n\n:host{\n    display: flex;\n}\n\n.tab_button_div{\n    display: flex;\n    /* align-self: stretch; */\n    cursor: pointer;\n    width: 100%;\n    box-sizing: border-box;\n}\n\n.tab_button_div.truncate{\n    min-width: 0;\n}\n\n.tab_button_div.horizontal{\n    justify-content: center;\n    align-items: center;\n}\n\n.tab_button_div.vertical{\n    justify-content: flex-start;\n    align-items: center;\n}\n\n.tab_name_wrapper{\n    min-width: 0;\n}\n\n.tab_button_div.truncate .tab_name_wrapper{\n    flex: 1;\n}\n\n.tab_name.truncate{\n    width: 100%;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n\n.tab_text{\n    color: var(--color-text, #4B5565);\n}\n\n.tab_button_div.button_primary,\n.tab_button_div.button_gray,\n.tab_button_div.button_white{\n    display: inline-flex;\n    border-radius: var(--rounded-xs);\n}\n\n.rounded_button_white{\n    display: inline-flex;\n    align-items: center;\n    border-radius: var(--rounded-full);\n}\n\n.underline,\n.underline_filled,\n.line{\n    display: inline-flex;\n    border-radius: var(--rounded-none);\n}\n\n/* Spacing Styles */\n.button_primary,\n.button_gray,\n.button_white,\n.rounded_button_white,\n.underline_filled,\n.line{\n    gap: var(--spacing-2);\n}\n\n.underline{\n    gap: 0.5rem;\n}\n\n/* Tab Type Styles */\n.tab_button_div.button_primary,\n.tab_button_div.button_gray,\n.tab_button_div.button_white,\n.tab_button_div.rounded_button_white,\n.tab_button_div.underline_filled,\n.tab_button_div.line{\n    background: transparent;\n    color: var(--color-text, #4B5565);\n}\n\n.tab_button_div.button_white.current{\n    box-shadow: var(--shadow-md);\n}\n\n/* Tab State Styles */\n/* :hover is gated to devices that actually support real hovering. On touch\n * devices (mobile, and DevTools touch emulation), tapping a tab applies :hover\n * and it stays \"stuck\" until a later tap elsewhere clears it - since a\n * `.current:hover` rule below paints a different (hover-tinted) look than\n * plain `.current`, a freshly-tapped tab would look like it hadn't become\n * current until that stray hover state cleared. Excluding touch devices from\n * :hover entirely removes that lag. */\n@media (hover: hover) and (pointer: fine) {\n    .tab_button_div.button_primary:hover{\n        background: var(--color-background-gray-subtler, #EEF2F6);\n        color: var(--color-text-bold, #202939);\n    }\n\n    .tab_button_div.button_gray:hover,\n    .tab_button_div.button_white:hover,\n    .tab_button_div.rounded_button_white:hover{\n        background: var(--color-background-gray-subtle, #E3E8EF);\n        color: var(--color-text, #4B5565);\n    }\n\n    .tab_button_div.underline:hover,\n    .tab_button_div.underline_filled:hover{\n        border-bottom: 1px solid var(--color-border-subtle, #CDD5DF);\n        background: var(--color-background-gray-subtler, #EEF2F6);\n        color: var(--color-text-bold, #202939);\n    }\n\n    .tab_button_div.line:hover{\n        border-radius: var(--rounded-xs);\n        background: var(--color-background-gray-subtler, #EEF2F6);\n    }\n\n    .tab_button_div.button_primary.current:hover{\n        background: var(--color-background-information-subtler, #C8E0F9);\n        color: var(--color-text-information, #064E94);\n    }\n\n    .tab_button_div.button_gray.current:hover,\n    .tab_button_div.button_white.current:hover,\n    .tab_button_div.rounded_button_white.current:hover{\n        background: var(--color-background-gray-subtler, #EEF2F6);\n        color: var(--color-text-bold, #202939);\n    }\n\n    .tab_button_div.underline.current:hover{\n        background: var(--color-background-information-subtlest, #E4F0FC);\n        color: var(--color-text-information, #064E94);\n        border-color: var(--color-border-information, #064E94);\n    }\n\n    .tab_button_div.underline_filled.current:hover{\n        background: var(--color-background-information-subtler, #C8E0F9);\n        color: var(--color-text-information, #064E94);\n        border-color: var(--color-border-information, #064E94);\n    }\n\n    .tab_button_div.line.current:hover{\n        border-radius: var(--rounded-xs);\n        background: var(--color-background-information-subtlest, #E4F0FC);\n        color: var(--color-text-information, #064E94);\n        border-color: var(--color-border-information, #064E94);\n    }\n}\n\n.tab_button_div.button_primary:active{\n    background: transparent;\n    color: var(--color-text, #4B5565);\n}\n\n.tab_button_div.button_gray:active,\n.tab_button_div.button_white:active,\n.tab_button_div.rounded_button_white:active{\n    background: transparent;\n    color: var(--color-text, #4B5565);\n}\n\n.tab_button_div.underline:active,\n.tab_button_div.underline_filled:active{\n    background: transparent;\n    border: none;\n    color: var(--color-text, #4B5565);\n}\n\n.tab_button_div.line:active{\n    border-radius: var(--rounded-none);\n    background: transparent;\n}\n\n.tab_button_div.button_primary.current:active{\n    background: var(--color-background-information-subtlest, #E4F0FC);\n    color: var(--color-text-selected, #075DB2);\n}\n\n.tab_button_div.button_gray.current:active{\n    background: var(--color-background-gray-subtlest, #F6F8FA);\n    color: var(--color-text-bold, #202939);\n}\n\n.tab_button_div.button_white.current:active,\n.tab_button_div.rounded_button_white.current:active{\n    background: var(--color-background-card, #FFFFFF);\n    color: var(--color-text-bold, #202939);\n}\n\n.tab_button_div.underline.current:active{\n    background: transparent;\n    color: var(--color-text-selected, #075DB2);\n    border-color: var(--color-border-selected, #075DB2);\n}\n\n.tab_button_div.underline_filled.current:active{\n    background: var(--color-background-information-subtlest, #E4F0FC);\n    color: var(--color-text-selected, #075DB2);\n    border-color: var(--color-border-selected, #075DB2);\n}\n\n.tab_button_div.line.current:active{\n    border-radius: var(--rounded-none);\n    background: transparent;\n    color: var(--color-text-selected, #075DB2);\n    border-left: 2px solid var(--color-border-selected, #075DB2);\n}\n\n/* Tab Current Styles */\n.tab_button_div.button_primary.current{\n    background: var(--color-background-information-subtlest, #E4F0FC);\n    color: var(--color-text-selected, #075DB2);\n}\n\n.tab_button_div.button_gray.current{\n    background: var(--color-background-gray-subtlest, #F6F8FA);\n    color: var(--color-text-bold, #202939);\n}\n\n.tab_button_div.button_white.current,\n.tab_button_div.rounded_button_white.current{\n    background: var(--color-background-card, #FFFFFF);\n    color: var(--color-text-bold, #202939);\n    box-shadow: var(--shadow-md);\n}\n\n.tab_button_div.underline.current{\n    background: transparent;\n    color: var(--color-text-selected, #075DB2);\n    border-bottom: 2px solid var(--color-border-selected, #075DB2);\n}\n\n.tab_button_div.underline_filled.current{\n    background: var(--color-background-information-subtlest, #E4F0FC);\n    color: var(--color-text-selected, #075DB2);\n    border-bottom: 2px solid var(--color-border-selected, #075DB2);\n}\n\n.tab_button_div.line.current{\n    background: transparent;\n    color: var(--color-text-selected, #075DB2);\n    border-left: 2px solid var(--color-border-selected, #075DB2);\n}\n\n/* Tab Size Styles */\n.button_primary.sm,\n.button_gray.sm,\n.button_white.sm,\n.rounded_button_white.sm,\n.underline.sm{\n    height: 2.375rem;\n    padding: var(--spacing-none) var(--spacing-4);\n}\n\n.underline_filled.sm,\n.line.sm{\n    height: 2.375rem;\n    padding: var(--spacing-none) var(--spacing-3);\n}\n\n.button_primary.md,\n.button_gray.md,\n.button_white.md,\n.rounded_button_white.md,\n.underline.md,\n.underline_filled.md,\n.line.md{\n    height: 2.75rem;\n    padding: var(--spacing-none) var(--spacing-3);\n}\n\n.button_primary.full_width.sm,\n.button_gray.full_width.sm,\n.button_white.full_width.sm,\n.rounded_button_white.full_width.sm{\n    width: 100%;\n    height: 2.375rem;\n    padding: var(--spacing-none) var(--spacing-3);\n}\n\n.underline.full_width.sm,\n.underline_filled.full_width.sm{\n    width: 100%;\n    height: 2.375rem;\n    padding: var(--spacing-none) var(--spacing-3);\n}\n\n.button_primary.full_width.md,\n.button_gray.full_width.md,\n.button_white.full_width.md,\n.rounded_button_white.full_width.md{\n    width: 100%;\n    height: 2.25rem;\n    padding: var(--spacing-none) var(--spacing-3);\n}\n\n.underline.full_width.md,\n.underline_filled.full_width.md{\n    width: 100%;\n    height: 2.25rem;\n    padding: var(--spacing-none) var(--spacing-3);\n}\n","import { Component, Element, Event, EventEmitter, Prop, h } from '@stencil/core';\nimport { GeneralSizes, TabTypes } from '../../models/reusableModels';\n\n@Component({\n  tag: 'gb-tab-button-base',\n  styleUrl: 'gb-tab-button-base.css',\n  shadow: true,\n})\nexport class GbTabButtonBase {\n  @Prop() current: boolean = false;\n  @Prop() size: GeneralSizes;\n  @Prop() fullWidth: boolean = false;\n  @Prop() badge: boolean = false;\n  @Prop() type: TabTypes;\n  @Prop() tabName: string = '';\n  @Prop() alignment: 'horizontal' | 'vertical';\n  @Prop() truncate: boolean = false;\n  @Element() el: HTMLElement;\n  @Event() tabClicked: EventEmitter<void>;\n\n  getTextClasses() {\n    switch (this.size) {\n      case 'sm':\n        return 'text-sm-medium';\n      case 'md':\n        return 'text-md-medium';\n    }\n  }\n\n  getCurrentTextClasses() {\n    switch (this.size) {\n      case 'sm':\n        return 'text-sm-semi-bold';\n      case 'md':\n        return 'text-md-semi-bold';\n    }\n  }\n\n  getCountTextClasses() {\n    switch (this.size) {\n      case 'sm':\n        return 'text-xs-medium';\n      case 'md':\n        return 'text-sm-medium';\n    }\n  }\n\n  componentDidLoad() {\n    const tabCount = this.el.querySelector('[slot=\"count\"]');\n\n    if (tabCount) {\n      tabCount.classList.add(this.getCountTextClasses());\n    }\n  }\n\n  handleClick() {\n    this.tabClicked.emit();\n  }\n\n  getFormattedLabel() {\n    const words = this.tabName.split(' ');\n    if (words.length === 0) return this.tabName;\n    return words[0] + ' ' + words.slice(1).join(' ').toLowerCase();\n  }\n\n  render() {\n    return (\n      <div\n        class={`tab_button_div ${this.type}\n      ${this.current ? 'current' : ''}\n      ${this.fullWidth ? 'full_width' : ''}\n      ${this.truncate ? 'truncate' : ''}\n      ${this.size}\n      ${this.alignment}`}\n        onClick={() => this.handleClick()}\n      >\n        <div class=\"tab_name_wrapper\">\n          <p class={`tab_name ${this.truncate ? 'truncate' : ''} ${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}`}>{this.getFormattedLabel()}</p>\n        </div>\n        {this.badge && (\n          <gb-badge size=\"sm\" type=\"pill_color\" color={this.current ? 'information' : 'gray'}>\n            <slot name=\"count\"></slot>\n          </gb-badge>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/gb-modal.entry.js

@@ -1,74 +0,0 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, c as getElement } from './index-4SKpHjmp.js';
-
-const gbModalCss = ".overlay{height:100vh;overflow:hidden;backdrop-filter:blur(4px);position:relative;box-sizing:border-box;background:var(--color-blanket-subtle, rgba(33, 44, 101, 0.3))}.modal_wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:var(--shadow-sm);background:var(--color-background-card, #FFFFFF);border-radius:var(--rounded-md)}.modal_header{overflow:hidden;border-radius:var(--rounded-md)}.modal_footer{padding:var(--spacing-4) var(--spacing-6);}";
-
-const GbModal = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.closeModalClicked = createEvent(this, "closeModalClicked");
-        this.firstButtonClicked = createEvent(this, "firstButtonClicked");
-        this.secondButtonClicked = createEvent(this, "secondButtonClicked");
-        this.thirdButtonClicked = createEvent(this, "thirdButtonClicked");
-        this.width = '';
-        this.footer = true;
-        this.closeButtonPosition = 'right';
-        this.heading = '';
-        this.actionType = 'single';
-        this.fullWidth = false;
-        this.destructive = false;
-        // For the 'multiple' modal action type
-        this.firstButtonText = '';
-        this.secondButtonText = '';
-        this.thirdButtonText = '';
-        this.firstButtonState = 'default';
-        this.secondButtonState = 'default';
-        this.thirdButtonState = 'default';
-        this.firstButtonIconLeadingSwap = '';
-        this.secondButtonIconLeadingSwap = '';
-        this.thirdButtonIconLeadingSwap = '';
-        this.firstButtonIconTrailingSwap = '';
-        this.secondButtonIconTrailingSwap = '';
-        this.thirdButtonIconTrailingSwap = '';
-        // If secondary action is shown on modal action
-        this.showSecondaryActions = false;
-        this.showFirstIconButton = false;
-        this.showSecondIconButton = false;
-        this.firstIconButtonSwap = '';
-        this.secondIconButtonSwap = '';
-        this.showCheckBox = true;
-        this.checkboxLabel = '';
-        this.hasFooterSlot = true;
-    }
-    componentDidLoad() {
-        this.checkFooterSlot();
-    }
-    checkFooterSlot() {
-        const footerSlot = this.el.querySelector('[slot="footer"]');
-        if (footerSlot) {
-            this.hasFooterSlot = true;
-        }
-        else {
-            this.hasFooterSlot = false;
-        }
-    }
-    closeModalButtonClicked() {
-        this.closeModalClicked.emit();
-    }
-    firstButtonClickedOnModalAction() {
-        this.firstButtonClicked.emit();
-    }
-    secondButtonClickedOnModalAction() {
-        this.secondButtonClicked.emit();
-    }
-    thirdButtonClickedOnModalAction() {
-        this.thirdButtonClicked.emit();
-    }
-    render() {
-        return (h("div", { key: 'f9e4cf125a554963de63afd2afe05059db2de2e3', class: "overlay" }, h("div", { key: 'edb58193a108717472e79ec2eef8a4c0857c2191', class: "modal_wrapper", style: { width: this.width } }, h("div", { key: '78acd4ec2b7b8aade039f29f7d2f02fee3cb384e', class: "modal_header" }, h("gb-modal-header", { key: '77b51b821fedb323d4c8a9cd1df7c8557aa7d99d', "close-button-position": this.closeButtonPosition, text: this.heading, onCloseButtonClicked: () => this.closeModalButtonClicked() })), h("div", { key: '52967f431acbd5ebc5f2ee6ed10ebb1e8469f03a', class: "modal_content" }, h("slot", { key: '5cfabae2746d3453546c04c8ddafecac22345b6d', name: "content" })), this.footer && (h(Fragment, null, this.hasFooterSlot ? (h("div", { class: "modal_footer" }, h("slot", { name: "footer" }))) : (h("gb-modal-action", { "action-type": this.actionType, "full-width": this.fullWidth, "first-button-text": this.firstButtonText, "second-button-text": this.secondButtonText, "third-button-text": this.thirdButtonText, "first-button-state": this.firstButtonState, "second-button-state": this.secondButtonState, "third-button-state": this.thirdButtonState, "first-button-icon-leading-swap": this.firstButtonIconLeadingSwap, "second-button-icon-leading-swap": this.secondButtonIconLeadingSwap, "third-button-icon-leading-swap": this.thirdButtonIconLeadingSwap, "first-button-icon-trailing-swap": this.firstButtonIconTrailingSwap, "second-button-icon-trailing-swap": this.secondButtonIconTrailingSwap, "third-button-icon-trailing-swap": this.thirdButtonIconTrailingSwap, "show-secondary-actions": this.showSecondaryActions, "show-first-icon-button": this.showFirstIconButton, "show-second-icon-button": this.showSecondIconButton, "first-icon-button-swap": this.firstIconButtonSwap, "second-icon-button-swap": this.secondIconButtonSwap, "show-check-box": this.showCheckBox, "checkbox-label": this.checkboxLabel, destructive: this.destructive, onFirstButtonClicked: () => this.firstButtonClickedOnModalAction(), onSecondButtonClicked: () => this.secondButtonClickedOnModalAction(), onThirdButtonClicked: () => this.thirdButtonClickedOnModalAction() })))))));
-    }
-    get el() { return getElement(this); }
-};
-GbModal.style = gbModalCss;
-
-export { GbModal as gb_modal };
-//# sourceMappingURL=gb-modal.entry.js.map

package/dist/esm/gb-modal.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gb-modal.entry.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal&encapsulation=shadow","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\n    /* width: 100vw; */\n    height: 100vh;\n    overflow: hidden;\n    backdrop-filter: blur(4px);\n    position: relative;\n    box-sizing: border-box;\n    background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\n}\n\n.modal_wrapper{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    box-shadow: var(--shadow-sm);\n    background: var(--color-background-card, #FFFFFF);\n    border-radius: var(--rounded-md);\n}\n\n.modal_header{\n    overflow: hidden;\n    border-radius: var(--rounded-md);\n}\n\n.modal_footer{\n    padding: var(--spacing-4) var(--spacing-6);\n    /* border-top: 1px solid var(--color-border-subtler, #e3e8ef); */\n}","import { Component, Element, Event, EventEmitter, Prop, State, h, Fragment } from '@stencil/core';\n\n@Component({\n  tag: 'gb-modal',\n  styleUrl: 'gb-modal.css',\n  shadow: true\n})\nexport class GbModal {\n  @Element() el: HTMLElement;\n\n  @Prop() width: string = '';\n  @Prop() footer: boolean = true;\n  @Prop() closeButtonPosition: 'left' | 'right' = 'right';\n  @Prop() heading: string = '';\n  @Prop() actionType: 'single' | 'double' | 'multiple' = 'single';\n  @Prop() fullWidth: boolean = false;\n  @Prop() destructive: boolean = false;\n\n  // For the 'multiple' modal action type\n  @Prop() firstButtonText: string = '';\n  @Prop() secondButtonText: string = '';\n  @Prop() thirdButtonText: string = '';\n  @Prop() firstButtonState: 'default' | 'disabled' = 'default';\n  @Prop() secondButtonState: 'default' | 'disabled' = 'default';\n  @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\n  @Prop() firstButtonIconLeadingSwap: string = '';\n  @Prop() secondButtonIconLeadingSwap: string = '';\n  @Prop() thirdButtonIconLeadingSwap: string = '';\n  @Prop() firstButtonIconTrailingSwap: string = '';\n  @Prop() secondButtonIconTrailingSwap: string = '';\n  @Prop() thirdButtonIconTrailingSwap: string = '';\n\n  // If secondary action is shown on modal action\n  @Prop() showSecondaryActions: boolean = false;\n  @Prop() showFirstIconButton: boolean = false;\n  @Prop() showSecondIconButton: boolean = false;\n  @Prop() firstIconButtonSwap: string = '';\n  @Prop() secondIconButtonSwap: string = '';\n  @Prop() showCheckBox: boolean = true;\n  @Prop() checkboxLabel: string = '';\n\n  @State() hasFooterSlot: boolean = true;\n  @Event() closeModalClicked: EventEmitter<void>;\n  @Event() firstButtonClicked: EventEmitter<void>;\n  @Event() secondButtonClicked: EventEmitter<void>;\n  @Event() thirdButtonClicked: EventEmitter<void>;\n\n  componentDidLoad() {\n    this.checkFooterSlot();\n  }\n\n  private checkFooterSlot() {\n    const footerSlot = this.el.querySelector('[slot=\"footer\"]');\n    if (footerSlot) {\n      this.hasFooterSlot = true;\n    } else {\n      this.hasFooterSlot = false;\n    }\n  }\n\n  closeModalButtonClicked() {\n    this.closeModalClicked.emit();\n  }\n\n  firstButtonClickedOnModalAction() {\n    this.firstButtonClicked.emit();\n  }\n\n  secondButtonClickedOnModalAction() {\n    this.secondButtonClicked.emit();\n  }\n\n  thirdButtonClickedOnModalAction() {\n    this.thirdButtonClicked.emit();\n  }\n\n  render() {\n    return (\n      <div class=\"overlay\">\n        <div class=\"modal_wrapper\" style={{ width: this.width }}>\n          <div class=\"modal_header\">\n            <gb-modal-header\n              close-button-position={this.closeButtonPosition}\n              text={this.heading}\n              onCloseButtonClicked={() => this.closeModalButtonClicked()}\n            ></gb-modal-header>\n          </div>\n          <div class=\"modal_content\">\n            <slot name=\"content\"></slot>\n          </div>\n          {this.footer && (\n            <>\n              {this.hasFooterSlot ? (\n                <div class=\"modal_footer\">\n                  <slot name=\"footer\"></slot>\n                </div>\n              ) : (\n                <gb-modal-action\n                  action-type={this.actionType}\n                  full-width={this.fullWidth}\n                  first-button-text={this.firstButtonText}\n                  second-button-text={this.secondButtonText}\n                  third-button-text={this.thirdButtonText}\n                  first-button-state={this.firstButtonState}\n                  second-button-state={this.secondButtonState}\n                  third-button-state={this.thirdButtonState}\n                  first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\n                  second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\n                  third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\n                  first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\n                  second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\n                  third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\n                  show-secondary-actions={this.showSecondaryActions}\n                  show-first-icon-button={this.showFirstIconButton}\n                  show-second-icon-button={this.showSecondIconButton}\n                  first-icon-button-swap={this.firstIconButtonSwap}\n                  second-icon-button-swap={this.secondIconButtonSwap}\n                  show-check-box={this.showCheckBox}\n                  checkbox-label={this.checkboxLabel}\n                  destructive={this.destructive}\n                  onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\n                  onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\n                  onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\n                ></gb-modal-action>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"gb-modal.entry.esm.js","sources":["src/components/gb-modal/gb-modal.css?tag=gb-modal&encapsulation=shadow","src/components/gb-modal/gb-modal.tsx"],"sourcesContent":[".overlay{\n    /* width: 100vw; */\n    height: 100vh;\n    overflow: hidden;\n    backdrop-filter: blur(4px);\n    position: relative;\n    box-sizing: border-box;\n    background: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\n}\n\n.modal_wrapper{\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    box-shadow: var(--shadow-sm);\n    background: var(--color-background-card, #FFFFFF);\n    border-radius: var(--rounded-md);\n}\n\n.modal_header{\n    overflow: hidden;\n    border-radius: var(--rounded-md);\n}\n\n.modal_footer{\n    padding: var(--spacing-4) var(--spacing-6);\n    /* border-top: 1px solid var(--color-border-subtler, #e3e8ef); */\n}","import { Component, Element, Event, EventEmitter, Prop, State, h, Fragment } from '@stencil/core';\n\n@Component({\n  tag: 'gb-modal',\n  styleUrl: 'gb-modal.css',\n  shadow: true\n})\nexport class GbModal {\n  @Element() el: HTMLElement;\n\n  @Prop() width: string = '';\n  @Prop() footer: boolean = true;\n  @Prop() closeButtonPosition: 'left' | 'right' = 'right';\n  @Prop() heading: string = '';\n  @Prop() actionType: 'single' | 'double' | 'multiple' = 'single';\n  @Prop() fullWidth: boolean = false;\n  @Prop() destructive: boolean = false;\n\n  // For the 'multiple' modal action type\n  @Prop() firstButtonText: string = '';\n  @Prop() secondButtonText: string = '';\n  @Prop() thirdButtonText: string = '';\n  @Prop() firstButtonState: 'default' | 'disabled' = 'default';\n  @Prop() secondButtonState: 'default' | 'disabled' = 'default';\n  @Prop() thirdButtonState: 'default' | 'disabled' = 'default';\n  @Prop() firstButtonIconLeadingSwap: string = '';\n  @Prop() secondButtonIconLeadingSwap: string = '';\n  @Prop() thirdButtonIconLeadingSwap: string = '';\n  @Prop() firstButtonIconTrailingSwap: string = '';\n  @Prop() secondButtonIconTrailingSwap: string = '';\n  @Prop() thirdButtonIconTrailingSwap: string = '';\n\n  // If secondary action is shown on modal action\n  @Prop() showSecondaryActions: boolean = false;\n  @Prop() showFirstIconButton: boolean = false;\n  @Prop() showSecondIconButton: boolean = false;\n  @Prop() firstIconButtonSwap: string = '';\n  @Prop() secondIconButtonSwap: string = '';\n  @Prop() showCheckBox: boolean = true;\n  @Prop() checkboxLabel: string = '';\n\n  @State() hasFooterSlot: boolean = true;\n  @Event() closeModalClicked: EventEmitter<void>;\n  @Event() firstButtonClicked: EventEmitter<void>;\n  @Event() secondButtonClicked: EventEmitter<void>;\n  @Event() thirdButtonClicked: EventEmitter<void>;\n\n  componentDidLoad() {\n    this.checkFooterSlot();\n  }\n\n  private checkFooterSlot() {\n    const footerSlot = this.el.querySelector('[slot=\"footer\"]');\n    if (footerSlot) {\n      this.hasFooterSlot = true;\n    } else {\n      this.hasFooterSlot = false;\n    }\n  }\n\n  closeModalButtonClicked() {\n    this.closeModalClicked.emit();\n  }\n\n  firstButtonClickedOnModalAction() {\n    this.firstButtonClicked.emit();\n  }\n\n  secondButtonClickedOnModalAction() {\n    this.secondButtonClicked.emit();\n  }\n\n  thirdButtonClickedOnModalAction() {\n    this.thirdButtonClicked.emit();\n  }\n\n  render() {\n    return (\n      <div class=\"overlay\">\n        <div class=\"modal_wrapper\" style={{ width: this.width }}>\n          <div class=\"modal_header\">\n            <gb-modal-header\n              close-button-position={this.closeButtonPosition}\n              text={this.heading}\n              onCloseButtonClicked={() => this.closeModalButtonClicked()}\n            ></gb-modal-header>\n          </div>\n          <div class=\"modal_content\">\n            <slot name=\"content\"></slot>\n          </div>\n          {this.footer && (\n            <>\n              {this.hasFooterSlot ? (\n                <div class=\"modal_footer\">\n                  <slot name=\"footer\"></slot>\n                </div>\n              ) : (\n                <gb-modal-action\n                  action-type={this.actionType}\n                  full-width={this.fullWidth}\n                  first-button-text={this.firstButtonText}\n                  second-button-text={this.secondButtonText}\n                  third-button-text={this.thirdButtonText}\n                  first-button-state={this.firstButtonState}\n                  second-button-state={this.secondButtonState}\n                  third-button-state={this.thirdButtonState}\n                  first-button-icon-leading-swap={this.firstButtonIconLeadingSwap}\n                  second-button-icon-leading-swap={this.secondButtonIconLeadingSwap}\n                  third-button-icon-leading-swap={this.thirdButtonIconLeadingSwap}\n                  first-button-icon-trailing-swap={this.firstButtonIconTrailingSwap}\n                  second-button-icon-trailing-swap={this.secondButtonIconTrailingSwap}\n                  third-button-icon-trailing-swap={this.thirdButtonIconTrailingSwap}\n                  show-secondary-actions={this.showSecondaryActions}\n                  show-first-icon-button={this.showFirstIconButton}\n                  show-second-icon-button={this.showSecondIconButton}\n                  first-icon-button-swap={this.firstIconButtonSwap}\n                  second-icon-button-swap={this.secondIconButtonSwap}\n                  show-check-box={this.showCheckBox}\n                  checkbox-label={this.checkboxLabel}\n                  destructive={this.destructive}\n                  onFirstButtonClicked={() => this.firstButtonClickedOnModalAction()}\n                  onSecondButtonClicked={() => this.secondButtonClickedOnModalAction()}\n                  onThirdButtonClicked={() => this.thirdButtonClickedOnModalAction()}\n                ></gb-modal-action>\n              )}\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/globuscomponents/p-505eac34.entry.js

@@ -1,2 +0,0 @@
-import{r as t,d as s,h as i,F as o,c as e}from"./p-4SKpHjmp.js";const a=".overlay{height:100vh;overflow:hidden;backdrop-filter:blur(4px);position:relative;box-sizing:border-box;background:var(--color-blanket-subtle, rgba(33, 44, 101, 0.3))}.modal_wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow:var(--shadow-sm);background:var(--color-background-card, #FFFFFF);border-radius:var(--rounded-md)}.modal_header{overflow:hidden;border-radius:var(--rounded-md)}.modal_footer{padding:var(--spacing-4) var(--spacing-6);}";const d=class{constructor(i){t(this,i);this.closeModalClicked=s(this,"closeModalClicked");this.firstButtonClicked=s(this,"firstButtonClicked");this.secondButtonClicked=s(this,"secondButtonClicked");this.thirdButtonClicked=s(this,"thirdButtonClicked");this.width="";this.footer=true;this.closeButtonPosition="right";this.heading="";this.actionType="single";this.fullWidth=false;this.destructive=false;this.firstButtonText="";this.secondButtonText="";this.thirdButtonText="";this.firstButtonState="default";this.secondButtonState="default";this.thirdButtonState="default";this.firstButtonIconLeadingSwap="";this.secondButtonIconLeadingSwap="";this.thirdButtonIconLeadingSwap="";this.firstButtonIconTrailingSwap="";this.secondButtonIconTrailingSwap="";this.thirdButtonIconTrailingSwap="";this.showSecondaryActions=false;this.showFirstIconButton=false;this.showSecondIconButton=false;this.firstIconButtonSwap="";this.secondIconButtonSwap="";this.showCheckBox=true;this.checkboxLabel="";this.hasFooterSlot=true}componentDidLoad(){this.checkFooterSlot()}checkFooterSlot(){const t=this.el.querySelector('[slot="footer"]');if(t){this.hasFooterSlot=true}else{this.hasFooterSlot=false}}closeModalButtonClicked(){this.closeModalClicked.emit()}firstButtonClickedOnModalAction(){this.firstButtonClicked.emit()}secondButtonClickedOnModalAction(){this.secondButtonClicked.emit()}thirdButtonClickedOnModalAction(){this.thirdButtonClicked.emit()}render(){return i("div",{key:"f9e4cf125a554963de63afd2afe05059db2de2e3",class:"overlay"},i("div",{key:"edb58193a108717472e79ec2eef8a4c0857c2191",class:"modal_wrapper",style:{width:this.width}},i("div",{key:"78acd4ec2b7b8aade039f29f7d2f02fee3cb384e",class:"modal_header"},i("gb-modal-header",{key:"77b51b821fedb323d4c8a9cd1df7c8557aa7d99d","close-button-position":this.closeButtonPosition,text:this.heading,onCloseButtonClicked:()=>this.closeModalButtonClicked()})),i("div",{key:"52967f431acbd5ebc5f2ee6ed10ebb1e8469f03a",class:"modal_content"},i("slot",{key:"5cfabae2746d3453546c04c8ddafecac22345b6d",name:"content"})),this.footer&&i(o,null,this.hasFooterSlot?i("div",{class:"modal_footer"},i("slot",{name:"footer"})):i("gb-modal-action",{"action-type":this.actionType,"full-width":this.fullWidth,"first-button-text":this.firstButtonText,"second-button-text":this.secondButtonText,"third-button-text":this.thirdButtonText,"first-button-state":this.firstButtonState,"second-button-state":this.secondButtonState,"third-button-state":this.thirdButtonState,"first-button-icon-leading-swap":this.firstButtonIconLeadingSwap,"second-button-icon-leading-swap":this.secondButtonIconLeadingSwap,"third-button-icon-leading-swap":this.thirdButtonIconLeadingSwap,"first-button-icon-trailing-swap":this.firstButtonIconTrailingSwap,"second-button-icon-trailing-swap":this.secondButtonIconTrailingSwap,"third-button-icon-trailing-swap":this.thirdButtonIconTrailingSwap,"show-secondary-actions":this.showSecondaryActions,"show-first-icon-button":this.showFirstIconButton,"show-second-icon-button":this.showSecondIconButton,"first-icon-button-swap":this.firstIconButtonSwap,"second-icon-button-swap":this.secondIconButtonSwap,"show-check-box":this.showCheckBox,"checkbox-label":this.checkboxLabel,destructive:this.destructive,onFirstButtonClicked:()=>this.firstButtonClickedOnModalAction(),onSecondButtonClicked:()=>this.secondButtonClickedOnModalAction(),onThirdButtonClicked:()=>this.thirdButtonClickedOnModalAction()}))))}get el(){return e(this)}};d.style=a;export{d as gb_modal};
-//# sourceMappingURL=p-505eac34.entry.js.map

package/dist/globuscomponents/p-505eac34.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Fragment","getElement","gbModalCss","GbModal","constructor","hostRef","this","closeModalClicked","firstButtonClicked","secondButtonClicked","thirdButtonClicked","width","footer","closeButtonPosition","heading","actionType","fullWidth","destructive","firstButtonText","secondButtonText","thirdButtonText","firstButtonState","secondButtonState","thirdButtonState","firstButtonIconLeadingSwap","secondButtonIconLeadingSwap","thirdButtonIconLeadingSwap","firstButtonIconTrailingSwap","secondButtonIconTrailingSwap","thirdButtonIconTrailingSwap","showSecondaryActions","showFirstIconButton","showSecondIconButton","firstIconButtonSwap","secondIconButtonSwap","showCheckBox","checkboxLabel","hasFooterSlot","componentDidLoad","checkFooterSlot","footerSlot","el","querySelector","closeModalButtonClicked","emit","firstButtonClickedOnModalAction","secondButtonClickedOnModalAction","thirdButtonClickedOnModalAction","render","key","class","style","text","onCloseButtonClicked","name","onFirstButtonClicked","onSecondButtonClicked","onThirdButtonClicked"],"sources":["0"],"mappings":"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","ignoreList":[]}