npm - globuswebcomponents - Versions diffs - 2.1.6 → 2.1.8 - Mend

globuswebcomponents 2.1.6 → 2.1.8

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

package/dist/components/gb-action-panel.js CHANGED Viewed

@@ -54,6 +54,12 @@ const GbActionPanel$1 = /*@__PURE__*/ proxyCustomElement(class GbActionPanel ext
             label.classList.add('text-md-medium');
         }
     }
+    updateButtonState(newValue) {
+        this.internalNextButtonState = newValue;
+    }
+    componentWillRender() {
+        this.internalNextButtonState = this.nextButtonState;
+    }
     onCheckboxClicked(event) {
         this.checked = event.detail;
         this.checkboxClicked.emit(this.checked);
@@ -104,9 +110,12 @@ const GbActionPanel$1 = /*@__PURE__*/ proxyCustomElement(class GbActionPanel ext
         this.nextButtonClicked.emit();
     }
     render() {
-        return (h("div", { key: '3d18bbf4dfc7f1f4c3c33939fb97d5395b964e52', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: '27496c63e98f23b90bce299935e4ae81379809db', class: "panel_content" }, h("div", { key: 'fe09b2c3c538a38beef6e7cd8b2e5e1ddf7376e6', class: "left_action" }, h("div", { key: '2e86e5eadf26777fa32e0fa5e0a4d55bb766a4ee', class: "rows_and_close_button" }, this.showCloseButton && h("gb-button-close", { key: '233990e5ea28b5922debe2a7263056e56cab85a2', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: 'dbfd3472301ceadce47f8d49b26a48e9eeb5f936', name: "selected_rows" })), this.showCheckbox && (h("gb-checkbox", { key: 'd734e0370d77a006d61bb1f0d47ca4c059396c4c', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: 'bb2a1856ae9b724279ec161b28a23d8deafbd1bf', name: "label", slot: "label" }))), this.showAmount && (h("div", { key: '44ddcea92030f58abdf60a5414a7e6ad3b8ef171', class: "amount" }, h("p", { key: 'e44ba7728f392909165db7a2e4d8769bd56d5f50', class: "amount_heading text-sm-medium" }, "Total amount:"), h("p", { key: '419098e68f5ecc31316773001443e9bb8b9cc647', class: "amount_text text-lg-semi-bold" }, this.amount))), this.showFee && (h("div", { key: '440b272065df9c5d837d489803485c1e2c7b2856', class: "amount" }, h("p", { key: 'fb341c069f11ab7a885ed062dcf5071cf0589bab', class: "amount_heading text-sm-medium" }, "Total fee:"), h("p", { key: 'df0d787d64fa0d3d2aeae0914ee452ba207c78d5', class: "amount_text text-lg-semi-bold" }, this.fee)))), h("div", { key: '94d343994c121ba1f63554adf81ca9c3edeb0cf6', class: `right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}` }, this.firstButton && (h("div", { key: '996a94e3268f6321e56a7015449b640151b9b425', class: "button_divs" }, h("gb-button", { key: 'bd50a397a51df85b2125dea5ee6279ea72197535', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: '464640f3c5859c8f8a3d2c1d3e978b86680e7343' }, this.firstButtonText)))), this.secondButton && (h("div", { key: 'cd4da666f7bb3e58cb1af62d6bd3ba9ef648ea0a', class: "button_divs" }, h("gb-button", { key: '3e7f53e97d2103bcdc2a6dfd2049581dff2e05d9', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: 'ee8a03b43514a41c8a9b34b39aaa2ef00739b6a6' }, this.secondButtonText)))), this.thirdButton && (h("div", { key: '985012080195113935d957b2875bbe2c2f3ce6dd', class: "button_divs" }, h("gb-button", { key: '6b041190f49339e36d08004b1d78c21f65ee8ebf', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: '5e8452b86038f0445d97f60416d1eb1e3e4e25cf' }, this.thirdButtonText))))))), this.type === 'form_control' && (h("div", { key: '2be914640e4ea85e3f7cd9fc801233a359bd0c4a', class: "panel_content" }, h("div", { key: '1b1f5740d7b4da1b9c2d5a9066c6114752360f39', class: `actions ${this.showDraftButton ? 'draft_shown' : ''}` }, h("div", { key: 'd07358b4254d4e95604a0b43a1f8e4e4b04b11a7', class: "button_divs" }, h("gb-button", { key: 'ead5be9a0c30d290620ed2fde0d184b16589470a', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '010b20f753e30b33e34a57bf9f0a48d6aba796ad' }, "Previous"))), h("div", { key: '58499731747c6bff2a887596024158287437dec9', class: "right" }, this.showDraftButton && (h("div", { key: '719527df1555eaa09472eb31f479a37315c5e20d', class: "button_divs" }, h("gb-button", { key: '565fdc2e87fd196a20de8724cc0ba92a1827351c', size: "xl", hierarchy: "secondary_color", icon: "default", onClick: () => this.onSaveAsDraft() }, h("p", { key: '84fcd46a4700803044424b91a1ebcf4e77346982' }, "Save as draft")))), this.showSubmitButton ? (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", onClick: () => this.onSubmitClicked() }, h("p", null, this.submitButtonText)))) : (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", null, "Next"))))))))));
+        return (h("div", { key: 'be9b75a42739acd1fb9447f9978d53bff81497de', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: '7eda8bba13943384ee9fbe628636632bfce9a207', class: "panel_content" }, h("div", { key: '094cb56ec4caa9cd62ec6226acda3015f6d5933b', class: "left_action" }, h("div", { key: 'c290fc76dac1cab29bf205107944014bf9392250', class: "rows_and_close_button" }, this.showCloseButton && h("gb-button-close", { key: 'e98e09da53bde332951d2a072be3bb5af53c632c', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: '64ce342e10a12eba77130a26813035372d60e037', name: "selected_rows" })), this.showCheckbox && (h("gb-checkbox", { key: 'dc4a70d312dcc2e3b18a33d04b7285d8f46f37f1', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: '22a26081c90eea191bf44bfba47f115a7f44c45c', name: "label", slot: "label" }))), this.showAmount && (h("div", { key: 'b8e1a9c3ed40f4b4acfd4a2836cb9dcd657c7f2e', class: "amount" }, h("p", { key: 'f7c016ee4a2a47ca10da60a816e7c5609bbaa704', class: "amount_heading text-sm-medium" }, "Total amount:"), h("p", { key: 'fb436dd1830c91b4e9ccda5129c0e11bba9dcaa9', class: "amount_text text-lg-semi-bold" }, this.amount))), this.showFee && (h("div", { key: '8503ba9cb3bf9b02365f94aa02838cb2ced17d84', class: "amount" }, h("p", { key: '0810d6788372629f28db78795cbeb7c57dc81735', class: "amount_heading text-sm-medium" }, "Total fee:"), h("p", { key: '227668a08f226d8067c97434699956ddab910370', class: "amount_text text-lg-semi-bold" }, this.fee)))), h("div", { key: '9d0a5e59dbe2d27fb2fc0dd4fa2d163c3a00f57e', class: `right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}` }, this.firstButton && (h("div", { key: 'f423afcca2dc0848f664d27eb13a912308835aea', class: "button_divs" }, h("gb-button", { key: 'e225e2b0df45978c8b90a41a13f7099cef63fb72', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: 'dd842b38e84f15918c3cf3f35b02b2b85a6b3dcb' }, this.firstButtonText)))), this.secondButton && (h("div", { key: 'ad61674571d02fb4478fa36351569097a5dae035', class: "button_divs" }, h("gb-button", { key: '1e4727f59bb2c7cf7cd00de9f580ca0acb45637c', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: '73822705b4c933b76e64c6043b63dced185f5d95' }, this.secondButtonText)))), this.thirdButton && (h("div", { key: '8b57c94ba785110d366cb31c09cbc3f84e686be5', class: "button_divs" }, h("gb-button", { key: 'e2d878065946a7395ddeadbb3c3c4c7a55251bab', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: 'd8e805f23e6c8dceb7a92b300b2dc0409411d668' }, this.thirdButtonText))))))), this.type === 'form_control' && (h("div", { key: '99e0e43d041af6dc51f78d6a8a572ee45bc67fe4', class: "panel_content" }, h("div", { key: '3fdd87450ca7000ac11d1327d02170eaa07b51ed', class: `actions ${this.showDraftButton ? 'draft_shown' : ''}` }, h("div", { key: 'b69eb2dad3fea14595e4724de160ff07e67106ee', class: "button_divs" }, h("gb-button", { key: 'fbad65cb8b637e3daebaedc657fddae4a483130b', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '97ec3b5bee1e12d7ad34c18d9815cd062097ac2f' }, "Previous"))), h("div", { key: 'a9f9b146bf3c14aabdb47e147a055c697795b82f', class: "right" }, this.showDraftButton && (h("div", { key: '1619f37786252a558921f0ecd6e312f80ebe47b5', class: "button_divs" }, h("gb-button", { key: 'c9b06c4db06e1c53bd7b2e2283cc0e443382ea08', size: "xl", hierarchy: "secondary_color", icon: "default", onClick: () => this.onSaveAsDraft() }, h("p", { key: '9255f3f16f2afaa092205779247133430126ac1a' }, "Save as draft")))), this.showSubmitButton ? (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", onClick: () => this.onSubmitClicked() }, h("p", null, this.submitButtonText)))) : (h("div", { class: "button_divs" }, h("gb-button", { size: "xl", state: this.internalNextButtonState, hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", null, "Next"))))))))));
     }
     get el() { return this; }
+    static get watchers() { return {
+        "state": ["updateButtonState"]
+    }; }
     static get style() { return gbActionPanelCss; }
 }, [1, "gb-action-panel", {
         "type": [1],
@@ -130,13 +139,17 @@ const GbActionPanel$1 = /*@__PURE__*/ proxyCustomElement(class GbActionPanel ext
         "secondButtonState": [1, "second-button-state"],
         "thirdButtonState": [1, "third-button-state"],
         "previousButtonState": [1, "previous-button-state"],
+        "nextButtonState": [1, "next-button-state"],
         "showDraftButton": [4, "show-draft-button"],
         "submitButtonText": [1, "submit-button-text"],
         "showAmount": [4, "show-amount"],
         "showFee": [4, "show-fee"],
         "amount": [1],
         "fee": [1],
-        "checked": [32]
+        "checked": [32],
+        "internalNextButtonState": [32]
+    }, undefined, {
+        "state": ["updateButtonState"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/gb-action-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"gb-action-panel.js","mappings":"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","names":["GbActionPanel","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-action-panel/gb-action-panel.css?tag=gb-action-panel&encapsulation=shadow","src/components/gb-action-panel/gb-action-panel.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.action_panel_div{\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-none) 0rem 0rem 0rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n border-top: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: #FFFFFF;\r\n}\r\n\r\n.panel_content{\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: var(--spacing-4) var(--spacing-7);\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.left_action{\r\n display: flex;\r\n gap: var(--spacing-5);\r\n align-items: center;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.rows_and_close_button{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-5)\r\n}\r\n\r\n.amount{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.amount_heading{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.amount_text{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.right_action{\r\n display: flex;\r\n flex-direction: row-reverse;\r\n /* justify-content: flex-end; /\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n width: 100%;\r\n flex: 1 0 0;\r\n}\r\n\r\n::slotted([slot=\"selected_rows\"]) {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/*/\r\n.actions{\r\n display: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\nflex: 1 0 0;\r\n}\r\n\r\n.right{\r\n display: flex;\r\njustify-content: flex-end;\r\nalign-items: center;\r\ngap: var(--spacing-6);\r\n}\r\n\r\n@media (max-width: 940px) {\r\n .right_action{\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n@media (max-width: 468px) {\r\n .panel_content{\r\n padding: var(--spacing-4) var(--spacing-5);\r\n }\r\n \r\n .three_buttons .button_divs{\r\n width: 100%;\r\n }\r\n\r\n .actions{\r\n flex-direction: column;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .button_divs{\r\n width: 100%;\r\n }\r\n\r\n .right{\r\n width: 100%;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .right .button_divs{\r\n width: 100%;\r\n }\r\n\r\n .right{\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n\r\n .right_action{\r\n justify-content: space-between;\r\n }\r\n\r\n .right_action .button_divs{\r\n flex: 1 0 0;\r\n }\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-action-panel',\r\n styleUrl: 'gb-action-panel.css',\r\n shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n @Prop() type!: 'decision_panel' \| 'form_control';\r\n @Prop() showCloseButton: boolean = false;\r\n @Prop() showSelectedRows: boolean = false;\r\n @Prop() showCheckbox: boolean = false;\r\n @Prop() firstButton: boolean = false;\r\n @Prop() firstButtonIconLeading: string = '';\r\n @Prop() firstButtonIconTrailing: string = '';\r\n @Prop() secondButton: boolean = false;\r\n @Prop() secondButtonIconLeading: string = '';\r\n @Prop() secondButtonIconTrailing: string = '';\r\n @Prop() thirdButton: boolean = false;\r\n @Prop() thirdButtonIconLeading: string = '';\r\n @Prop() thirdButtonIconTrailing: string = '';\r\n @Prop() showSubmitButton: boolean = false;\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: StateType;\r\n @Prop() secondButtonState: StateType;\r\n @Prop() thirdButtonState: StateType;\r\n @Prop() previousButtonState: StateType;\r\n @Prop() showDraftButton: boolean = false;\r\n @Prop() submitButtonText: string = '';\r\n @Prop() showAmount: boolean = false;\r\n @Prop() showFee: boolean = false;\r\n @Prop() amount: string = '';\r\n @Prop() fee: string = '';\r\n @State() checked: any = false;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n @Event() previousButtonClicked: EventEmitter<void>;\r\n @Event() saveAsDraft: EventEmitter<void>;\r\n @Event() submitButtonClicked: EventEmitter<void>;\r\n @Event() nextButtonClicked: EventEmitter<void>;\r\n @Event() checkboxClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n if (selectedRows) {\r\n selectedRows.classList.add('text-md-medium');\r\n }\r\n\r\n if (label) {\r\n label.classList.add('text-md-medium');\r\n }\r\n }\r\n\r\n onCheckboxClicked(event) {\r\n this.checked = event.detail;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n\r\n onFirstButtonClicked() {\r\n if (this.firstButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.firstButtonClicked.emit(this.checked);\r\n } else {\r\n this.firstButtonClicked.emit();\r\n }\r\n } else {\r\n return;\r\n }\r\n }\r\n\r\n onSecondButtonClicked() {\r\n if (this.secondButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.secondButtonClicked.emit(this.checked);\r\n } else {\r\n this.secondButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onThirdButtonClicked() {\r\n if (this.thirdButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.thirdButtonClicked.emit(this.checked);\r\n } else {\r\n this.thirdButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onPreviousButtonClicked() {\r\n this.previousButtonClicked.emit();\r\n }\r\n\r\n onSaveAsDraft() {\r\n this.saveAsDraft.emit();\r\n }\r\n\r\n onSubmitClicked() {\r\n this.submitButtonClicked.emit();\r\n }\r\n\r\n onNextButtonClicked() {\r\n this.nextButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"action_panel_div\">\r\n {this.type === 'decision_panel' && (\r\n <div class=\"panel_content\">\r\n <div class=\"left_action\">\r\n <div class=\"rows_and_close_button\">\r\n {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n </div>\r\n {this.showCheckbox && (\r\n <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n </gb-checkbox>\r\n )}\r\n {this.showAmount && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total amount:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.amount}</p>\r\n </div>\r\n )}\r\n {this.showFee && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total fee:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.fee}</p>\r\n </div>\r\n )}\r\n </div>\r\n <div class={`right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}`}>\r\n {this.firstButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.firstButtonState}\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-leading={this.firstButtonIconLeading ? true : false}\r\n icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeading}\r\n icon-trailing-swap={this.firstButtonIconTrailing}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.secondButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.secondButtonState}\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n icon-leading={this.secondButtonIconLeading ? true : false}\r\n icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeading}\r\n icon-trailing-swap={this.secondButtonIconTrailing}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.thirdButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.thirdButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={this.thirdButtonIconLeading ? true : false}\r\n icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeading}\r\n icon-trailing-swap={this.thirdButtonIconTrailing}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'form_control' && (\r\n <div class=\"panel_content\">\r\n <div class={`actions ${this.showDraftButton ? 'draft_shown' : ''}`}>\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.previousButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n >\r\n <p>Previous</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"right\">\r\n {this.showDraftButton && (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\" onClick={() => this.onSaveAsDraft()}>\r\n <p>Save as draft</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showSubmitButton ? (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.onSubmitClicked()}>\r\n <p>{this.submitButtonText}</p>\r\n </gb-button>\r\n </div>\r\n ) : (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-trailing={true}\r\n icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}
1	+ {"file":"gb-action-panel.js","mappings":"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","names":["GbActionPanel","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-action-panel/gb-action-panel.css?tag=gb-action-panel&encapsulation=shadow","src/components/gb-action-panel/gb-action-panel.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.action_panel_div{\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-none) 0rem 0rem 0rem;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: flex-start;\r\n border-top: 1px solid var(--color-border-subtler, #E3E8EF);\r\n background: #FFFFFF;\r\n}\r\n\r\n.panel_content{\r\n display: flex;\r\n flex-wrap: wrap;\r\n padding: var(--spacing-4) var(--spacing-7);\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n align-self: stretch;\r\n}\r\n\r\n.left_action{\r\n display: flex;\r\n gap: var(--spacing-5);\r\n align-items: center;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.rows_and_close_button{\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-5)\r\n}\r\n\r\n.amount{\r\n display: flex;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.amount_heading{\r\n color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.amount_text{\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n.right_action{\r\n display: flex;\r\n flex-direction: row-reverse;\r\n /* justify-content: flex-end; /\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n width: 100%;\r\n flex: 1 0 0;\r\n}\r\n\r\n::slotted([slot=\"selected_rows\"]) {\r\n color: var(--color-text, #4B5565);\r\n}\r\n\r\n/*/\r\n.actions{\r\n display: flex;\r\njustify-content: space-between;\r\nalign-items: center;\r\nflex: 1 0 0;\r\n}\r\n\r\n.right{\r\n display: flex;\r\njustify-content: flex-end;\r\nalign-items: center;\r\ngap: var(--spacing-6);\r\n}\r\n\r\n@media (max-width: 940px) {\r\n .right_action{\r\n flex-wrap: wrap;\r\n }\r\n}\r\n\r\n@media (max-width: 468px) {\r\n .panel_content{\r\n padding: var(--spacing-4) var(--spacing-5);\r\n }\r\n \r\n .three_buttons .button_divs{\r\n width: 100%;\r\n }\r\n\r\n .actions{\r\n flex-direction: column;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .button_divs{\r\n width: 100%;\r\n }\r\n\r\n .right{\r\n width: 100%;\r\n gap: var(--spacing-4);\r\n }\r\n\r\n .actions .right .button_divs{\r\n width: 100%;\r\n }\r\n\r\n .right{\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n@media (max-width: 420px) {\r\n\r\n .right_action{\r\n justify-content: space-between;\r\n }\r\n\r\n .right_action .button_divs{\r\n flex: 1 0 0;\r\n }\r\n}","import { Component, Element, Event, EventEmitter, Prop, State, Watch, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-action-panel',\r\n styleUrl: 'gb-action-panel.css',\r\n shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n @Prop() type!: 'decision_panel' \| 'form_control';\r\n @Prop() showCloseButton: boolean = false;\r\n @Prop() showSelectedRows: boolean = false;\r\n @Prop() showCheckbox: boolean = false;\r\n @Prop() firstButton: boolean = false;\r\n @Prop() firstButtonIconLeading: string = '';\r\n @Prop() firstButtonIconTrailing: string = '';\r\n @Prop() secondButton: boolean = false;\r\n @Prop() secondButtonIconLeading: string = '';\r\n @Prop() secondButtonIconTrailing: string = '';\r\n @Prop() thirdButton: boolean = false;\r\n @Prop() thirdButtonIconLeading: string = '';\r\n @Prop() thirdButtonIconTrailing: string = '';\r\n @Prop() showSubmitButton: boolean = false;\r\n @Prop() firstButtonText: string = '';\r\n @Prop() secondButtonText: string = '';\r\n @Prop() thirdButtonText: string = '';\r\n @Prop() firstButtonState: StateType;\r\n @Prop() secondButtonState: StateType;\r\n @Prop() thirdButtonState: StateType;\r\n @Prop() previousButtonState: StateType;\r\n @Prop() nextButtonState: StateType;\r\n @Prop() showDraftButton: boolean = false;\r\n @Prop() submitButtonText: string = '';\r\n @Prop() showAmount: boolean = false;\r\n @Prop() showFee: boolean = false;\r\n @Prop() amount: string = '';\r\n @Prop() fee: string = '';\r\n @State() checked: any = false;\r\n @State() internalNextButtonState: StateType;\r\n @Event() firstButtonClicked: EventEmitter<void>;\r\n @Event() secondButtonClicked: EventEmitter<void>;\r\n @Event() thirdButtonClicked: EventEmitter<void>;\r\n @Event() previousButtonClicked: EventEmitter<void>;\r\n @Event() saveAsDraft: EventEmitter<void>;\r\n @Event() submitButtonClicked: EventEmitter<void>;\r\n @Event() nextButtonClicked: EventEmitter<void>;\r\n @Event() checkboxClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n componentDidLoad() {\r\n const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n if (selectedRows) {\r\n selectedRows.classList.add('text-md-medium');\r\n }\r\n\r\n if (label) {\r\n label.classList.add('text-md-medium');\r\n }\r\n }\r\n\r\n @Watch('state')\r\n updateButtonState(newValue: StateType) {\r\n this.internalNextButtonState = newValue;\r\n }\r\n\r\n componentWillRender() {\r\n this.internalNextButtonState = this.nextButtonState;\r\n }\r\n\r\n onCheckboxClicked(event) {\r\n this.checked = event.detail;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n\r\n onFirstButtonClicked() {\r\n if (this.firstButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.firstButtonClicked.emit(this.checked);\r\n } else {\r\n this.firstButtonClicked.emit();\r\n }\r\n } else {\r\n return;\r\n }\r\n }\r\n\r\n onSecondButtonClicked() {\r\n if (this.secondButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.secondButtonClicked.emit(this.checked);\r\n } else {\r\n this.secondButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onThirdButtonClicked() {\r\n if (this.thirdButtonState === 'default') {\r\n if (this.showCheckbox) {\r\n this.thirdButtonClicked.emit(this.checked);\r\n } else {\r\n this.thirdButtonClicked.emit();\r\n }\r\n }\r\n }\r\n\r\n onPreviousButtonClicked() {\r\n this.previousButtonClicked.emit();\r\n }\r\n\r\n onSaveAsDraft() {\r\n this.saveAsDraft.emit();\r\n }\r\n\r\n onSubmitClicked() {\r\n this.submitButtonClicked.emit();\r\n }\r\n\r\n onNextButtonClicked() {\r\n this.nextButtonClicked.emit();\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"action_panel_div\">\r\n {this.type === 'decision_panel' && (\r\n <div class=\"panel_content\">\r\n <div class=\"left_action\">\r\n <div class=\"rows_and_close_button\">\r\n {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n </div>\r\n {this.showCheckbox && (\r\n <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n </gb-checkbox>\r\n )}\r\n {this.showAmount && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total amount:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.amount}</p>\r\n </div>\r\n )}\r\n {this.showFee && (\r\n <div class=\"amount\">\r\n <p class=\"amount_heading text-sm-medium\">Total fee:</p>\r\n <p class=\"amount_text text-lg-semi-bold\">{this.fee}</p>\r\n </div>\r\n )}\r\n </div>\r\n <div class={`right_action ${this.firstButton && this.secondButton && this.thirdButton && 'three_buttons'}`}>\r\n {this.firstButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.firstButtonState}\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-leading={this.firstButtonIconLeading ? true : false}\r\n icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.firstButtonIconLeading}\r\n icon-trailing-swap={this.firstButtonIconTrailing}\r\n onClick={() => this.onFirstButtonClicked()}\r\n >\r\n <p>{this.firstButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.secondButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.secondButtonState}\r\n hierarchy=\"secondary_color\"\r\n icon=\"default\"\r\n icon-leading={this.secondButtonIconLeading ? true : false}\r\n icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.secondButtonIconLeading}\r\n icon-trailing-swap={this.secondButtonIconTrailing}\r\n onClick={() => this.onSecondButtonClicked()}\r\n >\r\n <p>{this.secondButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.thirdButton && (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.thirdButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={this.thirdButtonIconLeading ? true : false}\r\n icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n icon-leading-swap={this.thirdButtonIconLeading}\r\n icon-trailing-swap={this.thirdButtonIconTrailing}\r\n onClick={() => this.onThirdButtonClicked()}\r\n >\r\n <p>{this.thirdButtonText}</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'form_control' && (\r\n <div class=\"panel_content\">\r\n <div class={`actions ${this.showDraftButton ? 'draft_shown' : ''}`}>\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.previousButtonState}\r\n hierarchy=\"secondary_gray\"\r\n icon=\"default\"\r\n icon-leading={true}\r\n icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n onClick={() => this.onPreviousButtonClicked()}\r\n >\r\n <p>Previous</p>\r\n </gb-button>\r\n </div>\r\n <div class=\"right\">\r\n {this.showDraftButton && (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\" onClick={() => this.onSaveAsDraft()}>\r\n <p>Save as draft</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n {this.showSubmitButton ? (\r\n <div class=\"button_divs\">\r\n <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.onSubmitClicked()}>\r\n <p>{this.submitButtonText}</p>\r\n </gb-button>\r\n </div>\r\n ) : (\r\n <div class=\"button_divs\">\r\n <gb-button\r\n size=\"xl\"\r\n state={this.internalNextButtonState}\r\n hierarchy=\"primary\"\r\n icon=\"default\"\r\n icon-trailing={true}\r\n icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n onClick={() => this.onNextButtonClicked()}\r\n >\r\n <p>Next</p>\r\n </gb-button>\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"version":3}

package/dist/components/gb-input-dropdown-menu-item.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbInputDropdownMenuItem$1, d as defineCustomElement$1 } from './p-Dg7Whf08.js';
+import { G as GbInputDropdownMenuItem$1, d as defineCustomElement$1 } from './p-BeFWN3js.js';
 const GbInputDropdownMenuItem = GbInputDropdownMenuItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-input-dropdown.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbInputDropdown$1, d as defineCustomElement$1 } from './p-Cq0WB8mB.js';
+import { G as GbInputDropdown$1, d as defineCustomElement$1 } from './p-D18xyiVq.js';
 const GbInputDropdown = GbInputDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-input-field.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { G as GbInputField$1, d as defineCustomElement$1 } from './p-B_o6o09H.js';
+import { G as GbInputField$1, d as defineCustomElement$1 } from './p-DhReqHC7.js';
 const GbInputField = GbInputField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-pagination.js CHANGED Viewed

@@ -6,9 +6,9 @@ import { d as defineCustomElement$h } from './p-Bny8MvzU.js';
 import { d as defineCustomElement$g } from './p-DG-FY6AK.js';
 import { d as defineCustomElement$f } from './p-DUHRfP06.js';
 import { d as defineCustomElement$e } from './p-AF4yjZp5.js';
-import { d as defineCustomElement$d } from './p-Cq0WB8mB.js';
-import { d as defineCustomElement$c } from './p-Dg7Whf08.js';
-import { d as defineCustomElement$b } from './p-B_o6o09H.js';
+import { d as defineCustomElement$d } from './p-D18xyiVq.js';
+import { d as defineCustomElement$c } from './p-BeFWN3js.js';
+import { d as defineCustomElement$b } from './p-DhReqHC7.js';
 import { d as defineCustomElement$a } from './p-BMJGgDQg.js';
 import { d as defineCustomElement$9 } from './p-CvxJpOZj.js';
 import { d as defineCustomElement$8 } from './p-9doPcSx4.js';

package/dist/components/gb-table-header.js CHANGED Viewed

@@ -15,8 +15,8 @@ import { d as defineCustomElement$e } from './p-CiGTTb4f.js';
 import { d as defineCustomElement$d } from './p-CMb4bhr7.js';
 import { d as defineCustomElement$c } from './p-_xLQ1uIq.js';
 import { d as defineCustomElement$b } from './p-AF4yjZp5.js';
-import { d as defineCustomElement$a } from './p-Dg7Whf08.js';
-import { d as defineCustomElement$9 } from './p-B_o6o09H.js';
+import { d as defineCustomElement$a } from './p-BeFWN3js.js';
+import { d as defineCustomElement$9 } from './p-DhReqHC7.js';
 import { d as defineCustomElement$8 } from './p-9doPcSx4.js';
 import { d as defineCustomElement$7 } from './p-Bl9nxjeS.js';
 import { d as defineCustomElement$6 } from './p-BrD9qtR9.js';

package/dist/components/gb-textarea-input-field.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { d as defineCustomElement$b } from './p-C7K1IG2o.js';
 import { d as defineCustomElement$a } from './p-CzUENaOi.js';
 import { d as defineCustomElement$9 } from './p-DG-FY6AK.js';
 import { d as defineCustomElement$8 } from './p-DUHRfP06.js';
-import { d as defineCustomElement$7 } from './p-Dg7Whf08.js';
+import { d as defineCustomElement$7 } from './p-BeFWN3js.js';
 import { d as defineCustomElement$6 } from './p-Bl9nxjeS.js';
 import { d as defineCustomElement$5 } from './p-BrD9qtR9.js';
 import { d as defineCustomElement$4 } from './p-BG3Xx2AB.js';