globuswebcomponents 2.1.5 → 2.1.7

package/dist/globuscomponents/p-6b677148.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbActionPanelCss","GbActionPanel","constructor","hostRef","this","showCloseButton","showSelectedRows","showCheckbox","firstButton","firstButtonIconLeading","firstButtonIconTrailing","secondButton","secondButtonIconLeading","secondButtonIconTrailing","thirdButton","thirdButtonIconLeading","thirdButtonIconTrailing","showSubmitButton","firstButtonText","secondButtonText","thirdButtonText","showDraftButton","submitButtonText","showAmount","showFee","amount","fee","checked","componentDidLoad","selectedRows","el","querySelector","label","classList","add","onCheckboxClicked","event","detail","checkboxClicked","emit","onFirstButtonClicked","firstButtonState","firstButtonClicked","onSecondButtonClicked","secondButtonState","secondButtonClicked","onThirdButtonClicked","thirdButtonState","thirdButtonClicked","onPreviousButtonClicked","previousButtonClicked","onSaveAsDraft","saveAsDraft","onSubmitClicked","submitButtonClicked","onNextButtonClicked","nextButtonClicked","render","h","key","class","type","size","color","name","state","StateEnum","Default","text","bind","slot","hierarchy","icon","onClick","previousButtonState"],"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"],"mappings":"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","ignoreList":[]}