globuswebcomponents 1.6.9 → 1.7.1

package/dist/cjs/reusableModels-_LRAKnsh.js.map

@@ -1 +1 @@
-{"version":3,"file":"reusableModels-_LRAKnsh.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled';"],"names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"mappings":";;AAIYA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,GAGpB,EAAA,CAAA,CAAA;AAMWC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,GAKxB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAAA,CAAA,CAAA;;"}
+{"version":3,"file":"reusableModels-_LRAKnsh.js","sources":["src/models/reusableModels.ts"],"sourcesContent":["export type GeneralSizes = 'xl4' | 'xl3' | 'xl2' | 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs' | 'profile_lg' | 'profile_md' | 'profile_sm';\r\n\r\nexport type GeneralHierarchies = 'primary' | 'secondary_gray' | 'secondary_color' | 'tertiary_gray' | 'tertiary_color' | 'link_gray' | 'link_color';\r\n\r\nexport enum StateEnum {\r\n  Default = 'default',\r\n  Disabled = 'disabled',\r\n}\r\n\r\nexport type ArrowPositions = 'bottom_center' | 'bottom_left' | 'bottom_right' | 'top_center' | 'left' | 'right' | 'none' | 'center';\r\n\r\nexport type CheckBoxVariants = 'checkbox' | 'check_circle' | 'radio';\r\n\r\nexport enum BorderWeights {\r\n  VeryLight = 'very_light',\r\n  Light = 'light',\r\n  Regular = 'regular',\r\n  Heavy = 'heavy',\r\n}\r\n\r\nexport enum OnlineIndicatorStates {\r\n  Online = 'online',\r\n  Offline = 'offline',\r\n}\r\n\r\nexport type BreakPoints = 'desktop' | 'mobile';\r\n\r\nexport type FileUploadIconType = 'solid' | 'outline';\r\n\r\nexport type FileUploadStates = 'default' | 'in_progress' | 'complete' | 'hover' | 'disabled' | 'error';\r\n\r\nexport type FileType = '';\r\n\r\nexport type GeneralColors = 'default' | 'gray' | 'primary' | 'error' | 'warning' | 'success' | 'discovery' | 'information' | 'pink' | 'purple';\r\n\r\nexport type PaginationNumberShapes = 'square' | 'circle';\r\n\r\nexport type PaginationTypes =\r\n  | 'page_default'\r\n  | 'page_minimal_center_aligned'\r\n  | 'card_default'\r\n  | 'card_minimal_right_aligned'\r\n  | 'card_minimal_left_aligned'\r\n  | 'card_minimal_center_aligned'\r\n  | 'card_button_group_right_aligned'\r\n  | 'card_button_group_left_aligned'\r\n  | 'card_button_group_center_aligned';\r\n\r\nexport type TabTypes =\r\n  | 'button_primary'\r\n  | 'button_gray'\r\n  | 'button_white'\r\n  | 'rounded_button_white'\r\n  | 'underline'\r\n  | 'underline_filled'\r\n  | 'line'\r\n  | 'button_white_border'\r\n  | 'rounded_button_white_border'\r\n  | 'button_gray_border';\r\n\r\nexport type GeneralBackgroundCategories = 'plain_background' | 'colored_background';\r\n\r\nexport type InputFieldTypes =\r\n  | 'default'\r\n  | 'icon_leading'\r\n  | 'leading_dropdown'\r\n  | 'trailing_dropdown'\r\n  | 'leading_text'\r\n  | 'payment_input'\r\n  | 'tags'\r\n  | 'trailing_button'\r\n  | 'password'\r\n  | 'password_icon_leading'\r\n  | 'count';\r\n\r\nexport type DropdownTypes = 'default' | 'icon_leading' | 'avatar_leading' | 'dot_leading' | 'checkbox' | 'search' | 'tags';\r\n\r\nexport type ColorTypes = 'gray' | 'blue' | 'cyan' | 'pink' | 'purple' | 'green' | 'yellow' | 'red' | 'white';\r\n\r\nexport type DropdownItemTypes = string | number | { name: string | number; username: string; selected?: boolean };\r\n\r\nexport type PaginationDotTypes = 'dot' | 'line';\r\n\r\nexport type FileIconStyles = 'default' | 'gray' | 'solid';\r\n\r\nexport type FileIconTypes = 'pdf' | 'csv' | 'jpg' | 'jpeg' | 'ppt' | 'pptx' | 'doc' | 'docx' | 'xls' | 'xlsx' | 'svg' | 'txt' | 'zip' | 'rar' | 'mp3' | 'mp4';\r\n\r\nexport type TableCellTypes = 'text' | 'lead_text' | 'lead_checkbox' | 'badge';\r\n\r\nexport type ProgressStepStatus = 'incomplete' | 'current' | 'complete';\r\n\r\nexport type ProgressStepTypes = 'icon_only' | 'icon_left' | 'icon_top' | 'text_line' | 'featured_icon_left' | 'featured_icon_top';\r\n\r\nexport type ProgressStepStates = 'default' | 'destructive';\r\n\r\nexport type BadgeTypes = 'pill_color' | 'pill_outline' | 'badge_color' | 'badge_modern';\r\n\r\nexport type GeneralStyles = 'standard' | 'compact';\r\n\r\nexport type StateType = 'default' | 'disabled' | 'applied';"],"names":["StateEnum","BorderWeights","OnlineIndicatorStates"],"mappings":";;AAIYA;AAAZ,CAAA,UAAY,SAAS,EAAA;AACnB,IAAA,SAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,SAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAHWA,iBAAS,KAATA,iBAAS,GAGpB,EAAA,CAAA,CAAA;AAMWC;AAAZ,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,WAAA,CAAA,GAAA,YAAwB;AACxB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EALWA,qBAAa,KAAbA,qBAAa,GAKxB,EAAA,CAAA,CAAA;AAEWC;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACrB,CAAC,EAHWA,6BAAqB,KAArBA,6BAAqB,GAGhC,EAAA,CAAA,CAAA;;"}

package/dist/cjs/test-input-tag.cjs.entry.js

@@ -78,7 +78,7 @@ const TestInputTag = class {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (index.h("div", { key: '0602e7a2cf34866368fa98035be27f29540c4146', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '337c4509a5eea5503c535f0cc2e9f095979c6f23', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '9257bcdde55028262e82a34a4d401f702cde01de', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: 'bec76d26cb736ca89241b7ffb1c2fbd50d4801ca', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), index.h("div", { key: 'ed21672d54e6bb928cda39f8894375716bb2420b', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
+        return (index.h("div", { key: 'c748b5f68bda16ff989b143ab0044a0034118b53', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '8bfdbef6e65ba81554a63427eb9bd9651ae001ff', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: 'c2dfce91df57507bfcb9607fa4de9b44fe931d13', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '709d7628d05f66253f51b7e87ae4bb4cd52c1bce', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), index.h("div", { key: '00a6b9fd836162c62e352525335f36a857107291', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -87,7 +87,7 @@ const TestInputTag = class {
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: 'd86d54e0aa1be4561b73940c71bc4ddb9b8a792d', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: '893fd3eba9035619b4b4901250b3269d9b9d3a14', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/collection/assets/filter-horizontal-stroke.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 5.08325C2.08579 5.08325 1.75 5.41904 1.75 5.83325C1.75 6.24747 2.08579 6.58325 2.5 6.58325V5.08325ZM2.5 13.4166C2.08579 13.4166 1.75 13.7524 1.75 14.1666C1.75 14.5808 2.08579 14.9166 2.5 14.9166V13.4166ZM7.5 14.9166C7.91421 14.9166 8.25 14.5808 8.25 14.1666C8.25 13.7524 7.91421 13.4166 7.5 13.4166V14.9166ZM17.5 14.9166C17.9142 14.9166 18.25 14.5808 18.25 14.1666C18.25 13.7524 17.9142 13.4166 17.5 13.4166V14.9166ZM12.5 5.08325C12.0858 5.08325 11.75 5.41904 11.75 5.83325C11.75 6.24747 12.0858 6.58325 12.5 6.58325L12.5 5.08325ZM17.5 6.58325C17.9142 6.58325 18.25 6.24747 18.25 5.83325C18.25 5.41904 17.9142 5.08325 17.5 5.08325L17.5 6.58325ZM2.5 6.58325H5V5.08325H2.5V6.58325ZM2.5 14.9166H7.5V13.4166H2.5V14.9166ZM15 14.9166H17.5V13.4166H15V14.9166ZM12.5 6.58325L17.5 6.58325L17.5 5.08325L12.5 5.08325L12.5 6.58325ZM7.5 7.58325C7.10145 7.58325 6.8401 7.58285 6.63913 7.56913C6.44489 7.55588 6.3624 7.53275 6.31587 7.51347L5.74185 8.89929C6.00161 9.00689 6.26641 9.04719 6.53702 9.06565C6.8009 9.08366 7.12198 9.08325 7.5 9.08325V7.58325ZM4.25 5.83325C4.25 6.21127 4.24959 6.53235 4.2676 6.79623C4.28606 7.06685 4.32636 7.33164 4.43396 7.5914L5.81978 7.01738C5.80051 6.97085 5.77737 6.88837 5.76412 6.69412C5.75041 6.49315 5.75 6.2318 5.75 5.83325H4.25ZM6.31587 7.51347C6.09126 7.42044 5.91281 7.24199 5.81978 7.01738L4.43396 7.5914C4.67923 8.18355 5.1497 8.65402 5.74185 8.89929L6.31587 7.51347ZM9.25 5.83325C9.25 6.2318 9.24959 6.49315 9.23588 6.69412C9.22263 6.88837 9.19949 6.97085 9.18022 7.01738L10.566 7.5914C10.6736 7.33164 10.7139 7.06685 10.7324 6.79623C10.7504 6.53235 10.75 6.21127 10.75 5.83325H9.25ZM7.5 9.08325C7.87802 9.08325 8.1991 9.08366 8.46298 9.06565C8.73359 9.04719 8.99839 9.00689 9.25815 8.89929L8.68413 7.51347C8.6376 7.53275 8.55511 7.55588 8.36087 7.56913C8.15989 7.58285 7.89855 7.58325 7.5 7.58325V9.08325ZM9.18022 7.01738C9.08719 7.24199 8.90874 7.42044 8.68413 7.51347L9.25815 8.89929C9.8503 8.65402 10.3208 8.18355 10.566 7.5914L9.18022 7.01738ZM7.5 4.08325C7.89855 4.08325 8.15989 4.08366 8.36087 4.09737C8.55511 4.11062 8.6376 4.13376 8.68413 4.15303L9.25815 2.76721C8.99839 2.65961 8.73359 2.61931 8.46298 2.60085C8.1991 2.58285 7.87802 2.58325 7.5 2.58325V4.08325ZM10.75 5.83325C10.75 5.45523 10.7504 5.13415 10.7324 4.87027C10.7139 4.59966 10.6736 4.33486 10.566 4.0751L9.18022 4.64913C9.19949 4.69565 9.22263 4.77814 9.23588 4.97238C9.24959 5.17336 9.25 5.43471 9.25 5.83325H10.75ZM8.68413 4.15303C8.90874 4.24607 9.08719 4.42452 9.18022 4.64913L10.566 4.0751C10.3208 3.48295 9.8503 3.01249 9.25815 2.76721L8.68413 4.15303ZM7.5 2.58325C7.12198 2.58325 6.8009 2.58285 6.53702 2.60085C6.26641 2.61931 6.00161 2.65961 5.74185 2.76721L6.31587 4.15303C6.3624 4.13376 6.44489 4.11062 6.63913 4.09737C6.84011 4.08366 7.10145 4.08325 7.5 4.08325V2.58325ZM5.75 5.83325C5.75 5.43471 5.75041 5.17336 5.76412 4.97238C5.77737 4.77814 5.80051 4.69565 5.81978 4.64913L4.43396 4.0751C4.32636 4.33486 4.28606 4.59966 4.2676 4.87027C4.24959 5.13415 4.25 5.45523 4.25 5.83325H5.75ZM5.74185 2.76721C5.1497 3.01249 4.67923 3.48295 4.43396 4.0751L5.81978 4.64913C5.91281 4.42452 6.09126 4.24607 6.31587 4.15303L5.74185 2.76721ZM12.5 15.9166C12.1015 15.9166 11.8401 15.9162 11.6391 15.9025C11.4449 15.8892 11.3624 15.8661 11.3159 15.8468L10.7418 17.2326C11.0016 17.3402 11.2664 17.3805 11.537 17.399C11.8009 17.417 12.122 17.4166 12.5 17.4166V15.9166ZM9.25 14.1666C9.25 14.5446 9.24959 14.8657 9.2676 15.1296C9.28606 15.4002 9.32636 15.665 9.43396 15.9247L10.8198 15.3507C10.8005 15.3042 10.7774 15.2217 10.7641 15.0275C10.7504 14.8265 10.75 14.5651 10.75 14.1666H9.25ZM11.3159 15.8468C11.0913 15.7538 10.9128 15.5753 10.8198 15.3507L9.43396 15.9247C9.67923 16.5169 10.1497 16.9874 10.7418 17.2326L11.3159 15.8468ZM14.25 14.1666C14.25 14.5651 14.2496 14.8265 14.2359 15.0275C14.2226 15.2217 14.1995 15.3042 14.1802 15.3507L15.566 15.9247C15.6736 15.665 15.7139 15.4002 15.7324 15.1296C15.7504 14.8657 15.75 14.5446 15.75 14.1666H14.25ZM12.5 17.4166C12.878 17.4166 13.1991 17.417 13.463 17.399C13.7336 17.3805 13.9984 17.3402 14.2582 17.2326L13.6841 15.8468C13.6376 15.8661 13.5551 15.8892 13.3609 15.9025C13.1599 15.9162 12.8985 15.9166 12.5 15.9166V17.4166ZM14.1802 15.3507C14.0872 15.5753 13.9087 15.7538 13.6841 15.8468L14.2582 17.2326C14.8503 16.9874 15.3208 16.5169 15.566 15.9247L14.1802 15.3507ZM12.5 12.4166C12.8985 12.4166 13.1599 12.417 13.3609 12.4307C13.5551 12.444 13.6376 12.4671 13.6841 12.4864L14.2582 11.1005C13.9984 10.9929 13.7336 10.9526 13.463 10.9342C13.1991 10.9162 12.878 10.9166 12.5 10.9166V12.4166ZM15.75 14.1666C15.75 13.7886 15.7504 13.4675 15.7324 13.2036C15.7139 12.933 15.6736 12.6682 15.566 12.4084L14.1802 12.9825C14.1995 13.029 14.2226 13.1115 14.2359 13.3057C14.2496 13.5067 14.25 13.768 14.25 14.1666H15.75ZM13.6841 12.4864C13.9087 12.5794 14.0872 12.7578 14.1802 12.9825L15.566 12.4084C15.3208 11.8163 14.8503 11.3458 14.2582 11.1005L13.6841 12.4864ZM12.5 10.9166C12.122 10.9166 11.8009 10.9162 11.537 10.9342C11.2664 10.9526 11.0016 10.9929 10.7418 11.1005L11.3159 12.4864C11.3624 12.4671 11.4449 12.444 11.6391 12.4307C11.8401 12.417 12.1015 12.4166 12.5 12.4166V10.9166ZM10.75 14.1666C10.75 13.768 10.7504 13.5067 10.7641 13.3057C10.7774 13.1115 10.8005 13.029 10.8198 12.9825L9.43396 12.4084C9.32636 12.6682 9.28606 12.933 9.2676 13.2036C9.24959 13.4675 9.25 13.7886 9.25 14.1666H10.75ZM10.7418 11.1005C10.1497 11.3458 9.67923 11.8163 9.43396 12.4084L10.8198 12.9825C10.9128 12.7578 11.0913 12.5794 11.3159 12.4864L10.7418 11.1005Z" fill="#4B5565"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -36,6 +36,7 @@
     "components/gb-file-type-icon/gb-file-type-icon.js",
     "components/gb-file-upload/gb-file-upload.js",
     "components/gb-file-upload-item-base/gb-file-upload-item-base.js",
+    "components/gb-filter-button/gb-filter-button.js",
     "components/gb-header/gb-header.js",
     "components/gb-header-icon/gb-header-icon.js",
     "components/gb-help-dropdown/gb-help-dropdown.js",

package/dist/collection/components/gb-action-panel/gb-action-panel.js

@@ -68,8 +68,20 @@ export class GbActionPanel {
             }
         }
     }
+    onPreviousButtonClicked() {
+        this.previousButtonClicked.emit();
+    }
+    onSaveAsDraft() {
+        this.saveAsDraft.emit();
+    }
+    onSubmitClicked() {
+        this.submitButtonClicked.emit();
+    }
+    onNextButtonClicked() {
+        this.nextButtonClicked.emit();
+    }
     render() {
-        return (h("div", { key: '261365bc7335b8c581aa15b571b37bffd613b8d2', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: '9585713835aa44f4128744201d5ecc360e219f9b', class: "panel_content" }, h("div", { key: '30375e17b225d8c97212f9a08cf8821c05a6362b', class: "left_action" }, this.showCloseButton && h("gb-button-close", { key: '3cfcbe5a5630d0505c5da18d8191b343476b7190', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: '883ff7fa3690727c36bbb071b2db166ddcdb153c', name: "selected_rows" }), this.showCheckbox && (h("gb-checkbox", { key: '3089c1838e387970bd0db3ff474f17b86c984de0', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: 'c97acb1c6df7507a884734b08f661e9a8ca2ece0', name: "label", slot: "label" })))), h("div", { key: '5432ae92feaa3c1199a27a76084401858169edfc', class: "right_action" }, this.firstButton && (h("gb-button", { key: 'eff645df797fa34a50e78e9a03b57913508028e7', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: '1dc531bcf1e71e7b4590e8a442dfbf0e62551260' }, this.firstButtonText))), this.secondButton && (h("gb-button", { key: '9de85d8c1919c747ff72f7aa36c4e9ffd5ae0540', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: 'ada777a4d1b47a43d332c1cc67716f4c8710379d' }, this.secondButtonText))), this.thirdButton && (h("gb-button", { key: '2423d3735b4b08278a49684557a3df13c3c5174d', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: 'c4d6f6bf22595bf2054aad488bfe484e2d3ca926' }, this.thirdButtonText)))))), this.type === 'form_control' && (h("div", { key: '3a2e2c87a3d2ee741f909aa61161ade635cb7427', class: "panel_content" }, h("div", { key: '3b2d5a6775e5fac97609244e12be2cc0314a6209', class: "actions" }, h("gb-button", { key: 'ed4952619e8ebc2d12488037e617566b17abe63e', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, h("p", { key: '3a2dbbdd76b8ca3f3a10faf9f9c2ce214d8786a9' }, "Previous")), h("div", { key: 'f910802e9af719fda0e26e03e6e648aed307e0ae', class: "right" }, h("gb-button", { key: '37b560fa554ccdf403cef482e9d2cc0b266ea515', size: "xl", hierarchy: "secondary_color", icon: "default" }, h("p", { key: '046baef3471bd1f5d6cd2358bde30863bc66e6c8' }, "Save as draft")), this.showSubmitButton ? (h("gb-button", { size: "xl", hierarchy: "primary", icon: "default" }, h("p", null, this.submitButtonText))) : (h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, h("p", null, "Next")))))))));
+        return (h("div", { key: '11acbecf3b3fad9b7d86a0272b7dada6a1d57d91', class: "action_panel_div" }, this.type === 'decision_panel' && (h("div", { key: 'bcfbcafb870c4a081c394beb35111c8d2bf285af', class: "panel_content" }, h("div", { key: '04b73b6cca4e088cfc16c3a30c27788ba983df65', class: "left_action" }, this.showCloseButton && h("gb-button-close", { key: 'a544c001d9d95b9303c011f56af080f8069e283c', size: "md", color: "primary" }), this.showSelectedRows && h("slot", { key: 'f46f5cd60c9104e473fcd629c91b2fd5cf1e5848', name: "selected_rows" }), this.showCheckbox && (h("gb-checkbox", { key: '9c3c85521f9e9a7705be30bd973d443d77dd0920', size: "md", state: StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, h("slot", { key: '883572130fb51c96a3d74e47d19ffcafad820ae8', name: "label", slot: "label" })))), h("div", { key: '62c4e3f7e7fde076993ba7a2e32ed3d1a8b263b8', class: "right_action" }, this.firstButton && (h("gb-button", { key: '3a60c01a8cff7c2427ae9c1fb5cbff94a33b69ef', size: "xl", state: this.firstButtonState, hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, h("p", { key: 'eacbb64042017556fb64481342946f403c3415ce' }, this.firstButtonText))), this.secondButton && (h("gb-button", { key: '1508f74235c3b62f169e955ff7748e53649581e2', size: "xl", state: this.secondButtonState, hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, h("p", { key: 'f3b0441100880d5c4150dd1a9b743e074d919002' }, this.secondButtonText))), this.thirdButton && (h("gb-button", { key: '5e39138ede09bb9e479a734feecbdb3a079ad24a', size: "xl", state: this.thirdButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, h("p", { key: 'e47f8a06ec522abc434d3497c881b91746acfac7' }, this.thirdButtonText)))))), this.type === 'form_control' && (h("div", { key: '83a898efe97e2b5e6a0c7b4d54ced4d8de39e0a8', class: "panel_content" }, h("div", { key: 'f198d03e108f676fb49d30ce4bde542f02280b5a', class: "actions" }, h("gb-button", { key: '0fa72fe83b97a9b4a15e84bcb1b80797a62c069e', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg", onClick: () => this.onPreviousButtonClicked() }, h("p", { key: '7e345a747ed9a5c17a2a63213fe64bab1d9fbf1f' }, "Previous")), h("div", { key: '5c302a0d568ab324dfe965e022e60dba5c561456', class: "right" }, h("gb-button", { key: 'bada19dca83ad8f2e95e767ba5ebb1fa7f451f56', size: "xl", hierarchy: "secondary_color", icon: "default", onClick: () => this.onSaveAsDraft() }, h("p", { key: '5d3631e23d7d15f31509d65090daa79516774210' }, "Save as draft")), this.showSubmitButton ? (h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", onClick: () => this.onSubmitClicked() }, h("p", null, this.submitButtonText))) : (h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg", onClick: () => this.onNextButtonClicked() }, h("p", null, "Next")))))))));
     }
     static get is() { return "gb-action-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -429,7 +441,7 @@ export class GbActionPanel {
                 "mutable": false,
                 "complexType": {
                     "original": "StateType",
-                    "resolved": "\"default\" | \"disabled\"",
+                    "resolved": "\"applied\" | \"default\" | \"disabled\"",
                     "references": {
                         "StateType": {
                             "location": "import",
@@ -454,7 +466,7 @@ export class GbActionPanel {
                 "mutable": false,
                 "complexType": {
                     "original": "StateType",
-                    "resolved": "\"default\" | \"disabled\"",
+                    "resolved": "\"applied\" | \"default\" | \"disabled\"",
                     "references": {
                         "StateType": {
                             "location": "import",
@@ -479,7 +491,7 @@ export class GbActionPanel {
                 "mutable": false,
                 "complexType": {
                     "original": "StateType",
-                    "resolved": "\"default\" | \"disabled\"",
+                    "resolved": "\"applied\" | \"default\" | \"disabled\"",
                     "references": {
                         "StateType": {
                             "location": "import",
@@ -504,7 +516,7 @@ export class GbActionPanel {
                 "mutable": false,
                 "complexType": {
                     "original": "StateType",
-                    "resolved": "\"default\" | \"disabled\"",
+                    "resolved": "\"applied\" | \"default\" | \"disabled\"",
                     "references": {
                         "StateType": {
                             "location": "import",
@@ -597,6 +609,66 @@ export class GbActionPanel {
                     "resolved": "void",
                     "references": {}
                 }
+            }, {
+                "method": "previousButtonClicked",
+                "name": "previousButtonClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "saveAsDraft",
+                "name": "saveAsDraft",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "submitButtonClicked",
+                "name": "submitButtonClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "nextButtonClicked",
+                "name": "nextButtonClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
             }, {
                 "method": "checkboxClicked",
                 "name": "checkboxClicked",

package/dist/collection/components/gb-action-panel/gb-action-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-action-panel.js","sourceRoot":"","sources":["../../../src/components/gb-action-panel/gb-action-panel.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-action-panel',\r\n  styleUrl: 'gb-action-panel.css',\r\n  shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n  @Prop() type!: 'decision_panel' | 'form_control';\r\n  @Prop() showCloseButton: boolean = false;\r\n  @Prop() showSelectedRows: boolean = false;\r\n  @Prop() showCheckbox: boolean = false;\r\n  @Prop() firstButton: boolean = false;\r\n  @Prop() firstButtonIconLeading: string = '';\r\n  @Prop() firstButtonIconTrailing: string = '';\r\n  @Prop() secondButton: boolean = false;\r\n  @Prop() secondButtonIconLeading: string = '';\r\n  @Prop() secondButtonIconTrailing: string = '';\r\n  @Prop() thirdButton: boolean = false;\r\n  @Prop() thirdButtonIconLeading: string = '';\r\n  @Prop() thirdButtonIconTrailing: string = '';\r\n  @Prop() showSubmitButton: boolean = false;\r\n  @Prop() firstButtonText: string = '';\r\n  @Prop() secondButtonText: string = '';\r\n  @Prop() thirdButtonText: string = '';\r\n  @Prop() firstButtonState: StateType;\r\n  @Prop() secondButtonState: StateType;\r\n  @Prop() thirdButtonState: StateType;\r\n  @Prop() previousButtonState: StateType;\r\n  @Prop() submitButtonText: string = '';\r\n  @State() checked: any = false;\r\n  @Event() firstButtonClicked: EventEmitter<void>;\r\n  @Event() secondButtonClicked: EventEmitter<void>;\r\n  @Event() thirdButtonClicked: EventEmitter<void>;\r\n  @Event() checkboxClicked: EventEmitter<void>;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n    const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n    if (selectedRows) {\r\n      selectedRows.classList.add('text-md-medium');\r\n    }\r\n\r\n    if (label) {\r\n      label.classList.add('text-md-medium');\r\n    }\r\n  }\r\n\r\n  onCheckboxClicked(event) {\r\n    this.checked = event.detail;\r\n    this.checkboxClicked.emit(this.checked);\r\n  }\r\n\r\n  onFirstButtonClicked() {\r\n    if (this.firstButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.firstButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.firstButtonClicked.emit();\r\n      }\r\n    } else {\r\n      return;\r\n    }\r\n  }\r\n\r\n  onSecondButtonClicked() {\r\n    if (this.secondButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.secondButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.secondButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  onThirdButtonClicked() {\r\n    if (this.thirdButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.thirdButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.thirdButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"action_panel_div\">\r\n        {this.type === 'decision_panel' && (\r\n          <div class=\"panel_content\">\r\n            <div class=\"left_action\">\r\n              {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n              {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n              {this.showCheckbox && (\r\n                <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n                  <slot name=\"label\" slot=\"label\"></slot>\r\n                </gb-checkbox>\r\n              )}\r\n            </div>\r\n            <div class=\"right_action\">\r\n              {this.firstButton && (\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.firstButtonState}\r\n                  hierarchy=\"primary\"\r\n                  icon=\"default\"\r\n                  icon-leading={this.firstButtonIconLeading ? true : false}\r\n                  icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n                  icon-leading-swap={this.firstButtonIconLeading}\r\n                  icon-trailing-swap={this.firstButtonIconTrailing}\r\n                  onClick={() => this.onFirstButtonClicked()}\r\n                >\r\n                  <p>{this.firstButtonText}</p>\r\n                </gb-button>\r\n              )}\r\n              {this.secondButton && (\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.secondButtonState}\r\n                  hierarchy=\"secondary_color\"\r\n                  icon=\"default\"\r\n                  icon-leading={this.secondButtonIconLeading ? true : false}\r\n                  icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n                  icon-leading-swap={this.secondButtonIconLeading}\r\n                  icon-trailing-swap={this.secondButtonIconTrailing}\r\n                  onClick={() => this.onSecondButtonClicked()}\r\n                >\r\n                  <p>{this.secondButtonText}</p>\r\n                </gb-button>\r\n              )}\r\n              {this.thirdButton && (\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.thirdButtonState}\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon=\"default\"\r\n                  icon-leading={this.thirdButtonIconLeading ? true : false}\r\n                  icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n                  icon-leading-swap={this.thirdButtonIconLeading}\r\n                  icon-trailing-swap={this.thirdButtonIconTrailing}\r\n                  onClick={() => this.onThirdButtonClicked()}\r\n                >\r\n                  <p>{this.thirdButtonText}</p>\r\n                </gb-button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'form_control' && (\r\n          <div class=\"panel_content\">\r\n            <div class=\"actions\">\r\n              <gb-button size=\"xl\" state={this.previousButtonState} hierarchy=\"secondary_gray\" icon=\"default\" icon-leading={true} icon-leading-swap=\"assets/arrow-left-02.svg\">\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <div class=\"right\">\r\n                <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\">\r\n                  <p>Save as draft</p>\r\n                </gb-button>\r\n                {this.showSubmitButton ? (\r\n                  <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\">\r\n                    <p>{this.submitButtonText}</p>\r\n                  </gb-button>\r\n                ) : (\r\n                  <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" icon-trailing={true} icon-trailing-swap=\"assets/arrow-right-02.svg\">\r\n                    <p>Next</p>\r\n                  </gb-button>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-action-panel.js","sourceRoot":"","sources":["../../../src/components/gb-action-panel/gb-action-panel.tsx"],"names":[],"mappings":"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CACD,CACb,CACG,CACF,CACF,CACP,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Prop, State, h } from '@stencil/core';\r\nimport { StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-action-panel',\r\n  styleUrl: 'gb-action-panel.css',\r\n  shadow: true,\r\n})\r\nexport class GbActionPanel {\r\n  @Prop() type!: 'decision_panel' | 'form_control';\r\n  @Prop() showCloseButton: boolean = false;\r\n  @Prop() showSelectedRows: boolean = false;\r\n  @Prop() showCheckbox: boolean = false;\r\n  @Prop() firstButton: boolean = false;\r\n  @Prop() firstButtonIconLeading: string = '';\r\n  @Prop() firstButtonIconTrailing: string = '';\r\n  @Prop() secondButton: boolean = false;\r\n  @Prop() secondButtonIconLeading: string = '';\r\n  @Prop() secondButtonIconTrailing: string = '';\r\n  @Prop() thirdButton: boolean = false;\r\n  @Prop() thirdButtonIconLeading: string = '';\r\n  @Prop() thirdButtonIconTrailing: string = '';\r\n  @Prop() showSubmitButton: boolean = false;\r\n  @Prop() firstButtonText: string = '';\r\n  @Prop() secondButtonText: string = '';\r\n  @Prop() thirdButtonText: string = '';\r\n  @Prop() firstButtonState: StateType;\r\n  @Prop() secondButtonState: StateType;\r\n  @Prop() thirdButtonState: StateType;\r\n  @Prop() previousButtonState: StateType;\r\n  @Prop() submitButtonText: string = '';\r\n  @State() checked: any = false;\r\n  @Event() firstButtonClicked: EventEmitter<void>;\r\n  @Event() secondButtonClicked: EventEmitter<void>;\r\n  @Event() thirdButtonClicked: EventEmitter<void>;\r\n  @Event() previousButtonClicked: EventEmitter<void>;\r\n  @Event() saveAsDraft: EventEmitter<void>;\r\n  @Event() submitButtonClicked: EventEmitter<void>;\r\n  @Event() nextButtonClicked: EventEmitter<void>;\r\n  @Event() checkboxClicked: EventEmitter<void>;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const selectedRows = this.el.querySelector('[slot=\"selected_rows\"]');\r\n    const label = this.el.querySelector('[slot=\"label\"]');\r\n\r\n    if (selectedRows) {\r\n      selectedRows.classList.add('text-md-medium');\r\n    }\r\n\r\n    if (label) {\r\n      label.classList.add('text-md-medium');\r\n    }\r\n  }\r\n\r\n  onCheckboxClicked(event) {\r\n    this.checked = event.detail;\r\n    this.checkboxClicked.emit(this.checked);\r\n  }\r\n\r\n  onFirstButtonClicked() {\r\n    if (this.firstButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.firstButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.firstButtonClicked.emit();\r\n      }\r\n    } else {\r\n      return;\r\n    }\r\n  }\r\n\r\n  onSecondButtonClicked() {\r\n    if (this.secondButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.secondButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.secondButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  onThirdButtonClicked() {\r\n    if (this.thirdButtonState === 'default') {\r\n      if (this.showCheckbox) {\r\n        this.thirdButtonClicked.emit(this.checked);\r\n      } else {\r\n        this.thirdButtonClicked.emit();\r\n      }\r\n    }\r\n  }\r\n\r\n  onPreviousButtonClicked() {\r\n    this.previousButtonClicked.emit();\r\n  }\r\n\r\n  onSaveAsDraft() {\r\n    this.saveAsDraft.emit();\r\n  }\r\n\r\n  onSubmitClicked() {\r\n    this.submitButtonClicked.emit();\r\n  }\r\n\r\n  onNextButtonClicked() {\r\n    this.nextButtonClicked.emit();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"action_panel_div\">\r\n        {this.type === 'decision_panel' && (\r\n          <div class=\"panel_content\">\r\n            <div class=\"left_action\">\r\n              {this.showCloseButton && <gb-button-close size=\"md\" color=\"primary\"></gb-button-close>}\r\n              {this.showSelectedRows && <slot name=\"selected_rows\"></slot>}\r\n              {this.showCheckbox && (\r\n                <gb-checkbox size=\"md\" state={StateEnum.Default} type=\"checkbox\" text={true} supporting-text={false} onCheckboxClicked={this.onCheckboxClicked.bind(this)}>\r\n                  <slot name=\"label\" slot=\"label\"></slot>\r\n                </gb-checkbox>\r\n              )}\r\n            </div>\r\n            <div class=\"right_action\">\r\n              {this.firstButton && (\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.firstButtonState}\r\n                  hierarchy=\"primary\"\r\n                  icon=\"default\"\r\n                  icon-leading={this.firstButtonIconLeading ? true : false}\r\n                  icon-trailing={this.firstButtonIconTrailing ? true : false}\r\n                  icon-leading-swap={this.firstButtonIconLeading}\r\n                  icon-trailing-swap={this.firstButtonIconTrailing}\r\n                  onClick={() => this.onFirstButtonClicked()}\r\n                >\r\n                  <p>{this.firstButtonText}</p>\r\n                </gb-button>\r\n              )}\r\n              {this.secondButton && (\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.secondButtonState}\r\n                  hierarchy=\"secondary_color\"\r\n                  icon=\"default\"\r\n                  icon-leading={this.secondButtonIconLeading ? true : false}\r\n                  icon-trailing={this.secondButtonIconTrailing ? true : false}\r\n                  icon-leading-swap={this.secondButtonIconLeading}\r\n                  icon-trailing-swap={this.secondButtonIconTrailing}\r\n                  onClick={() => this.onSecondButtonClicked()}\r\n                >\r\n                  <p>{this.secondButtonText}</p>\r\n                </gb-button>\r\n              )}\r\n              {this.thirdButton && (\r\n                <gb-button\r\n                  size=\"xl\"\r\n                  state={this.thirdButtonState}\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon=\"default\"\r\n                  icon-leading={this.thirdButtonIconLeading ? true : false}\r\n                  icon-trailing={this.thirdButtonIconTrailing ? true : false}\r\n                  icon-leading-swap={this.thirdButtonIconLeading}\r\n                  icon-trailing-swap={this.thirdButtonIconTrailing}\r\n                  onClick={() => this.onThirdButtonClicked()}\r\n                >\r\n                  <p>{this.thirdButtonText}</p>\r\n                </gb-button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        )}\r\n        {this.type === 'form_control' && (\r\n          <div class=\"panel_content\">\r\n            <div class=\"actions\">\r\n              <gb-button\r\n                size=\"xl\"\r\n                state={this.previousButtonState}\r\n                hierarchy=\"secondary_gray\"\r\n                icon=\"default\"\r\n                icon-leading={true}\r\n                icon-leading-swap=\"assets/arrow-left-02.svg\"\r\n                onClick={() => this.onPreviousButtonClicked()}\r\n              >\r\n                <p>Previous</p>\r\n              </gb-button>\r\n              <div class=\"right\">\r\n                <gb-button size=\"xl\" hierarchy=\"secondary_color\" icon=\"default\" onClick={() => this.onSaveAsDraft()}>\r\n                  <p>Save as draft</p>\r\n                </gb-button>\r\n                {this.showSubmitButton ? (\r\n                  <gb-button size=\"xl\" hierarchy=\"primary\" icon=\"default\" onClick={() => this.onSubmitClicked()}>\r\n                    <p>{this.submitButtonText}</p>\r\n                  </gb-button>\r\n                ) : (\r\n                  <gb-button\r\n                    size=\"xl\"\r\n                    hierarchy=\"primary\"\r\n                    icon=\"default\"\r\n                    icon-trailing={true}\r\n                    icon-trailing-swap=\"assets/arrow-right-02.svg\"\r\n                    onClick={() => this.onNextButtonClicked()}\r\n                  >\r\n                    <p>Next</p>\r\n                  </gb-button>\r\n                )}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-badge/gb-badge.js

@@ -68,7 +68,7 @@ export class GbBadges {
         };
         const flagSwap = getAssetPath(`${this.flagSwap}`);
         const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';
-        return (h("div", { key: '641211d0b86e09d314c074c28d281cab58895109', class: classes }, this.icon === 'dot' && (h("svg", { key: '2b3eddbc73963846ab1a4b9511e686447f1fc25f', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, h("circle", { key: 'f7e83064b14a3b7ca11e496ecbcd7b2a1ea5a7db', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && h("div", { key: '3ba07aaa1457a8672e521d059d9c65d41cb9da8a', class: `icon left-icon`, innerHTML: this.leadingIconContent }), this.icon === 'country' && h("img", { key: 'adfb6e743c6840b1cfb2f56367f190f87081d409', src: flagSwap, alt: "Country Icon" }), this.icon === 'avatar' && (h("gb-avatar", { key: 'c4a004e2fc3caec03236a5983a7cf4e196c1c7d1', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: '1246aa8e90c1d0d6af13a5c386c6d915fbd37193', name: "image", slot: "image" }))), this.icon !== 'only' && h("slot", { key: '7a53d2c171fc068cf2e781f466579d43efc4662a' }), this.icon === 'icon_trailing' && this.iconTrailingSwap && h("div", { key: 'aa47584c9c16198fe374e9230aed877a182af0fa', class: `icon right-icon`, innerHTML: this.trailingIconContent }), this.icon === 'only' && (h("div", { key: '3c46f777ccce27f2a989198508a49edc9048ab2b', id: "icon-only" }, h("svg", { key: '77fbe814c806c0dc40ca4178885383e6fb4e0a0f', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, h("path", { key: '52bc1b251d8b90bd25bd9515d6dcbf1c0beb739c', d: "M6 2L6 10M10 6L2 6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.closeButton && this.icon !== 'only' && h("gb-badge-close", { key: '6af4c11cc5dfcc4589e522ae5422cdabb391dca9', color: this.color, type: "rounded" })));
+        return (h("div", { key: 'd4e04e50bfdd09bdb0c2e122ebdaadcf8e400678', class: classes }, this.icon === 'dot' && (h("svg", { key: 'd63ecbaf504fa9619aae95817f22dea40fe568b5', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: dotColor }, h("circle", { key: '934995834e00f53bc7d4913b4f48311077075762', cx: "4", cy: "4", r: "3" }))), this.icon === 'icon_leading' && this.iconLeadingSwap && h("div", { key: 'd7e11ad6267357c88014ae8e2f12d7de04abc220', class: `icon left-icon`, innerHTML: this.leadingIconContent }), this.icon === 'country' && h("img", { key: '8e73fe5b18b7da4f1cafaff90b9721f8e98adf6d', src: flagSwap, alt: "Country Icon" }), this.icon === 'avatar' && (h("gb-avatar", { key: 'f0622fe50951d46f6e96a08bcc4d936a42ea2874', class: "avatar-icon", size: "xxs", "status-icon": "false" }, h("slot", { key: '5f108dd43690dfa01485833b4562777f7dee9e4c', name: "image", slot: "image" }))), this.icon !== 'only' && h("slot", { key: 'aaf5ddcf5e3b7b24b93c19f4a307d9b3efaee14a' }), this.icon === 'icon_trailing' && this.iconTrailingSwap && h("div", { key: '51814cff2b801a9766d463718975eaa84ec8d01a', class: `icon right-icon`, innerHTML: this.trailingIconContent }), this.icon === 'only' && (h("div", { key: '06026ea4e4fe5e76f6060702cea361b6ea66d816', id: "icon-only" }, h("svg", { key: 'df81d2e1a3449cbc41e62da828fa4cee6c1ef34b', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", stroke: dotColor }, h("path", { key: 'bcf11378dd5b36e6090fa1d4629771f3f06c64df', d: "M6 2L6 10M10 6L2 6", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))), this.closeButton && this.icon !== 'only' && h("gb-badge-close", { key: 'e42cd4a63f07d3f923e022af0fbe71d5b6c1055c', color: this.color, type: "rounded" })));
     }
     static get is() { return "gb-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -114,8 +114,8 @@ export class GbBadges {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only'",
-                    "resolved": "\"avatar\" | \"country\" | \"dot\" | \"icon_leading\" | \"icon_trailing\" | \"only\"",
+                    "original": "'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false'",
+                    "resolved": "\"avatar\" | \"country\" | \"dot\" | \"false\" | \"icon_leading\" | \"icon_trailing\" | \"only\"",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/gb-badge/gb-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-badge.js","sourceRoot":"","sources":["../../../src/components/gb-badge/gb-badge.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, getAssetPath, h, State, Element } from '@stencil/core';\r\nimport { BadgeTypes, GeneralColors, GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-badge',\r\n  styleUrl: 'gb-badge.css',\r\n  shadow: true,\r\n  assetsDirs: ['assets'],\r\n})\r\nexport class GbBadges {\r\n  @Prop() size!: GeneralSizes;\r\n  @Prop() icon: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only';\r\n  @Prop() iconLeadingSwap?: string;\r\n  @Prop() iconTrailingSwap?: string;\r\n  @Prop() flagSwap: string;\r\n  @Prop() color!: GeneralColors;\r\n  @Prop() type!: BadgeTypes;\r\n  @Prop() closeButton?: boolean = false;\r\n  @State() leadingIconContent: string;\r\n  @State() trailingIconContent: string;\r\n  @Element() el: HTMLElement;\r\n\r\n  private getDotColor(color: GeneralColors): string {\r\n    const colorMap = {\r\n      gray: '#4B5565',\r\n      primary: '#212C65',\r\n      error: '#B51726',\r\n      warning: '#DC6803',\r\n      success: '#079455',\r\n      discovery: '#0BA5EC',\r\n      information: '#064E94',\r\n      pink: '#DD2590',\r\n      purple: '#6938EF',\r\n    };\r\n\r\n    if (this.type === 'badge_modern') {\r\n      return colorMap[color] || color;\r\n    }\r\n\r\n    return 'currentColor';\r\n  }\r\n\r\n  async componentWillLoad() {\r\n    if (this.iconLeadingSwap) {\r\n      const iconLeadingSrc = getAssetPath(`${this.iconLeadingSwap}`);\r\n      this.leadingIconContent = await this.fetchSvgContent(iconLeadingSrc);\r\n    }\r\n\r\n    if (this.iconTrailingSwap) {\r\n      const iconTrailingSrc = getAssetPath(`${this.iconTrailingSwap}`);\r\n      this.trailingIconContent = await this.fetchSvgContent(iconTrailingSrc);\r\n    }\r\n  }\r\n\r\n  private async fetchSvgContent(src: string): Promise<string> {\r\n    try {\r\n      const response = await fetch(src);\r\n      if (response.ok) {\r\n        return await response.text();\r\n      }\r\n      return '';\r\n    } catch (error) {\r\n      console.error('Error fetching SVG:', error);\r\n      return '';\r\n    }\r\n  }\r\n\r\n  getTextClass() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'text-xs-medium';\r\n      case 'md':\r\n        return 'text-sm-medium';\r\n      case 'lg':\r\n        return 'text-sm-medium';\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedContent = this.el.querySelector('p');\r\n\r\n    if (slottedContent) {\r\n      slottedContent.classList.add(this.getTextClass());\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const classes = {\r\n      badge: true,\r\n      [this.type]: true,\r\n      [this.color]: true,\r\n      [this.size]: true,\r\n    };\r\n\r\n    const flagSwap = getAssetPath(`${this.flagSwap}`);\r\n    const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';\r\n\r\n    return (\r\n      <div class={classes}>\r\n        {this.icon === 'dot' && (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill={dotColor}>\r\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\r\n          </svg>\r\n        )}\r\n        {this.icon === 'icon_leading' && this.iconLeadingSwap && <div class={`icon left-icon`} innerHTML={this.leadingIconContent}></div>}\r\n        {this.icon === 'country' && <img src={flagSwap} alt=\"Country Icon\" />}\r\n        {this.icon === 'avatar' && (\r\n          <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\">\r\n            <slot name=\"image\" slot=\"image\"></slot>\r\n          </gb-avatar>\r\n        )}\r\n        {this.icon !== 'only' && <slot></slot>}\r\n        {this.icon === 'icon_trailing' && this.iconTrailingSwap && <div class={`icon right-icon`} innerHTML={this.trailingIconContent}></div>}\r\n        {this.icon === 'only' && (\r\n          <div id=\"icon-only\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" stroke={dotColor}>\r\n              <path d=\"M6 2L6 10M10 6L2 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n            </svg>\r\n          </div>\r\n        )}\r\n        {this.closeButton && this.icon !== 'only' && <gb-badge-close color={this.color} type=\"rounded\"></gb-badge-close>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-badge.js","sourceRoot":"","sources":["../../../src/components/gb-badge/gb-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AASjF,MAAM,OAAO,QAAQ;IANrB;QAcU,gBAAW,GAAa,KAAK,CAAC;KA2GvC;IAtGS,WAAW,CAAC,KAAoB;QACtC,MAAM,QAAQ,GAAG;YACf,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,SAAS;YAClB,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;YACpB,WAAW,EAAE,SAAS;YACtB,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SAClB,CAAC;QAEF,IAAI,IAAI,CAAC,IAAI,KAAK,cAAc,EAAE,CAAC;YACjC,OAAO,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC;QAClC,CAAC;QAED,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,MAAM,cAAc,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;YAC/D,IAAI,CAAC,kBAAkB,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;QACvE,CAAC;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;YACjE,IAAI,CAAC,mBAAmB,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QACzE,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,eAAe,CAAC,GAAW;QACvC,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,QAAQ,CAAC,EAAE,EAAE,CAAC;gBAChB,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YAC/B,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;YAC5C,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAED,YAAY;QACV,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;YAC1B,KAAK,IAAI;gBACP,OAAO,gBAAgB,CAAC;QAC5B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAElD,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACpD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,OAAO,GAAG;YACd,KAAK,EAAE,IAAI;YACX,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YACjB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI;YAClB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;SAClB,CAAC;QAEF,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QAClD,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QAE9F,OAAO,CACL,4DAAK,KAAK,EAAE,OAAO;YAChB,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,CACtB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,QAAQ;gBAC3F,+DAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,CAC1B,CACP;YACA,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,IAAI,CAAC,eAAe,IAAI,4DAAK,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,CAAC,kBAAkB,GAAQ;YAChI,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,4DAAK,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAC,cAAc,GAAG;YACpE,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,CACzB,kEAAW,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,KAAK,iBAAa,OAAO;gBAC3D,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC7B,CACb;YACA,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,8DAAa;YACrC,IAAI,CAAC,IAAI,KAAK,eAAe,IAAI,IAAI,CAAC,gBAAgB,IAAI,4DAAK,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,IAAI,CAAC,mBAAmB,GAAQ;YACpI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CACvB,4DAAK,EAAE,EAAC,WAAW;gBACjB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAE,QAAQ;oBACjG,6DAAM,CAAC,EAAC,oBAAoB,kBAAc,KAAK,oBAAgB,OAAO,qBAAiB,OAAO,GAAG,CAC7F,CACF,CACP;YACA,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,SAAS,GAAkB,CAC5G,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, getAssetPath, h, State, Element } from '@stencil/core';\r\nimport { BadgeTypes, GeneralColors, GeneralSizes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-badge',\r\n  styleUrl: 'gb-badge.css',\r\n  shadow: true,\r\n  assetsDirs: ['assets'],\r\n})\r\nexport class GbBadges {\r\n  @Prop() size!: GeneralSizes;\r\n  @Prop() icon: 'dot' | 'avatar' | 'icon_leading' | 'icon_trailing' | 'country' | 'only' | 'false';\r\n  @Prop() iconLeadingSwap?: string;\r\n  @Prop() iconTrailingSwap?: string;\r\n  @Prop() flagSwap: string;\r\n  @Prop() color!: GeneralColors;\r\n  @Prop() type!: BadgeTypes;\r\n  @Prop() closeButton?: boolean = false;\r\n  @State() leadingIconContent: string;\r\n  @State() trailingIconContent: string;\r\n  @Element() el: HTMLElement;\r\n\r\n  private getDotColor(color: GeneralColors): string {\r\n    const colorMap = {\r\n      gray: '#4B5565',\r\n      primary: '#212C65',\r\n      error: '#B51726',\r\n      warning: '#DC6803',\r\n      success: '#079455',\r\n      discovery: '#0BA5EC',\r\n      information: '#064E94',\r\n      pink: '#DD2590',\r\n      purple: '#6938EF',\r\n    };\r\n\r\n    if (this.type === 'badge_modern') {\r\n      return colorMap[color] || color;\r\n    }\r\n\r\n    return 'currentColor';\r\n  }\r\n\r\n  async componentWillLoad() {\r\n    if (this.iconLeadingSwap) {\r\n      const iconLeadingSrc = getAssetPath(`${this.iconLeadingSwap}`);\r\n      this.leadingIconContent = await this.fetchSvgContent(iconLeadingSrc);\r\n    }\r\n\r\n    if (this.iconTrailingSwap) {\r\n      const iconTrailingSrc = getAssetPath(`${this.iconTrailingSwap}`);\r\n      this.trailingIconContent = await this.fetchSvgContent(iconTrailingSrc);\r\n    }\r\n  }\r\n\r\n  private async fetchSvgContent(src: string): Promise<string> {\r\n    try {\r\n      const response = await fetch(src);\r\n      if (response.ok) {\r\n        return await response.text();\r\n      }\r\n      return '';\r\n    } catch (error) {\r\n      console.error('Error fetching SVG:', error);\r\n      return '';\r\n    }\r\n  }\r\n\r\n  getTextClass() {\r\n    switch (this.size) {\r\n      case 'sm':\r\n        return 'text-xs-medium';\r\n      case 'md':\r\n        return 'text-sm-medium';\r\n      case 'lg':\r\n        return 'text-sm-medium';\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedContent = this.el.querySelector('p');\r\n\r\n    if (slottedContent) {\r\n      slottedContent.classList.add(this.getTextClass());\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const classes = {\r\n      badge: true,\r\n      [this.type]: true,\r\n      [this.color]: true,\r\n      [this.size]: true,\r\n    };\r\n\r\n    const flagSwap = getAssetPath(`${this.flagSwap}`);\r\n    const dotColor = this.type === 'badge_modern' ? this.getDotColor(this.color) : 'currentColor';\r\n\r\n    return (\r\n      <div class={classes}>\r\n        {this.icon === 'dot' && (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill={dotColor}>\r\n            <circle cx=\"4\" cy=\"4\" r=\"3\" />\r\n          </svg>\r\n        )}\r\n        {this.icon === 'icon_leading' && this.iconLeadingSwap && <div class={`icon left-icon`} innerHTML={this.leadingIconContent}></div>}\r\n        {this.icon === 'country' && <img src={flagSwap} alt=\"Country Icon\" />}\r\n        {this.icon === 'avatar' && (\r\n          <gb-avatar class=\"avatar-icon\" size=\"xxs\" status-icon=\"false\">\r\n            <slot name=\"image\" slot=\"image\"></slot>\r\n          </gb-avatar>\r\n        )}\r\n        {this.icon !== 'only' && <slot></slot>}\r\n        {this.icon === 'icon_trailing' && this.iconTrailingSwap && <div class={`icon right-icon`} innerHTML={this.trailingIconContent}></div>}\r\n        {this.icon === 'only' && (\r\n          <div id=\"icon-only\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" stroke={dotColor}>\r\n              <path d=\"M6 2L6 10M10 6L2 6\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n            </svg>\r\n          </div>\r\n        )}\r\n        {this.closeButton && this.icon !== 'only' && <gb-badge-close color={this.color} type=\"rounded\"></gb-badge-close>}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-breadcrumbs/gb-breadcrumbs.js

@@ -13,11 +13,6 @@ export class GbBreadcrumbs {
     componentWillLoad() {
         this.visibleBreadcrumbs = [...this.breadcrumbs];
     }
-    handleBreadcrumbUpdate(newVal, oldVal) {
-        oldVal = [];
-        this.breadcrumbs = [];
-        this.breadcrumbs = [...newVal];
-    }
     handleBreadcrumbClick(clickedId, url) {
         const index = this.visibleBreadcrumbs.findIndex(b => b.id === clickedId);
         if (index !== -1) {
@@ -48,7 +43,7 @@ export class GbBreadcrumbs {
     }
     render() {
         const btnType = this.resolveType();
-        return (h("div", { key: 'd9118f7e9d27563bca3df61c6ea31c9a4a15ec5b', class: `breadcrumbs_div ${this.type}` }, h("div", { key: '6bc009e44a0e8867434fc8ecc931ad9e5f08b7ec', class: `tabs ${this.type}` }, h("gb-breadcrumb-button-base", { key: 'bd094cb841b49585d0c8dc1d9b2c6501c0a0694f', icon: true, "icon-src": this.icon, type: btnType, current: this.visibleBreadcrumbs.length === 0, onClick: () => this.handleHomeClick() }), this.visibleBreadcrumbs.map((breadcrumb, index) => (h("div", { class: "breadcrumb-item", key: breadcrumb.id }, this.renderDivider(), h("gb-breadcrumb-button-base", { icon: false, label: breadcrumb.label, type: btnType, current: index === this.visibleBreadcrumbs.length - 1, onClick: () => this.handleBreadcrumbClick(breadcrumb.id, breadcrumb.url) })))))));
+        return (h("div", { key: '541187c2e825a70b73cd9ed44cd76ab83c6a8292', class: `breadcrumbs_div ${this.type}` }, h("div", { key: 'c900f59f46cb80afd98f7a6e7e7ee5ef67a7dbd7', class: `tabs ${this.type}` }, h("gb-breadcrumb-button-base", { key: 'b40703597a0509c8012dc3135ad9f3ff20706a39', icon: true, "icon-src": this.icon, type: btnType, current: this.visibleBreadcrumbs.length === 0, onClick: () => this.handleHomeClick() }), this.visibleBreadcrumbs.map((breadcrumb, index) => (h("div", { class: "breadcrumb-item", key: breadcrumb.id }, this.renderDivider(), h("gb-breadcrumb-button-base", { icon: false, label: breadcrumb.label, type: btnType, current: index === this.visibleBreadcrumbs.length - 1, onClick: () => this.handleBreadcrumbClick(breadcrumb.id, breadcrumb.url) })))))));
     }
     static get is() { return "gb-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }
@@ -108,14 +103,9 @@ export class GbBreadcrumbs {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "breadCrumb[]",
-                    "resolved": "breadCrumb[]",
-                    "references": {
-                        "breadCrumb": {
-                            "location": "global",
-                            "id": "global::breadCrumb"
-                        }
-                    }
+                    "original": "{\r\n    label: string;\r\n    id: string;\r\n    url: string;\r\n  }[]",
+                    "resolved": "{ label: string; id: string; url: string; }[]",
+                    "references": {}
                 },
                 "required": false,
                 "optional": false,
@@ -171,11 +161,5 @@ export class GbBreadcrumbs {
                 }
             }];
     }
-    static get watchers() {
-        return [{
-                "propName": "breadcrumbs",
-                "methodName": "handleBreadcrumbUpdate"
-            }];
-    }
 }
 //# sourceMappingURL=gb-breadcrumbs.js.map

package/dist/collection/components/gb-breadcrumbs/gb-breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/gb-breadcrumbs/gb-breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Event, EventEmitter, State, Watch } from '@stencil/core';\r\n\r\ninterface breadCrumb {\r\n  label: string; \r\n  id: string; \r\n  url: string\r\n}\r\n@Component({\r\n  tag: 'gb-breadcrumbs',\r\n  styleUrl: 'gb-breadcrumbs.css',\r\n  shadow: true,\r\n})\r\n\r\nexport class GbBreadcrumbs {\r\n  @Prop() type: 'text' | 'text_with_line' | 'button_primary' | 'button_gray' | 'button_gray_with_border' = 'text';\r\n  @Prop() divider: 'chevron' | 'slash' = 'chevron';\r\n  @Prop() breadcrumbs: breadCrumb[] = [\r\n    // { label: 'Projects', id: 'projects' },\r\n    // { label: 'Design System', id: 'design-system' },\r\n    // { label: 'Buttons', id: 'buttons' },\r\n  ];\r\n  @Prop() icon?: string;\r\n  @Event() breadcrumbClicked: EventEmitter<{ id: string; url?: string }>;\r\n  @State() visibleBreadcrumbs: breadCrumb[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.visibleBreadcrumbs = [...this.breadcrumbs];\r\n  }\r\n\r\n  @Watch('breadcrumbs')\r\n  handleBreadcrumbUpdate(newVal: breadCrumb[], oldVal: breadCrumb[]) {\r\n    oldVal = []\r\n    this.breadcrumbs = [];\r\n    this.breadcrumbs = [...newVal];\r\n  }\r\n\r\n  private handleBreadcrumbClick(clickedId: string, url: string) {\r\n    const index = this.visibleBreadcrumbs.findIndex(b => b.id === clickedId);\r\n    if (index !== -1) {\r\n      this.visibleBreadcrumbs = this.visibleBreadcrumbs.slice(0, index + 1);\r\n      this.breadcrumbClicked.emit({ id: clickedId, url });\r\n    }\r\n  }\r\n\r\n  private handleHomeClick() {\r\n    this.visibleBreadcrumbs = [];\r\n    this.breadcrumbClicked.emit({ id: 'home' });\r\n  }\r\n\r\n  private renderDivider() {\r\n    return this.divider === 'chevron' ? (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n        <path d=\"M6 4C6 4 10 6.946 10 8C10 9.054 6 12 6 12\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    ) : (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n        <path d=\"M5.833 18.333L14.167 1.667\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  private resolveType() {\r\n    switch (this.type) {\r\n      case 'text':\r\n      case 'text_with_line':\r\n        return 'text';\r\n      case 'button_primary':\r\n        return 'button_primary';\r\n      case 'button_gray':\r\n      case 'button_gray_with_border':\r\n        return 'button_gray';\r\n      default:\r\n        return 'text';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const btnType = this.resolveType();\r\n\r\n    return (\r\n      <div class={`breadcrumbs_div ${this.type}`}>\r\n        <div class={`tabs ${this.type}`}>\r\n          {/* Home button */}\r\n          <gb-breadcrumb-button-base\r\n            icon={true}\r\n            icon-src={this.icon}\r\n            type={btnType}\r\n            current={this.visibleBreadcrumbs.length === 0}\r\n            onClick={() => this.handleHomeClick()}\r\n          ></gb-breadcrumb-button-base>\r\n\r\n          {this.visibleBreadcrumbs.map((breadcrumb, index) => (\r\n            <div class=\"breadcrumb-item\" key={breadcrumb.id}>\r\n              {this.renderDivider()}\r\n              <gb-breadcrumb-button-base\r\n                icon={false}\r\n                label={breadcrumb.label}\r\n                type={btnType}\r\n                current={index === this.visibleBreadcrumbs.length - 1}\r\n                onClick={() => this.handleBreadcrumbClick(breadcrumb.id, breadcrumb.url)}\r\n              ></gb-breadcrumb-button-base>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/gb-breadcrumbs/gb-breadcrumbs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Event, EventEmitter, State } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-breadcrumbs',\r\n  styleUrl: 'gb-breadcrumbs.css',\r\n  shadow: true,\r\n})\r\nexport class GbBreadcrumbs {\r\n  @Prop() type: 'text' | 'text_with_line' | 'button_primary' | 'button_gray' | 'button_gray_with_border' = 'text';\r\n  @Prop() divider: 'chevron' | 'slash' = 'chevron';\r\n  @Prop() breadcrumbs: {\r\n    label: string;\r\n    id: string;\r\n    url: string;\r\n  }[] = [\r\n    // { label: 'Projects', id: 'projects' },\r\n    // { label: 'Design System', id: 'design-system' },\r\n    // { label: 'Buttons', id: 'buttons' },\r\n  ];\r\n  @Prop() icon?: string;\r\n  @Event() breadcrumbClicked: EventEmitter<{ id: string; url?: string }>;\r\n  @State() visibleBreadcrumbs: {\r\n    label: string;\r\n    id: string;\r\n    url: string;\r\n  }[] = [];\r\n\r\n  componentWillLoad() {\r\n    this.visibleBreadcrumbs = [...this.breadcrumbs];\r\n  }\r\n\r\n  private handleBreadcrumbClick(clickedId: string, url: string) {\r\n    const index = this.visibleBreadcrumbs.findIndex(b => b.id === clickedId);\r\n    if (index !== -1) {\r\n      this.visibleBreadcrumbs = this.visibleBreadcrumbs.slice(0, index + 1);\r\n      this.breadcrumbClicked.emit({ id: clickedId, url });\r\n    }\r\n  }\r\n\r\n  private handleHomeClick() {\r\n    this.visibleBreadcrumbs = [];\r\n    this.breadcrumbClicked.emit({ id: 'home' });\r\n  }\r\n\r\n  private renderDivider() {\r\n    return this.divider === 'chevron' ? (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\r\n        <path d=\"M6 4C6 4 10 6.946 10 8C10 9.054 6 12 6 12\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    ) : (\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n        <path d=\"M5.833 18.333L14.167 1.667\" stroke=\"#CDD5DF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n      </svg>\r\n    );\r\n  }\r\n\r\n  private resolveType() {\r\n    switch (this.type) {\r\n      case 'text':\r\n      case 'text_with_line':\r\n        return 'text';\r\n      case 'button_primary':\r\n        return 'button_primary';\r\n      case 'button_gray':\r\n      case 'button_gray_with_border':\r\n        return 'button_gray';\r\n      default:\r\n        return 'text';\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const btnType = this.resolveType();\r\n\r\n    return (\r\n      <div class={`breadcrumbs_div ${this.type}`}>\r\n        <div class={`tabs ${this.type}`}>\r\n          {/* Home button */}\r\n          <gb-breadcrumb-button-base\r\n            icon={true}\r\n            icon-src={this.icon}\r\n            type={btnType}\r\n            current={this.visibleBreadcrumbs.length === 0}\r\n            onClick={() => this.handleHomeClick()}\r\n          ></gb-breadcrumb-button-base>\r\n\r\n          {this.visibleBreadcrumbs.map((breadcrumb, index) => (\r\n            <div class=\"breadcrumb-item\" key={breadcrumb.id}>\r\n              {this.renderDivider()}\r\n              <gb-breadcrumb-button-base\r\n                icon={false}\r\n                label={breadcrumb.label}\r\n                type={btnType}\r\n                current={index === this.visibleBreadcrumbs.length - 1}\r\n                onClick={() => this.handleBreadcrumbClick(breadcrumb.id, breadcrumb.url)}\r\n              ></gb-breadcrumb-button-base>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-button/gb-button.js

@@ -179,7 +179,7 @@ export class GbButton {
                 "mutable": false,
                 "complexType": {
                     "original": "StateType",
-                    "resolved": "\"default\" | \"disabled\"",
+                    "resolved": "\"applied\" | \"default\" | \"disabled\"",
                     "references": {
                         "StateType": {
                             "location": "import",

package/dist/collection/components/gb-button/readme.md

@@ -17,7 +17,7 @@
 | `iconTrailing`           | `icon-trailing`      |             | `boolean`                                                                                                                  | `false`     |
 | `iconTrailingSwap`       | `icon-trailing-swap` |             | `string`                                                                                                                   | `undefined` |
 | `size` _(required)_      | `size`               |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xl2" \| "xl3" \| "xl4" \| "xs" \| "xxs"` | `undefined` |
-| `state`                  | `state`              |             | `"default" \| "disabled"`                                                                                                  | `undefined` |
+| `state`                  | `state`              |             | `"applied" \| "default" \| "disabled"`                                                                                     | `undefined` |
 
 
 ## Dependencies
@@ -30,6 +30,7 @@
  - [gb-detail-cell](../gb-detail-cell)
  - [gb-file-upload](../gb-file-upload)
  - [gb-file-upload-item-base](../gb-file-upload-item-base)
+ - [gb-filter-button](../gb-filter-button)
  - [gb-input-field](../gb-input-field)
  - [gb-notification-pane](../gb-notification-pane)
  - [gb-pagination](../gb-pagination)
@@ -45,6 +46,7 @@ graph TD;
   gb-detail-cell --> gb-button
   gb-file-upload --> gb-button
   gb-file-upload-item-base --> gb-button
+  gb-filter-button --> gb-button
   gb-input-field --> gb-button
   gb-notification-pane --> gb-button
   gb-pagination --> gb-button