npm - globuswebcomponents - Versions diffs - 1.5.9 → 1.6.0 - Mend

globuswebcomponents 1.5.9 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (597) hide show

package/dist/cjs/gb-breadcrumb-button-base_8.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"gb-breadcrumb-button-base.gb-breadcrumbs.gb-btn.gb-button.gb-card-icon.gb-comment.gb-comment-item.gb-quick-action-icon.entry.cjs.js","mappings":"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","names":["getAssetPath","h","index","GbButton"],"sources":["src/components/gb-breadcrumb-button-base/gb-breadcrumb-button-base.css?tag=gb-breadcrumb-button-base&encapsulation=shadow","src/components/gb-breadcrumb-button-base/gb-breadcrumb-button-base.tsx","src/components/gb-breadcrumbs/gb-breadcrumbs.css?tag=gb-breadcrumbs&encapsulation=shadow","src/components/gb-breadcrumbs/gb-breadcrumbs.tsx","src/components/gb-btn/gb-btn.css?tag=gb-btn","src/components/gb-btn/gb-btn.tsx","src/components/gb-button/gb-button.css?tag=gb-button&encapsulation=shadow","src/components/gb-button/gb-button.tsx","src/components/gb-card-icon/gb-card-icon.css?tag=gb-card-icon&encapsulation=shadow","src/components/gb-card-icon/gb-card-icon.tsx","src/components/gb-comment/gb-comment.css?tag=gb-comment&encapsulation=shadow","src/components/gb-comment/gb-comment.tsx","src/components/gb-comment-item/gb-comment-item.css?tag=gb-comment-item&encapsulation=shadow","src/components/gb-comment-item/gb-comment-item.tsx","src/components/gb-quick-action-icon/gb-quick-action-icon.css?tag=gb-quick-action-icon&encapsulation=shadow","src/components/gb-quick-action-icon/gb-quick-action-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n width: fit-content;\r\n}\r\n\r\n.breadcrumb_button_base_div {\r\n cursor: pointer;\r\n}\r\n\r\n.breadcrumb_button_base_div.icon {\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.icon_svg{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.icon_svg svg{\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n padding: 0.25rem;\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_gray {\r\n display: flex;\r\n width: fit-content;\r\n padding: var(--spacing-2);\r\n justify-content: center;\r\n align-items: center;\r\n border-radius: var(--rounded-xs);\r\n}\r\n\r\n/* Default Icon Styles */\r\n.breadcrumb_button_base_div.text.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n/* Hover Icon Styles */\r\n.breadcrumb_button_base_div.text.icon:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:hover .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover .icon_svg path[stroke]{\r\n stroke: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover .icon_svg path[fill]{\r\n fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n/* Active Icon Styles */\r\n.breadcrumb_button_base_div.text.icon:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon:active .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.text.icon.current:active .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active .icon_svg path[fill]{\r\n fill: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[stroke]{\r\n stroke: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon .icon_svg path[fill]{\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active .icon_svg path[stroke]{\r\n stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active .icon_svg path[fill]{\r\n fill: var(--color-icon, #4B5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.text {\r\n width: fit-content;\r\n}\r\n\r\n.breadcrumb_text {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text:hover {\r\n text-decoration: underline;\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.text:active {\r\n text-decoration: none;\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.text.current.text {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:hover {\r\n text-decoration: underline;\r\n color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_text.text.current.text:active {\r\n text-decoration: none;\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/* Button Primary Styles */\r\n.breadcrumb_button_base_div.button_primary,\r\n.breadcrumb_button_base_div.button_primary.icon {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:hover,\r\n.breadcrumb_button_base_div.button_primary.icon:hover {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary:active,\r\n.breadcrumb_button_base_div.button_primary.icon:active {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current,\r\n.breadcrumb_button_base_div.button_primary.current {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:hover,\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:hover {\r\n background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current:active {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.current:active {\r\n background: var(--color-background-information-subtlest, #e4f0fc);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon.current .icon path {\r\n fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:hover .icon path {\r\n fill: var(--color-icon-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_primary.icon:active .icon path {\r\n fill: var(--color-icon-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_text {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_primary.current {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_primary.current {\r\n color: var(--color-text-information, #064e94);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_primary.current {\r\n color: var(--color-text-selected, #075db2);\r\n}\r\n\r\n/* Button Gray Styles */\r\n.breadcrumb_button_base_div.button_gray,\r\n.breadcrumb_button_base_div.button_gray.icon {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:hover,\r\n.breadcrumb_button_base_div.button_gray.icon:hover {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray:active,\r\n.breadcrumb_button_base_div.button_gray.icon:active {\r\n background: transparent;\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current,\r\n.breadcrumb_button_base_div.button_gray.current {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:hover,\r\n.breadcrumb_button_base_div.button_gray.current:hover {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current:active,\r\n.breadcrumb_button_base_div.button_gray.current:active {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon.current .icon path {\r\n fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:hover .icon path {\r\n fill: var(--color-icon-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div.button_gray.icon:active .icon path {\r\n fill: var(--color-icon, #4b5565);\r\n}\r\n\r\n.breadcrumb_text.button_gray {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray {\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.breadcrumb_text.button_gray.current {\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.breadcrumb_button_base_div:hover .breadcrumb_text.button_gray.current {\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\n.breadcrumb_button_base_div:active .breadcrumb_text.button_gray.current {\r\n color: var(--color-text, #4b5565);\r\n}\r\n","import { Component, Prop, State, getAssetPath, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-breadcrumb-button-base',\r\n styleUrl: 'gb-breadcrumb-button-base.css',\r\n shadow: true,\r\n})\r\nexport class GbBreadcrumbButtonBase {\r\n @Prop() current: boolean = false;\r\n @Prop() type: 'text' | 'button_primary' | 'button_gray';\r\n @Prop() icon: boolean = false;\r\n @Prop() label: string = '';\r\n @Prop() iconSrc: string = '';\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.iconSrc);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`breadcrumb_button_base_div ${this.type} ${this.icon ? 'icon' : ''} ${this.current ? 'current' : ''}`}>\r\n {this.icon ? (\r\n // <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class=\"icon\">\r\n // <path\r\n // d=\"M9.25013 15C9.25013 15.4142 9.58592 15.75 10.0001 15.75C10.4143 15.75 10.7501 15.4142 10.7501 15H9.25013ZM10.7501 12.5C10.7501 12.0858 10.4143 11.75 10.0001 11.75C9.58592 11.75 9.25013 12.0858 9.25013 12.5H10.7501ZM5.85096 3.83335L5.41152 3.22558L5.85096 3.83335ZM14.1493 3.83335L14.5888 3.22558V3.22558L14.1493 3.83335ZM2.21049 12.6437L1.46919 12.7576L2.21049 12.6437ZM17.7898 12.6437L17.0485 12.5298V12.5298L17.7898 12.6437ZM18.0406 11.0112L18.7819 11.1251L18.0406 11.0112ZM15.3492 4.70091L14.9097 5.30868V5.30868L15.3492 4.70091ZM1.95963 11.0112L2.70093 10.8973L1.95963 11.0112ZM4.65108 4.70091L5.09053 5.30868L4.65108 4.70091ZM10.7501 15V12.5H9.25013V15H10.7501ZM17.2993 10.8973L17.0485 12.5298L18.5311 12.7576L18.7819 11.1251L17.2993 10.8973ZM10.9491 17.5834H9.05112V19.0834H10.9491V17.5834ZM2.95179 12.5298L2.70093 10.8973L1.21833 11.1251L1.46919 12.7576L2.95179 12.5298ZM5.09053 5.30868L6.2904 4.44113L5.41152 3.22558L4.21164 4.09313L5.09053 5.30868ZM13.7099 4.44113L14.9097 5.30868L15.7886 4.09313L14.5888 3.22558L13.7099 4.44113ZM6.2904 4.44113C7.30337 3.70872 8.01234 3.19753 8.60953 2.86241C9.18937 2.53703 9.5984 2.41669 10.0001 2.41669V0.916687C9.24932 0.916687 8.58264 1.15746 7.87547 1.5543C7.18565 1.9414 6.3963 2.51355 5.41152 3.22558L6.2904 4.44113ZM14.5888 3.22558C13.604 2.51355 12.8146 1.9414 12.1248 1.5543C11.4176 1.15746 10.7509 0.916687 10.0001 0.916687V2.41669C10.4019 2.41669 10.8109 2.53703 11.3907 2.86241C11.9879 3.19753 12.6969 3.70872 13.7099 4.44113L14.5888 3.22558ZM9.05112 17.5834C7.60947 17.5834 6.59586 17.5821 5.81847 17.4876C5.05984 17.3955 4.62131 17.2237 4.2889 16.9472L3.3297 18.1005C3.97055 18.6335 4.73007 18.8665 5.63761 18.9767C6.52639 19.0846 7.64706 19.0834 9.05112 19.0834V17.5834ZM1.46919 12.7576C1.67466 14.0946 1.83829 15.1692 2.08095 16.0066C2.33016 16.8666 2.68578 17.5649 3.3297 18.1005L4.2889 16.9472C3.95956 16.6733 3.7243 16.2884 3.52168 15.5891C3.3125 14.8673 3.16336 13.9065 2.95179 12.5298L1.46919 12.7576ZM17.0485 12.5298C16.8369 13.9065 16.6878 14.8673 16.4786 15.5891C16.276 16.2884 16.0407 16.6733 15.7114 16.9472L16.6706 18.1005C17.3145 17.5649 17.6701 16.8666 17.9193 16.0066C18.162 15.1692 18.3256 14.0946 18.5311 12.7576L17.0485 12.5298ZM10.9491 19.0834C12.3532 19.0834 13.4739 19.0846 14.3627 18.9767C15.2702 18.8665 16.0297 18.6335 16.6706 18.1005L15.7114 16.9472C15.379 17.2237 14.9404 17.3955 14.1818 17.4876C13.4044 17.5821 12.3908 17.5834 10.9491 17.5834V19.0834ZM18.7819 11.1251C18.9267 10.1833 19.0448 9.42055 19.0755 8.7878C19.107 8.1371 19.0507 7.56162 18.8099 6.99693L17.4301 7.58541C17.5512 7.86926 17.6023 8.19665 17.5772 8.71526C17.5513 9.25182 17.4488 9.9248 17.2993 10.8973L18.7819 11.1251ZM14.9097 5.30868C15.7248 5.898 16.2911 6.30854 16.7033 6.67427C17.1036 7.02939 17.3085 7.30014 17.4301 7.58541L18.8099 6.99693C18.5696 6.43364 18.1921 5.98984 17.6989 5.55225C17.2176 5.12527 16.5795 4.66495 15.7886 4.09313L14.9097 5.30868ZM2.70093 10.8973C2.55148 9.9248 2.44901 9.25182 2.42303 8.71526C2.39793 8.19665 2.44908 7.86926 2.57014 7.58541L1.1904 6.99693C0.949549 7.56162 0.893285 8.1371 0.924789 8.7878C0.955423 9.42055 1.0736 10.1833 1.21833 11.1251L2.70093 10.8973ZM4.21164 4.09313C3.42078 4.66495 2.78265 5.12527 2.30142 5.55225C1.80822 5.98984 1.43065 6.43364 1.1904 6.99693L2.57014 7.58541C2.69181 7.30014 2.89669 7.02939 3.29693 6.67427C3.70915 6.30854 4.27546 5.898 5.09053 5.30868L4.21164 4.09313Z\"\r\n // fill=\"#697586\"\r\n // />\r\n // </svg>\r\n <div class={`icon_svg`} innerHTML={this.leadingIconSvg}></div>\r\n ) : (\r\n <p class={`breadcrumb_text text-sm-medium ${this.type} ${this.current ? 'current' : ''}`}>{this.label}</p>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n","@import './../../global/global.css';\r\n\r\n:host{\r\n width: 100%;\r\n}\r\n\r\n.breadcrumbs_div {\r\n display: inline-flex;\r\n align-items: center;\r\n}\r\n\r\n.breadcrumb-item{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.breadcrumbs_div.text_with_line {\r\n display: inline-flex;\r\n padding: 0.5rem 0rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n border-top: 1px solid var(--color-border-subtler, #e3e8ef);\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n}\r\n\r\n.breadcrumbs_div.button_gray_with_border{\r\npadding: 0.25rem;\r\nalign-items: center;\r\nborder-radius: 0.5rem;\r\nborder: 1px solid var(--color-border-subtler, #CDD5DF);\r\nbackground: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.tabs {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.tabs.text,\r\n.tabs.text_with_line {\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.tabs.text_with_line {\r\n padding-left: var(--spacing-3);\r\n}\r\n\r\n.tabs.button_primary,\r\n.tabs.button_gray,\r\n.tabs.button_gray_with_border {\r\n gap: var(--spacing-2);\r\n}\r\n","import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-breadcrumbs',\r\n styleUrl: 'gb-breadcrumbs.css',\r\n shadow: true,\r\n})\r\nexport class GbBreadcrumbs {\r\n @Prop() type: 'text' | 'text_with_line' | 'button_primary' | 'button_gray' | 'button_gray_with_border' = 'text';\r\n @Prop() divider: 'chevron' | 'slash' = 'chevron';\r\n @Prop() breadcrumbs: { label: string; id: string }[] = [\r\n // { label: 'Projects', id: 'projects' },\r\n // { label: 'Design System', id: 'design-system' },\r\n // { label: 'Buttons', id: 'buttons' },\r\n ];\r\n @Prop() icon?: string;\r\n @Event() breadcrumbClicked: EventEmitter<{ id: string }>;\r\n @State() visibleBreadcrumbs: { label: string; id: string }[] = [];\r\n\r\n componentWillLoad() {\r\n this.visibleBreadcrumbs = [...this.breadcrumbs];\r\n }\r\n\r\n private handleBreadcrumbClick(clickedId: string) {\r\n const index = this.visibleBreadcrumbs.findIndex(b => b.id === clickedId);\r\n if (index !== -1) {\r\n this.visibleBreadcrumbs = this.visibleBreadcrumbs.slice(0, index + 1);\r\n this.breadcrumbClicked.emit({ id: clickedId });\r\n }\r\n }\r\n\r\n private handleHomeClick() {\r\n this.visibleBreadcrumbs = [];\r\n this.breadcrumbClicked.emit({ id: 'home' });\r\n }\r\n\r\n private renderDivider() {\r\n return this.divider === 'chevron' ? (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n <path d=\"M6 4C6 4 10 6.946 10 8C10 9.054 6 12 6 12\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n ) : (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <path d=\"M5.833 18.333L14.167 1.667\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n );\r\n }\r\n\r\n private resolveType() {\r\n switch (this.type) {\r\n case 'text':\r\n case 'text_with_line':\r\n return 'text';\r\n case 'button_primary':\r\n return 'button_primary';\r\n case 'button_gray':\r\n case 'button_gray_with_border':\r\n return 'button_gray';\r\n default:\r\n return 'text';\r\n }\r\n }\r\n\r\n render() {\r\n const btnType = this.resolveType();\r\n\r\n return (\r\n <div class={`breadcrumbs_div ${this.type}`}>\r\n <div class={`tabs ${this.type}`}>\r\n {/* Home button */}\r\n <gb-breadcrumb-button-base\r\n icon={true}\r\n icon-src={this.icon}\r\n type={btnType}\r\n current={this.visibleBreadcrumbs.length === 0}\r\n onClick={() => this.handleHomeClick()}\r\n ></gb-breadcrumb-button-base>\r\n\r\n {this.visibleBreadcrumbs.map((breadcrumb, index) => (\r\n <div class=\"breadcrumb-item\" key={breadcrumb.id}>\r\n {this.renderDivider()}\r\n <gb-breadcrumb-button-base\r\n icon={false}\r\n label={breadcrumb.label}\r\n type={btnType}\r\n current={index === this.visibleBreadcrumbs.length - 1}\r\n onClick={() => this.handleBreadcrumbClick(breadcrumb.id)}\r\n ></gb-breadcrumb-button-base>\r\n </div>\r\n ))}\r\n </div>\r\n </div>\r\n );\r\n }\r\n}\r\n","@import './../../global/global.css';\r\n\r\n/* *{box-sizing: border-box; margin: 0; padding: 0;} */\r\n:host {\r\n --button-color: var(--primary-color);\r\n --icon-color: var(--primary-color);\r\n}\r\n\r\nbutton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: var(--rounded-sm);\r\n width: 100%;\r\n}\r\n\r\nbutton.only{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\nbutton .icon {\r\n display: inline-flex;\r\n width: auto;\r\n height: auto;\r\n}\r\n\r\nbutton .icon svg path[fill] {\r\n fill: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg path[stroke] {\r\n stroke: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg circle {\r\n stroke: var(--icon-color);\r\n}\r\n\r\n/* Button Sizes Styles */\r\nbutton.xl2{\r\n padding: var(--spacing-none) var(--spacing-6);\r\n height: 3.5rem;\r\n gap: var(--spacing-3);\r\n}\r\n\r\nbutton.xl{\r\n padding: var(--spacing-none) var(--spacing-5);\r\n height: 3rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.lg{\r\n padding: 0.625rem 1.125rem;\r\n height: 2.75rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.md{\r\n padding: var(--spacing-none) var(--spacing-4);\r\n height: 2.5rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.sm{\r\n padding: var(--spacing-none) var(--spacing-3);\r\n height: 2.25rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.only.xl2{\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n}\r\n\r\nbutton.only.xl{\r\n width: 3rem;\r\n height: 3rem;\r\n}\r\n\r\nbutton.only.lg{\r\n width: 2.75rem;\r\n height: 2.75rem;\r\n}\r\n\r\nbutton.only.md{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\nbutton.only.sm{\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n}\r\n\r\nbutton.xl2 .icon svg{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\nbutton.xl .icon svg,\r\nbutton.lg .icon svg,\r\nbutton.md .icon svg,\r\nbutton.sm .icon svg{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n/* Hierarchy Styles */\r\nbutton.primary {\r\n background-color: var(--color-background-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-inverse, #FFFFFF);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border, #9AA4B2);\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.secondary_color {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.tertiary_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.tertiary_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.link_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n height: fit-content;\r\n}\r\n\r\nbutton.link_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-link, #075DB2);\r\n color: var(--color-link, #075DB2);\r\n padding: var(--spacing-none);\r\n height: fit-content;\r\n}\r\n\r\n/* Button Destructive Styles */\r\nbutton.primary.destructive{\r\n background-color: var(--color-background-danger, #B51726);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n --icon-color: var(--color-icon-danger-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray.destructive, button.secondary_color.destructive{\r\n border: 1px solid var(--color-border-danger, #B51726);\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.tertiary_gray.destructive,\r\nbutton.tertiary_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.link_gray.destructive, \r\nbutton.link_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n/* Button States Styles */\r\nbutton.primary:hover{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A);\r\n}\r\n\r\nbutton.primary:active{\r\n background-color: var(--color-background-brandRed-pressed, #B51726);\r\n}\r\n\r\nbutton.secondary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.secondary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.secondary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.tertiary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray:hover,\r\nbutton.link_color:hover{\r\n text-decoration: underline;\r\n}\r\n\r\nbutton.link_gray:active{\r\n text-decoration: none;\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\nbutton.link_color:active{\r\n text-decoration: none;\r\n color: var(--color-link-pressed, #064E94);\r\n}\r\n\r\nbutton.primary.destructive:hover{\r\n background-color: var(--color-background-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.primary.destructive:active{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A); /* ask Mr Gideon about this */\r\n}\r\n\r\nbutton.secondary_gray.destructive:hover, \r\nbutton.secondary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_gray.destructive:active, \r\nbutton.secondary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:hover, \r\nbutton.tertiary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:active, \r\nbutton.tertiary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray.destructive:active{\r\n color: var(--color-text-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.link_color.destructive:active{\r\n color: var(--color-text-warning-bold, #93370D);\r\n}\r\n\r\n/* Button Disabled Styles */\r\nbutton.disabled{\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\nbutton.primary.disabled {\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\nbutton.secondary_gray.disabled,\r\nbutton.secondary_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_gray.disabled,\r\nbutton.tertiary_color.disabled,\r\nbutton.link_gray.disabled,\r\nbutton.link_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n.btn_text{\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n}","import { Component, Element, getAssetPath, h, Prop, State } from \"@stencil/core\";\r\nimport { GeneralHierarchies, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-btn',\r\n styleUrl: 'gb-btn.css',\r\n})\r\nexport class GbButton {\r\n @Prop() size: GeneralSizes;\r\n @Prop() hierarchy: GeneralHierarchies;\r\n @Prop() icon: 'default' | 'only';\r\n @Prop() destructive: boolean = false;\r\n @Prop() state: 'default' | 'disabled';\r\n @Prop() iconLeading: boolean = false;\r\n @Prop() iconLeadingSwap: string;\r\n @Prop() iconTrailing: boolean = false;\r\n @Prop() iconTrailingSwap: string;\r\n @Element() el: HTMLElement;\r\n @State() leadingIconSvg: string = '';\r\n @State() trailingIconSvg: string = '';\r\n\r\n componentWillLoad() {\r\n if (this.iconLeading && this.iconLeadingSwap) {\r\n this.loadIcon(this.iconLeadingSwap, 'leading');\r\n }\r\n if (this.iconTrailing && this.iconTrailingSwap) {\r\n this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n }\r\n\r\n const buttonSlot = this.el.querySelector('p');\r\n\r\n if (buttonSlot) {\r\n buttonSlot.classList.add(this.getButtonTextClasses());\r\n buttonSlot.classList.add('nowrap');\r\n }\r\n }\r\n\r\n async loadIcon(iconName: string, type: 'leading' | 'trailing') {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n if (type === 'leading') {\r\n this.leadingIconSvg = svg;\r\n } else {\r\n this.trailingIconSvg = svg;\r\n }\r\n }\r\n\r\n // Helper to apply color styles based on the button state\r\n getButtonClasses() {\r\n return {\r\n button: true,\r\n [this.size]: true,\r\n [this.hierarchy]: true,\r\n destructive: this.destructive,\r\n disabled: this.state === 'disabled',\r\n default: this.icon === 'default',\r\n only: this.icon === 'only',\r\n // leftandrighticon: this.iconLeading && this.iconTrailing\r\n };\r\n }\r\n\r\n getButtonTextClasses() {\r\n switch (this.size) {\r\n case 'xl2':\r\n return 'text-lg-semi-bold';\r\n case 'xl':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n case 'md':\r\n return 'text-sm-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n }\r\n }\r\n\r\n renderLeadingIcon() {\r\n return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n }\r\n\r\n renderTrailingIcon() {\r\n return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n }\r\n\r\n render() {\r\n return (\r\n <button class={this.getButtonClasses()}>\r\n {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n {this.icon === 'default' && (\r\n <div class={`btn_text`}>\r\n <slot></slot>\r\n </div>\r\n )}\r\n {this.iconTrailing && this.renderTrailingIcon()}\r\n {this.icon === 'only' && this.renderLeadingIcon()}\r\n </button>\r\n );\r\n }\r\n}","@import './../../global/global.css';\r\n\r\n:host {\r\n --button-color: var(--primary-color);\r\n --icon-color: var(--primary-color);\r\n}\r\n\r\nbutton {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: var(--rounded-sm);\r\n width: 100%;\r\n}\r\n\r\nbutton.only{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\nbutton .icon {\r\n display: inline-flex;\r\n width: auto;\r\n height: auto;\r\n}\r\n\r\nbutton .icon svg path[fill] {\r\n fill: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg path[stroke] {\r\n stroke: var(--icon-color);\r\n}\r\n\r\nbutton .icon svg circle {\r\n stroke: var(--icon-color);\r\n}\r\n\r\n/* Button Sizes Styles */\r\nbutton.xl2{\r\n padding: var(--spacing-none) var(--spacing-6);\r\n height: 3.5rem;\r\n gap: var(--spacing-3);\r\n}\r\n\r\nbutton.xl{\r\n padding: var(--spacing-none) var(--spacing-5);\r\n height: 3rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.lg{\r\n padding: 0.625rem 1.125rem;\r\n height: 2.75rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.md{\r\n padding: var(--spacing-none) var(--spacing-4);\r\n height: 2.5rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.sm{\r\n padding: var(--spacing-none) var(--spacing-3);\r\n height: 2.25rem;\r\n gap: var(--spacing-2);\r\n}\r\n\r\nbutton.only.xl2{\r\n width: 3.5rem;\r\n height: 3.5rem;\r\n}\r\n\r\nbutton.only.xl{\r\n width: 3rem;\r\n height: 3rem;\r\n}\r\n\r\nbutton.only.lg{\r\n width: 2.75rem;\r\n height: 2.75rem;\r\n}\r\n\r\nbutton.only.md{\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n}\r\n\r\nbutton.only.sm{\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n}\r\n\r\nbutton.xl2 .icon svg{\r\n width: var(--spacing-6);\r\n height: var(--spacing-6);\r\n}\r\n\r\nbutton.xl .icon svg,\r\nbutton.lg .icon svg,\r\nbutton.md .icon svg,\r\nbutton.sm .icon svg{\r\n width: var(--spacing-5);\r\n height: var(--spacing-5);\r\n}\r\n\r\n/* Hierarchy Styles */\r\nbutton.primary {\r\n background-color: var(--color-background-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-inverse, #FFFFFF);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border, #9AA4B2);\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.secondary_color {\r\n background-color: transparent;\r\n border: 1px solid var(--color-border-brandRed, #E21B2E);\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.tertiary_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\nbutton.tertiary_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon-brandRed, #E21B2E);\r\n color: var(--color-text-brandRed, #E21B2E);\r\n}\r\n\r\nbutton.link_gray {\r\n background-color: transparent;\r\n --icon-color: var(--color-icon, #4B5565);\r\n color: var(--color-text, #4B5565);\r\n padding: var(--spacing-none);\r\n height: fit-content;\r\n}\r\n\r\nbutton.link_color {\r\n background-color: transparent;\r\n --icon-color: var(--color-link, #075DB2);\r\n color: var(--color-link, #075DB2);\r\n padding: var(--spacing-none);\r\n height: fit-content;\r\n}\r\n\r\n/* Button Destructive Styles */\r\nbutton.primary.destructive{\r\n background-color: var(--color-background-danger, #B51726);\r\n color: var(--color-text-inverse, #FFFFFF);\r\n --icon-color: var(--color-icon-danger-inverse, #FFFFFF);\r\n}\r\n\r\nbutton.secondary_gray.destructive, button.secondary_color.destructive{\r\n border: 1px solid var(--color-border-danger, #B51726);\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.tertiary_gray.destructive,\r\nbutton.tertiary_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\nbutton.link_gray.destructive, \r\nbutton.link_color.destructive{\r\n color: var(--color-text-danger, #B51726);\r\n --icon-color: var(--color-icon-danger, #B51726);\r\n}\r\n\r\n/* Button States Styles */\r\nbutton.primary:hover{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A);\r\n}\r\n\r\nbutton.primary:active{\r\n background-color: var(--color-background-brandRed-pressed, #B51726);\r\n}\r\n\r\nbutton.secondary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.secondary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.secondary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray:hover{\r\n background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\nbutton.tertiary_gray:active{\r\n background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_color:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_color:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray:hover,\r\nbutton.link_color:hover{\r\n text-decoration: underline;\r\n}\r\n\r\nbutton.link_gray:active{\r\n text-decoration: none;\r\n color: var(--color-text-bold, #202939);\r\n}\r\n\r\nbutton.link_color:active{\r\n text-decoration: none;\r\n color: var(--color-link-pressed, #064E94);\r\n}\r\n\r\nbutton.primary.destructive:hover{\r\n background-color: var(--color-background-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.primary.destructive:active{\r\n background-color: var(--color-background-brandRed-hover, #CC1A2A); /* ask Mr Gideon about this */\r\n}\r\n\r\nbutton.secondary_gray.destructive:hover, \r\nbutton.secondary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.secondary_gray.destructive:active, \r\nbutton.secondary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:hover, \r\nbutton.tertiary_color.destructive:hover{\r\n background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n}\r\n\r\nbutton.tertiary_gray.destructive:active, \r\nbutton.tertiary_color.destructive:active{\r\n background-color: var(--color-background-danger-subtler, #FDE3E5);\r\n}\r\n\r\nbutton.link_gray.destructive:active{\r\n color: var(--color-text-danger-bold, #8C121D);\r\n}\r\n\r\nbutton.link_color.destructive:active{\r\n color: var(--color-text-warning-bold, #93370D);\r\n}\r\n\r\n/* Button Disabled Styles */\r\nbutton.disabled{\r\n cursor: not-allowed;\r\n pointer-events: none;\r\n}\r\n\r\nbutton.primary.disabled {\r\n background-color: var(--color-background-disabled, #F6F8FA);\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\nbutton.secondary_gray.disabled,\r\nbutton.secondary_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\nbutton.tertiary_gray.disabled,\r\nbutton.tertiary_color.disabled,\r\nbutton.link_gray.disabled,\r\nbutton.link_color.disabled{\r\n --icon-color: var(--color-icon-disabled, #CDD5DF);\r\n color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n.btn_text{\r\n white-space: nowrap;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.btn_text::first-letter{\r\n text-transform: uppercase;\r\n}","import { Component, Element, getAssetPath, h, Prop, State } from '@stencil/core';\r\nimport { GeneralHierarchies, GeneralSizes, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-button',\r\n styleUrl: 'gb-button.css',\r\n shadow: true,\r\n assetsDirs: [''],\r\n})\r\nexport class GbButton {\r\n @Prop() size!: GeneralSizes;\r\n @Prop() hierarchy!: GeneralHierarchies;\r\n @Prop() icon!: 'default' | 'only';\r\n @Prop() destructive: boolean = false;\r\n @Prop() state: StateType;\r\n @Prop() iconLeading: boolean = false;\r\n @Prop() iconLeadingSwap: string;\r\n @Prop() iconTrailing: boolean = false;\r\n @Prop() iconTrailingSwap: string;\r\n @Element() el: HTMLElement;\r\n @State() leadingIconSvg: string = '';\r\n @State() trailingIconSvg: string = '';\r\n\r\n componentWillLoad() {\r\n if (this.iconLeading && this.iconLeadingSwap) {\r\n this.loadIcon(this.iconLeadingSwap, 'leading');\r\n }\r\n if (this.iconTrailing && this.iconTrailingSwap) {\r\n this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n }\r\n\r\n const buttonSlot = this.el.querySelector('p');\r\n\r\n if (buttonSlot) {\r\n buttonSlot.classList.add(this.getButtonTextClasses());\r\n buttonSlot.classList.add('nowrap');\r\n }\r\n\r\n // if (!this.iconLeading && !this.iconTrailing) {\r\n // buttonSlot.classList.add('center');\r\n // }\r\n }\r\n\r\n async loadIcon(iconName: string, type: 'leading' | 'trailing') {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n if (type === 'leading') {\r\n this.leadingIconSvg = svg;\r\n } else {\r\n this.trailingIconSvg = svg;\r\n }\r\n }\r\n\r\n // Helper to apply color styles based on the button state\r\n getButtonClasses() {\r\n return {\r\n button: true,\r\n [this.size]: true,\r\n [this.hierarchy]: true,\r\n destructive: this.destructive,\r\n disabled: this.state === 'disabled',\r\n default: this.icon === 'default',\r\n only: this.icon === 'only',\r\n oneicon: this.iconLeading || this.iconTrailing,\r\n };\r\n }\r\n\r\n getButtonTextClasses() {\r\n switch (this.size) {\r\n case 'xl2':\r\n return 'text-lg-semi-bold';\r\n case 'xl':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n case 'md':\r\n return 'text-sm-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n }\r\n }\r\n\r\n renderLeadingIcon() {\r\n return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n }\r\n\r\n renderTrailingIcon() {\r\n return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n }\r\n\r\n render() {\r\n return (\r\n <button disabled={this.state === 'disabled'} class={this.getButtonClasses()}>\r\n {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n {this.icon === 'default' && <slot></slot>}\r\n {this.iconTrailing && this.renderTrailingIcon()}\r\n {this.icon === 'only' && this.renderLeadingIcon()}\r\n </button>\r\n );\r\n }\r\n}\r\n","@import './../../global/global.css';\r\n\r\n.card_icon_div {\r\n display: flex;\r\n width: fit-content;\r\n height: fit-content;\r\n padding: 0.6875rem;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0.625rem;\r\n flex-shrink: 0;\r\n border-radius: 12.5rem;\r\n}\r\n\r\n.card_icon_div.blue {\r\n background: var(--color-background-information-subtler, #c8e0f9);\r\n}\r\n\r\n.card_icon_div.cyan {\r\n background: var(--color-background-discovery-subtler, #e0f2fe);\r\n}\r\n\r\n.card_icon_div.green {\r\n background: var(--color-background-success-subtler, #dcfae6);\r\n}\r\n\r\n.card_icon_div.purple {\r\n background: var(--color-background-purple-subtler, #ebe9fe);\r\n}\r\n\r\n.card_icon_div.yellow {\r\n background: var(--color-background-warning-subtler, #fef0c7);\r\n}\r\n\r\n.card_icon_div.gray {\r\n background: var(--color-background-gray-subtler, #eef2f6);\r\n}\r\n\r\n.card_icon_div.red {\r\n background: var(--color-background-danger-subtler, #fde3e5);\r\n}\r\n\r\n.card_icon_div.white {\r\n background: var(--color-background-card, #ffffff);\r\n}\r\n\r\n.icon_svg {\r\n width: 1.125rem;\r\n height: 1.125rem;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.icon_svg path[stroke]{\r\n stroke: var(--color-icon-bold, #202939)\r\n}\r\n\r\n.icon_svg path[fill]{\r\n fill: var(--color-icon-bold, #202939)\r\n}","import { Component, Prop, State, getAssetPath, h } from '@stencil/core';\r\nimport { ColorTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-card-icon',\r\n styleUrl: 'gb-card-icon.css',\r\n shadow: true,\r\n})\r\nexport class GbCardIcon {\r\n @Prop() color: ColorTypes;\r\n @Prop() icon: string = '';\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`card_icon_div ${this.color}`}>\r\n <div class={`icon_svg`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n );\r\n }\r\n}\r\n","@import './../../global/global.css';\r\n\r\n:host {\r\n display: block;\r\n\r\n}\r\n\r\n.alpha-mask {\r\n mask-type: alpha;\r\n}\r\n\r\n.comments-container {\r\n padding: 16px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n border-radius: 12px;\r\n border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n /* transition: 1s ease-in-out; */\r\n width: 100%;\r\n}\r\n\r\n.header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: fit-content;\r\n padding: 0.5rem;\r\n}\r\n\r\n.header.expanded{\r\n margin-bottom: 1rem;\r\n}\r\n\r\n.header.collased{\r\n margin-bottom: 0;\r\n}\r\n\r\n.title-section {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n}\r\n\r\n.info-icon {\r\n width: 24px;\r\n height: 24px;\r\n flex-shrink: 0;\r\n}\r\n\r\n.heading{\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.comments-wrapper{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n align-self: stretch;\r\n\r\n}\r\n\r\n.no-comments-state-images{\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n \r\n}\r\n\r\n.comments-container.no-comments-state {\r\n height: fit-content;\r\n}\r\n\r\n.no-comment-text-wrapper span{\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.empty_state_pattern{\r\n position: absolute;\r\n top: 0;\r\n width: 400px;\r\n height: 120px;\r\n mix-blend-mode: multiply;\r\n}\r\n\r\n.empty_state{\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: var(--spacing-3);\r\n flex-shrink: 0;\r\n align-self: stretch;\r\n}\r\n\r\n.text{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n gap: var(--spacing-3);\r\n}\r\n\r\n.content{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.frame{\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n}\r\n\r\n.container{\r\n position: relative;\r\n}\r\n\r\n.main-text{\r\n color: var(--color-text-bold, #202939);\r\n \r\n}\r\n\r\n.sub-text{\r\n color: var(--color-text, #4B5565);\r\n}\r\n","import { Component, Prop, h, getAssetPath } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-comment',\r\n styleUrl: 'gb-comment.css',\r\n shadow: true,\r\n})\r\nexport class GbComment {\r\n @Prop() heading: string = '';\r\n @Prop({ mutable: true }) state: 'expanded' | 'collapsed';\r\n @Prop() noCommentText: string = 'No comment yet';\r\n @Prop() noCommentTextSub: string = 'No reviewer has left a comment yet, you will be notified when a comment drops';\r\n @Prop() comments: any[] = [\r\n // {\r\n // name: 'Prince Ogheneriere',\r\n // role: 'Authorizer',\r\n // comment: 'This is error and fraud free. I concur',\r\n // timestamp: '07-Oct-2024 6:00PM' ,\r\n // },\r\n // {\r\n // name: 'Prince Ogheneriere',\r\n // role: 'Authorizer',\r\n // comment: 'This is error and fraud free. I concur',\r\n // timestamp: '07-Oct-2024 6:00PM',\r\n // },\r\n // {\r\n // name: 'Prince Ogheneriere',\r\n // role: 'Authorizer',\r\n // comment: 'I concur to the transactions in this call-over',\r\n // timestamp: '07-Oct-2024 6:00PM',\r\n // },\r\n // {\r\n // name: 'Gideon',\r\n // role: 'Designer',\r\n // comment: 'I concur to the transactions in this call-over',\r\n // timestamp: '07-Nov-2024 6:00PM',\r\n // },\r\n ];\r\n\r\n toggleComments() {\r\n if (this.state === 'expanded') {\r\n this.state = 'collapsed';\r\n } else if (this.state === 'collapsed') {\r\n this.state = 'expanded';\r\n }\r\n }\r\n\r\n render() {\r\n const hasComments = this.comments && this.comments.length > 0;\r\n const patternSrc = getAssetPath(`assets/background_pattern.svg`);\r\n const illustrationSrc = getAssetPath(`assets/illustration.svg`);\r\n\r\n return (\r\n <div class={`comments-container ${!hasComments ? 'no-comments-state' : ''}`}>\r\n <div class={`header ${this.state}`}>\r\n <div class=\"title-section\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"info-icon\">\r\n <path\r\n opacity=\"0.4\"\r\n d=\"M12.0572 1.75C14.2479 1.74999 15.9686 1.74998 17.312 1.93059C18.6886 2.11568 19.7809 2.50271 20.6391 3.36091C21.4973 4.21911 21.8843 5.31137 22.0694 6.68802C22.25 8.03143 22.25 9.7521 22.25 11.9428V11.9428V12.0572V12.0572C22.25 14.2479 22.25 15.9686 22.0694 17.312C21.8843 18.6886 21.4973 19.7809 20.6391 20.6391C19.7809 21.4973 18.6886 21.8843 17.312 22.0694C15.9686 22.25 14.2479 22.25 12.0572 22.25H12.0572H11.9428H11.9428C9.7521 22.25 8.03143 22.25 6.68802 22.0694C5.31137 21.8843 4.21911 21.4973 3.36091 20.6391C2.50271 19.7809 2.11568 18.6886 1.93059 17.312C1.74998 15.9686 1.74999 14.2479 1.75 12.0572V11.9428C1.74999 9.75212 1.74998 8.03144 1.93059 6.68802C2.11568 5.31137 2.50272 4.21911 3.36091 3.36091C4.21911 2.50272 5.31137 2.11568 6.68802 1.93059C8.03144 1.74998 9.75212 1.74999 11.9428 1.75H12.0572Z\"\r\n fill=\"#064E94\"\r\n />\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M11.6819 10.5273C11.9289 10.5605 12.2707 10.6494 12.5607 10.9394C12.8507 11.2294 12.9396 11.5711 12.9728 11.8182C13.0003 12.0228 13.0001 12.2608 13 12.4606C13 12.474 13 12.4871 13 12.5V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V12.5C10.4477 12.5 10 12.0523 10 11.5C10 10.9477 10.4477 10.5 11 10.5C11.0129 10.5 11.0261 10.5 11.0394 10.5C11.2393 10.4999 11.4772 10.4997 11.6819 10.5273Z\"\r\n fill=\"#064E94\"\r\n />\r\n <path\r\n fill-rule=\"evenodd\"\r\n clip-rule=\"evenodd\"\r\n d=\"M10.9999 7.5C10.9999 6.94772 11.4456 6.5 11.9954 6.5H12.0044C12.5542 6.5 12.9999 6.94772 12.9999 7.5C12.9999 8.05228 12.5542 8.5 12.0044 8.5H11.9954C11.4456 8.5 10.9999 8.05228 10.9999 7.5Z\"\r\n fill=\"#064E94\"\r\n />\r\n </svg>\r\n <h2 class=\"text-md-semi-bold heading\">{this.heading}</h2>\r\n </div>\r\n\r\n <gb-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" onClick={() => this.toggleComments()}>\r\n {this.state === 'expanded' ? <p>Hide Comments</p> : <p>Show Comments</p>}\r\n </gb-button>\r\n </div>\r\n\r\n {this.state === 'expanded' &&\r\n (hasComments ? (\r\n <div class=\"comments-wrapper\">\r\n {this.comments.map((comment, index) => (\r\n <gb-comment-item\r\n key={index}\r\n name={comment.name}\r\n duty={comment.role}\r\n comment={comment.comment}\r\n time-stamp={comment.timeStamp}\r\n connector={this.comments.length > 1 && index < this.comments.length - 1 ? true : false}\r\n />\r\n ))}\r\n </div>\r\n ) : (\r\n <div class=\"container\">\r\n <div class=\"frame\">\r\n <img src={patternSrc} alt=\"\" class=\"empty_state_pattern\" />\r\n <div class=\"empty_state\">\r\n <div class=\"content\">\r\n <img src={illustrationSrc} alt=\"bell-icon\" class=\"bell_icon\" />\r\n <div class=\"text\">\r\n <p class=\"main-text text-lg-semi-bold\">{this.noCommentText}</p>\r\n <p class=\"sub-text text-sm-regular\">{this.noCommentTextSub}</p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n );\r\n }\r\n}","@import './../../global/global.css';\r\n\r\n.comment-item {\r\n display: flex;\r\n gap: 12px;\r\n align-items: flex-start;\r\n color: red;\r\n position: relative; \r\n align-items: flex-start;\r\n padding-left: var(--spacing-12);\r\n margin-bottom: -1rem;\r\n}\r\n\r\n.comment-item:not(:last-child)::before {\r\n content: '';\r\n position: absolute;\r\n left: 10px;\r\n top: 16px;\r\n width: 2px;\r\n height: 100%;\r\n background-color: #064E94;\r\n}\r\n\r\n.comment-bullet {\r\n width: 12px;\r\n height: 12px;\r\n border-radius: var(--rounded-full);\r\n background: var(--color-icon-information, #064E94);\r\n margin: 5px;\r\n}\r\n\r\n.line{\r\n background-color: #064E94;\r\n width: 0.5px;\r\n height: 4.5rem;\r\n padding: 1px;\r\n border: none;\r\n margin-top: -5px;\r\n left: 10px;\r\n top: 16px;\r\n}\r\n\r\n.left{\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n\r\n}\r\n\r\n.comment-wrapper{\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-none);\r\n align-self: stretch;\r\n}\r\n\r\n\r\n.comment-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: var(--spacing-1);\r\n padding-bottom: var(--spacing-6);\r\n}\r\n\r\n.comments-container {\r\n padding: 16px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n gap: var(--spacing-4);\r\n border-radius: 12px;\r\n border: 1px solid var(--color-border-infromation-subtle, #9AC7F4);\r\n background: var(--color-background-information-subtlest, #E4F0FC);\r\n box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\r\n /* transition: 1s ease-in-out; */\r\n}\r\n\r\n.comment-content {\r\n flex: 1;\r\n}\r\n\r\n.reviewer-info {\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.comment-text {\r\n color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.timestamp {\r\n color: var(--color-text-information, #064E94);\r\n margin-bottom: 10px;\r\n}\r\n\r\n","import { Component, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-comment-item',\r\n styleUrl: 'gb-comment-item.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbCommentItem {\r\n @Prop() name: string = '';\r\n @Prop() duty: string = '';\r\n @Prop() comment: string = '';\r\n @Prop() timeStamp: string = '';\r\n @Prop() connector: boolean = false;\r\n\r\n displayNameAndRole() {\r\n let nameAndRole = `${this.name} (${this.duty})`;\r\n return nameAndRole\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"comment-item\">\r\n <div class=\"left\">\r\n <div class=\"comment-bullet\"></div>\r\n {this.connector && <hr class=\"line\" />}\r\n </div>\r\n <div class=\"comment-content\">\r\n <div class=\"reviewer-info\">\r\n <p class=\"text-sm-semi-bold\">{this.displayNameAndRole()}</p>\r\n </div>\r\n <div class=\"comment-text\">\r\n <p class=\"text-sm-regular\">{this.comment}</p>\r\n </div>\r\n <div class=\"timestamp\">\r\n <p class=\"text-xs-regular\">{this.timeStamp}</p>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}","@import './../../global/global.css';\r\n\r\n.quick_action_icon_div{\r\n display: flex;\r\nflex-direction: column;\r\njustify-content: center;\r\nalign-items: center;\r\ngap: 0.75rem;\r\nwidth: fit-content;\r\n}\r\n\r\n.label{\r\n color: var(--color-text, #4B5565);\r\n}","import { Component, Prop, State, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-quick-action-icon',\r\n styleUrl: 'gb-quick-action-icon.css',\r\n shadow: true\r\n})\r\n\r\n export class GbQuickActionIcon {\r\n @Prop() icon: string = '';\r\n @Prop() label: string = '';\r\n @State() isHovered: boolean = false;\r\n\r\n render() {\r\n return (\r\n <div class=\"quick_action_icon_div\" onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)}>\r\n <gb-card-icon color={this.isHovered ? 'cyan' : 'blue'} icon={this.icon}></gb-card-icon>\r\n <p class=\"label text-xs-medium\">{this.label}</p>\r\n </div>\r\n );\r\n }\r\n }"],"version":3}

package/dist/cjs/gb-button-close.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbButtonClose = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '3fb6237a0d4c85a0a0447942469ef8a63149a8db', class: `${this.size} ${this.color}` }, index.h("svg", { key: '22f50f654d3aa4370e24d262b9625618e6b39b88', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `${this.size}` }, index.h("path", { key: 'e6dec366254590eebdaf5937fc67367afaf69aa6', d: "M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (index.h("div", { key: 'f9b037216a499c0e8d634e89c6eea93d19ec7448', class: `${this.size} ${this.color}` }, index.h("svg", { key: '77478a8766eb80a9be792b3ca030932f16398ea2', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `${this.size}` }, index.h("path", { key: '92d8b9a142a61c50276da6510e0fa228fb6d395d', d: "M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
 };
 GbButtonClose.style = gbButtonCloseCss;

package/dist/cjs/gb-carousel-arrow.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbCarouselArrow = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'db25974e5af9a4c42a427853ec9ef6374ed7122f', class: `carousel_arrow ${this.size}` }, this.chevron === 'left' && (index.h("svg", { key: '9267bc4f091a5d7c40e6b7eb3b46c54de0fc150c', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: 'b5000566a6d5aaa7955553433a9f4c143911e72e', d: "M15 5.99989C15 5.99989 9.00001 10.4188 9 11.9999C8.99999 13.5811 15 17.9999 15 17.9999", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.chevron === 'right' && (index.h("svg", { key: 'c2728061cb1d39ff2f9714e5bee131ab31d38978', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '223b78a4f5b120f28617f8068c16ebb2280197a2', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (index.h("div", { key: 'e81d856b51283aad5f8aa1aad6c680688e733d7a', class: `carousel_arrow ${this.size}` }, this.chevron === 'left' && (index.h("svg", { key: '1148484a7c1c767514d8605feb8c2d977978e3e9', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '588632cfd203e7a870dafd1f8304554c6694c601', d: "M15 5.99989C15 5.99989 9.00001 10.4188 9 11.9999C8.99999 13.5811 15 17.9999 15 17.9999", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))), this.chevron === 'right' && (index.h("svg", { key: 'c838bf5bd90067b25af9be4a08d87d9b9f72edd3', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, index.h("path", { key: '03a9db61d29fde9f487086ceffd4fe6ab66e45b5', d: "M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18", stroke: "#202939", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 GbCarouselArrow.style = gbCarouselArrowCss;

package/dist/cjs/gb-checkbox-group-item.cjs.entry.js CHANGED Viewed

@@ -88,7 +88,7 @@ const GbCheckboxGroupItem = class {
     }
     render() {
         return [
-            index.h("div", { key: '43f3dcadf217f3849ecca1aad480cf2eabcb8519', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''} ${this.breakpoint}`, onClick: () => this.toggleSelection() }, index.h("div", { key: 'a628392cd0dc06013c3e6752d2d45ad82d4ef612', class: "item-content" }, this.renderIcon(), index.h("div", { key: '34fb87bca07db50a2312fbbd5a599c166c1067d5', class: "text-container" }, index.h("div", { key: '71373cf427e63780e5774a107969b5640c351842', class: `label-cost ${this.type}` }, index.h("slot", { key: '8ed37901bb189f283805d3b398698ad2ac038acf', name: "label" }), this.showCost && index.h("slot", { key: 'fe73f79fdf420cfddfb7e73e6dee3e301ed6be7a', name: "cost" })), this.type === 'payment_icon' ? (index.h("div", { class: "buttons" }, index.h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, index.h("p", null, "Set as default")), index.h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, index.h("p", null, "Edit")))) : (index.h("slot", { name: "supporting_text" })))), this.type === 'icon_simple' || this.type === 'avatar' || this.type === 'payment_icon' ? (index.h("div", { class: `checkbox_container` }, index.h("gb-checkbox", { type: 'check_circle', size: this.size, state: this.state, checked: this.selected }))) : null),
+            index.h("div", { key: '953bfb70ebf722f881d0448a9500d92479751942', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''} ${this.breakpoint}`, onClick: () => this.toggleSelection() }, index.h("div", { key: 'ac9c9a3d0765e9b7eff9369fc2c6d8b92ea33a82', class: "item-content" }, this.renderIcon(), index.h("div", { key: 'd8b5df9b9b56cab6dc30c3390ce7d43a90c14c14', class: "text-container" }, index.h("div", { key: 'b23fdd4f2723735129781ccd9060032e6193d350', class: `label-cost ${this.type}` }, index.h("slot", { key: 'dd32344461bb69b5038b1167f4c879c0f965fc50', name: "label" }), this.showCost && index.h("slot", { key: '789b317a2cc42f07fa4e704bb3633f085e433891', name: "cost" })), this.type === 'payment_icon' ? (index.h("div", { class: "buttons" }, index.h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, index.h("p", null, "Set as default")), index.h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, index.h("p", null, "Edit")))) : (index.h("slot", { name: "supporting_text" })))), this.type === 'icon_simple' || this.type === 'avatar' || this.type === 'payment_icon' ? (index.h("div", { class: `checkbox_container` }, index.h("gb-checkbox", { type: 'check_circle', size: this.size, state: this.state, checked: this.selected }))) : null),
         ];
     }
     get el() { return index.getElement(this); }

package/dist/cjs/gb-checkbox-group.cjs.entry.js CHANGED Viewed

@@ -11,7 +11,7 @@ const GbCheckboxGroup = class {
         this.selected = false;
     }
     render() {
-        return (index.h("div", { key: '248e3905b4596385a1b828cffa53b7e79096a4d6', class: `checkbox_group` }, index.h("gb-checkbox-group-item", { key: '79b162b7f1a05bc746e00b58f373b14e16f65f61', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: 'b28671081eab8e2a1a2db823f19a7d843e916d85', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: '47a81fe6c8d7bb75f75f8ae9e946cbd057364716', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: '89c81c729eca4e21cfb65a5cf83307614d8a6aef', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: '2fb1545d1b3c6efc3a6207fd2532b87654093d42', size: this.size, type: this.type, breakpoint: this.breakpoint })));
+        return (index.h("div", { key: '528a1679fe6341f133014de9f2708cbb762cdc6b', class: `checkbox_group` }, index.h("gb-checkbox-group-item", { key: '339e513754454baa5fe0e7a8688563ff2c6b0c28', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: '5497fac8e0225f8f24fa58f1d37c6eb610c43c9b', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: '4a1f8233343df620aac4bead5b92bf337d60e01a', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: 'ef121bc1fae5e454a8449aead59586a0d3dc04d9', size: this.size, type: this.type, breakpoint: this.breakpoint }), index.h("gb-checkbox-group-item", { key: '27ac8dc531ccbd6d007510f1646b9c4af2956347', size: this.size, type: this.type, breakpoint: this.breakpoint })));
     }
 };
 GbCheckboxGroup.style = gbCheckboxGroupCss;

package/dist/cjs/gb-checkbox_2.cjs.entry.js CHANGED Viewed

@@ -44,7 +44,7 @@ const GbCheckbox = class {
         this.checkboxClicked.emit(event.detail);
     }
     render() {
-        return (index.h("div", { key: '2870429440caed2e990f9d59f2104781c46ab630', class: `checkbox_div ${this.size} ${this.text ? 'text_class' : ''}` }, index.h("div", { key: '0e570bba4f8382b05a59e990e15610d24e47c20e', class: `checkbox_base ${!this.supportingText ? 'checkbox_no_supporting_text' : ''}` }, index.h("gb-checkbox-base", { key: '29efc016d035189f954c5d6859d9d24bfbab4647', size: this.size, type: this.type, state: this.state, indeterminate: this.indeterminate, onCheckboxClicked: this.onCheckboxClicked.bind(this) })), this.text && (index.h("div", { key: '4c116b99ce028e5057cb6ff904fe2b36423c3064', class: `text ${!this.supportingText ? 'no_supporting_text' : ''}` }, index.h("slot", { key: 'e05609995ce1b21ae47f23c3b46a30c5de686f74', name: "label" }), this.supportingText && index.h("slot", { key: '9b1fbf444de60a5591b3a35a5f81df5c1193f3a6', name: "supporting_text" })))));
+        return (index.h("div", { key: '8d6624d183b4d1588af485a326566f52fe57588a', class: `checkbox_div ${this.size} ${this.text ? 'text_class' : ''}` }, index.h("div", { key: 'a4a769b0a2122d71bdc2e5b93937d2fa7b989394', class: `checkbox_base ${!this.supportingText ? 'checkbox_no_supporting_text' : ''}` }, index.h("gb-checkbox-base", { key: 'fb65507e3af67068800d6e27d7cf52b4badf93e6', size: this.size, type: this.type, state: this.state, indeterminate: this.indeterminate, onCheckboxClicked: this.onCheckboxClicked.bind(this) })), this.text && (index.h("div", { key: '7cfd13a29394a21611d07ee2660ecb818d5b0aba', class: `text ${!this.supportingText ? 'no_supporting_text' : ''}` }, index.h("slot", { key: '4797b3a14a8eb41ac56ca0c8986a28cffc8f30bb', name: "label" }), this.supportingText && index.h("slot", { key: 'd54ddcdef92750788d95ed0ee5dc6c0b8116cd38', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -154,7 +154,7 @@ const GbCheckboxBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: '95a70494f3ff83031d5f4a958065fc827bc21976', class: `checkbox_container ${this.size}`, onClick: () => {
+        return (index.h("div", { key: 'dba46d9b981ceb4eb7c7cc91dccb3b52dd1279e2', class: `checkbox_container ${this.size}`, onClick: () => {
                 if (this.type === 'checkbox') {
                     return this.toggleCheckboxState();
                 }

package/dist/cjs/gb-collapse-button_4.cjs.entry.js CHANGED Viewed

@@ -29,9 +29,9 @@ const GbCollapseButton = class {
     }
     render() {
         return [
-            index.h("div", { key: '67095b14b255cbe1bc5b313d9a273ccef131adfc' }, index.h("div", { key: 'bfb01e6f986555afac64006e309d8ca024bccbcc', class: `collapse_btn ${this.color}`, onClick: this.toggleIcon.bind(this), onMouseOver: () => (this.isHovered = true), onMouseOut: () => (this.isHovered = false) }, this.action === 'collapse' && [
-                index.h("svg", { key: '64610b3e8b0949aafe38314a7652687f7a2080d4', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icon ${this.color}` }, index.h("path", { key: 'a5d112e187d384fd0dedc76bd4975b70dabed8e3', d: "M9.58321 15C9.58321 15 4.58326 11.3176 4.58325 9.99996C4.58324 8.68237 9.58325 5 9.58325 5M15.4165 15C15.4165 15 10.4166 11.3176 10.4166 9.99996C10.4166 8.68237 15.4166 5 15.4166 5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })),
-            ], this.action === 'expand' && (index.h("svg", { key: '2720de598d9fa8102913fa5304dcd00e4eea8bbf', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icon ${this.color}` }, index.h("path", { key: 'e2b0e0bf07a5474361d929293b13f563c813d2ea', d: "M10.4166 15C10.4166 15 15.4166 11.3176 15.4166 9.99996C15.4166 8.68237 10.4166 5 10.4166 5M4.58329 15C4.58329 15 9.58324 11.3176 9.58325 9.99996C9.58326 8.68237 4.58325 5 4.58325 5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.isHovered && this.action === 'collapse' ? (index.h("gb-tooltip", { class: "tooltip", "show-arrow": true, arrow: "left" }, index.h("p", { slot: "label", class: "text-xs-semi-bold" }, "Collapse"))) : this.isHovered && this.action === 'expand' ? (index.h("gb-tooltip", { class: "tooltip", "show-arrow": true, arrow: "left" }, index.h("p", { slot: "label", class: "text-xs-semi-bold" }, "Expand"))) : null),
+            index.h("div", { key: '8e807763d048c18c45999db5f8ec6c1b35346615' }, index.h("div", { key: '65b14bf3d9e91b93773b962de915fbee77fbab93', class: `collapse_btn ${this.color}`, onClick: this.toggleIcon.bind(this), onMouseOver: () => (this.isHovered = true), onMouseOut: () => (this.isHovered = false) }, this.action === 'collapse' && [
+                index.h("svg", { key: '24d7b85119bf663a8bd6139f5071405287d350c0', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icon ${this.color}` }, index.h("path", { key: 'd4928dcc5d03414a564b093f5e31a7ef62c87e8f', d: "M9.58321 15C9.58321 15 4.58326 11.3176 4.58325 9.99996C4.58324 8.68237 9.58325 5 9.58325 5M15.4165 15C15.4165 15 10.4166 11.3176 10.4166 9.99996C10.4166 8.68237 15.4166 5 15.4166 5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })),
+            ], this.action === 'expand' && (index.h("svg", { key: '16cc1c67a068625eb2a6d33c85241df32dead581', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icon ${this.color}` }, index.h("path", { key: 'b300ae63fc5af5dceac1963aeeaccfdd1c748090', d: "M10.4166 15C10.4166 15 15.4166 11.3176 15.4166 9.99996C15.4166 8.68237 10.4166 5 10.4166 5M4.58329 15C4.58329 15 9.58324 11.3176 9.58325 9.99996C9.58326 8.68237 4.58325 5 4.58325 5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.isHovered && this.action === 'collapse' ? (index.h("gb-tooltip", { class: "tooltip", "show-arrow": true, arrow: "left" }, index.h("p", { slot: "label", class: "text-xs-semi-bold" }, "Collapse"))) : this.isHovered && this.action === 'expand' ? (index.h("gb-tooltip", { class: "tooltip", "show-arrow": true, arrow: "left" }, index.h("p", { slot: "label", class: "text-xs-semi-bold" }, "Expand"))) : null),
         ];
     }
 };
@@ -63,7 +63,7 @@ const GbComplexPrimarySideBarItem = class {
         const whiteBarSrc = index.getAssetPath(`assets/complex_bar_white.svg`);
         const redCompactBarSrc = index.getAssetPath(`assets/compact_bar_red.svg`);
         const whiteCompactBarSrc = index.getAssetPath(`assets/compact_bar_white.svg`);
-        return (index.h(index.Fragment, null, this.itemStyle === 'standard' && (index.h("div", { key: 'b4a87cf3b4f36dee621f8b07d645a25b4393ee2c', class: `container ${this.state} ${this.category}` }, index.h("div", { key: 'd0a55786fec87fdee8d789d517b47690ae2aa801', class: `wrapper ${this.state} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '55794f95a8b3ea52c2e6e28d27cf39f7ece7a6c0', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '5d2e02a8a7dc332a70cc06eeb34895344b61bcaf', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: '064de8e9a5eda4b08178062e5c0c9895183669ac', class: "icon_container" }, index.h("div", { key: '3c8dc406b31afd35097ed938ba2b0e4b265f9eeb', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), index.h("p", { key: 'd9cbdb556ab4ab43812c5f4643ce8ccd1d672f79', class: `label_text ${this.state} ${this.category} ${this.state === 'active' ? 'text-xs-semi-bold' : 'text-xs-regular'}` }, this.label)))), this.itemStyle === 'compact' && (index.h("div", { key: 'c9318d93dcfec2b76c93569f325af49bbac73f07', class: "compact_container" }, index.h("div", { key: '69b236b9d516222ee8bf17336a6949389597fc95', class: `compact_wrapper ${this.state} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '736739a27b99bf6cc6299b5433b7bae28a1cbcba', src: redCompactBarSrc, alt: "", class: "compact_bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '164283037a5f0240b87c622095339921536909f1', src: whiteCompactBarSrc, alt: "", class: "compact_bar" }), index.h("div", { key: 'a76a2f7c55585d9e0b32a765a57c3cfb65d1eb21', class: "compact_icon_container" }, index.h("div", { key: '99823d3a9ed4cf050bee8ec091c3b3579948ddde', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), this.itemStyle === 'compact' && this.showTooltip && (index.h("gb-tooltip", { key: '936ce0fdf7c392d14551b1f0287e88f34a8b73c5', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: 'cee78e7f32a55c2a2026650808fe99b685ce6767', slot: "label" }, this.label))))))));
+        return (index.h(index.Fragment, null, this.itemStyle === 'standard' && (index.h("div", { key: 'd4c65d120d6470fd2e9e3feb40f13efd3d34cfbe', class: `container ${this.state} ${this.category}` }, index.h("div", { key: '197255f6fc7b7e95ad3633bb419babee3119de4b', class: `wrapper ${this.state} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '106a3ff161a51d8e1ddebee3013259e8e0be7ee7', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '8fbcee27d65003309c4e0c2205f9a626e7e1a756', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: '297adc183ba15897d51e35a3d2755b37ed679542', class: "icon_container" }, index.h("div", { key: 'b91d190bc838929afa53b7a5b708e65fbe0f613c', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), index.h("p", { key: 'e4636af6b758f00fca318e9387ceb5f0a9ae6578', class: `label_text ${this.state} ${this.category} ${this.state === 'active' ? 'text-xs-semi-bold' : 'text-xs-regular'}` }, this.label)))), this.itemStyle === 'compact' && (index.h("div", { key: 'aac3da937d2db1da169e45122198a7185db17960', class: "compact_container" }, index.h("div", { key: '2a89a7319b9ee1aeae4d0af0df9b036f134f8816', class: `compact_wrapper ${this.state} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '49f4ab1e93973bc871c686f17c6eac9927a2b3bc', src: redCompactBarSrc, alt: "", class: "compact_bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '3bd9789c852d863aa41c6fb5818a8663970b9a3f', src: whiteCompactBarSrc, alt: "", class: "compact_bar" }), index.h("div", { key: '28ab61a8c54c13488db962d5235841024811c37d', class: "compact_icon_container" }, index.h("div", { key: 'ad45aa6fadbc635e82edfe79b573426359007fb7', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), this.itemStyle === 'compact' && this.showTooltip && (index.h("gb-tooltip", { key: '0cc8331132b3de10d88e3629bae2b15229905045', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: 'ca77a42e21333fd8682e023ac30b0d0f15354654', slot: "label" }, this.label))))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -89,7 +89,7 @@ const GbComplexSecondarySideBarItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (index.h("div", { key: '0751e084095558e2ec6d919c116ef7330566e677', class: `container ${this.type}` }, index.h("div", { key: 'd93a34e8e1cf65e80df0c69f4379d38319ce5ebf', class: `secondary_side_bar_item_div ${this.state} ${this.type} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '10b3e1bd8b48f6dcb09d2a8a52430c8c74366e7a', class: "icon" }, index.h("div", { key: 'cad55b7fa7abbf15509908b7bb03d3c65cde0a4e', class: "icon_container" }, index.h("div", { key: '91f0f14a288ffc9a03b21f27966a47d9b8bff7a1', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }))), this.type === 'full_with_label' && (index.h("div", { key: '3a2c19c2365dd98eadf29830a28cf76d336b4429', class: "text" }, index.h("p", { key: 'bbb27ef86b0900af8e6e5b6cb41b7e7308b32b87', class: `label_text ${this.state} ${this.category} ${this.state !== 'active' ? 'text-md-medium' : 'text-md-semi-bold'}` }, this.label))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: '4ae3a6176f550e978ffc58d0aee5bf06d65c6515', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: 'dc7a893f3ce3e5024e0c774082a2c0bea6c609bb', slot: "label" }, this.label))))));
+        return (index.h("div", { key: 'e000ec9a0a4df03cb31f7966ca15c2a40ca98432', class: `container ${this.type}` }, index.h("div", { key: 'd04d2b5a71b72451665ff4caedebeb9f14c0b61b', class: `secondary_side_bar_item_div ${this.state} ${this.type} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'f64935524fe052d87d2da37f2dc8db6b1369fdf3', class: "icon" }, index.h("div", { key: '5238befb4ef791764edc6eeeae0805867d34c1bf', class: "icon_container" }, index.h("div", { key: '9ee3bcc9a7cb710de1f571de73b15300541ae67f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }))), this.type === 'full_with_label' && (index.h("div", { key: '5bc9b8ebf76d68f16fb153a19722f278ac406155', class: "text" }, index.h("p", { key: '7477f3b0664dbcd67a499f770fcee481c3f72e59', class: `label_text ${this.state} ${this.category} ${this.state !== 'active' ? 'text-md-medium' : 'text-md-semi-bold'}` }, this.label))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: 'a5888b5e1d1baa95482e6229725818fb5538e2c6', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '15bf30ab507373e2cc4136d13f21183d098d8921', slot: "label" }, this.label))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -128,7 +128,7 @@ const GbSimpleSideBarItem = class {
     render() {
         const redBarSrc = index.getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = index.getAssetPath(`assets/bar_white.svg`);
-        return (index.h("div", { key: '9c653c4574efb2df7738405078652f4d22d28d4c', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '7fa5f75e35fc258b58cf07963531fbb47acefb22', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '07e31e05eef9807f2ec96219eeadc9607f98c9e4', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '862be228bb9ee31a92731a194f0b9d5bd2a8035f', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: '1060723fc9b87ca8b9c874f97c6d425bd965c92a', class: "content" }, index.h("div", { key: '59f8af5b7e657d77049a5056d0dfb372724a108f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: '2a33c0669dd522d481ba656e7a6574fb760d7623', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: '2f50389cdc1211040c31aeb9141fba0f1c8ff2bb', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: 'f03af663cc9a46132e40c1941460d9dfac05d387' }, "10"))), this.showArrow && (index.h("svg", { key: '3667effb9dbe54e811378f7061e16a2ce46c0bd4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, index.h("path", { key: 'd64398260b42aa81736d46cd3e07ccd31a22ab6b', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: 'e72c01f24d4788582b7f43935c6d14f8fc0ba194', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: 'e04bcc6bd02c1f4566bc221ef573ccdf16b851bd', slot: "label" }, this.label)))));
+        return (index.h("div", { key: 'c17424bf4fc24314fde5e229dfc6d0b4024b4063', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: 'f5bf2a9f52d34a4f710b8ac8b0d2e0347b94ca0e', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '1165c2d5e4f041163bd0bba54a00bba34ebe80fb', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '3c5d3d35eb34bc0ef077473fb47ce6167ee91019', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: 'bef36934a5689b872e899f8687910be04912ecb0', class: "content" }, index.h("div", { key: 'ddf582178fe9d4e75b79aa2685cfd737dacb47ad', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: '43e6ddaa2d012dec3be304f69b5b102d5b403fbe', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: '780b9dfd62c3d393e1286f4fd7d618e904c5e24d', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: '9a16b1f7d3332175214008e2caf362896509f9bf' }, "10"))), this.showArrow && (index.h("svg", { key: 'febc73374aaf87a9d9fbc2e2d5f6d942f2d10a39', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, index.h("path", { key: '7c4d5d2cdb5dfcba8b6ec99e7ce1b2f91e180f9b', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: '2df7a5b5d0aa75a6e187bdc355728a3923add3ea', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '60d242385e29697768c93fb26b155eae3cc7b12f', slot: "label" }, this.label)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-detail-cell.cjs.entry.js CHANGED Viewed

@@ -66,7 +66,7 @@ const GbDetailCell = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7e74d84575af864c34059688a867cc6001236ebb', class: `detail_cell_div ${this.type} ${this.cellStyle}`, onMouseEnter: () => this.onShowCopyButton(), onMouseLeave: () => this.onHideCopyButton() }, this.type === 'information' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("div", { key: 'f999b8d8cfe77773d607d0c17b51af012e4787ef', class: "info_text_div" }, index.h("p", { key: '91d66362f99e4d11f97d53baad960a31c969d9f6', class: "label text-sm-regular" }, this.label), index.h("p", { key: '89ae8c92054499c157a4bb976060db0557f8f0a3', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: '50d720d6eec1e4a25e8780493fa6c9cb0d953e22', "show-arrow": false, class: "information_text_tooltip" }, index.h("p", { key: 'cc2ce40cdb138adb51af8595deef3af5fa2d2e1f', slot: "label" }, this.detail)))), this.showStandardCopyButton && (index.h("gb-button", { key: 'bdd55060f771cde97738a20437360753ea7aa933', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (index.h("gb-tooltip", { key: 'e692c25027ec74418938043842381440974590cd', "show-arrow": false, class: "copied_tooltip" }, index.h("p", { key: '19faf297f803b5b4f9dce8c0aef3595bfd5bc23d', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("gb-file-type-icon", { key: '72dd4df06c0d6ec0ab250d8ee19491b9506910ab', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: '77e2244da9c77e5ea18bcdfd24d0fb88cae8aeba', class: "document_text_div" }, index.h("p", { key: '85918ea65b2ef5d5af224d7d9110b60f10260876', class: "label text-sm-regular" }, this.label), index.h("p", { key: 'db0004e955a827ccffa5062cc8d7dfc912420324', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: 'fd9ec25d277789ecb60d55385219786f4110dac9', "show-arrow": false, class: "document_detail_tooltip" }, index.h("p", { key: 'e4db22cd78a87d34404871ac0d8d77b3476d7bb8', slot: "label" }, this.detail)))), !this.isDownloaded ? (index.h(index.Fragment, null, this.showActionButtons && (index.h(index.Fragment, null, this.showViewButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() })))))) : (index.h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, index.h("p", { slot: "label" }, "Downloaded!"))))), this.type === 'status' && this.cellStyle === 'standard' && (index.h("div", { key: 'a3253e5fe88d79bf604e974483b29ae60d0df352', class: "status_text_div" }, index.h("p", { key: '6ff6b7cdbfe47f02e12d37c9b9e9479ab0c03331', class: "label text-sm-regular" }, this.label), index.h("gb-badge", { key: '5419176bdbfefbf274ccfda75e6dfd6e45c64ca4', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: '82c14eadac5a664c6b6e59042402bab06be3132e' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (index.h("div", { key: '6d970dcadd8695b6f03bc3254b835874b057f715', class: "compact_info_div" }, index.h("div", { key: '47311a1f0e627908168203f0ee93263aa44ab731', class: "compact_info_text_div" }, index.h("div", { key: '1be1915ee9b4a60e9e70b368f5c52d1c3167d71d', class: "compact_label" }, index.h("p", { key: 'db76967d63f1d7d44dae5ad1907e7b0779b2dc80', class: "label text-sm-regular" }, this.label)), index.h("div", { key: '4fce47b55448f2e5c820f0daa20a07048fb77cef', class: "compact_detail" }, index.h("p", { key: 'a34fe91e2cc1bc948d569af495f5ee25e422d9e4', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (index.h("gb-tooltip", { key: 'e3551f16f919d1bd448177cf0ab795d49dbe8e3f', "show-arrow": false, class: "compact_copied_tooltip" }, index.h("p", { key: '688da41f6eb5949d35da52fbe4b6d8d34308a8ff', slot: "label" }, "Copied!")))), this.showCopyButton && (index.h("gb-button", { key: '1a5e2cdc2f8675bb3f65e8851d861fd22135bdc6', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (index.h("div", { key: 'b73bc78d164c432291922108930d7d10182c7798', class: "compact_doc_div" }, index.h("gb-file-type-icon", { key: '98c266093c40efb90b26a3b15d3b82bc1c8bb8a8', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: '9a15876dc029fc8269eb80e7755feaa8e358fe75', class: "compact_doc_text_div" }, index.h("p", { key: 'e058642a0cf190d21b2f1d477190170541a12812', class: "doc_label text-sm-regular" }, this.label), index.h("div", { key: 'ce524eaf8ab4d0dae2e030dc5b1ba6586e205ab5', class: "compact_doc_detail" }, index.h("p", { key: '85046506a772e47dd0d22a32122d78e2386b5848', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (index.h("gb-tooltip", { key: '20b8999c79d29c101399f4498cc3fe73c0fb01a1', "show-arrow": false, class: "compact_downloaded_tooltip" }, index.h("p", { key: '15712d1d6bfe295c6a9b3f4dc8fc6e0af10f3320', slot: "label" }, "Downloaded!"))), this.showActionButtons && (index.h("div", { key: 'da31d614dfeb97771139577bbb4bb18b29fb3e83', class: "button_container" }, this.showViewButton && (index.h("gb-button", { key: 'f03602cd1f2a3224ebe15e178f47ba64ec3332fb', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { key: '6a957850cc474015d6531233abaa0e5cfbd16965', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (index.h("div", { key: 'ad2e949413bb9b2d18cc526ca0e3a273fdd0f0ed', class: "compact_status_div" }, index.h("div", { key: 'c8c364ba5c100e2306f55029b0f525640090c370', class: "compact_status_text_div" }, index.h("div", { key: '1f11e151a36f63d853dbae4cd03df0f34103d7b1', class: "compact_label" }, index.h("p", { key: '2041fe88dd2fe022017996c0bfd656f7dff4bf66', class: "label text-sm-regular" }, this.label)), index.h("gb-badge", { key: 'd7306a762d2cdd7a5f28e37564d4a4764edff11c', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: 'd983c11741492589323ed48b30b31ca79facc5ae' }, this.badgeLabel)))))));
+        return (index.h("div", { key: 'fe5065bb4a55574a100c24cc3fedb27e5c67d1db', class: `detail_cell_div ${this.type} ${this.cellStyle}`, onMouseEnter: () => this.onShowCopyButton(), onMouseLeave: () => this.onHideCopyButton() }, this.type === 'information' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("div", { key: '7eae7bae8957d7d0a1cea60104c4438159874c47', class: "info_text_div" }, index.h("p", { key: 'aff5d855f8be93afdb4334cfb6e2de07ff2f1179', class: "label text-sm-regular" }, this.label), index.h("p", { key: '9e768974d281e1f72603ba17a72e2e97b183492b', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: 'ecdb0b33000d59d8319e2c37ba74a9c6c620dda9', "show-arrow": false, class: "information_text_tooltip" }, index.h("p", { key: 'ab456106c6a364f2035bfaf2b1053c066edd35de', slot: "label" }, this.detail)))), this.showStandardCopyButton && (index.h("gb-button", { key: '3292e33d1d229e5364808a140a30ec028b54633f', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (index.h("gb-tooltip", { key: '2164bab971d7847f03c8ec7854736819c3093de1', "show-arrow": false, class: "copied_tooltip" }, index.h("p", { key: '32890e840591d86800fb205c9d7e6bfc702c0716', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("gb-file-type-icon", { key: '8361677625536fed65f2a6144a6cc9b931408cb4', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: 'e2c4ed3b0fe619fc9efffb6972142d5dddb62003', class: "document_text_div" }, index.h("p", { key: '065903afd76fd5cf25cf7faa0b9c34f8eb820ffb', class: "label text-sm-regular" }, this.label), index.h("p", { key: '0d8d3c2eb302a56523e7396f74f0bb83152470f4', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: 'd07b4602644216c4620eaa5f0920ab385ebd6abc', "show-arrow": false, class: "document_detail_tooltip" }, index.h("p", { key: 'f5f338bbfedf9e22f7dff6aa59406b61a7bf5172', slot: "label" }, this.detail)))), !this.isDownloaded ? (index.h(index.Fragment, null, this.showActionButtons && (index.h(index.Fragment, null, this.showViewButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() })))))) : (index.h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, index.h("p", { slot: "label" }, "Downloaded!"))))), this.type === 'status' && this.cellStyle === 'standard' && (index.h("div", { key: '757ec88eeee05cf3feb5ac938f54f1893ad42903', class: "status_text_div" }, index.h("p", { key: 'e7e927824a3cc715e885c007d270dc784aeb1a48', class: "label text-sm-regular" }, this.label), index.h("gb-badge", { key: 'cf1bdc65a54327686a00d06b234d00a11bbbc901', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: 'd8a151f8b83944effbe5c790f5adfb554ca43446' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (index.h("div", { key: '208e53fd00aef78c3e06314debf2e95e12fff47a', class: "compact_info_div" }, index.h("div", { key: 'c5a109a45d5fd657b3619a0789a7afe615668c16', class: "compact_info_text_div" }, index.h("div", { key: '19e2ddfbb15e21f94fc8ae67c549bdc5c3997948', class: "compact_label" }, index.h("p", { key: 'db04333c4b12437e1596c8ea7e2eee41756a9143', class: "label text-sm-regular" }, this.label)), index.h("div", { key: '9793076cc83f8984d8c99453f487595b23eb69b1', class: "compact_detail" }, index.h("p", { key: 'fc38217f222d93318f95647d7bf17eff55b889f4', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (index.h("gb-tooltip", { key: '7fb7ea20ec08b92c6f3f031d59ab0aa49b4d1445', "show-arrow": false, class: "compact_copied_tooltip" }, index.h("p", { key: '66641ff872115b1c979d4d46cc3c7b8393c42fc4', slot: "label" }, "Copied!")))), this.showCopyButton && (index.h("gb-button", { key: '1f414039edabe35c1d1c472465814054ff54fb74', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (index.h("div", { key: 'ba81b3368be9016320ed3d53c0c27f0e3fcb1226', class: "compact_doc_div" }, index.h("gb-file-type-icon", { key: 'ac8519d24529d9dc37975b7d75773ae28ef0ce52', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: '2d212741d1bc8e33ed69a9b216dc74e2aefa3bee', class: "compact_doc_text_div" }, index.h("p", { key: 'e349b430c5d051943c9f66d20b5925462578def8', class: "doc_label text-sm-regular" }, this.label), index.h("div", { key: 'b7916d6f180254dcfa8010477b9d0afde5739805', class: "compact_doc_detail" }, index.h("p", { key: 'ad147d8d18a7f6ea02bd8295c2316c877fbe856d', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (index.h("gb-tooltip", { key: '518109a0990e34cd12c20fb68a00997457449b16', "show-arrow": false, class: "compact_downloaded_tooltip" }, index.h("p", { key: '732e143e9607c30ba7586cc12b0b6da59cfebf03', slot: "label" }, "Downloaded!"))), this.showActionButtons && (index.h("div", { key: '5ca583ff47cf868cb63dbb24cfd36d65189bf32d', class: "button_container" }, this.showViewButton && (index.h("gb-button", { key: '72bc43902a7b0b14473803bac74ca4d7ca7d7167', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { key: '7fcc53c10916980fe68804237cb6b404620fb46d', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (index.h("div", { key: 'b133c8c3975c62989b4ebe200a3bb3e1fc19140f', class: "compact_status_div" }, index.h("div", { key: 'aaec798597bc9298c194d438c3198f9fd96ff094', class: "compact_status_text_div" }, index.h("div", { key: '08725729fd59242bc3ce45a8d8c0eaf539367a0e', class: "compact_label" }, index.h("p", { key: 'eb271d5ade4e89f3de6ea56fea4e620692a9cfd2', class: "label text-sm-regular" }, this.label)), index.h("gb-badge", { key: '9a06b65effddb4c725cfa93c53d1ddc79ae8fb16', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: 'c14f2d2e2134b9cb1cec91ddb8fff847335651bf' }, this.badgeLabel)))))));
     }
 };
 GbDetailCell.style = gbDetailCellCss;

package/dist/cjs/gb-dropdown-items-with-shortcut.cjs.entry.js CHANGED Viewed

@@ -26,7 +26,7 @@ const GbDropdownShortcut = class {
         this.loadIcon(this.iconSrc);
     }
     render() {
-        return (index.h("div", { key: 'f35f357ea88755f6feb3f9ba5f720387a8e9a621', class: "shortcut-container" }, index.h("div", { key: 'fbbcd8b685cf192587a2322cb39214f9093678b5', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (index.h("div", { key: '7869fca8ee62b640a61fda6c3dab1608fe208275', class: "icon_div" }, index.h("div", { key: '019188ee31a6ed4fe18d27dc696eef4f371d7202', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && index.h("gb-checkbox", { key: '3821525aeb0a0876034342dbaeb9d81c3fedf4a3', class: "checkbox", size: "sm", type: "checkbox", state: reusableModels.StateEnum.Default }), index.h("span", { key: 'f2d722615d963cf40757fbf9fc29710257ae37f4', class: "label_div" }, index.h("p", { key: '75272effa675901808d5833292c5deafde6d685f', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (index.h("span", { key: '405257a4ce98c726e48d010810e805ee42e36df6', class: "shortcut-icon" }, index.h("slot", { key: '59e516d2fa86224eb42794660b282ef0018c3bd0' }, "\u2318", this.shortcutIcon))))));
+        return (index.h("div", { key: '090138618422c564ca1ea094f8aa1ed50b1333db', class: "shortcut-container" }, index.h("div", { key: '313756e9263d13116af023b92167f403912e6d2f', class: `shortcut ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}` }, this.icon && (index.h("div", { key: '426616e563d80db9f063b9bb71915b0fbb724178', class: "icon_div" }, index.h("div", { key: '9c46f8c588a2bd2ec993733a95054a647a1edaeb', class: `icon ${this.state === 'disabled' ? 'disabled' : ''} ${this.destructive ? 'destructive' : ''}`, innerHTML: this.leadingIconSvg }))), this.checkbox && !this.icon && index.h("gb-checkbox", { key: 'd8f7e835694463236d254d7973d03cd81eedf9e1', class: "checkbox", size: "sm", type: "checkbox", state: reusableModels.StateEnum.Default }), index.h("span", { key: '6fbfeff15272e77e25078ef539d45f4a60ebb254', class: "label_div" }, index.h("p", { key: '9b46171b64ca4081947ea88f620e191ded988996', class: `label text-sm-medium ${this.destructive ? 'destructive' : ''}` }, this.label)), this.shortcut && (index.h("span", { key: '9b6301e6b333c0966eeb8c017157050ae9a356df', class: "shortcut-icon" }, index.h("slot", { key: '1885d60728804ba1f488827a01a85ccb737887e4' }, "\u2318", this.shortcutIcon))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-export-dropdown-item_2.cjs.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const GbExportDropdownItem = class {
         this.icon = false;
     }
     render() {
-        return (index.h("div", { key: '8d1d92fb21e893e96e2bd53b1d6ab7c5fb66a8a0', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: '4867e1eeeac84c64b0ef8ea1dc568b8c142bcd17', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: 'd2b332045c1e109c2a0357e86987722889d4d03b', class: `wrapper` }, index.h("div", { key: 'def46232ceb701dd7d5cad4f1ab1dbb645ee7369', class: `container` }, index.h("div", { key: 'dc9bf052b14d067505d5c8bb42027a8c5b71c894', class: `icon` }, this.type === 'pdf' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "#E21B2E" }), index.h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "#E21B2E", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "#079455" }), index.h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "#079455" })))), index.h("div", { key: '9c690c2a9c7d08957210ce66ac9fe741a7006f4e', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? index.h("p", { class: "text-sm-medium" }, "Export as PDF") : index.h("p", { class: "text-sm-medium" }, "Export as CSV"))), index.h("div", { key: 'fa5a9b16a64bcc11d623714451ed64b5011baa6e', class: "arrow" }, index.h("svg", { key: 'd5fdebf1d238fa327e03fd80fcff5449d75d5cb4', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { key: '21535a797c65d090bed2125500d72f50fd7f476c', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+        return (index.h("div", { key: '017b3f88a9520c679cab238cae10c80400a4ecef', class: `export_container ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: '10803ba5e15c5ef3c315bbbdffc7bb2c68c36cd8', class: `content ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: '9ebe6edc2fd1cc2e41122d859131c5a5f2e6e38e', class: `wrapper` }, index.h("div", { key: 'ec537a59fe0e20aedc0875a537387bbace6f52fe', class: `container` }, index.h("div", { key: '42caf2d32665f6c186ea37014a7eab53bcd31795', class: `icon` }, this.type === 'pdf' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `pdf_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50117 9.15797C2.78483 8.46126 4.09165 7.08156 7.08171 7.08156C7.33288 7.08156 7.99177 6.82886 7.95767 5.45969C7.94376 4.22219 8.39482 1.77401 10.2871 1.66843C10.662 1.66663 11.0697 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V14.1666C16.6667 14.9411 16.6667 15.3283 16.6026 15.6503C16.3396 16.9726 15.3059 18.0062 13.9836 18.2692C13.6616 18.3333 13.2744 18.3333 12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 9.79565 2.5 9.46547 2.50117 9.15797Z", fill: "#E21B2E" }), index.h("path", { d: "M5.83333 15V12.9166M5.83333 12.9166V11.6666C5.83333 11.2738 5.83333 11.0774 5.96147 10.9553C6.08961 10.8333 6.29585 10.8333 6.70833 10.8333H7.29167C7.89573 10.8333 8.38542 11.2997 8.38542 11.875C8.38542 12.4503 7.89573 12.9166 7.29167 12.9166H5.83333ZM17.5 10.8333H16.4062C15.7188 10.8333 15.3751 10.8333 15.1615 11.0367C14.9479 11.2401 14.9479 11.5675 14.9479 12.2222V12.9166M14.9479 15V12.9166M14.9479 12.9166H16.7708M12.5 18.3333H8.93939C6.22172 18.3333 4.86289 18.3333 3.91922 17.6684C3.64885 17.4779 3.40882 17.252 3.20642 16.9976C2.5 16.1094 2.5 14.8305 2.5 12.2727V10.1515C2.5 7.68217 2.5 6.44751 2.89078 5.46142C3.51901 3.87614 4.84761 2.6257 6.53197 2.03442C7.57969 1.66663 8.89151 1.66663 11.5152 1.66663C13.0144 1.66663 13.764 1.66663 14.3627 1.87679C15.3252 2.21467 16.0844 2.92921 16.4434 3.83508C16.6667 4.39856 16.6667 5.10408 16.6667 6.51511V8.33329M2.5 9.99996C2.5 8.46584 3.74365 7.22218 5.27778 7.22218C5.8326 7.22218 6.4867 7.3194 7.02614 7.17486C7.50543 7.04643 7.8798 6.67206 8.00823 6.19276C8.15277 5.65332 8.05556 4.99922 8.05556 4.4444C8.05556 2.91028 9.29921 1.66663 10.8333 1.66663M13.125 12.9166C13.125 14.0672 12.1456 15 10.9375 15C10.6649 15 10.5286 15 10.4271 14.9441C10.184 14.8105 10.2083 14.5399 10.2083 14.3055V11.5277C10.2083 11.2933 10.184 11.0228 10.4271 10.8891C10.5286 10.8333 10.6649 10.8333 10.9375 10.8333C12.1456 10.8333 13.125 11.766 13.125 12.9166Z", stroke: "#E21B2E", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `csv_svg ${this.type} ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { opacity: "0.4", d: "M2.50141 9.15797C2.78507 8.46126 4.0919 7.08156 7.08195 7.08156C7.33312 7.08156 7.99201 6.82886 7.95791 5.45969C7.94401 4.22219 8.39506 1.77401 10.2873 1.66843C10.6623 1.66663 11.0699 1.66663 11.5154 1.66663C13.0146 1.66663 13.7642 1.66663 14.3629 1.87679C15.3254 2.21467 16.0846 2.92921 16.4436 3.83508C16.6669 4.39856 16.6669 5.10408 16.6669 6.51511V14.1666C16.6669 14.9411 16.6669 15.3283 16.6029 15.6503C16.3398 16.9726 15.3062 18.0062 13.9839 18.2692C13.6619 18.3333 13.2747 18.3333 12.5002 18.3333H8.93964C6.22197 18.3333 4.86313 18.3333 3.91947 17.6684C3.64909 17.4779 3.40906 17.252 3.20666 16.9976C2.50024 16.1094 2.50024 14.8305 2.50024 12.2727V10.1515C2.50024 9.79565 2.50024 9.46547 2.50141 9.15797Z", fill: "#079455" }), index.h("path", { d: "M7.82922 11.7147C7.84826 12.1285 8.19913 12.4485 8.6129 12.4294C9.02668 12.4104 9.34668 12.0595 9.32764 11.6458L7.82922 11.7147ZM9.32764 14.1875C9.34668 13.7737 9.02668 13.4229 8.6129 13.4038C8.19913 13.3848 7.84826 13.7048 7.82922 14.1185L9.32764 14.1875ZM18.2025 11.0961C18.3476 10.7081 18.1507 10.276 17.7628 10.1308C17.3748 9.98571 16.9427 10.1826 16.7975 10.5705L18.2025 11.0961ZM16.2804 14.0935L15.5779 13.8307L16.2804 14.0935ZM15.2442 14.0935L15.9467 13.8307L15.9467 13.8307L15.2442 14.0935ZM14.7271 10.5705C14.582 10.1826 14.1498 9.98571 13.7619 10.1308C13.3739 10.276 13.1771 10.7081 13.3222 11.0961L14.7271 10.5705ZM12.2678 11.5833C12.682 11.5833 13.0178 11.2475 13.0178 10.8333C13.0178 10.4191 12.682 10.0833 12.2678 10.0833V11.5833ZM10.5747 14.25C10.1605 14.25 9.82472 14.5857 9.82472 15C9.82472 15.4142 10.1605 15.75 10.5747 15.75V14.25ZM12.0709 14.9471L11.7841 14.2541H11.7841L12.0709 14.9471ZM12.0709 12.9695L12.3577 12.2765V12.2765L12.0709 12.9695ZM10.8439 12.8638L10.5571 13.5568H10.5571L10.8439 12.8638ZM10.8439 10.8862L10.5571 10.1932L10.8439 10.8862ZM12.5 13.943L11.75 13.9428V13.943H12.5ZM12.5 13.9736H11.75V13.9738L12.5 13.9736ZM12.5 19.0833C12.9142 19.0833 13.25 18.7475 13.25 18.3333C13.25 17.9191 12.9142 17.5833 12.5 17.5833V19.0833ZM15.9167 8.33329C15.9167 8.74751 16.2525 9.08329 16.6667 9.08329C17.0809 9.08329 17.4167 8.74751 17.4167 8.33329H15.9167ZM14.3627 1.87679L14.6111 1.16913V1.16913L14.3627 1.87679ZM16.4434 3.83508L17.1406 3.55877L16.4434 3.83508ZM2.89078 5.46142L3.58803 5.73773L2.89078 5.46142ZM6.53197 2.03442L6.78039 2.74208L6.78039 2.74208L6.53197 2.03442ZM3.91922 17.6684L3.48726 18.2815H3.48726L3.91922 17.6684ZM3.20642 16.9976L3.79339 16.5307H3.79339L3.20642 16.9976ZM1.75 9.99996C1.75 10.4142 2.08579 10.75 2.5 10.75C2.91421 10.75 3.25 10.4142 3.25 9.99996H1.75ZM5.27778 7.22218V7.97218H5.27778L5.27778 7.22218ZM8.00823 6.19276L8.73267 6.38688L8.00823 6.19276ZM7.02614 7.17486L7.22025 7.8993L7.22025 7.8993L7.02614 7.17486ZM10.8333 2.41663C11.2475 2.41663 11.5833 2.08084 11.5833 1.66663C11.5833 1.25241 11.2475 0.916626 10.8333 0.916626V2.41663ZM6.58333 13.6111V12.2222H5.08333V13.6111H6.58333ZM7.20935 11.5833C7.40441 11.5833 7.55042 11.585 7.67255 11.5962C7.79576 11.6076 7.84664 11.6251 7.86008 11.6311C7.86341 11.6326 7.85512 11.6293 7.84214 11.6181C7.82841 11.6064 7.81787 11.5931 7.81162 11.5826C7.80017 11.5633 7.82342 11.5885 7.82922 11.7147L9.32764 11.6458C9.31443 11.3586 9.25281 11.0713 9.10081 10.8158C8.94191 10.5486 8.71717 10.3715 8.47384 10.2624C8.05559 10.0749 7.54278 10.0833 7.20935 10.0833V11.5833ZM7.20935 15.75C7.54278 15.75 8.05558 15.7584 8.47384 15.5708C8.71717 15.4617 8.9419 15.2847 9.10081 15.0175C9.25281 14.7619 9.31443 14.4746 9.32764 14.1875L7.82922 14.1185C7.82342 14.2447 7.80017 14.2699 7.81162 14.2507C7.81787 14.2402 7.82841 14.2269 7.84214 14.2151C7.85512 14.204 7.86341 14.2006 7.86008 14.2021C7.84663 14.2082 7.79576 14.2257 7.67255 14.237C7.55042 14.2482 7.40441 14.25 7.20935 14.25V15.75ZM7.20935 10.0833C6.64056 10.0833 5.97423 10.1291 5.53243 10.5988C5.30662 10.8388 5.20075 11.1246 5.1472 11.3897C5.09514 11.6474 5.08333 11.9334 5.08333 12.2222H6.58333C6.58333 11.9575 6.59599 11.7932 6.6175 11.6867C6.63753 11.5876 6.65436 11.5953 6.62501 11.6265C6.59327 11.6603 6.57962 11.6457 6.66952 11.6244C6.76921 11.6007 6.93438 11.5833 7.20935 11.5833V10.0833ZM7.20935 14.25C6.93438 14.25 6.76921 14.2325 6.66952 14.2089C6.57962 14.1875 6.59327 14.173 6.62501 14.2067C6.65436 14.2379 6.63753 14.2457 6.6175 14.1465C6.59599 14.0401 6.58333 13.8758 6.58333 13.6111H5.08333C5.08333 13.8998 5.09514 14.1859 5.1472 14.4436C5.20075 14.7086 5.30662 14.9944 5.53243 15.2345C5.97423 15.7042 6.64056 15.75 7.20935 15.75V14.25ZM16.7975 10.5705L15.5779 13.8307L16.9829 14.3563L18.2025 11.0961L16.7975 10.5705ZM15.9467 13.8307L14.7271 10.5705L13.3222 11.0961L14.5418 14.3563L15.9467 13.8307ZM15.5779 13.8307C15.5206 13.9841 15.4742 14.108 15.4326 14.2123C15.3904 14.3182 15.3606 14.3847 15.3389 14.4262C15.3135 14.4749 15.3201 14.4479 15.3673 14.4025C15.3951 14.3758 15.4436 14.3363 15.515 14.3036C15.5898 14.2694 15.6746 14.2499 15.7623 14.2499V15.7499C16.0474 15.7499 16.2654 15.6199 16.4067 15.4841C16.5325 15.3632 16.6151 15.2229 16.6685 15.1205C16.7742 14.918 16.8777 14.6374 16.9829 14.3563L15.5779 13.8307ZM14.5418 14.3563C14.6469 14.6374 14.7504 14.918 14.8561 15.1205C14.9096 15.2228 14.9922 15.3632 15.118 15.4841C15.2593 15.6199 15.4772 15.7499 15.7623 15.7499V14.2499C15.8501 14.2499 15.9348 14.2694 16.0097 14.3036C16.0811 14.3363 16.1296 14.3758 16.1573 14.4025C16.2045 14.4479 16.2112 14.4749 16.1858 14.4262C16.1641 14.3847 16.1343 14.3182 16.092 14.2123C16.0505 14.108 16.0041 13.9841 15.9467 13.8307L14.5418 14.3563ZM12.2678 10.0833H11.4574V11.5833H12.2678V10.0833ZM11.4574 14.25H10.5747V15.75H11.4574V14.25ZM11.4574 15.75C11.6091 15.75 11.7604 15.7504 11.8887 15.7416C12.0238 15.7324 12.1873 15.7106 12.3577 15.6401L11.7841 14.2541C11.8268 14.2364 11.8455 14.2411 11.7867 14.2451C11.7212 14.2496 11.6296 14.25 11.4574 14.25V15.75ZM11.4574 13.6666C11.6296 13.6666 11.7212 13.667 11.7867 13.6715C11.8455 13.6755 11.8268 13.6802 11.7841 13.6625L12.3577 12.2765C12.1873 12.206 12.0238 12.1842 11.8887 12.175C11.7604 12.1662 11.6091 12.1666 11.4574 12.1666V13.6666ZM11.4574 12.1666C11.2852 12.1666 11.1936 12.1662 11.1281 12.1618C11.0693 12.1578 11.088 12.1531 11.1307 12.1708L10.5571 13.5568C10.7275 13.6273 10.891 13.6491 11.0261 13.6583C11.1544 13.667 11.3057 13.6666 11.4574 13.6666V12.1666ZM11.4574 10.0833C11.3057 10.0833 11.1544 10.0829 11.0261 10.0917C10.891 10.1009 10.7275 10.1226 10.5571 10.1932L11.1307 11.5792C11.088 11.5968 11.0693 11.5922 11.1281 11.5882C11.1936 11.5837 11.2852 11.5833 11.4574 11.5833V10.0833ZM9.66479 11.875C9.66479 12.0361 9.65694 12.3587 9.74777 12.6618C9.85618 13.0235 10.1032 13.3689 10.5571 13.5568L11.1307 12.1708C11.1226 12.1674 11.1414 12.1745 11.1638 12.2006C11.1842 12.2246 11.1877 12.2414 11.1846 12.2312C11.1805 12.2172 11.1733 12.1841 11.1691 12.1185C11.1647 12.0509 11.1648 11.9785 11.1648 11.875H9.66479ZM11.1648 11.875C11.1648 11.7714 11.1647 11.699 11.1691 11.6314C11.1733 11.5658 11.1805 11.5327 11.1846 11.5188C11.1877 11.5085 11.1842 11.5254 11.1638 11.5493C11.1414 11.5754 11.1226 11.5825 11.1307 11.5792L10.5571 10.1932C10.1032 10.381 9.85618 10.7265 9.74777 11.0882C9.65694 11.3913 9.66479 11.7138 9.66479 11.875H11.1648ZM13.25 13.9431C13.25 13.779 13.2563 13.4602 13.163 13.1583C13.0522 12.7998 12.8045 12.4614 12.3577 12.2765L11.7841 13.6625C11.7923 13.6659 11.7739 13.659 11.7518 13.6335C11.7314 13.6099 11.7273 13.5928 11.7299 13.6013C11.7337 13.6135 11.7408 13.6446 11.7452 13.7075C11.7497 13.7719 11.75 13.8428 11.75 13.9428L13.25 13.9431ZM11.75 13.9738C11.75 14.0738 11.7497 14.1446 11.7452 14.2091C11.7408 14.272 11.7337 14.3031 11.7299 14.3153C11.7273 14.3238 11.7314 14.3067 11.7518 14.2831C11.7739 14.2575 11.7923 14.2507 11.7841 14.2541L12.3577 15.6401C12.8045 15.4552 13.0522 15.1167 13.163 14.7583C13.2563 14.4564 13.25 14.1376 13.25 13.9735L11.75 13.9738ZM12.5 17.5833H8.93939V19.0833H12.5V17.5833ZM3.25 12.2727V10.1515H1.75V12.2727H3.25ZM15.9167 6.51511V8.33329H17.4167V6.51511H15.9167ZM11.5152 2.41663C13.0778 2.41663 13.6667 2.42733 14.1143 2.58446L14.6111 1.16913C13.8613 0.905919 12.9509 0.916626 11.5152 0.916626V2.41663ZM17.4167 6.51511C17.4167 5.81948 17.417 5.2615 17.3871 4.8079C17.3568 4.34761 17.2929 3.94316 17.1406 3.55877L15.7461 4.11139C15.8171 4.29048 15.8649 4.52053 15.8904 4.90662C15.9163 5.29941 15.9167 5.79971 15.9167 6.51511H17.4167ZM14.1143 2.58446C14.8827 2.8542 15.4714 3.41808 15.7461 4.11139L17.1406 3.55877C16.6974 2.44033 15.7677 1.57513 14.6111 1.16913L14.1143 2.58446ZM3.25 10.1515C3.25 8.90693 3.25038 8.00979 3.29722 7.2996C3.34362 6.59611 3.43332 6.12813 3.58803 5.73773L2.19354 5.18511C1.95747 5.7808 1.85177 6.42319 1.80047 7.20088C1.74962 7.97187 1.75 8.92671 1.75 10.1515H3.25ZM11.5152 0.916626C8.95498 0.916626 7.48237 0.905919 6.28355 1.32676L6.78039 2.74208C7.67701 2.42733 8.82804 2.41663 11.5152 2.41663V0.916626ZM3.58803 5.73773C4.13202 4.36502 5.29011 3.26523 6.78039 2.74208L6.28355 1.32676C4.40512 1.98616 2.906 3.38727 2.19354 5.18511L3.58803 5.73773ZM8.93939 17.5833C7.56444 17.5833 6.59125 17.5823 5.8418 17.5042C5.10432 17.4274 4.674 17.2828 4.35119 17.0553L3.48726 18.2815C4.10811 18.719 4.82904 18.9068 5.68631 18.9961C6.53161 19.0842 7.59668 19.0833 8.93939 19.0833V17.5833ZM1.75 12.2727C1.75 13.5334 1.74879 14.5444 1.84344 15.3489C1.94017 16.171 2.1452 16.8682 2.61944 17.4644L3.79339 16.5307C3.56122 16.2388 3.41304 15.8525 3.33316 15.1736C3.25121 14.4771 3.25 13.5697 3.25 12.2727H1.75ZM4.35119 17.0553C4.13817 16.9052 3.95058 16.7283 3.79339 16.5307L2.61944 17.4644C2.86705 17.7757 3.15953 18.0506 3.48726 18.2815L4.35119 17.0553ZM3.25 9.99996C3.25 8.88005 4.15787 7.97218 5.27778 7.97218V6.47218C3.32944 6.47218 1.75 8.05162 1.75 9.99996H3.25ZM7.28379 5.99865C7.22471 6.21912 7.0525 6.39134 6.83202 6.45041L7.22025 7.8993C7.95836 7.70152 8.5349 7.12499 8.73267 6.38688L7.28379 5.99865ZM10.8333 0.916626C8.885 0.916626 7.30556 2.49607 7.30556 4.4444H8.80556C8.80556 3.32449 9.71342 2.41663 10.8333 2.41663V0.916626ZM7.30556 4.4444C7.30556 4.60242 7.31245 4.76305 7.31929 4.91055C7.32638 5.06331 7.33339 5.20186 7.33626 5.33992C7.34208 5.62051 7.32806 5.83341 7.28379 5.99865L8.73267 6.38688C8.83294 6.01267 8.84258 5.62881 8.83593 5.30878C8.83257 5.14654 8.82431 4.98381 8.81768 4.84103C8.81081 4.69299 8.80556 4.56379 8.80556 4.4444H7.30556ZM5.27778 7.97218C5.39717 7.97218 5.52637 7.97744 5.67441 7.98431C5.81719 7.99093 5.97991 7.99919 6.14215 8.00256C6.46219 8.00921 6.84605 7.99957 7.22025 7.8993L6.83202 6.45041C6.66679 6.49469 6.45388 6.50871 6.1733 6.50288C6.03523 6.50002 5.89669 6.49301 5.74392 6.48592C5.59642 6.47908 5.4358 6.47218 5.27778 6.47218L5.27778 7.97218ZM13.25 13.9736V13.943H11.75V13.9736H13.25Z", fill: "#079455" })))), index.h("div", { key: 'cd37d6922f9902f1593dfd320b0381ff8de1047e', class: `text ${this.state === 'disabled' ? 'disabled' : ''}` }, this.type === 'pdf' ? index.h("p", { class: "text-sm-medium" }, "Export as PDF") : index.h("p", { class: "text-sm-medium" }, "Export as CSV"))), index.h("div", { key: 'fb0881a9182794565c0cafc73c28b72709270e97', class: "arrow" }, index.h("svg", { key: 'e7040e614a1229fefef563e1c8de4977e43678c4', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `arrow_svg ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("path", { key: '05d06511319a13bec2e960ab0f64bb7cfb4e6a50', d: "M6.75004 4.5C6.75004 4.5 11.25 7.8142 11.25 9.00004C11.25 10.1859 6.75 13.5 6.75 13.5", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -33,7 +33,7 @@ const GbExportSubDropdown = class {
         }
     }
     render() {
-        return (index.h("div", { key: '31ac009ceaceffe4ffc6a4407e40d0afe0f1d476', class: `sub_dropdown_container` }, index.h("gb-export-sub-dropdown-item", { key: 'cf7999623089de97e80fd32f15afc951b39e6be3', icon: "assets/database.svg" }, index.h("slot", { key: 'd489e51703b704602a053ba6bdf1c47b3190f73b', name: "label_one", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: '1188ea599fdf7cfc0cec78470459f5a0f7d2e246', icon: "assets/laptop.svg" }, index.h("slot", { key: '6a828e4bdbde655eb693cafbfde40deb37e05198', name: "label_two", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: 'cc725a5bb8164255d382d99b2725b6f3aa8e4162', icon: "assets/filter-horizontal.svg" }, index.h("slot", { key: '30070018364b926ce181ad1143026b2eb3533746', name: "label_three", slot: "label" }))));
+        return (index.h("div", { key: '3efc5efd23841beba2e883b198f48ffdb8e27265', class: `sub_dropdown_container` }, index.h("gb-export-sub-dropdown-item", { key: '1a237d820b7a0517aaf9737f384e7f03bfa15c78', icon: "assets/database.svg" }, index.h("slot", { key: '01cd19572ea392876a6c9c077022c0731554046e', name: "label_one", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: 'bab17dd01121426c405b164d42493e0dc3731237', icon: "assets/laptop.svg" }, index.h("slot", { key: '9fa5ed8433fc7125f089581d00c28104f291d419', name: "label_two", slot: "label" })), index.h("gb-export-sub-dropdown-item", { key: 'ff2ccca584c80ff73a3d1125d0cb58cee29bcf10', icon: "assets/filter-horizontal.svg" }, index.h("slot", { key: '8c5e75bde12b818717a4ae4722bbf5d47ca1d066', name: "label_three", slot: "label" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-export-dropdown.cjs.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const GbExportDropdown = class {
         // console.log({ exportType, dataType });
     }
     render() {
-        return (index.h(index.Fragment, null, index.h("div", { key: 'bb49c9030f089bc78446c49604c04cee831ae8f8', class: `export_dropdown` }, index.h("gb-export-dropdown-item", { key: 'da793e4b4e03a7aee9f1066cd4a8d4430d21f18c', type: "pdf", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), index.h("gb-export-dropdown-item", { key: '4f63e86dccfc535596eb32bcec4028b9c02edda8', type: "csv", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (index.h("gb-export-sub-dropdown", { key: '3d4a8bd3b0cbed3aaba2188613126bfff445e67a', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, index.h("p", { key: '2840817c867ed429d3fd8432ecab94a5e066b0e7', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), index.h("p", { key: 'f95cde59aa67b6fac70e494d192a6e802323ca88', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), index.h("p", { key: 'c91f1e2f726c60406c44ee6eab7a7c8ec79b5f1d', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (index.h("gb-export-sub-dropdown", { key: '6754d4a2fb22983c313306dddc32b1500a264c57', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, index.h("p", { key: '72891f1e38ebb9720ac0c70ca043f576d126313f', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), index.h("p", { key: '6835d16adec7d8d9bea29725bb25e2ac67bea64d', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), index.h("p", { key: 'b971b234dc771dea58d815e5e6009dcc600e7631', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
+        return (index.h(index.Fragment, null, index.h("div", { key: 'ade1153ac2964726fb6d512dc3265e72362f7ca8', class: `export_dropdown` }, index.h("gb-export-dropdown-item", { key: '6a1048d61e18c60c52730d0719b4ce2217fde398', type: "pdf", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), index.h("gb-export-dropdown-item", { key: 'ee501a1b752ac26ddb8957a39fd98618383b1ac2', type: "csv", state: reusableModels.StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (index.h("gb-export-sub-dropdown", { key: '8c27014096ba0ef62ca188a981d29d40556de3f0', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, index.h("p", { key: 'd3a1b78797715d6db9004133820568acecb3008e', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), index.h("p", { key: '0f1ab909b24ef8adb07966d47dc8527862163557', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), index.h("p", { key: 'e57212394dddde8d6943005fc62fe9297e572034', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (index.h("gb-export-sub-dropdown", { key: 'f87971a152893c6fc34832513c64d6e3e7987ec5', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, index.h("p", { key: '8a62bc6ea18f1b3908e8178506066b36c6ecdbba', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), index.h("p", { key: '1654b48297af7926aec65335438ee448e579753b', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), index.h("p", { key: '89f26f152d304bb148aab744a245b18859466eab', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-export-sub-dropdown-item.cjs.entry.js CHANGED Viewed

@@ -27,7 +27,7 @@ const GbExportSubDropdownItem = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (index.h("div", { key: 'ef77d3cf38c08b1ee43f82bbf5d430ab15433e7f', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: '04c87fbe1e0b2cef8428c21c0485b0b072e1ba10', class: `content` }, index.h("div", { key: '03cb18ddab5d9d347415d2d58c5af1030dd1eebe', class: `text_and_suppporting_text` }, index.h("div", { key: 'bc410aa493d273bb01f90a3cb5a1dc39207841fb', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("div", { key: '3586c78156154f3f55a1a0d4b890e9e62533fb98', class: `text` }, index.h("slot", { key: '40f8e5c5d92f22f4bde6f2bf76fcea92456ed58a', name: "label" }))))));
+        return (index.h("div", { key: '98707d4f506a09f0b3156c9c8323421349a122d9', class: `sub_dropdown_div ${this.state === 'disabled' ? 'disabled' : ''}` }, index.h("div", { key: '1adb8f333cde0f7aa86088f8cacba0469d998411', class: `content` }, index.h("div", { key: '77306c5485b1b52316ebb0609ee03c5c8b43dab0', class: `text_and_suppporting_text` }, index.h("div", { key: '964eed5d45fb60da7ace123028cd8a8738a797ed', class: `icon ${this.state}`, innerHTML: this.leadingIconSvg }), index.h("div", { key: '6eff074511ca2b8844dcc1daa4f18a7d54590c67', class: `text` }, index.h("slot", { key: '87c4d26e3d2eacfd947e51fab67aec89add432f3', name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };