globuswebcomponents 1.1.8 → 1.1.9
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-header.cjs.entry.js +3 -3
- package/dist/cjs/gb-header.cjs.entry.js.map +1 -1
- package/dist/collection/components/gb-button/readme.md +2 -0
- package/dist/collection/components/gb-header/gb-header.js +8 -8
- package/dist/collection/components/gb-header/gb-header.js.map +1 -1
- package/dist/components/gb-header.js +3 -3
- package/dist/components/gb-header.js.map +1 -1
- package/dist/docs.json +13 -10
- package/dist/esm/gb-header.entry.js +3 -3
- package/dist/esm/gb-header.entry.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/p-be2899fd.entry.js +2 -0
- package/dist/globuscomponents/p-be2899fd.entry.js.map +1 -0
- package/dist/globuscomponents/readme.md +2 -0
- package/dist/types/components/gb-header/gb-header.d.ts +2 -2
- package/dist/types/components.d.ts +3 -3
- package/package.json +1 -1
- package/dist/globuscomponents/p-d20b927f.entry.js +0 -2
- package/dist/globuscomponents/p-d20b927f.entry.js.map +0 -1
|
@@ -48,9 +48,9 @@ const GbHeader = class {
|
|
|
48
48
|
initials.classList.add(this.applyColorToInitials());
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
|
-
async onNavBarItemClicked(
|
|
51
|
+
async onNavBarItemClicked(item) {
|
|
52
52
|
// console.log('nav-bar-item clicked');
|
|
53
|
-
this.navBarItemClicked.emit(
|
|
53
|
+
this.navBarItemClicked.emit(item);
|
|
54
54
|
// console.log(index);
|
|
55
55
|
}
|
|
56
56
|
async onMenuClicked() {
|
|
@@ -60,7 +60,7 @@ const GbHeader = class {
|
|
|
60
60
|
const helpIconSrc = index.getAssetPath(`assets/help-circle.svg`);
|
|
61
61
|
const notificationIconSrc = index.getAssetPath(`assets/notification-03.svg`);
|
|
62
62
|
const logo = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
63
|
-
return (index.h("div", { key: '
|
|
63
|
+
return (index.h("div", { key: '9845c35008981e9311d36d2dbad76a9b136d6d53', class: `header_div` }, index.h("div", { key: '86113e12736e045273ae41d0b4ddca07863cd475', class: "content" }, this.showLogo && (index.h("div", { key: 'c859dfdcb93638dd932cb5704f0515ef9d8a2f65', class: "logo" }, index.h("img", { key: 'c695ddd2dbf741cbf21f096a1b75a19ccbc086e2', src: logo, alt: "" }))), index.h("div", { key: 'c5af58f684f160bcd565a1bc4456ea3de96291a0', class: "inner_content" }, index.h("div", { key: 'd9bb52637f313099f45551d76fba8846441b2b7a', class: `action` }, this.showHelp && index.h("gb-header-icon", { key: '922a569f94a14f90b23f822c63931e10fd2dc78a', state: reusableModels.StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked('help') }), this.showNotification && (index.h("gb-header-icon", { key: '9cd92aee157b156d0a90110ad3036ed9656150b7', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked('notification') }))), index.h("gb-avatar", { key: '0170e978723f8265899c5c443ab79e5943feccf3', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked('avatar') }, this.text ? index.h("slot", { slot: "initials", name: "initials" }) : index.h("slot", { name: "image", slot: "image" }))))));
|
|
64
64
|
}
|
|
65
65
|
get el() { return index.getElement(this); }
|
|
66
66
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"gb-header.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,kcAAkc,CAAC;AACvd,uBAAe,WAAW;;MCOb,QAAQ;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;SACnB;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,
|
|
1
|
+
{"file":"gb-header.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,kcAAkc,CAAC;AACvd,uBAAe,WAAW;;MCOb,QAAQ;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;SACnB;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,IAAY;;QAEpC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;KAEnC;IAED,MAAM,aAAa;QACjB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB;IAED,MAAM;QACJ,MAAM,WAAW,GAAGA,kBAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAGA,kBAAY,CAAC,4BAA4B,CAAC,CAAC;QACvE,MAAM,IAAI,GAAGA,kBAAY,CAAC,kCAAkC,CAAC,CAAC;QAE9D,QACEC,kEAAK,KAAK,EAAE,YAAY,IACtBA,kEAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,QAAQ,KACZA,kEAAK,KAAK,EAAC,MAAM,IACfA,kEAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,EAAE,GAAG,CACrB,CACP,EACDA,kEAAK,KAAK,EAAC,eAAe,IACxBA,kEAAK,KAAK,EAAE,QAAQ,IACjB,IAAI,CAAC,QAAQ,IAAIA,6EAAgB,KAAK,EAAEC,wBAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAmB,EAChJ,IAAI,CAAC,gBAAgB,KACpBD,6EAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,GAAmB,CAC7K,CACG,EACNA,wEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,iBAAe,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IACpK,IAAI,CAAC,IAAI,GAAGA,kBAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,GAAGA,kBAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1F,CACR,CACF,CACF,EACN;KACH;;;;;;;","names":["getAssetPath","h","StateEnum"],"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 width: 100%;\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 @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<string>;\r\n @Event() menuClicked: EventEmitter<void>;\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 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(item: string) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(item);\r\n // console.log(index);\r\n }\r\n\r\n async onMenuClicked() {\r\n this.menuClicked.emit();\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 const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <div class=\"logo\">\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked('help')}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked('notification')}></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} show-border={this.showBorder} onClick={() => this.onNavBarItemClicked('avatar')}>\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}
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
- [gb-action-panel](../gb-action-panel)
|
|
28
28
|
- [gb-checkbox-group-item](../gb-checkbox-group-item)
|
|
29
|
+
- [gb-detail-cell](../gb-detail-cell)
|
|
29
30
|
- [gb-file-upload](../gb-file-upload)
|
|
30
31
|
- [gb-file-upload-item-base](../gb-file-upload-item-base)
|
|
31
32
|
- [gb-input-field](../gb-input-field)
|
|
@@ -39,6 +40,7 @@
|
|
|
39
40
|
graph TD;
|
|
40
41
|
gb-action-panel --> gb-button
|
|
41
42
|
gb-checkbox-group-item --> gb-button
|
|
43
|
+
gb-detail-cell --> gb-button
|
|
42
44
|
gb-file-upload --> gb-button
|
|
43
45
|
gb-file-upload-item-base --> gb-button
|
|
44
46
|
gb-input-field --> gb-button
|
|
@@ -37,9 +37,9 @@ export class GbHeader {
|
|
|
37
37
|
initials.classList.add(this.applyColorToInitials());
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
async onNavBarItemClicked(
|
|
40
|
+
async onNavBarItemClicked(item) {
|
|
41
41
|
// console.log('nav-bar-item clicked');
|
|
42
|
-
this.navBarItemClicked.emit(
|
|
42
|
+
this.navBarItemClicked.emit(item);
|
|
43
43
|
// console.log(index);
|
|
44
44
|
}
|
|
45
45
|
async onMenuClicked() {
|
|
@@ -49,7 +49,7 @@ export class GbHeader {
|
|
|
49
49
|
const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
|
|
50
50
|
const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
|
|
51
51
|
const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
52
|
-
return (h("div", { key: '
|
|
52
|
+
return (h("div", { key: '9845c35008981e9311d36d2dbad76a9b136d6d53', class: `header_div` }, h("div", { key: '86113e12736e045273ae41d0b4ddca07863cd475', class: "content" }, this.showLogo && (h("div", { key: 'c859dfdcb93638dd932cb5704f0515ef9d8a2f65', class: "logo" }, h("img", { key: 'c695ddd2dbf741cbf21f096a1b75a19ccbc086e2', src: logo, alt: "" }))), h("div", { key: 'c5af58f684f160bcd565a1bc4456ea3de96291a0', class: "inner_content" }, h("div", { key: 'd9bb52637f313099f45551d76fba8846441b2b7a', class: `action` }, this.showHelp && h("gb-header-icon", { key: '922a569f94a14f90b23f822c63931e10fd2dc78a', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked('help') }), this.showNotification && (h("gb-header-icon", { key: '9cd92aee157b156d0a90110ad3036ed9656150b7', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked('notification') }))), h("gb-avatar", { key: '0170e978723f8265899c5c443ab79e5943feccf3', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked('avatar') }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
|
|
53
53
|
}
|
|
54
54
|
static get is() { return "gb-header"; }
|
|
55
55
|
static get encapsulation() { return "shadow"; }
|
|
@@ -251,8 +251,8 @@ export class GbHeader {
|
|
|
251
251
|
"text": ""
|
|
252
252
|
},
|
|
253
253
|
"complexType": {
|
|
254
|
-
"original": "
|
|
255
|
-
"resolved": "
|
|
254
|
+
"original": "string",
|
|
255
|
+
"resolved": "string",
|
|
256
256
|
"references": {}
|
|
257
257
|
}
|
|
258
258
|
}, {
|
|
@@ -276,10 +276,10 @@ export class GbHeader {
|
|
|
276
276
|
return {
|
|
277
277
|
"onNavBarItemClicked": {
|
|
278
278
|
"complexType": {
|
|
279
|
-
"signature": "(
|
|
279
|
+
"signature": "(item: string) => Promise<void>",
|
|
280
280
|
"parameters": [{
|
|
281
|
-
"name": "
|
|
282
|
-
"type": "
|
|
281
|
+
"name": "item",
|
|
282
|
+
"type": "string",
|
|
283
283
|
"docs": ""
|
|
284
284
|
}],
|
|
285
285
|
"references": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-header.js","sourceRoot":"","sources":["../../../src/components/gb-header/gb-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAoB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO1E,MAAM,OAAO,QAAQ;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;QACpB,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAC5C,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,mBAAmB,CAAC,
|
|
1
|
+
{"version":3,"file":"gb-header.js","sourceRoot":"","sources":["../../../src/components/gb-header/gb-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAoB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO1E,MAAM,OAAO,QAAQ;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;QACpB,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAC5C,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,mBAAmB,CAAC,IAAY;QACpC,uCAAuC;QACvC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,sBAAsB;IACxB,CAAC;IAED,KAAK,CAAC,aAAa;QACjB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QACvE,MAAM,IAAI,GAAG,YAAY,CAAC,kCAAkC,CAAC,CAAC;QAE9D,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY;YACtB,4DAAK,KAAK,EAAC,SAAS;gBACjB,IAAI,CAAC,QAAQ,IAAI,CAChB,4DAAK,KAAK,EAAC,MAAM;oBACf,4DAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,EAAE,GAAG,CACrB,CACP;gBACD,4DAAK,KAAK,EAAC,eAAe;oBACxB,4DAAK,KAAK,EAAE,QAAQ;wBACjB,IAAI,CAAC,QAAQ,IAAI,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAmB;wBAChJ,IAAI,CAAC,gBAAgB,IAAI,CACxB,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,cAAc,CAAC,GAAmB,CAC7K,CACG;oBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,iBAAe,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IACpK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1F,CACR,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["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 @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<string>;\r\n @Event() menuClicked: EventEmitter<void>;\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 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(item: string) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(item);\r\n // console.log(index);\r\n }\r\n\r\n async onMenuClicked() {\r\n this.menuClicked.emit();\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 const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <div class=\"logo\">\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked('help')}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked('notification')}></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} show-border={this.showBorder} onClick={() => this.onNavBarItemClicked('avatar')}>\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}"]}
|
|
@@ -50,9 +50,9 @@ const GbHeader$1 = /*@__PURE__*/ proxyCustomElement(class GbHeader extends H {
|
|
|
50
50
|
initials.classList.add(this.applyColorToInitials());
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
async onNavBarItemClicked(
|
|
53
|
+
async onNavBarItemClicked(item) {
|
|
54
54
|
// console.log('nav-bar-item clicked');
|
|
55
|
-
this.navBarItemClicked.emit(
|
|
55
|
+
this.navBarItemClicked.emit(item);
|
|
56
56
|
// console.log(index);
|
|
57
57
|
}
|
|
58
58
|
async onMenuClicked() {
|
|
@@ -62,7 +62,7 @@ const GbHeader$1 = /*@__PURE__*/ proxyCustomElement(class GbHeader extends H {
|
|
|
62
62
|
const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
|
|
63
63
|
const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
|
|
64
64
|
const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
65
|
-
return (h("div", { key: '
|
|
65
|
+
return (h("div", { key: '9845c35008981e9311d36d2dbad76a9b136d6d53', class: `header_div` }, h("div", { key: '86113e12736e045273ae41d0b4ddca07863cd475', class: "content" }, this.showLogo && (h("div", { key: 'c859dfdcb93638dd932cb5704f0515ef9d8a2f65', class: "logo" }, h("img", { key: 'c695ddd2dbf741cbf21f096a1b75a19ccbc086e2', src: logo, alt: "" }))), h("div", { key: 'c5af58f684f160bcd565a1bc4456ea3de96291a0', class: "inner_content" }, h("div", { key: 'd9bb52637f313099f45551d76fba8846441b2b7a', class: `action` }, this.showHelp && h("gb-header-icon", { key: '922a569f94a14f90b23f822c63931e10fd2dc78a', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked('help') }), this.showNotification && (h("gb-header-icon", { key: '9cd92aee157b156d0a90110ad3036ed9656150b7', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked('notification') }))), h("gb-avatar", { key: '0170e978723f8265899c5c443ab79e5943feccf3', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked('avatar') }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
|
|
66
66
|
}
|
|
67
67
|
get el() { return this; }
|
|
68
68
|
static get style() { return GbHeaderStyle0; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"gb-header.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,kcAAkc,CAAC;AACvd,uBAAe,WAAW;;MCObA,UAAQ;;;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;SACnB;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,
|
|
1
|
+
{"file":"gb-header.js","mappings":";;;;;;;AAAA,MAAM,WAAW,GAAG,kcAAkc,CAAC;AACvd,uBAAe,WAAW;;MCObA,UAAQ;;;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;SACnB;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,IAAY;;QAEpC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;KAEnC;IAED,MAAM,aAAa;QACjB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QACvE,MAAM,IAAI,GAAG,YAAY,CAAC,kCAAkC,CAAC,CAAC;QAE9D,QACE,4DAAK,KAAK,EAAE,YAAY,IACtB,4DAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,QAAQ,KACZ,4DAAK,KAAK,EAAC,MAAM,IACf,4DAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,EAAE,GAAG,CACrB,CACP,EACD,4DAAK,KAAK,EAAC,eAAe,IACxB,4DAAK,KAAK,EAAE,QAAQ,IACjB,IAAI,CAAC,QAAQ,IAAI,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAmB,EAChJ,IAAI,CAAC,gBAAgB,KACpB,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,CAC7K,CACG,EACN,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,iBAAe,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IACpK,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":["GbHeader"],"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 width: 100%;\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 @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<string>;\r\n @Event() menuClicked: EventEmitter<void>;\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 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(item: string) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(item);\r\n // console.log(index);\r\n }\r\n\r\n async onMenuClicked() {\r\n this.menuClicked.emit();\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 const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <div class=\"logo\">\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked('help')}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked('notification')}></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} show-border={this.showBorder} onClick={() => this.onNavBarItemClicked('avatar')}>\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/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2025-03-
|
|
2
|
+
"timestamp": "2025-03-06T10:15:17",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.20.0",
|
|
@@ -5160,6 +5160,7 @@
|
|
|
5160
5160
|
"filePath": "src/components/gb-detail-cell/gb-detail-cell.tsx",
|
|
5161
5161
|
"encapsulation": "shadow",
|
|
5162
5162
|
"tag": "gb-detail-cell",
|
|
5163
|
+
"readme": "# gb-detail-cell\n\n\n",
|
|
5163
5164
|
"docs": "",
|
|
5164
5165
|
"docsTags": [],
|
|
5165
5166
|
"usage": {},
|
|
@@ -7065,11 +7066,11 @@
|
|
|
7065
7066
|
"docs": ""
|
|
7066
7067
|
},
|
|
7067
7068
|
"complexType": {
|
|
7068
|
-
"signature": "(
|
|
7069
|
+
"signature": "(item: string) => Promise<void>",
|
|
7069
7070
|
"parameters": [
|
|
7070
7071
|
{
|
|
7071
|
-
"name": "
|
|
7072
|
-
"type": "
|
|
7072
|
+
"name": "item",
|
|
7073
|
+
"type": "string",
|
|
7073
7074
|
"docs": ""
|
|
7074
7075
|
}
|
|
7075
7076
|
],
|
|
@@ -7081,11 +7082,11 @@
|
|
|
7081
7082
|
},
|
|
7082
7083
|
"return": "Promise<void>"
|
|
7083
7084
|
},
|
|
7084
|
-
"signature": "onNavBarItemClicked(
|
|
7085
|
+
"signature": "onNavBarItemClicked(item: string) => Promise<void>",
|
|
7085
7086
|
"parameters": [
|
|
7086
7087
|
{
|
|
7087
|
-
"name": "
|
|
7088
|
-
"type": "
|
|
7088
|
+
"name": "item",
|
|
7089
|
+
"type": "string",
|
|
7089
7090
|
"docs": ""
|
|
7090
7091
|
}
|
|
7091
7092
|
],
|
|
@@ -7110,11 +7111,11 @@
|
|
|
7110
7111
|
},
|
|
7111
7112
|
{
|
|
7112
7113
|
"event": "navBarItemClicked",
|
|
7113
|
-
"detail": "
|
|
7114
|
+
"detail": "string",
|
|
7114
7115
|
"bubbles": true,
|
|
7115
7116
|
"complexType": {
|
|
7116
|
-
"original": "
|
|
7117
|
-
"resolved": "
|
|
7117
|
+
"original": "string",
|
|
7118
|
+
"resolved": "string",
|
|
7118
7119
|
"references": {}
|
|
7119
7120
|
},
|
|
7120
7121
|
"cancelable": true,
|
|
@@ -11368,6 +11369,7 @@
|
|
|
11368
11369
|
"filePath": "src/components/gb-progress-steps/gb-progress-steps.tsx",
|
|
11369
11370
|
"encapsulation": "shadow",
|
|
11370
11371
|
"tag": "gb-progress-steps",
|
|
11372
|
+
"readme": "# gb-progress-steps\n\n\n",
|
|
11371
11373
|
"docs": "",
|
|
11372
11374
|
"docsTags": [],
|
|
11373
11375
|
"usage": {},
|
|
@@ -13703,6 +13705,7 @@
|
|
|
13703
13705
|
"filePath": "src/components/gb-step-base/gb-step-base.tsx",
|
|
13704
13706
|
"encapsulation": "shadow",
|
|
13705
13707
|
"tag": "gb-step-base",
|
|
13708
|
+
"readme": "# gb-step-base\n\n\n",
|
|
13706
13709
|
"docs": "",
|
|
13707
13710
|
"docsTags": [],
|
|
13708
13711
|
"usage": {},
|
|
@@ -44,9 +44,9 @@ const GbHeader = class {
|
|
|
44
44
|
initials.classList.add(this.applyColorToInitials());
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
async onNavBarItemClicked(
|
|
47
|
+
async onNavBarItemClicked(item) {
|
|
48
48
|
// console.log('nav-bar-item clicked');
|
|
49
|
-
this.navBarItemClicked.emit(
|
|
49
|
+
this.navBarItemClicked.emit(item);
|
|
50
50
|
// console.log(index);
|
|
51
51
|
}
|
|
52
52
|
async onMenuClicked() {
|
|
@@ -56,7 +56,7 @@ const GbHeader = class {
|
|
|
56
56
|
const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
|
|
57
57
|
const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
|
|
58
58
|
const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
59
|
-
return (h("div", { key: '
|
|
59
|
+
return (h("div", { key: '9845c35008981e9311d36d2dbad76a9b136d6d53', class: `header_div` }, h("div", { key: '86113e12736e045273ae41d0b4ddca07863cd475', class: "content" }, this.showLogo && (h("div", { key: 'c859dfdcb93638dd932cb5704f0515ef9d8a2f65', class: "logo" }, h("img", { key: 'c695ddd2dbf741cbf21f096a1b75a19ccbc086e2', src: logo, alt: "" }))), h("div", { key: 'c5af58f684f160bcd565a1bc4456ea3de96291a0', class: "inner_content" }, h("div", { key: 'd9bb52637f313099f45551d76fba8846441b2b7a', class: `action` }, this.showHelp && h("gb-header-icon", { key: '922a569f94a14f90b23f822c63931e10fd2dc78a', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked('help') }), this.showNotification && (h("gb-header-icon", { key: '9cd92aee157b156d0a90110ad3036ed9656150b7', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked('notification') }))), h("gb-avatar", { key: '0170e978723f8265899c5c443ab79e5943feccf3', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked('avatar') }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
|
|
60
60
|
}
|
|
61
61
|
get el() { return getElement(this); }
|
|
62
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"gb-header.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,kcAAkc,CAAC;AACvd,uBAAe,WAAW;;MCOb,QAAQ;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;SACnB;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,
|
|
1
|
+
{"file":"gb-header.entry.js","mappings":";;;AAAA,MAAM,WAAW,GAAG,kcAAkc,CAAC;AACvd,uBAAe,WAAW;;MCOb,QAAQ;;;;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;gCACC,KAAK;wBACb,KAAK;wBACL,KAAK;;IAKjC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;SACnB;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,IAAY;;QAEpC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;KAEnC;IAED,MAAM,aAAa;QACjB,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KACzB;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QACvE,MAAM,IAAI,GAAG,YAAY,CAAC,kCAAkC,CAAC,CAAC;QAE9D,QACE,4DAAK,KAAK,EAAE,YAAY,IACtB,4DAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,QAAQ,KACZ,4DAAK,KAAK,EAAC,MAAM,IACf,4DAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,EAAE,GAAG,CACrB,CACP,EACD,4DAAK,KAAK,EAAC,eAAe,IACxB,4DAAK,KAAK,EAAE,QAAQ,IACjB,IAAI,CAAC,QAAQ,IAAI,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,GAAmB,EAChJ,IAAI,CAAC,gBAAgB,KACpB,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,CAC7K,CACG,EACN,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,iBAAe,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IACpK,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 width: 100%;\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 @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<string>;\r\n @Event() menuClicked: EventEmitter<void>;\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 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(item: string) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(item);\r\n // console.log(index);\r\n }\r\n\r\n async onMenuClicked() {\r\n this.menuClicked.emit();\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 const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <div class=\"logo\">\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked('help')}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked('notification')}></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} show-border={this.showBorder} onClick={() => this.onNavBarItemClicked('avatar')}>\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}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as t,b as e}from"./p-bf92be61.js";export{s as setNonce}from"./p-bf92be61.js";import{g as o}from"./p-e1255160.js";var a=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};a().then((async t=>{await o();return e(JSON.parse('[["p-5bc87be4",[[1,"gb-detail-cell",{"state":[1],"type":[1],"label":[1],"detail":[1],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"showCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32]}],[1,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"previousButtonState":[1,"previous-button-state"],"submitButtonText":[1,"submit-button-text"],"checked":[32]}],[1,"gb-progress-steps",{"size":[1],"breakpoint":[1],"thirdStep":[4,"third-step"],"fourthStep":[4,"fourth-step"],"fifthStep":[4,"fifth-step"],"sixthStep":[4,"sixth-step"],"seventhStep":[4,"seventh-step"],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"]}],[1,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"]}],[1,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}],[4,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-button-close",{"size":[1],"color":[1]}],[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[1,"gb-badge-close",{"color":[1],"type":[1]}],[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[1,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}],[1,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"]}],[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"weight":[1],"assignedColorClass":[32]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]],["p-dd205e63",[[1,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"selectedPageSize":[32],"defaultSelected":[32]}]]],["p-9991356c",[[1,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"leadingIconSvg":[32],"sideBarItemClicked":[64]}]]],["p-aac86bba",[[1,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1032],"icon":[1],"results":[1040],"content":[32],"inputValue":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}]]],["p-6da197e6",[[0,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-892a91c6",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showDarkTheme":[4,"show-dark-theme"],"showLogOut":[4,"show-log-out"],"listGroupOne":[4,"list-group-one"],"listGroupTwo":[4,"list-group-two"],"listGroupThree":[4,"list-group-three"],"color":[1],"showBorder":[4,"show-border"]}]]],["p-b12a8cee",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-dbaf4c00",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-c31bb571",[[1,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-95de0087",[[1,"gb-vertical-tabs",{"size":[1],"type":[1],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-d1328dd1",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-d20b927f",[[1,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"onNavBarItemClicked":[64]}]]],["p-15ede164",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-7e87553d",[[1,"gb-export-dropdown",{"state":[1],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}]]],["p-5b86ff20",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"],"onHelpItemClicked":[64]}]]],["p-05fbfb36",[[1,"gb-toast",{"color":[1],"size":[1],"breakpoint":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"]}]]],["p-5dad4863",[[1,"gb-notification-pane",{"state":[1],"notifications":[1040],"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-d3758ced",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"leftValue":[32],"rightValue":[32]}]]],["p-ddf46c13",[[1,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4]}]]],["p-3bfdc2ad",[[1,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"]}]]],["p-48bc314c",[[1,"gb-token-field-compressed",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"]}]]],["p-0b6f71e0",[[1,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-0a0818fb",[[0,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-71650d61",[[1,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-0d535ff4",[[0,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-81901007",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-e7d09487",[[1,"gb-scrollbar",{"length":[1]}]]],["p-a0a60a2e",[[1,"gb-table-cell",{"type":[1]}]]],["p-18910869",[[1,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028]}]]],["p-271960c2",[[1,"gb-file-upload-item-base",{"icon":[1],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"buttonState":[1,"button-state"],"progress":[2],"size":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"]}]]],["p-29337ce0",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}]]],["p-89a86f5c",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-1af1c3f2",[[1,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-0494ffc4",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1]}]]],["p-dd797c90",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-9c5f3f64",[[1,"gb-toast-button",{"state":[1],"color":[1]}]]],["p-3b0b55f7",[[1,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}]]],["p-6ebd2ece",[[1,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1]}]]],["p-43b5576d",[[1,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}]]],["p-a6ef7533",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}]]],["p-bf0f7afa",[[1,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}]]],["p-8a423991",[[1,"gb-export-sub-dropdown"],[1,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}]]],["p-e7c454e0",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}]]],["p-1a3512f3",[[1,"gb-mega-input-field-base",{"size":[1],"state":[1],"inputValue":[32]}]]],["p-29a9c080",[[1,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"handleClick":[64]}],[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}]]],["p-43f078c4",[[1,"gb-input-field",{"size":[1],"type":[1],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1,"icon-swap"],"showCloseButton":[1028,"show-close-button"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32]},[[4,"click","handleClickOutside"]],{"options":["optionsChanged"],"value":["updateSelectedItems"]}],[1,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[1,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}]]],["p-749299d2",[[1,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItems":[32],"unselectedItems":[32],"selectedItem":[32],"searchItem":[32],"searchResults":[32]},[[4,"click","handleClickOutside"]]],[1,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[1,"gb-pagination-number-base",{"shape":[1],"state":[1]}]]],["p-721c9ce5",[[1,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"category":[1],"showArrow":[4,"show-arrow"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"collapseSidebar":[64],"expandSidebar":[64]}],[1,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}]]]]'),t)}));
|
|
1
|
+
import{p as t,b as e}from"./p-bf92be61.js";export{s as setNonce}from"./p-bf92be61.js";import{g as o}from"./p-e1255160.js";var a=()=>{const e=import.meta.url;const o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return t(o)};a().then((async t=>{await o();return e(JSON.parse('[["p-5bc87be4",[[1,"gb-detail-cell",{"state":[1],"type":[1],"label":[1],"detail":[1],"badgeColor":[1,"badge-color"],"badgeLabel":[1,"badge-label"],"showCopyButton":[32],"showTooltip":[32],"copied":[32],"isDownloaded":[32]}],[1,"gb-action-panel",{"type":[1],"showCloseButton":[4,"show-close-button"],"showSelectedRows":[4,"show-selected-rows"],"showCheckbox":[4,"show-checkbox"],"firstButton":[4,"first-button"],"firstButtonIconLeading":[1,"first-button-icon-leading"],"firstButtonIconTrailing":[1,"first-button-icon-trailing"],"secondButton":[4,"second-button"],"secondButtonIconLeading":[1,"second-button-icon-leading"],"secondButtonIconTrailing":[1,"second-button-icon-trailing"],"thirdButton":[4,"third-button"],"thirdButtonIconLeading":[1,"third-button-icon-leading"],"thirdButtonIconTrailing":[1,"third-button-icon-trailing"],"showSubmitButton":[4,"show-submit-button"],"firstButtonText":[1,"first-button-text"],"secondButtonText":[1,"second-button-text"],"thirdButtonText":[1,"third-button-text"],"previousButtonState":[1,"previous-button-state"],"submitButtonText":[1,"submit-button-text"],"checked":[32]}],[1,"gb-progress-steps",{"size":[1],"breakpoint":[1],"thirdStep":[4,"third-step"],"fourthStep":[4,"fourth-step"],"fifthStep":[4,"fifth-step"],"sixthStep":[4,"sixth-step"],"seventhStep":[4,"seventh-step"],"firstStepState":[1,"first-step-state"],"secondStepState":[1,"second-step-state"],"thirdStepState":[1,"third-step-state"],"fourthStepState":[1,"fourth-step-state"],"fifthStepState":[1,"fifth-step-state"],"sixthStepState":[1,"sixth-step-state"],"seventhStepState":[1,"seventh-step-state"],"firstStepStatus":[1,"first-step-status"],"secondStepStatus":[1,"second-step-status"],"thirdStepStatus":[1,"third-step-status"],"fourthStepStatus":[1,"fourth-step-status"],"fifthStepStatus":[1,"fifth-step-status"],"sixthStepStatus":[1,"sixth-step-status"],"seventhStepStatus":[1,"seventh-step-status"]}],[1,"gb-step-base",{"status":[1],"size":[1],"type":[1],"state":[1],"connector":[4],"showSupportingText":[4,"show-supporting-text"],"label":[1],"supportingText":[1,"supporting-text"]}],[1,"gb-file-type-icon",{"fileStyle":[1,"file-style"],"fileType":[1,"file-type"]}],[4,"gb-btn",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-button-close",{"size":[1],"color":[1]}],[1,"gb-badge",{"size":[1],"icon":[1],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailingSwap":[1,"icon-trailing-swap"],"flagSwap":[1,"flag-swap"],"color":[1],"type":[1],"closeButton":[4,"close-button"],"leadingIconContent":[32],"trailingIconContent":[32]}],[1,"gb-badge-close",{"color":[1],"type":[1]}],[1,"gb-checkbox",{"checked":[4],"indeterminate":[4],"size":[1],"type":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"]}],[1,"gb-button",{"size":[1],"hierarchy":[1],"icon":[1],"destructive":[4],"state":[1],"iconLeading":[4,"icon-leading"],"iconLeadingSwap":[1,"icon-leading-swap"],"iconTrailing":[4,"icon-trailing"],"iconTrailingSwap":[1,"icon-trailing-swap"],"leadingIconSvg":[32],"trailingIconSvg":[32]}],[1,"gb-checkbox-base",{"state":[1025],"size":[1],"type":[1],"checked":[1028],"indeterminate":[1028]}],[1,"gb-tooltip",{"showArrow":[4,"show-arrow"],"arrow":[1],"showSupportingText":[4,"show-supporting-text"]}],[1,"gb-avatar",{"size":[1],"placeholder":[4],"text":[4],"statusIcon":[1,"status-icon"],"state":[1],"icon":[1],"color":[1],"showBorder":[4,"show-border"],"weight":[1],"assignedColorClass":[32]}],[1,"gb-avatar-contrast-inner-border",{"weight":[1],"size":[1],"showBorder":[4,"show-border"]}],[1,"gb-status-indicator",{"statusIcon":[1,"status-icon"],"size":[1],"state":[1],"indicatorStateClass":[1,"indicator-state-class"]}]]],["p-dd205e63",[[1,"gb-pagination",{"type":[1],"shape":[1],"breakpoint":[1],"currentPage":[1026,"current-page"],"totalPages":[1026,"total-pages"],"entries":[1040],"selectedPageSize":[32],"defaultSelected":[32]}]]],["p-9991356c",[[1,"gb-sidebar",{"state":[1025],"category":[1],"navItemStyle":[1,"nav-item-style"],"type":[1],"showSecondCategory":[4,"show-second-category"],"iconInstance":[1,"icon-instance"],"firstItemIcon":[1,"first-item-icon"],"secondItemIcon":[1,"second-item-icon"],"thirdItemIcon":[1,"third-item-icon"],"fourthItemIcon":[1,"fourth-item-icon"],"fifthItemIcon":[1,"fifth-item-icon"],"sixthItemIcon":[1,"sixth-item-icon"],"seventhItemIcon":[1,"seventh-item-icon"],"eighthItemIcon":[1,"eighth-item-icon"],"ninthItemIcon":[1,"ninth-item-icon"],"tenthItemIcon":[1,"tenth-item-icon"],"firstItemLabel":[1,"first-item-label"],"secondItemLabel":[1,"second-item-label"],"thirdItemLabel":[1,"third-item-label"],"fourthItemLabel":[1,"fourth-item-label"],"fifthItemLabel":[1,"fifth-item-label"],"sixthItemLabel":[1,"sixth-item-label"],"seventhItemLabel":[1,"seventh-item-label"],"eighthItemLabel":[1,"eighth-item-label"],"ninthItemLabel":[1,"ninth-item-label"],"tenthItemLabel":[1,"tenth-item-label"],"complexSidebarData":[8,"complex-sidebar-data"],"activeIndex":[1026,"active-index"],"activePrimaryItem":[1025,"active-primary-item"],"activeSecondaryItem":[1025,"active-secondary-item"],"leadingIconSvg":[32],"sideBarItemClicked":[64]}]]],["p-aac86bba",[[1,"gb-textarea-input-field",{"type":[1],"state":[1025],"destructive":[4],"placeholderText":[1,"placeholder-text"],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"idOfInput":[513,"id-of-input"],"isReadOnly":[516,"is-read-only"],"value":[1032],"icon":[1],"results":[1040],"content":[32],"inputValue":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"show":[32],"staffInfo":[32],"selectedItems":[32],"unselectedItems":[32]},[[4,"click","handleClickOutside"]],{"value":["updateSelectedItems"]}]]],["p-6da197e6",[[0,"test-input-tag",{"idOfInput":[513,"id-of-input"],"type":[513],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"placeholderText":[513,"placeholder-text"],"show":[32],"showSpinner":[32],"staffInfo":[32],"selectedStaff":[32],"paddingLeft":[32],"paddingTop":[32],"inputValue":[32],"dropdownOpen":[32]}]]],["p-892a91c6",[[1,"gb-avatar-dropdown",{"type":[1],"text":[4],"showProfile":[4,"show-profile"],"showDarkTheme":[4,"show-dark-theme"],"showLogOut":[4,"show-log-out"],"listGroupOne":[4,"list-group-one"],"listGroupTwo":[4,"list-group-two"],"listGroupThree":[4,"list-group-three"],"color":[1],"showBorder":[4,"show-border"]}]]],["p-b12a8cee",[[1,"gb-checkbox-group",{"size":[1],"breakpoint":[1],"icon":[1],"selected":[4],"type":[1]}]]],["p-dbaf4c00",[[1,"gb-file-upload",{"icon":[1],"type":[1],"heightSize":[1,"height-size"],"state":[1],"destructive":[4],"showLabel":[4,"show-label"],"progress":[2],"fileType":[16],"files":[32],"fileStates":[32],"isDragging":[32]}]]],["p-c31bb571",[[1,"gb-horizontal-tabs",{"type":[1],"size":[1],"fullWidth":[4,"full-width"],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-95de0087",[[1,"gb-vertical-tabs",{"size":[1],"type":[1],"firstTabName":[1,"first-tab-name"],"secondTabName":[1,"second-tab-name"],"thirdTabName":[1,"third-tab-name"],"fourthTabName":[1,"fourth-tab-name"],"fifthTabName":[1,"fifth-tab-name"],"sixthTabName":[1,"sixth-tab-name"],"seventhTabName":[1,"seventh-tab-name"],"eighthTabName":[1,"eighth-tab-name"],"ninthTabName":[1,"ninth-tab-name"],"tenthTabName":[1,"tenth-tab-name"],"eleventhTabName":[1,"eleventh-tab-name"],"twelfthTabName":[1,"twelfth-tab-name"],"thirteenthTabName":[1,"thirteenth-tab-name"],"fourteenthTabName":[1,"fourteenth-tab-name"],"fifteenthTabName":[1,"fifteenth-tab-name"],"sixteenthTabName":[1,"sixteenth-tab-name"],"seventeenthTabName":[1,"seventeenth-tab-name"],"eighteenthTabName":[1,"eighteenth-tab-name"],"nineteenthTabName":[1,"nineteenth-tab-name"],"twentiethTabName":[1,"twentieth-tab-name"],"activeIndex":[1026,"active-index"]}]]],["p-d1328dd1",[[1,"gb-avatar-group",{"size":[1],"moreUsers":[4,"more-users"],"addMoreButton":[4,"add-more-button"],"text":[4],"state":[1],"images":[16]}]]],["p-be2899fd",[[1,"gb-header",{"state":[1],"showIndicator":[4,"show-indicator"],"text":[4],"placeholder":[4],"color":[1],"showBorder":[4,"show-border"],"showNotification":[4,"show-notification"],"showHelp":[4,"show-help"],"showLogo":[4,"show-logo"],"onNavBarItemClicked":[64]}]]],["p-15ede164",[[1,"gb-avatar-profile-photo",{"placeholder":[4],"text":[4],"size":[1],"verified":[4],"icon":[1]}]]],["p-7e87553d",[[1,"gb-export-dropdown",{"state":[1],"showFirstSubDropdown":[32],"showSecondSubDropdown":[32]}]]],["p-5b86ff20",[[1,"gb-help-dropdown",{"showLogError":[4,"show-log-error"],"onHelpItemClicked":[64]}]]],["p-05fbfb36",[[1,"gb-toast",{"color":[1],"size":[1],"breakpoint":[1],"xCloseButton":[4,"x-close-button"],"actions":[4],"showSupportingText":[4,"show-supporting-text"]}]]],["p-5dad4863",[[1,"gb-notification-pane",{"state":[1],"notifications":[1040],"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-d3758ced",[[1,"gb-slider",{"min":[2],"max":[2],"thumbType":[1,"thumb-type"],"leftControl":[2,"left-control"],"rightControl":[2,"right-control"],"label":[1],"unit":[1],"unitPosition":[1,"unit-position"],"leftValue":[32],"rightValue":[32]}]]],["p-ddf46c13",[[1,"gb-toggle",{"size":[1],"state":[1],"text":[4],"supportingText":[4,"supporting-text"],"pressed":[4]}]]],["p-3bfdc2ad",[[1,"gb-token-field-compact",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"]}]]],["p-48bc314c",[[1,"gb-token-field-compressed",{"size":[1],"digits":[2],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"]}]]],["p-0b6f71e0",[[1,"gb-wysiwyg-tooltip",{"arrow":[1],"breakpoint":[1]}]]],["p-0a0818fb",[[0,"gb-carousel-arrow",{"size":[1],"chevron":[1]}]]],["p-71650d61",[[1,"gb-pagination-dot-group",{"size":[1],"type":[1],"color":[1],"framed":[4]}]]],["p-0d535ff4",[[0,"gb-pagination-dot-indicator",{"current":[4],"type":[1],"size":[1]}]]],["p-81901007",[[1,"gb-progress-circle",{"size":[1],"shape":[1],"label":[4],"progress":[2]},null,{"progress":["handleProgressChange"]}]]],["p-e7d09487",[[1,"gb-scrollbar",{"length":[1]}]]],["p-a0a60a2e",[[1,"gb-table-cell",{"type":[1]}]]],["p-18910869",[[1,"gb-checkbox-group-item",{"size":[1],"type":[1],"state":[1],"breakpoint":[1],"showCost":[4,"show-cost"],"selected":[1028]}]]],["p-271960c2",[[1,"gb-file-upload-item-base",{"icon":[1],"state":[1],"heightSize":[1,"height-size"],"fileType":[1,"file-type"],"buttonState":[1,"button-state"],"progress":[2],"size":[2],"fileSize":[2,"file-size"],"fileName":[1,"file-name"]}]]],["p-29337ce0",[[1,"gb-avatar-label-group",{"size":[1],"statusIcon":[1,"status-icon"],"state":[1],"placeholder":[4],"text":[4],"color":[1],"showBorder":[4,"show-border"]}]]],["p-89a86f5c",[[1,"gb-avatar-add-button",{"size":[1],"showToolTip":[1028,"show-tool-tip"],"state":[1],"el":[16]}]]],["p-1af1c3f2",[[1,"gb-slider-control-handle",{"value":[1],"type":[1],"isHovered":[32],"isFocused":[32]}]]],["p-0494ffc4",[[1,"gb-header-icon",{"state":[1],"showIndicator":[4,"show-indicator"],"icon":[1]}]]],["p-dd797c90",[[1,"gb-notification-content",{"icon":[1],"label":[1],"time":[1],"supportingText":[1,"supporting-text"]}]]],["p-9c5f3f64",[[1,"gb-toast-button",{"state":[1],"color":[1]}]]],["p-3b0b55f7",[[1,"gb-toggle-base",{"size":[1],"state":[1],"pressed":[1028]}]]],["p-6ebd2ece",[[1,"gb-wysiwyg-editor-icon",{"active":[4],"type":[1],"state":[1]}]]],["p-43b5576d",[[1,"gb-tab-button-base",{"current":[4],"size":[1],"fullWidth":[4,"full-width"],"badge":[4],"type":[1],"tabName":[1,"tab-name"],"alignment":[1]}]]],["p-a6ef7533",[[1,"gb-dropdown-items-with-shortcut",{"icon":[4],"iconSrc":[1,"icon-src"],"checkbox":[4],"shortcut":[4],"shortcutIcon":[1,"shortcut-icon"],"label":[1],"state":[1],"destructive":[4],"leadingIconSvg":[32]}]]],["p-bf0f7afa",[[1,"gb-export-sub-dropdown-item",{"icon":[1],"state":[1],"leadingIconSvg":[32]}]]],["p-8a423991",[[1,"gb-export-sub-dropdown"],[1,"gb-export-dropdown-item",{"icon":[4],"state":[1],"type":[1]}]]],["p-e7c454e0",[[1,"gb-progress-bar",{"progress":[2],"showLabel":[4,"show-label"],"labelPosition":[1,"label-position"]}]]],["p-1a3512f3",[[1,"gb-mega-input-field-base",{"size":[1],"state":[1],"inputValue":[32]}]]],["p-29a9c080",[[1,"gb-tag",{"size":[1],"icon":[1],"action":[1],"flagSwap":[1,"flag-swap"],"checkbox":[4],"onTagClose":[64]}],[1,"gb-input-dropdown-menu-item",{"type":[1],"supportingText":[4,"supporting-text"],"selected":[1028],"state":[1],"color":[1],"handleClick":[64]}],[1,"gb-tag-checkbox",{"checked":[4],"size":[1],"disabled":[4]}],[1,"gb-tag-close",{"size":[1]}],[1,"gb-tag-count",{"size":[1]}]]],["p-43f078c4",[[1,"gb-input-field",{"size":[1],"type":[1],"destructive":[1028],"state":[1],"showLabel":[4,"show-label"],"label":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"errorText":[1,"error-text"],"showPlaceholder":[4,"show-placeholder"],"placeholder":[1],"showHelpIcon":[4,"show-help-icon"],"showValidation":[4,"show-validation"],"showCountryIcon":[4,"show-country-icon"],"iconSwap":[1,"icon-swap"],"showCloseButton":[1028,"show-close-button"],"options":[1040],"idOfInput":[513,"id-of-input"],"labelText":[513,"label-text"],"isReadOnly":[516,"is-read-only"],"results":[1040],"menuPosition":[1,"menu-position"],"icon":[1],"value":[1032],"inputValue":[32],"tags":[32],"leadingIconSvg":[32],"isPasswordVisible":[32],"showDropdown":[32],"selectedItem":[32],"selectedItems":[32],"unselectedItems":[32],"paddingLeft":[32],"paddingTop":[32],"dropdownOpen":[32],"show":[32],"showSpinner":[32]},[[4,"click","handleClickOutside"]],{"options":["optionsChanged"],"value":["updateSelectedItems"]}],[1,"gb-password-button",{"state":[1],"isPasswordVisible":[32]}],[1,"gb-help-tooltip",{"showArrow":[4,"show-arrow"],"showSupportingText":[4,"show-supporting-text"],"showHelpTooltip":[32]}]]],["p-749299d2",[[1,"gb-input-dropdown",{"type":[1],"state":[1025],"size":[1],"showLabel":[4,"show-label"],"label":[1],"placeholder":[1],"showHintText":[4,"show-hint-text"],"hintText":[1,"hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"iconSwap":[1,"icon-swap"],"text":[4],"leadingIcon":[1,"leading-icon"],"icon":[1],"items":[1040],"value":[1040],"supportingText":[4,"supporting-text"],"color":[1],"showBorder":[4,"show-border"],"menuPosition":[1,"menu-position"],"showSearchInput":[4,"show-search-input"],"inputValue":[1,"input-value"],"destructive":[1028],"errorText":[1,"error-text"],"leadingIconSvg":[32],"dropdownOpen":[32],"selectedItems":[32],"unselectedItems":[32],"selectedItem":[32],"searchItem":[32],"searchResults":[32]},[[4,"click","handleClickOutside"]]],[1,"gb-pagination-button-group-base",{"icon":[1],"state":[1],"iconSrc":[1,"icon-src"],"leadingIconSvg":[32]}],[1,"gb-pagination-number-base",{"shape":[1],"state":[1]}]]],["p-721c9ce5",[[1,"gb-simple-side-bar-item",{"state":[1],"type":[1],"label":[1],"icon":[1],"category":[1],"showArrow":[4,"show-arrow"],"showBadge":[4,"show-badge"],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-collapse-button",{"color":[1],"isCollapsed":[1028,"is-collapsed"],"action":[1025],"isHovered":[1028,"is-hovered"],"collapseSidebar":[64],"expandSidebar":[64]}],[1,"gb-complex-primary-side-bar-item",{"category":[1],"itemStyle":[1,"item-style"],"state":[1],"icon":[1],"label":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}],[1,"gb-complex-secondary-side-bar-item",{"state":[1],"type":[1],"category":[1],"label":[1],"icon":[1],"showTooltip":[1028,"show-tooltip"],"leadingIconSvg":[32]}]]]]'),t)}));
|
|
2
2
|
//# sourceMappingURL=globuscomponents.esm.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as s,a as t,h as a,g as i}from"./p-bf92be61.js";import{S as c}from"./p-47052b60.js";const n=".header_div{display:flex;flex-direction:column;align-items:center;width:100%;border-bottom:0.7px solid var(--color-border-subtle, #CDD5DF);background:var(--color-surface, #FFFFFF)}.content{display:flex;height:4.5rem;padding:0rem 2rem;justify-content:space-between;align-items:center;align-self:stretch}.inner_content{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-4);flex:1 0 0}.action{display:flex;gap:var(--spacing-2)}";const l=n;const o=class{constructor(t){e(this,t);this.navBarItemClicked=s(this,"navBarItemClicked",7);this.menuClicked=s(this,"menuClicked",7);this.state=undefined;this.showIndicator=false;this.text=false;this.placeholder=false;this.color=undefined;this.showBorder=false;this.showNotification=false;this.showHelp=false;this.showLogo=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"}}componentDidLoad(){const e=this.el.querySelector("[slot='initials']");if(e){e.classList.add("text-md-semi-bold");e.classList.add(this.applyColorToInitials())}}async onNavBarItemClicked(e){this.navBarItemClicked.emit(e)}async onMenuClicked(){this.menuClicked.emit()}render(){const e=t(`assets/help-circle.svg`);const s=t(`assets/notification-03.svg`);const i=t(`assets/globus_bank_logo_blue.svg`);return a("div",{key:"9845c35008981e9311d36d2dbad76a9b136d6d53",class:`header_div`},a("div",{key:"86113e12736e045273ae41d0b4ddca07863cd475",class:"content"},this.showLogo&&a("div",{key:"c859dfdcb93638dd932cb5704f0515ef9d8a2f65",class:"logo"},a("img",{key:"c695ddd2dbf741cbf21f096a1b75a19ccbc086e2",src:i,alt:""})),a("div",{key:"c5af58f684f160bcd565a1bc4456ea3de96291a0",class:"inner_content"},a("div",{key:"d9bb52637f313099f45551d76fba8846441b2b7a",class:`action`},this.showHelp&&a("gb-header-icon",{key:"922a569f94a14f90b23f822c63931e10fd2dc78a",state:c.Default,icon:e,onClick:()=>this.onNavBarItemClicked("help")}),this.showNotification&&a("gb-header-icon",{key:"9cd92aee157b156d0a90110ad3036ed9656150b7",state:this.state,icon:s,"show-indicator":this.showIndicator,onClick:()=>this.onNavBarItemClicked("notification")})),a("gb-avatar",{key:"0170e978723f8265899c5c443ab79e5943feccf3",size:"md",text:this.text,placeholder:this.placeholder,color:this.color,"show-border":this.showBorder,onClick:()=>this.onNavBarItemClicked("avatar")},this.text?a("slot",{slot:"initials",name:"initials"}):a("slot",{name:"image",slot:"image"})))))}get el(){return i(this)}};o.style=l;export{o as gb_header};
|
|
2
|
+
//# sourceMappingURL=p-be2899fd.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["gbHeaderCss","GbHeaderStyle0","GbHeader","applyColorToInitials","this","color","componentDidLoad","initials","el","querySelector","classList","add","onNavBarItemClicked","item","navBarItemClicked","emit","onMenuClicked","menuClicked","render","helpIconSrc","getAssetPath","notificationIconSrc","logo","h","key","class","showLogo","src","alt","showHelp","state","StateEnum","Default","icon","onClick","showNotification","showIndicator","size","text","placeholder","showBorder","slot","name"],"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 width: 100%;\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 @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<string>;\r\n @Event() menuClicked: EventEmitter<void>;\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 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(item: string) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(item);\r\n // console.log(index);\r\n }\r\n\r\n async onMenuClicked() {\r\n this.menuClicked.emit();\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 const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <div class=\"logo\">\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked('help')}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked('notification')}></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} show-border={this.showBorder} onClick={() => this.onNavBarItemClicked('avatar')}>\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}"],"mappings":"oGAAA,MAAMA,EAAc,mcACpB,MAAAC,EAAeD,E,MCOFE,EAAQ,M,+JAEc,M,UACT,M,iBACO,M,qCAED,M,sBACM,M,cACR,M,cACA,K,CAK5B,oBAAAC,GACE,OAAQC,KAAKC,OACX,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,SACH,MAAO,SACT,IAAK,QACH,MAAO,QACT,IAAK,SACH,MAAO,S,CAIb,gBAAAC,GACE,MAAMC,EAAWH,KAAKI,GAAGC,cAAc,qBAEvC,GAAIF,EAAU,CACZA,EAASG,UAAUC,IAAI,qBACvBJ,EAASG,UAAUC,IAAIP,KAAKD,uB,EAKhC,yBAAMS,CAAoBC,GAExBT,KAAKU,kBAAkBC,KAAKF,E,CAI9B,mBAAMG,GACJZ,KAAKa,YAAYF,M,CAGnB,MAAAG,GACE,MAAMC,EAAcC,EAAa,0BACjC,MAAMC,EAAsBD,EAAa,8BACzC,MAAME,EAAOF,EAAa,oCAE1B,OACEG,EAAA,OAAAC,IAAA,2CAAKC,MAAO,cACVF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACRrB,KAAKsB,UACJH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKG,IAAKL,EAAMM,IAAI,MAGxBL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,UACTrB,KAAKyB,UAAYN,EAAA,kBAAAC,IAAA,2CAAgBM,MAAOC,EAAUC,QAASC,KAAMd,EAAae,QAAS,IAAM9B,KAAKQ,oBAAoB,UACtHR,KAAK+B,kBACJZ,EAAA,kBAAAC,IAAA,2CAAgBM,MAAO1B,KAAK0B,MAAOG,KAAMZ,EAAmB,iBAAkBjB,KAAKgC,cAAeF,QAAS,IAAM9B,KAAKQ,oBAAoB,mBAG9IW,EAAA,aAAAC,IAAA,2CAAWa,KAAK,KAAKC,KAAMlC,KAAKkC,KAAMC,YAAanC,KAAKmC,YAAalC,MAAOD,KAAKC,MAAK,cAAeD,KAAKoC,WAAYN,QAAS,IAAM9B,KAAKQ,oBAAoB,WAC3JR,KAAKkC,KAAOf,EAAA,QAAMkB,KAAK,WAAWC,KAAK,aAAqBnB,EAAA,QAAMmB,KAAK,QAAQD,KAAK,a","ignoreList":[]}
|
|
@@ -26,6 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
- [gb-action-panel](../gb-action-panel)
|
|
28
28
|
- [gb-checkbox-group-item](../gb-checkbox-group-item)
|
|
29
|
+
- [gb-detail-cell](../gb-detail-cell)
|
|
29
30
|
- [gb-file-upload](../gb-file-upload)
|
|
30
31
|
- [gb-file-upload-item-base](../gb-file-upload-item-base)
|
|
31
32
|
- [gb-input-field](../gb-input-field)
|
|
@@ -39,6 +40,7 @@
|
|
|
39
40
|
graph TD;
|
|
40
41
|
gb-action-panel --> gb-button
|
|
41
42
|
gb-checkbox-group-item --> gb-button
|
|
43
|
+
gb-detail-cell --> gb-button
|
|
42
44
|
gb-file-upload --> gb-button
|
|
43
45
|
gb-file-upload-item-base --> gb-button
|
|
44
46
|
gb-input-field --> gb-button
|
|
@@ -11,11 +11,11 @@ export declare class GbHeader {
|
|
|
11
11
|
showHelp: boolean;
|
|
12
12
|
showLogo: boolean;
|
|
13
13
|
el: HTMLElement;
|
|
14
|
-
navBarItemClicked: EventEmitter<
|
|
14
|
+
navBarItemClicked: EventEmitter<string>;
|
|
15
15
|
menuClicked: EventEmitter<void>;
|
|
16
16
|
applyColorToInitials(): "gray" | "pink" | "purple" | "blue" | "cyan" | "green" | "yellow";
|
|
17
17
|
componentDidLoad(): void;
|
|
18
|
-
onNavBarItemClicked(
|
|
18
|
+
onNavBarItemClicked(item: string): Promise<void>;
|
|
19
19
|
onMenuClicked(): Promise<void>;
|
|
20
20
|
render(): any;
|
|
21
21
|
}
|
|
@@ -245,7 +245,7 @@ export namespace Components {
|
|
|
245
245
|
}
|
|
246
246
|
interface GbHeader {
|
|
247
247
|
"color": AvatarColorTypes;
|
|
248
|
-
"onNavBarItemClicked": (
|
|
248
|
+
"onNavBarItemClicked": (item: string) => Promise<void>;
|
|
249
249
|
"placeholder": boolean;
|
|
250
250
|
"showBorder": boolean;
|
|
251
251
|
"showHelp": boolean;
|
|
@@ -1032,7 +1032,7 @@ declare global {
|
|
|
1032
1032
|
new (): HTMLGbFileUploadItemBaseElement;
|
|
1033
1033
|
};
|
|
1034
1034
|
interface HTMLGbHeaderElementEventMap {
|
|
1035
|
-
"navBarItemClicked":
|
|
1035
|
+
"navBarItemClicked": string;
|
|
1036
1036
|
"menuClicked": void;
|
|
1037
1037
|
}
|
|
1038
1038
|
interface HTMLGbHeaderElement extends Components.GbHeader, HTMLStencilElement {
|
|
@@ -1810,7 +1810,7 @@ declare namespace LocalJSX {
|
|
|
1810
1810
|
interface GbHeader {
|
|
1811
1811
|
"color"?: AvatarColorTypes;
|
|
1812
1812
|
"onMenuClicked"?: (event: GbHeaderCustomEvent<void>) => void;
|
|
1813
|
-
"onNavBarItemClicked"?: (event: GbHeaderCustomEvent<
|
|
1813
|
+
"onNavBarItemClicked"?: (event: GbHeaderCustomEvent<string>) => void;
|
|
1814
1814
|
"placeholder"?: boolean;
|
|
1815
1815
|
"showBorder"?: boolean;
|
|
1816
1816
|
"showHelp"?: boolean;
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e,c as s,a as t,h as i,g as a}from"./p-bf92be61.js";import{S as c}from"./p-47052b60.js";const n=".header_div{display:flex;flex-direction:column;align-items:center;width:100%;border-bottom:0.7px solid var(--color-border-subtle, #CDD5DF);background:var(--color-surface, #FFFFFF)}.content{display:flex;height:4.5rem;padding:0rem 2rem;justify-content:space-between;align-items:center;align-self:stretch}.inner_content{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-4);flex:1 0 0}.action{display:flex;gap:var(--spacing-2)}";const l=n;const r=class{constructor(t){e(this,t);this.navBarItemClicked=s(this,"navBarItemClicked",7);this.menuClicked=s(this,"menuClicked",7);this.state=undefined;this.showIndicator=false;this.text=false;this.placeholder=false;this.color=undefined;this.showBorder=false;this.showNotification=false;this.showHelp=false;this.showLogo=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"}}componentDidLoad(){const e=this.el.querySelector("[slot='initials']");if(e){e.classList.add("text-md-semi-bold");e.classList.add(this.applyColorToInitials())}}async onNavBarItemClicked(e){this.navBarItemClicked.emit(e)}async onMenuClicked(){this.menuClicked.emit()}render(){const e=t(`assets/help-circle.svg`);const s=t(`assets/notification-03.svg`);const a=t(`assets/globus_bank_logo_blue.svg`);return i("div",{key:"b1342a7db89c1baccf6ea51acbe1300b47e7d18e",class:`header_div`},i("div",{key:"27d46f04e1bd35540030e08c75e6717e30e53c0a",class:"content"},this.showLogo&&i("div",{key:"b38884de610f34cedb1df75e6f0a53c8cd89bfc5",class:"logo"},i("img",{key:"795eeac5f30866c1d75df88d29a58bbfe52a220e",src:a,alt:""})),i("div",{key:"cec0d8423a4fbbb57aeb4cec9fc49e5e4e8486a3",class:"inner_content"},i("div",{key:"4ec62253b3fcb1c0b5c482c917434ff20ce5ece2",class:`action`},this.showHelp&&i("gb-header-icon",{key:"aec164c4787fb4360df779d05ddc7b606b33a25f",state:c.Default,icon:e,onClick:()=>this.onNavBarItemClicked(0)}),this.showNotification&&i("gb-header-icon",{key:"8f8f18f76b630e414af4f573717db62b7a21e594",state:this.state,icon:s,"show-indicator":this.showIndicator,onClick:()=>this.onNavBarItemClicked(1)})),i("gb-avatar",{key:"e53cdc364c353d4ac93a641601144bef41b4c0f5",size:"md",text:this.text,placeholder:this.placeholder,color:this.color,"show-border":this.showBorder,onClick:()=>this.onNavBarItemClicked(2)},this.text?i("slot",{slot:"initials",name:"initials"}):i("slot",{name:"image",slot:"image"})))))}get el(){return a(this)}};r.style=l;export{r as gb_header};
|
|
2
|
-
//# sourceMappingURL=p-d20b927f.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["gbHeaderCss","GbHeaderStyle0","GbHeader","applyColorToInitials","this","color","componentDidLoad","initials","el","querySelector","classList","add","onNavBarItemClicked","index","navBarItemClicked","emit","onMenuClicked","menuClicked","render","helpIconSrc","getAssetPath","notificationIconSrc","logo","h","key","class","showLogo","src","alt","showHelp","state","StateEnum","Default","icon","onClick","showNotification","showIndicator","size","text","placeholder","showBorder","slot","name"],"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 width: 100%;\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 @Prop() showBorder: boolean = false;\r\n @Prop() showNotification: boolean = false;\r\n @Prop() showHelp: boolean = false;\r\n @Prop() showLogo: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<number>;\r\n @Event() menuClicked: EventEmitter<void>;\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 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 async onMenuClicked() {\r\n this.menuClicked.emit();\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 const logo = getAssetPath(`assets/globus_bank_logo_blue.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n {this.showLogo && (\r\n <div class=\"logo\">\r\n <img src={logo} alt=\"\" />\r\n </div>\r\n )}\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n {this.showHelp && <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked(0)}></gb-header-icon>}\r\n {this.showNotification && (\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked(1)}></gb-header-icon>\r\n )}\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} show-border={this.showBorder} 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}"],"mappings":"oGAAA,MAAMA,EAAc,mcACpB,MAAAC,EAAeD,E,MCOFE,EAAQ,M,+JAEc,M,UACT,M,iBACO,M,qCAED,M,sBACM,M,cACR,M,cACA,K,CAK5B,oBAAAC,GACE,OAAQC,KAAKC,OACX,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,OACH,MAAO,OACT,IAAK,SACH,MAAO,SACT,IAAK,QACH,MAAO,QACT,IAAK,SACH,MAAO,S,CAIb,gBAAAC,GACE,MAAMC,EAAWH,KAAKI,GAAGC,cAAc,qBAEvC,GAAIF,EAAU,CACZA,EAASG,UAAUC,IAAI,qBACvBJ,EAASG,UAAUC,IAAIP,KAAKD,uB,EAKhC,yBAAMS,CAAoBC,GAExBT,KAAKU,kBAAkBC,KAAKF,E,CAI9B,mBAAMG,GACJZ,KAAKa,YAAYF,M,CAGnB,MAAAG,GACE,MAAMC,EAAcC,EAAa,0BACjC,MAAMC,EAAsBD,EAAa,8BACzC,MAAME,EAAOF,EAAa,oCAE1B,OACEG,EAAA,OAAAC,IAAA,2CAAKC,MAAO,cACVF,EAAA,OAAAC,IAAA,2CAAKC,MAAM,WACRrB,KAAKsB,UACJH,EAAA,OAAAC,IAAA,2CAAKC,MAAM,QACTF,EAAA,OAAAC,IAAA,2CAAKG,IAAKL,EAAMM,IAAI,MAGxBL,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,UACTrB,KAAKyB,UAAYN,EAAA,kBAAAC,IAAA,2CAAgBM,MAAOC,EAAUC,QAASC,KAAMd,EAAae,QAAS,IAAM9B,KAAKQ,oBAAoB,KACtHR,KAAK+B,kBACJZ,EAAA,kBAAAC,IAAA,2CAAgBM,MAAO1B,KAAK0B,MAAOG,KAAMZ,EAAmB,iBAAkBjB,KAAKgC,cAAeF,QAAS,IAAM9B,KAAKQ,oBAAoB,MAG9IW,EAAA,aAAAC,IAAA,2CAAWa,KAAK,KAAKC,KAAMlC,KAAKkC,KAAMC,YAAanC,KAAKmC,YAAalC,MAAOD,KAAKC,MAAK,cAAeD,KAAKoC,WAAYN,QAAS,IAAM9B,KAAKQ,oBAAoB,IAC3JR,KAAKkC,KAAOf,EAAA,QAAMkB,KAAK,WAAWC,KAAK,aAAqBnB,EAAA,QAAMmB,KAAK,QAAQD,KAAK,a","ignoreList":[]}
|