npm - @genexus/genexus-ide-ui - Versions diffs - 0.0.99 → 0.0.101 - Mend

@genexus/genexus-ide-ui 0.0.99 → 0.0.101

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

package/dist/genexus-ide-ui/p-f186adfd.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["tabCss","GxgTab","constructor","hostRef","this","tab","undefined","noPadding","flexContainer","flex","overflowAuto","flexDirection","isSelected","render","h","Host","class","open","large","state","mercury","container","part","tabBarCss","GxgTabBar","parts","buttonMenu","lastAddedOrRemovedTabBarButtonWidth","evaluateMenuButtonsTabIndex","menuCollapsed","disableTabIndex","enableTabIndex","setFocus","tabBarMenuToggleButton","focus","menuButtons","el","querySelectorAll","length","attachExportParts","getAttribute","exportPartsResult","exportParts","exportparts","allButtons","forEach","button","removeAttribute","setAttribute","hidden","appendedButtons","tabBarMenuHeight","tabBarMenuWidth","tabBarMenuCollapsed","tabBarMenuPosition","displayBorder","scrollable","rtl","detectClickOutsideTabBarMenu","bind","openMenu","event","stopPropagation","document","addEventListener","tabBarMenuCollapsedHandler","appendTabButtons","numberOfButtons","i","appendTabItemsToMenu","tabActivatedHandler","PrevOrNextTabHandler","e","tabEnabledButtons","allTabButtons","tabButton","disabled","push","arrowPressed","detail","targetButton","target","clickedButtonIndex","findIndex","destinationTab","tabButtonClick","gxgTabsPosition","parentElement","position","buttonHeight","children","item","clientHeight","sizeReference","offsetWidth","offsetHeight","tabBarWidth","tabBar","tabButtons","lastTabButton","classList","add","menuFirstButton","remove","componentWillLoad","componentDidLoad","dirHtml","getElementsByTagName","dirBody","myObserver","ResizeObserver","entries","observe","setIndexToTabButtons","index","toString","renderTabBarMenu","onClick","type","icon","ref","x","y","tabBarMenuClientRect","tabBarMenu","getBoundingClientRect","left","right","top","bottom","disconnectedCallback","removeEventListener","nav","name","style","tabButtonCss","GxgTabButton","tabLabel","borderAbove","buttonClickHandler","isSelectedHandler","newValue","hiddenHandler","parseInt","tabActivated","emit","buttonKeyDownHandler","key","PrevOrNextTab","originTab","preventDefault","printIcon","size","color","onKeyDown","delegatesFocus","tabsCss","GxgTabs","getTab","querySelector","height","maxHeight","minWidth","tabBarBorder","noBorder","buttonsBorderAbove","noBackground","activeTab","updateActiveChildren","configureTabs","tagName","child","tabs","setActiveTab","tabEl","setFirstActiveTab","allTabs","Array","from","firstEnabledTab","find"],"sources":["node_modules/@genexus/gemini/dist/collection/components/tab/tab.css?tag=gxg-tab&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tab/tab.js","node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.css?tag=gxg-tab-bar&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tab-bar/tab-bar.js","node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.css?tag=gxg-tab-button&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tab-button/tab-button.js","node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.css?tag=gxg-tabs&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/tabs/tabs.js"],"sourcesContent":[":root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n:host {\n height: 100%;\n overflow-y: auto;\n display: block;\n}\n:host .container {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n /* Track */\n /* Handle */\n /* Handle on hover */\n font-size: var(--gxg-tab-font-size);\n color: var(--gxg-tab-color);\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n padding-block-start: var(--gxg-tab-vertical-padding);\n padding-inline-end: var(--gxg-tab-horizontal-padding);\n padding-block-end: var(--gxg-tab-vertical-padding);\n padding-inline-start: var(--gxg-tab-horizontal-padding);\n overflow-y: auto;\n background-color: var(--gxg-tab-background-color);\n}\n:host .container::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n:host .container::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n:host .container::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n:host .container::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n:host .container::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n:host(.not-selected) {\n display: none;\n}\n\n:host(.no-padding) .container {\n padding: 0;\n}\n\n:host(.flex) {\n display: flex;\n}\n\n:host(.overflow-auto) {\n overflow: auto;\n}\n\n.container--flex {\n display: flex;\n}\n.container--flex.flex-column {\n flex-direction: column;\n}\n.container--flex.flex-row {\n flex-direction: row;\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nexport class GxgTab {\n constructor() {\n this.tab = undefined;\n this.noPadding = false;\n this.flexContainer = false;\n this.flex = false;\n this.overflowAuto = false;\n this.flexDirection = \"column\";\n this.isSelected = false;\n }\n el;\n render() {\n return (h(Host, { class: {\n \"overflow-auto\": this.overflowAuto,\n flex: this.flex && this.isSelected,\n open: this.isSelected,\n \"not-selected\": !this.isSelected,\n \"no-padding\": this.noPadding,\n large: state.large,\n mercury: state.mercury,\n } }, h(\"div\", { class: {\n container: true,\n \"container--flex\": this.flexContainer,\n \"flex-column\": this.flexDirection === \"column\",\n \"flex-row\": this.flexDirection === \"row\",\n }, part: \"container\" }, h(\"slot\", null))));\n }\n static get is() { return \"gxg-tab\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tab.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tab.css\"]\n };\n }\n static get properties() {\n return {\n \"tab\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The tab id. Should match the \\\"tab\\\" value of the correlative \\\"gxg-tab\\\"\"\n },\n \"attribute\": \"tab\",\n \"reflect\": false\n },\n \"noPadding\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute removes the tab .container padding\"\n },\n \"attribute\": \"no-padding\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"flexContainer\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the container display flex\"\n },\n \"attribute\": \"flex-container\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"flex\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the display of the tab 'flex' only when is open\"\n },\n \"attribute\": \"flex\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"overflowAuto\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute makes the .container overflow property set to 'auto'\"\n },\n \"attribute\": \"overflow-auto\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"flexDirection\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TabContainerFlexDirection\",\n \"resolved\": \"\\\"column\\\" | \\\"row\\\"\",\n \"references\": {\n \"TabContainerFlexDirection\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/tab/tab.tsx\",\n \"id\": \"src/components/tab/tab.tsx::TabContainerFlexDirection\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The container flex-direction, if container is flex.\"\n },\n \"attribute\": \"flex-direction\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"column\\\"\"\n },\n \"isSelected\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The selected tab\"\n },\n \"attribute\": \"is-selected\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=tab.js.map\n",":root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n:host {\n --tabBarMenuHeight: 0;\n --tabBarMenuWidth: 0;\n display: inline-flex;\n text-align: right;\n position: relative;\n display: flex;\n justify-content: space-between;\n}\n:host .nav {\n display: flex;\n justify-content: space-between;\n width: 100%;\n background-color: var(--gxg-tab-bar-background-color);\n}\n:host .nav--border {\n border-bottom: var(--ds-border-common-styles);\n}\n:host .tab-bar {\n list-style-type: none;\n padding-inline-start: 0;\n display: flex !important;\n margin-bottom: 0;\n margin-top: 0;\n}\n:host .tab-bar__menu {\n display: flex;\n align-items: center;\n}\n:host .tab-bar__menu-button {\n padding-right: 4px;\n transform: scale(0.9);\n}\n:host .tab-bar-menu {\n border-radius: var(--border-width-md);\n box-shadow: var(--box-shadow-01);\n height: var(--tabBarMenuHeight);\n position: absolute;\n z-index: 10;\n background-color: var(--color-on-primary);\n right: 0;\n margin: 0;\n padding: 0;\n list-style: none;\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n transition-property: height;\n transition-duration: var(--ui-animaton-speed);\n transition-timing-function: ease;\n}\n:host .tab-bar-menu.bottom {\n bottom: 0;\n}\n:host .tab-bar-menu.right {\n bottom: 0;\n rotate: 90deg;\n transform-origin: top right;\n transform: translateX(100%);\n height: auto !important;\n width: var(--tabBarMenuHeight);\n}\n:host .tab-bar-menu--collapsed {\n height: 0;\n}\n:host .tab-bar-menu--collapsed.right {\n width: 0;\n}\n\n/*Scrollable*/\n:host([scrollable]) .nav {\n width: 100%;\n overflow-y: auto;\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n:host([scrollable]) .nav::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n:host([scrollable]) .nav::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n:host([scrollable]) .nav::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n:host([scrollable]) .nav::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n:host([scrollable]) .nav::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n:host(.gxg-tab-bar--hidden) {\n display: none;\n}\n\n:host(.rtl) .tab-bar-menu {\n left: 0;\n right: auto;\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgTabBar {\n parts = {\n buttonMenu: \"button-menu\"\n };\n exportparts;\n constructor() {\n this.hidden = false;\n this.appendedButtons = 0;\n this.tabBarMenuHeight = \"auto\";\n this.tabBarMenuWidth = \"auto\";\n this.tabBarMenuCollapsed = true;\n this.tabBarMenuPosition = undefined;\n this.displayBorder = false;\n this.scrollable = false;\n this.rtl = false;\n this.detectClickOutsideTabBarMenu =\n this.detectClickOutsideTabBarMenu.bind(this);\n }\n el;\n tabBar;\n tabBarMenu;\n tabBarMenuToggleButton;\n lastAddedOrRemovedTabBarButtonWidth = 0;\n openMenu(event) {\n event.stopPropagation();\n this.tabBarMenuCollapsed = false;\n document.addEventListener(\"click\", this.detectClickOutsideTabBarMenu);\n }\n tabBarMenuCollapsedHandler(menuCollapsed) {\n this.evaluateMenuButtonsTabIndex(menuCollapsed);\n this.setFocus(menuCollapsed);\n }\n evaluateMenuButtonsTabIndex = (menuCollapsed) => {\n if (menuCollapsed) {\n this.disableTabIndex();\n }\n else {\n this.enableTabIndex();\n }\n };\n setFocus = (menuCollapsed) => {\n if (menuCollapsed) {\n this.tabBarMenuToggleButton.focus();\n }\n else {\n const menuButtons = this.el.querySelectorAll(\"[slot=tab-menu]\");\n if (menuButtons.length) {\n menuButtons[0].focus();\n }\n }\n };\n async appendTabButtons() {\n if (!this.scrollable) {\n const numberOfButtons = this.el.querySelectorAll(\"gxg-tab-button\").length;\n for (let i = 0; i <= numberOfButtons; i++) {\n this.appendTabItemsToMenu();\n }\n }\n }\n tabActivatedHandler() {\n this.tabBarMenuCollapsed = true;\n }\n PrevOrNextTabHandler(e) {\n const tabEnabledButtons = [];\n const allTabButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n if (allTabButtons) {\n allTabButtons.forEach(tabButton => {\n if (!tabButton.disabled && !tabButton.hidden) {\n tabEnabledButtons.push(tabButton);\n }\n });\n }\n const arrowPressed = e.detail[\"arrowPressed\"];\n const targetButton = e.target;\n const clickedButtonIndex = tabEnabledButtons.findIndex(button => {\n return button === targetButton;\n });\n let destinationTab;\n if (arrowPressed === \"ArrowLeft\" && clickedButtonIndex !== -1) {\n destinationTab = tabEnabledButtons[clickedButtonIndex - 1];\n }\n else if (arrowPressed === \"ArrowRight\" && clickedButtonIndex !== -1) {\n destinationTab = tabEnabledButtons[clickedButtonIndex + 1];\n }\n if (destinationTab) {\n destinationTab.tabButtonClick();\n }\n }\n appendTabItemsToMenu() {\n //This function appends tab-buttons into a tab-menu, as long as the tab-buttons are too tight\n const gxgTabsPosition = this.el.parentElement\n .position;\n const buttonHeight = this.el.children.item(0).clientHeight;\n let sizeReference;\n if (gxgTabsPosition === \"top\" || gxgTabsPosition === \"bottom\") {\n sizeReference = this.el.parentElement.offsetWidth;\n }\n else if (gxgTabsPosition === \"right\" || gxgTabsPosition === \"left\") {\n sizeReference = this.el.parentElement.offsetHeight;\n }\n const tabBarWidth = this.tabBar.offsetWidth;\n if (tabBarWidth + 20 > sizeReference) {\n const tabButtons = this.el.querySelectorAll(\"gxg-tab-button[slot='tab-bar']\");\n //get the last item of the nodeList\n const lastTabButton = tabButtons[tabButtons.length - 1];\n if (lastTabButton) {\n this.lastAddedOrRemovedTabBarButtonWidth = lastTabButton.offsetWidth;\n //add \"menu-button\" class to button component, in order to stylize the buttons inside the menu differently\n lastTabButton.classList.add(\"menu-button\");\n lastTabButton.setAttribute(\"slot\", \"tab-menu\");\n this.appendedButtons++;\n }\n //}\n }\n else if (tabBarWidth + 20 + this.lastAddedOrRemovedTabBarButtonWidth <\n sizeReference) {\n const menuButtons = this.el.querySelectorAll(\"[slot=tab-menu]\");\n const menuFirstButton = menuButtons[0];\n if (menuFirstButton) {\n menuFirstButton.classList.remove(\"menu-button\");\n menuFirstButton.setAttribute(\"slot\", \"tab-bar\");\n this.lastAddedOrRemovedTabBarButtonWidth = menuFirstButton.offsetWidth;\n this.appendedButtons--;\n }\n }\n if (gxgTabsPosition === \"right\" || gxgTabsPosition === \"left\") {\n this.tabBarMenuHeight = this.appendedButtons * buttonHeight + \"px\";\n }\n this.evaluateMenuButtonsTabIndex(this.tabBarMenuCollapsed);\n }\n componentWillLoad() {\n this.attachExportParts();\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n //Reading Direction\n const dirHtml = document\n .getElementsByTagName(\"html\")[0]\n .getAttribute(\"dir\");\n const dirBody = document\n .getElementsByTagName(\"body\")[0]\n .getAttribute(\"dir\");\n if (dirHtml === \"rtl\" || dirBody === \"rtl\") {\n this.rtl = true;\n }\n if (!this.scrollable) {\n const myObserver = new ResizeObserver(entries => {\n entries.forEach(() => {\n //get any button space between text and button border\n this.appendTabItemsToMenu();\n });\n });\n myObserver.observe(this.el.parentElement);\n //Collapse buttons if they dont't fit in the available space already\n const numberOfButtons = this.el.querySelectorAll(\"gxg-tab-button\").length;\n for (let i = 0; i <= numberOfButtons; i++) {\n this.appendTabItemsToMenu();\n }\n }\n //Tabbar menu on bottom\n const gxgTabsPosition = this.el.parentElement.getAttribute(\"position\");\n if (gxgTabsPosition === \"bottom\") {\n this.tabBarMenuPosition = \"bottom\";\n }\n //Tabbar menu on right\n if (gxgTabsPosition === \"right\") {\n this.tabBarMenuPosition = \"right\";\n }\n this.setIndexToTabButtons();\n }\n setIndexToTabButtons() {\n const tabButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n tabButtons.forEach((tabButton, index) => {\n tabButton.setAttribute(\"data-index\", index.toString());\n });\n }\n renderTabBarMenu() {\n if (this.appendedButtons > 0) {\n return (h(\"div\", { class: \"tab-bar__menu\" }, h(\"gxg-button\", { class: \"tab-bar__menu-button\", onClick: this.openMenu.bind(this), type: \"tertiary\", icon: \"gemini-tools/show-more-vertical\", ref: el => (this.tabBarMenuToggleButton = el), part: this.parts.buttonMenu })));\n }\n }\n detectClickOutsideTabBarMenu(event) {\n const x = event.x;\n const y = event.y;\n //card main container coordinates\n const tabBarMenuClientRect = this.tabBarMenu.getBoundingClientRect();\n if (x > tabBarMenuClientRect.left &&\n x < tabBarMenuClientRect.right &&\n y > tabBarMenuClientRect.top &&\n y < tabBarMenuClientRect.bottom) {\n //Click happened inside the menu\n }\n else {\n //Click happened outside the menu\n this.tabBarMenuCollapsed = true;\n }\n }\n disconnectedCallback() {\n document.removeEventListener(\"click\", this.detectClickOutsideTabBarMenu);\n }\n enableTabIndex = () => {\n const allButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n allButtons.forEach(button => {\n button.removeAttribute(\"tabindex\");\n });\n };\n disableTabIndex = () => {\n const menuButtons = this.el.querySelectorAll(\"[slot=tab-menu]\");\n menuButtons.forEach(button => {\n button.setAttribute(\"tabindex\", \"-1\");\n });\n };\n render() {\n return (h(Host, { class: {\n rtl: this.rtl,\n \"gxg-tab-bar\": true,\n \"gxg-tab-bar--hidden\": this.hidden,\n mercury: state.mercury\n }, exportParts: this.exportparts ? this.exportparts : null }, h(\"nav\", { class: {\n nav: true,\n \"nav--border\": this.displayBorder\n } }, h(\"ul\", { class: \"tab-bar\", ref: el => (this.tabBar = el) }, h(\"slot\", { name: \"tab-bar\" })), this.renderTabBarMenu(), h(\"ul\", { class: {\n \"tab-bar-menu\": true,\n \"tab-bar-menu--collapsed\": this.tabBarMenuCollapsed,\n top: this.tabBarMenuPosition === \"top\",\n right: this.tabBarMenuPosition === \"right\",\n bottom: this.tabBarMenuPosition === \"bottom\",\n left: this.tabBarMenuPosition === \"left\"\n }, style: {\n \"--tabBarMenuHeight\": this.tabBarMenuHeight,\n \"--tabBarMenuWidth\": this.tabBarMenuWidth\n }, ref: el => (this.tabBarMenu = el) }, h(\"slot\", { name: \"tab-menu\" })))));\n }\n static get is() { return \"gxg-tab-bar\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tab-bar.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tab-bar.css\"]\n };\n }\n static get properties() {\n return {\n \"hidden\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Hides the tab-bar\"\n },\n \"attribute\": \"hidden\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"displayBorder\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute displays a border-bottom line on the tab bar\"\n },\n \"attribute\": \"display-border\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"scrollable\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute with display a scrollbar if the buttons total width is greater than the tab-bar width.\"\n },\n \"attribute\": \"scrollable\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"appendedButtons\": {},\n \"tabBarMenuHeight\": {},\n \"tabBarMenuWidth\": {},\n \"tabBarMenuCollapsed\": {},\n \"tabBarMenuPosition\": {},\n \"rtl\": {}\n };\n }\n static get methods() {\n return {\n \"appendTabButtons\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"tabBarMenuCollapsed\",\n \"methodName\": \"tabBarMenuCollapsedHandler\"\n }];\n }\n static get listeners() {\n return [{\n \"name\": \"tabActivated\",\n \"method\": \"tabActivatedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"PrevOrNextTab\",\n \"method\": \"PrevOrNextTabHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=tab-bar.js.map\n",":root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n:host {\n display: block;\n align-self: center !important;\n line-height: 0;\n}\n:host .tab-button {\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: var(--gxg-tab-button-font-size);\n font-weight: var(--gxg-tab-button-font-weight);\n font-family: inherit;\n text-transform: var(--gxg-tab-button-font-text-transform);\n color: var(--gxg-tab-button-color);\n letter-spacing: var(--letter-spacing-regular);\n padding-top: 0;\n padding-inline-end: var(--gxg-tab-button-horizontal-padding);\n padding-bottom: 0;\n padding-inline-start: var(--gxg-tab-button-horizontal-padding);\n margin-top: 0;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 0;\n border: 0;\n width: 100%;\n height: var(--gxg-tab-button-height);\n position: relative;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n background-color: transparent;\n}\n:host .tab-button:focus-visible {\n outline: var(--ds-focus-border-width) solid var(--ds-border-color-control--focused);\n outline-offset: -1px;\n outline-offset: -2px;\n}\n:host .tab-button:after {\n content: \"\";\n width: 100%;\n height: var(--gxg-tab-button-line-height);\n left: 0;\n bottom: 0;\n position: absolute;\n background-color: transparent;\n}\n:host .tab-button:hover {\n cursor: pointer;\n}\n:host .tab-button:hover:focus-visible {\n outline-color: var(--gxg-tab-button-line-background-color-hover);\n}\n:host .tab-button:hover:after {\n background-color: var(--gxg-tab-button-line-background-color-hover);\n}\n:host .tab-button:active:focus-visible {\n outline-color: var(--gxg-tab-button-line-background-color-active);\n}\n:host .tab-button:active:after {\n background-color: var(--gxg-tab-button-line-background-color-active);\n}\n:host .tab-button[disabled] {\n color: var(--ds-color-disabled);\n pointer-events: none;\n}\n:host .tab-button[disabled]:after {\n background-color: var(--ds-background-color-disabled);\n}\n:host .tab-button[disabled] gxg-icon {\n --gxg-icon-color: var(--ds-icon-color-disabled);\n}\n:host .tab-button--selected {\n color: var(--gxg-tab-button-color--selected);\n font-weight: var(--gxg-tab-button-font-weight-selected);\n}\n:host .tab-button--selected:after {\n background-color: var(--gxg-tab-button-line-background-color);\n}\n:host .tab-button--text-icon gxg-icon {\n margin-right: var(--spacing-comp-02);\n}\n:host .tab-button--hidden {\n display: none;\n}\n:host .tab-button--border-above:after {\n top: 0;\n bottom: auto;\n}\n:host .tab-button gxg-icon {\n --gxg-icon-color: var(--gxg-tab-button-icon-color);\n}\n:host .tab-button__text {\n display: inline-block;\n}\n\n:host([slot=tab-menu]) .tab-button {\n padding-left: 0;\n padding-right: 0;\n}\n\n:host(.menu-button) {\n width: 100%;\n box-sizing: border-box;\n}\n:host(.menu-button) .tab-button {\n padding: 0 var(--gxg-tab-menu-button-padding);\n min-height: calc(var(--gxg-tab-menu-button-min-height) * 0.85);\n justify-content: flex-start;\n}\n:host(.menu-button) .tab-button:after {\n display: none;\n}\n:host(.menu-button) .tab-button__text {\n font-size: var(--gxg-tab-menu-button-font-size);\n}\n:host(.menu-button) gxg-icon {\n transform: scale(0.85);\n}\n\n:host(.menu-button:hover) {\n background: var(--ds-item-background-color--hover);\n}","import { h, Host } from \"@stencil/core\";\nimport state from \"../store\";\nimport { exportParts } from \"../../common/export-parts\";\nexport class GxgTabButton {\n constructor() {\n this.hidden = false;\n this.tabLabel = null;\n this.tab = null;\n this.isSelected = false;\n this.disabled = false;\n this.icon = null;\n this.borderAbove = false;\n }\n parts = {\n button: \"button\"\n };\n exportparts;\n el;\n tabButton;\n //Events\n tabActivated;\n PrevOrNextTab;\n async tabButtonClick() {\n this.buttonClickHandler();\n this.tabButton.focus();\n }\n isSelectedHandler(newValue) {\n if (newValue) {\n this.el.removeAttribute(\"tabindex\");\n }\n else {\n this.el.setAttribute(\"tabindex\", \"-1\");\n }\n }\n hiddenHandler(hidden) {\n if (hidden) {\n this.el.setAttribute(\"tabindex\", \"-1\");\n }\n else {\n this.el.removeAttribute(\"tabindex\");\n }\n }\n buttonClickHandler() {\n this.isSelected = true;\n const index = parseInt(this.el.getAttribute(\"data-index\"), 10);\n this.tabActivated.emit({\n tab: this.tab,\n index: index\n });\n }\n buttonKeyDownHandler(e) {\n if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n this.PrevOrNextTab.emit({\n originTab: this.tab,\n arrowPressed: e.key\n });\n }\n else if (e.key === \"ArrowUp\" || e.key === \"ArrowDown\") {\n e.preventDefault();\n }\n }\n printIcon() {\n if (this.icon !== null) {\n if (this.disabled) {\n return (h(\"gxg-icon\", { size: \"small\", color: \"disabled\", type: this.icon, part: \"icon\" }));\n }\n return h(\"gxg-icon\", { size: \"small\", type: this.icon, part: \"icon\" });\n }\n }\n componentWillLoad() {\n this.attachExportParts();\n this.hiddenHandler(this.hidden);\n }\n attachExportParts = () => {\n const part = this.el.getAttribute(\"part\");\n const exportPartsResult = exportParts(part, this.parts);\n exportPartsResult.length && (this.exportparts = exportPartsResult);\n };\n componentDidLoad() {\n //Set the active tab for this tab-button if this is selected by default\n if (this.isSelected) {\n this.tabActivated.emit();\n }\n }\n render() {\n return (h(Host, { class: {\n large: state.large,\n mercury: state.mercury\n }, exportParts: this.exportparts ? this.exportparts : null }, h(\"li\", { class: \"tab-item\" }, h(\"button\", { disabled: this.disabled, class: {\n \"tab-button\": true,\n \"tab-button--hidden\": this.hidden,\n \"tab-button--selected\": this.isSelected === true,\n \"tab-button--text-icon\": this.tabLabel !== null && this.icon !== null,\n large: state.large,\n \"tab-button--border-above\": this.borderAbove\n }, onClick: this.buttonClickHandler.bind(this), onKeyDown: this.buttonKeyDownHandler.bind(this), ref: el => (this.tabButton = el), part: this.parts.button }, this.printIcon(), h(\"span\", { class: \"tab-button__text\", part: \"button-text\" }, this.tabLabel)), h(\"slot\", null))));\n }\n static get is() { return \"gxg-tab-button\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tab-button.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tab-button.css\"]\n };\n }\n static get properties() {\n return {\n \"hidden\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Hides the tab button\"\n },\n \"attribute\": \"hidden\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"tabLabel\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The button label\"\n },\n \"attribute\": \"tab-label\",\n \"reflect\": false,\n \"defaultValue\": \"null\"\n },\n \"tab\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The tab id. Must be unique, and match the \\\"tab\\\" value of the correlative \\\"gxg-tab\\\" element\"\n },\n \"attribute\": \"tab\",\n \"reflect\": true,\n \"defaultValue\": \"null\"\n },\n \"isSelected\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Provide this attribute to make this button selected by default\"\n },\n \"attribute\": \"is-selected\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"disabled\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Provide this attribute to make this button disabled\"\n },\n \"attribute\": \"disabled\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"icon\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"(Optional) provide an icon to this button\"\n },\n \"attribute\": \"icon\",\n \"reflect\": false,\n \"defaultValue\": \"null\"\n },\n \"borderAbove\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Displays the border above\"\n },\n \"attribute\": \"border-above\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"tabActivated\",\n \"name\": \"tabActivated\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }, {\n \"method\": \"PrevOrNextTab\",\n \"name\": \"PrevOrNextTab\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }];\n }\n static get methods() {\n return {\n \"tabButtonClick\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"isSelected\",\n \"methodName\": \"isSelectedHandler\"\n }, {\n \"propName\": \"hidden\",\n \"methodName\": \"hiddenHandler\"\n }];\n }\n}\n//# sourceMappingURL=tab-button.js.map\n",":root {\n --ui-animaton-speed: 0.2s;\n}\n\n/*ALIGNMENT*/\n/*Ellipsis*/\n/*****************************************************\nTYPOGRAPHY\n*****************************************************/\n/*Title 01 (Positive)*/\n.gxg-title-01 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n/*Title 01 (Negative)*/\n.gxg-title-01--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-01-font-weight);\n font-size: var(--ds-title-01-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 02 (Positive)*/\n.gxg-title-02 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-02--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-02-font-weight);\n font-size: var(--ds-title-02-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--color-on-primary);\n}\n\n/*Title 03*/\n.gxg-title-03 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-03--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-03-font-weight);\n font-size: var(--ds-title-03-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n text-transform: uppercase;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 04*/\n.gxg-title-04 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-04--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-04-font-weight);\n font-size: var(--ds-title-04-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--comfortable);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Title 05*/\n.gxg-title-05 {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-title-05--negative {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--ds-title-05-font-weight);\n font-size: var(--ds-title-05-font-size);\n letter-spacing: var(--ds-base-font-letter-spacing--regular);\n color: var(--ds-base-font-color);\n text-align: start;\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n/*Text*/\n.gxg-text {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n}\n\n.gxg-text--negative {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--negative);\n}\n\n.gxg-text--gray {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--dimmed);\n}\n\n/*Quote*/\n.gxg-quote {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n font-style: italic;\n}\n\n.gxg-quote--negative {\n color: var(--ds-base-font-color--negative);\n}\n\n/*Link*/\n.gxg-link {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n}\n.gxg-link:hover {\n color: var(--ds-base-font-color--link-hover);\n}\n.gxg-link:active {\n color: var(--ds-base-font-color--link-active);\n}\n\n.gxg-link-gray {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n}\n.gxg-link-gray:hover {\n line-height: unset;\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--link);\n text-decoration: underline;\n cursor: pointer;\n display: inline-block;\n color: var(--ds-base-font-color--dimmed);\n filter: brightness(1.4);\n}\n\n/*Alerts*/\n.gxg-alert-error {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--error);\n display: inline-block;\n}\n\n.gxg-alert-warning {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--warning);\n display: inline-block;\n}\n\n.gxg-alert-success {\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--ds-base-font-size);\n color: var(--ds-base-font-size-color);\n font-weight: var(--ds-base-font-size-weight);\n line-height: var(--ds-base-font-line-height--comfortable);\n color: var(--ds-base-font-color--success);\n display: inline-block;\n}\n\n/*Tab*/\n.gxg-tab--disabled {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n.gxg-tab--disabled[disabled] {\n color: var(--color-primary-disabled);\n pointer-events: none;\n}\n\n/*Label*/\n.gxg-label {\n font-family: var(--ds-base-font-family-primary);\n font-weight: var(--gxg-label-font-weight);\n font-size: var(--gxg-label-font-size);\n color: var(--gxg-label-color);\n text-align: center;\n line-height: 1.455em;\n display: flex;\n align-items: center;\n}\n.gxg-label:hover {\n color: var(--color-primary-hover);\n}\n.gxg-label:focus {\n color: var(--color-primary-active);\n}\n.gxg-label:active {\n color: var(--color-primary-active);\n}\n.gxg-label[disabled] {\n color: var(--color-primary-disabled);\n}\n\n.gxg-label--negative {\n color: var(--color-on-primary);\n}\n.gxg-label--negative[disabled] {\n color: var(--color-on-disabled);\n}\n\n/*****************************************************\nGXG-BUTTON and GXG-BUTTON-GROUP COMMON STYLES\n*****************************************************/\n/*****************************************************\nFORM ELEMENTS\n*****************************************************/\n.gxg-scrollbar {\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n.gxg-scrollbar::-webkit-scrollbar {\n width: var(--gxg-scrollbar-width);\n height: var(--gxg-scrollbar-width);\n}\n.gxg-scrollbar::-webkit-scrollbar-track {\n background-color: var(--gxg-scrollbar-track-background);\n border-radius: var(--gxg-scrollbar-track-border-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--gxg-scrollbar-track-thumb-background);\n border-radius: var(--gxg-scrollbar-track-thumb-radius);\n}\n.gxg-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--gxg-scrollbar-track-thumb-hover-background);\n}\n.gxg-scrollbar::-webkit-scrollbar-corner {\n background: rgba(0, 0, 0, 0);\n}\n\n:host {\n display: block;\n height: auto;\n background: var(--color-background);\n border-radius: var(--border-width-md);\n box-shadow: var(--box-shadow-01);\n position: relative;\n font-family: var(--ds-base-font-family-primary);\n}\n\n.main-container {\n height: 100%;\n max-height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-width: var(--gxg-tabs-border-width);\n border-style: solid;\n border-color: var(--gxg-tabs-border-color);\n border-radius: var(--gxg-tabs-border-radius);\n overflow: hidden;\n}\n.main-container--no-border {\n border: none;\n}\n\n.tabs-container {\n height: 100%;\n overflow-y: auto;\n}\n\n:host([position=left]) .tab-bar-container {\n transform: rotate(-90deg) translate(-100%, 0);\n transform-origin: left top;\n position: absolute;\n z-index: 10;\n}\n:host([position=left]) .tabs-container {\n height: 100%;\n width: calc(100% - 32px);\n margin-left: 32px;\n}\n\n:host([position=right]) .tab-bar-container {\n transform: rotate(-90deg) translate(-100%, 0);\n transform-origin: left top;\n position: absolute;\n z-index: 10;\n left: calc(100% - 32px);\n}\n:host([position=right]) .tabs-container {\n height: 100%;\n width: calc(100% - 32px);\n}","import { Host, h } from \"@stencil/core\";\nexport class GxgTabs {\n constructor() {\n this.position = \"top\";\n this.height = \"100%\";\n this.maxHeight = \"100%\";\n this.minWidth = \"200px\";\n this.tabBarBorder = false;\n this.noBorder = false;\n this.buttonsBorderAbove = false;\n this.noBackground = false;\n this.noPadding = false;\n this.activeTab = \"\";\n }\n el;\n tabActivatedHandler(event) {\n event.stopPropagation();\n this.updateActiveChildren(event.target.tab, \"gxg-tab-button\");\n this.updateActiveChildren(event.target.tab, \"gxg-tab\");\n }\n componentWillLoad() {\n this.configureTabs();\n }\n updateActiveChildren(activeTab, tagName) {\n let children;\n if (tagName === \"gxg-tab\") {\n children = this.el.querySelectorAll(\":scope > gxg-tab\");\n }\n else if (tagName === \"gxg-tab-button\") {\n const tabBar = this.el.querySelector(\":scope > gxg-tab-bar\");\n children = tabBar.querySelectorAll(\":scope > gxg-tab-button\");\n }\n for (const child of children) {\n child.isSelected = activeTab === child.tab;\n }\n }\n configureTabs() {\n const tabs = this.el.querySelectorAll(\"gxg-tab\");\n if (this.noPadding) {\n tabs.forEach(tab => {\n tab.noPadding = true;\n });\n }\n if (this.buttonsBorderAbove) {\n const tabButtons = this.el.querySelectorAll(\"gxg-tab-button\");\n tabButtons.forEach(tabButton => (tabButton.borderAbove = true));\n }\n }\n async setActiveTab(tab) {\n if (tab) {\n const tabEl = this.getTab(tab);\n if (!tabEl?.disabled) {\n this.updateActiveChildren(tab, \"gxg-tab-button\");\n this.updateActiveChildren(tab, \"gxg-tab\");\n }\n }\n }\n /**\n * Sets the first tab that is not disabled and hidden as the active tab\n */\n async setFirstActiveTab() {\n const allTabs = Array.from(this.el.querySelectorAll(\"gxg-tab-button\"));\n const firstEnabledTab = allTabs.find(tab => !tab.hidden && !tab.disabled);\n if (firstEnabledTab && firstEnabledTab.tab) {\n this.updateActiveChildren(firstEnabledTab.tab, \"gxg-tab-button\");\n this.updateActiveChildren(firstEnabledTab.tab, \"gxg-tab\");\n }\n }\n getTab = (tab) => {\n return this.el.querySelector(`gxg-tab-button[key=${tab}]`);\n };\n render() {\n return (h(Host, { style: {\n height: this.height,\n maxHeight: this.maxHeight,\n minWidth: this.minWidth\n } }, h(\"div\", { class: {\n \"main-container\": true,\n \"main-container--no-border\": this.noBorder\n } }, this.position === \"bottom\"\n ? [\n h(\"div\", { class: \"tabs-container\" }, h(\"slot\", null)),\n h(\"div\", { class: \"tab-bar-container\" }, h(\"slot\", { name: \"tab-bar-container\" }))\n ]\n : [\n h(\"div\", { class: \"tab-bar-container\" }, h(\"slot\", { name: \"tab-bar-container\" })),\n h(\"div\", { class: \"tabs-container\" }, h(\"slot\", null))\n ])));\n }\n static get is() { return \"gxg-tabs\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"tabs.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"tabs.css\"]\n };\n }\n static get properties() {\n return {\n \"position\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"TabsPosition\",\n \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n \"references\": {\n \"TabsPosition\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/tabs/tabs.tsx\",\n \"id\": \"src/components/tabs/tabs.tsx::TabsPosition\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"position\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"top\\\"\"\n },\n \"height\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"height\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"100%\\\"\"\n },\n \"maxHeight\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"max-height\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"100%\\\"\"\n },\n \"minWidth\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"min-width\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"200px\\\"\"\n },\n \"tabBarBorder\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"tab-bar-border\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"noBorder\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"no-border\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"buttonsBorderAbove\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"\"\n },\n \"attribute\": \"buttons-border-above\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"noBackground\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute removes the background color (only for mercury)\"\n },\n \"attribute\": \"no-background\",\n \"reflect\": true,\n \"defaultValue\": \"false\"\n },\n \"noPadding\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The presence of this attribute removes each tab .container padding\"\n },\n \"attribute\": \"no-padding\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"activeTab\": {}\n };\n }\n static get methods() {\n return {\n \"setActiveTab\": {\n \"complexType\": {\n \"signature\": \"(tab: string) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"tab\",\n \"type\": \"string\",\n \"docs\": \"\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"\",\n \"tags\": []\n }\n },\n \"setFirstActiveTab\": {\n \"complexType\": {\n \"signature\": \"() => Promise<void>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Sets the first tab that is not disabled and hidden as the active tab\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"tabActivated\",\n \"method\": \"tabActivatedHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=tabs.js.map\n"],"mappings":"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"}

package/dist/genexus-ide-ui/p-f5034221.entry.js DELETED Viewed

@@ -1,258 +0,0 @@
-import { r as t, c as e, h as s, H as r, g as i } from "./p-2776d2f9.js";
-import { L as a } from "./p-74d59062.js";
-const o = ":host{display:block;border:1px solid var(--gx-ide-container-border-color);border-radius:var(--ds-form-control-border-radius);--status-buttons-label-color:var(--mer-text__on-surface)}gx-ide-list-selector::part(list){display:flex;flex-direction:row}gx-ide-list-selector-item{border-block-start:none !important;flex:1;text-align:center;}gx-ide-list-selector-item.not-zero{font-weight:var(--mer-font__weight--semi-bold)}gx-ide-list-selector-item:not(:last-child){border-inline-end:1px solid var(--gx-ide-container-border-color)}gx-ide-list-selector-item .label__wrapper{display:inline-flex;width:auto;min-height:0}gx-ide-list-selector-item .label__description{color:var(--status-buttons-label-color);margin-inline-start:var(--mer-spacing--xxs)}gx-ide-list-selector-item .active-indicator{display:inline-block;width:var(--mer-spacing--xs);height:var(--mer-spacing--xs);border:1px solid var(--mer-border-color__dim);border-radius:calc(var(--mer-spacing--xs) / 2);background-color:var(--mer-border-color__dim)}gx-ide-list-selector-item input:checked+.label{--status-buttons-label-color:var(--mer-text__on-surface);background-color:inherit}gx-ide-list-selector-item input:checked+.label .active-indicator{background-color:var(--mer-icon__primary);border-color:var(--mer-icon__primary)}gx-ide-list-selector-item:hover input:checked+.label{background-color:var(--ds-item-background-color--hover) !important}:host([compact]) gx-ide-list-selector-item{font-size:var(--mer-font__size--xxs)}:host([compact]) .label__wrapper{gap:var(--mer-spacing--xxs);padding:var(--mer-spacing--xxxs) var(--mer-spacing--xs) var(--mer-spacing--xxxs) var(--mer-spacing--xxs)}:host([compact]) .label__universal-slot{margin-inline-end:var(--mer-spacing--xxxs)}:host([no-border]){border:none}:host([no-border-top]){border-top:none}:host([no-border-end]){border-inline-end:none}:host([no-border-bottom]){border-bottom:none}:host([no-border-start]){border-inline-start:none}:host([no-inner-borders]) gx-ide-list-selector-item{border-inline-end:none}";
-const n = class {
-  constructor(s) {
-    t(this, s);
-    this.selectionChanged = e(this, "selectionChanged", 7);
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-        this.evaluateIconsSize = () => {
-      if (this.compact) {
-        this.iconsSize = "small";
-      }
-    };
-    this.evaluateLabel = t => {
-      const e = this[t];
-      if (this.minimal) {
-        return `${e}`;
-      } else {
-        const s = e === 1;
-        return s ? `${e} ${this._componentLocale[t]["singular"]}` : `${e} ${this._componentLocale[t]["plural"]}`;
-      }
-    };
-    this.selectionChangedHandler = t => {
-      t.stopPropagation();
-      this.selectionChanged.emit(t.detail);
-    };
-    this.active = false;
-    this.errors = 0;
-    this.hideError = false;
-    this.warnings = 0;
-    this.hideWarning = false;
-    this.successes = 0;
-    this.hideSuccess = false;
-    this.messages = 0;
-    this.hideMessage = false;
-    this.minimal = false;
-    this.compact = false;
-    this.noBorder = false;
-    this.noInnerBorders = false;
-    this.noBorderTop = false;
-    this.noBorderEnd = false;
-    this.noBorderBottom = false;
-    this.noBorderStart = false;
-    this.iconsSize = "small";
-  }
-  // 6.COMPONENT LIFECYCLE METHODS //
-  async componentWillLoad() {
-    this._componentLocale = await a.getComponentStrings(this.el);
-    this.evaluateIconsSize();
-  }
-  // 10.RENDER() FUNCTION //
-  render() {
-    return s(r, null, s("gx-ide-list-selector", {
-      type: "multi-selection",
-      listName: "status-buttons",
-      noListBorder: true,
-      ellipsis: true,
-      iconsSize: this.iconsSize,
-      onSelectionChanged: this.selectionChangedHandler
-    }, !this.hideError ? s("gx-ide-list-selector-item", {
-      itemId: "errors",
-      itemValue: this.evaluateLabel("errors"),
-      icon: "gx-test/result-exception",
-      iconColor: this.errors === 0 ? "disabled" : "auto",
-      class: {
-        error: true,
-        "not-zero": this.errors !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null, !this.hideWarning ? s("gx-ide-list-selector-item", {
-      itemId: "warnings",
-      itemValue: this.evaluateLabel("warnings"),
-      icon: "gx-test/result-warning",
-      iconColor: this.warnings === 0 ? "disabled" : "auto",
-      class: {
-        warning: true,
-        "not-zero": this.warnings !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null, !this.hideSuccess ? s("gx-ide-list-selector-item", {
-      itemId: "successes",
-      itemValue: this.evaluateLabel("successes"),
-      icon: "gx-test/result-ok",
-      iconColor: this.successes === 0 ? "disabled" : "auto",
-      class: {
-        success: true,
-        "not-zero": this.successes !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null, !this.hideMessage ? s("gx-ide-list-selector-item", {
-      itemId: "messages",
-      itemValue: this.evaluateLabel("messages"),
-      icon: "gx-test/screenshot-viewer",
-      iconColor: this.messages === 0 ? "disabled" : "auto",
-      class: {
-        message: true,
-        "not-zero": this.messages !== 0
-      },
-      itemChecked: true
-    }, s("span", {
-      slot: "universal",
-      class: {
-        "active-indicator": true
-      }
-    })) : null));
-  }
-  static get assetsDirs() {
-    return [ "gx-ide-assets/status-buttons" ];
-  }
-  get el() {
-    return i(this);
-  }
-};
-n.style = o;
-const l = ':host{--top-bar-progress:0%;display:grid;grid-template-rows:0fr;transition:200ms grid-template-rows}:host>*{overflow:hidden}:host(.visible){grid-template-rows:1fr}.top-state-bar{}.top-state-bar__wrapper{padding:0 var(--mer-spacing--md);display:flex;justify-content:center;align-items:center;height:var(--mer-spacing--xxl)}.top-state-bar__caption{opacity:0;transition:150ms opacity;color:var(--mer-text__on-message);font-family:var(--ds-base-font-family-primary);font-size:var(--mer-font__size--sm);font-weight:var(--mer-font__weight--semi-bold)}.top-state-bar__caption--visible{opacity:1}.top-state-bar__close{opacity:0;transition:200ms opacity;cursor:pointer}.top-state-bar__close:hover{opacity:0.75}.top-state-bar__close--visible{opacity:1}.top-state-bar--accent .top-state-bar__wrapper{background-color:var(--mer-accent__primary);color:var(--mer-text__on-primary)}.top-state-bar--success .top-state-bar__wrapper{background-color:var(--mer-color__message-green--100)}.top-state-bar--warning .top-state-bar__wrapper{background-color:var(--mer-color__message-yellow--100)}.top-state-bar--error .top-state-bar__wrapper{background-color:var(--mer-color__message-red--100)}.top-state-bar--in-progress .top-state-bar__wrapper{position:relative;overflow:hidden;z-index:1}.top-state-bar--in-progress .top-state-bar__wrapper:after{content:"";position:absolute;z-index:0;width:300%;height:100%;left:0;background:linear-gradient(90deg, #93f5eb 0%, #1aa3ff 33%, #93f5eb 66%, #1aa3ff 100%);animation-name:inProgress;animation-duration:2s;animation-iteration-count:infinite}.top-state-bar--in-progress .top-state-bar__caption{display:flex;align-items:center;flex-direction:column;position:relative;z-index:2}.top-state-bar--with-action .top-state-bar__caption{flex:1;text-align:center}.top-state-bar--with-action .top-state-bar__wrapper{padding-inline-end:var(--mer-spacing--xxs)}@-webkit-keyframes inProgress{0%{left:0%}100%{left:-200%}}@-moz-keyframes inProgress{0%{left:0%}100%{left:200%}}@keyframes inProgress{0%{left:0%}100%{left:-200%}}.progress-bar{transition:all 200ms;width:var(--top-bar-progress);background-color:var(--mer-accent__primary);height:var(--mer-spacing--xxs)}.progress-bar--hidden{height:0}';
-const c = class {
-  constructor(e) {
-    // 7.LISTENERS //
-    // 8.PUBLIC METHODS API //
-    // 9.LOCAL METHODS //
-    this.evaluateWithAction = () => {
-      if (this.stateType === "error" || this.stateType === "warning" || this.stateType === "success") {
-        this.stateWithAction = true;
-      }
-    };
-    this.closeButtonHandler = () => {
-      this.active = false;
-    };
-    t(this, e);
-    this.stateWithAction = false;
-    this.captionVisible = false;
-    this.visible = false;
-    this.caption = undefined;
-    this.active = false;
-    this.stateType = "in-progress";
-    this.withProgressBar = false;
-    this.progress = 0;
-    this.autoClose = false;
-  }
-  get el() {
-    return i(this);
-  }
-  watchActiveHandler(t) {
-    if (t) {
-      this.visible = true;
-      setTimeout((() => {
-        this.captionVisible = true;
-      }), 300);
-    } else {
-      this.captionVisible = false;
-      setTimeout((() => {
-        this.visible = false;
-      }), 300);
-      this.progress = 0;
-    }
-  }
-  watchStateTypeHandler() {
-    this.evaluateWithAction();
-  }
-  watchProgressHandler(t) {
-    if (t => 0) {
-      this.el.style.setProperty("--top-bar-progress", `${t}%`);
-    }
-    if (t === 100 && this.autoClose) {
-      this.active = false;
-    }
-  }
-  // 5.EVENTS (EMIT) //
-  // 6.COMPONENT LIFECYCLE EVENTS //
-  componentWillLoad() {
-    this.evaluateWithAction();
-    if (this.active) {
-      this.visible = true;
-      this.captionVisible = true;
-    }
-  }
-  //  10.RENDER() FUNCTION //
-  render() {
-    return s(r, {
-      class: {
-        visible: this.visible
-      },
-      "aria-hidden": !this.active
-    }, s("div", {
-      role: "status",
-      "aria-labelledby": "label",
-      "aria-hidden": !this.active,
-      class: {
-        "top-state-bar": true,
-        [`top-state-bar--${this.stateType}`]: true,
-        "top-state-bar--with-action": this.stateWithAction
-      }
-    }, s("div", {
-      class: {
-        "top-state-bar__wrapper": true
-      },
-      part: "wrapper"
-    }, s("label", {
-      id: "label",
-      class: {
-        "top-state-bar__caption": true,
-        "top-state-bar__caption--visible": this.captionVisible
-      },
-      part: "label"
-    }, this.caption), this.stateWithAction ? s("gxg-icon", {
-      class: {
-        "top-state-bar__close": true,
-        "top-state-bar__close--visible": this.captionVisible
-      },
-      role: "button",
-      "aria-label": "close",
-      type: "gemini-tools/close",
-      color: "mercury-text-on-message",
-      tabIndex: 0,
-      onClick: this.closeButtonHandler
-    }) : null), this.withProgressBar ? s("div", {
-      class: {
-        "progress-bar": true,
-        "progress-bar--hidden": this.progress === 0 || this.progress === 100
-      }
-    }) : null));
-  }
-  static get watchers() {
-    return {
-      active: [ "watchActiveHandler" ],
-      stateType: [ "watchStateTypeHandler" ],
-      progress: [ "watchProgressHandler" ]
-    };
-  }
-};
-c.style = l;
-export { n as gx_ide_status_buttons, c as gxg_top_state_bar };
-//# sourceMappingURL=p-f5034221.entry.js.map

package/dist/genexus-ide-ui/p-f5034221.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["gxIdeStatusButtonsCss","GxIdeStatusButtons","this","evaluateIconsSize","compact","iconsSize","evaluateLabel","type","amount","minimal","singular","_componentLocale","selectionChangedHandler","e","stopPropagation","selectionChanged","emit","detail","componentWillLoad","Locale","getComponentStrings","el","render","h","Host","listName","noListBorder","ellipsis","onSelectionChanged","hideError","itemId","itemValue","icon","iconColor","errors","class","error","itemChecked","slot","hideWarning","warnings","warning","hideSuccess","successes","success","hideMessage","messages","message","gxgTopStateBarCss","GxgTopStateBar","constructor","hostRef","evaluateWithAction","stateType","stateWithAction","closeButtonHandler","active","captionVisible","visible","caption","undefined","withProgressBar","progress","autoClose","watchActiveHandler","setTimeout","watchStateTypeHandler","watchProgressHandler","style","setProperty","role","part","id","color","tabIndex","onClick"],"sources":["src/components/_helpers/status-buttons/gx-ide-status-buttons.scss?tag=gx-ide-status-buttons&encapsulation=shadow","src/components/_helpers/status-buttons/gx-ide-status-buttons.tsx","node_modules/@genexus/gemini/dist/collection/components/top-state-bar/gxg-top-state-bar.css?tag=gxg-top-state-bar&encapsulation=shadow","node_modules/@genexus/gemini/dist/collection/components/top-state-bar/gxg-top-state-bar.js"],"sourcesContent":[":host {\n display: block;\n border: 1px solid var(--gx-ide-container-border-color);\n border-radius: var(--ds-form-control-border-radius);\n --status-buttons-label-color: var(--mer-text__on-surface);\n}\n/*list-selector*/\ngx-ide-list-selector::part(list) {\n display: flex;\n flex-direction: row;\n}\n/*list-selector-items*/\ngx-ide-list-selector-item {\n border-block-start: none !important; //reset\n\n &.not-zero {\n font-weight: var(--mer-font__weight--semi-bold);\n }\n\n &:not(:last-child) {\n border-inline-end: 1px solid var(--gx-ide-container-border-color);\n }\n flex: 1;\n text-align: center;\n\n .label {\n &__wrapper {\n display: inline-flex;\n width: auto;\n min-height: 0;\n }\n &__description {\n color: var(--status-buttons-label-color);\n margin-inline-start: var(--mer-spacing--xxs);\n }\n }\n\n /*active indicator*/\n .active-indicator {\n display: inline-block;\n width: var(--mer-spacing--xs);\n height: var(--mer-spacing--xs);\n border: 1px solid var(--mer-border-color__dim);\n border-radius: calc(var(--mer-spacing--xs) / 2);\n background-color: var(--mer-border-color__dim);\n }\n input:checked {\n + .label {\n --status-buttons-label-color: var(--mer-text__on-surface);\n background-color: inherit;\n\n .active-indicator {\n background-color: var(--mer-icon__primary);\n border-color: var(--mer-icon__primary);\n }\n }\n }\n\n /*hover*/\n &:hover {\n input:checked + .label {\n background-color: var(--ds-item-background-color--hover) !important;\n }\n }\n}\n\n/*--------------------\nCompact size\n--------------------*/\n:host([compact]) {\n gx-ide-list-selector-item {\n font-size: var(--mer-font__size--xxs);\n }\n .label__wrapper {\n gap: var(--mer-spacing--xxs);\n padding: var(--mer-spacing--xxxs) var(--mer-spacing--xs)\n var(--mer-spacing--xxxs) var(--mer-spacing--xxs);\n }\n .label__universal-slot {\n margin-inline-end: var(--mer-spacing--xxxs);\n }\n}\n\n/*--------------------\nAll about borders\n--------------------*/\n:host([no-border]) {\n border: none;\n}\n:host([no-border-top]) {\n border-top: none;\n}\n:host([no-border-end]) {\n border-inline-end: none;\n}\n:host([no-border-bottom]) {\n border-bottom: none;\n}\n:host([no-border-start]) {\n border-inline-start: none;\n}\n:host([no-inner-borders]) {\n gx-ide-list-selector-item {\n border-inline-end: none;\n }\n}\n","/* STENCIL IMPORTS */\nimport {\n Component,\n Host,\n h,\n Prop,\n Element,\n State,\n Event,\n EventEmitter\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { Size } from \"@genexus/gemini/dist/types/components/icon/icon\";\n/* CUSTOM IMPORTS */\nimport { CheckedItemsInfo } from \"../list-selector/list-selector\";\nimport { Locale } from \"../../../common/locale\";\n@Component({\n tag: \"gx-ide-status-buttons\",\n styleUrl: \"gx-ide-status-buttons.scss\",\n shadow: true,\n assetsDirs: [\"gx-ide-assets/status-buttons\"]\n})\nexport class GxIdeStatusButtons {\n /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n // 1.OWN PROPERTIES | WATCH'S //\n\n /**\n * The component hard-coded strings translations.\n */\n private _componentLocale: any;\n\n /**\n * Whether or not the buttons are active\n */\n @Prop() readonly active: boolean = false;\n\n /**\n * The errors amount\n */\n @Prop() readonly errors: number = 0;\n\n /**\n * Hide the errors button\n */\n @Prop() readonly hideError: boolean = false;\n\n /**\n * The warnings amount\n */\n @Prop() readonly warnings: number = 0;\n\n /**\n * Hide the warnings button\n */\n @Prop() readonly hideWarning: boolean = false;\n\n /**\n * The successes amount\n */\n @Prop() readonly successes: number = 0;\n\n /**\n * Hide the successes button\n */\n @Prop() readonly hideSuccess: boolean = false;\n\n /**\n * The messages amount\n */\n @Prop() readonly messages: number = 0;\n\n /**\n * Hide the messages button\n */\n @Prop() readonly hideMessage: boolean = false;\n\n /**\n * Display only the number\n */\n @Prop() readonly minimal: boolean = false;\n\n /**\n * If present will make the component look smaller.\n */\n @Prop({ reflect: true }) readonly compact: boolean = false;\n\n /**\n * No border all around\n */\n @Prop({ reflect: true }) readonly noBorder: boolean = false;\n\n /**\n * No inner borders\n */\n @Prop({ reflect: true }) readonly noInnerBorders: boolean = false;\n\n /**\n * No border on the top\n */\n @Prop({ reflect: true }) readonly noBorderTop: boolean = false;\n\n /**\n * No border on the end\n */\n @Prop({ reflect: true }) readonly noBorderEnd: boolean = false;\n\n /**\n * No border on the bottom\n */\n @Prop({ reflect: true }) readonly noBorderBottom: boolean = false;\n\n /**\n * No border on the start\n */\n @Prop({ reflect: true }) readonly noBorderStart: boolean = false;\n\n // 2. REFERENCE TO ELEMENTS //\n\n @Element() el: HTMLGxIdeStatusButtonsElement;\n\n // 3.STATE() VARIABLES //\n\n @State() iconsSize: Size = \"small\";\n\n // 4.PUBLIC PROPERTY API | WATCH'S //\n\n // 5.EVENTS (EMIT) //\n\n /**\n * Emits the actual selection\n */\n @Event() selectionChanged: EventEmitter<CheckedItemsInfo>;\n\n // 6.COMPONENT LIFECYCLE METHODS //\n\n async componentWillLoad() {\n this._componentLocale = await Locale.getComponentStrings(this.el);\n this.evaluateIconsSize();\n }\n\n // 7.LISTENERS //\n\n // 8.PUBLIC METHODS API //\n\n // 9.LOCAL METHODS //\n\n private evaluateIconsSize = () => {\n if (this.compact) {\n this.iconsSize = \"small\";\n }\n };\n\n private evaluateLabel = (\n type: \"errors\" | \"warnings\" | \"successes\" | \"messages\"\n ): string => {\n const amount = this[type];\n if (this.minimal) {\n return `${amount}`;\n } else {\n const singular: boolean = amount === 1;\n return singular\n ? `${amount} ${this._componentLocale[type][\"singular\"]}`\n : `${amount} ${this._componentLocale[type][\"plural\"]}`;\n }\n };\n\n private selectionChangedHandler = (e: CustomEvent<CheckedItemsInfo>) => {\n e.stopPropagation();\n this.selectionChanged.emit(e.detail);\n };\n\n // 10.RENDER() FUNCTION //\n\n render() {\n return (\n <Host>\n <gx-ide-list-selector\n type=\"multi-selection\"\n listName=\"status-buttons\"\n noListBorder\n ellipsis\n iconsSize={this.iconsSize}\n onSelectionChanged={this.selectionChangedHandler}\n >\n {!this.hideError ? (\n <gx-ide-list-selector-item\n itemId=\"errors\"\n itemValue={this.evaluateLabel(\"errors\")}\n icon=\"gx-test/result-exception\"\n iconColor={this.errors === 0 ? \"disabled\" : \"auto\"}\n class={{ \"error\": true, \"not-zero\": this.errors !== 0 }}\n itemChecked\n >\n <span\n slot=\"universal\"\n class={{\n \"active-indicator\": true\n }}\n ></span>\n </gx-ide-list-selector-item>\n ) : null}\n {!this.hideWarning ? (\n <gx-ide-list-selector-item\n itemId=\"warnings\"\n itemValue={this.evaluateLabel(\"warnings\")}\n icon=\"gx-test/result-warning\"\n iconColor={this.warnings === 0 ? \"disabled\" : \"auto\"}\n class={{ \"warning\": true, \"not-zero\": this.warnings !== 0 }}\n itemChecked\n >\n <span\n slot=\"universal\"\n class={{\n \"active-indicator\": true\n }}\n ></span>\n </gx-ide-list-selector-item>\n ) : null}\n {!this.hideSuccess ? (\n <gx-ide-list-selector-item\n itemId=\"successes\"\n itemValue={this.evaluateLabel(\"successes\")}\n icon=\"gx-test/result-ok\"\n iconColor={this.successes === 0 ? \"disabled\" : \"auto\"}\n class={{ \"success\": true, \"not-zero\": this.successes !== 0 }}\n itemChecked\n >\n <span\n slot=\"universal\"\n class={{\n \"active-indicator\": true\n }}\n ></span>\n </gx-ide-list-selector-item>\n ) : null}\n {!this.hideMessage ? (\n <gx-ide-list-selector-item\n itemId=\"messages\"\n itemValue={this.evaluateLabel(\"messages\")}\n icon=\"gx-test/screenshot-viewer\"\n iconColor={this.messages === 0 ? \"disabled\" : \"auto\"}\n class={{ \"message\": true, \"not-zero\": this.messages !== 0 }}\n itemChecked\n >\n <span\n slot=\"universal\"\n class={{\n \"active-indicator\": true\n }}\n ></span>\n </gx-ide-list-selector-item>\n ) : null}\n </gx-ide-list-selector>\n </Host>\n );\n }\n}\n",":host {\n --top-bar-progress: 0%;\n display: grid;\n grid-template-rows: 0fr;\n transition: 200ms grid-template-rows;\n}\n:host > * {\n overflow: hidden;\n}\n\n:host(.visible) {\n grid-template-rows: 1fr;\n}\n\n.top-state-bar {\n /*states*/\n /*with action*/\n}\n.top-state-bar__wrapper {\n padding: 0 var(--mer-spacing--md);\n display: flex;\n justify-content: center;\n align-items: center;\n height: var(--mer-spacing--xxl);\n}\n.top-state-bar__caption {\n opacity: 0;\n transition: 150ms opacity;\n color: var(--mer-text__on-message);\n font-family: var(--ds-base-font-family-primary);\n font-size: var(--mer-font__size--sm);\n font-weight: var(--mer-font__weight--semi-bold);\n}\n.top-state-bar__caption--visible {\n opacity: 1;\n}\n.top-state-bar__close {\n opacity: 0;\n transition: 200ms opacity;\n cursor: pointer;\n}\n.top-state-bar__close:hover {\n opacity: 0.75;\n}\n.top-state-bar__close--visible {\n opacity: 1;\n}\n.top-state-bar--accent .top-state-bar__wrapper {\n background-color: var(--mer-accent__primary);\n color: var(--mer-text__on-primary);\n}\n.top-state-bar--success .top-state-bar__wrapper {\n background-color: var(--mer-color__message-green--100);\n}\n.top-state-bar--warning .top-state-bar__wrapper {\n background-color: var(--mer-color__message-yellow--100);\n}\n.top-state-bar--error .top-state-bar__wrapper {\n background-color: var(--mer-color__message-red--100);\n}\n.top-state-bar--in-progress .top-state-bar__wrapper {\n position: relative;\n overflow: hidden;\n z-index: 1;\n}\n.top-state-bar--in-progress .top-state-bar__wrapper:after {\n content: \"\";\n position: absolute;\n z-index: 0;\n width: 300%;\n height: 100%;\n left: 0;\n background: linear-gradient(90deg, #93f5eb 0%, #1aa3ff 33%, #93f5eb 66%, #1aa3ff 100%);\n animation-name: inProgress;\n animation-duration: 2s;\n animation-iteration-count: infinite;\n}\n.top-state-bar--in-progress .top-state-bar__caption {\n display: flex;\n align-items: center;\n flex-direction: column;\n position: relative;\n z-index: 2;\n}\n.top-state-bar--with-action .top-state-bar__caption {\n flex: 1;\n text-align: center;\n}\n.top-state-bar--with-action .top-state-bar__wrapper {\n padding-inline-end: var(--mer-spacing--xxs);\n}\n\n/*in progress animation*/\n@-webkit-keyframes inProgress {\n 0% {\n left: 0%;\n }\n 100% {\n left: -200%;\n }\n}\n@-moz-keyframes inProgress {\n 0% {\n left: 0%;\n }\n 100% {\n left: 200%;\n }\n}\n@keyframes inProgress {\n 0% {\n left: 0%;\n }\n 100% {\n left: -200%;\n }\n}\n.progress-bar {\n transition: all 200ms;\n width: var(--top-bar-progress);\n background-color: var(--mer-accent__primary);\n height: var(--mer-spacing--xxs);\n}\n.progress-bar--hidden {\n height: 0;\n}","import { Host, h } from \"@stencil/core\";\nexport class GxgTopStateBar {\n constructor() {\n this.stateWithAction = false;\n this.captionVisible = false;\n this.visible = false;\n this.caption = undefined;\n this.active = false;\n this.stateType = \"in-progress\";\n this.withProgressBar = false;\n this.progress = 0;\n this.autoClose = false;\n }\n /*\n INDEX:\n 1.OWN PROPERTIES\n 2.REFERENCE TO ELEMENTS\n 3.STATE() VARIABLES\n 4.PUBLIC PROPERTY API | WATCH'S\n 5.EVENTS (EMIT)\n 6.COMPONENT LIFECYCLE METHODS\n 7.LISTENERS\n 8.PUBLIC METHODS API\n 9.LOCAL METHODS\n 10.RENDER() FUNCTION\n */\n // 1.OWN PROPERTIES //\n // 2. REFERENCE TO ELEMENTS //\n el;\n watchActiveHandler(active) {\n if (active) {\n this.visible = true;\n setTimeout(() => {\n this.captionVisible = true;\n }, 300);\n }\n else {\n this.captionVisible = false;\n setTimeout(() => {\n this.visible = false;\n }, 300);\n this.progress = 0;\n }\n }\n watchStateTypeHandler() {\n this.evaluateWithAction();\n }\n watchProgressHandler(progress) {\n if (progress => 0 && progress <= 100) {\n this.el.style.setProperty(\"--top-bar-progress\", `${progress}%`);\n }\n if (progress === 100 && this.autoClose) {\n this.active = false;\n }\n }\n // 5.EVENTS (EMIT) //\n // 6.COMPONENT LIFECYCLE EVENTS //\n componentWillLoad() {\n this.evaluateWithAction();\n if (this.active) {\n this.visible = true;\n this.captionVisible = true;\n }\n }\n // 7.LISTENERS //\n // 8.PUBLIC METHODS API //\n // 9.LOCAL METHODS //\n evaluateWithAction = () => {\n if (this.stateType === \"error\" ||\n this.stateType === \"warning\" ||\n this.stateType === \"success\") {\n this.stateWithAction = true;\n }\n };\n closeButtonHandler = () => {\n this.active = false;\n };\n // 10.RENDER() FUNCTION //\n render() {\n return (h(Host, { class: { visible: this.visible }, \"aria-hidden\": !this.active }, h(\"div\", { role: \"status\", \"aria-labelledby\": \"label\", \"aria-hidden\": !this.active, class: {\n \"top-state-bar\": true,\n [`top-state-bar--${this.stateType}`]: true,\n \"top-state-bar--with-action\": this.stateWithAction\n } }, h(\"div\", { class: {\n \"top-state-bar__wrapper\": true\n }, part: \"wrapper\" }, h(\"label\", { id: \"label\", class: {\n \"top-state-bar__caption\": true,\n \"top-state-bar__caption--visible\": this.captionVisible\n }, part: \"label\" }, this.caption), this.stateWithAction ? (h(\"gxg-icon\", { class: {\n \"top-state-bar__close\": true,\n \"top-state-bar__close--visible\": this.captionVisible\n }, role: \"button\", \"aria-label\": \"close\", type: \"gemini-tools/close\", color: \"mercury-text-on-message\", tabIndex: 0, onClick: this.closeButtonHandler })) : null), this.withProgressBar ? (h(\"div\", { class: {\n \"progress-bar\": true,\n \"progress-bar--hidden\": this.progress === 0 || this.progress === 100\n } })) : null)));\n }\n static get is() { return \"gxg-top-state-bar\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"gxg-top-state-bar.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"gxg-top-state-bar.css\"]\n };\n }\n static get properties() {\n return {\n \"caption\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The top-bar title\"\n },\n \"attribute\": \"caption\",\n \"reflect\": false\n },\n \"active\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The top-bar active state. If false it will be hidden\"\n },\n \"attribute\": \"active\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"stateType\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"topStateBarType\",\n \"resolved\": \"\\\"accent\\\" | \\\"error\\\" | \\\"in-progress\\\" | \\\"success\\\" | \\\"warning\\\"\",\n \"references\": {\n \"topStateBarType\": {\n \"location\": \"local\",\n \"path\": \"/home/circleci/repo/src/components/top-state-bar/gxg-top-state-bar.tsx\",\n \"id\": \"src/components/top-state-bar/gxg-top-state-bar.tsx::topStateBarType\"\n }\n }\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The top-bar title\"\n },\n \"attribute\": \"state-type\",\n \"reflect\": true,\n \"defaultValue\": \"\\\"in-progress\\\"\"\n },\n \"withProgressBar\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"It will display a progress bar\"\n },\n \"attribute\": \"with-progress-bar\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"progress\": {\n \"type\": \"number\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The progress bar progress\"\n },\n \"attribute\": \"progress\",\n \"reflect\": false,\n \"defaultValue\": \"0\"\n },\n \"autoClose\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"It true, it will auto-close when the progress is 100\"\n },\n \"attribute\": \"auto-close\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get states() {\n return {\n \"stateWithAction\": {},\n \"captionVisible\": {},\n \"visible\": {}\n };\n }\n static get elementRef() { return \"el\"; }\n static get watchers() {\n return [{\n \"propName\": \"active\",\n \"methodName\": \"watchActiveHandler\"\n }, {\n \"propName\": \"stateType\",\n \"methodName\": \"watchStateTypeHandler\"\n }, {\n \"propName\": \"progress\",\n \"methodName\": \"watchProgressHandler\"\n }];\n }\n}\n//# sourceMappingURL=gxg-top-state-bar.js.map\n"],"mappings":"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"}