globuswebcomponents 2.16.6 → 2.16.8

package/dist/components/gb-tag-checkbox.js

@@ -1,4 +1,4 @@
-import { G as GbTagCheckbox$1, d as defineCustomElement$1 } from './p-DMW9vQZa.js';
+import { G as GbTagCheckbox$1, d as defineCustomElement$1 } from './p-Cr8wvTe2.js';
 
 const GbTagCheckbox = GbTagCheckbox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag-close.js

@@ -1,4 +1,4 @@
-import { G as GbTagClose$1, d as defineCustomElement$1 } from './p-BXpubOeM.js';
+import { G as GbTagClose$1, d as defineCustomElement$1 } from './p-BnHQXWL-.js';
 
 const GbTagClose = GbTagClose$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag-count.js

@@ -1,4 +1,4 @@
-import { G as GbTagCount$1, d as defineCustomElement$1 } from './p-B1YiPq_G.js';
+import { G as GbTagCount$1, d as defineCustomElement$1 } from './p-oG_anvpK.js';
 
 const GbTagCount = GbTagCount$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-tag.js

@@ -1,4 +1,4 @@
-import { G as GbTag$1, d as defineCustomElement$1 } from './p-DwwTg0Ug.js';
+import { G as GbTag$1, d as defineCustomElement$1 } from './p-CRpalI6I.js';
 
 const GbTag = GbTag$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-textarea-input-field.js

@@ -1,4 +1,4 @@
-import { G as GbTextareaInputField$1, d as defineCustomElement$1 } from './p-CuWlfGEa.js';
+import { G as GbTextareaInputField$1, d as defineCustomElement$1 } from './p-CIQlqNhl.js';
 
 const GbTextareaInputField = GbTextareaInputField$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-theme-tab.js

@@ -1,4 +1,4 @@
-import { G as GbThemeTab$1, d as defineCustomElement$1 } from './p-DcPBSreH.js';
+import { G as GbThemeTab$1, d as defineCustomElement$1 } from './p-CsN5I1IB.js';
 
 const GbThemeTab = GbThemeTab$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { G as GbToastButton$1, d as defineCustomElement$1 } from './p-DoKlmsGb.js';
+import { G as GbToastButton$1, d as defineCustomElement$1 } from './p-Dy6voUvk.js';
 
 const GbToastButton = GbToastButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-toast.js

@@ -1,4 +1,4 @@
-import { G as GbToast$1, d as defineCustomElement$1 } from './p-B0To20-c.js';
+import { G as GbToast$1, d as defineCustomElement$1 } from './p-B7-FdB2z.js';
 
 const GbToast = GbToast$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-toggle-base.js

@@ -1,4 +1,4 @@
-import { G as GbToggleBase$1, d as defineCustomElement$1 } from './p-8R2iLkxl.js';
+import { G as GbToggleBase$1, d as defineCustomElement$1 } from './p-D2KhJvIW.js';
 
 const GbToggleBase = GbToggleBase$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-toggle.js

@@ -1,4 +1,4 @@
-import { G as GbToggle$1, d as defineCustomElement$1 } from './p-BOpf9ENE.js';
+import { G as GbToggle$1, d as defineCustomElement$1 } from './p-CKuD3zQv.js';
 
 const GbToggle = GbToggle$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-token-field-compact.js

@@ -47,7 +47,7 @@ const GbTokenFieldCompact$1 = /*@__PURE__*/ proxyCustomElement(class GbTokenFiel
         }
     }
     render() {
-        return (h("div", { key: 'f53bab52d542771650263c3f3b81e236cff65f7d', class: `compact_field_wrapper ${this.size}` }, h("div", { key: '2f7f89e8170de0ab9ef5028ae2ea97d7d6f725a1', class: "input_with_label" }, this.showLabel && h("label", { key: 'c693cecddf9b466e2019089b8cb313097d7fc7ac', class: "text-sm-medium" }, this.label), h("input", { key: '6b07f80c3dd3c7ed8b8c5a5388eb90f43fd75c2f', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: '9abbcd083eac6374b8f94229f641b928fba03817', class: "supporting_text text-sm-regular" }, this.supportingText)));
+        return (h("div", { key: 'ac50fe10ade515c591102588e96a9542b6b65657', class: `compact_field_wrapper ${this.size}` }, h("div", { key: '68e0784532ba84bb3e2a7f853feadc788d41f70c', class: "input_with_label" }, this.showLabel && h("label", { key: 'fe9f66cdfb4e055f4a5ffd57d134b321466e31c2', class: "text-sm-medium" }, this.label), h("input", { key: '678374880bb73defcc324ceb4723a65eb72b0cec', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: 'ab5086669648a21ee84a6ee428dc041c6710c8a4', class: "supporting_text text-sm-regular" }, this.supportingText)));
     }
     get el() { return this; }
     static get style() { return gbTokenFieldCompactCss; }

package/dist/components/gb-token-field-compressed.js

@@ -89,11 +89,11 @@ const GbTokenFieldCompressed$1 = /*@__PURE__*/ proxyCustomElement(class GbTokenF
         });
     }
     render() {
-        return (h("div", { key: '6bd59bb69c02021268e1007442259734afa1efdb', class: {
+        return (h("div", { key: 'dc3b1cf0e2eb5bafc56caa13042ee2296b75ce8b', class: {
                 container: true,
                 [this.size]: true,
                 [`digits-${this.digits}`]: true,
-            } }, h("div", { key: '9c7b709cb19495908c3be6c89d71b1e874ade75a', class: "input-with-label" }, this.showLabel && (h("label", { key: 'ddfd0e5790f2f621290f17f2e45fa0e783eaac8d', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && h("div", { key: 'fa31999f2b7c91454b1f231c19e94fd0b341a21b', class: "input-wrapper" }, this.renderInputs(4, 0)), this.digits === 6 && (h("div", { key: 'd1db24e5ddb68f03ebcd8d531c9f6645ef1d87c9', class: "input-wrapper" }, this.renderInputs(3, 0), h("p", { key: 'af3a4e4f46630a786134683dd57932b4ce83b702', class: "line display-sm-bold" }, "-"), this.renderInputs(3, 3))), this.digits === 8 && (h("div", { key: 'ea562cb99d0cc2ea66fdc004e0177a3ad9db1a50', class: "input-wrapper" }, this.renderInputs(4, 0), h("p", { key: 'b08217cb92323e3b5ea8a9eb0495a22eac01eb3b', class: "line display-sm-bold" }, "-"), this.renderInputs(4, 4)))), this.showHintText && (h("div", { key: '1fab70cb3cffa62c4b2df892b804981afe49dc88', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'ee1a5bd1f2c55ad07b5d66f2ce678f55f18932b4', class: "input-with-label" }, this.showLabel && (h("label", { key: '8c254190ca6f32babeeb16db2bdd99ce69bac429', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && h("div", { key: '0ad4397eeb91017609cf11a22cc098a21fdb0e84', class: "input-wrapper" }, this.renderInputs(4, 0)), this.digits === 6 && (h("div", { key: '865083480bdaec3953a7b77b26f1b6c0f24f7b5f', class: "input-wrapper" }, this.renderInputs(3, 0), h("p", { key: 'f1a94f76201a9f7575cfef9ecd54a22fbed4b9b4', class: "line display-sm-bold" }, "-"), this.renderInputs(3, 3))), this.digits === 8 && (h("div", { key: 'c888ed62ff7200b65efd01bd9689d0cbb43dba77', class: "input-wrapper" }, this.renderInputs(4, 0), h("p", { key: '964572534780ef77fd33243fa61562295ca32ef2', class: "line display-sm-bold" }, "-"), this.renderInputs(4, 4)))), this.showHintText && (h("div", { key: '9c6d1e000d1cfa459d91e870b4bc985871278c15', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get style() { return gbTokenFieldCompressedCss; }
 }, [257, "gb-token-field-compressed", {

package/dist/components/gb-tooltip.js

@@ -1,4 +1,4 @@
-import { G as GbTooltip$1, d as defineCustomElement$1 } from './p-C3YPh43v.js';
+import { G as GbTooltip$1, d as defineCustomElement$1 } from './p-sRpXKkA4.js';
 
 const GbTooltip = GbTooltip$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-vertical-tabs.js

@@ -1,4 +1,4 @@
-import { G as GbVerticalTabs$1, d as defineCustomElement$1 } from './p-C9UQcv-D.js';
+import { G as GbVerticalTabs$1, d as defineCustomElement$1 } from './p-CKeeP1RN.js';
 
 const GbVerticalTabs = GbVerticalTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-wysiwyg-editor-icon.js

@@ -1,4 +1,4 @@
-import { G as GbWysiwygEditorIcon$1, d as defineCustomElement$1 } from './p-RqdJhjrL.js';
+import { G as GbWysiwygEditorIcon$1, d as defineCustomElement$1 } from './p-C1bHN2Rx.js';
 
 const GbWysiwygEditorIcon = GbWysiwygEditorIcon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-wysiwyg-toolbar.js

@@ -1,4 +1,4 @@
-import { G as GbWysiwygToolbar$1, d as defineCustomElement$1 } from './p-SlxBg8hR.js';
+import { G as GbWysiwygToolbar$1, d as defineCustomElement$1 } from './p-0uF8DOrG.js';
 
 const GbWysiwygToolbar = GbWysiwygToolbar$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/gb-wysiwyg-tooltip.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-BD4pyH1i.js';
-import { d as defineCustomElement$2 } from './p-RqdJhjrL.js';
+import { d as defineCustomElement$2 } from './p-C1bHN2Rx.js';
 
 const gbWysiwygTooltipCss = ".wysiwyg_tooltip_div{position:relative}.wysiwyg_tooltip{display:flex;flex-direction:column;align-items:center;border-radius:var(--rounded-sm);border:0.5px solid var(--color-border-subtler, #E3E8EF);background:var(--color-background-card, #FFFFFF);box-shadow:var(--shadow-xs)}.wysiwyg_tooltip.default{padding:var(--spacing-2)}.wysiwyg_tooltip.mobile{padding:var(--spacing-1)}.wysiwyg_tooltip_content{display:flex;justify-content:space-between;gap:0.25rem;align-self:stretch}.arrow{width:0;height:0;border-style:solid;position:absolute}.arrow::before{content:'';position:absolute;width:0;height:0;border-style:solid}.arrow.left{top:106%;right:95%;border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--color-border-subtler, #E3E8EF);transform:translateY(-50%) rotate(90deg)}.arrow.left::before{left:-8px;top:50%;transform:translateY(-50%);border-width:7.5px 0 7.5px 7.5px;border-color:transparent transparent transparent var(--color-surface-bold, #FCFCFC)}.arrow.right{top:104%;left:95%;border-width:7px 7px 7px 0;border-color:transparent var(--color-border-subtler, #E3E8EF) transparent transparent;transform:translateY(-50%) rotate(-90deg)}.arrow.right::before{left:0.5px;top:50%;border-width:6.5px 6.5px 6.5px 0;transform:translateY(-50%) rotate(0deg);border-color:transparent var(--color-surface-bold, #FCFCFC) transparent transparent}.arrow.center{top:99%;left:50%;border-width:7.5px 7.5px 0 7.5px;border-color:var(--color-border-subtler, #E3E8EF) transparent transparent transparent;transform:translateX(-50%)}.arrow.center::before{left:-0.39rem;bottom:0.1rem;border-width:0 9.6px 9.6px 9.6px;transform:translateY(-50%) rotate(135deg);border-color:transparent var(--color-surface-bold, #FCFCFC) transparent transparent}";
 

package/dist/components/{p-SlxBg8hR.js → p-0uF8DOrG.js}

@@ -1,21 +1,21 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BD4pyH1i.js';
 import { d as defineCustomElement$h } from './p-DroMe7VO.js';
 import { d as defineCustomElement$g } from './p-B51vQVpx.js';
-import { d as defineCustomElement$f } from './p-BbygHijY.js';
+import { d as defineCustomElement$f } from './p-QS6WCgEU.js';
 import { d as defineCustomElement$e } from './p-SKoUZhFj.js';
 import { d as defineCustomElement$d } from './p-CKnfdyi_.js';
-import { d as defineCustomElement$c } from './p-CoECE73o.js';
-import { d as defineCustomElement$b } from './p-SOmp2u2j.js';
+import { d as defineCustomElement$c } from './p-CotcMe-a.js';
+import { d as defineCustomElement$b } from './p-BLYEjP6E.js';
 import { d as defineCustomElement$a } from './p-DyVFLPPE.js';
-import { d as defineCustomElement$9 } from './p-yGDG5-7k.js';
-import { d as defineCustomElement$8 } from './p-DDOjLWeU.js';
+import { d as defineCustomElement$9 } from './p-CZZ49jCW.js';
+import { d as defineCustomElement$8 } from './p-DwVPshyR.js';
 import { d as defineCustomElement$7 } from './p-CSHVIxEk.js';
-import { d as defineCustomElement$6 } from './p-DwwTg0Ug.js';
-import { d as defineCustomElement$5 } from './p-DMW9vQZa.js';
-import { d as defineCustomElement$4 } from './p-BXpubOeM.js';
-import { d as defineCustomElement$3 } from './p-B1YiPq_G.js';
-import { d as defineCustomElement$2 } from './p-C3YPh43v.js';
-import { d as defineCustomElement$1 } from './p-RqdJhjrL.js';
+import { d as defineCustomElement$6 } from './p-CRpalI6I.js';
+import { d as defineCustomElement$5 } from './p-Cr8wvTe2.js';
+import { d as defineCustomElement$4 } from './p-BnHQXWL-.js';
+import { d as defineCustomElement$3 } from './p-oG_anvpK.js';
+import { d as defineCustomElement$2 } from './p-sRpXKkA4.js';
+import { d as defineCustomElement$1 } from './p-C1bHN2Rx.js';
 
 const gbWysiwygToolbarCss = ".toolbar_wrapper{display:inline-flex;align-items:center;gap:0.75rem}.font_selector{width:20rem}.editor_icons{display:flex;align-items:flex-start;gap:var(--spacing-2)}";
 
@@ -95,7 +95,7 @@ const GbWysiwygToolbar = /*@__PURE__*/ proxyCustomElement(class GbWysiwygToolbar
         this.toolbarAction.emit(action);
     }
     render() {
-        return (h("div", { key: 'df821540606e12ef651c3faa9eedd05b8a9b9a6a', class: "toolbar_wrapper" }, this.fontSelector && (h("div", { key: 'aa0ffd9c766019284d2aa916c3a63b0b5f841c64', class: "font_selector" }, h("gb-input-dropdown", { key: '25ba0e8a655e58d9bcf14fabc9f0207b0d02fbed', "show-placeholder": "true", placeholder: "Select an option", size: "sm", state: "default", "show-hint-text": "false", "hint-text": "This is a hint text to help user.", type: "default", text: true, "show-leading-icon": "true", "leading-icon": "assets/search-01.svg", "menu-position": "bottom", icon: "false", value: ['Sora'] }))), h("div", { key: 'a0636310662376129cc32e1dacce25ee6cb15cb1', class: "editor_icons" }, h("gb-wysiwyg-editor-icon", { key: '50e1aebd2e712c9dc5390d6fcaf3c4f35e108cd0', state: "default", active: this._isBold, type: "bold", onMouseDown: (ev) => this.emit('bold', ev) }), h("gb-wysiwyg-editor-icon", { key: '8241e7b2ebea683ed048f46101ac98fb38002487', state: "default", active: this._isItalic, type: "italic", onMouseDown: (ev) => this.emit('italic', ev) }), h("gb-wysiwyg-editor-icon", { key: '2254a6842d1c91bf7b32a427854e9a4836dbdbbf', state: "default", active: this._isUnderline, type: "underline", onMouseDown: (ev) => this.emit('underline', ev) }), h("gb-wysiwyg-editor-icon", { key: '454aa6dd3db1a88ad1924c2bc22ce2c271d4847c', state: "default", active: this._isH1, type: "h1", onMouseDown: (ev) => this.emit('h1', ev) }), h("gb-wysiwyg-editor-icon", { key: '79d10e0a873e318dc90e8be14e7cf33e9c817814', state: "default", active: this._isH2, type: "h2", onMouseDown: (ev) => this.emit('h2', ev) }), h("gb-wysiwyg-editor-icon", { key: '5cd75256d5ab36901b772a220c7eb109e1970062', state: "default", active: this._isQuote, type: "quote", onMouseDown: (ev) => this.emit('quote', ev) }), h("gb-wysiwyg-editor-icon", { key: '9d2765d2b6ecdce6ae808809f7f5fa8751cb32f9', state: "default", active: this._isLink, type: "link", onMouseDown: (ev) => this.emit('link', ev) }), h("gb-wysiwyg-editor-icon", { key: '197b1de3515457d66366673c845d657ebfa04ced', state: "default", active: this.isAttachment, type: "attachment", onMouseDown: (ev) => this.emit('attachment', ev) }), h("gb-wysiwyg-editor-icon", { key: 'c78776ecfe320b01a176d59129be9fdd0775df3d', state: "default", active: this.isPhoto, type: "photo", onMouseDown: (ev) => this.emit('photo', ev) }), h("gb-wysiwyg-editor-icon", { key: '8aebd038257600cacd3e1434c937096ef11ef3a6', state: "default", active: this.isBulletList, type: "list_bullet", onMouseDown: (ev) => this.emit('bulletList', ev) }), h("gb-wysiwyg-editor-icon", { key: 'b69c5c1a1eae1a1b773146b50a3cf5795a71896a', state: "default", active: this.isOrderedList, type: "list_numbers", onMouseDown: (ev) => this.emit('orderedList', ev) }))));
+        return (h("div", { key: '137a7d250bbcbe7e70f0be7711ffb6da52a60ce0', class: "toolbar_wrapper" }, this.fontSelector && (h("div", { key: 'efd4fe1ee3d7fc74ee374d65ca33040cc994912d', class: "font_selector" }, h("gb-input-dropdown", { key: '79be874d82d4bc10ff7562b99076208a54087b8b', "show-placeholder": "true", placeholder: "Select an option", size: "sm", state: "default", "show-hint-text": "false", "hint-text": "This is a hint text to help user.", type: "default", text: true, "show-leading-icon": "true", "leading-icon": "assets/search-01.svg", "menu-position": "bottom", icon: "false", value: ['Sora'] }))), h("div", { key: 'ee2a3ee69d70103cf8c6836937826e7082780262', class: "editor_icons" }, h("gb-wysiwyg-editor-icon", { key: '867c46740c9f49faf4155391552353771c26da6d', state: "default", active: this._isBold, type: "bold", onMouseDown: (ev) => this.emit('bold', ev) }), h("gb-wysiwyg-editor-icon", { key: '3280b9265d6324cdc54fab7c1c39b63555950035', state: "default", active: this._isItalic, type: "italic", onMouseDown: (ev) => this.emit('italic', ev) }), h("gb-wysiwyg-editor-icon", { key: 'e7139985f3a5b082d10335ac9c0c71fa416cd1af', state: "default", active: this._isUnderline, type: "underline", onMouseDown: (ev) => this.emit('underline', ev) }), h("gb-wysiwyg-editor-icon", { key: '7efe00a03818094f4441af4ac6298bcd71bc0644', state: "default", active: this._isH1, type: "h1", onMouseDown: (ev) => this.emit('h1', ev) }), h("gb-wysiwyg-editor-icon", { key: '3f100e9a34a1d33bb2804a1a13c2c4be9c1bf161', state: "default", active: this._isH2, type: "h2", onMouseDown: (ev) => this.emit('h2', ev) }), h("gb-wysiwyg-editor-icon", { key: '7713799ea241795e46052da05a20e548371b366f', state: "default", active: this._isQuote, type: "quote", onMouseDown: (ev) => this.emit('quote', ev) }), h("gb-wysiwyg-editor-icon", { key: '68f509e2aaafd18af673ee44886e5abc5944f5e4', state: "default", active: this._isLink, type: "link", onMouseDown: (ev) => this.emit('link', ev) }), h("gb-wysiwyg-editor-icon", { key: '1fbceaa0c8f7217532c25b33a0d3bf6dba8df2aa', state: "default", active: this.isAttachment, type: "attachment", onMouseDown: (ev) => this.emit('attachment', ev) }), h("gb-wysiwyg-editor-icon", { key: 'cf81e50e921f67618c15553ffb9bd721180a34c3', state: "default", active: this.isPhoto, type: "photo", onMouseDown: (ev) => this.emit('photo', ev) }), h("gb-wysiwyg-editor-icon", { key: 'be385abbe9eeb4f661beefc5899b2f626c68c00e', state: "default", active: this.isBulletList, type: "list_bullet", onMouseDown: (ev) => this.emit('bulletList', ev) }), h("gb-wysiwyg-editor-icon", { key: '59b4aa45038ae69271d22dbf44ea25aab6a04f9e', state: "default", active: this.isOrderedList, type: "list_numbers", onMouseDown: (ev) => this.emit('orderedList', ev) }))));
     }
     static get watchers() { return {
         "isBold": ["onBoldChange"],
@@ -243,6 +243,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { GbWysiwygToolbar as G, defineCustomElement as d };
-//# sourceMappingURL=p-SlxBg8hR.js.map
+//# sourceMappingURL=p-0uF8DOrG.js.map
 
-//# sourceMappingURL=p-SlxBg8hR.js.map
+//# sourceMappingURL=p-0uF8DOrG.js.map

package/dist/components/{p-SlxBg8hR.js.map → p-0uF8DOrG.js.map}

@@ -1 +1 @@
-{"file":"p-SlxBg8hR.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-wysiwyg-toolbar/gb-wysiwyg-toolbar.css?tag=gb-wysiwyg-toolbar&encapsulation=shadow","src/components/gb-wysiwyg-toolbar/gb-wysiwyg-toolbar.tsx"],"sourcesContent":[".toolbar_wrapper {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.font_selector{\r\n    width: 20rem;\r\n}\r\n\r\n.editor_icons {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-2);\r\n}\r\n","import { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-wysiwyg-toolbar',\r\n  styleUrl: 'gb-wysiwyg-toolbar.css',\r\n  shadow: true,\r\n})\r\nexport class GbWysiwygToolbar {\r\n  @Prop() fontSelector: boolean = false;\r\n\r\n  // Active states (passed in from gb-rich-text)\r\n  @Prop() isBold: boolean = false;\r\n  @Prop() isItalic: boolean = false;\r\n  @Prop() isUnderline: boolean = false;\r\n  @Prop() isH1: boolean = false;\r\n  @Prop() isH2: boolean = false;\r\n  @Prop() isQuote: boolean = false;\r\n  @Prop() isLink: boolean = false;\r\n  @Prop() isBulletList: boolean = false;\r\n  @Prop() isOrderedList: boolean = false;\r\n  @Prop() isAttachment: boolean = false;\r\n  @Prop() isPhoto: boolean = false;\r\n\r\n  // Mirror props into state so shadow DOM re-renders on change\r\n  @State() _isBold: boolean = false;\r\n  @State() _isItalic: boolean = false;\r\n  @State() _isUnderline: boolean = false;\r\n  @State() _isH1: boolean = false;\r\n  @State() _isH2: boolean = false;\r\n  @State() _isQuote: boolean = false;\r\n  @State() _isLink: boolean = false;\r\n  @State() _isBulletList: boolean = false;\r\n  @State() _isOrderedList: boolean = false;\r\n  @Event() toolbarAction: EventEmitter<string>;\r\n  \r\n  @Watch('isBold') onBoldChange(v: boolean) {\r\n    this._isBold = v;\r\n  }\r\n  @Watch('isItalic') onItalicChange(v: boolean) {\r\n    this._isItalic = v;\r\n  }\r\n  @Watch('isUnderline') onUnderlineChange(v: boolean) {\r\n    this._isUnderline = v;\r\n  }\r\n  @Watch('isH1') onH1Change(v: boolean) {\r\n    this._isH1 = v;\r\n  }\r\n  @Watch('isH2') onH2Change(v: boolean) {\r\n    this._isH2 = v;\r\n  }\r\n  @Watch('isQuote') onQuoteChange(v: boolean) {\r\n    this._isQuote = v;\r\n  }\r\n  @Watch('isLink') onLinkChange(v: boolean) {\r\n    this._isLink = v;\r\n  }\r\n  @Watch('isBulletList') onBulletListChange(v: boolean) {\r\n    this._isBulletList = v;\r\n  }\r\n  @Watch('isOrderedList') onOrderedListChange(v: boolean) {\r\n    this._isOrderedList = v;\r\n  }\r\n\r\n  // Sync initial prop values into state on first load\r\n  componentWillLoad() {\r\n    this._isBold = this.isBold;\r\n    this._isItalic = this.isItalic;\r\n    this._isUnderline = this.isUnderline;\r\n    this._isH1 = this.isH1;\r\n    this._isH2 = this.isH2;\r\n    this._isQuote = this.isQuote;\r\n    this._isLink = this.isLink;\r\n    this._isBulletList = this.isBulletList;\r\n    this._isOrderedList = this.isOrderedList;\r\n  }\r\n\r\n  private emit(action: string, ev: MouseEvent) {\r\n    ev.preventDefault();\r\n    this.toolbarAction.emit(action);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"toolbar_wrapper\">\r\n        {this.fontSelector && (\r\n          <div class=\"font_selector\">\r\n            <gb-input-dropdown\r\n              show-placeholder=\"true\"\r\n              placeholder=\"Select an option\"\r\n              size=\"sm\"\r\n              state=\"default\"\r\n              show-hint-text=\"false\"\r\n              hint-text=\"This is a hint text to help user.\"\r\n              type=\"default\"\r\n              text={true}\r\n              show-leading-icon=\"true\"\r\n              leading-icon=\"assets/search-01.svg\"\r\n              menu-position=\"bottom\"\r\n              icon=\"false\"\r\n              value={['Sora']}\r\n            ></gb-input-dropdown>\r\n          </div>\r\n        )}\r\n        <div class=\"editor_icons\">\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isBold} type=\"bold\" onMouseDown={(ev: MouseEvent) => this.emit('bold', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isItalic} type=\"italic\" onMouseDown={(ev: MouseEvent) => this.emit('italic', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isUnderline} type=\"underline\" onMouseDown={(ev: MouseEvent) => this.emit('underline', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isH1} type=\"h1\" onMouseDown={(ev: MouseEvent) => this.emit('h1', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isH2} type=\"h2\" onMouseDown={(ev: MouseEvent) => this.emit('h2', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isQuote} type=\"quote\" onMouseDown={(ev: MouseEvent) => this.emit('quote', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isLink} type=\"link\" onMouseDown={(ev: MouseEvent) => this.emit('link', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon\r\n            state=\"default\"\r\n            active={this.isAttachment}\r\n            type=\"attachment\"\r\n            onMouseDown={(ev: MouseEvent) => this.emit('attachment', ev)}\r\n          ></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this.isPhoto} type=\"photo\" onMouseDown={(ev: MouseEvent) => this.emit('photo', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this.isBulletList} type=\"list_bullet\" onMouseDown={(ev: MouseEvent) => this.emit('bulletList', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this.isOrderedList} type=\"list_numbers\" onMouseDown={(ev: MouseEvent) => this.emit('orderedList', ev)}></gb-wysiwyg-editor-icon>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"p-0uF8DOrG.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-wysiwyg-toolbar/gb-wysiwyg-toolbar.css?tag=gb-wysiwyg-toolbar&encapsulation=shadow","src/components/gb-wysiwyg-toolbar/gb-wysiwyg-toolbar.tsx"],"sourcesContent":[".toolbar_wrapper {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.font_selector{\r\n    width: 20rem;\r\n}\r\n\r\n.editor_icons {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: var(--spacing-2);\r\n}\r\n","import { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-wysiwyg-toolbar',\r\n  styleUrl: 'gb-wysiwyg-toolbar.css',\r\n  shadow: true,\r\n})\r\nexport class GbWysiwygToolbar {\r\n  @Prop() fontSelector: boolean = false;\r\n\r\n  // Active states (passed in from gb-rich-text)\r\n  @Prop() isBold: boolean = false;\r\n  @Prop() isItalic: boolean = false;\r\n  @Prop() isUnderline: boolean = false;\r\n  @Prop() isH1: boolean = false;\r\n  @Prop() isH2: boolean = false;\r\n  @Prop() isQuote: boolean = false;\r\n  @Prop() isLink: boolean = false;\r\n  @Prop() isBulletList: boolean = false;\r\n  @Prop() isOrderedList: boolean = false;\r\n  @Prop() isAttachment: boolean = false;\r\n  @Prop() isPhoto: boolean = false;\r\n\r\n  // Mirror props into state so shadow DOM re-renders on change\r\n  @State() _isBold: boolean = false;\r\n  @State() _isItalic: boolean = false;\r\n  @State() _isUnderline: boolean = false;\r\n  @State() _isH1: boolean = false;\r\n  @State() _isH2: boolean = false;\r\n  @State() _isQuote: boolean = false;\r\n  @State() _isLink: boolean = false;\r\n  @State() _isBulletList: boolean = false;\r\n  @State() _isOrderedList: boolean = false;\r\n  @Event() toolbarAction: EventEmitter<string>;\r\n  \r\n  @Watch('isBold') onBoldChange(v: boolean) {\r\n    this._isBold = v;\r\n  }\r\n  @Watch('isItalic') onItalicChange(v: boolean) {\r\n    this._isItalic = v;\r\n  }\r\n  @Watch('isUnderline') onUnderlineChange(v: boolean) {\r\n    this._isUnderline = v;\r\n  }\r\n  @Watch('isH1') onH1Change(v: boolean) {\r\n    this._isH1 = v;\r\n  }\r\n  @Watch('isH2') onH2Change(v: boolean) {\r\n    this._isH2 = v;\r\n  }\r\n  @Watch('isQuote') onQuoteChange(v: boolean) {\r\n    this._isQuote = v;\r\n  }\r\n  @Watch('isLink') onLinkChange(v: boolean) {\r\n    this._isLink = v;\r\n  }\r\n  @Watch('isBulletList') onBulletListChange(v: boolean) {\r\n    this._isBulletList = v;\r\n  }\r\n  @Watch('isOrderedList') onOrderedListChange(v: boolean) {\r\n    this._isOrderedList = v;\r\n  }\r\n\r\n  // Sync initial prop values into state on first load\r\n  componentWillLoad() {\r\n    this._isBold = this.isBold;\r\n    this._isItalic = this.isItalic;\r\n    this._isUnderline = this.isUnderline;\r\n    this._isH1 = this.isH1;\r\n    this._isH2 = this.isH2;\r\n    this._isQuote = this.isQuote;\r\n    this._isLink = this.isLink;\r\n    this._isBulletList = this.isBulletList;\r\n    this._isOrderedList = this.isOrderedList;\r\n  }\r\n\r\n  private emit(action: string, ev: MouseEvent) {\r\n    ev.preventDefault();\r\n    this.toolbarAction.emit(action);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"toolbar_wrapper\">\r\n        {this.fontSelector && (\r\n          <div class=\"font_selector\">\r\n            <gb-input-dropdown\r\n              show-placeholder=\"true\"\r\n              placeholder=\"Select an option\"\r\n              size=\"sm\"\r\n              state=\"default\"\r\n              show-hint-text=\"false\"\r\n              hint-text=\"This is a hint text to help user.\"\r\n              type=\"default\"\r\n              text={true}\r\n              show-leading-icon=\"true\"\r\n              leading-icon=\"assets/search-01.svg\"\r\n              menu-position=\"bottom\"\r\n              icon=\"false\"\r\n              value={['Sora']}\r\n            ></gb-input-dropdown>\r\n          </div>\r\n        )}\r\n        <div class=\"editor_icons\">\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isBold} type=\"bold\" onMouseDown={(ev: MouseEvent) => this.emit('bold', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isItalic} type=\"italic\" onMouseDown={(ev: MouseEvent) => this.emit('italic', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isUnderline} type=\"underline\" onMouseDown={(ev: MouseEvent) => this.emit('underline', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isH1} type=\"h1\" onMouseDown={(ev: MouseEvent) => this.emit('h1', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isH2} type=\"h2\" onMouseDown={(ev: MouseEvent) => this.emit('h2', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isQuote} type=\"quote\" onMouseDown={(ev: MouseEvent) => this.emit('quote', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this._isLink} type=\"link\" onMouseDown={(ev: MouseEvent) => this.emit('link', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon\r\n            state=\"default\"\r\n            active={this.isAttachment}\r\n            type=\"attachment\"\r\n            onMouseDown={(ev: MouseEvent) => this.emit('attachment', ev)}\r\n          ></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this.isPhoto} type=\"photo\" onMouseDown={(ev: MouseEvent) => this.emit('photo', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this.isBulletList} type=\"list_bullet\" onMouseDown={(ev: MouseEvent) => this.emit('bulletList', ev)}></gb-wysiwyg-editor-icon>\r\n          <gb-wysiwyg-editor-icon state=\"default\" active={this.isOrderedList} type=\"list_numbers\" onMouseDown={(ev: MouseEvent) => this.emit('orderedList', ev)}></gb-wysiwyg-editor-icon>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"version":3}

package/dist/components/{p-1ZFgtjE3.js → p-B-qTC1TG.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-BD4pyH1i.js';
-import { d as defineCustomElement$3 } from './p-BbygHijY.js';
+import { d as defineCustomElement$3 } from './p-QS6WCgEU.js';
 import { d as defineCustomElement$2 } from './p-DXfBxkZa.js';
-import { d as defineCustomElement$1 } from './p-C3YPh43v.js';
+import { d as defineCustomElement$1 } from './p-sRpXKkA4.js';
 
 var HOOKS = [
     "onChange",
@@ -3106,6 +3106,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { GbDatePicker as G, defineCustomElement as d };
-//# sourceMappingURL=p-1ZFgtjE3.js.map
+//# sourceMappingURL=p-B-qTC1TG.js.map
 
-//# sourceMappingURL=p-1ZFgtjE3.js.map
+//# sourceMappingURL=p-B-qTC1TG.js.map