globuswebcomponents 0.5.4 → 0.5.5

package/dist/globuscomponents/p-130d1778.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbAvatarLabelGroupCss","GbAvatarLabelGroupStyle0","GbAvatarLabelGroup","OnlineIndicatorStates","Online","getInitialsSize","this","size","getNameSize","getOtherTextSize","componentDidLoad","slottedInitials","el","querySelector","nameSlot","othersSlot","classList","add","render","h","key","class","statusIcon","state","text","placeholder","name","slot"],"sources":["src/components/gb-avatar-label-group/gb-avatar-label-group.css?tag=gb-avatar-label-group&encapsulation=shadow","src/components/gb-avatar-label-group/gb-avatar-label-group.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n@import './../../global/spacing.css';\r\n@import './../../global/typography.css';\r\n\r\n:host{\r\n    width: fit-content;\r\n    height: fit-content;\r\n}\r\n\r\n.label_pic{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.label{\r\n    width: fit-content;\r\n    display: flex;\r\n    padding: var(--spacing-none);\r\n    border-radius: var(--rounded-none);\r\n}\r\n\r\n/* Label Sizes */\r\n.label.sm{\r\n    gap: 0.625rem;\r\n}\r\n\r\n.label.md{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.lg{\r\n    gap: var(--spacing-3);\r\n}\r\n\r\n.label.xl{\r\n    gap: var(--spacing-4);\r\n}\r\n\r\n.label_text{\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::slotted([slot=\"name\"]){\r\n    color: #344054;\r\n}\r\n\r\n::slotted([slot=\"supporting_text\"]){\r\n    color: #697586;\r\n}","import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, OnlineIndicatorStates } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-avatar-label-group',\r\n    styleUrl: 'gb-avatar-label-group.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbAvatarLabelGroup {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() statusIcon: string = '';\r\n    @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Online;\r\n    @Prop() placeholder: boolean = false;\r\n    @Prop() text: boolean = false;\r\n    @Element() el: HTMLElement;\r\n\r\n    getInitialsSize() {\r\n        switch (this.size) {\r\n            case 'xl2': return 'display-xs-semi-bold';\r\n            case 'xl': return 'text-xl-semi-bold';\r\n            case 'lg': return 'text-lg-semi-bold';\r\n            case 'md': return 'text-md-semi-bold';\r\n            case 'sm': return 'text-sm-semi-bold';\r\n            case 'xs': return 'text-xs-semi-bold';\r\n        }\r\n    }\r\n\r\n    getNameSize() {\r\n        switch (this.size) {\r\n          case 'xl':\r\n            return 'text-lg-semi-bold';\r\n          case 'lg':\r\n            return 'text-md-semi-bold';\r\n          case 'md':\r\n            return 'text-sm-semi-bold';\r\n          case 'sm':\r\n            return 'text-sm-semi-bold';\r\n        }\r\n    }\r\n\r\n    getOtherTextSize() {\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        }\r\n    }\r\n\r\n    componentDidLoad() {\r\n        const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n        const nameSlot = this.el.querySelector('[slot=\"name\"]');\r\n        const othersSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n    \r\n        if (slottedInitials) {\r\n            slottedInitials.classList.add(this.getInitialsSize());\r\n        }\r\n\r\n        if (nameSlot) {\r\n          nameSlot.classList.add(this.getNameSize());\r\n        }\r\n    \r\n        if (othersSlot) {\r\n          othersSlot.classList.add(this.getOtherTextSize());\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <div class={`label ${this.size}`}>\r\n                <div class=\"label_pic\">\r\n                    <gb-avatar\r\n                    size={this.size}\r\n                    status-icon={this.statusIcon}\r\n                    state={this.state}\r\n                    text={this.text}\r\n                    placeholder={this.placeholder}\r\n                    >\r\n                        {!this.text ? (\r\n                            <slot name=\"image\" slot=\"image\"></slot>\r\n                        ) : (\r\n                            <slot name=\"initials\" slot=\"initials\"></slot>\r\n                        )}\r\n                    </gb-avatar>\r\n                </div>\r\n                <div class=\"label_text\">\r\n                    <slot name=\"name\"></slot>\r\n                    <slot name=\"supporting_text\"></slot>\r\n                </div>\r\n            </div>\r\n        )\r\n    }\r\n}"],"mappings":"iFAAA,MAAMA,EAAwB,g+pEAC9B,MAAAC,EAAeD,E,MCQFE,EAAkB,M,6DAEE,G,WACUC,EAAsBC,O,iBAC9B,M,UACP,K,CAGxB,eAAAC,GACI,OAAQC,KAAKC,MACT,IAAK,MAAO,MAAO,uBACnB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oBAClB,IAAK,KAAM,MAAO,oB,CAI1B,WAAAC,GACI,OAAQF,KAAKC,MACX,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oBACT,IAAK,KACH,MAAO,oB,CAIf,gBAAAE,GACI,OAAQH,KAAKC,MACT,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kBACX,IAAK,KACD,MAAO,kB,CAInB,gBAAAG,GACI,MAAMC,EAAkBL,KAAKM,GAAGC,cAAc,qBAC9C,MAAMC,EAAWR,KAAKM,GAAGC,cAAc,iBACvC,MAAME,EAAaT,KAAKM,GAAGC,cAAc,4BAEzC,GAAIF,EAAiB,CACjBA,EAAgBK,UAAUC,IAAIX,KAAKD,kB,CAGvC,GAAIS,EAAU,CACZA,EAASE,UAAUC,IAAIX,KAAKE,c,CAG9B,GAAIO,EAAY,CACdA,EAAWC,UAAUC,IAAIX,KAAKG,mB,EAIpC,MAAAS,GACI,OACIC,EAAA,OAAAC,IAAA,2CAAKC,MAAO,SAASf,KAAKC,QACtBY,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACPF,EAAA,aAAAC,IAAA,2CACAb,KAAMD,KAAKC,KAAI,cACFD,KAAKgB,WAClBC,MAAOjB,KAAKiB,MACZC,KAAMlB,KAAKkB,KACXC,YAAanB,KAAKmB,cAEZnB,KAAKkB,KACHL,EAAA,QAAMO,KAAK,QAAQC,KAAK,UAExBR,EAAA,QAAMO,KAAK,WAAWC,KAAK,eAIvCR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,cACPF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,SACXP,EAAA,QAAAC,IAAA,2CAAMM,KAAK,qB","ignoreList":[]}