globuswebcomponents 0.3.1 → 0.3.2

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-b1fb2c43.js';
-export { s as setNonce } from './index-b1fb2c43.js';
+import { b as bootstrapLazy } from './index-baccaaaf.js';
+export { s as setNonce } from './index-baccaaaf.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["gb-avatar-dropdown",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showDarkTheme":[4,"show-dark-theme"],"showLogOut":[4,"show-log-out"],"listGroup1":[4,"list-group-1"],"listGroup2":[4,"list-group-2"],"listGroup3":[4,"list-group-3"]}]]],["gb-tag",[[1,"gb-tag",{"size":[1],"icon":[1],"checkbox":[4],"closeButton":[4,"close-button"],"count":[4]}]]],["gb-avatar-group",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1]}]]],["gb-file-upload",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"buttonState":[1,"button-state"]}]]],["gb-input-dropdown-menu-item",[[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[4],"state":[1],"checkboxStates":[1,"checkbox-states"]}]]],["gb-badge",[[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSrc":[1,"icon-leading-src"],"iconTrailingSrc":[1,"icon-trailing-src"],"color":[1],"type":[1],"closeButton":[4,"close-button"]}]]],["gb-avatar-profile-photo",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["gb-help-dropdown",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"]}]]],["gb-input-dropdown",[[1,"gb-input-dropdown",{"type":[1],"state":[1],"size":[1],"showLabel":[4,"show-label"],"label":[1],"showPlaceholder":[4,"show-placeholder"],"placeholderText":[1,"placeholder-text"],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"iconSwap":[1,"icon-swap"]}]]],["gb-slider",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftValue":[32],"rightValue":[32]}]]],["gb-collapse-button",[[1,"gb-collapse-button",{"color":[1],"currentIconDirection":[1025,"current-icon-direction"],"isHovered":[1028,"is-hovered"]}]]],["gb-notification-panel",[[1,"gb-notification-panel",{"state":[1],"notifications":[32]},[[0,"slotchange","handleSlotChange"]]]]],["gb-toggle",[[1,"gb-toggle",{"size":[1],"state":[1],"supportingText":[4,"supporting-text"]}]]],["gb-checkbox-group",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["gb-file-type-icon",[[1,"gb-file-type-icon"]]],["gb-header-icon",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"]}]]],["gb-input-field",[[1,"gb-input-field",{"size":[1],"inputType":[1,"input-type"],"destructive":[4],"helpIcon":[4,"help-icon"],"icon":[1],"placeholder":[1],"label":[1]}]]],["gb-megainput-field",[[1,"gb-megainput-field",{"size":[1]}]]],["gb-notification-content",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["gb-progress-circle",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]}]]],["gb-scrollbar",[[1,"gb-scrollbar",{"length":[1]}]]],["gb-textarea-input-field",[[1,"gb-textarea-input-field",{"type":[1],"destructive":[4],"placeholder":[1],"label":[1]}]]],["gb-wysiwyg-editor-icon",[[1,"gb-wysiwyg-editor-icon"]]],["gb-tooltip",[[1,"gb-tooltip",{"arrow":[1],"supportingText":[4,"supporting-text"]}]]],["gb-button-close_2",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"],"el":[16]}],[1,"gb-button-close",{"size":[1],"color":[1]}]]],["gb-file-upload-item-base",[[1,"gb-file-upload-item-base",{"icon":[1],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"buttonState":[1,"button-state"]}]]],["gb-avatar-label-group",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4]}]]],["gb-avatar-add-button",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["gb-slider-control-handle",[[1,"gb-slider-control-handle",{"value":[2],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["gb-badge-close",[[1,"gb-badge-close",{"color":[1],"type":[1]}]]],["gb-toggle-base",[[1,"gb-toggle-base",{"size":[1],"state":[1]}]]],["gb-dropdown-items-with-shortcut",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"checkboxStates":[1,"checkbox-states"],"state":[1]}]]],["gb-btn_3",[[4,"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"]}],[1,"test-tooltip",{"showArrow":[4,"show-arrow"],"arrowPosition":[1,"arrow-position"],"visible":[32]}],[1,"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"]}]]],["gb-tag-checkbox_3",[[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}]]],["gb-checkbox_2",[[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"supportingText":[4,"supporting-text"]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}]]],["gb-avatar_3",[[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"weight":[1]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]]], options);
+  return bootstrapLazy([["gb-avatar-dropdown",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showDarkTheme":[4,"show-dark-theme"],"showLogOut":[4,"show-log-out"],"listGroup1":[4,"list-group-1"],"listGroup2":[4,"list-group-2"],"listGroup3":[4,"list-group-3"]}]]],["gb-tag",[[1,"gb-tag",{"size":[1],"icon":[1],"checkbox":[4],"closeButton":[4,"close-button"],"count":[4]}]]],["gb-avatar-group",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1]}]]],["gb-file-upload",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"buttonState":[1,"button-state"]}]]],["gb-input-dropdown-menu-item",[[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[4],"state":[1],"checkboxStates":[1,"checkbox-states"]}]]],["gb-badge",[[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSrc":[1,"icon-leading-src"],"iconTrailingSrc":[1,"icon-trailing-src"],"color":[1],"type":[1],"closeButton":[4,"close-button"]}]]],["gb-avatar-profile-photo",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["gb-help-dropdown",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"]}]]],["gb-input-dropdown",[[1,"gb-input-dropdown",{"type":[1],"state":[1],"size":[1],"showLabel":[4,"show-label"],"label":[1],"showPlaceholder":[4,"show-placeholder"],"placeholderText":[1,"placeholder-text"],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"iconSwap":[1,"icon-swap"]}]]],["gb-slider",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftValue":[32],"rightValue":[32]}]]],["gb-collapse-button",[[1,"gb-collapse-button",{"color":[1],"currentIconDirection":[1025,"current-icon-direction"],"isHovered":[1028,"is-hovered"]}]]],["gb-notification-panel",[[1,"gb-notification-panel",{"state":[1],"notifications":[32]},[[0,"slotchange","handleSlotChange"]]]]],["gb-toggle",[[1,"gb-toggle",{"size":[1],"state":[1],"supportingText":[4,"supporting-text"]}]]],["gb-checkbox-group",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["gb-file-type-icon",[[1,"gb-file-type-icon"]]],["gb-header-icon",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"]}]]],["gb-input-field",[[1,"gb-input-field",{"size":[1],"inputType":[1,"input-type"],"destructive":[4],"helpIcon":[4,"help-icon"],"icon":[1],"placeholder":[1],"label":[1]}]]],["gb-megainput-field",[[1,"gb-megainput-field",{"size":[1]}]]],["gb-notification-content",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["gb-progress-circle",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]}]]],["gb-scrollbar",[[1,"gb-scrollbar",{"length":[1]}]]],["gb-textarea-input-field",[[1,"gb-textarea-input-field",{"type":[1],"destructive":[4],"placeholder":[1],"label":[1]}]]],["gb-wysiwyg-editor-icon",[[1,"gb-wysiwyg-editor-icon"]]],["gb-tooltip",[[1,"gb-tooltip",{"arrow":[1],"supportingText":[4,"supporting-text"]}]]],["gb-button-close_2",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"],"el":[16]}],[1,"gb-button-close",{"size":[1],"color":[1]}]]],["gb-file-upload-item-base",[[1,"gb-file-upload-item-base",{"icon":[1],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"buttonState":[1,"button-state"]}]]],["gb-avatar-label-group",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4]}]]],["gb-avatar-add-button",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["gb-slider-control-handle",[[1,"gb-slider-control-handle",{"value":[2],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["gb-badge-close",[[1,"gb-badge-close",{"color":[1],"type":[1]}]]],["gb-toggle-base",[[1,"gb-toggle-base",{"size":[1],"state":[1]}]]],["gb-dropdown-items-with-shortcut",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"checkboxStates":[1,"checkbox-states"],"state":[1]}]]],["gb-btn_3",[[4,"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"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"test-tooltip",{"showArrow":[4,"show-arrow"],"arrowPosition":[1,"arrow-position"],"visible":[32]}],[1,"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"],"leadingIconSvg":[32],"trailingIconSvg":[32]}]]],["gb-tag-checkbox_3",[[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}]]],["gb-checkbox_2",[[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"supportingText":[4,"supporting-text"]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}]]],["gb-avatar_3",[[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"weight":[1]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/globuscomponents/gb-button.css

@@ -0,0 +1,303 @@
+@import './../../global/global.css';
+@import './../../global/spacing.css';
+@import './../../global/typography.css';
+
+:host {
+  --button-color: var(--primary-color);
+  --icon-color: var(--primary-color);
+}
+
+button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border: none;
+  cursor: pointer;
+  border-radius: var(--rounded-sm);
+  width: 100%;
+}
+
+button.only{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+button .icon {
+  display: inline-flex;
+  width: auto;
+  height: auto;
+}
+
+button .icon svg path[fill] {
+  fill: var(--icon-color);
+}
+
+button .icon svg path[stroke] {
+  stroke: var(--icon-color);
+}
+
+button .icon svg circle {
+  stroke: var(--icon-color);
+}
+
+/* Button Sizes Styles */
+button.xl2{
+  padding: var(--spacing-none) var(--spacing-6);
+  height: 3.5rem;
+  gap: var(--spacing-3);
+}
+
+button.xl{
+  padding: var(--spacing-none) var(--spacing-5);
+  height: 3rem;
+  gap: var(--spacing-2);
+}
+
+button.lg{
+  padding: 0.625rem 1.125rem;
+  height: 2.75rem;
+  gap: var(--spacing-2);
+}
+
+button.md{
+  padding: var(--spacing-none) var(--spacing-4);
+  height: 2.5rem;
+  gap: var(--spacing-2);
+}
+
+button.sm{
+  padding: var(--spacing-none) var(--spacing-3);
+  height: 2.25rem;
+  gap: var(--spacing-2);
+}
+
+button.only.xl2{
+  width: 3.5rem;
+  height: 3.5rem;
+}
+
+button.only.xl{
+  width: 3rem;
+  height: 3rem;
+}
+
+button.only.lg{
+  width: 2.75rem;
+  height: 2.75rem;
+}
+
+button.only.md{
+  width: 2.5rem;
+  height: 2.5rem;
+}
+
+button.only.sm{
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
+button.xl2 .icon svg{
+  width: var(--spacing-6);
+  height: var(--spacing-6);
+}
+
+button.xl .icon svg,
+button.lg .icon svg,
+button.md .icon svg,
+button.sm .icon svg{
+  width: var(--spacing-5);
+  height: var(--spacing-5);
+}
+
+/* Hierarchy Styles */
+button.primary {
+  background-color: var(--color-background-brandRed, #E21B2E);
+  --icon-color: var(--color-icon-inverse, #FFFFFF);
+  color: var(--color-text-inverse, #FFFFFF);
+}
+
+button.secondary_gray {
+  background-color: transparent;
+  border: 1px solid var(--color-border, #9AA4B2);
+  --icon-color: var(--color-icon, #4B5565);
+  color: var(--color-text, #4B5565);
+}
+
+button.secondary_color {
+  background-color: transparent;
+  border: 1px solid var(--color-border-brandRed, #E21B2E);
+  --icon-color: var(--color-icon-brandRed, #E21B2E);
+  color: var(--color-text-brandRed, #E21B2E);
+}
+
+button.tertiary_gray {
+  background-color: transparent;
+  --icon-color: var(--color-icon, #4B5565);
+  color: var(--color-text, #4B5565);
+}
+
+button.tertiary_color {
+  background-color: transparent;
+  --icon-color: var(--color-icon-brandRed, #E21B2E);
+  color: var(--color-text-brandRed, #E21B2E);
+}
+
+button.link_gray {
+  background-color: transparent;
+  --icon-color: var(--color-icon, #4B5565);
+  color: var(--color-text, #4B5565);
+  height: fit-content;
+}
+
+button.link_color {
+  background-color: transparent;
+  --icon-color: var(--color-link, #075DB2);
+  color: var(--color-link, #075DB2);
+  padding: var(--spacing-none);
+  height: fit-content;
+}
+
+/* Button Destructive Styles */
+button.primary.destructive{
+  background-color: var(--color-background-danger, #B51726);
+  color: var(--color-text-inverse, #FFFFFF);
+  --icon-color: var(--color-icon-danger-inverse, #FFFFFF);
+}
+
+button.secondary_gray.destructive, button.secondary_color.destructive{
+  border: 1px solid var(--color-border-danger, #B51726);
+  color: var(--color-text-danger, #B51726);
+  --icon-color: var(--color-icon-danger, #B51726);
+}
+
+button.tertiary_gray.destructive,
+button.tertiary_color.destructive{
+  color: var(--color-text-danger, #B51726);
+  --icon-color: var(--color-icon-danger, #B51726);
+}
+
+button.link_gray.destructive, 
+button.link_color.destructive{
+  color: var(--color-text-danger, #B51726);
+  --icon-color: var(--color-icon-danger, #B51726);
+}
+
+/* Button States Styles */
+button.primary:hover{
+  background-color: var(--color-background-brandRed-hover, #CC1A2A);
+}
+
+button.primary:active{
+  background-color: var(--color-background-brandRed-pressed, #B51726);
+}
+
+button.secondary_gray:hover{
+  background-color: var(--color-background-gray-subtler, #EEF2F6);
+}
+
+button.secondary_gray:active{
+  background-color: var(--color-background-gray-subtle, #E3E8EF);
+}
+
+button.secondary_color:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.secondary_color:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.tertiary_gray:hover{
+  background-color: var(--color-background-gray-subtler, #EEF2F6);
+}
+
+button.tertiary_gray:active{
+  background-color: var(--color-background-gray-subtle, #E3E8EF);
+}
+
+button.tertiary_color:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.tertiary_color:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.link_gray:hover,
+button.link_color:hover{
+  text-decoration: underline;
+}
+
+button.link_gray:active{
+  text-decoration: none;
+  color: var(--color-text-bold, #202939);
+}
+
+button.link_gray:active{
+  text-decoration: none;
+  color: var(--color-link-pressed, #064E94);
+}
+
+button.primary.destructive:hover{
+  background-color: var(--color-background-danger-bold, #8C121D);
+}
+
+button.primary.destructive:active{
+  background-color: var(--color-background-brandRed-hover, #CC1A2A); /* ask Mr Gideon about this */
+}
+
+button.secondary_gray.destructive:hover, 
+button.secondary_color.destructive:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.secondary_gray.destructive:active, 
+button.secondary_color.destructive:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.tertiary_gray.destructive:hover, 
+button.tertiary_color.destructive:hover{
+  background-color: var(--color-background-danger-subtlest, #FEF1F2);
+}
+
+button.tertiary_gray.destructive:active, 
+button.tertiary_color.destructive:active{
+  background-color: var(--color-background-danger-subtler, #FDE3E5);
+}
+
+button.link_gray.destructive:active{
+  color: var(--color-text-danger-bold, #8C121D);
+}
+
+button.link_color.destructive:active{
+  color: var(--color-text-warning-bold, #93370D);
+}
+
+/* Button Disabled Styles */
+button.disabled{
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+button.primary.disabled {
+  background-color: var(--color-background-disabled, #F6F8FA);
+  --icon-color: var(--color-icon-disabled, #CDD5DF);
+  color: var(--color-text-disabled, #CDD5DF);
+}
+
+button.secondary_gray.disabled,
+button.secondary_color.disabled{
+  --icon-color: var(--color-icon-disabled, #CDD5DF);
+  color: var(--color-text-disabled, #CDD5DF);
+  border-color: var(--color-border-disabled, #E3E8EF);
+}
+
+button.tertiary_gray.disabled,
+button.tertiary_color.disabled,
+button.link_gray.disabled,
+button.link_color.disabled{
+  --icon-color: var(--color-icon-disabled, #CDD5DF);
+  color: var(--color-text-disabled, #CDD5DF);
+}

package/dist/globuscomponents/gb-button.tsx

@@ -0,0 +1,91 @@
+import { Component, Element, getAssetPath, h, Prop, State } from '@stencil/core';
+import { GeneralHierarchies, GeneralSizes } from '../../models/reusableModels';
+
+@Component({
+  tag: 'gb-button',
+  styleUrl: 'gb-button.css',
+  shadow: true,
+  assetsDirs: [''],
+})
+export class MyButton {
+  @Prop() size: GeneralSizes;
+  @Prop() hierarchy: GeneralHierarchies;
+  @Prop() icon: 'default' | 'only';
+  @Prop() destructive: boolean = false;
+  @Prop() state: 'default' | 'hover' | 'disabled' | 'pressed';
+  @Prop() iconLeading: boolean = false;
+  @Prop() iconLeadingSwap: string;
+  @Prop() iconTrailing: boolean = false;
+  @Prop() iconTrailingSwap: string;
+  @Element() el: HTMLElement;
+  @State() leadingIconSvg: string = '';
+  @State() trailingIconSvg: string = '';
+
+  componentWillLoad() {
+    if (this.iconLeading && this.iconLeadingSwap) {
+      this.loadIcon(this.iconLeadingSwap, 'leading');
+    }
+    if (this.iconTrailing && this.iconTrailingSwap) {
+      this.loadIcon(this.iconTrailingSwap, 'trailing');
+    }
+
+    const buttonSlot = this.el.querySelector('p');
+
+    if (buttonSlot) {
+      buttonSlot.classList.add(this.getButtonTextClasses());
+    }
+  }
+
+  async loadIcon(iconName: string, type: 'leading' | 'trailing') {
+    const iconPath = getAssetPath(`${iconName}`);
+    const response = await fetch(iconPath);
+    const svg = await response.text();
+    if (type === 'leading') {
+      this.leadingIconSvg = svg;
+    } else {
+      this.trailingIconSvg = svg;
+    }
+  }
+
+  // Helper to apply color styles based on the button state
+  getButtonClasses() {
+    return {
+      button: true,
+      [this.size]: true,
+      [this.hierarchy]: true,
+      destructive: this.destructive,
+      disabled: this.state === 'disabled',
+      default: this.icon === 'default',
+      only: this.icon === 'only'
+    };
+  }
+
+  getButtonTextClasses() {
+    switch (this.size) {
+        case 'xl2' : return 'text-lg-semi-bold';
+        case 'xl' : return 'text-md-semi-bold';
+        case 'lg' : return 'text-md-semi-bold';
+        case 'md' : return 'text-sm-semi-bold';
+        case 'sm' : return 'text-sm-semi-bold';
+    }
+  }
+
+  renderLeadingIcon() {
+    return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;
+  }
+
+  renderTrailingIcon() {
+    return <div class="icon right-icon" innerHTML={this.trailingIconSvg}></div>;
+  }
+
+  render() {
+    return (
+      <button class={this.getButtonClasses()}>
+        {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}
+        {this.icon === 'default' && <slot></slot>}
+        {this.iconTrailing && this.renderTrailingIcon()}
+        {this.icon === 'only' && this.renderLeadingIcon()}
+      </button>
+    );
+  }
+}

package/dist/globuscomponents/globuscomponents.esm.js

@@ -1,2 +1,2 @@
-import{p as e,b as t}from"./p-eae87772.js";export{s as setNonce}from"./p-eae87772.js";import{g as o}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};i().then((async e=>{await o();return t([["p-b10893b7",[[1,"gb-avatar-dropdown",{type:[1],text:[4],showProfile:[4,"show-profile"],showDarkTheme:[4,"show-dark-theme"],showLogOut:[4,"show-log-out"],listGroup1:[4,"list-group-1"],listGroup2:[4,"list-group-2"],listGroup3:[4,"list-group-3"]}]]],["p-4aedd512",[[1,"gb-tag",{size:[1],icon:[1],checkbox:[4],closeButton:[4,"close-button"],count:[4]}]]],["p-db85bbb3",[[1,"gb-avatar-group",{size:[1],moreUsers:[4,"more-users"],addMoreButton:[4,"add-more-button"],text:[4],state:[1]}]]],["p-dea460fb",[[1,"gb-file-upload",{icon:[1],type:[1],heightSize:[1,"height-size"],state:[1],destructive:[4],showLabel:[4,"show-label"],buttonState:[1,"button-state"]}]]],["p-48116815",[[1,"gb-input-dropdown-menu-item",{type:[1],supportingText:[4,"supporting-text"],selected:[4],state:[1],checkboxStates:[1,"checkbox-states"]}]]],["p-70c0c48f",[[1,"gb-badge",{size:[1],icon:[1],iconLeadingSrc:[1,"icon-leading-src"],iconTrailingSrc:[1,"icon-trailing-src"],color:[1],type:[1],closeButton:[4,"close-button"]}]]],["p-3f71767b",[[1,"gb-avatar-profile-photo",{placeholder:[4],text:[4],size:[1],verified:[4],icon:[1]}]]],["p-91764ae6",[[1,"gb-help-dropdown",{showLogError:[4,"show-log-error"]}]]],["p-c641c937",[[1,"gb-input-dropdown",{type:[1],state:[1],size:[1],showLabel:[4,"show-label"],label:[1],showPlaceholder:[4,"show-placeholder"],placeholderText:[1,"placeholder-text"],showHintText:[4,"show-hint-text"],hintText:[1,"hint-text"],showHelpIcon:[4,"show-help-icon"],iconSwap:[1,"icon-swap"]}]]],["p-2b3262cd",[[1,"gb-slider",{min:[2],max:[2],thumbType:[1,"thumb-type"],leftValue:[32],rightValue:[32]}]]],["p-da728002",[[1,"gb-collapse-button",{color:[1],currentIconDirection:[1025,"current-icon-direction"],isHovered:[1028,"is-hovered"]}]]],["p-6187221a",[[1,"gb-notification-panel",{state:[1],notifications:[32]},[[0,"slotchange","handleSlotChange"]]]]],["p-74aef423",[[1,"gb-toggle",{size:[1],state:[1],supportingText:[4,"supporting-text"]}]]],["p-ea02ed2e",[[1,"gb-checkbox-group",{size:[1],breakpoint:[1],icon:[1],selected:[4],type:[1]}]]],["p-612e13af",[[1,"gb-file-type-icon"]]],["p-17998f68",[[1,"gb-header-icon",{state:[1],showIndicator:[4,"show-indicator"]}]]],["p-2e50812d",[[1,"gb-input-field",{size:[1],inputType:[1,"input-type"],destructive:[4],helpIcon:[4,"help-icon"],icon:[1],placeholder:[1],label:[1]}]]],["p-9a6025f9",[[1,"gb-megainput-field",{size:[1]}]]],["p-61fd847f",[[1,"gb-notification-content",{icon:[1],label:[1],time:[1],supportingText:[1,"supporting-text"]}]]],["p-5058e15b",[[1,"gb-progress-circle",{size:[1],shape:[1],label:[4],progress:[2]}]]],["p-da460f1f",[[1,"gb-scrollbar",{length:[1]}]]],["p-cd0b001d",[[1,"gb-textarea-input-field",{type:[1],destructive:[4],placeholder:[1],label:[1]}]]],["p-b33c894d",[[1,"gb-wysiwyg-editor-icon"]]],["p-375589bc",[[1,"gb-tooltip",{arrow:[1],supportingText:[4,"supporting-text"]}]]],["p-df6ca614",[[1,"gb-progress-bar",{progress:[2],showLabel:[4,"show-label"],labelPosition:[1,"label-position"],el:[16]}],[1,"gb-button-close",{size:[1],color:[1]}]]],["p-fd17a6f4",[[1,"gb-file-upload-item-base",{icon:[1],state:[1],heightSize:[1,"height-size"],fileType:[1,"file-type"],buttonState:[1,"button-state"]}]]],["p-89739cc8",[[1,"gb-avatar-label-group",{size:[1],statusIcon:[1,"status-icon"],state:[1],placeholder:[4],text:[4]}]]],["p-aa9276da",[[1,"gb-avatar-add-button",{size:[1],showToolTip:[1028,"show-tool-tip"],state:[1],el:[16]}]]],["p-3d1463bb",[[1,"gb-slider-control-handle",{value:[2],type:[1],isHovered:[32],isFocused:[32]}]]],["p-614ee37b",[[1,"gb-badge-close",{color:[1],type:[1]}]]],["p-80f66cd1",[[1,"gb-toggle-base",{size:[1],state:[1]}]]],["p-844a7d68",[[1,"gb-dropdown-items-with-shortcut",{icon:[4],iconSrc:[1,"icon-src"],checkbox:[4],shortcut:[4],shortcutIcon:[1,"shortcut-icon"],label:[1],checkboxStates:[1,"checkbox-states"],state:[1]}]]],["p-38b2193b",[[4,"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"]}],[1,"test-tooltip",{showArrow:[4,"show-arrow"],arrowPosition:[1,"arrow-position"],visible:[32]}],[1,"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"]}]]],["p-fc5f1608",[[1,"gb-tag-checkbox",{checked:[4],size:[1],disabled:[4]}],[1,"gb-tag-close",{size:[1]}],[1,"gb-tag-count",{size:[1]}]]],["p-da4f965a",[[1,"gb-checkbox",{checked:[4],indeterminate:[4],size:[1],type:[1],state:[1],supportingText:[4,"supporting-text"]}],[1,"gb-checkbox-base",{state:[1025],size:[1],type:[1],checked:[1028],indeterminate:[1028]}]]],["p-4c2187ce",[[1,"gb-avatar",{size:[1],placeholder:[4],text:[4],statusIcon:[1,"status-icon"],state:[1],icon:[1],weight:[1]}],[1,"gb-avatar-contrast-inner-border",{weight:[1],size:[1]}],[1,"gb-status-indicator",{statusIcon:[1,"status-icon"],size:[1],state:[1],indicatorStateClass:[1,"indicator-state-class"]}]]]],e)}));
+import{p as e,b as t}from"./p-4cc02ec1.js";export{s as setNonce}from"./p-4cc02ec1.js";import{g as o}from"./p-e1255160.js";var i=()=>{const t=import.meta.url;const o={};if(t!==""){o.resourcesUrl=new URL(".",t).href}return e(o)};i().then((async e=>{await o();return t([["p-92a735ee",[[1,"gb-avatar-dropdown",{type:[1],text:[4],showProfile:[4,"show-profile"],showDarkTheme:[4,"show-dark-theme"],showLogOut:[4,"show-log-out"],listGroup1:[4,"list-group-1"],listGroup2:[4,"list-group-2"],listGroup3:[4,"list-group-3"]}]]],["p-7fd10105",[[1,"gb-tag",{size:[1],icon:[1],checkbox:[4],closeButton:[4,"close-button"],count:[4]}]]],["p-33f4e7f6",[[1,"gb-avatar-group",{size:[1],moreUsers:[4,"more-users"],addMoreButton:[4,"add-more-button"],text:[4],state:[1]}]]],["p-efd96d9e",[[1,"gb-file-upload",{icon:[1],type:[1],heightSize:[1,"height-size"],state:[1],destructive:[4],showLabel:[4,"show-label"],buttonState:[1,"button-state"]}]]],["p-96d65ef9",[[1,"gb-input-dropdown-menu-item",{type:[1],supportingText:[4,"supporting-text"],selected:[4],state:[1],checkboxStates:[1,"checkbox-states"]}]]],["p-4958c9ba",[[1,"gb-badge",{size:[1],icon:[1],iconLeadingSrc:[1,"icon-leading-src"],iconTrailingSrc:[1,"icon-trailing-src"],color:[1],type:[1],closeButton:[4,"close-button"]}]]],["p-554f28f6",[[1,"gb-avatar-profile-photo",{placeholder:[4],text:[4],size:[1],verified:[4],icon:[1]}]]],["p-3b7b933c",[[1,"gb-help-dropdown",{showLogError:[4,"show-log-error"]}]]],["p-ea7ce35a",[[1,"gb-input-dropdown",{type:[1],state:[1],size:[1],showLabel:[4,"show-label"],label:[1],showPlaceholder:[4,"show-placeholder"],placeholderText:[1,"placeholder-text"],showHintText:[4,"show-hint-text"],hintText:[1,"hint-text"],showHelpIcon:[4,"show-help-icon"],iconSwap:[1,"icon-swap"]}]]],["p-c75f96d6",[[1,"gb-slider",{min:[2],max:[2],thumbType:[1,"thumb-type"],leftValue:[32],rightValue:[32]}]]],["p-da9e05fa",[[1,"gb-collapse-button",{color:[1],currentIconDirection:[1025,"current-icon-direction"],isHovered:[1028,"is-hovered"]}]]],["p-13a84f56",[[1,"gb-notification-panel",{state:[1],notifications:[32]},[[0,"slotchange","handleSlotChange"]]]]],["p-00244d6c",[[1,"gb-toggle",{size:[1],state:[1],supportingText:[4,"supporting-text"]}]]],["p-8f25cee8",[[1,"gb-checkbox-group",{size:[1],breakpoint:[1],icon:[1],selected:[4],type:[1]}]]],["p-2ce9c18a",[[1,"gb-file-type-icon"]]],["p-92af7f46",[[1,"gb-header-icon",{state:[1],showIndicator:[4,"show-indicator"]}]]],["p-9abd951b",[[1,"gb-input-field",{size:[1],inputType:[1,"input-type"],destructive:[4],helpIcon:[4,"help-icon"],icon:[1],placeholder:[1],label:[1]}]]],["p-5ec82950",[[1,"gb-megainput-field",{size:[1]}]]],["p-03fd3db6",[[1,"gb-notification-content",{icon:[1],label:[1],time:[1],supportingText:[1,"supporting-text"]}]]],["p-14e14b09",[[1,"gb-progress-circle",{size:[1],shape:[1],label:[4],progress:[2]}]]],["p-a6295219",[[1,"gb-scrollbar",{length:[1]}]]],["p-6cea59d4",[[1,"gb-textarea-input-field",{type:[1],destructive:[4],placeholder:[1],label:[1]}]]],["p-d735b2a6",[[1,"gb-wysiwyg-editor-icon"]]],["p-c922560c",[[1,"gb-tooltip",{arrow:[1],supportingText:[4,"supporting-text"]}]]],["p-185d02fb",[[1,"gb-progress-bar",{progress:[2],showLabel:[4,"show-label"],labelPosition:[1,"label-position"],el:[16]}],[1,"gb-button-close",{size:[1],color:[1]}]]],["p-ecd8b206",[[1,"gb-file-upload-item-base",{icon:[1],state:[1],heightSize:[1,"height-size"],fileType:[1,"file-type"],buttonState:[1,"button-state"]}]]],["p-75b21675",[[1,"gb-avatar-label-group",{size:[1],statusIcon:[1,"status-icon"],state:[1],placeholder:[4],text:[4]}]]],["p-2a21fc28",[[1,"gb-avatar-add-button",{size:[1],showToolTip:[1028,"show-tool-tip"],state:[1],el:[16]}]]],["p-14f8a91b",[[1,"gb-slider-control-handle",{value:[2],type:[1],isHovered:[32],isFocused:[32]}]]],["p-f37c9704",[[1,"gb-badge-close",{color:[1],type:[1]}]]],["p-fed6c43b",[[1,"gb-toggle-base",{size:[1],state:[1]}]]],["p-c6c34486",[[1,"gb-dropdown-items-with-shortcut",{icon:[4],iconSrc:[1,"icon-src"],checkbox:[4],shortcut:[4],shortcutIcon:[1,"shortcut-icon"],label:[1],checkboxStates:[1,"checkbox-states"],state:[1]}]]],["p-8aae1040",[[4,"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"],leadingIconSvg:[32],trailingIconSvg:[32]}],[1,"test-tooltip",{showArrow:[4,"show-arrow"],arrowPosition:[1,"arrow-position"],visible:[32]}],[1,"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"],leadingIconSvg:[32],trailingIconSvg:[32]}]]],["p-23133621",[[1,"gb-tag-checkbox",{checked:[4],size:[1],disabled:[4]}],[1,"gb-tag-close",{size:[1]}],[1,"gb-tag-count",{size:[1]}]]],["p-31bf4710",[[1,"gb-checkbox",{checked:[4],indeterminate:[4],size:[1],type:[1],state:[1],supportingText:[4,"supporting-text"]}],[1,"gb-checkbox-base",{state:[1025],size:[1],type:[1],checked:[1028],indeterminate:[1028]}]]],["p-0b58ad12",[[1,"gb-avatar",{size:[1],placeholder:[4],text:[4],statusIcon:[1,"status-icon"],state:[1],icon:[1],weight:[1]}],[1,"gb-avatar-contrast-inner-border",{weight:[1],size:[1]}],[1,"gb-status-indicator",{statusIcon:[1,"status-icon"],size:[1],state:[1],indicatorStateClass:[1,"indicator-state-class"]}]]]],e)}));
 //# sourceMappingURL=globuscomponents.esm.js.map

package/dist/globuscomponents/globuscomponents.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","type","text","showProfile","showDarkTheme","showLogOut","listGroup1","listGroup2","listGroup3","size","icon","checkbox","closeButton","count","moreUsers","addMoreButton","state","heightSize","destructive","showLabel","buttonState","supportingText","selected","checkboxStates","iconLeadingSrc","iconTrailingSrc","color","placeholder","verified","showLogError","label","showPlaceholder","placeholderText","showHintText","hintText","showHelpIcon","iconSwap","min","max","thumbType","leftValue","rightValue","currentIconDirection","isHovered","notifications","breakpoint","showIndicator","inputType","helpIcon","time","shape","progress","length","arrow","labelPosition","el","fileType","statusIcon","showToolTip","value","isFocused","iconSrc","shortcut","shortcutIcon","hierarchy","iconLeading","iconLeadingSwap","iconTrailing","iconTrailingSwap","showArrow","arrowPosition","visible","checked","disabled","indeterminate","weight","indicatorStateClass"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","async","options","globalScripts","bootstrapLazy","type","text","showProfile","showDarkTheme","showLogOut","listGroup1","listGroup2","listGroup3","size","icon","checkbox","closeButton","count","moreUsers","addMoreButton","state","heightSize","destructive","showLabel","buttonState","supportingText","selected","checkboxStates","iconLeadingSrc","iconTrailingSrc","color","placeholder","verified","showLogError","label","showPlaceholder","placeholderText","showHintText","hintText","showHelpIcon","iconSwap","min","max","thumbType","leftValue","rightValue","currentIconDirection","isHovered","notifications","breakpoint","showIndicator","inputType","helpIcon","time","shape","progress","length","arrow","labelPosition","el","fileType","statusIcon","showToolTip","value","isFocused","iconSrc","shortcut","shortcutIcon","hierarchy","iconLeading","iconLeadingSwap","iconTrailing","iconTrailingSwap","leadingIconSvg","trailingIconSvg","showArrow","arrowPosition","visible","checked","disabled","indeterminate","weight","indicatorStateClass"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/globuscomponents/{p-74aef423.entry.js → p-00244d6c.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as s}from"./p-eae87772.js";const i=".toggle_div{display:flex;justify-content:space-between;width:fit-content}.toggle_div.sm{gap:var(--spacing-2)}.toggle_div.md{gap:var(--spacing-3)}.text{display:flex;flex-direction:column;gap:var(--spacing-2)}.div_centered{justify-content:center;padding-bottom:0.2rem}::slotted(p){color:#4B5565}";const a=i;const c=class{constructor(t){e(this,t);this.size=undefined;this.state=undefined;this.supportingText=false}getMainTextClass(){switch(this.size){case"sm":return`text-sm-medium`;case"md":return`text-md-medium`}}getSupportingTextClass(){switch(this.size){case"sm":return"text-sm-regular";case"md":return"text-md-regular"}}componentDidLoad(){const e=this.el.querySelector('[slot="main_text"]');const t=this.el.querySelector('[slot="supporting_text"]');const s=this.el.querySelector(".text");if(e){e.classList.add(this.getMainTextClass())}if(t){t.classList.add(this.getSupportingTextClass())}if(!this.supportingText){s.classList.add("div_centered")}}render(){return t("div",{key:"6e8d3bf2457f1a90362acee558ca162b9da997ce",class:`toggle_div ${this.size}`},t("div",{key:"4465baccfac53d7aa8ef93712d4c1de4672692da",class:"toggle_base"},t("gb-toggle-base",{key:"e4c6679e6f90345d387ce479c4f14051c87a5868",size:this.size,state:this.state})),t("div",{key:"3e9081810f1f2beed116852562449fa247c8d175",class:"text"},t("slot",{key:"086d0c75edd5e5c095e8b74f511c9e9aedc83082",name:"main_text"}),this.supportingText&&t("slot",{key:"c177105efb22b038ed6af3ecbf9476cdb5dbf40c",name:"supporting_text"})))}get el(){return s(this)}};c.style=a;export{c as gb_toggle};
-//# sourceMappingURL=p-74aef423.entry.js.map
+import{r as e,h as t,a as s}from"./p-4cc02ec1.js";const i=".toggle_div{display:flex;justify-content:space-between;width:fit-content}.toggle_div.sm{gap:var(--spacing-2)}.toggle_div.md{gap:var(--spacing-3)}.text{display:flex;flex-direction:column;gap:var(--spacing-2)}.div_centered{justify-content:center;padding-bottom:0.2rem}::slotted(p){color:#4B5565}";const c=i;const a=class{constructor(t){e(this,t);this.size=undefined;this.state=undefined;this.supportingText=false}getMainTextClass(){switch(this.size){case"sm":return`text-sm-medium`;case"md":return`text-md-medium`}}getSupportingTextClass(){switch(this.size){case"sm":return"text-sm-regular";case"md":return"text-md-regular"}}componentDidLoad(){const e=this.el.querySelector('[slot="main_text"]');const t=this.el.querySelector('[slot="supporting_text"]');const s=this.el.querySelector(".text");if(e){e.classList.add(this.getMainTextClass())}if(t){t.classList.add(this.getSupportingTextClass())}if(!this.supportingText){s.classList.add("div_centered")}}render(){return t("div",{key:"6e8d3bf2457f1a90362acee558ca162b9da997ce",class:`toggle_div ${this.size}`},t("div",{key:"4465baccfac53d7aa8ef93712d4c1de4672692da",class:"toggle_base"},t("gb-toggle-base",{key:"e4c6679e6f90345d387ce479c4f14051c87a5868",size:this.size,state:this.state})),t("div",{key:"3e9081810f1f2beed116852562449fa247c8d175",class:"text"},t("slot",{key:"086d0c75edd5e5c095e8b74f511c9e9aedc83082",name:"main_text"}),this.supportingText&&t("slot",{key:"c177105efb22b038ed6af3ecbf9476cdb5dbf40c",name:"supporting_text"})))}get el(){return s(this)}};a.style=c;export{a as gb_toggle};
+//# sourceMappingURL=p-00244d6c.entry.js.map