globuswebcomponents 1.7.5 → 1.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/dist/cjs/{gb-avatar_24.cjs.entry.js → gb-avatar_22.cjs.entry.js} +41 -180
  2. package/dist/cjs/gb-avatar_22.cjs.entry.js.map +1 -0
  3. package/dist/cjs/gb-badge.gb-badge-close.entry.cjs.js.map +1 -0
  4. package/dist/cjs/gb-badge_2.cjs.entry.js +100 -0
  5. package/dist/cjs/gb-badge_2.cjs.entry.js.map +1 -0
  6. package/dist/cjs/gb-detail-cell.cjs.entry.js +88 -0
  7. package/dist/cjs/gb-detail-cell.cjs.entry.js.map +1 -0
  8. package/dist/cjs/gb-detail-cell.entry.cjs.js.map +1 -0
  9. package/dist/cjs/gb-file-type-icon.gb-progress-bar.entry.cjs.js.map +1 -0
  10. package/dist/cjs/gb-file-type-icon_2.cjs.entry.js +35 -0
  11. package/dist/cjs/gb-file-type-icon_2.cjs.entry.js.map +1 -0
  12. package/dist/cjs/gb-quick-action-icon.cjs.entry.js +1 -1
  13. package/dist/cjs/gb-quick-action-icon.cjs.entry.js.map +1 -1
  14. package/dist/cjs/gb-quick-action-icon.entry.cjs.js.map +1 -1
  15. package/dist/cjs/globuscomponents.cjs.js +1 -1
  16. package/dist/cjs/loader.cjs.js +1 -1
  17. package/dist/collection/components/gb-detail-cell/gb-detail-cell.js +10 -1
  18. package/dist/collection/components/gb-detail-cell/gb-detail-cell.js.map +1 -1
  19. package/dist/collection/components/gb-quick-action-card/gb-quick-action-card.css +2 -1
  20. package/dist/collection/components/gb-quick-action-icon/gb-quick-action-icon.css +1 -0
  21. package/dist/components/gb-detail-cell.js +10 -1
  22. package/dist/components/gb-detail-cell.js.map +1 -1
  23. package/dist/components/gb-quick-action-card.js +1 -1
  24. package/dist/components/gb-quick-action-card.js.map +1 -1
  25. package/dist/components/gb-quick-action-icon.js +1 -1
  26. package/dist/components/gb-quick-action-icon.js.map +1 -1
  27. package/dist/docs.json +1 -1
  28. package/dist/esm/{gb-avatar_24.entry.js → gb-avatar_22.entry.js} +40 -177
  29. package/dist/esm/gb-avatar_22.entry.js.map +1 -0
  30. package/dist/esm/gb-badge.gb-badge-close.entry.js.map +1 -0
  31. package/dist/esm/gb-badge_2.entry.js +97 -0
  32. package/dist/esm/gb-badge_2.entry.js.map +1 -0
  33. package/dist/esm/gb-detail-cell.entry.js +86 -0
  34. package/dist/esm/gb-detail-cell.entry.js.map +1 -0
  35. package/dist/esm/gb-file-type-icon.gb-progress-bar.entry.js.map +1 -0
  36. package/dist/esm/gb-file-type-icon_2.entry.js +32 -0
  37. package/dist/esm/gb-file-type-icon_2.entry.js.map +1 -0
  38. package/dist/esm/gb-quick-action-icon.entry.js +1 -1
  39. package/dist/esm/gb-quick-action-icon.entry.js.map +1 -1
  40. package/dist/esm/globuscomponents.js +1 -1
  41. package/dist/esm/loader.js +1 -1
  42. package/dist/globuscomponents/gb-badge.gb-badge-close.entry.esm.js.map +1 -0
  43. package/dist/globuscomponents/gb-detail-cell.entry.esm.js.map +1 -0
  44. package/dist/globuscomponents/gb-file-type-icon.gb-progress-bar.entry.esm.js.map +1 -0
  45. package/dist/globuscomponents/gb-quick-action-icon.entry.esm.js.map +1 -1
  46. package/dist/globuscomponents/globuscomponents.esm.js +1 -1
  47. package/dist/globuscomponents/p-1b5359cc.entry.js +2 -0
  48. package/dist/globuscomponents/p-1b5359cc.entry.js.map +1 -0
  49. package/dist/globuscomponents/{p-b0d53b3d.entry.js → p-1da61bd0.entry.js} +2 -2
  50. package/dist/globuscomponents/p-1da61bd0.entry.js.map +1 -0
  51. package/dist/globuscomponents/p-8753c257.entry.js +2 -0
  52. package/dist/globuscomponents/p-8753c257.entry.js.map +1 -0
  53. package/dist/globuscomponents/p-8b7214a6.entry.js +2 -0
  54. package/dist/globuscomponents/p-8b7214a6.entry.js.map +1 -0
  55. package/dist/globuscomponents/p-b199f35e.entry.js +2 -0
  56. package/dist/globuscomponents/p-b199f35e.entry.js.map +1 -0
  57. package/dist/types/components/gb-detail-cell/gb-detail-cell.d.ts +1 -0
  58. package/package.json +1 -1
  59. package/dist/cjs/gb-avatar_24.cjs.entry.js.map +0 -1
  60. package/dist/cjs/gb-card-icon.cjs.entry.js +0 -31
  61. package/dist/cjs/gb-card-icon.cjs.entry.js.map +0 -1
  62. package/dist/cjs/gb-card-icon.entry.cjs.js.map +0 -1
  63. package/dist/cjs/gb-progress-bar.cjs.entry.js +0 -22
  64. package/dist/cjs/gb-progress-bar.cjs.entry.js.map +0 -1
  65. package/dist/cjs/gb-progress-bar.entry.cjs.js.map +0 -1
  66. package/dist/cjs/gb-quick-action-card.cjs.entry.js +0 -22
  67. package/dist/cjs/gb-quick-action-card.cjs.entry.js.map +0 -1
  68. package/dist/cjs/gb-quick-action-card.entry.cjs.js.map +0 -1
  69. package/dist/esm/gb-avatar_24.entry.js.map +0 -1
  70. package/dist/esm/gb-card-icon.entry.js +0 -29
  71. package/dist/esm/gb-card-icon.entry.js.map +0 -1
  72. package/dist/esm/gb-progress-bar.entry.js +0 -20
  73. package/dist/esm/gb-progress-bar.entry.js.map +0 -1
  74. package/dist/esm/gb-quick-action-card.entry.js +0 -20
  75. package/dist/esm/gb-quick-action-card.entry.js.map +0 -1
  76. package/dist/globuscomponents/gb-card-icon.entry.esm.js.map +0 -1
  77. package/dist/globuscomponents/gb-progress-bar.entry.esm.js.map +0 -1
  78. package/dist/globuscomponents/gb-quick-action-card.entry.esm.js.map +0 -1
  79. package/dist/globuscomponents/p-51dca1d7.entry.js +0 -2
  80. package/dist/globuscomponents/p-51dca1d7.entry.js.map +0 -1
  81. package/dist/globuscomponents/p-5948b2e6.entry.js +0 -2
  82. package/dist/globuscomponents/p-5948b2e6.entry.js.map +0 -1
  83. package/dist/globuscomponents/p-9ed89197.entry.js +0 -2
  84. package/dist/globuscomponents/p-9ed89197.entry.js.map +0 -1
  85. package/dist/globuscomponents/p-b0d53b3d.entry.js.map +0 -1
  86. package/dist/globuscomponents/p-eef95f66.entry.js +0 -2
  87. package/dist/globuscomponents/p-eef95f66.entry.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"names":["gbDetailCellCss","GbDetailCell","constructor","hostRef","this","label","detail","badgeIconLeading","badgeIconTrailing","badgeLabel","showActionButtons","showViewButton","showDownloadButton","showCopyButton","showStandardCopyButton","showTooltip","copied","isDownloaded","width","window","innerWidth","handleResize","updateCellStyle","componentWillLoad","addEventListener","cellStyle","onViewButtonClicked","viewButtonClicked","emit","onDownloadButtonClicked","setTimeout","downloadButtonClicked","onShowCopyButton","type","onHideCopyButton","copyToClipboard","navigator","clipboard","writeText","error","console","componentDidLoad","render","h","key","class","onMouseEnter","onMouseLeave","Fragment","slot","size","hierarchy","icon","onClick","fileStyle","fileType","badgeType","badgeIcon","color","badgeColor"],"sources":["src/components/gb-detail-cell/gb-detail-cell.css?tag=gb-detail-cell&encapsulation=shadow","src/components/gb-detail-cell/gb-detail-cell.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host {\r\n min-width: 0;\r\n width: 100%;\r\n}\r\n\r\n.detail_cell_div {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);\r\n cursor: pointer;\r\n position: relative;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.detail_cell_div:hover {\r\n background: var(--color-background-gray-subtlest, #f6f8fa);\r\n}\r\n\r\n.detail_cell_div.standard {\r\n height: 5rem;\r\n padding: var(--spacing-none) var(--spacing-6);\r\n}\r\n\r\n.detail_cell_div.compact {\r\n padding: 0;\r\n}\r\n\r\n.info_text_div,\r\n.status_text_div,\r\n.document_text_div {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-3);\r\n flex: 1;\r\n}\r\n\r\n.status_text_div {\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.label {\r\n color: var(--color-text-subtle, #697586);\r\n display: block; /* Ensure block or inline-block */\r\n max-width: 100%; /* Set a fixed or max width */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n overflow: hidden; /* Hide overflowing text */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n flex: 1;\r\n min-width: 0; /* Ensure it can shrink properly */\r\n}\r\n\r\n.detail_div {\r\n width: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.detail {\r\n color: var(--color-text, #4b5565);\r\n display: block; /* Ensure block or inline-block */\r\n max-width: 100%; /* Set a fixed or max width */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n overflow: hidden; /* Hide overflowing text */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n flex: 1;\r\n min-width: 0; /* Ensure it can shrink properly */\r\n}\r\n\r\n.information_text_tooltip {\r\n position: absolute;\r\n bottom: 90%;\r\n}\r\n\r\n.document_detail_tooltip {\r\n position: absolute;\r\n left: 4rem;\r\n bottom: 90%;\r\n}\r\n\r\n.copied_tooltip {\r\n position: absolute;\r\n right: 6rem;\r\n bottom: 3.5rem;\r\n}\r\n\r\n.downloaded_tooltip {\r\n position: absolute;\r\n right: 8rem;\r\n bottom: 3.5rem;\r\n}\r\n\r\n/* Compact Information Styles */\r\n.compact_info_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.compact_info_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n /* justify-content: space-between; */\r\n align-items: center;\r\n gap: var(--spacing-5);\r\n flex: 1 0 0;\r\n width: 100%;\r\n}\r\n\r\n.compact_detail {\r\n display: flex;\r\n flex-direction: column-reverse;\r\n flex: 1 0 0;\r\n align-items: flex-end;\r\n position: relative;\r\n flex-wrap: wrap;\r\n word-wrap: break-word; /* Ensures words break if needed */\r\n overflow-wrap: break-word; /* Helps in modern browsers */\r\n white-space: normal; /* Allows text wrapping */\r\n text-align: right; /* Keeps text aligned to the right */\r\n}\r\n\r\n.detail_compact_text {\r\n color: var(--color-text, #4b5565);\r\n word-break: break-word; /* Ensures long words break */\r\n overflow-wrap: anywhere; /* Allows breaking at any point */\r\n white-space: normal; /* Ensures wrapping is allowed */\r\n hyphens: auto;\r\n}\r\n\r\n.compact_copied_tooltip {\r\n position: absolute;\r\n right: 4rem;\r\n bottom: 2rem;\r\n}\r\n\r\n.compact_status_div {\r\n display: flex;\r\n width: 100%;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n}\r\n\r\n.compact_status_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n justify-content: space-between;\r\n align-items: center;\r\n flex: 1 0 0;\r\n}\r\n\r\n.compact_doc_div {\r\n display: flex;\r\n width: 100%;\r\n justify-content: space-between;\r\n padding: var(--spacing-3) var(--spacing-2);\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.compact_doc_text_div {\r\n display: flex;\r\n min-height: 2.25rem;\r\n align-items: center;\r\n gap: 1.25rem;\r\n flex: 1 0 0;\r\n}\r\n\r\n.compact_doc_textt_div {\r\n display: flex;\r\n flex-direction: column; /* Allows stacking if necessary */\r\n align-items: flex-start; /* Aligns text to the left */\r\n gap: 0.5rem;\r\n flex: 1 1 auto;\r\n word-wrap: break-word; /* Ensures words break properly */\r\n overflow-wrap: break-word;\r\n white-space: normal; /* Allows wrapping */\r\n max-width: 100%; /* Prevents overflow */\r\n}\r\n\r\n.compact_doc_detail {\r\n display: flex;\r\n flex: 1 0 0;\r\n text-align: right;\r\n justify-content: flex-end;\r\n}\r\n\r\n.doc_label {\r\n color: var(--color-text-subtle, #697586);\r\n display: block; /* Ensure block or inline-block */\r\n white-space: nowrap; /* Prevent text from wrapping */\r\n text-overflow: ellipsis; /* Apply ellipsis */\r\n}\r\n\r\n.detaill {\r\n max-width: 100%; /* Ensures it doesn’t stretch too far */\r\n word-break: break-word; /* Breaks long words */\r\n white-space: normal; /* Allows text to wrap */\r\n overflow-wrap: break-word;\r\n display: flex;\r\n color: var(--color-text, #4b5565);\r\n}\r\n\r\n.button_container {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--spacing-2);\r\n}\r\n\r\n.downloaded_toolip_div {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.compact_downloaded_tooltip {\r\n position: absolute;\r\n bottom: 3rem;\r\n right: 10rem;\r\n}\r\n","import { Component, Prop, State, h, Fragment, Event, EventEmitter } from '@stencil/core';\r\nimport { BadgeIconTypes, BadgeTypes, FileIconStyles, FileIconTypes, GeneralColors, GeneralStyles } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-detail-cell',\r\n styleUrl: 'gb-detail-cell.css',\r\n shadow: true,\r\n})\r\nexport class GbDetailCell {\r\n @Prop() state: 'default' | 'disabled';\r\n @Prop({ mutable: true }) cellStyle: GeneralStyles;\r\n @Prop() type: 'information' | 'document' | 'status';\r\n @Prop() label: string = '';\r\n @Prop() detail: string = '';\r\n @Prop() badgeIcon: BadgeIconTypes;\r\n @Prop() badgeIconLeading: string = '';\r\n @Prop() badgeIconTrailing: string = '';\r\n @Prop() badgeColor: GeneralColors;\r\n @Prop() badgeLabel: string = '';\r\n @Prop() badgeType: BadgeTypes;\r\n @Prop() fileType: FileIconTypes;\r\n @Prop() fileStyle: FileIconStyles;\r\n @Prop() showActionButtons: boolean = false;\r\n @Prop() showViewButton: boolean = false;\r\n @Prop() showDownloadButton: boolean = false;\r\n @Prop({ mutable: true }) showCopyButton: boolean = false;\r\n @State() showStandardCopyButton: boolean = false;\r\n @State() showTooltip: boolean = false;\r\n @State() copied: boolean = false;\r\n @State() isDownloaded: boolean = false;\r\n @State() width: number = window.innerWidth;\r\n @Event() viewButtonClicked: EventEmitter<void>;\r\n @Event() downloadButtonClicked: EventEmitter<void>;\r\n\r\n componentWillLoad() {\r\n this.updateCellStyle(); // Set initial variant\r\n window.addEventListener('resize', this.handleResize);\r\n }\r\n\r\n private handleResize = () => {\r\n this.width = window.innerWidth;\r\n this.updateCellStyle();\r\n };\r\n\r\n private updateCellStyle() {\r\n this.cellStyle = this.width < 768 ? 'compact' : this.cellStyle;\r\n }\r\n\r\n onViewButtonClicked() {\r\n this.viewButtonClicked.emit();\r\n }\r\n\r\n onDownloadButtonClicked() {\r\n this.isDownloaded = true;\r\n\r\n setTimeout(() => {\r\n this.isDownloaded = false;\r\n }, 2000);\r\n\r\n this.downloadButtonClicked.emit();\r\n }\r\n\r\n onShowCopyButton() {\r\n if (this.cellStyle === 'standard') {\r\n this.showStandardCopyButton = true;\r\n }\r\n if(this.type === 'document') {\r\n this.showActionButtons = true;\r\n }\r\n }\r\n\r\n onHideCopyButton() {\r\n if (this.cellStyle === 'standard') {\r\n this.showStandardCopyButton = false;\r\n }\r\n if (this.type === 'document') {\r\n this.showActionButtons = false;\r\n }\r\n }\r\n\r\n async copyToClipboard() {\r\n try {\r\n await navigator.clipboard.writeText(this.detail);\r\n this.copied = true;\r\n\r\n setTimeout(() => {\r\n this.copied = false;\r\n }, 2000); // Reset copied state after 2 seconds\r\n } catch (error) {\r\n console.error('Failed to copy:', error);\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n this.showActionButtons = false;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`detail_cell_div ${this.type} ${this.cellStyle}`} onMouseEnter={() => this.onShowCopyButton()} onMouseLeave={() => this.onHideCopyButton()}>\r\n {this.type === 'information' && this.cellStyle === 'standard' && (\r\n <>\r\n <div class=\"info_text_div\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n {this.detail}\r\n </p>\r\n {this.showTooltip && (\r\n <gb-tooltip show-arrow={false} class=\"information_text_tooltip\">\r\n <p slot=\"label\">{this.detail}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showStandardCopyButton && (\r\n <gb-button size=\"sm\" hierarchy=\"tertiary_gray\" icon=\"only\" icon-leading=\"true\" icon-leading-swap=\"assets/copy.svg\" onClick={() => this.copyToClipboard()}></gb-button>\r\n )}\r\n {this.copied && (\r\n <gb-tooltip show-arrow={false} class=\"copied_tooltip\">\r\n <p slot=\"label\">Copied!</p>\r\n </gb-tooltip>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'document' && this.cellStyle === 'standard' && (\r\n <>\r\n <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n <div class=\"document_text_div\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n <p class=\"detail text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n {this.detail}\r\n </p>\r\n {this.showTooltip && (\r\n <gb-tooltip show-arrow={false} class=\"document_detail_tooltip\">\r\n <p slot=\"label\">{this.detail}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {!this.isDownloaded ? (\r\n <>\r\n {this.showActionButtons && (\r\n <>\r\n {this.showViewButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/view.svg\"\r\n onClick={() => this.onViewButtonClicked()}\r\n ></gb-button>\r\n )}\r\n {this.showDownloadButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/download-03.svg\"\r\n onClick={() => this.onDownloadButtonClicked()}\r\n ></gb-button>\r\n )}\r\n </>\r\n )}\r\n </>\r\n ) : (\r\n <gb-tooltip show-arrow={false} class=\"downloaded_tooltip\">\r\n <p slot=\"label\">Downloaded!</p>\r\n </gb-tooltip>\r\n )}\r\n </>\r\n )}\r\n {this.type === 'status' && this.cellStyle === 'standard' && (\r\n <div class=\"status_text_div\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n <gb-badge size=\"sm\" type={this.badgeType} icon={this.badgeIcon} color={this.badgeColor} icon-leading-swap={this.badgeIconLeading} icon-trailing-swap={this.badgeIconTrailing}>\r\n <p>{this.badgeLabel}</p>\r\n </gb-badge>\r\n </div>\r\n )}\r\n {this.type === 'information' && this.cellStyle === 'compact' && (\r\n <div class=\"compact_info_div\">\r\n <div class=\"compact_info_text_div\">\r\n <div class=\"compact_label\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n </div>\r\n <div class=\"compact_detail\">\r\n <p class=\"detail_compact_text text-md-medium\">{this.detail}</p>\r\n {this.copied && (\r\n <gb-tooltip show-arrow={false} class=\"compact_copied_tooltip\">\r\n <p slot=\"label\">Copied!</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n {this.showCopyButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/copy.svg\"\r\n onClick={() => this.copyToClipboard()}\r\n ></gb-button>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'document' && this.cellStyle === 'compact' && (\r\n <div class=\"compact_doc_div\">\r\n <gb-file-type-icon file-style={this.fileStyle} file-type={this.fileType}></gb-file-type-icon>\r\n <div class=\"compact_doc_text_div\">\r\n <p class=\"doc_label text-sm-regular\">{this.label}</p>\r\n <div class=\"compact_doc_detail\">\r\n <p class=\"detaill text-md-medium\" onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n {this.detail}\r\n </p>\r\n </div>\r\n {this.isDownloaded && (\r\n <gb-tooltip show-arrow={false} class=\"compact_downloaded_tooltip\">\r\n <p slot=\"label\">Downloaded!</p>\r\n </gb-tooltip>\r\n )}\r\n {this.showActionButtons && (\r\n <div class=\"button_container\">\r\n {this.showViewButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/view.svg\"\r\n onClick={() => this.onViewButtonClicked()}\r\n ></gb-button>\r\n )}\r\n {this.showDownloadButton && (\r\n <gb-button\r\n size=\"sm\"\r\n hierarchy=\"tertiary_gray\"\r\n icon=\"only\"\r\n icon-leading=\"true\"\r\n icon-leading-swap=\"assets/download-03.svg\"\r\n onClick={() => this.onDownloadButtonClicked()}\r\n ></gb-button>\r\n )}\r\n </div>\r\n )}\r\n </div>\r\n </div>\r\n )}\r\n {this.type === 'status' && this.cellStyle === 'compact' && (\r\n <div class=\"compact_status_div\">\r\n <div class=\"compact_status_text_div\">\r\n <div class=\"compact_label\">\r\n <p class=\"label text-sm-regular\">{this.label}</p>\r\n </div>\r\n <gb-badge size=\"sm\" type={this.badgeType} icon=\"dot\" color={this.badgeColor}>\r\n <p>{this.badgeLabel}</p>\r\n </gb-badge>\r\n </div>\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"],"mappings":"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","ignoreList":[]}