globuswebcomponents 0.6.3 → 0.6.4

package/dist/globuscomponents/gb-checkbox-base.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-checkbox-base.entry.esm.js","mappings":"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","names":[],"sources":["src/components/gb-checkbox-base/gb-checkbox-base.css?tag=gb-checkbox-base&encapsulation=shadow","src/components/gb-checkbox-base/gb-checkbox-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n    width: fit-content;\r\n}\r\n\r\n/* Checkbox Styles */\r\n.checkbox_container{\r\n    width: fit-content;\r\n    height: fit-content;\r\n    cursor: pointer;\r\n}\r\n\r\nsvg.sm{\r\n    width: var(--spacing-4);\r\n    height: var(--spacing-4);\r\n}\r\n\r\nsvg.md{\r\n    width: var(--spacing-5);\r\n    height: var(--spacing-5);\r\n}\r\n\r\n.checkbox_default_unchecked.hover:hover path{\r\n    stroke: #075DB2;\r\n}\r\n\r\n.checkbox_default_checked:hover path, .checkbox_default_indeterminate:hover path{\r\n    fill: #064E94;\r\n}\r\n\r\n.checkbox_default_checked:hover .border, .checkbox_default_indeterminate:hover .border{\r\n    stroke: #064E94;\r\n}\r\n\r\n/* Radio Styles */\r\n.radio_default_unchecked:hover rect{\r\n    stroke: #075DB2;\r\n}\r\n\r\n/* Check Circle Styles */\r\n.circle_default_unchecked:hover rect{\r\n    stroke: #075DB2;\r\n}\r\n\r\n.circle_default_checked:hover rect{\r\n    stroke: #064E94;\r\n}\r\n\r\n.circle_default_checked:hover .background {\r\n    fill: #064E94;\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n    tag: 'gb-checkbox-base',\r\n    styleUrl: 'gb-checkbox-base.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbCheckboxBase {\r\n    @Prop({ mutable: true }) state: StateEnum;\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() type: CheckBoxVariants;\r\n    @Prop({ mutable: true }) checked: boolean = false;\r\n    @Prop({ mutable: true }) indeterminate: boolean = false;\r\n\r\n    private renderSVG() {\r\n        switch (this.type) {\r\n            case 'checkbox':\r\n              return this.renderCheckbox();\r\n            case 'check_circle':\r\n              return this.renderCircle();\r\n            case 'radio':\r\n              return this.renderRadio();\r\n            default:\r\n              return null;\r\n          }\r\n    }\r\n\r\n    private renderCheckbox() {\r\n        if (this.state === StateEnum.Default && this.checked) {\r\n          return (\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_checked ${this.size}`}>\r\n              <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" fill=\"#075DB2\"/>\r\n              <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#075DB2\" class=\"border\"/>\r\n              <path d=\"M4.5 9.25C4.5 9.25 5.25 9.25 6.25 11C6.25 11 9.02941 6.41667 11.5 5.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n            );\r\n        } else if (this.state === StateEnum.Default && this.indeterminate) {\r\n          return (\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_indeterminate ${this.size}`}>\r\n                <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" fill=\"#075DB2\"/>\r\n                <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#075DB2\" class=\"border\"/>\r\n                <path d=\"M12 8L4 8\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n            </svg>\r\n          );\r\n        } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n            return (\r\n              <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_disabled_unchecked ${this.size}`}>\r\n                <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" fill=\"#F6F8FA\"/>\r\n                <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#E3E8EF\"/>\r\n              </svg>\r\n            )\r\n        } else if (this.state === StateEnum.Disabled && this.checked) {\r\n            return (\r\n              <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n                <path\r\n                  d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n                  fill=\"#9AA4B2\"\r\n                />\r\n                <path\r\n                  d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n                  stroke=\"#9AA4B2\"\r\n                />\r\n                <path\r\n                  d=\"M5.3335 11.6667C5.3335 11.6667 6.3335 11.6667 7.66683 14C7.66683 14 11.3727 7.88888 14.6668 6.66666\"\r\n                  stroke=\"#E3E8EF\"\r\n                  stroke-width=\"2\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            );\r\n        } else if (this.state === StateEnum.Disabled && this.indeterminate) {\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n            <path\r\n              d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n              fill=\"#9AA4B2\"\r\n            />\r\n            <path\r\n              d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n              stroke=\"#9AA4B2\"\r\n            />\r\n            <path d=\"M15.3335 10L4.66683 10\" stroke=\"#E3E8EF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n          </svg>;\r\n        } else {\r\n          return (\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_unchecked ${this.size}`}>\r\n              <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#CDD5DF\"/>\r\n            </svg>\r\n          );\r\n        }\r\n    }\r\n\r\n    private renderCircle() {\r\n      if(this.checked && this.state === StateEnum.Default){\r\n        return (\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_checked ${this.size}`}>\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#075DB2\" class=\"background\"/>\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\"/>\r\n            <path d=\"M5.0835 9.04166C5.0835 9.04166 5.7085 9.04166 6.54183 10.5C6.54183 10.5 8.85801 6.68055 10.9168 5.91666\" stroke=\"white\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n          </svg>\r\n        );\r\n      } else if (!this.checked && this.state === StateEnum.Default){\r\n        return (\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_unchecked ${this.size}`}>\r\n              <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\"/>\r\n          </svg>\r\n        )\r\n      } else if(this.checked && this.state === StateEnum.Disabled) {\r\n        return (\r\n          <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_checked ${this.size}`}>\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" fill=\"#9AA4B2\" />\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n            <path\r\n              d=\"M5.9165 11.4583C5.9165 11.4583 6.7915 11.4583 7.95817 13.5C7.95817 13.5 11.2008 8.15279 14.0832 7.08334\"\r\n              stroke=\"#E3E8EF\"\r\n              stroke-width=\"2\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        );\r\n      } else if (!this.checked && this.state === StateEnum.Disabled) {\r\n          return (\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_unchecked ${this.size}`}>\r\n              <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\"/>\r\n            </svg>\r\n          );\r\n      }\r\n    }\r\n    \r\n    private renderRadio() {\r\n        if (this.state === StateEnum.Default && this.checked) {\r\n          return (\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_checked ${this.size}`}>\r\n                <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\"/>\r\n                <circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"#075DB2\"/>\r\n            </svg>\r\n          );\r\n        } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n          return (\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_disabled_unchecked ${this.size}`}>\r\n              <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\"/>\r\n            </svg>\r\n          );\r\n        } else if (this.state === StateEnum.Disabled && this.checked) {\r\n            return (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`radio_disabled_checked ${this.size}`}>\r\n                <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n                <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"#9AA4B2\" />\r\n              </svg>\r\n            );\r\n          } else {\r\n                return (\r\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_unchecked ${this.size}`}>\r\n                        <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\"/>\r\n                    </svg>\r\n                );\r\n        }\r\n    }\r\n\r\n    private toggleCheckboxState() {\r\n        if(this.state === StateEnum.Default && !this.checked) {\r\n          this.checked = true;\r\n        } else if (this.state === StateEnum.Default && this.checked) {\r\n          this.checked = false;\r\n        }\r\n    }\r\n\r\n    private toggleCheckCircleState() {\r\n      if(this.state === StateEnum.Disabled && this.checked ||\r\n        this.state === StateEnum.Disabled && !this.checked\r\n      ) {\r\n        return;\r\n      }\r\n\r\n      if(this.state === StateEnum.Default && !this.checked) {\r\n        this.checked = true;\r\n      } else if (this.state == StateEnum.Default && this.checked) {\r\n        this.checked = false;\r\n      }\r\n    }\r\n\r\n    private toggleRadioButtonState() {\r\n      if(this.state === StateEnum.Disabled && !this.checked ||\r\n        this.state === StateEnum.Disabled && this.checked\r\n      ) {\r\n        return;\r\n      }\r\n        if(this.state === StateEnum.Default && !this.checked) {\r\n          this.checked = true;\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div \r\n            class={`checkbox_container ${this.size}`}\r\n            onClick={\r\n                () => {\r\n                    if (this.type === 'checkbox') {\r\n                        return this.toggleCheckboxState();\r\n                    } else if (this.type === 'check_circle') {\r\n                        return this.toggleCheckCircleState();\r\n                    } else if (this.type === 'radio') {\r\n                        return this.toggleRadioButtonState();\r\n                    }\r\n                }\r\n            }>\r\n                {this.renderSVG()}\r\n            </div>\r\n        )\r\n    }\r\n}"],"version":3}

package/dist/globuscomponents/gb-checkbox-group-item.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-checkbox-group-item.entry.esm.js","mappings":"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","names":[],"sources":["src/components/gb-checkbox-group-item/gb-checkbox-group-item.css?tag=gb-checkbox-group-item&encapsulation=shadow","src/components/gb-checkbox-group-item/gb-checkbox-group-item.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.checkbox_group_item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  background-color: #f0f7ff;\r\n  border: 0.0625rem solid #cce0ff;\r\n  border-radius: 0.5rem;\r\n  padding: 1rem;\r\n  margin-bottom: 0.5rem;\r\n  transition: all 0.1s ease-in-out;\r\n  cursor: pointer;\r\n  border-radius: var(--rounded-md);\r\n}\r\n\r\n.checkbox_group_item .avatar {/* this is correct*/\r\n  flex: 1 0 0;\r\n  margin-top: 0.5rem;\r\n  border-radius: 12.5rem;\r\n  border: 0.5px solid var(--color-blanket-subtler);\r\n} \r\n\r\n\r\n.checkbox_group_item.selected {\r\n  border: 2px solid var(--color-border-selected,#075DB2);/* Checked border color */\r\n  background: var(--color-background-information-subtlest,#E4F0FC);/* Checked background color */\r\n}\r\n\r\n.icon_simple_svg{\r\n  margin-top: -0.5rem;\r\n}\r\n\r\n/* i'm using this to apply the hover effect but its turning white on hover??? */\r\n.checkbox_group_item:hover {\r\n  background: var(--color-background-information-subtler,#C8E0F9); \r\n  border-color: var(--color-border-selected,#075DB2);\r\n}\r\n\r\n/* i'm using this to change icon color on hover */\r\n.checkbox_group_item:hover .icon-md,\r\n.checkbox_group_item:hover .svg-icon {\r\n  fill: var(--color-icon-information,#064E94); \r\n}\r\n\r\n.checkbox_group_item.checked {\r\n  background-color: #e6f2ff;\r\n  border-color: #0066cc;\r\n}\r\n\r\n.item-content {\r\n  display: flex;\r\n  flex: 1 0 0;\r\n  align-self: stretch;\r\n}\r\n\r\n.text-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n  margin-left: 1rem;\r\n  margin-top: -0.2rem;\r\n}\r\n\r\n.label-cost {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: row;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.label-cost.payment_icon {\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.label-cost span {\r\n  font-size: 1rem;\r\n  line-height: 1.2;\r\n}\r\n\r\n.checkbox_container {\r\n  margin-left: 1rem;\r\n}\r\n\r\n.icon-md {\r\n  width: 2rem; \r\n  height: 2rem;\r\n}\r\n\r\n.svg-icon {\r\n  width: 2rem;\r\n  height: 2rem;\r\n}\r\n\r\n.buttons{\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n/* State Styles */\r\n.checkbox_group_item.default {\r\n  border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n  background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.checkbox_group_item.default:hover{\r\n  border: 1px solid var(--color-border-selected, #075DB2);\r\n  background: var(--color-background-card, #FFFFFF);\r\n}\r\n\r\n.checkbox_group_item.selected{\r\n  border: 2px solid var(--color-border-selected, #075DB2);\r\n  background: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.checkbox_group_item.selected:hover .cost,\r\n.checkbox_group_item.selected:hover .supporting_text{\r\n  color: var(--color-text-information, #064E94)\r\n}\r\n\r\n.checkbox_group_item.selected:hover{\r\n  border: 2px solid var(--color-border-selected, #075DB2);\r\n  background: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.checkbox_group_item.disabled{\r\n  border: 1px solid var(--color-border-disabled, #E3E8EF);\r\n  background: var(--color-background-disabled, #F6F8FA);\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.checkbox_group_item.selected.disabled{\r\n  border: 2px solid var(--color-border-disabled, #E3E8EF);\r\n  background: var(--color-background-disabled, #F6F8FA);\r\n  pointer-events: none;\r\n  cursor: not-allowed;\r\n}\r\n\r\n.checkbox_group_item.selected ::slotted([slot=\"label\"]){\r\n  color: var(--color-text-information-bold, #042F59);\r\n}\r\n\r\n.checkbox_group_item ::slotted([slot=\"cost\"]){\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.checkbox_group_item.selected ::slotted([slot=\"cost\"]){\r\n  color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.checkbox_group_item ::slotted([slot=\"supporting_text\"]){\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.checkbox_group_item.selected ::slotted([slot=\"supporting_text\"]){\r\n  color: var(--color-text-information, #064E94);\r\n}\r\n\r\n.checkbox_group_item.disabled ::slotted([slot=\"cost\"]),\r\n.checkbox_group_item.disabled ::slotted([slot=\"label\"]),\r\n.checkbox_group_item.disabled ::slotted([slot=\"supporting_text\"]){\r\n  color: var(--color-text-disabled, #CDD5DF);\r\n}\r\n\r\n.icon_simple_svg.disabled path[stroke]{\r\n  stroke: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n.icon_simple_svg.disabled path[fill]{\r\n  fill: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n/* Breakpoint Styles */\r\n.checkbox_group_item.desktop{\r\n  width: 48rem;\r\n}\r\n\r\n.checkbox_group_item.mobile{\r\n  width: 21.4375rem;\r\n}","import { Component, h, Prop, Element } from '@stencil/core';\r\nimport {  GeneralSizes, StateEnum, BreakPoints } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-checkbox-group-item',\r\n  styleUrl: 'gb-checkbox-group-item.css',\r\n  shadow: true,\r\n})\r\nexport class GbCheckboxGroupItem {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';\r\n  @Prop() state: StateEnum;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() showCost: boolean = false; // to control cost visibility\r\n  @Element() el: HTMLElement;\r\n  @Prop({ mutable: true }) selected: boolean = false;\r\n\r\n  private getLabelSizeClass() {\r\n    switch (this.size) {\r\n      case 'md':\r\n        return 'text-lg-semi-bold';\r\n      case 'sm':\r\n        return 'text-md-semi-bold';\r\n    }\r\n  }\r\n\r\n  private getCostSizeClass() {\r\n    switch (this.size) {\r\n      case 'xl':\r\n        return 'text-md-regular';\r\n      case 'lg':\r\n        return 'text-md-regular';\r\n      case 'md':\r\n        return 'text-sm-regular';\r\n      case 'sm':\r\n        return 'text-xs-regular';\r\n      default:\r\n        return 'text-xs-regular';\r\n    }\r\n  }\r\n\r\n  private getLabelColorClasses() {\r\n    switch(this.selected) {\r\n      case true : return 'label_selected';\r\n      case false : return 'label_not_selected';\r\n    }\r\n  }\r\n\r\n  private getCostColorClasses() {\r\n    switch(this.selected) {\r\n      case true : return 'cost_selected';\r\n      case false : return 'cost_not_selected';\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    const labelSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const costSlot = this.el.querySelector('[slot=\"cost\"]');\r\n\r\n      labelSlot.classList.add(this.getLabelColorClasses());\r\n      costSlot.classList.add(this.getCostColorClasses());\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const labelSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const costSlot = this.el.querySelector('[slot=\"cost\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    if (labelSlot) {\r\n      labelSlot.classList.add(this.getLabelSizeClass());\r\n    }\r\n\r\n    if (costSlot) {\r\n      costSlot.classList.add(this.getCostSizeClass());\r\n      costSlot.classList.add(this.getCostColorClasses());\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add(this.getCostSizeClass());\r\n      supportingTextSlot.classList.add('supporting_text');\r\n    }\r\n  }\r\n\r\n  private renderIcon() {\r\n    switch (this.type) {\r\n      case 'avatar':\r\n        return (\r\n          <gb-avatar class=\"icon-md\" size=\"md\" placeholder={false} icon=\"user\">\r\n            <img src=\"build/assets/avatar_pic.jpg\" slot=\"image\"></img>\r\n          </gb-avatar>\r\n        );\r\n      case 'payment_icon':\r\n        return (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"32\" viewBox=\"0 0 46 32\" fill=\"none\">\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"45\" height=\"31\" rx=\"5.5\" fill=\"white\" />\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"45\" height=\"31\" rx=\"5.5\" stroke=\"#F8FAFC\" />\r\n            <path\r\n              fill-rule=\"evenodd\"\r\n              clip-rule=\"evenodd\"\r\n              d=\"M14.3336 21.1444H11.5872L9.52784 13.0565C9.43009 12.6845 9.22255 12.3556 8.91725 12.2006C8.15535 11.811 7.31579 11.501 6.3999 11.3446V11.0332H10.824C11.4346 11.0332 11.8925 11.501 11.9689 12.0442L13.0374 17.8782L15.7824 11.0332H18.4524L14.3336 21.1444ZM19.9789 21.1444H17.3852L19.5209 11.0332H22.1146L19.9789 21.1444ZM25.4702 13.8343C25.5465 13.2898 26.0044 12.9784 26.5387 12.9784C27.3783 12.9002 28.2928 13.0566 29.0561 13.4448L29.514 11.2678C28.7508 10.9564 27.9112 10.8 27.1493 10.8C24.6319 10.8 22.8002 12.2006 22.8002 14.1444C22.8002 15.6231 24.0977 16.3995 25.0136 16.8673C26.0044 17.3337 26.3861 17.6451 26.3097 18.1114C26.3097 18.811 25.5465 19.1224 24.7846 19.1224C23.8687 19.1224 22.9528 18.8892 22.1146 18.4997L21.6567 20.678C22.5725 21.0662 23.5634 21.2226 24.4793 21.2226C27.3019 21.2994 29.0561 19.9002 29.0561 17.8001C29.0561 15.1553 25.4702 15.0003 25.4702 13.8343ZM38.1332 21.1444L36.0738 11.0332H33.8618C33.4038 11.0332 32.9459 11.3446 32.7932 11.811L28.9797 21.1444H31.6497L32.1826 19.667H35.4632L35.7685 21.1444H38.1332ZM34.2434 13.7562L35.0053 17.5669H32.8696L34.2434 13.7562Z\"\r\n              fill=\"#172B85\"\r\n            />\r\n          </svg>\r\n        );\r\n      case 'icon_simple':\r\n        return (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" class={`icon_simple_svg ${this.state}`}>\r\n            <path\r\n              opacity=\"0.4\"\r\n              d=\"M11.524 4.19421L9.25088 5.24491C5.75029 6.863 4 7.67204 4 9.00008C4 10.3281 5.7503 11.1372 9.25089 12.7553L11.524 13.806C13.727 14.8243 14.8285 15.3334 16 15.3334C17.1715 15.3334 18.273 14.8243 20.476 13.806L22.7491 12.7553C26.2497 11.1372 28 10.3281 28 9.00008C28 7.67204 26.2497 6.86299 22.7491 5.2449L20.476 4.19421C18.273 3.1759 17.1715 2.66675 16 2.66675C14.8285 2.66675 13.727 3.1759 11.524 4.19421Z\"\r\n              fill=\"#064E94\"\r\n            />\r\n            <path\r\n              d=\"M27.7173 14.797C27.9058 15.062 28 15.3382 28 15.6419C28 16.951 26.2497 17.7486 22.7491 19.3436L20.476 20.3794C18.273 21.3832 17.1715 21.8851 16 21.8851C14.8285 21.8851 13.727 21.3832 11.524 20.3794L9.25089 19.3436C5.7503 17.7486 4 16.951 4 15.6419C4 15.3382 4.09422 15.062 4.28267 14.797M27.1689 21.6876C27.723 22.1289 28 22.5688 28 23.0896C28 24.3987 26.2497 25.1962 22.7491 26.7913L20.476 27.827C18.273 28.8308 17.1715 29.3327 16 29.3327C14.8285 29.3327 13.727 28.8308 11.524 27.827L9.25089 26.7913C5.7503 25.1962 4 24.3987 4 23.0896C4 22.5688 4.27704 22.1289 4.83112 21.6876M9.25088 5.24491L11.524 4.19421C13.727 3.1759 14.8285 2.66675 16 2.66675C17.1715 2.66675 18.273 3.1759 20.476 4.19421L22.7491 5.2449C26.2497 6.863 28 7.67204 28 9.00008C28 10.3281 26.2497 11.1372 22.7491 12.7553L20.476 13.806C18.273 14.8243 17.1715 15.3334 16 15.3334C14.8285 15.3334 13.727 14.8243 11.524 13.806L9.25089 12.7553C5.7503 11.1372 4 10.3281 4 9.00008C4 7.67204 5.75029 6.863 9.25088 5.24491Z\"\r\n              stroke=\"#064E94\"\r\n              stroke-width=\"1.5\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        );\r\n        case 'radio_button' :\r\n          return <gb-checkbox size={this.size} type=\"radio\" state={this.state} checked={this.selected}></gb-checkbox>;\r\n        case 'checkbox' :\r\n          return <gb-checkbox size={this.size} type='checkbox' state={this.state} checked={this.selected}></gb-checkbox>;\r\n    }\r\n  }\r\n\r\n  // Toggle selected state on checkbox click\r\n  private toggleSelection() {\r\n    if(this.state === 'default') {\r\n      this.selected = !this.selected;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return [\r\n      <div class={`checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''} ${this.breakpoint}`} onClick={() => this.toggleSelection()}>\r\n        <div class=\"item-content\">\r\n          {this.renderIcon()}\r\n          <div class=\"text-container\">\r\n            <div class={`label-cost ${this.type}`}>\r\n              <slot name=\"label\"></slot>\r\n              {this.showCost && <slot name=\"cost\"></slot>}\r\n            </div>\r\n            {this.type === 'payment_icon' ? (\r\n              <div class=\"buttons\">\r\n                <gb-button size={this.size} hierarchy=\"link_gray\" icon=\"default\" state={this.state}>\r\n                  <p>Set as default</p>\r\n                </gb-button>\r\n                <gb-button size={this.size} hierarchy=\"link_color\" icon=\"default\" state={this.state}>\r\n                  <p>Edit</p>\r\n                </gb-button>\r\n              </div>\r\n            ) : (\r\n              <slot name=\"supporting_text\"></slot>\r\n            )}\r\n          </div>\r\n        </div>\r\n        {this.type === 'icon_simple' || this.type === 'avatar' || this.type === 'payment_icon' ? (\r\n          <div class={`checkbox_container`}>\r\n            <gb-checkbox\r\n              type='check_circle'\r\n              size={this.size}\r\n              state={this.state}\r\n              checked={this.selected}\r\n            ></gb-checkbox>\r\n          </div>\r\n        ) : null}\r\n      </div>,\r\n    ];\r\n  }\r\n}\r\n"],"version":3}

package/dist/globuscomponents/gb-checkbox-group.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-checkbox-group.entry.esm.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,EAAE;;MCShB,eAAe;;;;;oBAGD,EAAE;wBACG,KAAK;;;IAGjC,MAAM;QACF,QACE,4DAAK,KAAK,EAAE,gBAAgB,IAC1B,+EAAwB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAA2B,EAChH,+EAAwB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAA2B,EAChH,+EAAwB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAA2B,EAChH,+EAAwB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAA2B,EAChH,+EAAwB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAA2B,CAC5G,EACN;KACL;;;;;;","names":[],"sources":["src/components/gb-checkbox-group/gb-checkbox-group.css?tag=gb-checkbox-group&encapsulation=shadow","src/components/gb-checkbox-group/gb-checkbox-group.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-checkbox-group',\r\n    styleUrl: 'gb-checkbox-group.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbCheckboxGroup {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() breakpoint: BreakPoints;\r\n    @Prop() icon: string = '';\r\n    @Prop() selected: boolean = false;\r\n    @Prop() type: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';\r\n\r\n    render() {\r\n        return (\r\n          <div class={`checkbox_group`}>\r\n            <gb-checkbox-group-item size={this.size} type={this.type} breakpoint={this.breakpoint}></gb-checkbox-group-item>\r\n            <gb-checkbox-group-item size={this.size} type={this.type} breakpoint={this.breakpoint}></gb-checkbox-group-item>\r\n            <gb-checkbox-group-item size={this.size} type={this.type} breakpoint={this.breakpoint}></gb-checkbox-group-item>\r\n            <gb-checkbox-group-item size={this.size} type={this.type} breakpoint={this.breakpoint}></gb-checkbox-group-item>\r\n            <gb-checkbox-group-item size={this.size} type={this.type} breakpoint={this.breakpoint}></gb-checkbox-group-item>\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}

package/dist/globuscomponents/gb-checkbox.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-checkbox.entry.esm.js","mappings":";;AAAA,MAAM,aAAa,GAAG,qgqEAAqgqE;;MCS9gqE,UAAU;;;uBACS,KAAK;6BACA,KAAK;;;;oBAId,KAAK;8BACK,KAAK;;IAGvC,gBAAgB;QACZ,QAAO,IAAI,CAAC,IAAI;YACZ,KAAK,IAAK,EAAE,OAAO,gBAAgB,CAAC;YACpC,KAAK,IAAK,EAAE,OAAO,gBAAgB,CAAC;SACvC;KACJ;IAED,sBAAsB;QAClB,QAAO,IAAI,CAAC,IAAI;YACZ,KAAK,IAAK,EAAE,OAAO,iBAAiB,CAAC;YACrC,KAAK,IAAK,EAAE,OAAO,iBAAiB,CAAC;SACxC;KACJ;IAED,gBAAgB;QACZ,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAC7E,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/C,IAAG,YAAY,EAAC;YACZ,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;SACvD;QAED,IAAG,kBAAkB,EAAE;YACnB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;SACnE;QAED,IAAG,CAAC,IAAI,CAAC,cAAc,EAAE;YACrB,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;SACzC;KACJ;IAED,MAAM;QACF,QACE,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,EAAE,IAChE,4DAAK,KAAK,EAAC,eAAe,IACxB,yEAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAqB,CAChJ,EACL,IAAI,CAAC,IAAI,KACR,4DAAK,KAAK,EAAC,MAAM,IACf,6DAAM,IAAI,EAAC,OAAO,GAAQ,EACzB,IAAI,CAAC,cAAc,IAAI,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,CACxD,CACP,CACG,EACN;KACL;;;;;;;","names":[],"sources":["src/components/gb-checkbox/gb-checkbox.css?tag=gb-checkbox&encapsulation=shadow","src/components/gb-checkbox/gb-checkbox.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.checkbox_div{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: fit-content;\r\n}\r\n\r\n.checkbox_div{\r\n    gap: var(--spacing-none);\r\n}\r\n\r\n.checkbox_div.text.sm{\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.checkbox_div.text.md{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.text{\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.div_centered{\r\n    justify-content: center;\r\n}\r\n\r\n::slotted(p){\r\n    color: #4B5565;\r\n}","import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag:'gb-checkbox',\r\n    styleUrl: 'gb-checkbox.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbCheckbox {\r\n    @Prop() checked: boolean =  false;\r\n    @Prop() indeterminate: boolean = false;\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() type: CheckBoxVariants;\r\n    @Prop() state: StateEnum;\r\n    @Prop() text: boolean = false;\r\n    @Prop() supportingText: boolean = false;\r\n    @Element() el: HTMLElement;\r\n\r\n    getMainTextClass() {\r\n        switch(this.size) {\r\n            case 'sm' : return `text-sm-medium`;\r\n            case 'md' : return `text-md-medium`;\r\n        }\r\n    }\r\n\r\n    getSupportingTextClass() {\r\n        switch(this.size) {\r\n            case 'sm' : return 'text-xs-regular';\r\n            case 'md' : return 'text-sm-regular';\r\n        }\r\n    }\r\n\r\n    componentDidLoad() {\r\n        const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n        const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n        const mainDiv = this.el.querySelector('.text');\r\n\r\n        if(mainTextSlot){\r\n            mainTextSlot.classList.add(this.getMainTextClass());\r\n        }\r\n\r\n        if(supportingTextSlot) {\r\n            supportingTextSlot.classList.add(this.getSupportingTextClass());\r\n        }\r\n\r\n        if(!this.supportingText) {\r\n            mainDiv.classList.add('div_centered');\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n          <div class={`checkbox_div ${this.size} ${this.text ? 'text' : ''}`}>\r\n            <div class=\"checkbox_base\">\r\n              <gb-checkbox-base size={this.size} type={this.type} checked={this.checked} state={this.state} indeterminate={this.indeterminate}></gb-checkbox-base>\r\n            </div>\r\n            {this.text && (\r\n              <div class=\"text\">\r\n                <slot name=\"label\"></slot>\r\n                {this.supportingText && <slot name=\"supporting_text\"></slot>}\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}

package/dist/globuscomponents/gb-collapse-button.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-collapse-button.entry.esm.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,wssEAAwssE;;MCOvtsE,gBAAgB;;;;2BAEqB,KAAK;sBACX,UAAU;yBACN,KAAK;;IAEnD,UAAU;QACR,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE;YAC9B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE;YACnC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;SAC1B;KACF;IAGD,MAAM,eAAe;QACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;KACzB;IAGD,MAAM,aAAa;QACjB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;KAC1B;IAED,MAAM;QACJ,OAAO;YACL,8DACE,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,OAAO,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IACrK,IAAI,CAAC,MAAM,KAAK,UAAU,IAAI;gBAC7B,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,EAAE,IACxH,6DACE,CAAC,EAAC,sLAAsL,EACxL,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE;aACP,EACA,IAAI,CAAC,MAAM,KAAK,QAAQ,KACvB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,EAAE,IACxH,6DACE,CAAC,EAAC,sLAAsL,EACxL,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CACG,EACL,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,IAC3C,kBAAY,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,IACtC,SAAG,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,eAErC,CACO,IACX,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,IAC5C,kBAAY,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,MAAM,IACtC,SAAG,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,aAErC,CACO,IACX,IAAI,CACJ;SACP,CAAC;KACH;;;;;;","names":[],"sources":["src/components/gb-collapse-button/gb-collapse-button.css?tag=gb-collapse-button&encapsulation=shadow","src/components/gb-collapse-button/gb-collapse-button.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n    position: relative;\r\n}\r\n\r\n.collapse_btn{\r\n    background-color: transparent;\r\n    border-radius: var(--rounded-full);\r\n    display: flex;\r\n    width: var(--spacing-7);\r\n    height: var(--spacing-7);\r\n    padding: var(--spacing-2);\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    cursor: pointer;\r\n}\r\n\r\n.collapse_btn.grey:hover{\r\n    background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n    cursor: pointer;\r\n}\r\n\r\n.collapse_btn.grey:active{\r\n    background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\n.collapse_btn.white:hover{\r\n    background-color: var(--color-blanket-subtle, rgba(33, 44, 101, 0.3));\r\n    cursor: pointer;\r\n}\r\n\r\n.collapse_btn.white:active{\r\n    background-color: var(--color-blanket, rgba(33, 44, 101, 0.4));\r\n}\r\n\r\n.icon.grey path{\r\n    stroke: var(--color-icon, #4B5565);\r\n}\r\n\r\n.icon.white path{\r\n    stroke: var(--color-icon-inverse, #FFFFFF);\r\n}\r\n\r\n.tooltip{\r\n    position: absolute;\r\n    left: 3.5rem;\r\n    bottom: 2.7rem;\r\n}\r\n\r\n.text-xs-semi-bold{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-semi-bold);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-semi-bold::before,\r\n.text-xs-semi-bold::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xs-semi-bold::before{\r\n    margin-bottom: -0.321em;\r\n}\r\n\r\n.text-xs-semi-bold::after{\r\n    margin-top: -0.416em;\r\n}","import { Component, Method, Prop, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'gb-collapse-button',\r\n  styleUrl: 'gb-collapse-button.css',\r\n  shadow: true,\r\n})\r\nexport class GbCollapseButton {\r\n  @Prop() color: 'gray' | 'white';\r\n  @Prop({ mutable: true }) isCollapsed: boolean = false;\r\n  @Prop({ mutable: true }) action: string = 'collapse';\r\n  @Prop({ mutable: true }) isHovered: boolean = false;\r\n\r\n  toggleIcon() {\r\n    if (this.action === 'collapse') {\r\n      this.action = 'expand';\r\n    } else if (this.action === 'expand') {\r\n      this.action = 'collapse';\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async collapseSidebar() {\r\n    this.isCollapsed = true;\r\n  }\r\n\r\n  @Method()\r\n  async expandSidebar() {\r\n    this.isCollapsed = false;\r\n  }\r\n\r\n  render() {\r\n    return [\r\n      <div>\r\n        <div class={`collapse_btn ${this.color}`} onClick={this.toggleIcon.bind(this)} onMouseEnter={() => (this.isHovered = true)} onMouseLeave={() => (this.isHovered = false)}>\r\n          {this.action === 'collapse' && [\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`icon ${this.color}`}>\r\n              <path\r\n                d=\"M9.58321 15C9.58321 15 4.58326 11.3176 4.58325 9.99996C4.58324 8.68237 9.58325 5 9.58325 5M15.4165 15C15.4165 15 10.4166 11.3176 10.4166 9.99996C10.4166 8.68237 15.4166 5 15.4166 5\"\r\n                stroke=\"#4B5565\"\r\n                stroke-width=\"1.5\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>,\r\n          ]}\r\n          {this.action === 'expand' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`icon ${this.color}`}>\r\n              <path\r\n                d=\"M10.4166 15C10.4166 15 15.4166 11.3176 15.4166 9.99996C15.4166 8.68237 10.4166 5 10.4166 5M4.58329 15C4.58329 15 9.58324 11.3176 9.58325 9.99996C9.58326 8.68237 4.58325 5 4.58325 5\"\r\n                stroke=\"#4B5565\"\r\n                stroke-width=\"1.5\"\r\n                stroke-linecap=\"round\"\r\n                stroke-linejoin=\"round\"\r\n              />\r\n            </svg>\r\n          )}\r\n        </div>\r\n        {this.isHovered && this.action === 'collapse' ? (\r\n          <gb-tooltip class=\"tooltip\" arrow=\"left\">\r\n            <p slot=\"label\" class=\"text-xs-semi-bold\">\r\n              Collapse\r\n            </p>\r\n          </gb-tooltip>\r\n        ) : this.isHovered && this.action === 'expand' ? (\r\n          <gb-tooltip class=\"tooltip\" arrow=\"left\">\r\n            <p slot=\"label\" class=\"text-xs-semi-bold\">\r\n              Expand\r\n            </p>\r\n          </gb-tooltip>\r\n        ) : null}\r\n      </div>,\r\n    ];\r\n  }\r\n}"],"version":3}

package/dist/globuscomponents/gb-dropdown-items-with-shortcut.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-dropdown-items-with-shortcut.entry.esm.js","mappings":";;;AAAA,MAAM,8BAA8B,GAAG,uqtEAAuqtE;;MCSjstE,kBAAkB;;;oBACH,KAAK;;wBAED,KAAK;;4BAEF,GAAG;qBACV,EAAE;qBACc,SAAS;;IAGjD,MAAM;QACF,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,GAAG,YAAY,CAAC,UAAU,IAAI,CAAC,OAAO,MAAM,CAAC,GAAG,EAAE,CAAC;QAE/E,QACI,4DAAK,KAAK,EAAC,oBAAoB,IAC3B,4DAAK,KAAK,EAAE,YAAY,IAAI,CAAC,KAAK,KAAK,UAAU,GAAG,UAAU,GAAG,EAAE,EAAE,IAChE,IAAI,CAAC,IAAI,KACN,4DAAK,KAAK,EAAC,MAAM,IACb,4DAAK,GAAG,EAAE,OAAO,EAAE,GAAG,EAAC,MAAM,GAAO,CAClC,CACT,EACA,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,KACxB,oEAAa,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAE,SAAS,CAAC,OAAO,GAAgB,CACnG,EACD,6DAAM,KAAK,EAAC,OAAO,IACf,0DAAG,KAAK,EAAE,gBAAgB,IAAG,IAAI,CAAC,KAAK,CAAK,CACzC,EACN,IAAI,CAAC,QAAQ,KACV,6DAAM,KAAK,EAAC,eAAe,IACvB,yEAAQ,IAAI,CAAC,YAAY,CAAQ,CAC9B,CACV,CACC,CACJ,EACT;KACJ;;;;;;;","names":[],"sources":["src/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.css?tag=gb-dropdown-items-with-shortcut&encapsulation=shadow","src/components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.shortcut-container {\r\n    display: flex;\r\n    width: 100%;\r\n    padding: var(--spacing-half) var(--spacing-1);\r\n    align-items: center;\r\n    gap: var(--spacing-none);\r\n    border-radius: var(--rounded-none);   \r\n    cursor: pointer;\r\n}\r\n\r\n.shortcut {\r\n    display: flex;\r\n    padding: var(--spacing-2);\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    flex: 1 0 0;\r\n    border-radius: var(--rounded-xs);\r\n}\r\n\r\n.label {\r\n    flex-grow: 1;\r\n    color: #4B5565;\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-size: var(--Font-Size-T-sm, 12px);\r\n    font-style: normal;\r\n    font-weight: var(--Font-Weight-Medium, 500);\r\n    line-height: var(--Font-Line-height-T-sm, 20px); /* 142.857% */\r\n    letter-spacing: var(--Font-Letter-spacing-T-sm, 0px);\r\n}\r\n\r\n.shortcut-icon {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    color: #4B5565;\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-size: var(--Font-Size-T-xs, 12px);\r\n    font-style: normal;\r\n    font-weight: var(--Font-Weight-Regular, 400);\r\n    line-height: var(--Font-Line-height-T-xs, 18px); /* 150% */\r\n    letter-spacing: var(--Font-Letter-spacing-T-xs, 0px);\r\n}\r\n\r\n.icon {\r\n    padding-left: 7px;\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\ngb-checkbox {\r\n    padding-top: 4px;\r\n    padding-left: 7px;\r\n}\r\n\r\n.shortcut:hover {\r\n    background-color: #EEF2F6;\r\n}\r\n.shortcut:active {\r\n    background: #E3E8EF;\r\n}\r\n\r\n.shortcut.disabled {\r\n    background-color: #ffffff;\r\n    color: #CDD5DF;\r\n    pointer-events: none;\r\n}\r\n\r\n.shortcut.disabled .label,\r\n.shortcut.disabled .shortcut-icon,\r\n.shortcut.disabled gb-checkbox {\r\n    color: #CDD5DF; /* Ensures all text/icons use the disabled color */\r\n}\r\n\r\n.shortcut.disabled .icon img {\r\n    opacity: 0.5;\r\n    stroke: #CDD5DF; /* Reduce opacity for the icon in disabled state */\r\n}\r\n\r\n/* Optional: You can also change the checkbox appearance */\r\n.shortcut.disabled gb-checkbox {\r\n    pointer-events: none;\r\n    opacity: 0.5; /* Dim the checkbox when disabled */\r\n}\r\n\r\n","import {Component, Prop, h, getAssetPath, Element} from '@stencil/core';\r\nimport {StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n    tag: 'gb-dropdown-items-with-shortcut',\r\n    styleUrl: 'gb-dropdown-items-with-shortcut.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbDropdownShortcut {\r\n    @Prop() icon: boolean = false;\r\n    @Prop() iconSrc: string;\r\n    @Prop() checkbox: boolean = false;\r\n    @Prop() shortcut: boolean;\r\n    @Prop() shortcutIcon: string = 'C';\r\n    @Prop() label: string = '';\r\n    @Prop() state: 'default' | 'disabled' = 'default';\r\n    @Element() el: HTMLElement;\r\n\r\n    render() {\r\n        const iconSrc = this.iconSrc ? getAssetPath(`assets/${this.iconSrc}.svg`) : '';\r\n\r\n        return (\r\n            <div class=\"shortcut-container\">\r\n                <div class={`shortcut ${this.state === 'disabled' ? 'disabled' : ''}`}>\r\n                    {this.icon && (\r\n                        <div class=\"icon\">\r\n                            <img src={iconSrc} alt=\"Icon\"></img>\r\n                        </div>\r\n                    )}\r\n                    {this.checkbox && !this.icon && (\r\n                        <gb-checkbox class=\"checkbox\" size=\"sm\" type='checkbox' state={StateEnum.Default}></gb-checkbox>\r\n                    )}\r\n                    <span class=\"label\">\r\n                        <p class={`text-sm-medium`}>{this.label}</p>\r\n                    </span>\r\n                    {this.shortcut && (\r\n                        <span class=\"shortcut-icon\">\r\n                            <slot>⌘{this.shortcutIcon}</slot>\r\n                        </span>\r\n                    )}\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}\r\n"],"version":3}

package/dist/globuscomponents/gb-file-type-icon.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-file-type-icon.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,EAAE;;MCQf,cAAc;;;;IACvB,MAAM;QACF,OAAM;KACT;;;;;;","names":[],"sources":["src/components/gb-file-type-icon/gb-file-type-icon.css?tag=gb-file-type-icon&encapsulation=shadow","src/components/gb-file-type-icon/gb-file-type-icon.tsx"],"sourcesContent":["","import { Component } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'gb-file-type-icon',\r\n    styleUrl: 'gb-file-type-icon.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbFileTypeIcon {\r\n    render() {\r\n        return \r\n    }\r\n}"],"version":3}

package/dist/globuscomponents/gb-file-upload-item-base.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-file-upload-item-base.entry.esm.js","mappings":"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","names":[],"sources":["src/components/gb-file-upload-item-base/gb-file-upload-item-base.css?tag=gb-file-upload-item-base&encapsulation=shadow","src/components/gb-file-upload-item-base/gb-file-upload-item-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n/* .file_upload_item_base_div{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n} */\r\n\r\n.file_upload_item_base_container {\r\n  display: flex;\r\n  width: 32rem;\r\n  border-radius: var(--rounded-sm);\r\n  padding: var(--spacing-6);\r\n  background-color: var(--color-background-card, #ffffff);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n  border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n  background-color: var(--color-background-disabled, #F6F8FA);\r\n  border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n    flex-direction: row;\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n    flex-direction: column;\r\n}\r\n\r\n.close_button {\r\n  position: absolute;\r\n  top: var(--spacing-4);\r\n  right: var(--spacing-4);\r\n}\r\n\r\n.progress_bar{\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.file_type_text.in_progress,\r\n.file_type_text.complete{\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.file_type_text.error,\r\n.file_size_text.error{\r\n  color: var(--color-background-danger, #B51726);\r\n}\r\n\r\n.file_size_text.in_progress,\r\n.file_size_text.complete{\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n/* Default Styles */\r\n.file_upload_icon{\r\n  background-color: #EEF2F6;\r\n  border-radius: var(--rounded-full);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n  width: var(--spacing-6);\r\n  height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n}\r\n\r\n.default.lg{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.default_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n/* In Progress Styles */\r\n.in_progress_div.md{\r\n  width: 100%;\r\n}\r\n\r\n.in_progress_div.lg{\r\n  text-align: center;\r\n}\r\n\r\n.in_progress_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n  width: 100%;\r\n}\r\n\r\n.upload_btn_md{\r\n  position: absolute;\r\n  top: 45%;\r\n  right: 1.5rem;\r\n}\r\n\r\n.upload_btn_lg{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Complete Styles */\r\n.complete{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.complete.md{\r\n  flex-direction: row;\r\n  gap: var(--spacing-1);\r\n}\r\n\r\n.complete.lg{\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n.complete_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.complete_content.md{\r\n  justify-content: center;\r\n}\r\n\r\n.complete_content.lg{\r\n  align-items: center;\r\n}\r\n\r\n.delete_button{\r\n  position: absolute;\r\n  top: 25%;\r\n  right: 1rem;\r\n}\r\n\r\n.delete_btn{\r\n  position: absolute;\r\n  top: 35%;\r\n  right: 1.5rem;\r\n}\r\n\r\n/* Error Styles */\r\n.error{\r\n  background-color: var(--color-background-danger-subtlest, #FEF1F2);\r\n  border-color: var(--color-border-danger-subtle, #F9B4BA);\r\n}\r\n\r\n.error.lg{\r\n  text-align: center;\r\n}\r\n\r\n.error_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.btns{\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: var(--spacing-6);\r\n}\r\n\r\n.btn{\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Text Styles*/\r\n.text-sm-semi-bold{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-medium{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.text-sm-medium::before,\r\n.text-sm-medium::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-sm-medium::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-medium::after{\r\n  margin-top: -0.299em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-xs);\r\n  font-weight: var(--font-weight-regular);\r\n  line-height: var(--font-line-height-t-xs);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n  margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n  margin-top: -0.396em;\r\n}\r\n\r\np.lg{\r\n  display: flex;\r\n  gap: var(--spacing-1);\r\n}","import { Component, h, Prop, Fragment } from '@stencil/core';\r\nimport { FileUploadIconType, FileUploadStates, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-file-upload-item-base',\r\n  styleUrl: 'gb-file-upload-item-base.css',\r\n  shadow: true,\r\n})\r\nexport class GbFileUploadItemBase {\r\n  @Prop() icon: FileUploadIconType;\r\n  @Prop() state: FileUploadStates;\r\n  @Prop() heightSize: GeneralSizes = 'md';\r\n  @Prop() fileType: 'pdf' | 'png' | 'jpg' | 'doc' | 'mp4';\r\n  @Prop() buttonState: StateEnum = StateEnum.Default;\r\n\r\n  returnIcons() {\r\n    switch (this.icon) {\r\n      case 'outline':\r\n        switch (this.fileType) {\r\n          case 'pdf':\r\n            return (\r\n              <svg width=\"40\" height=\"41\" viewBox=\"0 0 40 41\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path\r\n                  d=\"M7.75 4.5C7.75 2.70508 9.20508 1.25 11 1.25H27C27.1212 1.25 27.2375 1.29816 27.3232 1.38388L38.1161 12.1768C38.2018 12.2625 38.25 12.3788 38.25 12.5V36.5C38.25 38.2949 36.7949 39.75 35 39.75H11C9.20507 39.75 7.75 38.2949 7.75 36.5V4.5Z\"\r\n                  fill=\"white\"\r\n                  stroke=\"#CDD5DF\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n                <path d=\"M27 1V8.5C27 10.7091 28.7909 12.5 31 12.5H38.5\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" />\r\n                <rect x=\"0.5\" y=\"18\" width=\"27\" height=\"17\" rx=\"2\" fill=\"#E21B2E\" />\r\n                <path\r\n                  d=\"M6.22094 27.91V26.49H7.53094C7.78427 26.49 8.00094 26.44 8.18094 26.34C8.3676 26.24 8.51094 26.1 8.61094 25.92C8.71094 25.7333 8.76094 25.52 8.76094 25.28C8.76094 25.0267 8.71094 24.81 8.61094 24.63C8.51094 24.4433 8.3676 24.3033 8.18094 24.21C8.00094 24.11 7.78427 24.06 7.53094 24.06H6.22094V22.64H7.45094C8.07094 22.64 8.60094 22.7433 9.04094 22.95C9.4876 23.1567 9.8276 23.45 10.0609 23.83C10.3009 24.21 10.4209 24.6667 10.4209 25.2V25.36C10.4209 25.88 10.3009 26.3333 10.0609 26.72C9.8276 27.1 9.4876 27.3933 9.04094 27.6C8.60094 27.8067 8.07094 27.91 7.45094 27.91H6.22094ZM4.78094 30V22.64H6.42094V30H4.78094ZM12.8909 30.04V28.51H14.2509C14.5909 28.51 14.8975 28.46 15.1709 28.36C15.4442 28.2533 15.6775 28.1067 15.8709 27.92C16.0642 27.7267 16.2109 27.4967 16.3109 27.23C16.4109 26.9567 16.4609 26.6567 16.4609 26.33C16.4609 25.99 16.4109 25.6867 16.3109 25.42C16.2109 25.1533 16.0642 24.9267 15.8709 24.74C15.6775 24.5533 15.4442 24.4133 15.1709 24.32C14.8975 24.22 14.5909 24.17 14.2509 24.17H12.8909V22.64H14.1609C14.8209 22.64 15.3975 22.7367 15.8909 22.93C16.3842 23.1233 16.7975 23.3867 17.1309 23.72C17.4642 24.0533 17.7109 24.4367 17.8709 24.87C18.0375 25.2967 18.1209 25.7467 18.1209 26.22V26.44C18.1209 26.88 18.0375 27.3167 17.8709 27.75C17.7109 28.1767 17.4642 28.5633 17.1309 28.91C16.7975 29.25 16.3842 29.5233 15.8909 29.73C15.3975 29.9367 14.8209 30.04 14.1609 30.04H12.8909ZM11.4509 30.04V22.64H13.0909V30.04H11.4509ZM19.2634 30V22.7H20.9034V30H19.2634ZM20.7034 27.06V25.7H23.5234V27.06H20.7034ZM20.7034 24.06V22.7H23.6434V24.06H20.7034Z\"\r\n                  fill=\"white\"\r\n                />\r\n              </svg>\r\n            );\r\n        }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n        {this.state === 'in_progress' && (\r\n          <div class={`in_progress_div ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class=\"in_progress_content\">\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n                  <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n                  <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB</p>\r\n                  <gb-progress-bar progress={20} show-label={true} label-position=\"right\" class=\"progress_bar\"></gb-progress-bar>\r\n                  <gb-button-close size=\"sm\" color=\"gray\" class=\"close_button\"></gb-button-close>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.state === 'complete' && (\r\n          <div class={`complete ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class={`complete_content ${this.heightSize}`}>\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <test-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"only\" \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\" \r\n                  class=\"delete_button\"\r\n                  ></test-button>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <test-button size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"default\" \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\">\r\n                    <p>Clear</p>\r\n                  </test-button>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.state === 'error' && (\r\n          <div class={`error ${this.heightSize}`}>\r\n            <div class=\"file_icon\"></div>\r\n            <div class=\"error_content\">\r\n              {this.heightSize === 'md' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <gb-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"link_color\" \r\n                  icon={StateEnum.Default} \r\n                  destructive={true}>\r\n                    <p>Try again</p>\r\n                  </gb-button>\r\n                  <gb-button \r\n                  size=\"sm\" \r\n                  hierarchy=\"tertiary_gray\" \r\n                  icon=\"only\" destructive={true} \r\n                  icon-leading={true} \r\n                  icon-leading-swap=\"delete-02\"\r\n                  class=\"delete_button\"\r\n                  ></gb-button>\r\n                </>\r\n              )}\r\n              {this.heightSize === 'lg' && (\r\n                <>\r\n                  <p class={`file_type_text ${this.state} text-sm-medium`}>Tech design requirements.pdf</p>\r\n                  <p class={`file_size_text ${this.state} text-sm-regular`}>200 KB – 100% uploaded</p>\r\n                  <div class=\"btns\">\r\n                    <test-button size=\"sm\" \r\n                    hierarchy=\"tertiary_gray\" \r\n                    icon=\"default\" \r\n                    destructive={true} \r\n                    icon-leading={true} \r\n                    icon-leading-swap=\"delete-02\">\r\n                      <p>Clear</p>\r\n                    </test-button>\r\n                    <div class=\"btn\">\r\n                      <test-button \r\n                      size=\"sm\" \r\n                      hierarchy=\"link_color\" \r\n                      icon={StateEnum.Default} \r\n                      destructive={true} \r\n                      class=\"btn\">\r\n                        <p>Try again</p>\r\n                      </test-button>\r\n                    </div>\r\n                  </div>\r\n                </>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/globuscomponents/gb-file-upload.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-file-upload.entry.esm.js","mappings":"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","names":[],"sources":["src/components/gb-file-upload/gb-file-upload.css?tag=gb-file-upload&encapsulation=shadow","src/components/gb-file-upload/gb-file-upload.tsx"],"sourcesContent":[".file_upload_div{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.file_upload_item_base_container {\r\n  display: flex;\r\n  width: 32rem;\r\n  border-radius: var(--rounded-sm);\r\n  padding: var(--spacing-6);\r\n  background-color: var(--color-background-card, #ffffff);\r\n  border: 1px solid var(--color-border-subtler, #e3e8ef);\r\n  position: relative;\r\n  cursor: pointer;\r\n}\r\n\r\n.file_upload_item_base_container.default:hover{\r\n  border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.file_upload_item_base_container.disabled{\r\n  background-color: var(--color-background-disabled, #F6F8FA);\r\n  border-color: var(--color-border-disabled, #E3E8EF);\r\n}\r\n\r\n.file_upload_item_base_container.md{\r\n    flex-direction: row;\r\n}\r\n\r\n.file_upload_item_base_container.lg{\r\n    flex-direction: column;\r\n}\r\n\r\n/* Default Styles */\r\n.file_upload_icon{\r\n  background-color: #EEF2F6;\r\n  border-radius: var(--rounded-full);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: var(--spacing-3);\r\n}\r\n\r\n.file_upload_icon svg{\r\n  width: var(--spacing-6);\r\n  height: var(--spacing-6);\r\n}\r\n\r\n.default.md{\r\n  display: flex;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n}\r\n\r\n.default.lg{\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--spacing-3);\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.default_content{\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.upload_btn_md{\r\n  position: absolute;\r\n  top: 45%;\r\n  right: 1.5rem;\r\n}\r\n\r\n/**/\r\n.disabled_text{\r\n  color: var(--color-text-subtle, #697586); \r\n}\r\n\r\n/* Text Styles */\r\n.upload_text{\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n.upload_text.lg,\r\n.disabled_text.lg{\r\n  display: flex;\r\n  gap: var(--spacing-1);\r\n  align-items: center;\r\n}\r\n\r\n.file_type_text{\r\n  color: var(--color-text-subtle, #697586);\r\n}\r\n\r\n.text-sm-semi-bold{\r\n  font-family: var(--font-family-body);\r\n  font-size: var(--font-size-t-sm);\r\n  font-weight: var(--font-weight-semi-bold);\r\n  line-height: var(--font-line-height-t-sm);\r\n  margin: var(--spacing-none);\r\n  padding: var(--spacing-none);\r\n  display: inline-block;\r\n  position: relative;\r\n}\r\n\r\n.text-sm-semi-bold::before,\r\n.text-sm-semi-bold::after{\r\n  content: \"\";\r\n  display: table;\r\n}\r\n\r\n.text-sm-semi-bold::before{\r\n  margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-semi-bold::after{\r\n  margin-top: -0.349em;\r\n}\r\n\r\n.text-sm-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-sm);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-sm);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.text-sm-regular::before,\r\n.text-sm-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-sm-regular::before{\r\n    margin-bottom: -0.299em;\r\n}\r\n\r\n.text-sm-regular::after{\r\n    margin-top: -0.299em;\r\n}\r\n\r\n.text-xs-regular{\r\n    font-family: var(--font-family-body);\r\n    font-size: var(--font-size-t-xs);\r\n    font-weight: var(--font-weight-regular);\r\n    line-height: var(--font-line-height-t-xs);\r\n    margin: var(--spacing-none);\r\n    padding: var(--spacing-none);\r\n    display: inline-block;\r\n    position: relative;\r\n}\r\n\r\n.text-xs-regular::before,\r\n.text-xs-regular::after{\r\n    content: \"\";\r\n    display: table;\r\n}\r\n\r\n.text-xs-regular::before{\r\n    margin-bottom: -0.291em;\r\n}\r\n\r\n.text-xs-regular::after{\r\n    margin-top: -0.396em;\r\n}","import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { FileUploadIconType, FileUploadStates, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-file-upload',\r\n  styleUrl: 'gb-file-upload.css',\r\n  shadow: true,\r\n})\r\nexport class GbFileUpload {\r\n  @Prop() icon: FileUploadIconType;\r\n  @Prop() type: 'single' | 'multiple';\r\n  @Prop() heightSize: GeneralSizes;\r\n  @Prop() state: FileUploadStates;\r\n  @Prop() destructive: boolean = false;\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() buttonState: StateEnum = StateEnum.Default;\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"file_upload_div\">\r\n        {this.showLabel && <p class=\"upload_text text-sm-semi-bold\">File Upload</p>}\r\n        <>\r\n          {this.state === 'default' && !this.destructive && (\r\n            <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n              {this.heightSize === 'md' && [\r\n                <div class={`default ${this.heightSize}`}>\r\n                  <div class=\"file_upload_icon\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                      <path\r\n                        d=\"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z\"\r\n                        fill=\"#4B5565\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                  <div class=\"default_content\">\r\n                    <p class=\"upload_text text-sm-semi-bold\">Tap to upload</p>\r\n                    <p class=\"file_type_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n                  </div>\r\n                </div>,\r\n                <test-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" class=\"upload_btn_md\" \r\n                icon-leading={true}>\r\n                  <p>Upload</p>\r\n                </test-button>,\r\n              ]}\r\n              {this.heightSize === 'lg' && [\r\n                <div class={`default ${this.heightSize}`}>\r\n                  <div class=\"file_upload_icon\">\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                      <path\r\n                        d=\"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z\"\r\n                        fill=\"#4B5565\"\r\n                      />\r\n                    </svg>\r\n                  </div>\r\n                  <div class=\"default_content\">\r\n                    <p class={`upload_text text-sm-regular ${this.heightSize}`}>\r\n                      <test-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\">\r\n                        <p>Click to upload</p>\r\n                      </test-button>\r\n                      or drag and drop\r\n                    </p>\r\n                    <p class=\"file_type_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n                  </div>\r\n                </div>,\r\n              ]}\r\n            </div>\r\n          )}\r\n          {this.state === 'in_progress' && <gb-file-upload-item-base height-size={this.heightSize} state=\"in_progress\"></gb-file-upload-item-base>}\r\n          {this.state === 'complete' && <gb-file-upload-item-base height-size={this.heightSize} state=\"complete\"></gb-file-upload-item-base>}\r\n          {this.state === 'disabled' && (\r\n            <div class={`file_upload_item_base_container ${this.state} ${this.heightSize}`}>\r\n              <div class={`disabled ${this.state}`}>\r\n                {this.heightSize === 'md' && [\r\n                  <div class={`default ${this.heightSize}`}>\r\n                    <div class=\"file_upload_icon\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <path\r\n                          d=\"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z\"\r\n                          fill=\"#4B5565\"\r\n                        />\r\n                      </svg>\r\n                    </div>\r\n                    <div class=\"default_content\">\r\n                      <p class=\"disabled_text text-sm-semi-bold\">Tap to upload</p>\r\n                      <p class=\"disabled_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n                    </div>\r\n                  </div>,\r\n                  <test-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" class=\"upload_btn_md\" state={StateEnum.Disabled}>\r\n                    <p>Upload</p>\r\n                  </test-button>,\r\n                ]}\r\n                {this.heightSize === 'lg' && [\r\n                  <div class={`default ${this.heightSize}`}>\r\n                    <div class=\"file_upload_icon\">\r\n                      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                        <path\r\n                          d=\"M17.5 9.01101V8.261L17.4981 8.26101L17.5 9.01101ZM9.54945 9.61023C9.8804 9.85933 10.3506 9.79298 10.5997 9.46204C10.8488 9.1311 10.7825 8.66088 10.4515 8.41178L9.54945 9.61023ZM15.6641 11.5394C15.4006 11.8591 15.4462 12.3317 15.7658 12.5952C16.0854 12.8587 16.5581 12.8132 16.8216 12.4936L15.6641 11.5394ZM17.9174 17.2546C17.5057 17.3002 17.209 17.6709 17.2546 18.0826C17.3002 18.4943 17.6709 18.791 18.0826 18.7454L17.9174 17.2546ZM5.85054 18.6623C6.25644 18.7448 6.65241 18.4827 6.73496 18.0768C6.8175 17.6709 6.55537 17.2749 6.14946 17.1924L5.85054 18.6623ZM12 13V12.25V13ZM11.25 21C11.25 21.4142 11.5858 21.75 12 21.75C12.4142 21.75 12.75 21.4142 12.75 21H11.25ZM8.96219 14.9773C8.67349 15.2743 8.68023 15.7491 8.97726 16.0378C9.27428 16.3265 9.74911 16.3198 10.0378 16.0227L8.96219 14.9773ZM13.9622 16.0227C14.2509 16.3198 14.7257 16.3265 15.0227 16.0378C15.3198 15.7491 15.3265 15.2743 15.0378 14.9773L13.9622 16.0227ZM12 3.75C14.6221 3.75 16.75 5.87987 16.75 8.51009H18.25C18.25 5.05403 15.4531 2.25 12 2.25V3.75ZM17.5 9.76101C19.5698 9.76101 21.25 11.4423 21.25 13.5193H22.75C22.75 10.6165 20.4008 8.26101 17.5 8.26101V9.76101ZM17.4794 9.76106L17.5019 9.761L17.4981 8.26101L17.4757 8.26106L17.4794 9.76106ZM16.75 8.51009C16.75 8.6565 16.7434 8.80117 16.7306 8.94386L18.2246 9.07826C18.2414 8.89095 18.25 8.70143 18.25 8.51009H16.75ZM2.75 13.0183C2.75 10.8031 4.43748 8.98389 6.5916 8.77853L6.44924 7.2853C3.53048 7.56356 1.25 10.0247 1.25 13.0183H2.75ZM6.5916 8.77853C6.72581 8.76574 6.86203 8.75917 7 8.75917V7.25917C6.81443 7.25917 6.6307 7.268 6.44924 7.2853L6.5916 8.77853ZM7.26768 8.09603C7.47668 5.66023 9.51709 3.75 12 3.75V2.25C8.72939 2.25 6.04797 4.76511 5.77317 7.9678L7.26768 8.09603ZM7 8.75917C7.95746 8.75917 8.83914 9.07557 9.54945 9.61023L10.4515 8.41178C9.49035 7.68831 8.29419 7.25917 7 7.25917V8.75917ZM16.7306 8.94386C16.6423 9.92517 16.2569 10.8203 15.6641 11.5394L16.8216 12.4936C17.6003 11.5489 18.1084 10.37 18.2246 9.07826L16.7306 8.94386ZM21.25 13.5193C21.25 15.4544 19.7906 17.0471 17.9174 17.2546L18.0826 18.7454C20.7093 18.4545 22.75 16.2252 22.75 13.5193H21.25ZM6.14946 17.1924C4.21067 16.7981 2.75 15.079 2.75 13.0183H1.25C1.25 15.8044 3.22485 18.1283 5.85054 18.6623L6.14946 17.1924ZM11.25 13V21H12.75V13H11.25ZM12 12.25C11.7417 12.25 11.5193 12.339 11.3578 12.4254C11.1904 12.515 11.0348 12.631 10.8968 12.7485C10.6213 12.9832 10.3457 13.285 10.0995 13.5755C9.85056 13.8693 9.60952 14.1784 9.40971 14.4328C9.19651 14.7042 9.05089 14.886 8.96219 14.9773L10.0378 16.0227C10.1949 15.8612 10.3971 15.604 10.5893 15.3593C10.7949 15.0975 11.0169 14.8132 11.2439 14.5452C11.4738 14.274 11.6873 14.0456 11.8694 13.8905C11.9601 13.8132 12.0255 13.7694 12.0656 13.7479C12.1116 13.7233 12.0832 13.75 12 13.75V12.25ZM15.0378 14.9773C14.9491 14.886 14.8035 14.7042 14.5903 14.4328C14.3905 14.1784 14.1494 13.8693 13.9005 13.5755C13.6543 13.285 13.3787 12.9832 13.1032 12.7485C12.9652 12.631 12.8096 12.515 12.6422 12.4254C12.4807 12.339 12.2583 12.25 12 12.25V13.75C11.9168 13.75 11.8884 13.7233 11.9344 13.7479C11.9745 13.7694 12.0399 13.8132 12.1306 13.8905C12.3127 14.0456 12.5262 14.274 12.7561 14.5452C12.9831 14.8132 13.2051 15.0975 13.4107 15.3593C13.6029 15.604 13.8051 15.8612 13.9622 16.0227L15.0378 14.9773Z\"\r\n                          fill=\"#4B5565\"\r\n                        />\r\n                      </svg>\r\n                    </div>\r\n                    <div class=\"default_content\">\r\n                      <p class={`disabled_text text-sm-regular ${this.heightSize}`}>\r\n                        <test-button size=\"sm\" hierarchy=\"link_color\" icon=\"default\" state={StateEnum.Disabled}>\r\n                          <p>Click to upload</p>\r\n                        </test-button>\r\n                        or drag and drop\r\n                      </p>\r\n                      <p class=\"disabled_text text-xs-regular\">SVG, PNG, JPG or GIF (max. 800x400px)</p>\r\n                    </div>\r\n                  </div>,\r\n                ]}\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.destructive && <gb-file-upload-item-base state=\"error\" height-size={this.heightSize}></gb-file-upload-item-base>}\r\n        </>\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/globuscomponents/gb-header-icon.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-header-icon.entry.esm.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,ggrEAAggrE;;MCS3grE,YAAY;;;;6BAEY,KAAK;oBACf,EAAE;;IAEzB,MAAM;QAEF,OAAO;YACH,4DAAK,KAAK,EAAE,cAAc,IAAI,CAAC,KAAK,EAAE,IACjC,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,OAAO,IAAI;;;;gBAIjC,4DAAK,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,MAAM,GAAE;gBAC1C,kBACC,IAAI,CAAC,aAAa,KACf,4DAAK,KAAK,EAAC,SAAS,GAAO,CAC9B,CACE;aACN,EACA,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,QAAQ,KAC9B,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,IAC1F,6DAAM,CAAC,EAAC,ykFAAykF,EAAC,IAAI,EAAC,SAAS,GAAE,CAChmF,CACT,CACC;SACT,CAAA;KACJ;;;;;;","names":[],"sources":["src/components/gb-header-icon/gb-header-icon.css?tag=gb-header-icon&encapsulation=shadow","src/components/gb-header-icon/gb-header-icon.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n    position: relative;\r\n}\r\n\r\nsvg {\r\n    width: var(--spacing-5);\r\n    height: var(--spacing-5);\r\n}\r\n\r\n.background.default{\r\n    width: var(--spacing-8);\r\n    height: var(--spacing-8);\r\n    background-color: transparent;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: var(--rounded-sm);\r\n}\r\n\r\n.background:hover {\r\n    background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n    cursor: pointer;\r\n}\r\n\r\n.background:active {\r\n    background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\n.background.disabled:hover{\r\n    cursor: not-allowed;\r\n    background: none;\r\n}\r\n\r\n.red_dot {\r\n    width: 0.52rem;\r\n    height: var(--spacing-2);\r\n    border-radius: var(--rounded-full);\r\n    background-color: var(--color-icon-brandRed, #E21B2E);\r\n    border: 2px solid var(--color-surface, #FFFFFF);\r\n    position: absolute;\r\n    top: 0.6rem;\r\n    left: 1.2rem;\r\n}","import { Component, h, Prop, Fragment } from '@stencil/core';\r\nimport { StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n    tag: 'gb-header-icon',\r\n    styleUrl: 'gb-header-icon.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbHeaderIcon {\r\n    @Prop() state: StateEnum;\r\n    @Prop() showIndicator: boolean = false;\r\n    @Prop() icon: string = '';\r\n\r\n    render() {\r\n\r\n        return [\r\n            <div class={`background ${this.state}`}>\r\n                {this.state === StateEnum.Default && [\r\n                    // <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    //     <path d=\"M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z\" fill=\"#4B5565\"/>\r\n                    // </svg>,\r\n                    <img src={this.icon} alt=\"\" class=\"icon\"/>,\r\n                    <>\r\n                    {this.showIndicator && (\r\n                        <div class=\"red_dot\"></div>\r\n                    )}\r\n                    </>\r\n                ]}\r\n                {this.state === StateEnum.Disabled && (\r\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                        <path d=\"M3.72919 7.73286L4.47919 7.73293V7.73286H3.72919ZM16.2706 7.73286H15.5206V7.73293L16.2706 7.73286ZM16.3065 14.2952L16.5863 14.9911L16.3065 14.2952ZM3.6933 14.2952L3.97308 13.5994L3.97308 13.5994L3.6933 14.2952ZM16.8452 10.1617L16.2307 10.5916L16.2332 10.5951L16.8452 10.1617ZM17.8916 11.9951L17.1507 12.1115L17.1507 12.1115L17.8916 11.9951ZM3.15459 10.1617L3.76669 10.5951L3.76915 10.5916L3.15459 10.1617ZM2.10819 11.9951L1.36728 11.8786H1.36728L2.10819 11.9951ZM7.9616 16.909C7.63517 16.654 7.16384 16.7119 6.90886 17.0383C6.65388 17.3648 6.7118 17.8361 7.03824 18.0911L7.9616 16.909ZM12.9616 18.0911C13.288 17.8361 13.346 17.3648 13.091 17.0383C12.836 16.7119 12.3647 16.654 12.0382 16.909L12.9616 18.0911ZM16.0268 13.5994C12.4873 15.0225 7.51251 15.0225 3.97308 13.5994L3.41351 14.9911C7.31201 16.5586 12.6878 16.5586 16.5863 14.9911L16.0268 13.5994ZM17.0206 7.73286C17.0206 3.94514 13.8537 0.916687 9.99992 0.916687V2.41669C13.0726 2.41669 15.5206 4.82007 15.5206 7.73286H17.0206ZM4.47919 7.73286C4.47919 4.82007 6.92727 2.41669 9.99992 2.41669V0.916687C6.14612 0.916687 2.97919 3.94514 2.97919 7.73286H4.47919ZM3.97308 13.5994C3.14627 13.2669 2.75147 12.7326 2.84909 12.1115L1.36728 11.8786C1.11048 13.5125 2.30023 14.5434 3.41351 14.9911L3.97308 13.5994ZM16.5863 14.9911C17.6996 14.5434 18.8894 13.5125 18.6326 11.8786L17.1507 12.1115C17.2484 12.7326 16.8536 13.2669 16.0268 13.5994L16.5863 14.9911ZM17.4598 9.73179C17.0815 9.19099 17.0207 8.58744 17.0206 7.7328L15.5206 7.73293C15.5207 8.61212 15.5638 9.63826 16.2307 10.5916L17.4598 9.73179ZM3.76915 10.5916C4.43604 9.63825 4.47911 8.61212 4.47919 7.73293L2.97919 7.7328C2.97911 8.58744 2.91834 9.19099 2.54003 9.73179L3.76915 10.5916ZM2.54251 9.72827C2.45079 9.8578 2.35253 9.98608 2.23845 10.1379C2.12877 10.2839 2.00871 10.4463 1.89595 10.6178C1.67289 10.957 1.44576 11.3793 1.36728 11.8786L2.84909 12.1115C2.87952 11.9179 2.97611 11.7052 3.14928 11.4419C3.23464 11.3121 3.33082 11.1812 3.43773 11.0389C3.54024 10.9024 3.65891 10.7473 3.76668 10.5951L2.54251 9.72827ZM16.2332 10.5951C16.3409 10.7473 16.4596 10.9024 16.5621 11.0389C16.669 11.1812 16.7652 11.3121 16.8506 11.4419C17.0237 11.7052 17.1203 11.9179 17.1507 12.1115L18.6326 11.8786C18.5541 11.3793 18.327 10.957 18.1039 10.6178C17.9911 10.4463 17.8711 10.2839 17.7614 10.1379C17.6473 9.98608 17.5491 9.8578 17.4573 9.72827L16.2332 10.5951ZM9.99992 17.5834C9.20289 17.5834 8.49015 17.3218 7.9616 16.909L7.03824 18.0911C7.83658 18.7147 8.87606 19.0834 9.99992 19.0834V17.5834ZM12.0382 16.909C11.5097 17.3218 10.7969 17.5834 9.99992 17.5834V19.0834C11.1238 19.0834 12.1633 18.7147 12.9616 18.0911L12.0382 16.909Z\" fill=\"#CDD5DF\"/>\r\n                    </svg>\r\n                )}\r\n            </div>\r\n        ]\r\n    }\r\n}"],"version":3}

package/dist/globuscomponents/gb-header.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-header.entry.esm.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,ubAAub;;MCQ9b,QAAQ;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;;IAMpC,oBAAoB;QAClB,QAAO,IAAI,CAAC,KAAK;YACf,KAAK,MAAM,EAAE,OAAO,MAAM,CAAC;YAC3B,KAAK,MAAM,EAAE,OAAO,MAAM,CAAC;YAC3B,KAAK,MAAM,EAAE,OAAO,MAAM,CAAC;YAC3B,KAAK,MAAM,EAAE,OAAO,MAAM,CAAC;YAC3B,KAAK,QAAQ,EAAE,OAAO,QAAQ,CAAC;YAC/B,KAAK,OAAO,EAAE,OAAO,OAAO,CAAC;YAC7B,KAAK,QAAQ,EAAE,OAAO,QAAQ,CAAC;SAChC;KACF;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAC5C,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;SACrD;KACF;IAGD,MAAM,mBAAmB,CAAC,KAAa;;QAErC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;;KAEpC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QAEvE,QACE,4DAAK,KAAK,EAAE,YAAY,IACtB,4DAAK,KAAK,EAAC,SAAS,IAClB,4DAAK,KAAK,EAAC,eAAe,IACxB,4DAAK,KAAK,EAAE,QAAQ,IAClB,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAmB,EAC1H,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAmB,CAC3J,EACN,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAC/H,IAAI,CAAC,IAAI,GAAG,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,GAAG,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1F,CACR,CACF,CACF,EACN;KACH;;;;;;;","names":[],"sources":["src/components/gb-header/gb-header.css?tag=gb-header&encapsulation=shadow","src/components/gb-header/gb-header.tsx"],"sourcesContent":[".header_div{\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; \r\n    border-bottom: 0.7px solid var(--color-border-subtle, #CDD5DF);\r\n    background: var(--color-surface, #FFFFFF);\r\n}\r\n\r\n.content{\r\n    display: flex;\r\n    height: 4.5rem;\r\n    padding: 0rem 2rem;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    align-self: stretch;\r\n}\r\n\r\n.inner_content{\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    align-items: center;\r\n    gap: var(--spacing-4);\r\n    flex: 1 0 0;\r\n}\r\n\r\n.action{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n}","import { Component, Element, Event, EventEmitter, getAssetPath, h, Method, Prop } from \"@stencil/core\";\r\nimport { AvatarColorTypes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-header',\r\n  styleUrl: 'gb-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbHeader {\r\n  @Prop() state: StateEnum;\r\n  @Prop() showIndicator: boolean = false;\r\n  @Prop() text: boolean = false;\r\n  @Prop() placeholder: boolean = false;\r\n  @Prop() color: AvatarColorTypes;\r\n  @Element() el: HTMLElement;\r\n  @Event() navBarItemClicked: EventEmitter<number>;\r\n\r\n  \r\n  applyColorToInitials() {\r\n    switch(this.color) {\r\n      case 'gray': return 'gray';\r\n      case 'blue': return 'blue';\r\n      case 'cyan': return 'cyan';\r\n      case 'pink': return 'pink';\r\n      case 'purple': return 'purple';\r\n      case 'green': return 'green';\r\n      case 'yellow': return 'yellow';\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n    if (initials) {\r\n      initials.classList.add('text-md-semi-bold');\r\n      initials.classList.add(this.applyColorToInitials());\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async onNavBarItemClicked(index: number) {\r\n    // console.log('nav-bar-item clicked');\r\n    this.navBarItemClicked.emit(index);\r\n    // console.log(index);\r\n  }\r\n\r\n  render() {\r\n    const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n    const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n\r\n    return (\r\n      <div class={`header_div`}>\r\n        <div class=\"content\">\r\n          <div class=\"inner_content\">\r\n            <div class={`action`}>\r\n              <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked(0)}></gb-header-icon>\r\n              <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked(1)}></gb-header-icon>\r\n            </div>\r\n            <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} onClick={() => this.onNavBarItemClicked(2)}>\r\n              {this.text ? <slot slot=\"initials\" name=\"initials\"></slot> : <slot name=\"image\" slot=\"image\"></slot>}\r\n            </gb-avatar>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/globuscomponents/gb-help-dropdown.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-help-dropdown.entry.esm.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,upqEAAupqE;;MCQpqqE,cAAc;;;;;IAIvB,MAAM,wBAAwB,MAAK;IAEnC,MAAM;QAEF,QACE,4DAAK,KAAK,EAAC,oBAAoB,IAC7B,4DAAK,KAAK,EAAC,YAAY,IACrB,wFAAiC,IAAI,QAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,qBAAqB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,wBAAwB,EAAE,GAAoC,CACpK,EACN,4DAAK,KAAK,EAAC,KAAK,IACd,wFAAiC,IAAI,QAAC,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,GAAmC,CAC1G,EACL,IAAI,CAAC,YAAY,KAChB,4DAAK,KAAK,EAAC,WAAW,IACpB,wFAAiC,IAAI,QAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAC,qBAAqB,GAAmC,CACnH,CACP,CACG,EACN;KACL;;;;;;","names":[],"sources":["src/components/gb-help-dropdown/gb-help-dropdown.css?tag=gb-help-dropdown&encapsulation=shadow","src/components/gb-help-dropdown/gb-help-dropdown.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.dropdown-container {\r\n    display: flex;\r\n    width: 13.3125rem;\r\n    padding: var(--spacing-half) 0;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: var(--spacing-half);\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.user_guide,\r\n.bug,\r\n.log_error{\r\n    width: 96.5%;\r\n}\r\n\r\ngb-dropdown-items-with-shortcut {\r\n    width: fit-content;\r\n    max-width: 100%;\r\n}\r\n\r\ngb-dropdown-items-with-shortcut.shortcut-container {\r\n    width: 205px;\r\n}","import {Component, Method, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'gb-help-dropdown',\r\n    styleUrl: 'gb-help-dropdown.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbHelpDropdown {\r\n    @Prop() showLogError: boolean;\r\n\r\n    @Method()\r\n    async downloadUserGuideClicked() {}\r\n\r\n    render(){\r\n\r\n        return (\r\n          <div class=\"dropdown-container\">\r\n            <div class=\"user_guide\">\r\n              <gb-dropdown-items-with-shortcut icon iconSrc=\"book_open\" label=\"Download user guide\" onClick={() => this.downloadUserGuideClicked()}></gb-dropdown-items-with-shortcut>\r\n            </div>\r\n            <div class=\"bug\">\r\n              <gb-dropdown-items-with-shortcut icon iconSrc=\"bug_02\" label=\"Report a bug\"></gb-dropdown-items-with-shortcut>\r\n            </div>\r\n            {this.showLogError && (\r\n              <div class=\"log_error\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"alert_02\" label=\"Log a profile error\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}

package/dist/globuscomponents/gb-help-tooltip.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-help-tooltip.entry.esm.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,iqpEAAiqpE;;MCO7qpE,aAAa;;;+BACY,KAAK;yBACZ,KAAK;kCACI,KAAK;;IAG3C,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAE7E,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;SACjD;QAED,IAAI,kBAAkB,EAAE;YACtB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;SACrD;KACF;IAED,MAAM;QACJ,QACE,kBACE,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EACjD,YAAY,EAAE,OAAO,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,IAElD,6DACE,CAAC,EAAC,4ZAA4Z,EAC9Z,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,EACL,IAAI,CAAC,eAAe,KACnB,iFAAwB,IAAI,EAAE,KAAK,EAAC,cAAc,0BAAuB,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAC,SAAS,IAC/G,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,EACvC,6DAAM,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,iBAAiB,GAAQ,CAChD,CACd,CACA,EACH;KACH;;;;;;;","names":[],"sources":["src/components/gb-help-tooltip/gb-help-tooltip.css?tag=gb-help-tooltip&encapsulation=shadow","src/components/gb-help-tooltip/gb-help-tooltip.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n    display: flex;\r\n    position: relative;\r\n}\r\n\r\n.tooltip{\r\n    position: absolute;\r\n    top: -7rem;\r\n    right: 5.75rem;\r\n}","import { Component, Prop, h, Fragment, State, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'gb-help-tooltip',\r\n  styleUrl: 'gb-help-tooltip.css',\r\n  shadow: true,\r\n})\r\nexport class GbHelpTooltip {\r\n  @State() showHelpTooltip: boolean = false;\r\n  @Prop() showArrow: boolean = false;\r\n  @Prop() showSupportingText: boolean = false;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    if (mainTextSlot) {\r\n      mainTextSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-xs-regular');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          width=\"16\"\r\n          height=\"16\"\r\n          viewBox=\"0 0 16 16\"\r\n          fill=\"none\"\r\n          onMouseEnter={() => (this.showHelpTooltip = true)}\r\n          onMouseLeave={() => (this.showHelpTooltip = false)}\r\n        >\r\n          <path\r\n            d=\"M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z\"\r\n            stroke=\"#697586\"\r\n            stroke-width=\"1.5\"\r\n            stroke-linecap=\"round\"\r\n            stroke-linejoin=\"round\"\r\n          />\r\n        </svg>\r\n        {this.showHelpTooltip && (\r\n          <gb-tooltip show-arrow={true} arrow=\"bottom_right\" show-supporting-text={this.showSupportingText} class=\"tooltip\">\r\n            <slot name=\"label\" slot=\"label\"></slot>\r\n            <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n          </gb-tooltip>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/globuscomponents/gb-horizontal-tabs.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-horizontal-tabs.entry.esm.js","mappings":"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","names":[],"sources":["src/components/gb-horizontal-tabs/gb-horizontal-tabs.css?tag=gb-horizontal-tabs&encapsulation=shadow","src/components/gb-horizontal-tabs/gb-horizontal-tabs.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.horizontal_tab_div{\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    height: fit-content;\r\n}\r\n\r\n/* Breakpoint Styles */\r\n.horizontal_tab_div.desktop{\r\n    width: 100%;\r\n}\r\n\r\n/* Tab Type Styles */\r\n.horizontal_tab_div.underline,\r\n.horizontal_tab_div.underline_filled{\r\n    box-shadow: inset 0 -1px 0 0 var(--color-border-subtle, #CDD5DF);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n    padding: var(--spacing-1);\r\n    background: var(--color-background-gray-subtlest, #F6F8FA);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.horizontal_tab_div.button_white_border{\r\n    border-radius: var(--rounded-sm);\r\n}\r\n\r\n\r\n.horizontal_tab_div.rounded_button_white_border{\r\n    border-radius: var(--rounded-full);\r\n}\r\n\r\n/* Full Width Styles */\r\n.horizontal_tab_div.full_width{\r\n    justify-content: space-between;\r\n}\r\n\r\n.horizontal_tab_div.button_primary,\r\n.horizontal_tab_div.button_gray,\r\n.horizontal_tab_div.button_white_border,\r\n.horizontal_tab_div.rounded_button_white_border{\r\n    gap: 0.5rem;\r\n}\r\n\r\n.tab_button_base.full_width{\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-grow: 1;\r\n}","import { Component, Event, EventEmitter, Prop, h } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes, TabTypes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-horizontal-tabs',\r\n  styleUrl: 'gb-horizontal-tabs.css',\r\n  shadow: true,\r\n})\r\nexport class GbHorizontalTabs {\r\n  @Prop() type: TabTypes;\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() fullWidth: boolean = false;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() firstTabName: string = '';\r\n  @Prop() secondTabName: string = '';\r\n  @Prop() thirdTabName: string = '';\r\n  @Prop() fourthTabName: string = '';\r\n  @Prop() fifthTabName: string = '';\r\n  @Prop() sixthTabName: string = '';\r\n  @Prop() seventhTabName: string = '';\r\n  @Prop() eighthTabName: string = '';\r\n  @Prop() ninthTabName: string = '';\r\n  @Prop() tenthTabName: string = '';\r\n  @Prop() eleventhTabName: string = '';\r\n  @Prop() twelfthTabName: string = '';\r\n  @Prop() thirteenthTabName: string = '';\r\n  @Prop() fourteenthTabName: string = '';\r\n  @Prop() fifteenthTabName: string = '';\r\n  @Prop() sixteenthTabName: string = '';\r\n  @Prop() seventeenthTabName: string = '';\r\n  @Prop() eighteenthTabName: string = '';\r\n  @Prop() nineteenthTabName: string = '';\r\n  @Prop() twentiethTabName: string = '';\r\n  @Prop({ mutable: true }) activeIndex: number = 0;\r\n  @Event() tabItemClicked: EventEmitter<number>;\r\n\r\n  async handleTabClick(index: number) {\r\n    this.activeIndex = index;\r\n    localStorage.setItem('activeIndex', index.toString());\r\n    this.tabItemClicked.emit(index);\r\n  }\r\n\r\n  // componentDidLoad() {\r\n  //   this.activeIndex = 0;\r\n  // }\r\n\r\n  componentWillLoad() {\r\n    const storedIndex = localStorage.getItem('activeIndex');\r\n    if (storedIndex !== null) {\r\n      this.activeIndex = parseInt(storedIndex, 10); // Retrieve active index from localStorage\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`horizontal_tab_div ${this.type} ${this.breakpoint} ${this.fullWidth ? 'full_width' : ''}`}>\r\n        <gb-tab-button-base\r\n          class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n          size={this.size}\r\n          full-width={this.fullWidth}\r\n          type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n          onClick={() => this.handleTabClick(0)}\r\n          current={this.activeIndex === 0}\r\n          tab-name={this.firstTabName}\r\n        ></gb-tab-button-base>\r\n        <gb-tab-button-base\r\n          class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n          size={this.size}\r\n          full-width={this.fullWidth}\r\n          type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n          onClick={() => this.handleTabClick(1)}\r\n          current={this.activeIndex === 1}\r\n          tab-name={this.secondTabName}\r\n        ></gb-tab-button-base>\r\n        {this.thirdTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(2)}\r\n            current={this.activeIndex === 2}\r\n            tab-name={this.thirdTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fourthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(3)}\r\n            current={this.activeIndex === 3}\r\n            tab-name={this.fourthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fifthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(4)}\r\n            current={this.activeIndex === 4}\r\n            tab-name={this.fifthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.sixthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(5)}\r\n            current={this.activeIndex === 5}\r\n            tab-name={this.sixthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.seventhTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(6)}\r\n            current={this.activeIndex === 6}\r\n            tab-name={this.seventhTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.eighthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(7)}\r\n            current={this.activeIndex === 7}\r\n            tab-name={this.eighthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.ninthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(8)}\r\n            current={this.activeIndex === 8}\r\n            tab-name={this.ninthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.tenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(9)}\r\n            current={this.activeIndex === 9}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.eleventhTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(10)}\r\n            current={this.activeIndex === 10}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.twelfthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(11)}\r\n            current={this.activeIndex === 11}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.thirteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(12)}\r\n            current={this.activeIndex === 12}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fourteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(13)}\r\n            current={this.activeIndex === 13}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.fifteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(14)}\r\n            current={this.activeIndex === 14}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.sixteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(15)}\r\n            current={this.activeIndex === 15}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.seventeenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(16)}\r\n            current={this.activeIndex === 16}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.eighteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(17)}\r\n            current={this.activeIndex === 17}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.nineteenthTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(18)}\r\n            current={this.activeIndex === 18}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n        {this.twentiethTabName && (\r\n          <gb-tab-button-base\r\n            class={`tab_button_base ${this.fullWidth ? 'full_width' : ''}`}\r\n            size={this.size}\r\n            full-width={this.fullWidth}\r\n            type={this.type === 'button_white_border' ? 'button_white' : this.type === 'rounded_button_white_border' ? 'rounded_button_white' : this.type}\r\n            onClick={() => this.handleTabClick(19)}\r\n            current={this.activeIndex === 19}\r\n            tab-name={this.tenthTabName}\r\n          ></gb-tab-button-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/globuscomponents/gb-input-dropdown-menu-item.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-input-dropdown-menu-item.entry.esm.js","mappings":"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","names":[],"sources":["src/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.css?tag=gb-input-dropdown-menu-item&encapsulation=shadow","src/components/gb-input-dropdown-menu-item/gb-input-dropdown-menu-item.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n.dropdown-container {\r\n    display: flex;\r\n    padding: var(--spacing-1);\r\n    align-items: center;\r\n    gap: var(--spacing-none);\r\n    border-radius: var(--rounded-none);\r\n    cursor: pointer;\r\n}\r\n\r\n.dropdown-item {\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    flex: 1 0 0;\r\n    border-radius: var(--rounded-xs);\r\n    cursor: pointer;\r\n    color: var(--color-text, #4B5565);\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-style: normal;\r\n    letter-spacing: var(--Font-Letter-spacing-T-md, 0px);\r\n}\r\n\r\n::slotted([slot='name']) {\r\n    font-size: var(--Font-Size-T-md, 16px);\r\n    font-weight: var(--Font-Weight-Medium, 500);\r\n    line-height: var(--Font-Line-height-T-md, 24px); /* 150% */\r\n}\r\n\r\n::slotted([slot=\"supporting_text\"]) {\r\n    font-size: var(--Font-Size-T-sm, 14px);\r\n    font-weight: var(--Font-Weight-Regular, 400);\r\n    line-height: var(--Font-Line-height-T-sm, 20px); /* 142.857% */\r\n}\r\n\r\n.dropdown-item:hover {\r\n    background-color: #EEF2F6;\r\n}\r\n\r\n.dropdown-item:active {\r\n    background-color: #E3E8EF;\r\n}\r\n\r\n.dropdown-item--disabled {\r\n    color: #CDD5DF;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.dropdown-item--disabled svg path {\r\n    stroke: #CDD5DF;\r\n}\r\n\r\n.dropdown-item--selected {\r\n    display: flex;\r\n    background-color: #E4F0FC;\r\n}\r\n\r\n.dropdown-item--selected:hover {\r\n    background-color: #b7d2ec;\r\n}\r\n\r\n.dropdown-item--selected:active {\r\n    background-color: #C8E0F9;\r\n}\r\n\r\n.dropdown-item--disabled.dropdown-item--selected {\r\n    background-color: #FFFFFF;\r\n    cursor: not-allowed;\r\n    color: #CDD5DF;\r\n}\r\n\r\n.dropdown-item--disabled.dropdown-item--selected svg path {\r\n    stroke: #CDD5DF;\r\n}\r\n\r\ngb-checkbox {\r\n    padding-top: 4px;\r\n}\r\n\r\n.content {\r\n    display: flex;\r\n    min-height: 2.5rem;\r\n    padding: 0 var(--spacing-2);\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    flex: 1 0 0;\r\n}\r\n\r\n.dropdown-item--selected slot {\r\n    flex-grow: 1;\r\n    margin-right: 8px;\r\n}\r\n\r\n.dropdown-item--selected svg:last-of-type {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.tick{\r\n    padding-right: var(--spacing-2);\r\n}","import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { DropdownTypes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-input-dropdown-menu-item',\r\n  styleUrl: 'gb-input-dropdown-menu-item.css',\r\n  shadow: true,\r\n})\r\nexport class GbInputDropdownMenuItem {\r\n  @Prop() type: DropdownTypes;\r\n  @Prop() supportingText: boolean = false;\r\n  @Prop({ mutable: true }) selected: boolean = false;\r\n  @Prop() state: StateEnum;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const nameSlot = this.el.querySelector('[slot=\"name\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    nameSlot.classList.add('text-md-medium');\r\n\r\n    if(supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-sm-regular');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      // <div class=\"dropdown-container\" onClick={() => (this.selected = !this.selected)}>\r\n      <div class=\"dropdown-container\">\r\n        <div\r\n          class={{\r\n            'dropdown-item': true,\r\n            'dropdown-item--selected': this.selected,\r\n            'dropdown-item--disabled': this.state === 'disabled',\r\n            [this.type]: true,\r\n          }}\r\n          role=\"option\"\r\n          aria-selected={this.selected ? 'true' : 'false'}\r\n          aria-disabled={this.state === 'disabled' ? 'true' : 'false'}\r\n        >\r\n          <div class=\"content\">\r\n            {this.type === 'icon_leading' && (\r\n              <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <path\r\n                  d=\"M5.48131 12.9013C4.30234 13.6034 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3334 6.32572 18.3334H13.6743C14.9621 18.3334 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6034 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                  stroke=\"#4B5565\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n                <path\r\n                  d=\"M13.75 5.41669C13.75 7.48776 12.0711 9.16669 10 9.16669C7.92893 9.16669 6.25 7.48776 6.25 5.41669C6.25 3.34562 7.92893 1.66669 10 1.66669C12.0711 1.66669 13.75 3.34562 13.75 5.41669Z\"\r\n                  stroke=\"#4B5565\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n              </svg>\r\n            )}\r\n            {this.type === 'avatar_leading' && (\r\n              <gb-avatar class=\"avatar-icon\" size=\"xs\" status-icon=\"false\">\r\n                <slot name=\"image\" slot=\"image\"></slot>\r\n              </gb-avatar>\r\n            )}\r\n            {this.type === 'dot_leading' && (\r\n              <svg id=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 10 10\" fill=\"none\">\r\n                <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#17B26A\" />\r\n              </svg>\r\n            )}\r\n            {this.type === 'checkbox' && <gb-checkbox class=\"checkbox\" size=\"md\" type=\"checkbox\" state={this.state} checked={this.selected}></gb-checkbox>}\r\n            <slot name=\"name\"></slot>\r\n            {this.supportingText && (\r\n              <span>\r\n                <slot name=\"supporting_text\"></slot>\r\n              </span>\r\n            )}\r\n          </div>\r\n          {this.selected && this.type !== 'checkbox' && (\r\n            <div class={`tick`}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                <path\r\n                  d=\"M4.16669 12.0834C4.16669 12.0834 5.41669 12.0834 7.08335 15C7.08335 15 11.7157 7.36115 15.8334 5.83337\"\r\n                  stroke=\"#075DB2\"\r\n                  stroke-width=\"1.66667\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </div>\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}

package/dist/globuscomponents/gb-input-dropdown.entry.js.map

@@ -1 +0,0 @@
-{"file":"gb-input-dropdown.entry.esm.js","mappings":"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","names":[],"sources":["src/components/gb-input-dropdown/gb-input-dropdown.css?tag=gb-input-dropdown&encapsulation=shadow","src/components/gb-input-dropdown/gb-input-dropdown.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n    width: 100%;\r\n    position: relative;\r\n}\r\n\r\n.input_dropdown_div{\r\n    display: flex;\r\n    align-items: center;\r\n    border-radius: 0.5rem;\r\n    gap: var(--spacing-3);\r\n    border: 1px solid var(--color-border-input, #CDD5DF);\r\n    background-color: var(--color-background-card, #FFFFFF);\r\n    padding: var(--spacing-none) var(--spacing-3);\r\n    cursor: pointer;\r\n    margin: var(--spacing-2) 0;\r\n}\r\n\r\n.input_dropdown_container.tag{\r\n    min-height: 3rem;\r\n}\r\n\r\n/* Size Styles */\r\n.input_dropdown_div.sm{\r\n    height: 2.5rem;\r\n}\r\n\r\n.input_dropdown_div.md{\r\n    height: 3rem;\r\n}\r\n\r\n.dot.sm{\r\n    width: var(--spacing-2);\r\n    height: var(--spacing-2);\r\n}\r\n\r\n.dot.md{\r\n    width: 0.625rem;\r\n    height: 0.625rem;\r\n}\r\n\r\n/* State Styles */\r\n.input_dropdown_div.focused{\r\n    border-color: var(--color-border-selected, #075DB2);\r\n}\r\n\r\n.input_dropdown_div.disabled{\r\n    background-color: var(--color-background-disabled, #F6F8FA);\r\n    pointer-events: none;\r\n    cursor: not-allowed;\r\n}\r\n\r\n.placeholder{\r\n    display: flex;\r\n    align-items: center;\r\n    gap: var(--spacing-2);\r\n    width: 100%;\r\n    white-space: nowrap;\r\n}\r\n\r\n.content{\r\n    display: flex;\r\n    gap: var(--spacing-2);\r\n}\r\n\r\n.text.tag{\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: stretch;\r\n    flex-wrap: wrap;\r\n    gap: 0.38rem;\r\n    padding: 0.4rem 0;\r\n}\r\n\r\n.added_tag{\r\n    width: fit-content;\r\n}\r\n\r\n.help_icon{\r\n    display: flex;\r\n    align-items: center;\r\n    height: fit-content;\r\n}\r\n\r\n.dropdown_icon{\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\nsvg.disabled path{\r\n    stroke: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n.dropdown_menu{\r\n    display: flex;\r\n    width: 100%;\r\n    padding: var(--spacing-none);\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    align-items: stretch;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n    position: absolute;\r\n    top: 75%;\r\n    z-index: 10;\r\n    gap: var(--spacing-none);\r\n}\r\n\r\n/* .input_dropdown_div.sm.tag{\r\n    min-height: 2.5rem;\r\n} */\r\n\r\n.input_dropdown_div.tag{\r\n    min-height: 3rem;\r\n    height: fit-content;\r\n}\r\n\r\n.input_dropdown_div.md.tag{\r\n    min-height: 2.5rem;\r\n}\r\n\r\n.input_dropdown_div.md.tag{\r\n    min-height: 3rem;\r\n}\r\n\r\n.opened{\r\n    transform: rotate(180deg);\r\n    transition: 0.2s ease-in-out;\r\n}\r\n\r\n::slotted([slot=\"tooltip_label\"]){\r\n  white-space: nowrap;\r\n  color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"tooltip_supporting_text\"]){\r\n  min-width: fit-content;\r\n  max-width: 18.5rem;\r\n  color: var(--color-text-subtle, #697586);\r\n  margin-top: 5rem;\r\n}","import { Component, Prop, h, Fragment, Element, State, getAssetPath, Event, EventEmitter } from \"@stencil/core\";\r\nimport { DropdownTypes, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-input-dropdown',\r\n  styleUrl: 'gb-input-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbInputDropdown {\r\n  @Prop() type: DropdownTypes;\r\n  @Prop({ mutable: true }) state: 'default' | 'focused' | 'disabled' | 'filled';\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() label: string = '';\r\n  @Prop() placeholder: string = '';\r\n  @Prop() showHintText: boolean;\r\n  @Prop() hintText: string = '';\r\n  @Prop() showHelpIcon: boolean;\r\n  @Prop() showLeadingIcon: boolean = false;\r\n  @Prop() iconSwap: string = '';\r\n  @Prop() text: boolean = false;\r\n  @Prop() leadingIcon: string = '';\r\n  @Prop() items: any[] = [];\r\n  @Prop() supportingText: boolean = false;\r\n  @State() leadingIconSvg: string = '';\r\n  @State() dropdownOpen: boolean = false;\r\n  @State() selectedItems: any[] = [];\r\n  // @State() unselectedItems: any[] = [];\r\n  @State() selectedItem: any;\r\n  @State() isSelected: boolean = false;\r\n  @Element() el: HTMLElement;\r\n  @Event() value: EventEmitter<any>;\r\n\r\n  dropdownRef!: HTMLElement;\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleOutsideClick);\r\n  }\r\n\r\n  handleOutsideClick = (event: MouseEvent) => {\r\n    if (this.type === 'tags' && this.dropdownOpen && !this.dropdownRef.contains(event.target as Node)) {\r\n      this.dropdownOpen = false; // Close the dropdown\r\n    }\r\n  };\r\n\r\n  toggleDropdown() {\r\n    if(this.state !== 'disabled'){\r\n      this.dropdownOpen = !this.dropdownOpen;\r\n    }\r\n  }\r\n\r\n  isItemSelected(selectedItem) {\r\n    const found = this.selectedItems.find(item => item.name === selectedItem.name);\r\n    return found !== undefined;\r\n  }\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n    this.leadingIconSvg = svg;\r\n  }\r\n\r\n  getAvatarSize() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'xs';\r\n      case 'md':\r\n        return 'xs';\r\n    }\r\n  }\r\n\r\n  sortDropdownItems(menuItems: any[]): any[] {\r\n    return menuItems.sort((a, b) => {\r\n      if (a.selected && !b.selected) {\r\n        return -1; // Move selected items up\r\n      } else if (!a.selected && b.selected) {\r\n        return 1; // Keep unselected items down\r\n      }\r\n      return 0; // Keep order if both are selected or unselected\r\n    });\r\n  }\r\n\r\n  handleItemSelect(item) {\r\n    // item.selected = !item.selected;\r\n\r\n    if (this.type === 'tags') {\r\n      const itemExists = this.selectedItems.some(i => i.name === item.name);\r\n\r\n      if (itemExists) {\r\n        this.selectedItems = this.selectedItems.filter(i => i.name !== item.name);\r\n      } else {\r\n        this.selectedItem = item;\r\n        this.selectedItems.push(this.selectedItem);\r\n        this.value.emit(this.selectedItems);\r\n      }\r\n\r\n      // Update the state based on whether there are selected items\r\n      this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n    } else {\r\n      // For other types, allow only one selection\r\n      this.selectedItems = [item]; // Replace with the new item\r\n      this.selectedItem = item; // Store the selected item\r\n      this.state = 'filled'; // Update state to 'filled'\r\n      this.dropdownOpen = false; // Close the dropdown\r\n      this.value.emit(this.selectedItem);\r\n    }\r\n  }\r\n\r\n  handleTagRemove(item) {\r\n    // Remove the item from selectedItems array\r\n    this.selectedItems = this.selectedItems.filter(i => i !== item);\r\n\r\n    // For non-tags type, set selectedItem to null if that item is removed\r\n    if (this.type !== 'tags' && this.selectedItem === item) {\r\n      this.selectedItem = null;\r\n    }\r\n\r\n    // Update state based on whether there are selected items\r\n    this.state = this.selectedItems.length > 0 ? 'filled' : 'default';\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.leadingIcon);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    if(this.type !== 'tags'){\r\n      document.addEventListener('click', this.handleOutsideClick);\r\n    }\r\n\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    const mainTextSlot = this.el.querySelector('[slot=\"tooltip_label\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"tooltip_supporting_text\"]');\r\n\r\n    slottedInitials.classList.add('text-xxs-semi-bold');\r\n\r\n    if (mainTextSlot) {\r\n      mainTextSlot.classList.add('text-xs-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-xs-regular');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const items = [\r\n      {\r\n        name: 'Emmanuel Kadiri',\r\n        username: 'kadiri2047',\r\n      },\r\n      {\r\n        name: 'Gideon Ogunkola',\r\n        username: 'gideon',\r\n      },\r\n      {\r\n        name: 'Precious Okon',\r\n        username: 'presh',\r\n      },\r\n      {\r\n        name: 'Efe Dakara',\r\n        username: 'efe',\r\n      },\r\n    ];\r\n\r\n    return [\r\n      <div class={`input_dropdown_container ${this.type === 'tags' ? 'tag' : ''}`} onClick={() => this.toggleDropdown()}>\r\n        {this.showLabel && (\r\n          <p class=\"text-sm-regular\" style={{ color: '#4B5565' }}>\r\n            {this.label}\r\n          </p>\r\n        )}\r\n        <div class={`input_dropdown_div ${this.size} ${this.state} ${this.type === 'tags' ? 'tag' : ''}`}>\r\n          {this.type === 'icon_leading' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n              <path\r\n                d=\"M5.48131 12.9013C4.30234 13.6033 1.21114 15.0368 3.09388 16.8305C4.01359 17.7067 5.03791 18.3333 6.32572 18.3333H13.6743C14.9621 18.3333 15.9864 17.7067 16.9061 16.8305C18.7889 15.0368 15.6977 13.6033 14.5187 12.9013C11.754 11.2551 8.24599 11.2551 5.48131 12.9013Z\"\r\n                stroke=\"#697586\"\r\n                stroke-width=\"1.66667\"\r\n              />\r\n              <path\r\n                d=\"M13.75 5.41667C13.75 7.48774 12.0711 9.16667 10 9.16667C7.92893 9.16667 6.25 7.48774 6.25 5.41667C6.25 3.3456 7.92893 1.66667 10 1.66667C12.0711 1.66667 13.75 3.3456 13.75 5.41667Z\"\r\n                stroke=\"#697586\"\r\n                stroke-width=\"1.66667\"\r\n              />\r\n            </svg>\r\n          )}\r\n          {this.type === 'avatar_leading' && (\r\n            <gb-avatar size=\"xs\" text={this.text} color=\"blue\">\r\n              {!this.text ? <slot slot=\"image\" name=\"image\"></slot> : <slot slot=\"initials\" name=\"initials\"></slot>}\r\n            </gb-avatar>\r\n          )}\r\n          {this.showLeadingIcon && <>{this.type === 'search' || this.type === 'tags' ? <div class={`icon`} innerHTML={this.leadingIconSvg}></div> : null}</>}\r\n          {this.type === 'dot_leading' && (\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" class={`dot ${this.size}`}>\r\n              <circle cx=\"5\" cy=\"5\" r=\"4\" fill=\"#079455\" />\r\n            </svg>\r\n          )}\r\n          <div class=\"placeholder\">\r\n            <>\r\n              {this.state === 'default' && (\r\n                <>\r\n                  {this.placeholder && (\r\n                    <p class=\"text-md-regular\" style={{ color: '#CDD5DF' }}>\r\n                      {this.placeholder}\r\n                    </p>\r\n                  )}\r\n                </>\r\n              )}\r\n              {this.state === 'filled' && (\r\n                <>\r\n                  <div class={`content`}>\r\n                    <div class={`text text-md-regular ${this.type === 'tags' ? 'tag' : ''}`} style={{ color: '#4B5565' }}>\r\n                      {this.type === 'tags'\r\n                        ? this.selectedItems.map((item, index) => (\r\n                            <div class=\"added_tag\">\r\n                              <gb-tag size=\"sm\" icon=\"avatar\" action=\"X_close\" key={index} onClick={() => this.handleTagRemove(item)}>\r\n                                <p class=\"text-xs-medium\">{item.name.split(' ')[0]}</p>\r\n                                <h1 slot=\"initials\" class=\"text-xxs-semi-bold\">\r\n                                  {item.name.split(' ').map(part => part.charAt(0).toUpperCase())}\r\n                                </h1>\r\n                              </gb-tag>\r\n                            </div>\r\n                          ))\r\n                        : this.selectedItem.name}\r\n                    </div>\r\n                    {this.supportingText && (\r\n                      <div class=\"supporting_text text-sm-regular\" style={{ color: '#697586' }}>\r\n                        {this.type === 'tags'\r\n                          ? this.selectedItems.map(item => item.username).join(', ') // For multiple selections\r\n                          : this.selectedItem.username}\r\n                      </div>\r\n                    )}\r\n                  </div>\r\n                </>\r\n              )}\r\n            </>\r\n          </div>\r\n          {this.showHelpIcon && (\r\n            <div class={`help_icon`}>\r\n              <gb-help-tooltip show-supporting-text={true}>\r\n                <slot name=\"tooltip_label\" slot=\"label\"></slot>\r\n                <slot name=\"tooltip_supporting_text\" slot=\"supporting_text\"></slot>\r\n              </gb-help-tooltip>\r\n            </div>\r\n          )}\r\n          {this.type !== 'search' && (\r\n            <div class={`dropdown_icon ${this.dropdownOpen ? 'opened' : ''}`}>\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`${this.state}`}>\r\n                <path\r\n                  d=\"M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5\"\r\n                  stroke=\"#697586\"\r\n                  stroke-width=\"1.66667\"\r\n                  stroke-linecap=\"round\"\r\n                  stroke-linejoin=\"round\"\r\n                />\r\n              </svg>\r\n            </div>\r\n          )}\r\n        </div>\r\n        {this.showHintText && (\r\n          <p class=\"text-sm-regular\" style={{ color: '#697586' }}>\r\n            {this.hintText}\r\n          </p>\r\n        )}\r\n      </div>,\r\n      <>\r\n        {this.dropdownOpen && (\r\n          <div class=\"dropdown_menu\" ref={el => (this.dropdownRef = el)}>\r\n            {items.map(item => (\r\n              <gb-input-dropdown-menu-item\r\n                type={this.type === 'search' ? 'checkbox' : this.type === 'tags' ? 'checkbox' : this.type}\r\n                state={StateEnum.Default}\r\n                supporting-text={this.supportingText}\r\n                selected={this.isItemSelected(item)}\r\n                onClick={() => this.handleItemSelect(item)}\r\n              >\r\n                <p slot=\"name\">{item.name}</p>\r\n                <p slot=\"supporting_text\">@{item.username}</p>\r\n              </gb-input-dropdown-menu-item>\r\n            ))}\r\n          </div>\r\n        )}\r\n      </>,\r\n    ];\r\n  }\r\n}    \r\n        "],"version":3}