globuswebcomponents 0.4.7 → 0.4.9

package/dist/globuscomponents/p-28e20362.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as d}from"./p-e8f2fe42.js";const t=".dot_indicator_div{border-radius:var(--rounded-full);background:var(--color-icon-disabled, #CDD5DF)}.dot_indicator_div.current{background:var(--color-icon-selected, #075DB2)}.dot_indicator_div.dot.md{width:0.5rem;height:0.5rem}.dot_indicator_div.dot.lg{width:0.625rem;height:0.625rem}.dot_indicator_div.line.md{width:2.5rem;height:0.375rem}.dot_indicator_div.line.lg{width:2.5rem;height:0.5rem}";const e=t;const r=class{constructor(d){i(this,d);this.current=false;this.type=undefined;this.size=undefined}render(){return d("div",{key:"5a6e0ea2118af8510fe530363a10bef5de6eee52",class:`dot_indicator_div \n      ${this.type} ${this.current?"current":""} \n      ${this.size}`})}};r.style=e;export{r as gb_pagination_dot_indicator};
-//# sourceMappingURL=p-28e20362.entry.js.map

package/dist/globuscomponents/p-28e20362.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbPaginationDotIndicatorCss","GbPaginationDotIndicatorStyle0","GbPaginationDotIndicator","render","h","key","class","this","type","current","size"],"sources":["src/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.css?tag=gb-pagination-dot-indicator","src/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.tsx"],"sourcesContent":[".dot_indicator_div{\r\n    border-radius: var(--rounded-full);\r\n    background: var(--color-icon-disabled, #CDD5DF);\r\n}\r\n\r\n/* Current Styles */\r\n.dot_indicator_div.current{\r\n    background: var(--color-icon-selected, #075DB2);\r\n}\r\n\r\n/* Type Styles */\r\n.dot_indicator_div.dot.md{\r\n    width: 0.5rem;\r\n    height: 0.5rem;\r\n}\r\n\r\n.dot_indicator_div.dot.lg{\r\n    width: 0.625rem;\r\n    height: 0.625rem;\r\n}\r\n\r\n.dot_indicator_div.line.md{\r\n    width: 2.5rem;\r\n    height: 0.375rem;\r\n}\r\n\r\n.dot_indicator_div.line.lg{\r\n    width: 2.5rem;\r\n    height: 0.5rem;\r\n}","import { Component, Prop, h } from \"@stencil/core\";\r\nimport { GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-pagination-dot-indicator',\r\n  styleUrl: 'gb-pagination-dot-indicator.css',\r\n})\r\nexport class GbPaginationDotIndicator {\r\n  @Prop() current: boolean = false;\r\n  @Prop() type: 'dot' | 'line';\r\n  @Prop() size: GeneralSizes;\r\n\r\n  render() {\r\n    return <div class={`dot_indicator_div \r\n      ${this.type} ${this.current ? 'current' : ''} \r\n      ${this.size}`}></div>;\r\n  }\r\n}"],"mappings":"2CAAA,MAAMA,EAA8B,6YACpC,MAAAC,EAAeD,E,MCMFE,EAAwB,M,sCACR,M,wCAI3B,MAAAC,GACE,OAAOC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,6BACfC,KAAKC,QAAQD,KAAKE,QAAU,UAAY,cACxCF,KAAKG,Q","ignoreList":[]}

package/dist/globuscomponents/p-35873c13.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbProgressBarCss","GbProgressBarStyle0","GbProgressBar","render","progressValue","Math","min","max","this","progress","h","key","class","labelPosition","style","width","Fragment","showLabel","arrow","marginLeft","toString","slot"],"sources":["src/components/gb-progress-bar/gb-progress-bar.css?tag=gb-progress-bar&encapsulation=shadow","src/components/gb-progress-bar/gb-progress-bar.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n:host{\r\n  display: block;\r\n  width: 100%;\r\n}\r\n\r\n.progress_bar_container {\r\n  background-color: transparent;\r\n  display: flex;\r\n  align-items: center;\r\n  align-items: stretch;\r\n  gap: var(--spacing-3);\r\n  width: 100%;\r\n  height: fit-content;\r\n  position: relative;\r\n}\r\n\r\n.progress_bar {\r\n  position: relative;\r\n  height: 0.4rem;\r\n  width: 100%;\r\n  background: var(--color-border-subtler, #e3e8ef);\r\n  border-radius: var(--rounded-xs);\r\n}\r\n\r\n.progress_fill {\r\n  position: absolute;\r\n  height: 100%;\r\n  width: 0%;\r\n  background: var(--color-border-selected, #075db2);\r\n  border-radius: 15px;\r\n  transition: width 0.5s ease-in-out;\r\n}\r\n\r\n.label {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n/* Label Position Styles */\r\n.progress_bar_container.right {\r\n  flex-direction: row;\r\n  gap: var(--spacing-3);\r\n}\r\n\r\n.progress_bar_container.bottom,\r\n.progress_bar_container.bottom_floating {\r\n  flex-direction: column;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.progress_bar_container.top_floating {\r\n  flex-direction: column-reverse;\r\n  gap: var(--spacing-2);\r\n}\r\n\r\n.label.bottom {\r\n  align-self: flex-end;\r\n}\r\n\r\n.label.top_floating {\r\n  align-self: flex-start;\r\n}\r\n\r\n.top_tooltip {\r\n  position: absolute;\r\n  top: -2.2rem;\r\n}\r\n\r\n.bottom_tooltip {\r\n  position: absolute;\r\n  top: 1rem;\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-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}\r\n","import { Component, Prop, h, Fragment } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-progress-bar',\r\n  styleUrl: 'gb-progress-bar.css',\r\n  shadow: true,\r\n})\r\nexport class GbProgressBar {\r\n  @Prop() progress: number;\r\n  @Prop() showLabel: boolean = false;\r\n  @Prop() labelPosition: 'right' | 'bottom' | 'top_floating' | 'bottom_floating';\r\n  @Prop() el: HTMLElement;\r\n\r\n  render() {\r\n    const progressValue = Math.min(Math.max(this.progress, 0), 100);\r\n\r\n    return (\r\n      <div class={`progress_bar_container ${this.labelPosition}`}>\r\n        <div class=\"progress_bar\">\r\n          <div class=\"progress_fill\" style={{ width: `${progressValue}%` }}></div>\r\n        </div>\r\n        <>\r\n          {this.showLabel && (\r\n            <div class={`label ${this.labelPosition}`}>\r\n              {this.labelPosition === 'right' && <span class={`text-sm-medium`}>{progressValue}%</span>}\r\n              {this.labelPosition === 'bottom' && <span class={`text-sm-medium`}>{progressValue}%</span>}\r\n              {this.labelPosition === 'top_floating' && (\r\n                <gb-tooltip class={`top_tooltip`} arrow=\"none\" style={{ marginLeft: `${(progressValue - 6.5).toString()}%` }}>\r\n                  <p slot=\"main_text\" class=\"text-xs-semi-bold\">\r\n                    {progressValue}%\r\n                  </p>\r\n                </gb-tooltip>\r\n              )}\r\n              {this.labelPosition === 'bottom_floating' && (\r\n                <gb-tooltip class={`bottom_tooltip`} arrow=\"none\" style={{ marginLeft: `${(progressValue - 59.5).toString()}%` }}>\r\n                  <p slot=\"main_text\" class=\"text-xs-semi-bold\">\r\n                    {progressValue}%\r\n                  </p>\r\n                </gb-tooltip>\r\n              )}\r\n            </div>\r\n          )}\r\n        </>\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"6CAAA,MAAMA,EAAmB,ok7CACzB,MAAAC,EAAeD,E,MCMFE,EAAa,M,gEAEK,M,+CAI7B,MAAAC,GACE,MAAMC,EAAgBC,KAAKC,IAAID,KAAKE,IAAIC,KAAKC,SAAU,GAAI,KAE3D,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,0BAA0BJ,KAAKK,iBACzCH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBAAgBE,MAAO,CAAEC,MAAO,GAAGX,SAEhDM,EAAAM,EAAA,KACGR,KAAKS,WACJP,EAAA,OAAAC,IAAA,2CAAKC,MAAO,SAASJ,KAAKK,iBACvBL,KAAKK,gBAAkB,SAAWH,EAAA,QAAAC,IAAA,2CAAMC,MAAO,kBAAmBR,EAAa,KAC/EI,KAAKK,gBAAkB,UAAYH,EAAA,QAAAC,IAAA,2CAAMC,MAAO,kBAAmBR,EAAa,KAChFI,KAAKK,gBAAkB,gBACtBH,EAAA,cAAAC,IAAA,2CAAYC,MAAO,cAAeM,MAAM,OAAOJ,MAAO,CAAEK,WAAY,IAAIf,EAAgB,KAAKgB,gBAC3FV,EAAA,KAAAC,IAAA,2CAAGU,KAAK,YAAYT,MAAM,qBACvBR,EAAa,MAInBI,KAAKK,gBAAkB,mBACtBH,EAAA,cAAAC,IAAA,2CAAYC,MAAO,iBAAkBM,MAAM,OAAOJ,MAAO,CAAEK,WAAY,IAAIf,EAAgB,MAAMgB,gBAC/FV,EAAA,KAAAC,IAAA,2CAAGU,KAAK,YAAYT,MAAM,qBACvBR,EAAa,Q","ignoreList":[]}

package/dist/globuscomponents/p-76fbbe9d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r}from"./p-e8f2fe42.js";const a=":root{--spacing-none:0rem;--spacing-half:0.125rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:2rem;--spacing-8:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--spacing-negative-half:-0.125rem;--spacing-negative-1:-0.25rem;--spacing-negative-2:-0.5rem;--spacing-negative-3:-0.75rem;--spacing-negative-4:-1rem;--spacing-negative-5:-1.25rem;--spacing-negative-6:-1.5rem;--spacing-negative-7:-2rem;--rounded-none:0rem;--rounded-xs:0.25rem;--rounded-sm:0.5rem;--rounded-md:0.75rem;--rounded-lg:1rem;--rounded-xl:1.5rem;--rounded-2xl:2rem;--rounded-full:62.438rem}#customCheckbox{visibility:hidden;width:0;height:0;margin:0}label.default{position:relative;display:inline-block;background-color:#E3E8EF;border-radius:0.75rem;transition:0.3s linear;cursor:pointer}label.sm{width:2.25rem;height:var(--spacing-5)}label.md{width:2.75rem;height:var(--spacing-6)}label::after{content:'';position:absolute;left:0.125rem;top:0.125rem;border-radius:15px;background-color:#FFFFFF;transition:left 0.3s ease-out;filter:drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10))}label.sm::after{width:var(--spacing-4);height:var(--spacing-4)}label.md::after{width:var(--spacing-5);height:var(--spacing-5)}label.disabled{background-color:#F6F8FA;pointer-events:none}label.disabled::after{background-color:#CDD5DF}#customCheckbox:checked~label{background-color:#075DB2}#customCheckbox:checked~label:hover{background-color:#064E94}#customCheckbox:checked~label.sm::after{left:18px}#customCheckbox:checked~label.md::after{left:22px}";const n=a;const i=class{constructor(r){e(this,r);this.size=undefined;this.state=undefined}render(){return[r("input",{key:"d6a9785cb9fe9bd37ebbff52d7fef068d11e0171",type:"checkbox",id:"customCheckbox"}),r("label",{key:"f2c833346a8b876a494ced461db2c93dbc879639",class:`${this.size} ${this.state}`,htmlFor:"customCheckbox"})]}};i.style=n;export{i as gb_toggle_base};
-//# sourceMappingURL=p-76fbbe9d.entry.js.map

package/dist/globuscomponents/p-76fbbe9d.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbToggleBaseCss","GbToggleBaseStyle0","GbToggleBase","render","h","key","type","id","class","this","size","state","htmlFor"],"sources":["src/components/gb-toggle-base/gb-toggle-base.css?tag=gb-toggle-base&encapsulation=shadow","src/components/gb-toggle-base/gb-toggle-base.tsx"],"sourcesContent":["@import './../../global/spacing.css';\r\n\r\n#customCheckbox{\r\n    visibility: hidden;\r\n    width: 0;\r\n    height: 0;\r\n    margin: 0;\r\n}\r\n\r\nlabel.default{\r\n    position: relative;\r\n    display: inline-block;\r\n    background-color: #E3E8EF;\r\n    border-radius: 0.75rem;\r\n    transition: 0.3s linear;\r\n    cursor: pointer;\r\n}\r\n\r\nlabel.sm{\r\n    width: 2.25rem;\r\n    height: var(--spacing-5);\r\n}\r\n\r\nlabel.md{\r\n    width: 2.75rem;\r\n    height: var(--spacing-6);\r\n}\r\n\r\nlabel::after{\r\n    content: '';\r\n    position: absolute;\r\n    left: 0.125rem;\r\n    top: 0.125rem;\r\n    border-radius: 15px;\r\n    background-color: #FFFFFF;\r\n    transition: left 0.3s ease-out;\r\n    filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));\r\n}\r\n\r\n/* Sizes */\r\nlabel.sm::after{\r\n    width: var(--spacing-4);\r\n    height: var(--spacing-4);\r\n}\r\n\r\nlabel.md::after{\r\n    width: var(--spacing-5);\r\n    height: var(--spacing-5);\r\n}\r\n\r\n/* States */\r\nlabel.disabled{\r\n    background-color: #F6F8FA;\r\n    pointer-events: none;\r\n}\r\n\r\nlabel.disabled::after{\r\n    background-color: #CDD5DF;\r\n}\r\n\r\n/* Here comes the magic */\r\n#customCheckbox:checked ~ label{\r\n    background-color: #075DB2;\r\n}\r\n\r\n#customCheckbox:checked ~ label:hover{\r\n    background-color: #064E94;\r\n}\r\n\r\n#customCheckbox:checked ~ label.sm::after{\r\n    left: 18px;\r\n}\r\n\r\n#customCheckbox:checked ~ label.md::after{\r\n    left: 22px;\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-toggle-base',\r\n    styleUrl: 'gb-toggle-base.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbToggleBase {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() state: StateEnum;\r\n\r\n    render() {\r\n        return [\r\n            <input type=\"checkbox\" id=\"customCheckbox\"/>,\r\n            <label class={`${this.size} ${this.state}`} htmlFor=\"customCheckbox\"></label>\r\n        ]\r\n    }\r\n}"],"mappings":"2CAAA,MAAMA,EAAkB,6tDACxB,MAAAC,EAAeD,E,MCQFE,EAAY,M,kEAIrB,MAAAC,GACI,MAAO,CACHC,EAAA,SAAAC,IAAA,2CAAOC,KAAK,WAAWC,GAAG,mBAC1BH,EAAA,SAAAC,IAAA,2CAAOG,MAAO,GAAGC,KAAKC,QAAQD,KAAKE,QAASC,QAAQ,mB","ignoreList":[]}

package/dist/globuscomponents/p-e31e5605.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbPaginationNumberBaseCss","GbPaginationNumberBaseStyle0","GbPaginationNumberBase","componentDidLoad","slottedContent","this","el","querySelector","classList","add","render","h","key","class","shape","name"],"sources":["src/components/gb-pagination-number-base/gb-pagination-number-base.css?tag=gb-pagination-number-base&encapsulation=shadow","src/components/gb-pagination-number-base/gb-pagination-number-base.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n\r\n.page_number_base{\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 2.5rem;\r\n    height: 2.5rem;\r\n    cursor: pointer;\r\n}\r\n\r\n/* Shape Styles */\r\n.page_number_base.square{\r\n    border-radius: var(--rounded-sm);\r\n}\r\n\r\n.page_number_base.circle{\r\n    border-radius: 1.25rem;\r\n}\r\n\r\n/* State Styles */\r\n.page_number_base:hover{\r\n    background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.page_number_base:active{\r\n    background-color: var(--color-background-information-subtle, #9AC7F4);\r\n}","import { Component, Element, Prop, h } from \"@stencil/core\";\r\nimport { PaginationNumberShapes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-pagination-number-base',\r\n    styleUrl: 'gb-pagination-number-base.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbPaginationNumberBase {\r\n    @Prop() shape: PaginationNumberShapes;\r\n    @Element() el: HTMLElement;\r\n\r\n    componentDidLoad() {\r\n        const slottedContent = this.el.querySelector('[slot=\"page_number\"]');\r\n\r\n        if(slottedContent) {\r\n            slottedContent.classList.add('text-sm-medium');\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`page_number_base ${this.shape}`}>\r\n                <slot name=\"page_number\"></slot>\r\n            </div>\r\n        )\r\n    }\r\n}"],"mappings":"6CAAA,MAAMA,EAA4B,4p3CAClC,MAAAC,EAAeD,E,MCQFE,EAAsB,M,8CAI/B,gBAAAC,GACI,MAAMC,EAAiBC,KAAKC,GAAGC,cAAc,wBAE7C,GAAGH,EAAgB,CACfA,EAAeI,UAAUC,IAAI,iB,EAIrC,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,oBAAoBR,KAAKS,SACjCH,EAAA,QAAAC,IAAA,2CAAMG,KAAK,gB","ignoreList":[]}