npm - globuswebcomponents - Versions diffs - 2.6.17 → 2.6.19 - Mend

globuswebcomponents 2.6.17 → 2.6.19

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 (428) hide show

package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const GbWysiwygEditorIcon = class {
         this.active = false;
     }
     render() {
-        return (index.h("div", { key: 'fc60a299f247aa9618383d2ec2b26e864923d0cc', class: `editor_icon_div ${this.state}` }, this.type === 'bold' && (index.h("svg", { key: 'ab38da29663d6e46c8904c1c4bc052f2a8ea0c0c', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: 'c791531cc64b75dbdefdc0866b00a817354ab842', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.032 1.66666C7.04906 1.66667 7.06617 1.66667 7.08334 1.66667H10.8991C13.4079 1.66667 15.4167 3.73266 15.4167 6.25C15.4167 8.76734 13.4079 10.8333 10.8991 10.8333H4.58334C4.1231 10.8333 3.75001 10.4602 3.75001 10V5C3.75001 4.98283 3.75 4.96572 3.75 4.94866C3.74995 4.40356 3.7499 3.91379 3.8032 3.51737C3.86139 3.08457 3.9965 2.64056 4.3602 2.27686C4.7239 1.91316 5.16791 1.77805 5.60071 1.71986C5.99713 1.66656 6.4869 1.66661 7.032 1.66666ZM5.5391 3.45494C5.53893 3.45514 5.5388 3.45528 5.53871 3.45537C5.53862 3.45546 5.53848 3.45559 5.53828 3.45576C5.53285 3.4605 5.48714 3.50041 5.45501 3.73945C5.41844 4.01141 5.41667 4.38719 5.41667 5V9.16667H10.8991C12.4598 9.16667 13.75 7.8748 13.75 6.25C13.75 4.6252 12.4598 3.33333 10.8991 3.33333H7.08334C6.47053 3.33333 6.09475 3.3351 5.82279 3.37167C5.58375 3.4038 5.54384 3.44951 5.5391 3.45494Z", fill: "#697586" }), index.h("path", { key: '4ccc6810898ed6693e999e5d3545c23730117115', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.58334 9.16667C5.04358 9.16667 5.41667 9.53976 5.41667 10V15C5.41667 15.6128 5.41844 15.9886 5.45501 16.2606C5.48714 16.4996 5.53285 16.5395 5.53828 16.5442C5.53848 16.5444 5.53862 16.5445 5.53871 16.5446C5.5388 16.5447 5.53893 16.5449 5.5391 16.5451C5.54384 16.5505 5.58375 16.5962 5.82279 16.6283C6.09475 16.6649 6.47053 16.6667 7.08334 16.6667H11.8056C13.3103 16.6667 14.5833 15.3908 14.5833 13.75C14.5833 12.1092 13.3103 10.8333 11.8056 10.8333H10.7738C10.3136 10.8333 9.94048 10.4602 9.94048 10C9.94048 9.53976 10.3136 9.16667 10.7738 9.16667H11.8056C14.2895 9.16667 16.25 11.2486 16.25 13.75C16.25 16.2514 14.2895 18.3333 11.8056 18.3333H7.08334C7.06617 18.3333 7.04906 18.3333 7.032 18.3333C6.48689 18.3334 5.99713 18.3334 5.60071 18.2801C5.16791 18.2219 4.7239 18.0868 4.3602 17.7231C3.9965 17.3594 3.86139 16.9154 3.8032 16.4826C3.7499 16.0862 3.74995 15.5964 3.75 15.0513C3.75 15.0343 3.75001 15.0172 3.75001 15V10C3.75001 9.53976 4.1231 9.16667 4.58334 9.16667Z", fill: "#697586" }))), this.type === 'italic' && (index.h("svg", { key: 'a4d3ba0d3daf3155bced44c6309ce58fe3e05aeb', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '3f8cdc71b7f34e715f1f9c2a6f513f7d014916b7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.1665 3.33333C9.1665 2.8731 9.5396 2.5 9.99984 2.5H15.8332C16.2934 2.5 16.6665 2.8731 16.6665 3.33333C16.6665 3.79357 16.2934 4.16667 15.8332 4.16667H9.99984C9.5396 4.16667 9.1665 3.79357 9.1665 3.33333Z", fill: "#697586" }), index.h("path", { key: 'eea85ed3e23c6fb19aeb6df4b412f4efd386af79', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.7059 2.58798C14.1175 2.7938 14.2844 3.29436 14.0785 3.70601L7.41188 17.0393C7.20606 17.451 6.70549 17.6178 6.29385 17.412C5.8822 17.2062 5.71534 16.7056 5.92117 16.294L12.5878 2.96066C12.7937 2.54901 13.2942 2.38215 13.7059 2.58798Z", fill: "#697586" }), index.h("path", { key: '27321cd647818d8908acb4a4e7f090e2dc13879d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.3335 16.6667C3.3335 16.2064 3.70659 15.8333 4.16683 15.8333L10.0002 15.8333C10.4604 15.8333 10.8335 16.2064 10.8335 16.6667C10.8335 17.1269 10.4604 17.5 10.0002 17.5H4.16683C3.70659 17.5 3.3335 17.1269 3.3335 16.6667Z", fill: "#697586" }))), this.type === 'h1' && (index.h("svg", { key: 'f7d8b9f6b1b7ccf59dc5dac6aa9481272497f6ac', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: 'ffdc3463620a0f76609c51f8d4ea270957b4e856', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.91683 3.33333C3.37707 3.33333 3.75016 3.70643 3.75016 4.16667V15.8333C3.75016 16.2936 3.37707 16.6667 2.91683 16.6667C2.45659 16.6667 2.0835 16.2936 2.0835 15.8333V4.16667C2.0835 3.70643 2.45659 3.33333 2.91683 3.33333Z", fill: "#697586" }), index.h("path", { key: 'e7aeff3ab587cbafe41266921489d3a0dfa35a45', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.2498 3.33333C11.7101 3.33333 12.0832 3.70643 12.0832 4.16667V15.8333C12.0832 16.2936 11.7101 16.6667 11.2498 16.6667C10.7896 16.6667 10.4165 16.2936 10.4165 15.8333V4.16667C10.4165 3.70643 10.7896 3.33333 11.2498 3.33333Z", fill: "#697586" }), index.h("path", { key: 'f29c849ed0e28edab94695f248edcb93beda04fd', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.2266 8.43194C16.4976 8.57695 16.6668 8.85934 16.6668 9.16667V15H17.0834C17.5437 15 17.9168 15.3731 17.9168 15.8333C17.9168 16.2936 17.5437 16.6667 17.0834 16.6667H14.5834C14.1232 16.6667 13.7501 16.2936 13.7501 15.8333C13.7501 15.3731 14.1232 15 14.5834 15H15.0001V10.7217C14.6226 10.9401 14.1353 10.8302 13.89 10.4623C13.6348 10.0793 13.7382 9.56192 14.1212 9.30662L15.3712 8.47329C15.6269 8.30282 15.9557 8.28692 16.2266 8.43194Z", fill: "#697586" }), index.h("path", { key: 'be7598747abc446082254f99b56beef6b592acc3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.0835 10C2.0835 9.53976 2.45659 9.16667 2.91683 9.16667L11.2502 9.16667C11.7104 9.16667 12.0835 9.53976 12.0835 10C12.0835 10.4602 11.7104 10.8333 11.2502 10.8333L2.91683 10.8333C2.45659 10.8333 2.0835 10.4602 2.0835 10Z", fill: "#697586" }))), this.type === 'h2' && (index.h("svg", { key: '12109ad3f0e3b1b882d0bd088aadd4192254c6c9', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '5f0838bf2d0d1e9cddb6568052238ee006293052', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.49984 3.33333C2.96007 3.33333 3.33317 3.70643 3.33317 4.16667V15.8333C3.33317 16.2936 2.96007 16.6667 2.49984 16.6667C2.0396 16.6667 1.6665 16.2936 1.6665 15.8333V4.16667C1.6665 3.70643 2.0396 3.33333 2.49984 3.33333Z", fill: "#697586" }), index.h("path", { key: 'c1a1eccb3f9713f4d3aa4a202944c646f7682eca', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.8333 3.33333C11.2936 3.33333 11.6667 3.70643 11.6667 4.16667V15.8333C11.6667 16.2936 11.2936 16.6667 10.8333 16.6667C10.3731 16.6667 10 16.2936 10 15.8333V4.16667C10 3.70643 10.3731 3.33333 10.8333 3.33333Z", fill: "#697586" }), index.h("path", { key: '509192167258a3e13be5a4a69dce6ac0ee5f3287', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.334 10.8333C13.334 9.45262 14.4533 8.33333 15.834 8.33333C17.2147 8.33333 18.334 9.45262 18.334 10.8333V11.0116C18.334 11.7709 18.0117 12.4945 17.4474 13.0024L15.2765 14.9562C15.2593 14.9717 15.2431 14.9862 15.2279 15H17.5007C17.9609 15 18.334 15.3731 18.334 15.8333C18.334 16.2936 17.9609 16.6667 17.5007 16.6667H14.1673C13.7071 16.6667 13.334 16.2936 13.334 15.8333V15.5756C13.334 15.551 13.3339 15.5257 13.3338 15.4997C13.3324 15.2173 13.3307 14.8574 13.4782 14.5264C13.6256 14.1954 13.8942 13.9559 14.105 13.7679C14.1244 13.7507 14.1433 13.7338 14.1616 13.7174L16.3324 11.7636C16.5456 11.5717 16.6673 11.2984 16.6673 11.0116V10.8333C16.6673 10.3731 16.2942 10 15.834 10C15.3738 10 15.0007 10.3731 15.0007 10.8333V11.1667C15.0007 11.6269 14.6276 12 14.1673 12C13.7071 12 13.334 11.6269 13.334 11.1667V10.8333Z", fill: "#697586" }), index.h("path", { key: 'f39e835cb5755d9300339592c7d9645f00f92865', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.6665 10C1.6665 9.53976 2.0396 9.16667 2.49984 9.16667L10.8332 9.16667C11.2934 9.16667 11.6665 9.53976 11.6665 10C11.6665 10.4602 11.2934 10.8333 10.8332 10.8333L2.49984 10.8333C2.0396 10.8333 1.6665 10.4602 1.6665 10Z", fill: "#697586" }))), this.type === 'quote' && (index.h("svg", { key: '5f5973609afb8855e0b3272f90c01fea058f1d98', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '4046acf8c285b6f5608be8217ee0a4cf35790f28', d: "M4.9568 10.625C4.20808 10.625 3.58374 10.625 3.08809 10.5584C2.56493 10.488 2.0926 10.3333 1.71304 9.95374C1.33348 9.57418 1.17876 9.10184 1.10842 8.57868C1.04178 8.08303 1.0418 7.45869 1.04183 6.70996L1.04183 6.70994L1.04183 6.62329L1.04183 6.62327C1.0418 5.87454 1.04178 5.2502 1.10842 4.75455C1.17876 4.23139 1.33348 3.75905 1.71304 3.3795C2.0926 2.99994 2.56493 2.84521 3.08809 2.77488C3.58374 2.70824 4.20809 2.70826 4.95681 2.70828L4.95683 2.70828L5.04349 2.70828L5.04351 2.70828C5.79224 2.70826 6.41658 2.70824 6.91223 2.77488C7.43539 2.84521 7.90772 2.99994 8.28728 3.3795C8.66684 3.75905 8.82156 4.23139 8.8919 4.75455C8.95854 5.25019 8.95852 5.87454 8.9585 6.62326L8.9585 6.62328L8.9585 6.70995L8.9585 6.70998C8.95852 7.4587 8.95854 8.08304 8.8919 8.57868C8.82156 9.10184 8.66684 9.57418 8.28728 9.95374C7.90772 10.3333 7.43539 10.488 6.91223 10.5584C6.41658 10.625 5.79224 10.625 5.04352 10.625L5.04349 10.625L4.95683 10.625L4.9568 10.625Z", fill: "#697586" }), index.h("path", { key: '43a39ac30b74c61dc9fb85d5aac2fa6cc0118949', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.32957 16.7061C2.19264 16.2667 2.43783 15.7995 2.87722 15.6626C5.46695 14.8555 7.29183 12.5623 7.29183 9.90596L7.29183 6.45817C7.29183 5.99793 7.66493 5.62483 8.12516 5.62483C8.5854 5.62483 8.9585 5.99793 8.9585 6.45817L8.9585 9.90596C8.9585 13.3612 6.59053 16.2511 3.3731 17.2538C2.93371 17.3907 2.4665 17.1455 2.32957 16.7061Z", fill: "#697586" }), index.h("path", { key: '656c344b29be1b81e83d5eadef5efaa023048031', d: "M14.9568 10.625C14.2081 10.625 13.5837 10.625 13.0881 10.5584C12.5649 10.488 12.0926 10.3333 11.713 9.95374C11.3335 9.57418 11.1788 9.10184 11.1084 8.57868C11.0418 8.08304 11.0418 7.45869 11.0418 6.70997L11.0418 6.70994L11.0418 6.62329L11.0418 6.62327C11.0418 5.87454 11.0418 5.2502 11.1084 4.75455C11.1788 4.23139 11.3335 3.75905 11.713 3.3795C12.0926 2.99994 12.5649 2.84521 13.0881 2.77488C13.5837 2.70824 14.2081 2.70826 14.9568 2.70828L14.9568 2.70828L15.0435 2.70828L15.0435 2.70828C15.7922 2.70826 16.4166 2.70824 16.9122 2.77488C17.4354 2.84521 17.9077 2.99994 18.2873 3.3795C18.6668 3.75906 18.8216 4.23139 18.8919 4.75455C18.9585 5.2502 18.9585 5.87454 18.9585 6.62326L18.9585 6.62328L18.9585 6.70995L18.9585 6.70998C18.9585 7.4587 18.9585 8.08304 18.8919 8.57868C18.8216 9.10185 18.6668 9.57418 18.2873 9.95374C17.9077 10.3333 17.4354 10.488 16.9122 10.5584C16.4166 10.625 15.7922 10.625 15.0435 10.625L15.0435 10.625L14.9568 10.625L14.9568 10.625Z", fill: "#697586" }), index.h("path", { key: '9aad8391d3b34607485d6c16097b0efaa9f9f53b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.3296 16.7061C12.1926 16.2667 12.4378 15.7995 12.8772 15.6626C15.4669 14.8555 17.2918 12.5623 17.2918 9.90596L17.2918 6.45817C17.2918 5.99793 17.6649 5.62483 18.1252 5.62483C18.5854 5.62483 18.9585 5.99793 18.9585 6.45817L18.9585 9.90596C18.9585 13.3612 16.5905 16.2511 13.3731 17.2538C12.9337 17.3907 12.4665 17.1455 12.3296 16.7061Z", fill: "#697586" }))), this.type === 'link' && (index.h("svg", { key: 'ec46766021fd195a96933dad3f0ba3e1690eb245', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '86349a42ef0287d123114f3451bbb05fd232cd38', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 1.66667C3.99255 1.66667 2.50016 3.15905 2.50016 5C2.50016 6.84095 3.99255 8.33333 5.8335 8.33333H8.3335C8.79373 8.33333 9.16683 8.70643 9.16683 9.16667C9.16683 9.6269 8.79373 10 8.3335 10H5.8335C3.07207 10 0.833496 7.76142 0.833496 5C0.833496 2.23858 3.07207 0 5.8335 0H8.3335C8.79373 0 9.16683 0.373096 9.16683 0.833333C9.16683 1.29357 8.79373 1.66667 8.3335 1.66667H5.8335ZM10.8335 0.833333C10.8335 0.373096 11.2066 0 11.6668 0H14.1668C16.9283 0 19.1668 2.23858 19.1668 5C19.1668 7.76142 16.9283 10 14.1668 10H11.6668C11.2066 10 10.8335 9.6269 10.8335 9.16667C10.8335 8.70643 11.2066 8.33333 11.6668 8.33333H14.1668C16.0078 8.33333 17.5002 6.84095 17.5002 5C17.5002 3.15905 16.0078 1.66667 14.1668 1.66667H11.6668C11.2066 1.66667 10.8335 1.29357 10.8335 0.833333Z", fill: "#697586" }), index.h("path", { key: '96f5a21e4e94dc406d62212f97a8bcee61dae7e3', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.66699 5C6.66699 4.53976 7.04009 4.16667 7.50033 4.16667H12.5003C12.9606 4.16667 13.3337 4.53976 13.3337 5C13.3337 5.46024 12.9606 5.83333 12.5003 5.83333H7.50033C7.04009 5.83333 6.66699 5.46024 6.66699 5Z", fill: "#697586" }))), this.type === 'photo' && (index.h("svg", { key: 'f6474d504805e9da4037f679c49e418e7fe75d74', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '49fa020e4f49510aa147cdd5d773c6309536127e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.375 5.04167C3.375 4.12119 4.12119 3.375 5.04167 3.375C5.96214 3.375 6.70833 4.12119 6.70833 5.04167C6.70833 5.96214 5.96214 6.70833 5.04167 6.70833C4.12119 6.70833 3.375 5.96214 3.375 5.04167Z", fill: "#697586" }), index.h("path", { key: '99eb435ff0856f460c5eda8a81bfd9f9c314df3c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.93796 0.25H9.06204C10.8754 0.24998 12.321 0.249964 13.4544 0.402352C14.6247 0.559697 15.5862 0.893121 16.3466 1.65345C17.1069 2.41377 17.4403 3.37528 17.5976 4.54559C17.75 5.67904 17.75 7.12465 17.75 8.93798V9.06202C17.75 10.8753 17.75 12.321 17.5976 13.4544C17.4403 14.6247 17.1069 15.5862 16.3466 16.3466C15.5862 17.1069 14.6247 17.4403 13.4544 17.5976C12.321 17.75 10.8753 17.75 9.06202 17.75H8.93798C7.12466 17.75 5.67904 17.75 4.54559 17.5976C3.37528 17.4403 2.41377 17.1069 1.65345 16.3466C0.893122 15.5862 0.559698 14.6247 0.402353 13.4544C0.249965 12.321 0.249981 10.8754 0.25 9.06204V8.93796C0.249981 7.12464 0.249965 5.67904 0.402353 4.54559C0.559698 3.37528 0.893122 2.41377 1.65345 1.65345C2.41377 0.893121 3.37528 0.559697 4.54559 0.402352C5.67904 0.249964 7.12464 0.24998 8.93796 0.25ZM4.76767 2.05416C3.78217 2.18665 3.231 2.43291 2.83196 2.83196C2.43291 3.231 2.18665 3.78217 2.05416 4.76767C1.91844 5.77715 1.91667 7.11046 1.91667 9C1.91667 10.8895 1.91844 12.2229 2.05416 13.2323C2.18665 14.2178 2.43291 14.769 2.83196 15.168C3.231 15.5671 3.78217 15.8133 4.76767 15.9458C5.77715 16.0816 7.11047 16.0833 9 16.0833C10.8895 16.0833 12.2229 16.0816 13.2323 15.9458C14.2178 15.8133 14.769 15.5671 15.168 15.168C15.5671 14.769 15.8133 14.2178 15.9458 13.2323C16.0816 12.2229 16.0833 10.8895 16.0833 9C16.0833 7.11046 16.0816 5.77715 15.9458 4.76767C15.8133 3.78217 15.5671 3.231 15.168 2.83196C14.769 2.43291 14.2178 2.18665 13.2323 2.05416C12.2229 1.91844 10.8895 1.91667 9 1.91667C7.11047 1.91667 5.77715 1.91844 4.76767 2.05416Z", fill: "#697586" }), index.h("path", { key: 'eee39be7d07a9c90cf3fe52c2eed7c71c0f05e6a', d: "M17.3666 9.58569C15.744 8.53929 14.1981 8.10081 12.7187 8.1626C11.246 8.2241 9.92182 8.77775 8.73068 9.57413C6.71529 10.9216 4.94269 13.0717 3.35558 14.9968C3.10434 15.3015 2.8577 15.6007 2.61553 15.89L1.9165 16.5008L2.93566 17.1947C3.65582 17.4931 4.49811 17.6237 5.46607 17.6873C6.43028 17.7507 7.59171 17.7507 8.97277 17.7507H9.06243C10.8757 17.7507 12.3213 17.7507 13.4548 17.5983C14.6251 17.441 15.5866 17.1076 16.3469 16.3472C17.0132 15.681 17.3537 14.8636 17.5333 13.8785C17.7083 12.9189 17.741 11.7355 17.7483 10.2902L17.7506 9.83332L17.3666 9.58569Z", fill: "#697586" }))), this.type === 'list_bullet' && (index.h("svg", { key: 'c525d00212b2df11b81fa45e92aa01137e9e9efe', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: 'e0f54b7c751f608a8966b794fa4dd04fa5bb8967', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 4.16667C5.8335 3.70643 6.20659 3.33333 6.66683 3.33333L16.6668 3.33333C17.1271 3.33333 17.5002 3.70643 17.5002 4.16667C17.5002 4.6269 17.1271 5 16.6668 5L6.66683 5C6.20659 5 5.8335 4.6269 5.8335 4.16667Z", fill: "#697586" }), index.h("path", { key: 'ea35bc331eab75f6e0a18c3e3abf730c74025eaa', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.5 4.16667C2.5 3.70643 2.8731 3.33333 3.33333 3.33333H3.34082C3.80106 3.33333 4.17415 3.70643 4.17415 4.16667C4.17415 4.6269 3.80106 5 3.34082 5H3.33333C2.8731 5 2.5 4.6269 2.5 4.16667Z", fill: "#697586" }), index.h("path", { key: '6873d27f19b896c0dfa24f5526544152e7472a74', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.5 10C2.5 9.53976 2.8731 9.16667 3.33333 9.16667H3.34082C3.80106 9.16667 4.17415 9.53976 4.17415 10C4.17415 10.4602 3.80106 10.8333 3.34082 10.8333H3.33333C2.8731 10.8333 2.5 10.4602 2.5 10Z", fill: "#697586" }), index.h("path", { key: '22ed269fd5f51ee432750914a492ec449e263e5e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.5 15.8333C2.5 15.3731 2.8731 15 3.33333 15H3.34082C3.80106 15 4.17415 15.3731 4.17415 15.8333C4.17415 16.2936 3.80106 16.6667 3.34082 16.6667H3.33333C2.8731 16.6667 2.5 16.2936 2.5 15.8333Z", fill: "#697586" }), index.h("path", { key: '661b2937f0b7f4cfff1fa151c563c4a67216da8d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 10C5.8335 9.53976 6.20659 9.16667 6.66683 9.16667L16.6668 9.16667C17.1271 9.16667 17.5002 9.53976 17.5002 10C17.5002 10.4602 17.1271 10.8333 16.6668 10.8333L6.66683 10.8333C6.20659 10.8333 5.8335 10.4602 5.8335 10Z", fill: "#697586" }), index.h("path", { key: '7e402767dfea26aecfcf153af5917a3eb382aeac', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 15.8333C5.8335 15.3731 6.20659 15 6.66683 15L16.6668 15C17.1271 15 17.5002 15.3731 17.5002 15.8333C17.5002 16.2936 17.1271 16.6667 16.6668 16.6667L6.66683 16.6667C6.20659 16.6667 5.8335 16.2936 5.8335 15.8333Z", fill: "#697586" }))), this.type === 'list_numbers' && (index.h("svg", { key: '15ad0f5215e06118342eb411e5fc62c1c38364a7', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '3f607ce56c11ba04b5e092c9eac1833ca0f8759c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.3335 4.99998C8.3335 4.53974 8.70659 4.16664 9.16683 4.16664L17.5002 4.16664C17.9604 4.16664 18.3335 4.53974 18.3335 4.99998C18.3335 5.46022 17.9604 5.83331 17.5002 5.83331L9.16683 5.83331C8.70659 5.83331 8.3335 5.46021 8.3335 4.99998Z", fill: "#697586" }), index.h("path", { key: '60e90f4b269eaa9abfbdeadd716ffe0cea6e1555', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.3335 9.99998C8.3335 9.53974 8.70659 9.16664 9.16683 9.16664L17.5002 9.16664C17.9604 9.16664 18.3335 9.53974 18.3335 9.99998C18.3335 10.4602 17.9604 10.8333 17.5002 10.8333L9.16683 10.8333C8.70659 10.8333 8.3335 10.4602 8.3335 9.99998Z", fill: "#697586" }), index.h("path", { key: '88431b3b3d1edf8dec18f235b5e02d709888e2bf', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.3335 15C8.3335 14.5397 8.70659 14.1666 9.16683 14.1666L17.5002 14.1666C17.9604 14.1666 18.3335 14.5397 18.3335 15C18.3335 15.4602 17.9604 15.8333 17.5002 15.8333L9.16683 15.8333C8.70659 15.8333 8.3335 15.4602 8.3335 15Z", fill: "#697586" }), index.h("path", { key: 'c45f831f3798bf49581d9cfe32294e26aab10e57', d: "M3.99489 13.3352C3.94229 13.3334 3.87177 13.3333 3.74995 13.3333H2.49995C2.03972 13.3333 1.66662 12.9602 1.66662 12.5C1.66662 12.0397 2.03972 11.6666 2.49995 11.6666H3.74995L3.79922 11.6666C3.979 11.6663 4.1769 11.6659 4.35762 11.7019C5.08489 11.8465 5.6534 12.415 5.79806 13.1423C5.83401 13.323 5.83366 13.5209 5.83335 13.7007L5.83329 13.75L5.83335 13.7992C5.83366 13.979 5.83401 14.1769 5.79806 14.3576C5.6534 15.0849 5.08489 15.6534 4.35762 15.7981C4.1769 15.834 3.979 15.8337 3.79923 15.8334L3.74995 15.8333C3.62814 15.8333 3.55762 15.8334 3.50502 15.8352C3.48081 15.8361 3.46779 15.8371 3.46254 15.8376C3.4004 15.8519 3.35184 15.9004 3.33754 15.9626C3.33706 15.9678 3.33603 15.9808 3.3352 16.005C3.3334 16.0576 3.33329 16.1282 3.33329 16.25V16.6666H4.99995C5.46019 16.6666 5.83329 17.0397 5.83329 17.5C5.83329 17.9602 5.46019 18.3333 4.99995 18.3333H2.99995L2.97701 18.3333C2.88184 18.3335 2.74054 18.3337 2.6146 18.3167C2.45411 18.2951 2.20117 18.2333 1.98392 18.016C1.76667 17.7988 1.70478 17.5458 1.68321 17.3853C1.66627 17.2594 1.66647 17.1181 1.6666 17.0229L1.66662 17V16.25L1.66656 16.2007C1.66625 16.0209 1.6659 15.823 1.70185 15.6423C1.84651 14.915 2.41502 14.3465 3.14229 14.2019C3.32301 14.1659 3.52091 14.1663 3.70068 14.1666L3.74995 14.1666C3.87177 14.1666 3.94229 14.1665 3.99489 14.1647C4.0191 14.1639 4.03212 14.1629 4.03737 14.1624C4.09951 14.1481 4.14806 14.0995 4.16237 14.0374C4.16285 14.0321 4.16388 14.0191 4.16471 13.9949C4.16651 13.9423 4.16662 13.8718 4.16662 13.75C4.16662 13.6282 4.16651 13.5576 4.16471 13.505C4.16388 13.4808 4.16285 13.4678 4.16237 13.4626C4.14807 13.4004 4.0995 13.3519 4.03737 13.3376L3.99489 13.3352Z", fill: "#697586" }), index.h("path", { key: 'a14482d21fdf960da5b879e80a0f393bac7b4171', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.6665 2.49998C1.6665 2.03974 2.0396 1.66664 2.49984 1.66664H3.49984C4.09815 1.66664 4.58317 2.15167 4.58317 2.74998V6.66664H4.99984C5.46007 6.66664 5.83317 7.03974 5.83317 7.49998C5.83317 7.96021 5.46007 8.33331 4.99984 8.33331H2.49984C2.0396 8.33331 1.6665 7.96021 1.6665 7.49998C1.6665 7.03974 2.0396 6.66664 2.49984 6.66664H2.9165V3.33331H2.49984C2.0396 3.33331 1.6665 2.96021 1.6665 2.49998Z", fill: "#697586" })))));
+        return (index.h("div", { key: '4c07573d6da305c55aa744c702df9f1de3cb3b4f', class: `editor_icon_div ${this.state}` }, this.type === 'bold' && (index.h("svg", { key: '04d2e1da940078cb9de54e7ccbb6e6912f6f8811', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '0730689a793ef63f0244fcf0047d2abe53631467', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.032 1.66666C7.04906 1.66667 7.06617 1.66667 7.08334 1.66667H10.8991C13.4079 1.66667 15.4167 3.73266 15.4167 6.25C15.4167 8.76734 13.4079 10.8333 10.8991 10.8333H4.58334C4.1231 10.8333 3.75001 10.4602 3.75001 10V5C3.75001 4.98283 3.75 4.96572 3.75 4.94866C3.74995 4.40356 3.7499 3.91379 3.8032 3.51737C3.86139 3.08457 3.9965 2.64056 4.3602 2.27686C4.7239 1.91316 5.16791 1.77805 5.60071 1.71986C5.99713 1.66656 6.4869 1.66661 7.032 1.66666ZM5.5391 3.45494C5.53893 3.45514 5.5388 3.45528 5.53871 3.45537C5.53862 3.45546 5.53848 3.45559 5.53828 3.45576C5.53285 3.4605 5.48714 3.50041 5.45501 3.73945C5.41844 4.01141 5.41667 4.38719 5.41667 5V9.16667H10.8991C12.4598 9.16667 13.75 7.8748 13.75 6.25C13.75 4.6252 12.4598 3.33333 10.8991 3.33333H7.08334C6.47053 3.33333 6.09475 3.3351 5.82279 3.37167C5.58375 3.4038 5.54384 3.44951 5.5391 3.45494Z", fill: "#697586" }), index.h("path", { key: '3297ff7dca1a17d8d27af71db9b16a3f19dab915', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.58334 9.16667C5.04358 9.16667 5.41667 9.53976 5.41667 10V15C5.41667 15.6128 5.41844 15.9886 5.45501 16.2606C5.48714 16.4996 5.53285 16.5395 5.53828 16.5442C5.53848 16.5444 5.53862 16.5445 5.53871 16.5446C5.5388 16.5447 5.53893 16.5449 5.5391 16.5451C5.54384 16.5505 5.58375 16.5962 5.82279 16.6283C6.09475 16.6649 6.47053 16.6667 7.08334 16.6667H11.8056C13.3103 16.6667 14.5833 15.3908 14.5833 13.75C14.5833 12.1092 13.3103 10.8333 11.8056 10.8333H10.7738C10.3136 10.8333 9.94048 10.4602 9.94048 10C9.94048 9.53976 10.3136 9.16667 10.7738 9.16667H11.8056C14.2895 9.16667 16.25 11.2486 16.25 13.75C16.25 16.2514 14.2895 18.3333 11.8056 18.3333H7.08334C7.06617 18.3333 7.04906 18.3333 7.032 18.3333C6.48689 18.3334 5.99713 18.3334 5.60071 18.2801C5.16791 18.2219 4.7239 18.0868 4.3602 17.7231C3.9965 17.3594 3.86139 16.9154 3.8032 16.4826C3.7499 16.0862 3.74995 15.5964 3.75 15.0513C3.75 15.0343 3.75001 15.0172 3.75001 15V10C3.75001 9.53976 4.1231 9.16667 4.58334 9.16667Z", fill: "#697586" }))), this.type === 'italic' && (index.h("svg", { key: '905f91318ea61f05f80c538b202e69e3f4dd34bc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '3473ba472d7613cc7c4263400231f98169ddb5f1', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.1665 3.33333C9.1665 2.8731 9.5396 2.5 9.99984 2.5H15.8332C16.2934 2.5 16.6665 2.8731 16.6665 3.33333C16.6665 3.79357 16.2934 4.16667 15.8332 4.16667H9.99984C9.5396 4.16667 9.1665 3.79357 9.1665 3.33333Z", fill: "#697586" }), index.h("path", { key: 'ea2e54b8659131c72dd2c715e8e58e6b90241f6f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.7059 2.58798C14.1175 2.7938 14.2844 3.29436 14.0785 3.70601L7.41188 17.0393C7.20606 17.451 6.70549 17.6178 6.29385 17.412C5.8822 17.2062 5.71534 16.7056 5.92117 16.294L12.5878 2.96066C12.7937 2.54901 13.2942 2.38215 13.7059 2.58798Z", fill: "#697586" }), index.h("path", { key: '79d66111b5bd9483329290bc3f6552d4eb518524', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.3335 16.6667C3.3335 16.2064 3.70659 15.8333 4.16683 15.8333L10.0002 15.8333C10.4604 15.8333 10.8335 16.2064 10.8335 16.6667C10.8335 17.1269 10.4604 17.5 10.0002 17.5H4.16683C3.70659 17.5 3.3335 17.1269 3.3335 16.6667Z", fill: "#697586" }))), this.type === 'h1' && (index.h("svg", { key: '6a54b6551f73113a0874491337f743e8674e0a73', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: 'c74f3f00c35031c63d09af698e5fca29c668f9a2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.91683 3.33333C3.37707 3.33333 3.75016 3.70643 3.75016 4.16667V15.8333C3.75016 16.2936 3.37707 16.6667 2.91683 16.6667C2.45659 16.6667 2.0835 16.2936 2.0835 15.8333V4.16667C2.0835 3.70643 2.45659 3.33333 2.91683 3.33333Z", fill: "#697586" }), index.h("path", { key: '6e98c6bca747cfcecd79e51e336da12407bc57db', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.2498 3.33333C11.7101 3.33333 12.0832 3.70643 12.0832 4.16667V15.8333C12.0832 16.2936 11.7101 16.6667 11.2498 16.6667C10.7896 16.6667 10.4165 16.2936 10.4165 15.8333V4.16667C10.4165 3.70643 10.7896 3.33333 11.2498 3.33333Z", fill: "#697586" }), index.h("path", { key: '7d0ca3dd92e04f321441657532b70e1e5aa68108', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16.2266 8.43194C16.4976 8.57695 16.6668 8.85934 16.6668 9.16667V15H17.0834C17.5437 15 17.9168 15.3731 17.9168 15.8333C17.9168 16.2936 17.5437 16.6667 17.0834 16.6667H14.5834C14.1232 16.6667 13.7501 16.2936 13.7501 15.8333C13.7501 15.3731 14.1232 15 14.5834 15H15.0001V10.7217C14.6226 10.9401 14.1353 10.8302 13.89 10.4623C13.6348 10.0793 13.7382 9.56192 14.1212 9.30662L15.3712 8.47329C15.6269 8.30282 15.9557 8.28692 16.2266 8.43194Z", fill: "#697586" }), index.h("path", { key: '2b0b43435846100073b83047d6bd363dedc5e887', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.0835 10C2.0835 9.53976 2.45659 9.16667 2.91683 9.16667L11.2502 9.16667C11.7104 9.16667 12.0835 9.53976 12.0835 10C12.0835 10.4602 11.7104 10.8333 11.2502 10.8333L2.91683 10.8333C2.45659 10.8333 2.0835 10.4602 2.0835 10Z", fill: "#697586" }))), this.type === 'h2' && (index.h("svg", { key: '2c9f73011c65638e4c85b3e23521f742681b5f77', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: 'f50d91df56ef21e3b6f2920dd61751911abda9e9', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.49984 3.33333C2.96007 3.33333 3.33317 3.70643 3.33317 4.16667V15.8333C3.33317 16.2936 2.96007 16.6667 2.49984 16.6667C2.0396 16.6667 1.6665 16.2936 1.6665 15.8333V4.16667C1.6665 3.70643 2.0396 3.33333 2.49984 3.33333Z", fill: "#697586" }), index.h("path", { key: '61f2d8b1a388a1e9c7f1868f391fde3f46ad98dd', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.8333 3.33333C11.2936 3.33333 11.6667 3.70643 11.6667 4.16667V15.8333C11.6667 16.2936 11.2936 16.6667 10.8333 16.6667C10.3731 16.6667 10 16.2936 10 15.8333V4.16667C10 3.70643 10.3731 3.33333 10.8333 3.33333Z", fill: "#697586" }), index.h("path", { key: '8b37b23a0750420e2e23dd5866b4777e1eec41b5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.334 10.8333C13.334 9.45262 14.4533 8.33333 15.834 8.33333C17.2147 8.33333 18.334 9.45262 18.334 10.8333V11.0116C18.334 11.7709 18.0117 12.4945 17.4474 13.0024L15.2765 14.9562C15.2593 14.9717 15.2431 14.9862 15.2279 15H17.5007C17.9609 15 18.334 15.3731 18.334 15.8333C18.334 16.2936 17.9609 16.6667 17.5007 16.6667H14.1673C13.7071 16.6667 13.334 16.2936 13.334 15.8333V15.5756C13.334 15.551 13.3339 15.5257 13.3338 15.4997C13.3324 15.2173 13.3307 14.8574 13.4782 14.5264C13.6256 14.1954 13.8942 13.9559 14.105 13.7679C14.1244 13.7507 14.1433 13.7338 14.1616 13.7174L16.3324 11.7636C16.5456 11.5717 16.6673 11.2984 16.6673 11.0116V10.8333C16.6673 10.3731 16.2942 10 15.834 10C15.3738 10 15.0007 10.3731 15.0007 10.8333V11.1667C15.0007 11.6269 14.6276 12 14.1673 12C13.7071 12 13.334 11.6269 13.334 11.1667V10.8333Z", fill: "#697586" }), index.h("path", { key: 'f787c76e2229c6228b491fa8e7c02f261d685b74', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.6665 10C1.6665 9.53976 2.0396 9.16667 2.49984 9.16667L10.8332 9.16667C11.2934 9.16667 11.6665 9.53976 11.6665 10C11.6665 10.4602 11.2934 10.8333 10.8332 10.8333L2.49984 10.8333C2.0396 10.8333 1.6665 10.4602 1.6665 10Z", fill: "#697586" }))), this.type === 'quote' && (index.h("svg", { key: '0533e2c4ee123c5f22671e2b8050284bc8baecc3', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '36cc06217384cecc40ddeea16f417c0050330298', d: "M4.9568 10.625C4.20808 10.625 3.58374 10.625 3.08809 10.5584C2.56493 10.488 2.0926 10.3333 1.71304 9.95374C1.33348 9.57418 1.17876 9.10184 1.10842 8.57868C1.04178 8.08303 1.0418 7.45869 1.04183 6.70996L1.04183 6.70994L1.04183 6.62329L1.04183 6.62327C1.0418 5.87454 1.04178 5.2502 1.10842 4.75455C1.17876 4.23139 1.33348 3.75905 1.71304 3.3795C2.0926 2.99994 2.56493 2.84521 3.08809 2.77488C3.58374 2.70824 4.20809 2.70826 4.95681 2.70828L4.95683 2.70828L5.04349 2.70828L5.04351 2.70828C5.79224 2.70826 6.41658 2.70824 6.91223 2.77488C7.43539 2.84521 7.90772 2.99994 8.28728 3.3795C8.66684 3.75905 8.82156 4.23139 8.8919 4.75455C8.95854 5.25019 8.95852 5.87454 8.9585 6.62326L8.9585 6.62328L8.9585 6.70995L8.9585 6.70998C8.95852 7.4587 8.95854 8.08304 8.8919 8.57868C8.82156 9.10184 8.66684 9.57418 8.28728 9.95374C7.90772 10.3333 7.43539 10.488 6.91223 10.5584C6.41658 10.625 5.79224 10.625 5.04352 10.625L5.04349 10.625L4.95683 10.625L4.9568 10.625Z", fill: "#697586" }), index.h("path", { key: 'a73ffd17ccbcf2b471590f83a107d2051ab8d722', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.32957 16.7061C2.19264 16.2667 2.43783 15.7995 2.87722 15.6626C5.46695 14.8555 7.29183 12.5623 7.29183 9.90596L7.29183 6.45817C7.29183 5.99793 7.66493 5.62483 8.12516 5.62483C8.5854 5.62483 8.9585 5.99793 8.9585 6.45817L8.9585 9.90596C8.9585 13.3612 6.59053 16.2511 3.3731 17.2538C2.93371 17.3907 2.4665 17.1455 2.32957 16.7061Z", fill: "#697586" }), index.h("path", { key: 'dab74ccc12419b76150d1fddd4404f4374263b35', d: "M14.9568 10.625C14.2081 10.625 13.5837 10.625 13.0881 10.5584C12.5649 10.488 12.0926 10.3333 11.713 9.95374C11.3335 9.57418 11.1788 9.10184 11.1084 8.57868C11.0418 8.08304 11.0418 7.45869 11.0418 6.70997L11.0418 6.70994L11.0418 6.62329L11.0418 6.62327C11.0418 5.87454 11.0418 5.2502 11.1084 4.75455C11.1788 4.23139 11.3335 3.75905 11.713 3.3795C12.0926 2.99994 12.5649 2.84521 13.0881 2.77488C13.5837 2.70824 14.2081 2.70826 14.9568 2.70828L14.9568 2.70828L15.0435 2.70828L15.0435 2.70828C15.7922 2.70826 16.4166 2.70824 16.9122 2.77488C17.4354 2.84521 17.9077 2.99994 18.2873 3.3795C18.6668 3.75906 18.8216 4.23139 18.8919 4.75455C18.9585 5.2502 18.9585 5.87454 18.9585 6.62326L18.9585 6.62328L18.9585 6.70995L18.9585 6.70998C18.9585 7.4587 18.9585 8.08304 18.8919 8.57868C18.8216 9.10185 18.6668 9.57418 18.2873 9.95374C17.9077 10.3333 17.4354 10.488 16.9122 10.5584C16.4166 10.625 15.7922 10.625 15.0435 10.625L15.0435 10.625L14.9568 10.625L14.9568 10.625Z", fill: "#697586" }), index.h("path", { key: '65efb870b318b46b8663a62458f4ebd0f3c55b5a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.3296 16.7061C12.1926 16.2667 12.4378 15.7995 12.8772 15.6626C15.4669 14.8555 17.2918 12.5623 17.2918 9.90596L17.2918 6.45817C17.2918 5.99793 17.6649 5.62483 18.1252 5.62483C18.5854 5.62483 18.9585 5.99793 18.9585 6.45817L18.9585 9.90596C18.9585 13.3612 16.5905 16.2511 13.3731 17.2538C12.9337 17.3907 12.4665 17.1455 12.3296 16.7061Z", fill: "#697586" }))), this.type === 'link' && (index.h("svg", { key: 'b9e1af6a1f1c77c03a79de961aeebe701db5b9ca', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: 'ee5eb711d43efa981411de23f09e31cd6f9ce6c7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 1.66667C3.99255 1.66667 2.50016 3.15905 2.50016 5C2.50016 6.84095 3.99255 8.33333 5.8335 8.33333H8.3335C8.79373 8.33333 9.16683 8.70643 9.16683 9.16667C9.16683 9.6269 8.79373 10 8.3335 10H5.8335C3.07207 10 0.833496 7.76142 0.833496 5C0.833496 2.23858 3.07207 0 5.8335 0H8.3335C8.79373 0 9.16683 0.373096 9.16683 0.833333C9.16683 1.29357 8.79373 1.66667 8.3335 1.66667H5.8335ZM10.8335 0.833333C10.8335 0.373096 11.2066 0 11.6668 0H14.1668C16.9283 0 19.1668 2.23858 19.1668 5C19.1668 7.76142 16.9283 10 14.1668 10H11.6668C11.2066 10 10.8335 9.6269 10.8335 9.16667C10.8335 8.70643 11.2066 8.33333 11.6668 8.33333H14.1668C16.0078 8.33333 17.5002 6.84095 17.5002 5C17.5002 3.15905 16.0078 1.66667 14.1668 1.66667H11.6668C11.2066 1.66667 10.8335 1.29357 10.8335 0.833333Z", fill: "#697586" }), index.h("path", { key: 'bf10de7a8b138dcd13d4d2ec903d1c86fd732edb', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.66699 5C6.66699 4.53976 7.04009 4.16667 7.50033 4.16667H12.5003C12.9606 4.16667 13.3337 4.53976 13.3337 5C13.3337 5.46024 12.9606 5.83333 12.5003 5.83333H7.50033C7.04009 5.83333 6.66699 5.46024 6.66699 5Z", fill: "#697586" }))), this.type === 'photo' && (index.h("svg", { key: 'b3beeaf919ac31926a8e33f411fb7b018353be76', xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '88431fe81a7895da9b825e460f5670abe18a06e7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3.375 5.04167C3.375 4.12119 4.12119 3.375 5.04167 3.375C5.96214 3.375 6.70833 4.12119 6.70833 5.04167C6.70833 5.96214 5.96214 6.70833 5.04167 6.70833C4.12119 6.70833 3.375 5.96214 3.375 5.04167Z", fill: "#697586" }), index.h("path", { key: 'f399bd71e8f90c9ab96ea4ce7217ad590a453868', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.93796 0.25H9.06204C10.8754 0.24998 12.321 0.249964 13.4544 0.402352C14.6247 0.559697 15.5862 0.893121 16.3466 1.65345C17.1069 2.41377 17.4403 3.37528 17.5976 4.54559C17.75 5.67904 17.75 7.12465 17.75 8.93798V9.06202C17.75 10.8753 17.75 12.321 17.5976 13.4544C17.4403 14.6247 17.1069 15.5862 16.3466 16.3466C15.5862 17.1069 14.6247 17.4403 13.4544 17.5976C12.321 17.75 10.8753 17.75 9.06202 17.75H8.93798C7.12466 17.75 5.67904 17.75 4.54559 17.5976C3.37528 17.4403 2.41377 17.1069 1.65345 16.3466C0.893122 15.5862 0.559698 14.6247 0.402353 13.4544C0.249965 12.321 0.249981 10.8754 0.25 9.06204V8.93796C0.249981 7.12464 0.249965 5.67904 0.402353 4.54559C0.559698 3.37528 0.893122 2.41377 1.65345 1.65345C2.41377 0.893121 3.37528 0.559697 4.54559 0.402352C5.67904 0.249964 7.12464 0.24998 8.93796 0.25ZM4.76767 2.05416C3.78217 2.18665 3.231 2.43291 2.83196 2.83196C2.43291 3.231 2.18665 3.78217 2.05416 4.76767C1.91844 5.77715 1.91667 7.11046 1.91667 9C1.91667 10.8895 1.91844 12.2229 2.05416 13.2323C2.18665 14.2178 2.43291 14.769 2.83196 15.168C3.231 15.5671 3.78217 15.8133 4.76767 15.9458C5.77715 16.0816 7.11047 16.0833 9 16.0833C10.8895 16.0833 12.2229 16.0816 13.2323 15.9458C14.2178 15.8133 14.769 15.5671 15.168 15.168C15.5671 14.769 15.8133 14.2178 15.9458 13.2323C16.0816 12.2229 16.0833 10.8895 16.0833 9C16.0833 7.11046 16.0816 5.77715 15.9458 4.76767C15.8133 3.78217 15.5671 3.231 15.168 2.83196C14.769 2.43291 14.2178 2.18665 13.2323 2.05416C12.2229 1.91844 10.8895 1.91667 9 1.91667C7.11047 1.91667 5.77715 1.91844 4.76767 2.05416Z", fill: "#697586" }), index.h("path", { key: 'f790e464948cd9f4bd0f3b961bc1cfe0abe19f32', d: "M17.3666 9.58569C15.744 8.53929 14.1981 8.10081 12.7187 8.1626C11.246 8.2241 9.92182 8.77775 8.73068 9.57413C6.71529 10.9216 4.94269 13.0717 3.35558 14.9968C3.10434 15.3015 2.8577 15.6007 2.61553 15.89L1.9165 16.5008L2.93566 17.1947C3.65582 17.4931 4.49811 17.6237 5.46607 17.6873C6.43028 17.7507 7.59171 17.7507 8.97277 17.7507H9.06243C10.8757 17.7507 12.3213 17.7507 13.4548 17.5983C14.6251 17.441 15.5866 17.1076 16.3469 16.3472C17.0132 15.681 17.3537 14.8636 17.5333 13.8785C17.7083 12.9189 17.741 11.7355 17.7483 10.2902L17.7506 9.83332L17.3666 9.58569Z", fill: "#697586" }))), this.type === 'list_bullet' && (index.h("svg", { key: '57cd38a324e571320d0039f605f6a5067bc8e082', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: '2aa6398166d92475f6384ab4cb76ab69b1d81da6', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 4.16667C5.8335 3.70643 6.20659 3.33333 6.66683 3.33333L16.6668 3.33333C17.1271 3.33333 17.5002 3.70643 17.5002 4.16667C17.5002 4.6269 17.1271 5 16.6668 5L6.66683 5C6.20659 5 5.8335 4.6269 5.8335 4.16667Z", fill: "#697586" }), index.h("path", { key: '703f672eee3cf5d6036082de46322e230b4c5f90', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.5 4.16667C2.5 3.70643 2.8731 3.33333 3.33333 3.33333H3.34082C3.80106 3.33333 4.17415 3.70643 4.17415 4.16667C4.17415 4.6269 3.80106 5 3.34082 5H3.33333C2.8731 5 2.5 4.6269 2.5 4.16667Z", fill: "#697586" }), index.h("path", { key: '7024f428c8515842984b46ab2a42fe7ca6d3e349', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.5 10C2.5 9.53976 2.8731 9.16667 3.33333 9.16667H3.34082C3.80106 9.16667 4.17415 9.53976 4.17415 10C4.17415 10.4602 3.80106 10.8333 3.34082 10.8333H3.33333C2.8731 10.8333 2.5 10.4602 2.5 10Z", fill: "#697586" }), index.h("path", { key: '108a28e2977916c13b1777a4cd142bae9c7712b2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M2.5 15.8333C2.5 15.3731 2.8731 15 3.33333 15H3.34082C3.80106 15 4.17415 15.3731 4.17415 15.8333C4.17415 16.2936 3.80106 16.6667 3.34082 16.6667H3.33333C2.8731 16.6667 2.5 16.2936 2.5 15.8333Z", fill: "#697586" }), index.h("path", { key: '64faa9e412f770f26802277bfe4d7e24cc5efcf5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 10C5.8335 9.53976 6.20659 9.16667 6.66683 9.16667L16.6668 9.16667C17.1271 9.16667 17.5002 9.53976 17.5002 10C17.5002 10.4602 17.1271 10.8333 16.6668 10.8333L6.66683 10.8333C6.20659 10.8333 5.8335 10.4602 5.8335 10Z", fill: "#697586" }), index.h("path", { key: '863477c66de3cb3b2414b41149d9672ee22c50bb', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M5.8335 15.8333C5.8335 15.3731 6.20659 15 6.66683 15L16.6668 15C17.1271 15 17.5002 15.3731 17.5002 15.8333C17.5002 16.2936 17.1271 16.6667 16.6668 16.6667L6.66683 16.6667C6.20659 16.6667 5.8335 16.2936 5.8335 15.8333Z", fill: "#697586" }))), this.type === 'list_numbers' && (index.h("svg", { key: '888c2c35f233bb0b56e443c305c39489d5f504e1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", class: `icons ${this.state}` }, index.h("path", { key: 'caa57e68a25d34f4fbc40d78944bf7e6651dca5e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.3335 4.99998C8.3335 4.53974 8.70659 4.16664 9.16683 4.16664L17.5002 4.16664C17.9604 4.16664 18.3335 4.53974 18.3335 4.99998C18.3335 5.46022 17.9604 5.83331 17.5002 5.83331L9.16683 5.83331C8.70659 5.83331 8.3335 5.46021 8.3335 4.99998Z", fill: "#697586" }), index.h("path", { key: '022b9aca4b5c9c7b8400362129f0bd94a9a6a608', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.3335 9.99998C8.3335 9.53974 8.70659 9.16664 9.16683 9.16664L17.5002 9.16664C17.9604 9.16664 18.3335 9.53974 18.3335 9.99998C18.3335 10.4602 17.9604 10.8333 17.5002 10.8333L9.16683 10.8333C8.70659 10.8333 8.3335 10.4602 8.3335 9.99998Z", fill: "#697586" }), index.h("path", { key: '7abde11cce7560f5beda9805714244fca5dfa6d5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.3335 15C8.3335 14.5397 8.70659 14.1666 9.16683 14.1666L17.5002 14.1666C17.9604 14.1666 18.3335 14.5397 18.3335 15C18.3335 15.4602 17.9604 15.8333 17.5002 15.8333L9.16683 15.8333C8.70659 15.8333 8.3335 15.4602 8.3335 15Z", fill: "#697586" }), index.h("path", { key: 'f4997b8064e9cfb30d4c97c028330a8afdf73518', d: "M3.99489 13.3352C3.94229 13.3334 3.87177 13.3333 3.74995 13.3333H2.49995C2.03972 13.3333 1.66662 12.9602 1.66662 12.5C1.66662 12.0397 2.03972 11.6666 2.49995 11.6666H3.74995L3.79922 11.6666C3.979 11.6663 4.1769 11.6659 4.35762 11.7019C5.08489 11.8465 5.6534 12.415 5.79806 13.1423C5.83401 13.323 5.83366 13.5209 5.83335 13.7007L5.83329 13.75L5.83335 13.7992C5.83366 13.979 5.83401 14.1769 5.79806 14.3576C5.6534 15.0849 5.08489 15.6534 4.35762 15.7981C4.1769 15.834 3.979 15.8337 3.79923 15.8334L3.74995 15.8333C3.62814 15.8333 3.55762 15.8334 3.50502 15.8352C3.48081 15.8361 3.46779 15.8371 3.46254 15.8376C3.4004 15.8519 3.35184 15.9004 3.33754 15.9626C3.33706 15.9678 3.33603 15.9808 3.3352 16.005C3.3334 16.0576 3.33329 16.1282 3.33329 16.25V16.6666H4.99995C5.46019 16.6666 5.83329 17.0397 5.83329 17.5C5.83329 17.9602 5.46019 18.3333 4.99995 18.3333H2.99995L2.97701 18.3333C2.88184 18.3335 2.74054 18.3337 2.6146 18.3167C2.45411 18.2951 2.20117 18.2333 1.98392 18.016C1.76667 17.7988 1.70478 17.5458 1.68321 17.3853C1.66627 17.2594 1.66647 17.1181 1.6666 17.0229L1.66662 17V16.25L1.66656 16.2007C1.66625 16.0209 1.6659 15.823 1.70185 15.6423C1.84651 14.915 2.41502 14.3465 3.14229 14.2019C3.32301 14.1659 3.52091 14.1663 3.70068 14.1666L3.74995 14.1666C3.87177 14.1666 3.94229 14.1665 3.99489 14.1647C4.0191 14.1639 4.03212 14.1629 4.03737 14.1624C4.09951 14.1481 4.14806 14.0995 4.16237 14.0374C4.16285 14.0321 4.16388 14.0191 4.16471 13.9949C4.16651 13.9423 4.16662 13.8718 4.16662 13.75C4.16662 13.6282 4.16651 13.5576 4.16471 13.505C4.16388 13.4808 4.16285 13.4678 4.16237 13.4626C4.14807 13.4004 4.0995 13.3519 4.03737 13.3376L3.99489 13.3352Z", fill: "#697586" }), index.h("path", { key: '65c7ce3f6467151b3cb516486bed6f9c4bc122bd', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M1.6665 2.49998C1.6665 2.03974 2.0396 1.66664 2.49984 1.66664H3.49984C4.09815 1.66664 4.58317 2.15167 4.58317 2.74998V6.66664H4.99984C5.46007 6.66664 5.83317 7.03974 5.83317 7.49998C5.83317 7.96021 5.46007 8.33331 4.99984 8.33331H2.49984C2.0396 8.33331 1.6665 7.96021 1.6665 7.49998C1.6665 7.03974 2.0396 6.66664 2.49984 6.66664H2.9165V3.33331H2.49984C2.0396 3.33331 1.6665 2.96021 1.6665 2.49998Z", fill: "#697586" })))));
     }
 };
 GbWysiwygEditorIcon.style = gbWysiwygEditorIconCss;

package/dist/cjs/gb-wysiwyg-tooltip.cjs.entry.js CHANGED Viewed

@@ -9,7 +9,7 @@ const GbWYSIWYGTooltip = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'be582f17ce9fb3ceddd66ac02c852505d07ec48a', class: "wysiwyg_tooltip_div" }, index.h("div", { key: '10e0e4cddba567ef37ed2cfde858a7ac9fcd456e', class: `wysiwyg_tooltip ${this.breakpoint}` }, index.h("div", { key: 'a9d3ed900acde2d611e21b588cb5f72e96c2cc42', class: `arrow ${this.arrow}` }), index.h("div", { key: '4dbd7f70d2d17b58bf4041ffeaacced28dc76e82', class: "wysiwyg_tooltip_content" }, index.h("gb-wysiwyg-editor-icon", { key: '30e856b0dcc90593e2a27f202ef7885271fafdec', state: "default", type: "bold" }), index.h("gb-wysiwyg-editor-icon", { key: 'c156da5b9103162bc2061cafdab37fe2ace842ed', state: "default", type: "italic" }), index.h("gb-wysiwyg-editor-icon", { key: '0dd5ec7351ac5b82160c4135816509dc13bc46bf', state: "default", type: "h1" }), index.h("gb-wysiwyg-editor-icon", { key: '9f22629038a17fd54c0605be120ff31498329736', state: "default", type: "h2" }), index.h("gb-wysiwyg-editor-icon", { key: '0a4608f84a2d8447dd179036e057672a255ab967', state: "default", type: "quote" }), index.h("gb-wysiwyg-editor-icon", { key: '6b61667f9dc2726b8c97a785f5c6563764c63888', state: "default", type: "link" }), index.h("gb-wysiwyg-editor-icon", { key: '9da1a5ae75165447434792166061198de028c520', state: "default", type: "photo" }), index.h("gb-wysiwyg-editor-icon", { key: 'd018c46a19f26c94945009cdf596dc48fc7fa3e4', state: "default", type: "list_bullet" }), index.h("gb-wysiwyg-editor-icon", { key: '3073656b378a33a5096fe2d1480991b99090b054', state: "default", type: "list_numbers" })))));
+        return (index.h("div", { key: 'f2807e95e68f095736eb77020459f2ef1454f80e', class: "wysiwyg_tooltip_div" }, index.h("div", { key: '40453de986197d84c270ee3253a67b58f25f011f', class: `wysiwyg_tooltip ${this.breakpoint}` }, index.h("div", { key: '34630697728d4f833f92911d5f6fe30b3baebc01', class: `arrow ${this.arrow}` }), index.h("div", { key: '68ad0c121a3f60fe14ea745ed62b5d013d57fd8c', class: "wysiwyg_tooltip_content" }, index.h("gb-wysiwyg-editor-icon", { key: '793101d874a0a31aad6fcf72ebc695ceefb39bf8', state: "default", type: "bold" }), index.h("gb-wysiwyg-editor-icon", { key: 'f9ebe8f94aba342c6340cd87da0a4bce7af4267d', state: "default", type: "italic" }), index.h("gb-wysiwyg-editor-icon", { key: '08bce93084edcc20fc53180a65abecb8a7e802b8', state: "default", type: "h1" }), index.h("gb-wysiwyg-editor-icon", { key: '5dfe75fffd5a8e12e6a37c3a4983ad2d2086431b', state: "default", type: "h2" }), index.h("gb-wysiwyg-editor-icon", { key: '34daedd95f0305ebfc52aa8fbf817702dd7547fb', state: "default", type: "quote" }), index.h("gb-wysiwyg-editor-icon", { key: 'f00fc72537f96a308ff78527b78ac5fa524bbc2b', state: "default", type: "link" }), index.h("gb-wysiwyg-editor-icon", { key: 'a3622ac03abb4f04fc3bff79c50702224eac9b18', state: "default", type: "photo" }), index.h("gb-wysiwyg-editor-icon", { key: '4fe679765e7e9891fc5553a653f18f87c39a708f', state: "default", type: "list_bullet" }), index.h("gb-wysiwyg-editor-icon", { key: 'aa61cce7940e41ff1bcf5e7d09a8146e5ca2f4c6', state: "default", type: "list_numbers" })))));
     }
 };
 GbWYSIWYGTooltip.style = gbWysiwygTooltipCss;

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

@@ -78,7 +78,7 @@ const TestInputTag = class {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (index.h("div", { key: '0867a2fc9acae76e7ef9ee979b65f0c8c8fdcdb2', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: 'ffc41db4ec6014fccb4a3881b20eb95032717488', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: 'a3bd48aae376ad88e40a53604c1ff2669618d490', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '9029c66a3916ab3251fdba0788a1edb4ff1b41f4', 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: '6e344e6a914fb16d71618afed3b1aacbd2f93128', 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: 'cc7684d2908253d0a78c0676403d2b46efc23c2e', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '410dfd48f73f582f25317802ecaa2ba0da79c0f7', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: 'e3ece236dd2b3cbdbc296cd4c6c35aa0a5cfbdd2', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '0923915a538dc61f994a1def95a3e6fedac17add', 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: '1b1c5ad607fb0a12e27aee85f82f374f30cd8caf', 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: '4ceb527b5c373d22bc1708d594a5d35ea6a32c76', 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: '33ce69ec3314af10b9e77e1b3809ef421d5ccf88', 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/components/gb-breadcrumbs/gb-breadcrumbs.css CHANGED Viewed

@@ -2783,8 +2783,8 @@
   color: var(--color-text-danger, #b51726) !important;
 } */
-:host{
-    width: 100%;
+:host {
+  width: 100%;
 }
 .breadcrumbs_div {
@@ -2792,7 +2792,7 @@
   align-items: center;
 }
-.breadcrumb-item{
+.breadcrumb-item {
   display: flex;
   align-items: center;
   gap: var(--spacing-2);
@@ -2809,12 +2809,12 @@
   border-bottom: 1px solid var(--color-border-subtler, #e3e8ef);
 }
-.breadcrumbs_div.button_gray_with_border{
-padding: 0.25rem;
-align-items: center;
-border-radius: 0.5rem;
-border: 1px solid var(--color-border-subtler, #CDD5DF);
-background: var(--color-background-gray-subtlest, #F6F8FA);
+.breadcrumbs_div.button_gray_with_border {
+  padding: 0.25rem;
+  align-items: center;
+  border-radius: 0.5rem;
+  border: 1px solid var(--color-border-subtler, #cdd5df);
+  background: var(--color-background-gray-subtlest, #f6f8fa);
 }
 .tabs {

package/dist/collection/components/gb-button/gb-button.css CHANGED Viewed

@@ -2909,10 +2909,7 @@ button.sm .icon svg {
 button.primary {
   background-color: var(--color-background-brandRed, #e21b2e);
   --icon-color: var(--color-icon-inverse, #ffffff);
-  color: var(--color-text-inverse, #ffffff) !important;
-}
-.slotted_text.primary {
+  color: var(--color-text-inverse, #ffffff);
 }
 button.secondary_gray {
@@ -2922,9 +2919,6 @@ button.secondary_gray {
   color: var(--color-text, #4b5565) !important;
 }
-.slotted_text.secondary_gray {
-}
 button.secondary_color {
   background-color: transparent;
   border: 1px solid var(--color-border-brandRed, #e21b2e);
@@ -2932,27 +2926,18 @@ button.secondary_color {
   --icon-color: var(--color-icon-brandRed, #e21b2e);
 }
-.slotted_text.secondary_color {
-}
 button.tertiary_gray {
   background-color: transparent;
   --icon-color: var(--color-icon, #4b5565);
   color: var(--color-text, #4b5565) !important;
 }
-.slotted_text.tertiary_gray {
-}
 button.tertiary_color {
   background-color: transparent;
   --icon-color: var(--color-icon-brandRed, #e21b2e);
   color: var(--color-text-brandRed, #e21b2e) !important;
 }
-.slotted_text.tertiary_color {
-}
 button.link_gray {
   background-color: transparent;
   --icon-color: var(--color-icon, #4b5565);
@@ -2962,9 +2947,6 @@ button.link_gray {
   color: var(--color-text, #4b5565) !important;
 }
-.slotted_text.link_gray {
-}
 button.link_color {
   background-color: transparent;
   --icon-color: var(--color-link, #075db2);
@@ -2974,9 +2956,6 @@ button.link_color {
   color: var(--color-link, #075db2) !important;
 }
-.slotted_text.link_color {
-}
 /* Button Destructive Styles */
 button.primary.destructive {
   background-color: var(--color-background-danger, #b51726);

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

@@ -30,8 +30,6 @@ export class GbButton {
         if (buttonSlot) {
             buttonSlot.classList.add(this.getButtonTextClasses());
             buttonSlot.classList.add('nowrap');
-            buttonSlot.classList.add('slotted_button_text');
-            buttonSlot.classList.add(`${this.hierarchy}`);
         }
     }
     async loadIcon(iconName, type) {
@@ -77,7 +75,7 @@ export class GbButton {
         return h("div", { class: "icon right-icon", innerHTML: this.trailingIconSvg });
     }
     render() {
-        return (h("div", { key: 'c8749d6203bdb1d201503df2367f7ec29364c87c', class: "button_wrapper" }, h("button", { key: '6f6a7a06962466ca768473e22fbedfab17c0f5e1', disabled: this.state === 'disabled', class: this.getButtonClasses(), onMouseEnter: () => this.tooltipShown = true, onMouseLeave: () => this.tooltipShown = false }, this.state === 'loading' && h("div", { key: '04dd780ee0e09c1b7918bccc933e8f4d88adebf3', class: `loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}` }), this.state !== 'loading' && (h(Fragment, null, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && (h("div", { key: '86a000f55acd533dd913860288ca260447a44f6c', class: `btn_text` }, h("slot", { key: '5ee4b83f2e43c796f4ce3ce9e993bbe0b92a0da4' }))), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()))), this.tooltipText && this.icon === 'only' && this.tooltipShown && (h("gb-tooltip", { key: '5fbd16ac66dd48bda91db1b2d196bbf708aadc6e', "show-arrow": true, arrow: this.arrow, class: `tooltip ${this.size}` }, h("p", { key: '4d7653f831c1ab0be777e7863c8156d8cc7a9671', slot: "label" }, this.tooltipText)))));
+        return (h("div", { key: 'a84dfabd80e9caf156c95ff6562afa7745adabf3', class: "button_wrapper" }, h("button", { key: 'f07a0aba53f7897e1c6c0ee10348c4c75e575d4a', disabled: this.state === 'disabled', class: this.getButtonClasses(), onMouseEnter: () => this.tooltipShown = true, onMouseLeave: () => this.tooltipShown = false }, this.state === 'loading' && h("div", { key: 'f6d73a045f9aa11c2f7b344dea5aedda2ec5d932', class: `loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}` }), this.state !== 'loading' && (h(Fragment, null, this.iconLeading && this.icon === 'default' && this.renderLeadingIcon(), this.icon === 'default' && (h("div", { key: 'a8f7080ccea14f0270333c4029183b4630b75956', class: `btn_text` }, h("slot", { key: '5b0700bcc3227cc17a249971fb4c46c94e396b66' }))), this.iconTrailing && this.renderTrailingIcon(), this.icon === 'only' && this.renderLeadingIcon()))), this.tooltipText && this.icon === 'only' && this.tooltipShown && (h("gb-tooltip", { key: '514a34979c92adf6d6cf815650518bcf10904e95', "show-arrow": true, arrow: this.arrow, class: `tooltip ${this.size}` }, h("p", { key: '8ad1745297fc23de37339abc817a23306e1f7bc4', slot: "label" }, this.tooltipText)))));
     }
     static get is() { return "gb-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-button/gb-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-button.js","sourceRoot":"","sources":["../../../src/components/gb-button/gb-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAS3F,MAAM,OAAO,QAAQ;IANrB;QAOU,SAAI,GAAiB,IAAI,CAAC;QAC1B,cAAS,GAAuB,SAAS,CAAC;QAE1C,gBAAW,GAAY,KAAK,CAAC;QAC7B,UAAK,GAAc,SAAS,CAAC;QAC7B,gBAAW,GAAY,KAAK,CAAC;QAE7B,iBAAY,GAAY,KAAK,CAAC;QAE9B,gBAAW,GAAW,EAAE,CAAC;QACzB,UAAK,GAAmB,eAAe,CAAC;QAEvC,mBAAc,GAAW,EAAE,CAAC;QAC5B,oBAAe,GAAW,EAAE,CAAC;QAC7B,wBAAmB,GAAW,EAAE,CAAC;QACjC,6BAAwB,GAAW,EAAE,CAAC;QACtC,8BAAyB,GAAW,EAAE,CAAC;QACvC,iBAAY,GAAY,KAAK,CAAC;~~KAgGxC~~;~~IA9FC~~,iBAAiB;QACf,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC7C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;QACjD,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC/C,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC;QACnD,CAAC;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAE9C,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC7B,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACpC,CAAC;QAED,IAAI,UAAU,EAAE,CAAC;YACf,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;YACtD,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;~~YACnC~~,~~UAAU,~~CAAC~~,SAAS,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC~~;~~YAChD,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAChD,CAAC;~~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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop, State, Fragment } from '@stencil/core';\r\nimport { ArrowPositions, GeneralHierarchies, GeneralSizes, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-button',\r\n styleUrl: 'gb-button.css',\r\n shadow: true,\r\n assetsDirs: [''],\r\n})\r\nexport class GbButton {\r\n @Prop() size: GeneralSizes = 'xl';\r\n @Prop() hierarchy: GeneralHierarchies = 'primary';\r\n @Prop() icon!: 'default' \| 'only';\r\n @Prop() destructive: boolean = false;\r\n @Prop() state: StateType = 'default';\r\n @Prop() iconLeading: boolean = false;\r\n @Prop() iconLeadingSwap: string;\r\n @Prop() iconTrailing: boolean = false;\r\n @Prop() iconTrailingSwap: string;\r\n @Prop() tooltipText: string = '';\r\n @Prop() arrow: ArrowPositions = 'bottom_center';\r\n @Element() el: HTMLElement;\r\n @State() leadingIconSvg: string = '';\r\n @State() trailingIconSvg: string = '';\r\n @State() internalButtonState: string = '';\r\n @State() internalIconLeadingState: string = '';\r\n @State() internalIconTrailingState: string = '';\r\n @State() tooltipShown: boolean = false;\r\n\r\n componentWillLoad() {\r\n if (this.iconLeading && this.iconLeadingSwap) {\r\n this.loadIcon(this.iconLeadingSwap, 'leading');\r\n }\r\n if (this.iconTrailing && this.iconTrailingSwap) {\r\n this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n }\r\n\r\n const buttonSlot = this.el.querySelector('p');\r\n\r\n if (this.state === 'loading') {\r\n buttonSlot.style.display = 'none';\r\n }\r\n\r\n if (buttonSlot) {\r\n buttonSlot.classList.add(this.getButtonTextClasses());\r\n buttonSlot.classList.add('nowrap');\r\n ~~buttonSlot.classList.add('slotted_button_text');\r\n buttonSlot.classList.add(`${this.hierarchy}`);\r\n~~ }\r\n }\r\n\r\n async loadIcon(iconName: string, type: 'leading' \| 'trailing') {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n if (type === 'leading') {\r\n this.leadingIconSvg = svg;\r\n } else {\r\n this.trailingIconSvg = svg;\r\n }\r\n }\r\n\r\n // Helper to apply color styles based on the button state\r\n getButtonClasses() {\r\n return {\r\n button: true,\r\n [this.size]: true,\r\n [this.hierarchy]: true,\r\n destructive: this.destructive,\r\n disabled: this.state === 'disabled',\r\n only: this.icon === 'only',\r\n };\r\n }\r\n\r\n getButtonTextClasses() {\r\n switch (this.size) {\r\n case 'xl2':\r\n return 'text-lg-semi-bold';\r\n case 'xl':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n case 'md':\r\n return 'text-sm-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n }\r\n }\r\n\r\n renderLeadingIcon() {\r\n return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n }\r\n\r\n renderTrailingIcon() {\r\n return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"button_wrapper\">\r\n <button disabled={this.state === 'disabled'} class={this.getButtonClasses()} onMouseEnter={() => this.tooltipShown = true} onMouseLeave={() => this.tooltipShown = false}>\r\n {this.state === 'loading' && <div class={`loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}`}></div>}\r\n {this.state !== 'loading' && (\r\n <>\r\n {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n {this.icon === 'default' && (\r\n <div class={`btn_text`}>\r\n <slot></slot>\r\n </div>\r\n )}\r\n {this.iconTrailing && this.renderTrailingIcon()}\r\n {this.icon === 'only' && this.renderLeadingIcon()}\r\n </>\r\n )}\r\n </button>\r\n {this.tooltipText && this.icon === 'only' && this.tooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow={this.arrow} class={`tooltip ${this.size}`}>\r\n <p slot=\"label\">{this.tooltipText}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-button.js","sourceRoot":"","sources":["../../../src/components/gb-button/gb-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, getAssetPath, h, Prop, State, Fragment } from '@stencil/core';\r\nimport { ArrowPositions, GeneralHierarchies, GeneralSizes, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-button',\r\n styleUrl: 'gb-button.css',\r\n shadow: true,\r\n assetsDirs: [''],\r\n})\r\nexport class GbButton {\r\n @Prop() size: GeneralSizes = 'xl';\r\n @Prop() hierarchy: GeneralHierarchies = 'primary';\r\n @Prop() icon!: 'default' \| 'only';\r\n @Prop() destructive: boolean = false;\r\n @Prop() state: StateType = 'default';\r\n @Prop() iconLeading: boolean = false;\r\n @Prop() iconLeadingSwap: string;\r\n @Prop() iconTrailing: boolean = false;\r\n @Prop() iconTrailingSwap: string;\r\n @Prop() tooltipText: string = '';\r\n @Prop() arrow: ArrowPositions = 'bottom_center';\r\n @Element() el: HTMLElement;\r\n @State() leadingIconSvg: string = '';\r\n @State() trailingIconSvg: string = '';\r\n @State() internalButtonState: string = '';\r\n @State() internalIconLeadingState: string = '';\r\n @State() internalIconTrailingState: string = '';\r\n @State() tooltipShown: boolean = false;\r\n\r\n componentWillLoad() {\r\n if (this.iconLeading && this.iconLeadingSwap) {\r\n this.loadIcon(this.iconLeadingSwap, 'leading');\r\n }\r\n if (this.iconTrailing && this.iconTrailingSwap) {\r\n this.loadIcon(this.iconTrailingSwap, 'trailing');\r\n }\r\n\r\n const buttonSlot = this.el.querySelector('p');\r\n\r\n if (this.state === 'loading') {\r\n buttonSlot.style.display = 'none';\r\n }\r\n\r\n if (buttonSlot) {\r\n buttonSlot.classList.add(this.getButtonTextClasses());\r\n buttonSlot.classList.add('nowrap');\r\n }\r\n }\r\n\r\n async loadIcon(iconName: string, type: 'leading' \| 'trailing') {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n if (type === 'leading') {\r\n this.leadingIconSvg = svg;\r\n } else {\r\n this.trailingIconSvg = svg;\r\n }\r\n }\r\n\r\n // Helper to apply color styles based on the button state\r\n getButtonClasses() {\r\n return {\r\n button: true,\r\n [this.size]: true,\r\n [this.hierarchy]: true,\r\n destructive: this.destructive,\r\n disabled: this.state === 'disabled',\r\n only: this.icon === 'only',\r\n };\r\n }\r\n\r\n getButtonTextClasses() {\r\n switch (this.size) {\r\n case 'xl2':\r\n return 'text-lg-semi-bold';\r\n case 'xl':\r\n return 'text-md-semi-bold';\r\n case 'lg':\r\n return 'text-md-semi-bold';\r\n case 'md':\r\n return 'text-sm-semi-bold';\r\n case 'sm':\r\n return 'text-sm-semi-bold';\r\n }\r\n }\r\n\r\n renderLeadingIcon() {\r\n return <div class={`icon left-icon ${this.size}`} innerHTML={this.leadingIconSvg}></div>;\r\n }\r\n\r\n renderTrailingIcon() {\r\n return <div class=\"icon right-icon\" innerHTML={this.trailingIconSvg}></div>;\r\n }\r\n\r\n render() {\r\n return (\r\n <div class=\"button_wrapper\">\r\n <button disabled={this.state === 'disabled'} class={this.getButtonClasses()} onMouseEnter={() => this.tooltipShown = true} onMouseLeave={() => this.tooltipShown = false}>\r\n {this.state === 'loading' && <div class={`loader ${this.hierarchy} ${this.size} ${this.icon} ${this.destructive ? 'destructive' : ''}`}></div>}\r\n {this.state !== 'loading' && (\r\n <>\r\n {this.iconLeading && this.icon === 'default' && this.renderLeadingIcon()}\r\n {this.icon === 'default' && (\r\n <div class={`btn_text`}>\r\n <slot></slot>\r\n </div>\r\n )}\r\n {this.iconTrailing && this.renderTrailingIcon()}\r\n {this.icon === 'only' && this.renderLeadingIcon()}\r\n </>\r\n )}\r\n </button>\r\n {this.tooltipText && this.icon === 'only' && this.tooltipShown && (\r\n <gb-tooltip show-arrow={true} arrow={this.arrow} class={`tooltip ${this.size}`}>\r\n <p slot=\"label\">{this.tooltipText}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}\r\n"]}

package/dist/collection/components/gb-button/gb-button.tsx CHANGED Viewed

@@ -44,8 +44,6 @@ export class GbButton {
     if (buttonSlot) {
       buttonSlot.classList.add(this.getButtonTextClasses());
       buttonSlot.classList.add('nowrap');
-      buttonSlot.classList.add('slotted_button_text');
-      buttonSlot.classList.add(`${this.hierarchy}`);
     }
   }

package/dist/collection/components/gb-collapse-button/gb-collapse-button.css CHANGED Viewed

@@ -2791,8 +2791,8 @@
     background-color: transparent;
     border-radius: var(--rounded-full);
     display: flex;
-    width: var(--spacing-7);
-    height: var(--spacing-7);
+    width: fit-content;
+    height: fit-content;
     padding: var(--spacing-2);
     justify-content: center;
     align-items: center;
@@ -2846,14 +2846,14 @@
 .tooltip.horizontal{
     position: absolute;
-    left: 3.5rem;
-    bottom: 2.7rem;
+    left: 2.5rem;
+    bottom: 2.3rem;
 }
 .tooltip.vertical{
     position: absolute;
-    left: 0.5rem;
-    bottom: 190%;
+    left: 0.1rem;
+    bottom: 210%;
 }
 .text-xs-semi-bold{

package/dist/collection/components/gb-collapse-button/gb-collapse-button.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { getAssetPath, h } from "@stencil/core";
+import { getAssetPath, h, Fragment } from "@stencil/core";
 export class GbCollapseButton {
     constructor() {
         this.isCollapsed = false;
@@ -35,7 +35,7 @@ export class GbCollapseButton {
     }
     render() {
         return [
-            h("div", { key: 'd0c43070a1d7b1e2600ec5c0a032a1394cccd43f' }, h("div", { key: 'e7625923cfa27967a558cf53b4fb9ecbfb7765c5', class: `collapse_btn ${this.color}`, onClick: this.toggleIcon.bind(this), onMouseOver: () => (this.isHovered = true), onMouseOut: () => (this.isHovered = false) }, h("div", { key: '4855bc8eb8965687dc27ecde08729d4299081ed9', class: `icon ${this.color} ${this.direction} ${this.action}`, innerHTML: this.leadingIconSvg })), this.isHovered && this.action === 'collapse' ? (h("gb-tooltip", { class: `tooltip ${this.direction}`, "show-arrow": true, arrow: this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null }, h("p", { slot: "label", class: "text-xs-semi-bold" }, "Collapse"))) : this.isHovered && this.action === 'expand' ? (h("gb-tooltip", { class: `tooltip ${this.direction}`, "show-arrow": true, arrow: this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null }, h("p", { slot: "label", class: "text-xs-semi-bold" }, "Expand"))) : null),
+            h(Fragment, null, h("div", { key: 'bd6567f822763b320bc5165050d5182849c9e831', class: `collapse_btn ${this.color}`, onClick: this.toggleIcon.bind(this), onMouseOver: () => (this.isHovered = true), onMouseOut: () => (this.isHovered = false) }, h("div", { key: '8c3a604d6dc9b174bd3ea7c3fc6dff116eeae5eb', class: `icon ${this.color} ${this.direction} ${this.action}`, innerHTML: this.leadingIconSvg })), this.isHovered && this.action === 'collapse' ? (h("gb-tooltip", { class: `tooltip ${this.direction}`, "show-arrow": true, arrow: this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null }, h("p", { slot: "label", class: "text-xs-semi-bold" }, "Collapse"))) : this.isHovered && this.action === 'expand' ? (h("gb-tooltip", { class: `tooltip ${this.direction}`, "show-arrow": true, arrow: this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null }, h("p", { slot: "label", class: "text-xs-semi-bold" }, "Expand"))) : null),
         ];
     }
     static get is() { return "gb-collapse-button"; }

package/dist/collection/components/gb-collapse-button/gb-collapse-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-collapse-button.js","sourceRoot":"","sources":["../../../src/components/gb-collapse-button/gb-collapse-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAOhF~~,MAAM,OAAO,gBAAgB;IAL7B;QAO2B,gBAAW,GAAY,KAAK,CAAC;QAC7B,WAAM,GAAW,UAAU,CAAC;QAC5B,cAAS,GAAY,KAAK,CAAC;QAC5C,cAAS,GAA8B,YAAY,CAAC;QACpD,SAAI,GAAW,EAAE,CAAC;QACjB,mBAAc,GAAW,EAAE,CAAC;KA6EtC;IA3EC,KAAK,CAAC,QAAQ,CAAC,QAAgB;QAC7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;YAC/B,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;aAAM,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YACpC,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC;YACzB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,eAAe;QACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;IAC1B,CAAC;IAGD,KAAK,CAAC,aAAa;QACjB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC3B,CAAC;IAED,MAAM;QACJ,OAAO;YACL;gBACE,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;oBAuBnK,4DAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ,CACrG;gBACL,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CAC9C,kBAAY,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,EAAE,gBAAc,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI;oBACtK,SAAG,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,eAErC,CACO,CACd,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC/C,kBAAY,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,EAAE,gBAAc,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI;oBACtK,SAAG,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,mBAAmB,aAErC,CACO,CACd,CAAC,CAAC,CAAC,IAAI,~~CACJ~~;~~SACP~~,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Method, Prop, State, getAssetPath, h } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-collapse-button',\r\n styleUrl: 'gb-collapse-button.css',\r\n shadow: true,\r\n})\r\nexport class GbCollapseButton {\r\n @Prop() color: 'gray' \| 'white';\r\n @Prop({ mutable: true }) isCollapsed: boolean = false;\r\n @Prop({ mutable: true }) action: string = 'collapse';\r\n @Prop({ mutable: true }) isHovered: boolean = false;\r\n @Prop() direction: 'horizontal' \| 'vertical' = 'horizontal';\r\n @Prop() icon: string = '';\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n }\r\n\r\n toggleIcon() {\r\n if (this.action === 'collapse') {\r\n this.action = 'expand';\r\n this.isHovered = false;\r\n } else if (this.action === 'expand') {\r\n this.action = 'collapse';\r\n this.isHovered = false;\r\n }\r\n }\r\n\r\n @Method()\r\n async collapseSidebar() {\r\n this.isCollapsed = true;\r\n }\r\n\r\n @Method()\r\n async expandSidebar() {\r\n this.isCollapsed = false;\r\n }\r\n\r\n render() {\r\n return [\r\n ~~<div>\~~r\n <div class={`collapse_btn ${this.color}`} onClick={this.toggleIcon.bind(this)} onMouseOver={() => (this.isHovered = true)} onMouseOut={() => (this.isHovered = false)}>\r\n {/* {this.action === 'collapse' && [\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`icon ${this.color}`}>\r\n <path\r\n d=\"M9.58321 15C9.58321 15 4.58326 11.3176 4.58325 9.99996C4.58324 8.68237 9.58325 5 9.58325 5M15.4165 15C15.4165 15 10.4166 11.3176 10.4166 9.99996C10.4166 8.68237 15.4166 5 15.4166 5\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>,\r\n ]}\r\n {this.action === 'expand' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`icon ${this.color}`}>\r\n <path\r\n d=\"M10.4166 15C10.4166 15 15.4166 11.3176 15.4166 9.99996C15.4166 8.68237 10.4166 5 10.4166 5M4.58329 15C4.58329 15 9.58324 11.3176 9.58325 9.99996C9.58326 8.68237 4.58325 5 4.58325 5\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )} */}\r\n <div class={`icon ${this.color} ${this.direction} ${this.action}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n {this.isHovered && this.action === 'collapse' ? (\r\n <gb-tooltip class={`tooltip ${this.direction}`} show-arrow={true} arrow={this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null}>\r\n <p slot=\"label\" class=\"text-xs-semi-bold\">\r\n Collapse\r\n </p>\r\n </gb-tooltip>\r\n ) : this.isHovered && this.action === 'expand' ? (\r\n <gb-tooltip class={`tooltip ${this.direction}`} show-arrow={true} arrow={this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null}>\r\n <p slot=\"label\" class=\"text-xs-semi-bold\">\r\n Expand\r\n </p>\r\n </gb-tooltip>\r\n ) : null}\r\n ~~</div>,\~~r\n ];\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"gb-collapse-button.js","sourceRoot":"","sources":["../../../src/components/gb-collapse-button/gb-collapse-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Method, Prop, State, getAssetPath, h, Fragment } from '@stencil/core';\r\n\r\n@Component({\r\n tag: 'gb-collapse-button',\r\n styleUrl: 'gb-collapse-button.css',\r\n shadow: true,\r\n})\r\nexport class GbCollapseButton {\r\n @Prop() color: 'gray' \| 'white';\r\n @Prop({ mutable: true }) isCollapsed: boolean = false;\r\n @Prop({ mutable: true }) action: string = 'collapse';\r\n @Prop({ mutable: true }) isHovered: boolean = false;\r\n @Prop() direction: 'horizontal' \| 'vertical' = 'horizontal';\r\n @Prop() icon: string = '';\r\n @State() leadingIconSvg: string = '';\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n }\r\n\r\n toggleIcon() {\r\n if (this.action === 'collapse') {\r\n this.action = 'expand';\r\n this.isHovered = false;\r\n } else if (this.action === 'expand') {\r\n this.action = 'collapse';\r\n this.isHovered = false;\r\n }\r\n }\r\n\r\n @Method()\r\n async collapseSidebar() {\r\n this.isCollapsed = true;\r\n }\r\n\r\n @Method()\r\n async expandSidebar() {\r\n this.isCollapsed = false;\r\n }\r\n\r\n render() {\r\n return [\r\n <>\r\n <div class={`collapse_btn ${this.color}`} onClick={this.toggleIcon.bind(this)} onMouseOver={() => (this.isHovered = true)} onMouseOut={() => (this.isHovered = false)}>\r\n {/* {this.action === 'collapse' && [\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`icon ${this.color}`}>\r\n <path\r\n d=\"M9.58321 15C9.58321 15 4.58326 11.3176 4.58325 9.99996C4.58324 8.68237 9.58325 5 9.58325 5M15.4165 15C15.4165 15 10.4166 11.3176 10.4166 9.99996C10.4166 8.68237 15.4166 5 15.4166 5\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>,\r\n ]}\r\n {this.action === 'expand' && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`icon ${this.color}`}>\r\n <path\r\n d=\"M10.4166 15C10.4166 15 15.4166 11.3176 15.4166 9.99996C15.4166 8.68237 10.4166 5 10.4166 5M4.58329 15C4.58329 15 9.58324 11.3176 9.58325 9.99996C9.58326 8.68237 4.58325 5 4.58325 5\"\r\n stroke=\"#4B5565\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )} */}\r\n <div class={`icon ${this.color} ${this.direction} ${this.action}`} innerHTML={this.leadingIconSvg}></div>\r\n </div>\r\n {this.isHovered && this.action === 'collapse' ? (\r\n <gb-tooltip class={`tooltip ${this.direction}`} show-arrow={true} arrow={this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null}>\r\n <p slot=\"label\" class=\"text-xs-semi-bold\">\r\n Collapse\r\n </p>\r\n </gb-tooltip>\r\n ) : this.isHovered && this.action === 'expand' ? (\r\n <gb-tooltip class={`tooltip ${this.direction}`} show-arrow={true} arrow={this.direction === 'horizontal' ? 'left' : this.direction === 'vertical' ? 'bottom_left' : null}>\r\n <p slot=\"label\" class=\"text-xs-semi-bold\">\r\n Expand\r\n </p>\r\n </gb-tooltip>\r\n ) : null}\r\n </>,\r\n ];\r\n }\r\n}\r\n"]}

package/dist/collection/components/gb-comment/gb-comment.js CHANGED Viewed

@@ -66,7 +66,7 @@ export class GbComment {
         const patternSrcDarkMode = getAssetPath(`assets/background_pattern_dark_mode.svg`);
         const illustrationSrcLightMode = getAssetPath(`assets/illustration.svg`);
         const illustrationSrcDarkMode = getAssetPath(`assets/illustration_dark_mode.svg`);
-        return (h("div", { key: '4cc9799f6493fdc852c8d5ec45169315ed6b058e', class: `comments-container ${!hasComments ? 'no-comments-state' : ''}` }, h("div", { key: 'e0e149a885783fc57cbad59aa15fbb1bdbabbe18', class: `header ${this.state}` }, h("div", { key: 'e4cd5960f8cdfe3e13e8b8815094f004afac5b38', class: "title-section" }, h("svg", { key: '1b7df2603b0faf7cbe484041d0baae4fb6234b9a', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "info-icon" }, h("path", { key: 'ac2bbc2a366686132250c010d71b6092809fc5f7', opacity: "0.4", d: "M12.0572 1.75C14.2479 1.74999 15.9686 1.74998 17.312 1.93059C18.6886 2.11568 19.7809 2.50271 20.6391 3.36091C21.4973 4.21911 21.8843 5.31137 22.0694 6.68802C22.25 8.03143 22.25 9.7521 22.25 11.9428V11.9428V12.0572V12.0572C22.25 14.2479 22.25 15.9686 22.0694 17.312C21.8843 18.6886 21.4973 19.7809 20.6391 20.6391C19.7809 21.4973 18.6886 21.8843 17.312 22.0694C15.9686 22.25 14.2479 22.25 12.0572 22.25H12.0572H11.9428H11.9428C9.7521 22.25 8.03143 22.25 6.68802 22.0694C5.31137 21.8843 4.21911 21.4973 3.36091 20.6391C2.50271 19.7809 2.11568 18.6886 1.93059 17.312C1.74998 15.9686 1.74999 14.2479 1.75 12.0572V11.9428C1.74999 9.75212 1.74998 8.03144 1.93059 6.68802C2.11568 5.31137 2.50272 4.21911 3.36091 3.36091C4.21911 2.50272 5.31137 2.11568 6.68802 1.93059C8.03144 1.74998 9.75212 1.74999 11.9428 1.75H12.0572Z", fill: "var(--color-icon-information, #064E94)" }), h("path", { key: '2f5b11d3d3eda07ac49998368c989500824385de', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.6819 10.5273C11.9289 10.5605 12.2707 10.6494 12.5607 10.9394C12.8507 11.2294 12.9396 11.5711 12.9728 11.8182C13.0003 12.0228 13.0001 12.2608 13 12.4606C13 12.474 13 12.4871 13 12.5V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V12.5C10.4477 12.5 10 12.0523 10 11.5C10 10.9477 10.4477 10.5 11 10.5C11.0129 10.5 11.0261 10.5 11.0394 10.5C11.2393 10.4999 11.4772 10.4997 11.6819 10.5273Z", fill: "var(--color-icon-information, #064E94)" }), h("path", { key: '846fff5b1ca11ce64268cf0427dae54207b94ee4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.9999 7.5C10.9999 6.94772 11.4456 6.5 11.9954 6.5H12.0044C12.5542 6.5 12.9999 6.94772 12.9999 7.5C12.9999 8.05228 12.5542 8.5 12.0044 8.5H11.9954C11.4456 8.5 10.9999 8.05228 10.9999 7.5Z", fill: "var(--color-icon-information, #064E94)" })), h("h2", { key: '1aa81d3b35f1fe24d489a2b3a623a04058cabbb3', class: "text-md-semi-bold heading" }, this.heading)), h("gb-button", { key: 'a6aa5382fc20376d9511779d4c721d61e906d12e', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.toggleComments() }, this.state === 'expanded' ? h("p", null, "Hide Comments") : h("p", null, "Show Comments"))), this.state === 'expanded' &&
+        return (h("div", { key: 'e08646e0dd04eb9c7dc146c93e57f6fd8e3f967d', class: `comments-container ${!hasComments ? 'no-comments-state' : ''}` }, h("div", { key: 'ba411bf8d86213544b296ca8ef9fd2a7f8d69c4c', class: `header ${this.state}` }, h("div", { key: 'd95b69e0503810f29a4bccce3f9c4ff7d6f8a1db', class: "title-section" }, h("svg", { key: '762cbfc0ee92b3e865fadc245d649327bb582636', width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", class: "info-icon" }, h("path", { key: '6444ab875f2842f21e69d882d66fc32f252696be', opacity: "0.4", d: "M12.0572 1.75C14.2479 1.74999 15.9686 1.74998 17.312 1.93059C18.6886 2.11568 19.7809 2.50271 20.6391 3.36091C21.4973 4.21911 21.8843 5.31137 22.0694 6.68802C22.25 8.03143 22.25 9.7521 22.25 11.9428V11.9428V12.0572V12.0572C22.25 14.2479 22.25 15.9686 22.0694 17.312C21.8843 18.6886 21.4973 19.7809 20.6391 20.6391C19.7809 21.4973 18.6886 21.8843 17.312 22.0694C15.9686 22.25 14.2479 22.25 12.0572 22.25H12.0572H11.9428H11.9428C9.7521 22.25 8.03143 22.25 6.68802 22.0694C5.31137 21.8843 4.21911 21.4973 3.36091 20.6391C2.50271 19.7809 2.11568 18.6886 1.93059 17.312C1.74998 15.9686 1.74999 14.2479 1.75 12.0572V11.9428C1.74999 9.75212 1.74998 8.03144 1.93059 6.68802C2.11568 5.31137 2.50272 4.21911 3.36091 3.36091C4.21911 2.50272 5.31137 2.11568 6.68802 1.93059C8.03144 1.74998 9.75212 1.74999 11.9428 1.75H12.0572Z", fill: "var(--color-icon-information, #064E94)" }), h("path", { key: '3226a777fff02e7e4d1457357952cbbbd04b7da4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.6819 10.5273C11.9289 10.5605 12.2707 10.6494 12.5607 10.9394C12.8507 11.2294 12.9396 11.5711 12.9728 11.8182C13.0003 12.0228 13.0001 12.2608 13 12.4606C13 12.474 13 12.4871 13 12.5V16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5V12.5C10.4477 12.5 10 12.0523 10 11.5C10 10.9477 10.4477 10.5 11 10.5C11.0129 10.5 11.0261 10.5 11.0394 10.5C11.2393 10.4999 11.4772 10.4997 11.6819 10.5273Z", fill: "var(--color-icon-information, #064E94)" }), h("path", { key: 'a478e2f57ef8523e486b4644e310f4261a06472f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.9999 7.5C10.9999 6.94772 11.4456 6.5 11.9954 6.5H12.0044C12.5542 6.5 12.9999 6.94772 12.9999 7.5C12.9999 8.05228 12.5542 8.5 12.0044 8.5H11.9954C11.4456 8.5 10.9999 8.05228 10.9999 7.5Z", fill: "var(--color-icon-information, #064E94)" })), h("h2", { key: 'a63b3887ae63a709ba4f7fe22a8713fa65e36cde', class: "text-md-semi-bold heading" }, this.heading)), h("gb-button", { key: '279d73f5e98d827c964910d7315e2c82cd2a4944', size: "sm", hierarchy: "link_color", icon: "default", onClick: () => this.toggleComments() }, this.state === 'expanded' ? h("p", null, "Hide Comments") : h("p", null, "Show Comments"))), this.state === 'expanded' &&
             (hasComments ? (h("div", { class: "comments-wrapper" }, this.comments.map((comment, index) => (h("gb-comment-item", { key: index, name: comment.name, duty: comment.role, comment: comment.comment, "time-stamp": comment.timeStamp, connector: this.comments.length > 1 && index < this.comments.length - 1 ? true : false }))))) : (h("div", { class: "container" }, h("div", { class: "frame" }, this.isDarkTheme ? h("img", { src: patternSrcDarkMode, alt: "", class: "empty_state_pattern" }) : h("img", { src: patternSrcLightMode, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, this.isDarkTheme ? (h("img", { src: illustrationSrcDarkMode, alt: "bell-icon", class: "bell_icon" })) : (h("img", { src: illustrationSrcLightMode, alt: "bell-icon", class: "bell_icon" })), h("div", { class: "text" }, h("p", { class: "main-text text-lg-semi-bold" }, this.noCommentText), h("p", { class: "sub-text text-sm-regular" }, this.noCommentTextSub))))))))));
     }
     static get is() { return "gb-comment"; }

package/dist/collection/components/gb-comment-item/gb-comment-item.js CHANGED Viewed

@@ -12,7 +12,7 @@ export class GbCommentItem {
         return nameAndRole;
     }
     render() {
-        return (h("div", { key: '5a9aaae9a803680aa1fdd33624fba5cbf6945dbb', class: "comment-item" }, h("div", { key: '63187686abc667268b41e9e22c4bbaa44f26024f', class: "left" }, h("div", { key: '9c69fee7bff9fdc477a5f93e6b3e06504d5539eb', class: "comment-bullet" }), this.connector && h("hr", { key: '46d4abfab501bbee3bc0dcdaddb1072b6ae0b9b3', class: "line" })), h("div", { key: '60da23e89bdeeb1305eb2dc7243be3f82fa639db', class: "comment-content" }, h("div", { key: 'a722a1f5fe26559950cdb2c04498fe030070d331', class: "reviewer-info" }, h("p", { key: '03f7347ad17160bdafb36d935c4a3fa6267cdbe5', class: "text-sm-semi-bold" }, this.displayNameAndRole())), h("div", { key: '8ed7c00d900ff6fedd59ebc5356ee4d4b4e3c0d6', class: "comment-text" }, h("p", { key: '317d8cbd2e21617d49eedd8a57ed80b8db87d6fb', class: "text-sm-regular" }, this.comment)), h("div", { key: '53acc8d4266c07d91712e5228c7fa2fbabe7dd4a', class: "timestamp" }, h("p", { key: '3d64ee62e3fca53bdc7778516f0ba9654a49a44a', class: "text-xs-regular" }, this.timeStamp)))));
+        return (h("div", { key: 'c85f239494d711c38b023015524fe38b249edb96', class: "comment-item" }, h("div", { key: '4e0416aba0779de0fdd3271409023574ef92982f', class: "left" }, h("div", { key: 'bfd093e9c7effa19aa5f5cda8b55589b0201f6a4', class: "comment-bullet" }), this.connector && h("hr", { key: 'b6aae31acf3cc798ae0a582dbe3767799e4a6901', class: "line" })), h("div", { key: '0347b7fbc30ec01073d5dd348066fc3794e52559', class: "comment-content" }, h("div", { key: 'd0606835b5d3fecccf2115c8900860d021072093', class: "reviewer-info" }, h("p", { key: 'cbc9af8322eec0229aa08c92d33c281b6df34773', class: "text-sm-semi-bold" }, this.displayNameAndRole())), h("div", { key: '0269f1b6e2b45b4f4787d199ea47f382aefba9fb', class: "comment-text" }, h("p", { key: '94d1cfdb2525da6a9e286eaf8e2b22cf94626936', class: "text-sm-regular" }, this.comment)), h("div", { key: '1ce08816f2eccffe1c7bb0b9f8904d306d7d2de2', class: "timestamp" }, h("p", { key: '22595848a84305187a3e3fd36b6748464d0990ab', class: "text-xs-regular" }, this.timeStamp)))));
     }
     static get is() { return "gb-comment-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-complex-primary-side-bar-item/gb-complex-primary-side-bar-item.js CHANGED Viewed

@@ -22,7 +22,7 @@ export class GbComplexPrimarySideBarItem {
         const whiteBarSrc = getAssetPath(`assets/complex_bar_white.svg`);
         const redCompactBarSrc = getAssetPath(`assets/compact_bar_red.svg`);
         const whiteCompactBarSrc = getAssetPath(`assets/compact_bar_white.svg`);
-        return (h(Fragment, null, this.itemStyle === 'standard' && (h("div", { key: 'd20996b370a74b55edb45a45ffd3a8982645ba59', class: `container ${this.state} ${this.category}` }, h("div", { key: '157f1b39457b574ea7256068b5ead316d60f92ee', class: `wrapper ${this.state} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '505fcde0d4b0a29437af1478cc1f3ce57ef00787', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '63d929e311d63e205dc9e73acc604984eb8f4311', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '7aaf20c90a3e7874068613267b949d6ca5d83c44', class: "icon_container" }, h("div", { key: 'c7603273f5eb1a5820ac8db6495a88428bff6b6c', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), h("p", { key: 'd0a58729488a7a1ec3b05573b32f88bc6d319fb0', class: `label_text ${this.state} ${this.category} ${this.state === 'active' ? 'text-xs-semi-bold' : 'text-xs-regular'}` }, this.label)))), this.itemStyle === 'compact' && (h("div", { key: '7603e036c938301e8c77efbd5f089bc131fbdd55', class: "compact_container" }, h("div", { key: '44b850cc151788dfd661b1f6505c503f19503ca8', class: `compact_wrapper ${this.state} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '4ff9943e6a4a34b90a0dd70fc9e0fa0a601e9bfc', src: redCompactBarSrc, alt: "", class: "compact_bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: '2fb506d59339f5d2ed0f1f7689eed16a34dbdd23', src: whiteCompactBarSrc, alt: "", class: "compact_bar" }), h("div", { key: '47e7efb0d8a530d003ccefb509b14248bf1ee24c', class: "compact_icon_container" }, h("div", { key: '622f7d6e0ff25301c23730f53de476376503a6f0', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), this.itemStyle === 'compact' && this.showTooltip && (h("gb-tooltip", { key: '9b957cbdf5dd7387b2c702f5b5984cdee30664b5', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'fdce5d7c28a6ca52e406ddb76f7a739c84f781e2', slot: "label" }, this.label))))))));
+        return (h(Fragment, null, this.itemStyle === 'standard' && (h("div", { key: '8a1f663c40ea461e8e4530878122e3611db3be97', class: `container ${this.state} ${this.category}` }, h("div", { key: '1e6eb228e5145cef866fb6d8965f65cd8ac85b4d', class: `wrapper ${this.state} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'a9c8743c617601234ecf175487620eeed5a23dec', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd6e861dc0dc5b19b5651e516cf641c552ce2c9b0', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '4ea4a38f4a8b4205caa98506c59c67f4228a3795', class: "icon_container" }, h("div", { key: '0699e2df1178419e9f764c2aeead9d4fea54b44e', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), h("p", { key: '26c3f5f0c4de5f5cd31604e836a8dc336c108d75', class: `label_text ${this.state} ${this.category} ${this.state === 'active' ? 'text-xs-semi-bold' : 'text-xs-regular'}` }, this.label)))), this.itemStyle === 'compact' && (h("div", { key: '2ed9485de5b7809a886c84146b17df47c25612f0', class: "compact_container" }, h("div", { key: 'f29fc0b4155e151b34f922e22575087d35ffa3eb', class: `compact_wrapper ${this.state} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'c0c214970dae64165dca1609c45f0f449adfedcb', src: redCompactBarSrc, alt: "", class: "compact_bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'b98361e4a34622c176dab46ca28d0485efc68eda', src: whiteCompactBarSrc, alt: "", class: "compact_bar" }), h("div", { key: 'e5e9e3a443b14e2a416e15c2e1fef9c3f26e319c', class: "compact_icon_container" }, h("div", { key: '2cad32d60a2de2e1985c08899b9da263753fe892', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg })), this.itemStyle === 'compact' && this.showTooltip && (h("gb-tooltip", { key: 'a4c39c443499a2c2ef7e126424ef5abc39836aa4', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '271d0e8b3706cdcfaed8919073e71f6779a69163', slot: "label" }, this.label))))))));
     }
     static get is() { return "gb-complex-primary-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-complex-secondary-side-bar-item/gb-complex-secondary-side-bar-item.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class GbComplexSecondarySideBarItem {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '8d438f7c3039daf9a88d3a6122fc20363c448927', class: `container ${this.type}` }, h("div", { key: '0d5e8fc8cbbf5a00f7d29c4abfa92e3c073e8b4b', class: `secondary_side_bar_item_div ${this.state} ${this.type} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '73e149ec16f82d0e4602f5f566b13b9206b0d6a2', class: "icon" }, h("div", { key: '8b501b1c4dfa7d70f42a95a9c95cd4212133f1f2', class: "icon_container" }, h("div", { key: '69e0496fa8242893ec18534403cf53ba17c02cfb', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }))), this.type === 'full_with_label' && (h("div", { key: 'bdf1332fcf23a93f8e1c9edb55ea9265bea3dfef', class: "text" }, h("p", { key: '2982d0d2758bb31ec0d6716cbcea8d6070c4bdcb', class: `label_text ${this.state} ${this.category} ${this.state !== 'active' ? 'text-md-medium' : 'text-md-semi-bold'}` }, this.label))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'f07bfe24a8ec2db9faeaaf47a26b67d18015eba6', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: '3d5fdbc4c36437dde620099e02320e9715d20b99', slot: "label" }, this.label))))));
+        return (h("div", { key: 'fa2225b76a46a25ff85183a0d9bc8e33d0492547', class: `container ${this.type}` }, h("div", { key: '1058354a71643b413857e9a1eab3f08f52b30945', class: `secondary_side_bar_item_div ${this.state} ${this.type} ${this.category}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'b5d224772b638800f5ff7c3b4c2e1c10e7ac60d6', class: "icon" }, h("div", { key: '372931c20c3ba9dc4371d80372814072b71a9cbe', class: "icon_container" }, h("div", { key: 'aa8e9135f1c6444174b3dd575f7375cc38d860d8', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }))), this.type === 'full_with_label' && (h("div", { key: '0128daa9737cdf27f0dc10654b4b9dcfc2623fd4', class: "text" }, h("p", { key: '3cc309e6da2cc576b679da2d0a562462a01746f7', class: `label_text ${this.state} ${this.category} ${this.state !== 'active' ? 'text-md-medium' : 'text-md-semi-bold'}` }, this.label))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: '63a214757282b217f5c6b7c76327285d7231dc88', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'c31cea5141155b71aa3063a2258bde40878e4e03', slot: "label" }, this.label))))));
     }
     static get is() { return "gb-complex-secondary-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-date-picker/gb-date-picker.js CHANGED Viewed

@@ -119,9 +119,9 @@ export class GbDatePicker {
         }
     }
     render() {
-        return (h("div", { key: '0125b658a01524298e4a43eda074c7cbbc5cdd16', class: "date-picker-wrapper" }, h("div", { key: '35fe6ff24db6cc65b9d091105f950a16c1838a63', class: "inner_container", onClick: () => {
+        return (h("div", { key: 'ed3463be560ff2da61887159f8683c090fe327cb', class: "date-picker-wrapper" }, h("div", { key: '116bf51193deb3bc9d2bb595a94bf7f3686e5633', class: "inner_container", onClick: () => {
                 this.toggleCalendar();
-            } }, this.iconPosition === 'left' && (h("svg", { key: 'f8fc9a15d106163ac02baef6d3cd8dd26e94921e', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'd7d9bda024e3815e78f44ca0a500705b3dac13de', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: '080b1acb975031ee79760771fd9b436b96a629fe', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.value }), this.iconPosition === 'right' && (h("svg", { key: '57c0987447ff988b0a45b7448815d8884aabafdd', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '775d9060faba3ad8f419bf917f1df32a6edca132', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: '74bea32080a374fb771a5e8e566ffcc0f99eeeff', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` })));
+            } }, this.iconPosition === 'left' && (h("svg", { key: '3c4d9ea1948b3c468e2ca06c4462793844a84834', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: 'b984027c3dd1bc3e2b1df8a6c968890d08677a95', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" }))), h("input", { key: '8b262c07fa95dc08bb86b7dedcefb3c799f84b2b', type: "text", ref: el => (this.inputEl = el), placeholder: this.placeholder, disabled: this.disabled, value: this.value }), this.iconPosition === 'right' && (h("svg", { key: '013e4ee6fb60525fa39507ebd8408a03bf792fcc', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '3e2290a97b37cb49bc20cbbd4a9c690aa46244c8', d: "M9.16658 10.0833C8.75237 10.0833 8.41658 10.4191 8.41658 10.8333C8.41658 11.2475 8.75237 11.5833 9.16658 11.5833V10.8333V10.0833ZM13.3333 11.5833C13.7475 11.5833 14.0833 11.2475 14.0833 10.8333C14.0833 10.4191 13.7475 10.0833 13.3333 10.0833V10.8333V11.5833ZM6.66658 10.0833C6.25237 10.0833 5.91659 10.4191 5.91659 10.8333C5.91659 11.2475 6.25237 11.5833 6.66658 11.5833V10.8333V10.0833ZM6.67407 11.5833C7.08828 11.5833 7.42407 11.2475 7.42407 10.8333C7.42407 10.4191 7.08828 10.0833 6.67407 10.0833V10.8333V11.5833ZM10.8333 14.9166C11.2475 14.9166 11.5833 14.5808 11.5833 14.1666C11.5833 13.7524 11.2475 13.4166 10.8333 13.4166V14.1666V14.9166ZM6.66658 13.4166C6.25237 13.4166 5.91659 13.7524 5.91659 14.1666C5.91659 14.5808 6.25237 14.9166 6.66658 14.9166V14.1666V13.4166ZM13.3333 14.9166C13.7475 14.9166 14.0833 14.5808 14.0833 14.1666C14.0833 13.7524 13.7475 13.4166 13.3333 13.4166V14.1666V14.9166ZM13.3258 13.4166C12.9116 13.4166 12.5758 13.7524 12.5758 14.1666C12.5758 14.5808 12.9116 14.9166 13.3258 14.9166V14.1666V13.4166ZM15.7499 1.66663C15.7499 1.25241 15.4141 0.916626 14.9999 0.916626C14.5857 0.916626 14.2499 1.25241 14.2499 1.66663H14.9999H15.7499ZM14.2499 3.33329C14.2499 3.74751 14.5857 4.08329 14.9999 4.08329C15.4141 4.08329 15.7499 3.74751 15.7499 3.33329H14.9999H14.2499ZM5.74992 1.66663C5.74992 1.25241 5.41413 0.916626 4.99992 0.916626C4.58571 0.916626 4.24992 1.25241 4.24992 1.66663H4.99992H5.74992ZM4.24992 3.33329C4.24992 3.74751 4.58571 4.08329 4.99992 4.08329C5.41413 4.08329 5.74992 3.74751 5.74992 3.33329H4.99992H4.24992ZM2.49992 5.91663C2.08571 5.91663 1.74992 6.25241 1.74992 6.66663C1.74992 7.08084 2.08571 7.41663 2.49992 7.41663V6.66663V5.91663ZM17.4999 7.41663C17.9141 7.41663 18.2499 7.08084 18.2499 6.66663C18.2499 6.25241 17.9141 5.91663 17.4999 5.91663V6.66663V7.41663ZM9.16658 10.8333V11.5833H13.3333V10.8333V10.0833H9.16658V10.8333ZM6.66658 10.8333V11.5833H6.67407V10.8333V10.0833H6.66658V10.8333ZM10.8333 14.1666V13.4166H6.66658V14.1666V14.9166H10.8333V14.1666ZM13.3333 14.1666V13.4166H13.3258V14.1666V14.9166H13.3333V14.1666ZM14.9999 1.66663H14.2499V3.33329H14.9999H15.7499V1.66663H14.9999ZM4.99992 1.66663H4.24992V3.33329H4.99992H5.74992V1.66663H4.99992ZM9.20825 2.49996V3.24996H10.7916V2.49996V1.74996H9.20825V2.49996ZM17.9166 10.2027H17.1666V10.6306H17.9166H18.6666V10.2027H17.9166ZM10.7916 18.3333V17.5833H9.20825V18.3333V19.0833H10.7916V18.3333ZM2.08325 10.6306H2.83325V10.2027H2.08325H1.33325V10.6306H2.08325ZM9.20825 18.3333V17.5833C7.506 17.5833 6.31079 17.5814 5.4071 17.4501C4.53136 17.3228 4.03943 17.0875 3.67726 16.696L3.12668 17.2053L2.57611 17.7145C3.25737 18.451 4.12685 18.7798 5.19134 18.9345C6.22789 19.0851 7.55174 19.0833 9.20825 19.0833V18.3333ZM2.08325 10.6306H1.33325C1.33325 12.4265 1.33189 13.8433 1.46941 14.9491C1.60893 16.071 1.90254 16.9864 2.57611 17.7145L3.12668 17.2053L3.67726 16.696C3.30739 16.2961 3.07929 15.7397 2.95795 14.764C2.83462 13.7723 2.83325 12.4658 2.83325 10.6306H2.08325ZM17.9166 10.6306H17.1666C17.1666 12.4658 17.1652 13.7723 17.0419 14.764C16.9205 15.7397 16.6924 16.2961 16.3226 16.696L16.8732 17.2053L17.4237 17.7145C18.0973 16.9864 18.3909 16.071 18.5304 14.9491C18.668 13.8433 18.6666 12.4265 18.6666 10.6306H17.9166ZM10.7916 18.3333V19.0833C12.4481 19.0833 13.7719 19.0851 14.8085 18.9345C15.873 18.7798 16.7425 18.451 17.4237 17.7145L16.8732 17.2053L16.3226 16.696C15.9604 17.0875 15.4685 17.3228 14.5927 17.4501C13.689 17.5814 12.4938 17.5833 10.7916 17.5833V18.3333ZM10.7916 2.49996V3.24996C12.4938 3.24996 13.689 3.25182 14.5927 3.38316C15.4685 3.51045 15.9604 3.74573 16.3226 4.13728L16.8732 3.62799L17.4237 3.11871C16.7425 2.38222 15.873 2.05348 14.8085 1.89876C13.7719 1.7481 12.4481 1.74996 10.7916 1.74996V2.49996ZM17.9166 10.2027H18.6666C18.6666 8.40677 18.668 6.98999 18.5304 5.88412C18.3909 4.76229 18.0973 3.84689 17.4237 3.11871L16.8732 3.62799L16.3226 4.13728C16.6924 4.53713 16.9205 5.09352 17.0419 6.06924C17.1652 7.06093 17.1666 8.36747 17.1666 10.2027H17.9166ZM9.20825 2.49996V1.74996C7.55174 1.74996 6.22789 1.7481 5.19134 1.89876C4.12685 2.05348 3.25737 2.38222 2.57611 3.11871L3.12668 3.62799L3.67726 4.13728C4.03943 3.74573 4.53136 3.51045 5.4071 3.38316C6.31079 3.25182 7.506 3.24996 9.20825 3.24996V2.49996ZM2.08325 10.2027H2.83325C2.83325 8.36747 2.83462 7.06093 2.95795 6.06924C3.07929 5.09352 3.30739 4.53713 3.67726 4.13728L3.12668 3.62799L2.57611 3.11871C1.90254 3.84689 1.60893 4.76229 1.46941 5.88412C1.33189 6.98999 1.33325 8.40677 1.33325 10.2027H2.08325ZM2.49992 6.66663V7.41663H17.4999V6.66663V5.91663H2.49992V6.66663Z", fill: "var(--color-icon, #4B5565)" })))), h("div", { key: 'e2bef88c25c6f90ac7e843a53c72a2177ba20733', class: `calendar-container ${!this.isCalendarShown ? 'hidden' : ''} ${this.dropdownAlignment}` })));
     }
     static get is() { return "gb-date-picker"; }
     static get encapsulation() { return "shadow"; }