globuswebcomponents 1.3.3 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gb-avatar_32.cjs.entry.js +15 -5
- package/dist/cjs/gb-avatar_32.cjs.entry.js.map +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +1 -3
- package/dist/collection/components/gb-detail-cell/gb-detail-cell.js.map +1 -1
- package/dist/collection/components/gb-header/gb-header.js +1 -1
- package/dist/collection/components/gb-header/gb-header.js.map +1 -1
- package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js +19 -2
- package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js.map +1 -1
- package/dist/components/gb-detail-cell.js +1 -3
- package/dist/components/gb-detail-cell.js.map +1 -1
- package/dist/components/gb-header.js +1 -1
- package/dist/components/gb-header.js.map +1 -1
- package/dist/components/gb-stepper-horizontal-line-with-text.js +16 -3
- package/dist/components/gb-stepper-horizontal-line-with-text.js.map +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/gb-avatar_32.entry.js +15 -5
- package/dist/esm/gb-avatar_32.entry.js.map +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/{p-264260d5.entry.js → p-6766111b.entry.js} +2 -2
- package/dist/globuscomponents/p-6766111b.entry.js.map +1 -0
- package/dist/types/components/gb-detail-cell/gb-detail-cell.d.ts +0 -1
- package/dist/types/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.d.ts +4 -0
- package/package.json +1 -1
- package/dist/globuscomponents/p-264260d5.entry.js.map +0 -1
|
@@ -654,7 +654,6 @@ const GbDetailCell = class {
|
|
|
654
654
|
}
|
|
655
655
|
updateCellStyle() {
|
|
656
656
|
this.cellStyle = this.width < 768 ? 'compact' : 'standard';
|
|
657
|
-
console.log(this.width);
|
|
658
657
|
}
|
|
659
658
|
onViewButtonClicked() {
|
|
660
659
|
this.viewButtonClicked.emit();
|
|
@@ -689,9 +688,8 @@ const GbDetailCell = class {
|
|
|
689
688
|
}
|
|
690
689
|
}
|
|
691
690
|
render() {
|
|
692
|
-
return (index.h("div", { key: '
|
|
691
|
+
return (index.h("div", { key: '1553706466bc58168bdeb1b2c3354190b4400582', class: `detail_cell_div ${this.type} ${this.cellStyle}`, onMouseEnter: () => this.onShowCopyButton(), onMouseLeave: () => this.onHideCopyButton() }, this.type === 'information' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("div", { key: '33ec965d64e941750629df4098fa2255f68b694d', class: "info_text_div" }, index.h("p", { key: 'd105ac2111148e1ba349f6c151de00f5fa589aa8', class: "label text-sm-regular" }, this.label), index.h("p", { key: '5154a8aaf7b156704c33fedeab091389a7d2c92b', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: '0012a66f18e8aaa6d846f41e3508821abdbd49b1', "show-arrow": false, class: "information_text_tooltip" }, index.h("p", { key: '0440c79101b5fd0bb67fcd71ad70e50163648433', slot: "label" }, this.detail)))), this.showStandardCopyButton && (index.h("gb-button", { key: '6eb23ab566809271d7e7afeacbcf29a8c4388377', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() })), this.copied && (index.h("gb-tooltip", { key: '44007f77eec1ab7fbace55b3d597c9676f61ed7c', "show-arrow": false, class: "copied_tooltip" }, index.h("p", { key: '6e4cc647ada1184de14e9880a16129f0decbb225', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("gb-file-type-icon", { key: '4efcda0eebbff709bfecf0cad316b04e161c6d94', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: 'f56d825aedf3735e5b59a4db5a754a6e18ae20b4', class: "document_text_div" }, index.h("p", { key: 'aadaa8c53ceb2b22a9f27a4b5f29ef1d64976e88', class: "label text-sm-regular" }, this.label), index.h("p", { key: '537e7017288331c9c7ff1faffe5fdc4349031d1d', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: 'f86120a65c36fe37a4a5cd7d068483ef32a49c35', "show-arrow": false, class: "document_detail_tooltip" }, index.h("p", { key: '79aec15ef8952a82c64c4481bf0e05e169a11308', slot: "label" }, this.detail)))), !this.isDownloaded ? (index.h(index.Fragment, null, this.showActionButtons && (index.h(index.Fragment, null, this.showViewButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() })))))) : (index.h("gb-tooltip", { "show-arrow": false, class: "downloaded_tooltip" }, index.h("p", { slot: "label" }, "Downloaded!"))))), this.type === 'status' && this.cellStyle === 'standard' && (index.h("div", { key: 'b72812e9b91b89b3109b23679ed9165d83fc72aa', class: "status_text_div" }, index.h("p", { key: 'efacd0f4722eceb1397578bf7dc4425d6301affe', class: "label text-sm-regular" }, this.label), index.h("gb-badge", { key: '4c0c31923a5e19e26f03c62c59ae8941c81f7618', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: '488ba92cacdadd8c65b120813ae6d2614fd95907' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (index.h("div", { key: '329a16b35ca9a9654e4aaf19c8d28c92ce530028', class: "compact_info_div" }, index.h("div", { key: '59556b9b38ec304e53554d27439c4ca5b051cc1c', class: "compact_info_text_div" }, index.h("div", { key: '7ef56dd340a2bfdecc7a2311d2c2e034e2cda7ba', class: "compact_label" }, index.h("p", { key: 'c4700ad143d378011c3f438aeb0e2efd58e5a4bd', class: "label text-sm-regular" }, this.label)), index.h("div", { key: '99c42029ebb32a9bb810d69a054d6c178c70b110', class: "compact_detail" }, index.h("p", { key: '219d00fc805aa7261d8a05ab9e61ae9d43ebb2af', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (index.h("gb-tooltip", { key: '22f52674e947aebd410410e8dd65a69309bf48b0', "show-arrow": false, class: "compact_copied_tooltip" }, index.h("p", { key: '01ca5f47e44773234b401b7f8aa824773fbad278', slot: "label" }, "Copied!")))), this.showCopyButton && (index.h("gb-button", { key: '67cb677c6efae405f2eae95bbfb40c2b030e694d', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/copy.svg", onClick: () => this.copyToClipboard() }))))), this.type === 'document' && this.cellStyle === 'compact' && (index.h("div", { key: 'a9f6354505eb25bdf48ac4fd2c5de8d8eed7412d', class: "compact_doc_div" }, index.h("gb-file-type-icon", { key: '52aabff2a94cc4ec54ba26ca976dd94cb493f4d7', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: '736ee7ebe5df90bc6d97da150b83d294000d4746', class: "compact_doc_text_div" }, index.h("p", { key: '05eb2d050cacd70301cc6e69e86a940f8169351b', class: "doc_label text-sm-regular" }, this.label), index.h("div", { key: '66e5b2e793c12da061eefa562be8591f06b9738a', class: "compact_doc_detail" }, index.h("p", { key: 'f47ca81acccc056cef3de6792032051bdf810dd4', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (index.h("gb-tooltip", { key: '7c594c9fe39f0ade8bb7f9d0fd6be02ea1f6a058', "show-arrow": false, class: "compact_downloaded_tooltip" }, index.h("p", { key: 'b53de10d9bd1e2e4b5b7979c1a484fa7385f130f', slot: "label" }, "Downloaded!"))), this.showActionButtons && (index.h("div", { key: '2952ff5ef85c62206c83d3695249086cb5b0462a', class: "button_container" }, this.showViewButton && (index.h("gb-button", { key: 'a4b5c88a33cfa8e9c9d2ec010c9c89ba4627e6eb', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/view.svg", onClick: () => this.onViewButtonClicked() })), this.showDownloadButton && (index.h("gb-button", { key: '1ac75d58d7579e90223bc46bf0b496dd14bd972a', size: "sm", hierarchy: "tertiary_gray", icon: "only", "icon-leading": "true", "icon-leading-swap": "assets/download-03.svg", onClick: () => this.onDownloadButtonClicked() }))))))), this.type === 'status' && this.cellStyle === 'compact' && (index.h("div", { key: '4ed254c054d89cfd96193f54eac909a20ea7beab', class: "compact_status_div" }, index.h("div", { key: 'c30634c7d918b342cd9e9413cd69867b9ad579c3', class: "compact_status_text_div" }, index.h("div", { key: 'f19c4d39cbdc50bde2812a2b2a6f632661a126c9', class: "compact_label" }, index.h("p", { key: 'f708466e7bce39fef8a9f3eb2544467f5e2267a5', class: "label text-sm-regular" }, this.label)), index.h("gb-badge", { key: '5a7a92fe89d991da7923da89623fe5511486dc1f', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: '369e9413d0f0f818cc8293f2b46f61b9c2514318' }, this.badgeLabel)))))));
|
|
693
692
|
}
|
|
694
|
-
get el() { return index.getElement(this); }
|
|
695
693
|
};
|
|
696
694
|
GbDetailCell.style = GbDetailCellStyle0;
|
|
697
695
|
|
|
@@ -780,7 +778,7 @@ const GbHeader = class {
|
|
|
780
778
|
const notificationIconSrc = index.getAssetPath(`assets/notification-03.svg`);
|
|
781
779
|
const logo = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
782
780
|
const iconLogo = index.getAssetPath(`assets/globus_bank_logo_white.svg`);
|
|
783
|
-
return (index.h("div", { key: 'c871dff6d2b245ebdc0211623459fb1023c3d3f2', class: `header_div` }, index.h("div", { key: '61b783b3b8a6f516eb6ac8dc9629b0524c8810ea', class: "content" }, this.showLogo && (index.h(index.Fragment, null, index.h("div", { key: '
|
|
781
|
+
return (index.h("div", { key: 'c871dff6d2b245ebdc0211623459fb1023c3d3f2', class: `header_div` }, index.h("div", { key: '61b783b3b8a6f516eb6ac8dc9629b0524c8810ea', class: "content" }, this.showLogo && (index.h(index.Fragment, null, index.h("div", { key: '2ce1bc88f9dd3d05b98b8e6c194ff267a2d1747f', class: "logo", onClick: () => this.onNavBarItemClicked('logo') }, index.h("img", { key: '50bb4aa47e78bc4dc0e61c9eb3b9e95d683e5ec9', src: logo, alt: "" })), index.h("div", { key: 'a9a9ecfdd28d4e44e4d9046c0e57c13ad07fd762', class: "icon_logo", onClick: () => this.onNavBarItemClicked('logo') }, index.h("img", { key: '0e69e359f719a422ed3267158c9130b1956b126e', src: iconLogo, alt: "" })))), index.h("div", { key: '4b8011a3de7b2f7e6f0fd7a0be4727735d694f2f', class: "inner_content" }, index.h("div", { key: 'ac586242978e6fc7521d90b1d58de54ed5fe0d7e', class: `action` }, this.showHelp && index.h("gb-header-icon", { key: 'e6a28785ba274970291a9cd4f2fbeaafad3628ad', state: reusableModels.StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked('help') }), this.showNotification && (index.h("gb-header-icon", { key: 'a7a8b857753a2af10e3959cb80d9b4752c29c79a', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked('notification') }))), index.h("gb-avatar", { key: '91f39c66cb6564916bd1a7361cc26557a49bb13a', 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" }))))));
|
|
784
782
|
}
|
|
785
783
|
get el() { return index.getElement(this); }
|
|
786
784
|
};
|
|
@@ -1579,6 +1577,10 @@ const GbStepperHorizontalLineWithTextStyle0 = gbStepperHorizontalLineWithTextCss
|
|
|
1579
1577
|
const GbStepperHorizontalLineWithText = class {
|
|
1580
1578
|
constructor(hostRef) {
|
|
1581
1579
|
index.registerInstance(this, hostRef);
|
|
1580
|
+
this.handleResize = () => {
|
|
1581
|
+
this.width = window.innerWidth;
|
|
1582
|
+
this.updatePropBasedOnSize();
|
|
1583
|
+
};
|
|
1582
1584
|
this.size = undefined;
|
|
1583
1585
|
this.breakpoint = undefined;
|
|
1584
1586
|
this.showContent = false;
|
|
@@ -1611,9 +1613,17 @@ const GbStepperHorizontalLineWithText = class {
|
|
|
1611
1613
|
this.fifthStepSupportingText = '';
|
|
1612
1614
|
this.sixthStepSupportingText = '';
|
|
1613
1615
|
this.seventhStepSupportingText = '';
|
|
1616
|
+
this.width = window.innerWidth;
|
|
1617
|
+
}
|
|
1618
|
+
componentWillLoad() {
|
|
1619
|
+
this.updatePropBasedOnSize();
|
|
1620
|
+
window.addEventListener('resize', this.handleResize);
|
|
1621
|
+
}
|
|
1622
|
+
updatePropBasedOnSize() {
|
|
1623
|
+
this.showSupportingText = this.width < 768 ? false : true;
|
|
1614
1624
|
}
|
|
1615
1625
|
render() {
|
|
1616
|
-
return (index.h("div", { key: '
|
|
1626
|
+
return (index.h("div", { key: 'd733e51f58b7729651bd3ccf8a02766b6021d382', class: "text_with_line" }, index.h("gb-step-base", { key: '48713ec89b1690dcdb0e3eaf51af3d08c97fc759', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), index.h("gb-step-base", { key: 'e7f2d3b1b33930d7d7b52216735e0e2e4587abf2', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }), this.thirdStepLabel && (index.h("gb-step-base", { key: '557bdc0f8d3eb1d4bd2a3a2c045b194f51bb8693', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fourthStepLabel && (index.h("gb-step-base", { key: '2270971a094e7a8d75b1ec9bee100831f58a2831', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.fifthStepLabel && (index.h("gb-step-base", { key: '5ea8c20066ab46d90e97298de20978f0e1738b8a', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.sixthStepLabel && (index.h("gb-step-base", { key: 'bff5ddf0ad83573fa3a3bef9d97807a52056bf10', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })), this.seventhStepLabel && (index.h("gb-step-base", { key: 'c0dde41fe810d95aac96a4991917fd131e8e8c65', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText }))));
|
|
1617
1627
|
}
|
|
1618
1628
|
};
|
|
1619
1629
|
GbStepperHorizontalLineWithText.style = GbStepperHorizontalLineWithTextStyle0;
|