globuswebcomponents 1.6.9 → 1.7.1

package/dist/globuscomponents/p-76601e54.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","submitButtonText","checked","componentDidLoad","selectedRows","el","querySelector","label","classList","add","onCheckboxClicked","event","detail","checkboxClicked","emit","onFirstButtonClicked","firstButtonState","firstButtonClicked","onSecondButtonClicked","secondButtonState","secondButtonClicked","onThirdButtonClicked","thirdButtonState","thirdButtonClicked","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    padding: var(--spacing-4) var(--spacing-7);\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    gap: 0.75rem;\r\n    align-self: stretch;\r\n}\r\n\r\n.left_action{\r\n    display: flex;\r\n    gap: var(--spacing-3);\r\n    align-items: center;\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}\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}","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() submitButtonText: 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() 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  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              {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n              {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\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            </div>\r\n            <div class=\"right_action\">\r\n              {this.firstButton && (\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              )}\r\n              {this.secondButton && (\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              )}\r\n              {this.thirdButton && (\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              )}\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\">\r\n              <gb-button size=\"xl\" state={this.previousButtonState} hierarchy=\"secondary_gray\" icon=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <div class=\"right\">\r\n                <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\">\r\n                  <p>Save as draft</p>\r\n                </gb-button>\r\n                {this.showSubmitButton ? (\r\n                  <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\">\r\n                    <p>{this.submitButtonText}</p>\r\n                  </gb-button>\r\n                ) : (\r\n                  <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n                    <p>Next</p>\r\n                  </gb-button>\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":[]}