globuswebcomponents 1.7.4 → 1.7.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_24.cjs.entry.js +4 -2
- package/dist/cjs/gb-avatar_24.cjs.entry.js.map +1 -1
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/reusableModels-_LRAKnsh.js.map +1 -1
- package/dist/collection/components/gb-badge/gb-badge.js +9 -3
- package/dist/collection/components/gb-badge/gb-badge.js.map +1 -1
- package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +68 -1
- package/dist/collection/components/gb-detail-cell/gb-detail-cell.js.map +1 -1
- package/dist/collection/models/reusableModels.js.map +1 -1
- package/dist/components/gb-badge.js +1 -1
- package/dist/components/gb-detail-cell.js +7 -2
- package/dist/components/gb-detail-cell.js.map +1 -1
- package/dist/components/gb-filter-button.js +1 -1
- package/dist/components/gb-horizontal-tabs.js +2 -2
- package/dist/components/gb-sidebar.js +2 -2
- package/dist/components/gb-simple-side-bar-item.js +1 -1
- package/dist/components/gb-tab-button-base.js +1 -1
- package/dist/components/gb-top-bar-sidemenu.js +3 -3
- package/dist/components/gb-vertical-tabs.js +1 -1
- package/dist/components/{p-5RpAZ8Y6.js → p-B3vwqSMg.js} +3 -3
- package/dist/components/{p-5RpAZ8Y6.js.map → p-B3vwqSMg.js.map} +1 -1
- package/dist/components/{p-BSVEFKEf.js → p-BK2fLoR1.js} +4 -4
- package/dist/components/{p-BSVEFKEf.js.map → p-BK2fLoR1.js.map} +1 -1
- package/dist/components/{p-GDNc5Jlc.js → p-BxVBZl-X.js} +3 -3
- package/dist/components/{p-GDNc5Jlc.js.map → p-BxVBZl-X.js.map} +1 -1
- package/dist/components/p-cHn6O-Kf.js.map +1 -1
- package/dist/components/{p-_huP9NbJ.js → p-rvs_81wL.js} +3 -3
- package/dist/components/{p-_huP9NbJ.js.map → p-rvs_81wL.js.map} +1 -1
- package/dist/docs.json +116 -3
- package/dist/esm/gb-avatar_24.entry.js +4 -2
- package/dist/esm/gb-avatar_24.entry.js.map +1 -1
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/reusableModels-cHn6O-Kf.js.map +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/{p-a7e01fee.entry.js → p-5948b2e6.entry.js} +2 -2
- package/dist/globuscomponents/p-5948b2e6.entry.js.map +1 -0
- package/dist/globuscomponents/p-cHn6O-Kf.js.map +1 -1
- package/dist/types/components/gb-badge/gb-badge.d.ts +2 -2
- package/dist/types/components/gb-detail-cell/gb-detail-cell.d.ts +4 -1
- package/dist/types/components.d.ts +10 -4
- package/dist/types/models/reusableModels.d.ts +1 -0
- package/package.json +1 -1
- package/dist/globuscomponents/p-a7e01fee.entry.js.map +0 -1
|
@@ -223,7 +223,7 @@ const GbBadges = class {
|
|
|
223
223
|
};
|
|
224
224
|
const flagSwap = index.getAssetPath(`${this.flagSwap}`);
|
|
225
225
|
const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';
|
|
226
|
-
return (index.h("div", { key: '
|
|
226
|
+
return (index.h("div", { key: 'a84d7d122952e744bcb8750d89bf6db4359f5ee5', class: classes }, this.icon === 'dot' && (index.h("svg", { key: '478abafcdaee0a03e6185f80ebbab3344b7a43aa', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, index.h("circle", { key: '4591a39cfb6e18c5918d770291f50e76768bc1e4', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && index.h("div", { key: '6d165b7039299c83124364a30d9d49c944787654', class: `icon left-icon`, innerHTML: this.leadingIconContent }), this.icon === 'country' && index.h("img", { key: 'd8f0a10548b121a90384ef4fd84991b59a18dce6', src: flagSwap, alt: "Country Icon" }), this.icon === 'avatar' && (index.h("gb-avatar", { key: 'cac2a4b6c1e05364638a8ed17556da0045c4ecc1', class: "avatar-icon", size: "xxs", "status-icon": "false" }, index.h("slot", { key: 'd4d0c70a2f575981cb15e253e93bb038bdabb7a2', name: "image", slot: "image" }))), this.icon !== 'only' && index.h("slot", { key: 'fbc0bea22924b8b1db1d9c8da0c2111c84d67d8b' }), this.icon === 'icon_trailing' && this.iconTrailingSwap && index.h("div", { key: 'fc50f3d75cadb045865350c05c10dd4d478ae145', class: `icon right-icon`, innerHTML: this.trailingIconContent }), this.icon === 'only' && (index.h("div", { key: 'ce1a08e92994822e50eb8877805ae54936a4f121', id: "icon-only" }, index.h("svg", { key: '8fee90ca49ed35327bce8154382a50975c825cda', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, index.h("path", { key: '3db36c62424e833595f6e4f8781bba63185b6b36', d: "M6 2L6 10M10 6L2 6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.closeButton && this.icon !== 'only' && index.h("gb-badge-close", { key: '2d28e044f305e2205de0967ad17620ebd57a2ec5', color: this.color, type: "rounded" })));
|
|
227
227
|
}
|
|
228
228
|
static get assetsDirs() { return ["assets"]; }
|
|
229
229
|
get el() { return index.getElement(this); }
|
|
@@ -639,6 +639,8 @@ const GbDetailCell = class {
|
|
|
639
639
|
this.downloadButtonClicked = index.createEvent(this, "downloadButtonClicked");
|
|
640
640
|
this.label = '';
|
|
641
641
|
this.detail = '';
|
|
642
|
+
this.badgeIconLeading = '';
|
|
643
|
+
this.badgeIconTrailing = '';
|
|
642
644
|
this.badgeLabel = '';
|
|
643
645
|
this.showActionButtons = false;
|
|
644
646
|
this.showViewButton = false;
|
|
@@ -694,7 +696,7 @@ const GbDetailCell = class {
|
|
|
694
696
|
}
|
|
695
697
|
}
|
|
696
698
|
render() {
|
|
697
|
-
return (index.h("div", { key: '
|
|
699
|
+
return (index.h("div", { key: '4f4ab6cdf4e8b9ed6fd2c3831e3aed096a8849d0', 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: '80be269e3f69e4d0567be3e1a8a59098ff89f354', class: "info_text_div" }, index.h("p", { key: '898b5413ba3e98f2cd3df4c8cf394aac70549401', class: "label text-sm-regular" }, this.label), index.h("p", { key: '6650cebae733d89ecfa4df4debcb3cd90c7700ee', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: '1ecc82255ee9e5adbb55ac4e67cd78e2d75e2927', "show-arrow": false, class: "information_text_tooltip" }, index.h("p", { key: '067c62163cfe15b8558ffef92aa1c9bd5379c74e', slot: "label" }, this.detail)))), this.showStandardCopyButton && (index.h("gb-button", { key: '194dfa1e66e0744d50bf9637f4d9a8fdfeed52e6', 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: 'c8d90d17e85dfc9ab9aa4e69f7bf369059133710', "show-arrow": false, class: "copied_tooltip" }, index.h("p", { key: '20e713c5b4ba95c507c7fe2d518a4fd1bf595da5', slot: "label" }, "Copied!"))))), this.type === 'document' && this.cellStyle === 'standard' && (index.h(index.Fragment, null, index.h("gb-file-type-icon", { key: '15b55b738499ff9b3ef37527353def96960b7cb6', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: 'b9b0fc3372ac45516bdd197f0f6696dd1c58e790', class: "document_text_div" }, index.h("p", { key: 'affaadeb36c666c02d57832161274f5d57ef23dc', class: "label text-sm-regular" }, this.label), index.h("p", { key: 'bd19a980919c86634c26ac59c93db850e9ea459b', class: "detail text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail), this.showTooltip && (index.h("gb-tooltip", { key: '47acc3cc9adeb2148a9cbe783c36c56385179087', "show-arrow": false, class: "document_detail_tooltip" }, index.h("p", { key: '4bc7264cec542bcbc3f11fdd90adf764d23b1532', 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: '5defa52f1590aa63155e94197f4a11affb0f17bc', class: "status_text_div" }, index.h("p", { key: '5994a27a212cf68f3fdad2a5693ecbd7155fb629', class: "label text-sm-regular" }, this.label), index.h("gb-badge", { key: 'c4b61f93aa2a8f0f9eaef0431a45033e1d16d282', size: "sm", type: this.badgeType, icon: this.badgeIcon, color: this.badgeColor, "icon-leading-swap": this.badgeIconLeading, "icon-trailing-swap": this.badgeIconTrailing }, index.h("p", { key: '2d390ae2f447cab465b0eff441bd2d4e4df93553' }, this.badgeLabel)))), this.type === 'information' && this.cellStyle === 'compact' && (index.h("div", { key: 'b82dae47bbcd6bf0a6602426cc0a432862d40d60', class: "compact_info_div" }, index.h("div", { key: '05bdae092a4f318db96d5b419da7af79af5612af', class: "compact_info_text_div" }, index.h("div", { key: 'aff0a21c728991b8a8115f3bd4aeff7c62b887ab', class: "compact_label" }, index.h("p", { key: '8251dec3096ddba686115702b9babd0d238869d2', class: "label text-sm-regular" }, this.label)), index.h("div", { key: '68ffbe6b912786c3a064ef954dbea3aa17d82199', class: "compact_detail" }, index.h("p", { key: '0bb5adaec06a5591d4a7a22f709c387ac5aa60d0', class: "detail_compact_text text-md-medium" }, this.detail), this.copied && (index.h("gb-tooltip", { key: '8daf6c7fabfd1df48b0dae298c58ded3f1e1c4d0', "show-arrow": false, class: "compact_copied_tooltip" }, index.h("p", { key: '8117dbe351d9ccedd37d05601d61b9260284091b', slot: "label" }, "Copied!")))), this.showCopyButton && (index.h("gb-button", { key: '4655d3674335c512a53662a5870fb21057b5daff', 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: 'b93c088a29da24e1cf123395ad24b3550097ee55', class: "compact_doc_div" }, index.h("gb-file-type-icon", { key: 'b0e5acd6c5d9c49e229222bc3c9735ef7a27de23', "file-style": this.fileStyle, "file-type": this.fileType }), index.h("div", { key: '06f8f8a874900c72eed34f94e8117ad3c8a2051d', class: "compact_doc_text_div" }, index.h("p", { key: 'b5db5db38f9923cfba203c9f418d6b10ec3d9864', class: "doc_label text-sm-regular" }, this.label), index.h("div", { key: 'e6208d5deb754e27faf60189db4a2af2f73f6728', class: "compact_doc_detail" }, index.h("p", { key: '28a64fe452c2c380c5403f0513bbd29f8b5ad0fc', class: "detaill text-md-medium", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.detail)), this.isDownloaded && (index.h("gb-tooltip", { key: '48b9a82d740159fca3ab52adfa6e6cbede8ba26d', "show-arrow": false, class: "compact_downloaded_tooltip" }, index.h("p", { key: '93718b8a57a5b9cc6d8fc466c5b8a7ac23516a31', slot: "label" }, "Downloaded!"))), this.showActionButtons && (index.h("div", { key: '965cbd9ee226394839692dc4b5d81e6cace0e3e3', class: "button_container" }, this.showViewButton && (index.h("gb-button", { key: '126352f3a035232a9a9f26122870c7d060c14769', 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: '146a6ec05e49feb32ee80af7f7082cd09b8e2851', 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: 'adb9ed14016ca677bea1dbb46cb4f13773264bba', class: "compact_status_div" }, index.h("div", { key: '844a06f58d403fae254fe46e97361891c933a02b', class: "compact_status_text_div" }, index.h("div", { key: '91ffaa7b1edb40ff3d115bdc9da69edb575b14bf', class: "compact_label" }, index.h("p", { key: 'd3aaeeb3f2b21c6d627b616a32a572b897bbe5d8', class: "label text-sm-regular" }, this.label)), index.h("gb-badge", { key: '77c8a50719a2e2a6460decd943a07967e1e067bd', size: "sm", type: this.badgeType, icon: "dot", color: this.badgeColor }, index.h("p", { key: '00f3b40f35e40c310e2ee5266014a4cb01fb2842' }, this.badgeLabel)))))));
|
|
698
700
|
}
|
|
699
701
|
};
|
|
700
702
|
GbDetailCell.style = gbDetailCellCss;
|