globuswebcomponents 0.3.5 → 0.3.7

package/dist/collection/assets/shuffle-square.svg

@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="shuffle-square">
+<path id="Accent" opacity="0.4" d="M4.16669 20C4.16669 12.5361 4.16669 8.80416 6.48542 6.48542C8.80416 4.16669 12.5361 4.16669 20 4.16669C27.4639 4.16669 31.1959 4.16669 33.5146 6.48542C35.8334 8.80416 35.8334 12.5361 35.8334 20C35.8334 27.4639 35.8334 31.1959 33.5146 33.5146C31.1959 35.8334 27.4639 35.8334 20 35.8334C12.5361 35.8334 8.80416 35.8334 6.48542 33.5146C4.16669 31.1959 4.16669 27.4639 4.16669 20Z" fill="white"/>
+<path id="Icon" d="M16.4236 16.5331L17.4423 15.8087L17.4423 15.8087L16.4236 16.5331ZM21.3542 23.4669L22.3729 22.7425L22.3729 22.7425L21.3542 23.4669ZM30 26.25L30.9491 27.0635C31.2668 26.6929 31.3396 26.1712 31.1357 25.7277C30.9317 25.2842 30.4882 25 30 25V26.25ZM26.5509 28.3532C26.1017 28.8774 26.1624 29.6665 26.6865 30.1158C27.2107 30.565 27.9998 30.5043 28.4491 29.9802L26.5509 28.3532ZM10 12.5C9.30966 12.5 8.75002 13.0597 8.75002 13.75C8.75002 14.4404 9.30966 15 10 15V12.5ZM23.5444 25.8803L24.105 24.763L24.105 24.763L23.5444 25.8803ZM14.2334 14.1198L13.6728 15.237L13.6728 15.237L14.2334 14.1198ZM30 13.75V15C30.4882 15 30.9317 14.7158 31.1357 14.2723C31.3396 13.8288 31.2668 13.3072 30.9491 12.9365L30 13.75ZM28.4491 10.0199C27.9998 9.49571 27.2107 9.43501 26.6865 9.88428C26.1624 10.3336 26.1017 11.1227 26.5509 11.6468L28.4491 10.0199ZM10 25C9.30966 25 8.75002 25.5597 8.75002 26.25C8.75002 26.9404 9.30966 27.5 10 27.5V25ZM20.3355 15.8087C19.9355 16.3713 20.0672 17.1518 20.6298 17.5518C21.1924 17.9519 21.9729 17.8202 22.3729 17.2575L20.3355 15.8087ZM23.5444 14.1198L24.105 15.237L24.105 15.237L23.5444 14.1198ZM17.4423 24.1913C17.8423 23.6287 17.7106 22.8483 17.148 22.4482C16.5854 22.0481 15.805 22.1799 15.4049 22.7425L17.4423 24.1913ZM14.2334 25.8803L13.6728 24.763L13.6728 24.763L14.2334 25.8803ZM20 34.5834C16.2327 34.5834 13.533 34.5807 11.4798 34.3047C9.46264 34.0335 8.25772 33.5191 7.36931 32.6307L5.60154 34.3985C7.03187 35.8288 8.8523 36.4739 11.1467 36.7824C13.4052 37.086 16.3034 37.0834 20 37.0834V34.5834ZM2.91669 20C2.91669 23.6966 2.91403 26.5948 3.21768 28.8533C3.52615 31.1477 4.17121 32.9682 5.60154 34.3985L7.36931 32.6307C6.4809 31.7423 5.96659 30.5374 5.69538 28.5202C5.41934 26.467 5.41669 23.7673 5.41669 20H2.91669ZM34.5834 20C34.5834 23.7673 34.5807 26.467 34.3047 28.5202C34.0335 30.5374 33.5191 31.7423 32.6307 32.6307L34.3985 34.3985C35.8288 32.9682 36.4739 31.1477 36.7824 28.8533C37.086 26.5948 37.0834 23.6966 37.0834 20H34.5834ZM20 37.0834C23.6966 37.0834 26.5948 37.086 28.8533 36.7824C31.1477 36.4739 32.9682 35.8288 34.3985 34.3985L32.6307 32.6307C31.7423 33.5191 30.5374 34.0335 28.5202 34.3047C26.467 34.5807 23.7673 34.5834 20 34.5834V37.0834ZM20 5.41669C23.7673 5.41669 26.467 5.41934 28.5202 5.69538C30.5374 5.96659 31.7423 6.4809 32.6307 7.36931L34.3985 5.60154C32.9682 4.17121 31.1477 3.52615 28.8533 3.21768C26.5948 2.91403 23.6966 2.91669 20 2.91669V5.41669ZM37.0834 20C37.0834 16.3034 37.086 13.4052 36.7824 11.1467C36.4739 8.8523 35.8288 7.03187 34.3985 5.60154L32.6307 7.36931C33.5191 8.25772 34.0335 9.46264 34.3047 11.4798C34.5807 13.533 34.5834 16.2327 34.5834 20H37.0834ZM20 2.91669C16.3034 2.91669 13.4052 2.91403 11.1467 3.21768C8.8523 3.52615 7.03187 4.17121 5.60154 5.60154L7.36931 7.36931C8.25772 6.4809 9.46264 5.96659 11.4798 5.69538C13.533 5.41934 16.2327 5.41669 20 5.41669V2.91669ZM5.41669 20C5.41669 16.2327 5.41934 13.533 5.69538 11.4798C5.96659 9.46264 6.4809 8.25772 7.36931 7.36931L5.60154 5.60154C4.17121 7.03187 3.52615 8.8523 3.21768 11.1467C2.91403 13.4052 2.91669 16.3034 2.91669 20H5.41669ZM15.4049 17.2575L20.3355 24.1913L22.3729 22.7425L17.4423 15.8087L15.4049 17.2575ZM29.0509 25.4365L26.5509 28.3532L28.4491 29.9802L30.9491 27.0635L29.0509 25.4365ZM26.9012 27.5H30V25H26.9012V27.5ZM10.8766 12.5H10V15H10.8766V12.5ZM20.3355 24.1913C21.2303 25.4495 21.9048 26.4561 22.9839 26.9975L24.105 24.763C23.7102 24.5649 23.4159 24.2091 22.3729 22.7425L20.3355 24.1913ZM26.9012 25C26.0065 25 25.415 24.9989 24.9531 24.9585C24.5142 24.9202 24.2824 24.852 24.105 24.763L22.9839 26.9975C23.5435 27.2783 24.1168 27.395 24.7354 27.449C25.3311 27.5011 26.0494 27.5 26.9012 27.5V25ZM17.4423 15.8087C16.5476 14.5505 15.8731 13.544 14.7939 13.0025L13.6728 15.237C14.0676 15.4351 14.362 15.791 15.4049 17.2575L17.4423 15.8087ZM10.8766 15C11.7713 15 12.3628 15.0011 12.8247 15.0415C13.2636 15.0799 13.4955 15.1481 13.6728 15.237L14.7939 13.0025C14.2343 12.7217 13.661 12.6051 13.0424 12.551C12.4468 12.4989 11.7284 12.5 10.8766 12.5V15ZM30.9491 12.9365L28.4491 10.0199L26.5509 11.6468L29.0509 14.5635L30.9491 12.9365ZM26.9012 15H30V12.5H26.9012V15ZM10.8766 25H10V27.5H10.8766V25ZM22.3729 17.2575C23.4159 15.791 23.7102 15.4351 24.105 15.237L22.9839 13.0025C21.9048 13.544 21.2303 14.5505 20.3355 15.8087L22.3729 17.2575ZM26.9012 12.5C26.0494 12.5 25.3311 12.4989 24.7354 12.551C24.1168 12.6051 23.5435 12.7217 22.9839 13.0025L24.105 15.237C24.2824 15.1481 24.5142 15.0799 24.9531 15.0415C25.415 15.0011 26.0065 15 26.9012 15V12.5ZM15.4049 22.7425C14.362 24.2091 14.0676 24.5649 13.6728 24.763L14.7939 26.9975C15.8731 26.4561 16.5476 25.4495 17.4423 24.1913L15.4049 22.7425ZM10.8766 27.5C11.7284 27.5 12.4468 27.5011 13.0424 27.4491C13.661 27.395 14.2343 27.2783 14.7939 26.9975L13.6728 24.763C13.4955 24.852 13.2636 24.9202 12.8247 24.9585C12.3628 24.9989 11.7713 25 10.8766 25V27.5Z" fill="white"/>
+</g>
+</svg>

package/dist/collection/collection-manifest.json

@@ -17,32 +17,42 @@
     "components/gb-checkbox/gb-checkbox.js",
     "components/gb-checkbox-base/gb-checkbox-base.js",
     "components/gb-checkbox-group/gb-checkbox-group.js",
+    "components/gb-checkbox-group-item/gb-checkbox-group-item.js",
     "components/gb-collapse-button/gb-collapse-button.js",
     "components/gb-dropdown-items-with-shortcut/gb-dropdown-items-with-shortcut.js",
     "components/gb-file-type-icon/gb-file-type-icon.js",
     "components/gb-file-upload/gb-file-upload.js",
     "components/gb-file-upload-item-base/gb-file-upload-item-base.js",
+    "components/gb-header/gb-header.js",
     "components/gb-header-icon/gb-header-icon.js",
     "components/gb-help-dropdown/gb-help-dropdown.js",
+    "components/gb-horizontal-tabs/gb-horizontal-tabs.js",
     "components/gb-input-dropdown/gb-input-dropdown.js",
-    "components/gb-input-dropdown-menu/input-dropdown-menu.js",
+    "components/gb-input-dropdown-menu/gb-input-dropdown-menu.js",
     "components/gb-input-field/gb-input-field.js",
     "components/gb-megainput-field-base/gb-megainput-field.js",
     "components/gb-notification-content/gb-notification-content.js",
     "components/gb-notification-panel/gb-notification-panel.js",
     "components/gb-pagination/gb-pagination.js",
+    "components/gb-pagination-button-group-base/gb-pagination-button-group-base.js",
+    "components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js",
     "components/gb-pagination-number-base/gb-pagination-number-base.js",
     "components/gb-progress-bar/gb-progress-bar.js",
     "components/gb-progress-circle/gb-progress-circle.js",
     "components/gb-scrollbar/gb-scrollbar.js",
+    "components/gb-side-bar-item/gb-side-bar-item.js",
+    "components/gb-sidebar/gb-sidebar.js",
     "components/gb-slider-control-handle/slider-control-handle.js",
     "components/gb-sliders/slider.js",
     "components/gb-status-indicator/gb-status-indicator.js",
+    "components/gb-tab-button-base/gb-tab-button-base.js",
     "components/gb-tag-checkbox/gb-tag-checkbox.js",
     "components/gb-tag-close/gb-tag-close.js",
-    "components/gb-tagcount/gb-tagcount.js",
+    "components/gb-tagcount/gb-tag-count.js",
     "components/gb-tags/gb-tags.js",
     "components/gb-textarea-input-field/gb-textarea-input-field.js",
+    "components/gb-toast/gb-toast.js",
+    "components/gb-toast-button/gb-toast-button.js",
     "components/gb-toggle/gb-toggle.js",
     "components/gb-toggle-base/gb-toggle-base.js",
     "components/gb-tooltip/gb-tooltip.js"

package/dist/collection/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.css

@@ -75,10 +75,19 @@
     --success-900: #074d31;
     --success-950: #053321;
 
-    /* opacity color palette  */
+    /* ------------------------------------------opacity color palette--------------------------------------  */
+    /* 20% opacity */
     --darkBlue200-opacity20: rgba(181, 185, 204, 0.2);
     --darkBlue500-opacity20: rgba(33, 44, 101, 0.2);
 
+    /* 30% opacity */
+    --darkBlue200-opacity30: rgba(181, 185, 204, 0.3);
+    --darkBlue500-opacity30: rgba(33, 44, 101, 0.3);
+
+    /* 40% opacity */
+    --darkBlue200-opacity40: rgba(181, 185, 204, 0.4);
+    --darkBlue500-opacity40: rgba(33, 44, 101, 0.4);
+
 
     /* ------------------------------------------Secondary Color------------------------------------------- */
     /* blueLight color palete */
@@ -209,6 +218,14 @@
         --color-text-selected: var(--blue-300);
     }
 
+    [data-theme="light"] {
+        --color-text-danger-bold: var(--brandRed-800);
+    }
+
+    [data-theme="dark"] {
+        --color-text-danger-bold: var(--brandRed-100);
+    }
+
     [data-theme="light"] {
         --color-text-danger: var(--brandRed-700);
     }
@@ -217,6 +234,14 @@
         --color-text-danger: var(--brandRed-700);
     }
 
+     [data-theme="light"] {
+        --color-text-danger-subtle: var(--brandRed-600);
+    }
+
+    [data-theme="dark"] {
+        --color-text-danger-subtle: var(--brandRed-300);
+    }
+
     [data-theme="light"] {
         --color-text-danger-inverse: var(--base-white);
     }
@@ -226,11 +251,11 @@
     }
 
     [data-theme="light"] {
-        --color-text-danger-bold: var(--brandRed-800);
+        --color-text-warning-bold: var(--warning-800);
     }
 
     [data-theme="dark"] {
-        --color-text-danger-bold: var(--brandRed-100);
+        --color-text-warning-bold: var(--warning-100);
     }
 
     [data-theme="light"] {
@@ -242,36 +267,37 @@
         --color-text-warning: var(--warning-300);
     }
 
+
     [data-theme="light"] {
-        --color-text-warning-bold: var(--warning-800);
+        --color-text-warning-subtle: var(--warning-500);
     }
 
     [data-theme="dark"] {
-        --color-text-warning-bold: var(--warning-100);
+        --color-text-warning-subtle: var(--warning-400);
     }
 
     [data-theme="light"] {
-        --color-text-sucess: var(--success-600);
+        --color-text-success-bold: var(--success-800);
     }
 
     [data-theme="dark"] {
-        --color-text-sucess: var(--success-300);
+        --color-text-success-bold: var(--success-100);
     }
 
     [data-theme="light"] {
-        --color-text-sucess-bold: var(--success-800);
+        --color-text-success: var(--success-600);
     }
 
     [data-theme="dark"] {
-        --color-text-sucess-bold: var(--success-100);
+        --color-text-success: var(--success-300);
     }
 
     [data-theme="light"] {
-        --color-text-discovery: var(--blueLight-800);
+        --color-text-success-subtle: var(--success-600);
     }
 
     [data-theme="dark"] {
-        --color-text-discovery: var(--blueLight-100);
+        --color-text-success-subtle: var(--success-300);
     }
 
     [data-theme="light"] {
@@ -283,11 +309,19 @@
     }
 
     [data-theme="light"] {
-        --color-text-information: var(--blue-600);
+        --color-text-discovery: var(--blueLight-800);
     }
 
     [data-theme="dark"] {
-        --color-text-information: var(--blue-300);
+        --color-text-discovery: var(--blueLight-100);
+    }
+
+    [data-theme="light"] {
+        --color-text-discovery-subtle: var(--blueLight-400);
+    }
+
+    [data-theme="dark"] {
+        --color-text-discovery-subtle: var(--blueLight-100);
     }
 
     [data-theme="light"] {
@@ -299,11 +333,19 @@
     }
 
     [data-theme="light"] {
-        --color-text-purple: var(--purple-600);
+        --color-text-information: var(--blue-600);
     }
 
     [data-theme="dark"] {
-        --color-text-purple: var(--purple-300);
+        --color-text-information: var(--blue-300);
+    }
+
+    [data-theme="light"] {
+        --color-text-information-subtle: var(--blue-500);
+    }
+
+    [data-theme="dark"] {
+        --color-text-information-subtle: var(--blue-400);
     }
 
     [data-theme="light"] {
@@ -314,6 +356,46 @@
         --color-text-purple-bold: var(--purple-100);
     }
 
+    [data-theme="light"] {
+        --color-text-purple: var(--purple-600);
+    }
+
+    [data-theme="dark"] {
+        --color-text-purple: var(--purple-300);
+    }
+
+    [data-theme="light"] {
+        --color-text-purple-subtle: var(--purple-500);
+    }
+
+    [data-theme="dark"] {
+        --color-text-purple-subtle: var(--purple-400);
+    }
+
+    [data-theme="light"] {
+        --color-text-pink-bold: var(--pink-800);
+    }
+
+    [data-theme="dark"] {
+        --color-text-pink-bold: var(--pink-100);
+    }
+
+    [data-theme="light"] {
+        --color-text-pink: var(--pink-600);
+    }
+
+    [data-theme="dark"] {
+        --color-text-pink: var(--pink-300);
+    }
+
+    [data-theme="light"] {
+        --color-text-pink-subtle: var(--pink-500);
+    }
+
+    [data-theme="dark"] {
+        --color-text-pink-subtle: var(--pink-400);
+    }
+
 
     /* --------------Link color--------------- */
 
@@ -386,11 +468,11 @@
     }
 
     [data-theme="light"] {
-        --color-icon-darkBlue: var(--brandDarkBlue-500);
+        --color-icon-brandDarkBlue: var(--brandDarkBlue-500);
     }
 
     [data-theme="dark"] {
-        --color-icon-darkBlue: var(--brandDarkBlue-200);
+        --color-icon-brandDarkBlue: var(--brandDarkBlue-200);
     }
 
     [data-theme="light"] {
@@ -402,35 +484,35 @@
     }
 
     [data-theme="light"] {
-        --color-icon-danger: var(--brandRed-700);
+        --color-icon-selected: var(--blue-500);
     }
 
     [data-theme="dark"] {
-        --color-icon-danger: var(--brandRed-200);
+        --color-icon-selected: var(--blue-300);
     }
 
     [data-theme="light"] {
-        --color-icon-danger-inverse: var(--base-white);
+        --color-icon-danger-bold: var(--brandRed-800);
     }
 
     [data-theme="dark"] {
-        --color-icon-danger-inverse: var(--brandRed-950);
+        --color-icon-danger-bold: var(--brandRed-100);
     }
 
     [data-theme="light"] {
-        --color-icon-danger-bold: var(--brandRed-800);
+        --color-icon-danger: var(--brandRed-700);
     }
 
     [data-theme="dark"] {
-        --color-icon-danger-bold: var(--brandRed-100);
+        --color-icon-danger: var(--brandRed-200);
     }
 
     [data-theme="light"] {
-        --color-icon-warning: var(--warning-600);
+        --color-icon-danger-inverse: var(--base-white);
     }
 
     [data-theme="dark"] {
-        --color-icon-warning: var(--warning-300);
+        --color-icon-danger-inverse: var(--brandRed-950);
     }
 
     [data-theme="light"] {
@@ -442,27 +524,27 @@
     }
 
     [data-theme="light"] {
-        --color-icon-sucess: var(--success-600);
+        --color-icon-warning: var(--warning-600);
     }
 
     [data-theme="dark"] {
-        --color-icon-sucess: var(--success-300);
+        --color-icon-warning: var(--warning-300);
     }
 
     [data-theme="light"] {
-        --color-icon-sucess-bold: var(--success-800);
+        --color-icon-success-bold: var(--success-800);
     }
 
     [data-theme="dark"] {
-        --color-icon-sucess-bold: var(--success-100);
+        --color-icon-success-bold: var(--success-100);
     }
 
     [data-theme="light"] {
-        --color-icon-discovery: var(--blueLight-600);
+        --color-icon-success: var(--success-600);
     }
 
     [data-theme="dark"] {
-        --color-icon-discovery: var(--blueLight-300);
+        --color-icon-success: var(--success-300);
     }
 
     [data-theme="light"] {
@@ -474,11 +556,11 @@
     }
 
     [data-theme="light"] {
-        --color-icon-information: var(--blue-600);
+        --color-icon-discovery: var(--blueLight-600);
     }
 
     [data-theme="dark"] {
-        --color-icon-information: var(--blue-300);
+        --color-icon-discovery: var(--blueLight-300);
     }
 
     [data-theme="light"] {
@@ -490,11 +572,11 @@
     }
 
     [data-theme="light"] {
-        --color-icon-purple: var(--purple-600);
+        --color-icon-information: var(--blue-600);
     }
 
     [data-theme="dark"] {
-        --color-icon-purple: var(--purple-300);
+        --color-icon-information: var(--blue-300);
     }
 
     [data-theme="light"] {
@@ -506,11 +588,11 @@
     }
 
     [data-theme="light"] {
-        --color-icon-pink: var(--pink-600);
+        --color-icon-purple: var(--purple-600);
     }
 
     [data-theme="dark"] {
-        --color-icon-pink: var(--pink-300);
+        --color-icon-purple: var(--purple-300);
     }
 
     [data-theme="light"] {
@@ -518,7 +600,15 @@
     }
 
     [data-theme="dark"] {
-        --color-icon-pink: var(--pink-100);
+        --color-icon-pink-bold: var(--pink-100);
+    }
+
+    [data-theme="light"] {
+        --color-icon-pink: var(--pink-600);
+    }
+
+    [data-theme="dark"] {
+        --color-icon-pink: var(--pink-300);
     }
 
     /* ----------------Border Color --------------- */
@@ -596,11 +686,11 @@
     }
 
     [data-theme="light"] {
-        --color-border-darkBlue: var(--brandDarkBlue-500);
+        --color-border-brandDarkBlue: var(--brandDarkBlue-500);
     }
 
     [data-theme="dark"] {
-        --color-border-darkBlue: var(--brandDarkBlue-200);
+        --color-border-brandDarkBlue: var(--brandDarkBlue-200);
     }
 
     [data-theme="light"] {
@@ -676,35 +766,35 @@
     }
 
     [data-theme="light"] {
-        --color-border-sucess-bold: var(--success-800);
+        --color-border-success-bold: var(--success-800);
     }
 
     [data-theme="dark"] {
-        --color-border-sucess-bold: var(--success-100);
+        --color-border-success-bold: var(--success-100);
     }
 
     [data-theme="light"] {
-        --color-border-sucess: var(--success-600);
+        --color-border-success: var(--success-600);
     }
 
     [data-theme="dark"] {
-        --color-border-sucess: var(--success-300);
+        --color-border-success: var(--success-300);
     }
 
     [data-theme="light"] {
-        --color-border-sucess-subtle: var(--success-200);
+        --color-border-success-subtle: var(--success-200);
     }
 
     [data-theme="dark"] {
-        --color-border-sucess-subtle: var(--success-800);
+        --color-border-success-subtle: var(--success-800);
     }
 
     [data-theme="light"] {
-        --color-border-sucess-subtler: var(--success-100);
+        --color-border-success-subtler: var(--success-100);
     }
 
     [data-theme="dark"] {
-        --color-border-sucess-subtler: var(--success-900);
+        --color-border-success-subtler: var(--success-900);
     }
 
     [data-theme="light"] {
@@ -882,11 +972,11 @@
     }
 
     [data-theme="light"] {
-        --color-background-darkblue: var(--brandDarkBlue-500);
+        --color-background-brandDarkblue: var(--brandDarkBlue-500);
     }
 
     [data-theme="dark"] {
-        --color-background-darkblue: var(--brandDarkBlue-200);
+        --color-background-brandDarkblue: var(--brandDarkBlue-200);
     }
 
     [data-theme="light"] {
@@ -1244,6 +1334,22 @@
         --color-blanket: var(--darkBlue200-opacity20);
     }
 
+    [data-theme="light"] {
+        --color-blanket-subtle: var(--darkBlue500-opacity30);
+    }
+
+    [data-theme="dark"] {
+        --color-blanket-subtle: var(--darkBlue200-opacity30);
+    }
+
+    [data-theme="light"] {
+        --color-blanket-subtler: var(--darkBlue500-opacity40);
+    }
+
+    [data-theme="dark"] {
+        --color-blanket-subtler: var(--darkBlue200-opacity40);
+    }
+
 
 
     /* ----------------Skeleton Color --------------- */
@@ -1259,11 +1365,11 @@
 
     /* ----------------Surface Color --------------- */
     [data-theme="light"] {
-        --color-surface-secondary: var(--gray-50);
+        --color-surface-bold: var(--gray-25);
     }
 
     [data-theme="dark"] {
-        --color-surface-secondary: var(--gray-950);
+        --color-surface-bold: var(--gray-950);
     }
 
     [data-theme="light"] {
@@ -1289,9 +1395,6 @@
     [data-theme="dark"] {
         --color-surface-pressed: var(--gray-700);
     }
-
- 
-
 }
 
 /* -----------------Shadow and Blur----------------- */

package/dist/collection/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-export class GbWysiwygEditor {
+export class GbWYSIWYGEditor {
     handleCommand(command) {
         document.execCommand(command, false, null);
     }

package/dist/collection/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-WYSIWYG-editor-icon.js","sourceRoot":"","sources":["../../../src/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h } from '@stencil/core';\r\n\r\n@Component ({\r\n    tag: 'gb-wysiwyg-editor-icon',\r\n    styleUrl: 'gb-WYSIWYG-editor-icon.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbWysiwygEditor {\r\n  \r\n  private handleCommand(command: string) {\r\n    document.execCommand(command, false, null);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"wysiwyg-editor-container\">\r\n        <div class=\"wysiwyg-toolbar\">\r\n            <button onClick={() => this.handleCommand('bold')} aria-label=\"Bold\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path 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\"/>\r\n                    <path 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\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => this.handleCommand('italic')} aria-label=\"Italic\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path 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\"/>\r\n                    <path 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\"/>\r\n                    <path 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\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => document.execCommand('formatBlock', false, 'H1')} aria-label=\"Heading 1\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.91683 3.33334C3.37707 3.33334 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.33334 2.91683 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.2498 3.33334C11.7101 3.33334 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.33334 11.2498 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.2266 8.43193C16.4976 8.57695 16.6668 8.85933 16.6668 9.16666V15H17.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.4622C13.6348 10.0793 13.7382 9.56191 14.1212 9.30662L15.3712 8.47329C15.6269 8.30281 15.9557 8.28692 16.2266 8.43193Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.0835 10C2.0835 9.53976 2.45659 9.16666 2.91683 9.16666L11.2502 9.16666C11.7104 9.16666 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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => document.execCommand('formatBlock', false, 'H2')} aria-label=\"Heading 2\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.49984 3.33334C2.96007 3.33334 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.33334 2.49984 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.8333 3.33334C11.2936 3.33334 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.33334 10.8333 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.334 10.8333C13.334 9.45262 14.4533 8.33334 15.834 8.33334C17.2147 8.33334 18.334 9.45263 18.334 10.8333V11.0117C18.334 11.7709 18.0117 12.4945 17.4474 13.0024L15.2765 14.9562C15.2593 14.9717 15.2431 14.9863 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.5718 16.6673 11.2984 16.6673 11.0117V10.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=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.6665 10C1.6665 9.53976 2.0396 9.16666 2.49984 9.16666L10.8332 9.16666C11.2934 9.16666 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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => this.handleCommand('blockquote')} aria-label=\"Blockquote\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path d=\"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.10185 1.10842 8.57868C1.04178 8.08304 1.0418 7.45869 1.04183 6.70997L1.04183 6.70995L1.04183 6.62329L1.04183 6.62327C1.0418 5.87454 1.04178 5.2502 1.10842 4.75455C1.17876 4.23139 1.33348 3.75906 1.71304 3.3795C2.0926 2.99994 2.56493 2.84522 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.84522 7.90772 2.99994 8.28728 3.3795C8.66684 3.75906 8.82156 4.23139 8.8919 4.75455C8.95854 5.2502 8.95852 5.87454 8.9585 6.62326L8.9585 6.62329L8.9585 6.70995L8.9585 6.70998C8.95852 7.4587 8.95854 8.08304 8.8919 8.57869C8.82156 9.10185 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=\"#4B5565\"/>\r\n                    <path 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.45816C7.29183 5.99792 7.66493 5.62483 8.12516 5.62483C8.5854 5.62483 8.9585 5.99792 8.9585 6.45816L8.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=\"#4B5565\"/>\r\n                    <path 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.10185 11.1084 8.57868C11.0418 8.08304 11.0418 7.45869 11.0418 6.70997L11.0418 6.70995L11.0418 6.62329L11.0418 6.62327C11.0418 5.87454 11.0418 5.2502 11.1084 4.75455C11.1788 4.23139 11.3335 3.75906 11.713 3.3795C12.0926 2.99994 12.5649 2.84522 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.84522 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.62329L18.9585 6.70995L18.9585 6.70998C18.9585 7.4587 18.9585 8.08304 18.8919 8.57869C18.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=\"#4B5565\"/>\r\n                    <path 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.45816C17.2918 5.99792 17.6649 5.62483 18.1252 5.62483C18.5854 5.62483 18.9585 5.99792 18.9585 6.45816L18.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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\r\n                    <path 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=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.66699 5C6.66699 4.53976 7.04009 4.16666 7.50033 4.16666H12.5003C12.9606 4.16666 13.3337 4.53976 13.3337 5C13.3337 5.46023 12.9606 5.83333 12.5003 5.83333H7.50033C7.04009 5.83333 6.66699 5.46023 6.66699 5Z\" fill=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n                    <path 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=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.93796 0.25H9.06204C10.8754 0.249981 12.321 0.249965 13.4544 0.402353C14.6247 0.559698 15.5862 0.893122 16.3466 1.65345C17.1069 2.41377 17.4403 3.37528 17.5976 4.54559C17.75 5.67904 17.75 7.12466 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.893122 3.37528 0.559698 4.54559 0.402353C5.67904 0.249965 7.12464 0.249981 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.11047 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.11047 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=\"#4B5565\"/>\r\n                    <path 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.9967C3.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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n        </div>\r\n        {/*<div contentEditable=\"true\" class=\"wysiwyg-content\" aria-label=\"Editable content\">\r\n          {/* The editable content area */} \r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-WYSIWYG-editor-icon.js","sourceRoot":"","sources":["../../../src/components/gb-WYSIWYG editor-icon/gb-WYSIWYG-editor-icon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h } from '@stencil/core';\r\n\r\n@Component ({\r\n    tag: 'gb-wysiwyg-editor-icon',\r\n    styleUrl: 'gb-WYSIWYG-editor-icon.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbWYSIWYGEditor {\r\n  \r\n  private handleCommand(command: string) {\r\n    document.execCommand(command, false, null);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"wysiwyg-editor-container\">\r\n        <div class=\"wysiwyg-toolbar\">\r\n            <button onClick={() => this.handleCommand('bold')} aria-label=\"Bold\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path 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\"/>\r\n                    <path 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\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => this.handleCommand('italic')} aria-label=\"Italic\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path 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\"/>\r\n                    <path 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\"/>\r\n                    <path 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\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => document.execCommand('formatBlock', false, 'H1')} aria-label=\"Heading 1\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.91683 3.33334C3.37707 3.33334 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.33334 2.91683 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.2498 3.33334C11.7101 3.33334 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.33334 11.2498 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.2266 8.43193C16.4976 8.57695 16.6668 8.85933 16.6668 9.16666V15H17.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.4622C13.6348 10.0793 13.7382 9.56191 14.1212 9.30662L15.3712 8.47329C15.6269 8.30281 15.9557 8.28692 16.2266 8.43193Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.0835 10C2.0835 9.53976 2.45659 9.16666 2.91683 9.16666L11.2502 9.16666C11.7104 9.16666 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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => document.execCommand('formatBlock', false, 'H2')} aria-label=\"Heading 2\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2.49984 3.33334C2.96007 3.33334 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.33334 2.49984 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.8333 3.33334C11.2936 3.33334 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.33334 10.8333 3.33334Z\" fill=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.334 10.8333C13.334 9.45262 14.4533 8.33334 15.834 8.33334C17.2147 8.33334 18.334 9.45263 18.334 10.8333V11.0117C18.334 11.7709 18.0117 12.4945 17.4474 13.0024L15.2765 14.9562C15.2593 14.9717 15.2431 14.9863 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.5718 16.6673 11.2984 16.6673 11.0117V10.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=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.6665 10C1.6665 9.53976 2.0396 9.16666 2.49984 9.16666L10.8332 9.16666C11.2934 9.16666 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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button onClick={() => this.handleCommand('blockquote')} aria-label=\"Blockquote\">\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n                    <path d=\"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.10185 1.10842 8.57868C1.04178 8.08304 1.0418 7.45869 1.04183 6.70997L1.04183 6.70995L1.04183 6.62329L1.04183 6.62327C1.0418 5.87454 1.04178 5.2502 1.10842 4.75455C1.17876 4.23139 1.33348 3.75906 1.71304 3.3795C2.0926 2.99994 2.56493 2.84522 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.84522 7.90772 2.99994 8.28728 3.3795C8.66684 3.75906 8.82156 4.23139 8.8919 4.75455C8.95854 5.2502 8.95852 5.87454 8.9585 6.62326L8.9585 6.62329L8.9585 6.70995L8.9585 6.70998C8.95852 7.4587 8.95854 8.08304 8.8919 8.57869C8.82156 9.10185 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=\"#4B5565\"/>\r\n                    <path 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.45816C7.29183 5.99792 7.66493 5.62483 8.12516 5.62483C8.5854 5.62483 8.9585 5.99792 8.9585 6.45816L8.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=\"#4B5565\"/>\r\n                    <path 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.10185 11.1084 8.57868C11.0418 8.08304 11.0418 7.45869 11.0418 6.70997L11.0418 6.70995L11.0418 6.62329L11.0418 6.62327C11.0418 5.87454 11.0418 5.2502 11.1084 4.75455C11.1788 4.23139 11.3335 3.75906 11.713 3.3795C12.0926 2.99994 12.5649 2.84522 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.84522 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.62329L18.9585 6.70995L18.9585 6.70998C18.9585 7.4587 18.9585 8.08304 18.8919 8.57869C18.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=\"#4B5565\"/>\r\n                    <path 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.45816C17.2918 5.99792 17.6649 5.62483 18.1252 5.62483C18.5854 5.62483 18.9585 5.99792 18.9585 6.45816L18.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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\">\r\n                    <path 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=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.66699 5C6.66699 4.53976 7.04009 4.16666 7.50033 4.16666H12.5003C12.9606 4.16666 13.3337 4.53976 13.3337 5C13.3337 5.46023 12.9606 5.83333 12.5003 5.83333H7.50033C7.04009 5.83333 6.66699 5.46023 6.66699 5Z\" fill=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n            <button>\r\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n                    <path 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=\"#4B5565\"/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.93796 0.25H9.06204C10.8754 0.249981 12.321 0.249965 13.4544 0.402353C14.6247 0.559698 15.5862 0.893122 16.3466 1.65345C17.1069 2.41377 17.4403 3.37528 17.5976 4.54559C17.75 5.67904 17.75 7.12466 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.893122 3.37528 0.559698 4.54559 0.402353C5.67904 0.249965 7.12464 0.249981 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.11047 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.11047 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=\"#4B5565\"/>\r\n                    <path 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.9967C3.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=\"#4B5565\"/>\r\n                </svg>\r\n            </button>\r\n        </div>\r\n        {/*<div contentEditable=\"true\" class=\"wysiwyg-content\" aria-label=\"Editable content\">\r\n          {/* The editable content area */} \r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}