globuswebcomponents 0.4.7 → 0.4.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{gb-avatar_35.cjs.entry.js → gb-avatar_28.cjs.entry.js} +4 -156
- package/dist/cjs/gb-avatar_28.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-button-close_2.cjs.entry.js +43 -0
- package/dist/cjs/gb-button-close_2.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-tag-checkbox_3.cjs.entry.js +55 -0
- package/dist/cjs/gb-tag-checkbox_3.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-tag.cjs.entry.js +28 -0
- package/dist/cjs/gb-tag.cjs.entry.js.map +1 -0
- package/dist/cjs/{gb-progress-bar.cjs.entry.js → gb-toast-button.cjs.entry.js} +14 -12
- package/dist/cjs/gb-toast-button.cjs.entry.js.map +1 -0
- package/dist/cjs/gb-toast.cjs.entry.js +57 -0
- package/dist/cjs/gb-toast.cjs.entry.js.map +1 -0
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.css +5 -5
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js +3 -4
- package/dist/collection/components/gb-avatar-group/gb-avatar-group.js.map +1 -1
- package/dist/collection/components/gb-button/readme.md +2 -0
- package/dist/components/gb-avatar-group.js +3 -3
- package/dist/components/gb-avatar-group.js.map +1 -1
- package/dist/esm/{gb-avatar_35.entry.js → gb-avatar_28.entry.js} +5 -150
- package/dist/esm/gb-avatar_28.entry.js.map +1 -0
- package/dist/esm/gb-button-close_2.entry.js +38 -0
- package/dist/esm/gb-button-close_2.entry.js.map +1 -0
- package/dist/esm/gb-tag-checkbox_3.entry.js +49 -0
- package/dist/esm/gb-tag-checkbox_3.entry.js.map +1 -0
- package/dist/esm/gb-tag.entry.js +24 -0
- package/dist/esm/gb-tag.entry.js.map +1 -0
- package/dist/esm/{gb-progress-bar.entry.js → gb-toast-button.entry.js} +15 -13
- package/dist/esm/gb-toast-button.entry.js.map +1 -0
- package/dist/esm/gb-toast.entry.js +53 -0
- package/dist/esm/gb-toast.entry.js.map +1 -0
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/p-08a4f9a7.entry.js +2 -0
- package/dist/globuscomponents/p-08a4f9a7.entry.js.map +1 -0
- package/dist/globuscomponents/p-3f77703d.entry.js +2 -0
- package/dist/globuscomponents/p-3f77703d.entry.js.map +1 -0
- package/dist/globuscomponents/{p-35873c13.entry.js → p-5831017c.entry.js} +2 -2
- package/dist/globuscomponents/p-5831017c.entry.js.map +1 -0
- package/dist/globuscomponents/p-6583ffc9.entry.js +2 -0
- package/dist/globuscomponents/p-6583ffc9.entry.js.map +1 -0
- package/dist/globuscomponents/p-bd2d9236.entry.js +2 -0
- package/dist/globuscomponents/p-bd2d9236.entry.js.map +1 -0
- package/dist/globuscomponents/p-d8c473cb.entry.js +2 -0
- package/dist/globuscomponents/p-d8c473cb.entry.js.map +1 -0
- package/dist/globuscomponents/readme.md +2 -0
- package/package.json +1 -2
- package/dist/cjs/gb-avatar_35.cjs.entry.js.map +0 -1
- package/dist/cjs/gb-progress-bar.cjs.entry.js.map +0 -1
- package/dist/esm/gb-avatar_35.entry.js.map +0 -1
- package/dist/esm/gb-progress-bar.entry.js.map +0 -1
- package/dist/globuscomponents/p-266e67ff.entry.js +0 -2
- package/dist/globuscomponents/p-266e67ff.entry.js.map +0 -1
- package/dist/globuscomponents/p-35873c13.entry.js.map +0 -1
|
@@ -27,6 +27,7 @@
|
|
|
27
27
|
- [gb-checkbox-group-item](../gb-checkbox-group-item)
|
|
28
28
|
- [gb-file-upload-item-base](../gb-file-upload-item-base)
|
|
29
29
|
- [gb-input-field](../gb-input-field)
|
|
30
|
+
- [gb-notification-pane](../gb-notification-pane)
|
|
30
31
|
- [gb-pagination](../gb-pagination)
|
|
31
32
|
- [gb-password-button](../gb-password-button)
|
|
32
33
|
- [gb-toast](../gb-toast)
|
|
@@ -37,6 +38,7 @@ graph TD;
|
|
|
37
38
|
gb-checkbox-group-item --> gb-button
|
|
38
39
|
gb-file-upload-item-base --> gb-button
|
|
39
40
|
gb-input-field --> gb-button
|
|
41
|
+
gb-notification-pane --> gb-button
|
|
40
42
|
gb-pagination --> gb-button
|
|
41
43
|
gb-password-button --> gb-button
|
|
42
44
|
gb-toast --> gb-button
|
|
@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './p-5fbe4056.js';
|
|
|
6
6
|
import { d as defineCustomElement$3 } from './p-fbcd8aaf.js';
|
|
7
7
|
import { d as defineCustomElement$2 } from './p-123cdd06.js';
|
|
8
8
|
|
|
9
|
-
const gbAvatarGroupCss = ":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}.avatar_group{display:flex;justify-content:space-between;align-items:center;width:fit-content}.avatar_group.xs{width:18.5rem}.avatar_group.sm{width:21rem}.avatar_group.md{width:22rem}.avatar{width:fit-content;border-radius:var(--rounded-full);position:relative}.avatar.xs{padding:1.55px;background-color:#FFFFFF}.avatar.sm{padding:1px;background-color:#FFFFFF}.avatar.
|
|
9
|
+
const gbAvatarGroupCss = ":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}.avatar_group{display:flex;justify-content:space-between;align-items:center;width:fit-content}.avatar_group.xs{width:18.5rem}.avatar_group.sm{width:21rem}.avatar_group.md{width:22rem}.avatar{width:fit-content;border-radius:var(--rounded-full);position:relative}.avatar.xs{padding:1.55px;background-color:#FFFFFF}.avatar.sm{padding:1px;background-color:#FFFFFF}.avatar.xs:not(:first-child){margin-left:-0.5rem}.avatar.sm:not(:first-child),.avatar.md:not(:first-child){margin-left:-1.01rem}::slotted(p){color:#4B5565}.image{width:100%;height:100%;background-size:cover;border-radius:var(--rounded-full)}";
|
|
10
10
|
const GbAvatarGroupStyle0 = gbAvatarGroupCss;
|
|
11
11
|
|
|
12
12
|
const GbAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class GbAvatarGroup extends H {
|
|
@@ -19,7 +19,7 @@ const GbAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class GbAvatarGroup ext
|
|
|
19
19
|
this.addMoreButton = undefined;
|
|
20
20
|
this.text = true;
|
|
21
21
|
this.state = StateEnum.Default;
|
|
22
|
-
this.images =
|
|
22
|
+
this.images = undefined;
|
|
23
23
|
}
|
|
24
24
|
getNumberSize() {
|
|
25
25
|
switch (this.size) {
|
|
@@ -49,7 +49,7 @@ const GbAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class GbAvatarGroup ext
|
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
51
|
console.log(this.images);
|
|
52
|
-
return (h("div", { key: '
|
|
52
|
+
return (h("div", { key: 'e0d714607c3ec4f10648cdbd230c82847cc37c7c', class: `avatar_group ${this.size}` }, this.images.map((image, index) => (h("div", { class: `avatar ${this.size}`, key: index }, h("gb-avatar", { size: this.size, weight: this.setWeight() }, h("img", { src: image, alt: "", slot: "image" }))))), this.moreUsers && (h("div", { key: 'e3c563c2896d4541bf7946cb39a53e8444b54cf6', class: `avatar ${this.size}` }, h("gb-avatar", { key: '567cbe59ab61dc8c07dd455382579155d3ae349a', text: this.text, size: this.size, weight: this.setWeight() }, h("slot", { key: 'a7eac9ec25435a88ea2c1d94b2c0a4e57a2965af', name: "initials", slot: "initials" })))), this.addMoreButton && h("gb-avatar-add-button", { key: '82f47e21dd506e604e2e9543e0ffebcba9629ca9', state: this.state, size: this.size })));
|
|
53
53
|
}
|
|
54
54
|
get el() { return this; }
|
|
55
55
|
static get style() { return GbAvatarGroupStyle0; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"gb-avatar-group.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,
|
|
1
|
+
{"file":"gb-avatar-group.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,01CAA01C,CAAC;AACp3C,4BAAe,gBAAgB;;MCOlBA,eAAa;;;;;;;;oBAIA,IAAI;qBACD,SAAS,CAAC,OAAO;;;IAI5C,aAAa;QACX,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;SAC9B;KACF;IAED,SAAS;QACP,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,OAAO,CAAC;YAC/B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;SAC9B;KACF;IAED,gBAAgB;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAEjD,IAAI,aAAa,EAAE;YACjB,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;SACnD;KACF;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACzB,QACE,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,EAAE,IACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MAC5B,WAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,IAC3C,iBAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,IAClD,WAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,OAAO,GAAG,CAC7B,CACR,CACP,CAAC,EACD,IAAI,CAAC,SAAS,KACb,4DAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE,IAC/B,kEAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,IACnE,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACR,CACP,EACA,IAAI,CAAC,aAAa,IAAI,6EAAsB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAyB,CACpG,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["GbAvatarGroup"],"sources":["src/components/gb-avatar-group/gb-avatar-group.css?tag=gb-avatar-group&encapsulation=shadow","src/components/gb-avatar-group/gb-avatar-group.tsx"],"sourcesContent":["@import './../../global/spacing.css';\r\n\r\n.avatar_group{\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: fit-content;\r\n}\r\n\r\n.avatar_group.xs{\r\n width: 18.5rem;\r\n}\r\n\r\n.avatar_group.sm{\r\n width: 21rem;\r\n}\r\n\r\n.avatar_group.md{\r\n width: 22rem;\r\n}\r\n\r\n.avatar{\r\n width: fit-content;\r\n border-radius: var(--rounded-full);\r\n position: relative;\r\n}\r\n\r\n.avatar.xs{\r\n padding: 1.55px;\r\n background-color: #FFFFFF;\r\n}\r\n\r\n.avatar.sm{\r\n padding: 1px;\r\n background-color: #FFFFFF;\r\n}\r\n\r\n/* .avatar.md{\r\n padding: 1.5px;\r\n background-color: #FFFFFF;\r\n} */\r\n\r\n.avatar.xs:not(:first-child){\r\n margin-left: -0.5rem;\r\n}\r\n\r\n.avatar.sm:not(:first-child), .avatar.md:not(:first-child){\r\n margin-left: -1.01rem;\r\n}\r\n\r\n::slotted(p){\r\n color: #4B5565;\r\n}\r\n\r\n.image{\r\n width: 100%;\r\n height: 100%;\r\n background-size: cover;\r\n border-radius: var(--rounded-full);\r\n}","import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-avatar-group',\r\n styleUrl: 'gb-avatar-group.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarGroup {\r\n @Prop() size: GeneralSizes;\r\n @Prop() moreUsers: boolean;\r\n @Prop() addMoreButton: boolean;\r\n @Prop() text: boolean = true;\r\n @Prop() state: StateEnum = StateEnum.Default;\r\n @Prop() images: string[];\r\n @Element() el: HTMLElement;\r\n\r\n getNumberSize() {\r\n switch (this.size) {\r\n case 'xs':\r\n return 'text-xs-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n case 'md':\r\n return 'text-md-semi-bold';\r\n }\r\n }\r\n\r\n setWeight() {\r\n switch (this.size) {\r\n case 'md':\r\n return BorderWeights.Regular;\r\n case 'sm':\r\n return BorderWeights.Light;\r\n case 'xs':\r\n return BorderWeights.Light;\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedNumber = this.el.querySelector('p');\r\n\r\n if (slottedNumber) {\r\n slottedNumber.classList.add(this.getNumberSize());\r\n }\r\n }\r\n\r\n render() {\r\n console.log(this.images);\r\n return (\r\n <div class={`avatar_group ${this.size}`}>\r\n {this.images.map((image, index) => (\r\n <div class={`avatar ${this.size}`} key={index}>\r\n <gb-avatar size={this.size} weight={this.setWeight()}>\r\n <img src={image} alt=\"\" slot=\"image\" />\r\n </gb-avatar>\r\n </div>\r\n ))}\r\n {this.moreUsers && (\r\n <div class={`avatar ${this.size}`}>\r\n <gb-avatar text={this.text} size={this.size} weight={this.setWeight()}>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n </gb-avatar>\r\n </div>\r\n )}\r\n {this.addMoreButton && <gb-avatar-add-button state={this.state} size={this.size}></gb-avatar-add-button>}\r\n </div>\r\n );\r\n }\r\n}"],"version":3}
|