npm - globuswebcomponents - Versions diffs - 0.7.2 → 0.7.4 - Mend

globuswebcomponents 0.7.2 → 0.7.4

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.

Files changed (394) hide show

package/dist/collection/assets/filter-horizontal.svg ADDED Viewed

@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="filter-horizontal">
+<g id="Accent" opacity="0.4">
+<path d="M5 5.83337C5 5.0568 5 4.66852 5.12687 4.36223C5.29602 3.95385 5.62048 3.6294 6.02886 3.46024C6.33515 3.33337 6.72343 3.33337 7.5 3.33337C8.27657 3.33337 8.66485 3.33337 8.97114 3.46024C9.37952 3.6294 9.70398 3.95385 9.87313 4.36223C10 4.66852 10 5.0568 10 5.83337C10 6.60994 10 6.99823 9.87313 7.30451C9.70398 7.71289 9.37952 8.03735 8.97114 8.20651C8.66485 8.33337 8.27657 8.33337 7.5 8.33337C6.72343 8.33337 6.33515 8.33337 6.02886 8.20651C5.62048 8.03735 5.29602 7.71289 5.12687 7.30451C5 6.99823 5 6.60994 5 5.83337Z" fill="#4B5565"/>
+<path d="M10 14.1667C10 13.3901 10 13.0019 10.1269 12.6956C10.296 12.2872 10.6205 11.9627 11.0289 11.7936C11.3351 11.6667 11.7234 11.6667 12.5 11.6667C13.2766 11.6667 13.6649 11.6667 13.9711 11.7936C14.3795 11.9627 14.704 12.2872 14.8731 12.6956C15 13.0019 15 13.3901 15 14.1667C15 14.9433 15 15.3316 14.8731 15.6378C14.704 16.0462 14.3795 16.3707 13.9711 16.5398C13.6649 16.6667 13.2766 16.6667 12.5 16.6667C11.7234 16.6667 11.3351 16.6667 11.0289 16.5398C10.6205 16.3707 10.296 16.0462 10.1269 15.6378C10 15.3316 10 14.9433 10 14.1667Z" fill="#4B5565"/>
+</g>
+<path id="Icon" d="M2.5 5.08337C2.08579 5.08337 1.75 5.41916 1.75 5.83337C1.75 6.24759 2.08579 6.58337 2.5 6.58337V5.08337ZM2.5 13.4167C2.08579 13.4167 1.75 13.7525 1.75 14.1667C1.75 14.5809 2.08579 14.9167 2.5 14.9167V13.4167ZM7.5 14.9167C7.91421 14.9167 8.25 14.5809 8.25 14.1667C8.25 13.7525 7.91421 13.4167 7.5 13.4167V14.9167ZM17.5 14.9167C17.9142 14.9167 18.25 14.5809 18.25 14.1667C18.25 13.7525 17.9142 13.4167 17.5 13.4167V14.9167ZM12.5 5.08337C12.0858 5.08337 11.75 5.41916 11.75 5.83337C11.75 6.24759 12.0858 6.58337 12.5 6.58337L12.5 5.08337ZM17.5 6.58337C17.9142 6.58337 18.25 6.24759 18.25 5.83337C18.25 5.41916 17.9142 5.08337 17.5 5.08337L17.5 6.58337ZM7.5 7.58337C7.10145 7.58337 6.8401 7.58297 6.63913 7.56926C6.44489 7.556 6.3624 7.53287 6.31587 7.5136L5.74185 8.89942C6.00161 9.00701 6.26641 9.04731 6.53702 9.06578C6.8009 9.08378 7.12198 9.08337 7.5 9.08337V7.58337ZM4.25 5.83337C4.25 6.2114 4.24959 6.53248 4.2676 6.79635C4.28606 7.06697 4.32636 7.33177 4.43396 7.59153L5.81978 7.0175C5.80051 6.97098 5.77737 6.88849 5.76412 6.69425C5.75041 6.49327 5.75 6.23192 5.75 5.83337H4.25ZM6.31587 7.5136C6.09126 7.42056 5.91281 7.24211 5.81978 7.0175L4.43396 7.59153C4.67923 8.18368 5.1497 8.65414 5.74185 8.89942L6.31587 7.5136ZM9.25 5.83337C9.25 6.23192 9.24959 6.49327 9.23588 6.69425C9.22263 6.88849 9.19949 6.97098 9.18022 7.0175L10.566 7.59153C10.6736 7.33177 10.7139 7.06697 10.7324 6.79635C10.7504 6.53248 10.75 6.2114 10.75 5.83337H9.25ZM7.5 9.08337C7.87802 9.08337 8.1991 9.08378 8.46298 9.06578C8.73359 9.04731 8.99839 9.00701 9.25815 8.89942L8.68413 7.5136C8.6376 7.53287 8.55511 7.556 8.36087 7.56926C8.15989 7.58297 7.89855 7.58337 7.5 7.58337V9.08337ZM9.18022 7.0175C9.08719 7.24211 8.90874 7.42056 8.68413 7.5136L9.25815 8.89942C9.8503 8.65414 10.3208 8.18368 10.566 7.59153L9.18022 7.0175ZM7.5 4.08337C7.89855 4.08337 8.15989 4.08378 8.36087 4.09749C8.55511 4.11075 8.6376 4.13388 8.68413 4.15315L9.25815 2.76733C8.99839 2.65974 8.73359 2.61944 8.46298 2.60097C8.1991 2.58297 7.87802 2.58337 7.5 2.58337V4.08337ZM10.75 5.83337C10.75 5.45535 10.7504 5.13427 10.7324 4.87039C10.7139 4.59978 10.6736 4.33498 10.566 4.07522L9.18022 4.64925C9.19949 4.69577 9.22263 4.77826 9.23588 4.9725C9.24959 5.17348 9.25 5.43483 9.25 5.83337H10.75ZM8.68413 4.15315C8.90874 4.24619 9.08719 4.42464 9.18022 4.64925L10.566 4.07522C10.3208 3.48307 9.8503 3.01261 9.25815 2.76733L8.68413 4.15315ZM7.5 2.58337C7.12198 2.58337 6.8009 2.58297 6.53702 2.60097C6.26641 2.61944 6.00161 2.65974 5.74185 2.76733L6.31587 4.15315C6.3624 4.13388 6.44489 4.11075 6.63913 4.09749C6.84011 4.08378 7.10145 4.08337 7.5 4.08337V2.58337ZM5.75 5.83337C5.75 5.43483 5.75041 5.17348 5.76412 4.9725C5.77737 4.77826 5.80051 4.69577 5.81978 4.64925L4.43396 4.07522C4.32636 4.33498 4.28606 4.59978 4.2676 4.87039C4.24959 5.13427 4.25 5.45535 4.25 5.83337H5.75ZM5.74185 2.76733C5.1497 3.01261 4.67923 3.48307 4.43396 4.07522L5.81978 4.64925C5.91281 4.42464 6.09126 4.24619 6.31587 4.15315L5.74185 2.76733ZM2.5 6.58337H5V5.08337H2.5V6.58337ZM2.5 14.9167H7.5V13.4167H2.5V14.9167ZM15 14.9167H17.5V13.4167H15V14.9167ZM12.5 6.58337L17.5 6.58337L17.5 5.08337L12.5 5.08337L12.5 6.58337ZM12.5 15.9167C12.1015 15.9167 11.8401 15.9163 11.6391 15.9026C11.4449 15.8893 11.3624 15.8662 11.3159 15.8469L10.7418 17.2327C11.0016 17.3403 11.2664 17.3806 11.537 17.3991C11.8009 17.4171 12.122 17.4167 12.5 17.4167V15.9167ZM9.25 14.1667C9.25 14.5447 9.24959 14.8658 9.2676 15.1297C9.28606 15.4003 9.32636 15.6651 9.43396 15.9249L10.8198 15.3508C10.8005 15.3043 10.7774 15.2218 10.7641 15.0276C10.7504 14.8266 10.75 14.5653 10.75 14.1667H9.25ZM11.3159 15.8469C11.0913 15.7539 10.9128 15.5754 10.8198 15.3508L9.43396 15.9249C9.67923 16.517 10.1497 16.9875 10.7418 17.2327L11.3159 15.8469ZM14.25 14.1667C14.25 14.5653 14.2496 14.8266 14.2359 15.0276C14.2226 15.2218 14.1995 15.3043 14.1802 15.3508L15.566 15.9249C15.6736 15.6651 15.7139 15.4003 15.7324 15.1297C15.7504 14.8658 15.75 14.5447 15.75 14.1667H14.25ZM12.5 17.4167C12.878 17.4167 13.1991 17.4171 13.463 17.3991C13.7336 17.3806 13.9984 17.3403 14.2582 17.2327L13.6841 15.8469C13.6376 15.8662 13.5551 15.8893 13.3609 15.9026C13.1599 15.9163 12.8985 15.9167 12.5 15.9167V17.4167ZM14.1802 15.3508C14.0872 15.5754 13.9087 15.7539 13.6841 15.8469L14.2582 17.2327C14.8503 16.9875 15.3208 16.517 15.566 15.9249L14.1802 15.3508ZM12.5 12.4167C12.8985 12.4167 13.1599 12.4171 13.3609 12.4308C13.5551 12.4441 13.6376 12.4672 13.6841 12.4865L14.2582 11.1007C13.9984 10.9931 13.7336 10.9528 13.463 10.9343C13.1991 10.9163 12.878 10.9167 12.5 10.9167V12.4167ZM15.75 14.1667C15.75 13.7887 15.7504 13.4676 15.7324 13.2037C15.7139 12.9331 15.6736 12.6683 15.566 12.4086L14.1802 12.9826C14.1995 13.0291 14.2226 13.1116 14.2359 13.3058C14.2496 13.5068 14.25 13.7682 14.25 14.1667H15.75ZM13.6841 12.4865C13.9087 12.5795 14.0872 12.758 14.1802 12.9826L15.566 12.4086C15.3208 11.8164 14.8503 11.3459 14.2582 11.1007L13.6841 12.4865ZM12.5 10.9167C12.122 10.9167 11.8009 10.9163 11.537 10.9343C11.2664 10.9528 11.0016 10.9931 10.7418 11.1007L11.3159 12.4865C11.3624 12.4672 11.4449 12.4441 11.6391 12.4308C11.8401 12.4171 12.1015 12.4167 12.5 12.4167V10.9167ZM10.75 14.1667C10.75 13.7682 10.7504 13.5068 10.7641 13.3058C10.7774 13.1116 10.8005 13.0291 10.8198 12.9826L9.43396 12.4086C9.32636 12.6683 9.28606 12.9331 9.2676 13.2037C9.24959 13.4676 9.25 13.7887 9.25 14.1667H10.75ZM10.7418 11.1007C10.1497 11.3459 9.67923 11.8164 9.43396 12.4086L10.8198 12.9826C10.9128 12.758 11.0913 12.5795 11.3159 12.4865L10.7418 11.1007Z" fill="#4B5565"/>
+</g>
+</svg>

package/dist/collection/assets/laptop.svg ADDED Viewed

@@ -0,0 +1,6 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="laptop">
+<path id="Accent" opacity="0.4" d="M16.6666 5.41671V12.0834H3.33325V5.41671C3.33325 3.84536 3.33325 3.05968 3.82141 2.57153C4.30956 2.08337 5.09524 2.08337 6.66659 2.08337H13.3333C14.9046 2.08337 15.6903 2.08337 16.1784 2.57153C16.6666 3.05968 16.6666 3.84536 16.6666 5.41671Z" fill="#4B5565"/>
+<path id="Icon" d="M16.6667 12.0834V5.41671C16.6667 3.84536 16.6667 3.05968 16.1786 2.57153C15.6904 2.08337 14.9048 2.08337 13.3334 2.08337H6.66675C5.0954 2.08337 4.30973 2.08337 3.82157 2.57153C3.33341 3.05968 3.33341 3.84536 3.33341 5.41671V12.0834M10.0001 4.58337H10.0076M3.34969 12.0834L2.91476 12.9296C1.71237 15.1475 1.41294 16.2565 1.86997 17.0866C2.32701 17.9167 3.53876 17.9167 5.96227 17.9167H14.0379C16.4614 17.9167 17.6732 17.9167 18.1302 17.0866C18.5872 16.2565 18.2877 15.1475 17.0853 12.9296L16.6266 12.0834H3.34969Z" stroke="#4B5565" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -22,6 +22,10 @@
     "components/gb-checkbox-group-item/gb-checkbox-group-item.js",
     "components/gb-collapse-button/gb-collapse-button.js",
     "components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js",
+    "components/gb-export-dropdown/gb-export-dropdown.js",
+    "components/gb-export-dropdown-item/gb-export-dropdown-item.js",
+    "components/gb-export-sub-dropdown/gb-export-sub-dropdown.js",
+    "components/gb-export-sub-dropdown-item/gb-export-sub-dropdown-item.js",
     "components/gb-file-type-icon/gb-file-type-icon.js",
     "components/gb-file-upload/gb-file-upload.js",
     "components/gb-file-upload-item-base/gb-file-upload-item-base.js",

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js CHANGED Viewed

@@ -10,16 +10,24 @@ export class GbAvatarDropdown {
         this.listGroupTwo = undefined;
         this.listGroupThree = undefined;
         this.color = undefined;
+        this.showBorder = false;
     }
     applyColorToInitials() {
         switch (this.color) {
-            case 'gray': return 'gray';
-            case 'blue': return 'blue';
-            case 'cyan': return 'cyan';
-            case 'pink': return 'pink';
-            case 'purple': return 'purple';
-            case 'green': return 'green';
-            case 'yellow': return 'yellow';
+            case 'gray':
+                return 'gray';
+            case 'blue':
+                return 'blue';
+            case 'cyan':
+                return 'cyan';
+            case 'pink':
+                return 'pink';
+            case 'purple':
+                return 'purple';
+            case 'green':
+                return 'green';
+            case 'yellow':
+                return 'yellow';
         }
     }
     componentDidLoad() {
@@ -33,7 +41,7 @@ export class GbAvatarDropdown {
     async logoutClicked() { }
     render() {
         if (this.type === 'simple') {
-            return (h("div", { class: "simple-dropdown" }, h("div", { class: "profile" }, h("gb-avatar-label-group", { size: "md", text: this.text, color: this.color }, h("slot", { name: "name", slot: "name" }), !this.text ? h("slot", { name: "image", slot: "image" }) : h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), h("div", { class: "menu-items" }, h("div", { class: "list" }, this.showProfile && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_profile", label: "View Profile", shortcut: true, shortcutIcon: "K + P", onClick: () => this.viewProfileClicked() })), this.showDarkTheme && h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "dark_theme", label: "Dark Theme", shortcut: true, shortcutIcon: "T" }), this.showLogOut && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "logout_button", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.logoutClicked() }))))));
+            return (h("div", { class: "simple-dropdown" }, h("div", { class: "profile" }, h("gb-avatar-label-group", { size: "md", text: true, color: this.color, "show-border": this.showBorder }, h("slot", { name: "name", slot: "name" }), h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), h("div", { class: "menu-items" }, h("div", { class: "list" }, this.showProfile && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_profile", label: "View Profile", shortcut: true, shortcutIcon: "K + P", onClick: () => this.viewProfileClicked() })), this.showDarkTheme && h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "dark_theme", label: "Dark Theme", shortcut: true, shortcutIcon: "T" }), this.showLogOut && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "logout_button", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.logoutClicked() }))))));
         }
         if (this.type === 'complex') {
             return (h("div", { class: "complex-dropdown" }, h("div", { class: "profile" }, h("gb-avatar-label-group", { size: "md", class: "label_group", text: this.text, color: this.color }, h("slot", { name: "name", slot: "name" }), !this.text ? h("slot", { name: "image", slot: "image" }) : h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), this.listGroupOne && (h("div", { class: "list-group-one" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_profile", label: "View Profile", shortcut: true, shortcutIcon: "K+P", onClick: () => this.viewProfileClicked() })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "dark_theme", label: "Dark Theme", shortcut: true, shortcutIcon: "T" })))), this.listGroupTwo && (h("div", { class: "list-group-two" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "configuration_02", label: "Configuration", shortcut: true, shortcutIcon: "S" })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_group", label: "Team", shortcut: true, shortcutIcon: "K->T" })), h("div", { class: "three" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_add", label: "Invite Members", shortcut: true, shortcutIcon: "I" })))), this.listGroupThree && (h("div", { class: "list-group-three" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "logout_button", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.logoutClicked() }))))));
@@ -212,6 +220,24 @@ export class GbAvatarDropdown {
                 },
                 "attribute": "color",
                 "reflect": false
+            },
+            "showBorder": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-border",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAQlE,MAAM,OAAO,gBAAgB;;;oBAEH,KAAK~~;;;;;;;;;IAU7B~~,oBAAoB;~~QACd~~,~~QAAO~~,IAAI,CAAC,KAAK,EAAE,CAAC;~~YAChB~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,QAAQ,~~CAAC,CAAC,~~OAAO,QAAQ,CAAC;~~YAC/B~~,KAAK,OAAO,~~CAAC,CAAC,~~OAAO,OAAO,CAAC;~~YAC7B~~,KAAK,QAAQ,~~CAAC,CAAC,~~OAAO,QAAQ,CAAC;~~QACnC~~,CAAC;~~IACL~~,CAAC;~~IAEH~~,gBAAgB;QACd,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAEnE,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YACnD,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QAC7D,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,kBAAkB,KAAI,CAAC;IAG7B,KAAK,CAAC,aAAa,KAAI,CAAC;IAExB,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC3B,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;gBAC1B,WAAK,KAAK,EAAC,SAAS;oBAClB,6BAAuB,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,~~CAAC,IAAI,~~EAAE,KAAK,EAAE,IAAI,CAAC,KAAK~~;wBACjE~~,~~YAAM~~,IAAI,~~EAAC~~,~~MAAM,EAAC,IAAI,EAAC,MAAM,GAAQ~~;~~wBACpC~~,~~CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,~~YAAM,IAAI,EAAC,~~OAAO~~,EAAC,IAAI,EAAC,~~OAAO~~,GAAQ,~~CAAC,CAAC,CAAC,~~YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ;~~wBACrG~~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","sourcesContent":["import {Component, Element, Method, Prop, h} from '@stencil/core';\r\nimport { AvatarColorTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-avatar-dropdown',\r\n styleUrl: 'gb-avatar-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n @Prop() type: 'simple' \| 'complex';\r\n @Prop() text: boolean = false;\r\n @Prop() showProfile: boolean;\r\n @Prop() showDarkTheme: boolean;\r\n @Prop() showLogOut: boolean;\r\n @Prop() listGroupOne: boolean;\r\n @Prop() listGroupTwo: boolean;\r\n @Prop() listGroupThree: boolean;\r\n @Prop() color: AvatarColorTypes;\r\n @Element() el: HTMLElement;\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 slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-md-semi-bold');\r\n slottedInitials.classList.add(this.applyColorToInitials());\r\n }\r\n }\r\n\r\n @Method()\r\n async viewProfileClicked() {}\r\n\r\n @Method()\r\n async logoutClicked() {}\r\n\r\n render() {\r\n if (this.type === 'simple') {\r\n return (\r\n <div class=\"simple-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" text={~~this.text~~} color={this.color}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n ~~{!this.text ?~~ <slot name=\"~~image\" slot=\"image\"></slot> : <slot name=\"~~initials\" slot=\"initials\"></slot~~>}\~~r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n <div class=\"menu-items\">\r\n <div class=\"list\">\r\n {this.showProfile && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"user_profile\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K + P\"\r\n onClick={() => this.viewProfileClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n {this.showDarkTheme && <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>}\r\n {this.showLogOut && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"logout_button\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.logoutClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n if (this.type === 'complex') {\r\n return (\r\n <div class=\"complex-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" class=\"label_group\" text={this.text} color={this.color}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n {this.listGroupOne && (\r\n <div class=\"list-group-one\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"user_profile\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K+P\"\r\n onClick={() => this.viewProfileClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupTwo && (\r\n <div class=\"list-group-two\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"configuration_02\" label=\"Configuration\" shortcut shortcutIcon=\"S\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"user_group\" label=\"Team\" shortcut shortcutIcon=\"K->T\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"three\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"user_add\" label=\"Invite Members\" shortcut shortcutIcon=\"I\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupThree && (\r\n <div class=\"list-group-three\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"logout_button\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.logoutClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Method, Prop, h} from '@stencil/core';\r\nimport { AvatarColorTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-avatar-dropdown',\r\n styleUrl: 'gb-avatar-dropdown.css',\r\n shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n @Prop() type: 'simple' \| 'complex';\r\n @Prop() text: boolean = false;\r\n @Prop() showProfile: boolean;\r\n @Prop() showDarkTheme: boolean;\r\n @Prop() showLogOut: boolean;\r\n @Prop() listGroupOne: boolean;\r\n @Prop() listGroupTwo: boolean;\r\n @Prop() listGroupThree: boolean;\r\n @Prop() color: AvatarColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n if (slottedInitials) {\r\n slottedInitials.classList.add('text-md-semi-bold');\r\n slottedInitials.classList.add(this.applyColorToInitials());\r\n }\r\n }\r\n\r\n @Method()\r\n async viewProfileClicked() {}\r\n\r\n @Method()\r\n async logoutClicked() {}\r\n\r\n render() {\r\n if (this.type === 'simple') {\r\n return (\r\n <div class=\"simple-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" text={true} color={this.color} show-border={this.showBorder}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n <slot name=\"initials\" slot=\"initials\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n <div class=\"menu-items\">\r\n <div class=\"list\">\r\n {this.showProfile && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"user_profile\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K + P\"\r\n onClick={() => this.viewProfileClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n {this.showDarkTheme && <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>}\r\n {this.showLogOut && (\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"logout_button\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.logoutClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n )}\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n\r\n if (this.type === 'complex') {\r\n return (\r\n <div class=\"complex-dropdown\">\r\n <div class=\"profile\">\r\n <gb-avatar-label-group size=\"md\" class=\"label_group\" text={this.text} color={this.color}>\r\n <slot name=\"name\" slot=\"name\"></slot>\r\n {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-avatar-label-group>\r\n </div>\r\n {this.listGroupOne && (\r\n <div class=\"list-group-one\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"user_profile\"\r\n label=\"View Profile\"\r\n shortcut\r\n shortcutIcon=\"K+P\"\r\n onClick={() => this.viewProfileClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupTwo && (\r\n <div class=\"list-group-two\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"configuration_02\" label=\"Configuration\" shortcut shortcutIcon=\"S\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"two\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"user_group\" label=\"Team\" shortcut shortcutIcon=\"K->T\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n <div class=\"three\">\r\n <gb-dropdown-items-with-shortcut icon iconSrc=\"user_add\" label=\"Invite Members\" shortcut shortcutIcon=\"I\"></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n {this.listGroupThree && (\r\n <div class=\"list-group-three\">\r\n <div class=\"one\">\r\n <gb-dropdown-items-with-shortcut\r\n icon\r\n iconSrc=\"logout_button\"\r\n label=\"Log out\"\r\n shortcut\r\n shortcutIcon=\"L\"\r\n onClick={() => this.logoutClicked()}\r\n ></gb-dropdown-items-with-shortcut>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n }\r\n}"]}