@xplor-education/core-stencil-components 3.1.2 → 3.1.4

package/dist/cjs/xplor-component-library.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BjAapk2n.js');
+var index = require('./index--_m3aUsf.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
@@ -18,7 +18,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"xplor-alert-dialog_58.cjs\",[[6,\"xplor-btn-tooltip\",{\"text\":[1],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"type\":[1],\"mode\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4]}],[1,\"xplor-chat-widget\",{\"languageOptions\":[16,\"language-options\"],\"textId\":[1,\"text-id\"],\"apiKey\":[1,\"api-key\"],\"selectedLanguage\":[32],\"textValue\":[32]}],[6,\"xplor-avatar-and-name\",{\"name\":[1],\"src\":[1],\"size\":[1],\"color\":[1],\"status\":[1]}],[2,\"xplor-date-picker\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"monthType\":[1,\"month-type\"],\"display\":[1],\"dateFormat\":[1,\"date-format\"],\"min\":[1],\"max\":[1],\"readonly\":[4],\"disabled\":[4],\"clearable\":[4],\"closeOnSelect\":[4,\"close-on-select\"],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"startWeekOnSunday\":[4,\"start-week-on-sunday\"],\"error\":[1],\"hideDetails\":[8,\"hide-details\"],\"required\":[4],\"isOpen\":[32],\"inputText\":[32],\"dropdownPosition\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[2,\"xplor-drag-and-drop-input\",{\"disabled\":[4],\"accepts\":[1],\"label\":[1],\"browseLabel\":[1,\"browse-label\"],\"ariaLabel\":[1,\"aria-label\"],\"progress\":[2],\"dragover\":[32],\"currentFile\":[32],\"clearCurrentFile\":[64]}],[2,\"xplor-input-send\",{\"placeholder\":[1],\"disabled\":[4],\"maxLength\":[2,\"max-length\"],\"value\":[1025],\"buttonText\":[1,\"button-text\"],\"buttonType\":[1,\"button-type\"],\"internalValue\":[32]}],[4,\"xplor-modal-persistent\",{\"open\":[4],\"width\":[1],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"loading\":[4]}],[6,\"xplor-alert-dialog\",{\"open\":[1028],\"width\":[1],\"persistent\":[4],\"ariaLabel\":[1,\"aria-label\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"]}],[6,\"xplor-alert-message\",{\"type\":[1],\"alertTitle\":[1,\"alert-title\"],\"dismissible\":[4]}],[2,\"xplor-assistant\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"userId\":[1,\"user-id\"],\"userEmail\":[1,\"user-email\"],\"userName\":[1,\"user-name\"],\"sessionId\":[1,\"session-id\"],\"quickReplies\":[16,\"quick-replies\"],\"placeholder\":[1],\"enableVoiceInput\":[4,\"enable-voice-input\"],\"enableTextToSpeech\":[4,\"enable-text-to-speech\"],\"autoSpeak\":[4,\"auto-speak\"],\"maxHeight\":[1,\"max-height\"],\"disabled\":[4],\"messages\":[32],\"internalSessionId\":[32],\"isLoading\":[32],\"isListening\":[32],\"isSpeaking\":[32],\"error\":[32],\"inputValue\":[32],\"hasVoiceSupport\":[32],\"hasTTSSupport\":[32],\"sendMessage\":[64],\"clearHistory\":[64],\"speak\":[64],\"stopSpeaking\":[64]},null,{\"sessionId\":[\"handleSessionIdChange\"]}],[2,\"xplor-autocomplete\",{\"items\":[16],\"value\":[1032],\"placeholder\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"clearable\":[4],\"multiple\":[4],\"minSearchLength\":[2,\"min-search-length\"],\"itemValue\":[1,\"item-value\"],\"itemText\":[1,\"item-text\"],\"menuMaxWidth\":[1,\"menu-max-width\"],\"renderItem\":[16,\"render-item\"],\"renderSelection\":[16,\"render-selection\"],\"isOpen\":[32],\"searchQuery\":[32],\"filteredItems\":[32],\"selectedItems\":[32],\"highlightedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[6,\"xplor-badge\",{\"backgroundColor\":[1,\"background-color\"],\"color\":[1],\"threshold\":[2],\"variant\":[1],\"size\":[1],\"datatable\":[4],\"text\":[1]}],[2,\"xplor-badge-active\"],[2,\"xplor-badge-archived\"],[2,\"xplor-badge-deleted\"],[2,\"xplor-badge-expired\"],[2,\"xplor-badge-inactive\"],[2,\"xplor-badge-recalled\"],[6,\"xplor-badge-session-booking\",{\"booking\":[16],\"item\":[16]}],[2,\"xplor-badge-upcoming\"],[2,\"xplor-badge-waitlist\"],[6,\"xplor-btn-back\",{\"color\":[1],\"minWidth\":[1,\"min-width\"],\"minHeight\":[1,\"min-height\"],\"gap\":[1],\"disabled\":[4]}],[2,\"xplor-btn-back-to-parent\",{\"size\":[1],\"inline\":[4],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"variant\":[1],\"ariaLabel\":[1,\"aria-label\"]}],[6,\"xplor-btn-icon\",{\"color\":[1],\"size\":[8],\"iconSize\":[8,\"icon-size\"],\"variant\":[1],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}],[6,\"xplor-btn-menu\",{\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"options\":[16],\"hiddenKeys\":[16,\"hidden-keys\"],\"disabledKeys\":[16,\"disabled-keys\"],\"color\":[1],\"density\":[1],\"show\":[32],\"focusedIndex\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[6,\"xplor-btn-toggle\",{\"active\":[1028],\"color\":[1],\"disabled\":[4],\"inactiveOutlined\":[4,\"inactive-outlined\"]}],[6,\"xplor-btn-toggle-group\",{\"multiple\":[4],\"density\":[1]}],[6,\"xplor-btn-toggle-secondary\",{\"active\":[1028],\"disabled\":[4],\"inactiveOutlined\":[4,\"inactive-outlined\"]}],[1,\"xplor-checkbox\",{\"initialChecked\":[4,\"initial-checked\"],\"initialIndeterminate\":[4,\"initial-indeterminate\"],\"disabled\":[4],\"error\":[4],\"label\":[1],\"checked\":[32],\"indeterminate\":[32],\"isHovered\":[32],\"isFocused\":[32],\"isPressed\":[32]},null,{\"initialChecked\":[\"watchCheckedProp\"],\"initialIndeterminate\":[\"watchIndeterminateProp\"]}],[2,\"xplor-combobox\",{\"items\":[16],\"value\":[1032],\"placeholder\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"clearable\":[4],\"multiple\":[4],\"allowCustom\":[4,\"allow-custom\"],\"createMessage\":[1,\"create-message\"],\"isOpen\":[32],\"searchQuery\":[32],\"filteredItems\":[32],\"selectedItems\":[32],\"highlightedIndex\":[32],\"customItems\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[1,\"xplor-datatable\",{\"headers\":[16],\"items\":[16],\"loading\":[4],\"pagination\":[16],\"selected\":[16],\"canSelect\":[4,\"can-select\"],\"horizontalLines\":[4,\"horizontal-lines\"],\"striped\":[4],\"height\":[8],\"skeletonLoader\":[4,\"skeleton-loader\"],\"hover\":[4],\"perPageOptions\":[16,\"per-page-options\"],\"sortBy\":[32],\"sortDirection\":[32],\"internalSelected\":[32],\"allSelected\":[32]},null,{\"selected\":[\"watchSelected\"],\"items\":[\"watchItems\"]}],[6,\"xplor-expansion-panel\",{\"disabled\":[4],\"open\":[1028],\"panelId\":[32],\"contentHeight\":[32]}],[6,\"xplor-expansion-panels\",{\"value\":[1025],\"multiple\":[4],\"accordion\":[4],\"openPanels\":[32]},[[0,\"xplorPanelToggle\",\"handlePanelToggle\"]]],[2,\"xplor-file-upload\",{\"accepts\":[1],\"maxSize\":[2,\"max-size\"],\"multiple\":[4],\"disabled\":[4],\"showPreview\":[4,\"show-preview\"],\"label\":[1],\"files\":[32],\"isDragging\":[32],\"error\":[32]}],[6,\"xplor-inline-checkbox\",{\"checked\":[1028],\"value\":[8],\"color\":[1],\"disabled\":[4],\"indeterminate\":[4],\"label\":[1]}],[6,\"xplor-inline-switch\",{\"checked\":[1028],\"value\":[8],\"color\":[1],\"disabled\":[4],\"label\":[1]}],[2,\"xplor-input-file\",{\"label\":[1],\"placeholder\":[1],\"color\":[1],\"disabled\":[4],\"multiple\":[4],\"accept\":[1],\"maxChips\":[2,\"max-chips\"],\"counter\":[4],\"showSize\":[2,\"show-size\"],\"prependInnerIcon\":[1,\"prepend-inner-icon\"],\"selectedFiles\":[32]}],[6,\"xplor-input-search\",{\"value\":[1025],\"placeholder\":[1],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"density\":[1],\"isFocused\":[32]}],[2,\"xplor-input-select\",{\"ariaLabel\":[1,\"aria-label\"],\"value\":[1032],\"label\":[1],\"placeholder\":[1],\"options\":[16],\"multiple\":[4],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"readonly\":[4],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isOpen\":[32],\"isFocused\":[32],\"menuPosition\":[32],\"highlightedIndex\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[6,\"xplor-input-text\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"readonly\":[4],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isFocused\":[32]}],[2,\"xplor-input-text-area\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"readonly\":[4],\"clearable\":[4],\"rows\":[2],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isFocused\":[32]}],[6,\"xplor-input-text-secondary\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"bgColor\":[1,\"bg-color\"],\"disabled\":[4],\"readonly\":[4],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isDirty\":[4,\"is-dirty\"],\"isFocused\":[32]}],[2,\"xplor-input-title\",{\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"readonly\":[4],\"ariaLabel\":[1,\"aria-label\"]}],[1,\"xplor-links\",{\"brand\":[1],\"imageAlt\":[1,\"image-alt\"]}],[6,\"xplor-nav-tabs\",{\"value\":[1025],\"items\":[16],\"color\":[1],\"grow\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"xplor-radio-btn\",{\"label\":[1],\"value\":[1],\"name\":[1],\"initialChecked\":[4,\"initial-checked\"],\"disabled\":[4],\"error\":[4],\"checked\":[32],\"isHovered\":[32],\"isFocused\":[32],\"isPressed\":[32],\"deselect\":[64]},null,{\"initialChecked\":[\"watchCheckedProp\"]}],[6,\"xplor-section-card\",{\"outlined\":[4],\"rounded\":[4],\"padding\":[1]}],[6,\"xplor-section-heading\",{\"size\":[1],\"text\":[1],\"level\":[2]}],[1,\"xplor-table\",{\"columns\":[16],\"data\":[16],\"freeze\":[4],\"multiselect\":[4],\"striped\":[4],\"selectedValues\":[16,\"selected-values\"],\"isSortable\":[4,\"is-sortable\"],\"sortableColumns\":[16,\"sortable-columns\"],\"areAllSelected\":[32],\"rowData\":[32],\"hasScrolled\":[32],\"selected\":[32],\"sortTypeArray\":[32],\"selectedDateRange\":[32],\"currentPage\":[32],\"totalPages\":[32]},null,{\"data\":[\"watchData\"]}],[6,\"xplor-text-bubble\",{\"color\":[1]}],[6,\"xplor-text-field\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"color\":[1],\"variant\":[1],\"bgColor\":[1,\"bg-color\"],\"errorMessages\":[16,\"error-messages\"],\"hideDetails\":[8,\"hide-details\"],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"isDirty\":[4,\"is-dirty\"],\"clearable\":[4],\"customClass\":[1,\"custom-class\"],\"maxlength\":[2],\"min\":[2],\"max\":[2],\"isFocused\":[32],\"hasValue\":[32]},null,{\"value\":[\"handleValueChange\"]}],[2,\"xplor-time-picker\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"clearable\":[4],\"prefill\":[4],\"bgColor\":[1,\"bg-color\"],\"showSeconds\":[4,\"show-seconds\"],\"disabled\":[4],\"readonly\":[4],\"error\":[1],\"hideDetails\":[8,\"hide-details\"],\"required\":[4],\"isOpen\":[32],\"inputText\":[32],\"hours\":[32],\"minutes\":[32],\"seconds\":[32],\"period\":[32],\"lastGoodValue\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[1,\"xplor-avatar\",{\"color\":[1],\"disabled\":[4],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"target\":[1]}],[1,\"xplor-dropdown\",{\"options\":[16],\"selected\":[1],\"handleChange\":[16,\"handle-change\"]}],[2,\"xplor-inline-date-picker\",{\"selectedDate\":[1025,\"selected-date\"],\"min\":[1],\"max\":[1],\"readonly\":[4],\"color\":[1],\"startWeekOnSunday\":[4,\"start-week-on-sunday\"],\"currentYear\":[32],\"currentMonth\":[32],\"viewDate\":[32],\"focusedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[6,\"xplor-modal\",{\"open\":[1028],\"width\":[1],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"scrollable\":[4],\"persistent\":[4],\"loading\":[4],\"showTitle\":[4,\"show-title\"],\"ariaLabel\":[1,\"aria-label\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"]}],[6,\"xplor-tooltip\",{\"position\":[1],\"trigger\":[1],\"arrow\":[4],\"open\":[1028],\"content\":[1],\"disabled\":[4],\"tooltipStyle\":[32],\"arrowStyle\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[6,\"xplor-button\",{\"text\":[1],\"type\":[1],\"mode\":[1],\"size\":[1],\"styles\":[1],\"clickAction\":[16,\"click-action\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"iconPosition\":[1,\"icon-position\"],\"icon\":[1],\"iconSvg\":[1,\"icon-svg\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"xplor-alert-dialog_60.cjs\",[[6,\"xplor-btn-tooltip\",{\"text\":[1],\"tooltipText\":[1,\"tooltip-text\"],\"tooltipPosition\":[1,\"tooltip-position\"],\"type\":[1],\"mode\":[1],\"iconPosition\":[1,\"icon-position\"],\"disabled\":[4]}],[1,\"xplor-chat-widget\",{\"languageOptions\":[16,\"language-options\"],\"textId\":[1,\"text-id\"],\"apiKey\":[1,\"api-key\"],\"selectedLanguage\":[32],\"textValue\":[32]}],[6,\"xplor-avatar-and-name\",{\"name\":[1],\"src\":[1],\"size\":[1],\"color\":[1],\"status\":[1]}],[2,\"xplor-date-picker\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"monthType\":[1,\"month-type\"],\"display\":[1],\"dateFormat\":[1,\"date-format\"],\"min\":[1],\"max\":[1],\"readonly\":[4],\"disabled\":[4],\"clearable\":[4],\"closeOnSelect\":[4,\"close-on-select\"],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"startWeekOnSunday\":[4,\"start-week-on-sunday\"],\"error\":[1],\"hideDetails\":[8,\"hide-details\"],\"required\":[4],\"isOpen\":[32],\"inputText\":[32],\"dropdownPosition\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[2,\"xplor-drag-and-drop-input\",{\"disabled\":[4],\"accepts\":[1],\"label\":[1],\"browseLabel\":[1,\"browse-label\"],\"ariaLabel\":[1,\"aria-label\"],\"progress\":[2],\"dragover\":[32],\"currentFile\":[32],\"horizontal\":[32],\"clearCurrentFile\":[64]}],[2,\"xplor-input-send\",{\"placeholder\":[1],\"disabled\":[4],\"maxLength\":[2,\"max-length\"],\"value\":[1025],\"buttonText\":[1,\"button-text\"],\"buttonType\":[1,\"button-type\"],\"internalValue\":[32]}],[4,\"xplor-modal-persistent\",{\"open\":[4],\"width\":[1],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"loading\":[4]}],[6,\"xplor-alert-dialog\",{\"open\":[1028],\"width\":[1],\"persistent\":[4],\"ariaLabel\":[1,\"aria-label\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"]}],[6,\"xplor-alert-message\",{\"type\":[1],\"alertTitle\":[1,\"alert-title\"],\"dismissible\":[4]}],[2,\"xplor-assistant\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"userId\":[1,\"user-id\"],\"userEmail\":[1,\"user-email\"],\"userName\":[1,\"user-name\"],\"sessionId\":[1,\"session-id\"],\"quickReplies\":[16,\"quick-replies\"],\"placeholder\":[1],\"enableVoiceInput\":[4,\"enable-voice-input\"],\"enableTextToSpeech\":[4,\"enable-text-to-speech\"],\"autoSpeak\":[4,\"auto-speak\"],\"maxHeight\":[1,\"max-height\"],\"disabled\":[4],\"messages\":[32],\"internalSessionId\":[32],\"isLoading\":[32],\"isListening\":[32],\"isSpeaking\":[32],\"error\":[32],\"inputValue\":[32],\"hasVoiceSupport\":[32],\"hasTTSSupport\":[32],\"sendMessage\":[64],\"clearHistory\":[64],\"speak\":[64],\"stopSpeaking\":[64]},null,{\"sessionId\":[\"handleSessionIdChange\"]}],[2,\"xplor-autocomplete\",{\"items\":[16],\"value\":[1032],\"placeholder\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"clearable\":[4],\"multiple\":[4],\"minSearchLength\":[2,\"min-search-length\"],\"itemValue\":[1,\"item-value\"],\"itemText\":[1,\"item-text\"],\"menuMaxWidth\":[1,\"menu-max-width\"],\"renderItem\":[16,\"render-item\"],\"renderSelection\":[16,\"render-selection\"],\"isOpen\":[32],\"searchQuery\":[32],\"filteredItems\":[32],\"selectedItems\":[32],\"highlightedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[6,\"xplor-badge\",{\"backgroundColor\":[1,\"background-color\"],\"color\":[1],\"threshold\":[2],\"variant\":[1],\"size\":[1],\"datatable\":[4],\"text\":[1]}],[2,\"xplor-badge-active\"],[2,\"xplor-badge-archived\"],[2,\"xplor-badge-deleted\"],[2,\"xplor-badge-expired\"],[2,\"xplor-badge-inactive\"],[2,\"xplor-badge-recalled\"],[6,\"xplor-badge-session-booking\",{\"booking\":[16],\"item\":[16]}],[2,\"xplor-badge-upcoming\"],[2,\"xplor-badge-waitlist\"],[6,\"xplor-btn-back\",{\"color\":[1],\"minWidth\":[1,\"min-width\"],\"minHeight\":[1,\"min-height\"],\"gap\":[1],\"disabled\":[4]}],[2,\"xplor-btn-back-to-parent\",{\"size\":[1],\"inline\":[4],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"variant\":[1],\"ariaLabel\":[1,\"aria-label\"]}],[6,\"xplor-btn-icon\",{\"color\":[1],\"size\":[8],\"iconSize\":[8,\"icon-size\"],\"variant\":[1],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}],[6,\"xplor-btn-menu\",{\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"options\":[16],\"hiddenKeys\":[16,\"hidden-keys\"],\"disabledKeys\":[16,\"disabled-keys\"],\"color\":[1],\"density\":[1],\"show\":[32],\"focusedIndex\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[6,\"xplor-btn-toggle\",{\"active\":[1028],\"color\":[1],\"disabled\":[4],\"inactiveOutlined\":[4,\"inactive-outlined\"]}],[6,\"xplor-btn-toggle-group\",{\"multiple\":[4],\"density\":[1]}],[6,\"xplor-btn-toggle-secondary\",{\"active\":[1028],\"disabled\":[4],\"inactiveOutlined\":[4,\"inactive-outlined\"]}],[2,\"xplor-canvas-editor\",{\"width\":[2],\"height\":[2],\"tool\":[1],\"shapes\":[32],\"selectedId\":[32],\"activeTool\":[32],\"draftShape\":[32],\"clearAll\":[64],\"getShapes\":[64]}],[1,\"xplor-checkbox\",{\"initialChecked\":[4,\"initial-checked\"],\"initialIndeterminate\":[4,\"initial-indeterminate\"],\"disabled\":[4],\"error\":[4],\"label\":[1],\"checked\":[32],\"indeterminate\":[32],\"isHovered\":[32],\"isFocused\":[32],\"isPressed\":[32]},null,{\"initialChecked\":[\"watchCheckedProp\"],\"initialIndeterminate\":[\"watchIndeterminateProp\"]}],[2,\"xplor-combobox\",{\"items\":[16],\"value\":[1032],\"placeholder\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"clearable\":[4],\"multiple\":[4],\"allowCustom\":[4,\"allow-custom\"],\"createMessage\":[1,\"create-message\"],\"isOpen\":[32],\"searchQuery\":[32],\"filteredItems\":[32],\"selectedItems\":[32],\"highlightedIndex\":[32],\"customItems\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[1,\"xplor-datatable\",{\"headers\":[16],\"items\":[16],\"loading\":[4],\"pagination\":[16],\"selected\":[16],\"canSelect\":[4,\"can-select\"],\"horizontalLines\":[4,\"horizontal-lines\"],\"striped\":[4],\"height\":[8],\"skeletonLoader\":[4,\"skeleton-loader\"],\"hover\":[4],\"perPageOptions\":[16,\"per-page-options\"],\"sortBy\":[32],\"sortDirection\":[32],\"internalSelected\":[32],\"allSelected\":[32]},null,{\"selected\":[\"watchSelected\"],\"items\":[\"watchItems\"]}],[6,\"xplor-expansion-panel\",{\"disabled\":[4],\"open\":[1028],\"panelId\":[32],\"contentHeight\":[32]}],[6,\"xplor-expansion-panels\",{\"value\":[1025],\"multiple\":[4],\"accordion\":[4],\"openPanels\":[32]},[[0,\"xplorPanelToggle\",\"handlePanelToggle\"]]],[2,\"xplor-file-upload\",{\"accepts\":[1],\"maxSize\":[2,\"max-size\"],\"multiple\":[4],\"disabled\":[4],\"showPreview\":[4,\"show-preview\"],\"label\":[1],\"files\":[32],\"isDragging\":[32],\"error\":[32]}],[6,\"xplor-inline-checkbox\",{\"checked\":[1028],\"value\":[8],\"color\":[1],\"disabled\":[4],\"indeterminate\":[4],\"label\":[1]}],[6,\"xplor-inline-switch\",{\"checked\":[1028],\"value\":[8],\"color\":[1],\"disabled\":[4],\"label\":[1]}],[2,\"xplor-input-file\",{\"label\":[1],\"placeholder\":[1],\"color\":[1],\"disabled\":[4],\"multiple\":[4],\"accept\":[1],\"maxChips\":[2,\"max-chips\"],\"counter\":[4],\"showSize\":[2,\"show-size\"],\"prependInnerIcon\":[1,\"prepend-inner-icon\"],\"selectedFiles\":[32]}],[6,\"xplor-input-search\",{\"value\":[1025],\"placeholder\":[1],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"density\":[1],\"isFocused\":[32]}],[2,\"xplor-input-select\",{\"ariaLabel\":[1,\"aria-label\"],\"value\":[1032],\"label\":[1],\"placeholder\":[1],\"options\":[16],\"multiple\":[4],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"readonly\":[4],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isOpen\":[32],\"isFocused\":[32],\"menuPosition\":[32],\"highlightedIndex\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[6,\"xplor-input-text\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"readonly\":[4],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isFocused\":[32]}],[2,\"xplor-input-text-area\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"bgColor\":[1,\"bg-color\"],\"color\":[1],\"disabled\":[4],\"readonly\":[4],\"clearable\":[4],\"rows\":[2],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isFocused\":[32]}],[6,\"xplor-input-text-secondary\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"bgColor\":[1,\"bg-color\"],\"disabled\":[4],\"readonly\":[4],\"hideDetails\":[8,\"hide-details\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"required\":[4],\"isDirty\":[4,\"is-dirty\"],\"isFocused\":[32]}],[2,\"xplor-input-title\",{\"value\":[1025],\"placeholder\":[1],\"disabled\":[4],\"readonly\":[4],\"ariaLabel\":[1,\"aria-label\"]}],[1,\"xplor-links\",{\"brand\":[1],\"imageAlt\":[1,\"image-alt\"]}],[6,\"xplor-nav-tabs\",{\"value\":[1025],\"items\":[16],\"color\":[1],\"grow\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"xplor-radio-btn\",{\"label\":[1],\"value\":[1],\"name\":[1],\"initialChecked\":[4,\"initial-checked\"],\"disabled\":[4],\"error\":[4],\"checked\":[32],\"isHovered\":[32],\"isFocused\":[32],\"isPressed\":[32],\"deselect\":[64]},null,{\"initialChecked\":[\"watchCheckedProp\"]}],[2,\"xplor-rich-text-editor\",{\"value\":[1025],\"legacySlateDocument\":[1,\"legacy-slate-document\"],\"placeholder\":[1],\"label\":[1],\"required\":[4],\"readonly\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"ariaLabelledBy\":[1,\"aria-labelled-by\"],\"toolbar\":[1],\"maxLength\":[2,\"max-length\"],\"error\":[1],\"helperText\":[1,\"helper-text\"],\"editorVersion\":[32],\"isFocused\":[32],\"showLinkPopover\":[32],\"linkUrl\":[32],\"charCount\":[32],\"getHTMLContent\":[64],\"getText\":[64],\"setContent\":[64],\"clearContent\":[64],\"focusEditor\":[64]},null,{\"value\":[\"handleValueChange\"],\"readonly\":[\"handleReadonlyChange\"],\"disabled\":[\"handleDisabledChange\"],\"legacySlateDocument\":[\"handleLegacyDocChange\"]}],[6,\"xplor-section-card\",{\"outlined\":[4],\"rounded\":[4],\"padding\":[1]}],[6,\"xplor-section-heading\",{\"size\":[1],\"text\":[1],\"level\":[2]}],[1,\"xplor-table\",{\"columns\":[16],\"data\":[16],\"freeze\":[4],\"multiselect\":[4],\"striped\":[4],\"selectedValues\":[16,\"selected-values\"],\"isSortable\":[4,\"is-sortable\"],\"sortableColumns\":[16,\"sortable-columns\"],\"areAllSelected\":[32],\"rowData\":[32],\"hasScrolled\":[32],\"selected\":[32],\"sortTypeArray\":[32],\"selectedDateRange\":[32],\"currentPage\":[32],\"totalPages\":[32]},null,{\"data\":[\"watchData\"]}],[6,\"xplor-text-bubble\",{\"color\":[1]}],[6,\"xplor-text-field\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"type\":[1],\"color\":[1],\"variant\":[1],\"bgColor\":[1,\"bg-color\"],\"errorMessages\":[16,\"error-messages\"],\"hideDetails\":[8,\"hide-details\"],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"isDirty\":[4,\"is-dirty\"],\"clearable\":[4],\"customClass\":[1,\"custom-class\"],\"maxlength\":[2],\"min\":[2],\"max\":[2],\"isFocused\":[32],\"hasValue\":[32]},null,{\"value\":[\"handleValueChange\"]}],[2,\"xplor-time-picker\",{\"value\":[1025],\"label\":[1],\"placeholder\":[1],\"clearable\":[4],\"prefill\":[4],\"bgColor\":[1,\"bg-color\"],\"showSeconds\":[4,\"show-seconds\"],\"disabled\":[4],\"readonly\":[4],\"error\":[1],\"hideDetails\":[8,\"hide-details\"],\"required\":[4],\"isOpen\":[32],\"inputText\":[32],\"hours\":[32],\"minutes\":[32],\"seconds\":[32],\"period\":[32],\"lastGoodValue\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[1,\"xplor-avatar\",{\"color\":[1],\"disabled\":[4],\"href\":[1],\"name\":[1],\"size\":[1],\"src\":[1],\"status\":[1],\"target\":[1]}],[1,\"xplor-dropdown\",{\"options\":[16],\"selected\":[1],\"handleChange\":[16,\"handle-change\"]}],[2,\"xplor-inline-date-picker\",{\"selectedDate\":[1025,\"selected-date\"],\"min\":[1],\"max\":[1],\"readonly\":[4],\"color\":[1],\"startWeekOnSunday\":[4,\"start-week-on-sunday\"],\"currentYear\":[32],\"currentMonth\":[32],\"viewDate\":[32],\"focusedDay\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[6,\"xplor-modal\",{\"open\":[1028],\"width\":[1],\"maxWidth\":[1,\"max-width\"],\"maxHeight\":[1,\"max-height\"],\"scrollable\":[4],\"persistent\":[4],\"loading\":[4],\"showTitle\":[4,\"show-title\"],\"ariaLabel\":[1,\"aria-label\"]},[[0,\"keydown\",\"handleKeyDown\"]],{\"open\":[\"handleOpenChange\"]}],[6,\"xplor-tooltip\",{\"position\":[1],\"trigger\":[1],\"arrow\":[4],\"open\":[1028],\"content\":[1],\"disabled\":[4],\"tooltipStyle\":[32],\"arrowStyle\":[32]},[[4,\"click\",\"handleDocumentClick\"]]],[6,\"xplor-button\",{\"text\":[1],\"type\":[1],\"mode\":[1],\"size\":[1],\"styles\":[1],\"clickAction\":[16,\"click-action\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"fullWidth\":[516,\"full-width\"],\"iconPosition\":[1,\"icon-position\"],\"icon\":[1],\"iconSvg\":[1,\"icon-svg\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -3,11 +3,13 @@
     "components/xplor-autocomplete/xplor-autocomplete.js",
     "components/xplor-badge-session-booking/xplor-badge-session-booking.js",
     "components/xplor-btn-menu/xplor-btn-menu.js",
+    "components/xplor-canvas-editor/xplor-canvas-editor.js",
     "components/xplor-combobox/xplor-combobox.js",
     "components/xplor-datatable/xplor-datatable.js",
     "components/xplor-file-upload/xplor-file-upload.js",
     "components/xplor-input-select/xplor-input-select.js",
     "components/xplor-nav-tabs/xplor-nav-tabs.js",
+    "components/xplor-rich-text-editor/xplor-rich-text-editor.js",
     "components/xplor-tooltip/xplor-tooltip.js",
     "components/xplor-alert-dialog/xplor-alert-dialog.js",
     "components/xplor-alert-message/xplor-alert-message.js",

package/dist/collection/components/xplor-alert-message/xplor-alert-message.js

@@ -8,10 +8,10 @@ export class XplorAlertMessage {
         };
     }
     render() {
-        return (h(Host, { key: '9b7353e68d89701b3fdb4dcd5fb5e6c886b08d8b' }, h("div", { key: '335c16829ae65019c3c7d32a9e7dd3a3ef13c1ae', class: {
+        return (h(Host, { key: 'e5ad4fa2fd9fbdc47cfbfd73fb73b1db28a315e0' }, h("div", { key: 'ffd54ee02b5f4374fded564e8d22e766c4d38298', class: {
                 'alert-message': true,
                 [`alert-message--${this.type}`]: true,
-            }, role: "alert" }, h("div", { key: '08feddcdf81a93b0aaa907688923d3b943fcc7ed', class: "alert-message__content" }, this.alertTitle && (h("div", { key: 'a994f5d65e9112cae41bf3379f4454e986d62e00', class: "alert-message__title" }, h("slot", { key: 'b4cd15b229b6e5539c29c929dfa804b7da537030', name: "title" }, this.alertTitle))), h("div", { key: 'ef6135360584c77ad418f46022ed8600c5786c2a', class: "alert-message__body" }, h("slot", { key: '36d800fb3ebdfad5c2bf602212410381210db99b' })), h("div", { key: '79d1d65fc21759299f17d42523839c0d733b2098', class: "alert-message__actions" }, h("slot", { key: 'f4cc482a2392656d0bc385c0d3cafe23285f32e8', name: "actions" }))), this.dismissible && (h("button", { key: '37656219e43ce25d72e7afa66a1fc1a2e9f22002', class: "alert-message__dismiss", onClick: this.handleDismiss, "aria-label": "Dismiss alert", type: "button" }, "\u00D7")))));
+            }, role: "alert" }, h("div", { key: '343c0a7b2fc0850a8a198006623587a2b51222aa', class: "alert-message__content" }, this.alertTitle && (h("div", { key: 'e832315711af527990f7818b3a125fd451a9bbac', class: "alert-message__title" }, h("slot", { key: 'bec62d27a75cea441df1440d899b3cbdbb336677', name: "title" }, this.alertTitle))), h("div", { key: '862ff923e142cf0a19e4d94b2c0f83d4b2880dbf', class: "alert-message__body" }, h("slot", { key: '29ddafe2ffe87eab3434f65226e352ecb26d4bcb' })), h("div", { key: '8f4057d4c6c2baea6e2962f52e5a242f0c23e759', class: "alert-message__actions" }, h("slot", { key: '937e8089b98ee78738b770ba74b3867f979c2f8d', name: "actions" }))), this.dismissible && (h("button", { key: '5f4999ac21586b31c0c44320464e40a63eab98ab', class: "alert-message__dismiss", onClick: this.handleDismiss, "aria-label": "Dismiss alert", type: "button" }, "\u00D7")))));
     }
     static get is() { return "xplor-alert-message"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-avatar/xplor-avatar.js

@@ -10,8 +10,8 @@ export class XplorAvatar {
             className += ` xpl-avatar--${this.size}`;
         if (this.color)
             className += ` xpl-avatar--${this.color}`;
-        const inner = (h("div", { key: '2e2722f2649108b7fdc3fd51375e17ac47e6f1ff' }, this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" }, h("slot", null))), this.status && h("div", { key: '26fa57a9a697a110ef73434376715eda0e5134a5', class: `xpl-avatar__dot--${this.status}`, "aria-label": `Status: ${this.status}`, role: "img" })));
-        return (h(Host, { key: '9c99cec20679f0d10fbcf9dffc70877c0dc879f9' }, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: className + ' xpl-avatar--disabled' }, inner)) : (h("div", { class: className }, inner))));
+        const inner = (h("div", { key: '525379beeb0274318733a9369cd21e2cbb4c29d5' }, this.src ? (h("img", { alt: this.name, src: this.src })) : (h("div", { class: "xpl-avatar__placeholder" }, h("slot", null))), this.status && h("div", { key: '13a67637105ff7bfc277dea7bf5db54b418e3925', class: `xpl-avatar__dot--${this.status}`, "aria-label": `Status: ${this.status}`, role: "img" })));
+        return (h(Host, { key: '3f9ba8949f576d96bd14c8a1387124af752f63b9' }, this.href && !this.disabled ? (h("a", { href: this.href, class: className, target: this.target }, inner)) : this.href && this.disabled ? (h("div", { class: className + ' xpl-avatar--disabled' }, inner)) : (h("div", { class: className }, inner))));
     }
     static get is() { return "xplor-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/xplor-avatar-and-name/xplor-avatar-and-name.js

@@ -4,7 +4,7 @@ export class XplorAvatarAndName {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: 'adf60fff779f4cc4bf31c20468c6372c6cef675b' }, h("div", { key: '1c94683794ed122c7c1456e4abf7ae60f6458dd0', class: "avatar-and-name" }, h("xplor-avatar", { key: 'f37593d3b66ea539fefebadc9ff8e1657bd4a645', name: this.name, src: this.src, size: this.size, color: this.color, status: this.status }, !this.src && this.name && this.name.charAt(0).toUpperCase()), h("span", { key: '663d209d1a1fd4cf70198f1b4a08d71263b201d5', class: "avatar-and-name__text" }, h("slot", { key: '611eb31cc972f67f1a9d184eb844b4c2134f0f9f' }, this.name)))));
+        return (h(Host, { key: '3cecf9b9082d00a08f658b095b22b73b89c049ab' }, h("div", { key: '45d7af0d4244bb5757e90eb5a5c18480ae183ff3', class: "avatar-and-name" }, h("xplor-avatar", { key: 'd707f7729ecad111af15023198a6c0f88fcb7615', name: this.name, src: this.src, size: this.size, color: this.color, status: this.status }, !this.src && this.name && this.name.charAt(0).toUpperCase()), h("span", { key: '7226b976cd3976cd97be2bc62ba15176496b479d', class: "avatar-and-name__text" }, h("slot", { key: '521c6002cc282c3909f14b96f74cb7425be5fa8b' }, this.name)))));
     }
     static get is() { return "xplor-avatar-and-name"; }
     static get encapsulation() { return "scoped"; }

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

@@ -111,7 +111,7 @@ export class XplorBadge {
         };
     }
     render() {
-        return (h(Host, { key: '4f0691b5233e85340519a7ead5f3f3508c35c307' }, h("span", { key: '1588d8d3a85def71d7e5b5f5883d36ca5a232141', class: this.computedClasses, style: this.cssVars }, h("slot", { key: '571aa32299b77b94351ef8a1b66e071fa318c2e5' }, this.text))));
+        return (h(Host, { key: '4aadb0c86d68133c04ad829d14095aa5c9dba36e' }, h("span", { key: 'f0f4b465265cf55da555ad25d2ea478e7e8d75c0', class: this.computedClasses, style: this.cssVars }, h("slot", { key: '3d6c7ab9d5b383b716c38adebf179d4a9d29ee82' }, this.text))));
     }
     static get is() { return "xplor-badge"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-active/xplor-badge-active.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeActive {
     render() {
-        return (h(Host, { key: '821006a66a77dcb1380c039c7f5932accb290e30' }, h("span", { key: '48942c3389b30d05660061e82ef9461842c38ea8', class: "xplor-badge-active" }, "Active")));
+        return (h(Host, { key: '41f14585e6efaff93c9ba04a32db266222ea6b40' }, h("span", { key: 'a051889e2b74c3503e12d2045704f81bd8876e8c', class: "xplor-badge-active" }, "Active")));
     }
     static get is() { return "xplor-badge-active"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-archived/xplor-badge-archived.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeArchived {
     render() {
-        return (h(Host, { key: '599e09f32f830d73850b5ec237839da8a7121c80' }, h("span", { key: '844fd6e6bc86467cfe4be78922462d7a8da3a3ce', class: "xplor-badge-archived" }, "Archived")));
+        return (h(Host, { key: 'e898977f5a87755f614e9cec94885c1eb33f7f47' }, h("span", { key: 'c0db6423521d172f81f4d8de731dbfb5caf95917', class: "xplor-badge-archived" }, "Archived")));
     }
     static get is() { return "xplor-badge-archived"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-deleted/xplor-badge-deleted.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeDeleted {
     render() {
-        return (h(Host, { key: 'df3f8b3c1375d524ab3d43973744d60c2abfaac5' }, h("span", { key: '61801350159e59fe22fd75ebe81d0c6601df3de7', class: "xplor-badge-deleted" }, "Deleted")));
+        return (h(Host, { key: '07d61ee7c210ada3c3eaf2b0c0c91bb6747d39e6' }, h("span", { key: '1535e3498d7e7b1d12438b835cb3da2efec112ff', class: "xplor-badge-deleted" }, "Deleted")));
     }
     static get is() { return "xplor-badge-deleted"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-expired/xplor-badge-expired.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeExpired {
     render() {
-        return (h(Host, { key: 'fed692675532969ab1353a505743baf529ee8267' }, h("span", { key: '780c2bf72f1b4d0f6dc2057ac1b4fc2c29e9b479', class: "xplor-badge-expired" }, "Expired")));
+        return (h(Host, { key: '28da2eebab84d7cb5ce6aa010d102c6b45b607d9' }, h("span", { key: '879d02cf4052f13e3e5324be091bea5fa0849300', class: "xplor-badge-expired" }, "Expired")));
     }
     static get is() { return "xplor-badge-expired"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-inactive/xplor-badge-inactive.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeInactive {
     render() {
-        return (h(Host, { key: '91648179b68ae6aa6db61292bf53b27761b7e00a' }, h("span", { key: '08eab77d253bf84f767f78e0ee147147d7b999ef', class: "xplor-badge-inactive" }, "Inactive")));
+        return (h(Host, { key: 'f87a4a1d082c17102c5192ca1c064d636b13d803' }, h("span", { key: '75aa909657eedd5b91d90cf0b71a59215e13b2c8', class: "xplor-badge-inactive" }, "Inactive")));
     }
     static get is() { return "xplor-badge-inactive"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-recalled/xplor-badge-recalled.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeRecalled {
     render() {
-        return (h(Host, { key: '9233d1e70a44d0b058b44f42afab990f4bdb851d' }, h("span", { key: 'be98dcedb815e3df2c68c94ba21b7084f55523a7', class: "xplor-badge-recalled" }, "Recalled")));
+        return (h(Host, { key: 'bf0879b3e61b3f732345c974185809bd78a57063' }, h("span", { key: 'f4cdf5ef2b1bf4910f0bbfc1bbefdee98ae09575', class: "xplor-badge-recalled" }, "Recalled")));
     }
     static get is() { return "xplor-badge-recalled"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-upcoming/xplor-badge-upcoming.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeUpcoming {
     render() {
-        return (h(Host, { key: '51078127992721291d5b557148239d657b050ad4' }, h("span", { key: 'cd95ea48dad3fb544df80a70318da7671b8700be', class: "xplor-badge-upcoming" }, "Upcoming")));
+        return (h(Host, { key: 'e670e6d49428aae18b3a0f97c39a10745cb5a039' }, h("span", { key: 'dfbd77ac03b9b4779758963e62504450040243b4', class: "xplor-badge-upcoming" }, "Upcoming")));
     }
     static get is() { return "xplor-badge-upcoming"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-badge-waitlist/xplor-badge-waitlist.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class XplorBadgeWaitlist {
     render() {
-        return (h(Host, { key: '918d4113efa7e206ba15af2ccacdf11950640aaf' }, h("span", { key: '697713efbf0a9b86a6af4e7bf102f07a7ad2dd48', class: "xplor-badge-waitlist" }, "Waitlist")));
+        return (h(Host, { key: '150ff857e845f012a1fb6f8d04cf519b0e18c1dd' }, h("span", { key: '00ef3af174c37039b23603a9d47fd7e30cf497b3', class: "xplor-badge-waitlist" }, "Waitlist")));
     }
     static get is() { return "xplor-badge-waitlist"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-btn-back/xplor-btn-back.js

@@ -37,7 +37,7 @@ export class XplorBtnBack {
             '--min-height': this.minHeight,
             '--gap': this.gap,
         };
-        return (h(Host, { key: '1fa9f6b770f01f2a384591293831a2fecb15b593' }, h("button", { key: '3d201c9b3ccb3176401b1c671237825231c78d39', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick }, h("span", { key: '2e92390e29ad2f0e9c5144f802d66544bd1f00c4', class: "xplor-btn-back__icon" }, "\u2039"), h("span", { key: 'e663a5e163007a0fc82162b6d9a2a8018cab8a76', class: "xplor-btn-back__text" }, h("slot", { key: '4bcd417f211ec014b8c861d309bf709048e34c8d' }, "Back")))));
+        return (h(Host, { key: '11a49ee4557580e42bf35430829f95d4744c23c3' }, h("button", { key: '52a8657c87b146ef5ecb0adf0388132a5bb2bf93', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick }, h("span", { key: '6c399ed83f9779a3b0f2e2162b0e05e186f2ba1b', class: "xplor-btn-back__icon" }, "\u2039"), h("span", { key: '05bc6d2cbbef85d33b6ed4225aa4fc45dc4cbe0f', class: "xplor-btn-back__text" }, h("slot", { key: '61800e333b89fb55fe4fe638ce055870fce0e4fd' }, "Back")))));
     }
     static get is() { return "xplor-btn-back"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-btn-back-to-parent/xplor-btn-back-to-parent.js

@@ -37,7 +37,7 @@ export class XplorBtnBackToParent {
         const buttonStyles = {
             '--btn-size': this.size,
         };
-        return (h(Host, { key: '0962b04ae634f044dd3e7c1eacf42b7d2c8e0f1e' }, h("button", { key: '82cb8fa3218a17784a0ab360d328b68f2c0e6e81', class: buttonClasses, style: buttonStyles, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '784853baa5b013fc85a07054e446e6166eab7068', class: "xplor-btn-back-to-parent__icon" }, "\u2715"))));
+        return (h(Host, { key: '3423fa1064a5527c1313e5e74f01093fbfdf9a5c' }, h("button", { key: '362161229ce57836bb0bdcd3d6ce671669208d70', class: buttonClasses, style: buttonStyles, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '223cc632ce76b936f6129e39a1602123c89e4fc1', class: "xplor-btn-back-to-parent__icon" }, "\u2715"))));
     }
     static get is() { return "xplor-btn-back-to-parent"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-btn-icon/xplor-btn-icon.js

@@ -38,7 +38,7 @@ export class XplorBtnIcon {
             '--btn-size': typeof this.size === 'number' ? `${this.size}px` : this.size,
             '--icon-size': typeof this.iconSize === 'number' ? `${this.iconSize}px` : this.iconSize,
         };
-        return (h(Host, { key: '9d87aab5e3af33201c71dffeab51a5a02cc61e98' }, h("button", { key: 'c30b8c4aa51a957c84e7fff3d72e01961dec911c', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '99773527f599523638ce8463fe308826f01202cf', class: "xplor-btn-icon__content" }, h("slot", { key: '14e1356bcecd1d2b8768cddbaf257f49bf92e5a7' })))));
+        return (h(Host, { key: 'd4312cd0ef1b871a49fc252fdc913c3a089a2d33' }, h("button", { key: '5b9b112c5b1c70ea82c6c615c24403ce514753a0', class: buttonClasses, style: buttonStyles, disabled: this.disabled, onClick: this.handleClick, "aria-label": this.ariaLabel }, h("span", { key: '1736857fad944996c0ad380189edbf5e30c013f0', class: "xplor-btn-icon__content" }, h("slot", { key: '8bd0e864ae2469dfa4fe48c2bd4215a38f8db182' })))));
     }
     static get is() { return "xplor-btn-icon"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-btn-toggle/xplor-btn-toggle.js

@@ -31,7 +31,7 @@ export class XplorBtnToggle {
             'xplor-btn-toggle--disabled': this.disabled,
             'xplor-btn-toggle--inactive-outlined': this.inactiveOutlined && !this.active,
         };
-        return (h(Host, { key: '9434059f3e934707d2be2dbabe539ef6f06dbf66' }, h("button", { key: 'bbdc0032e4eb79951d06fb47e19ab76a842f0c46', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: 'c5944a5ce768ca5f1cafa5f33dcf72145c94b189' }))));
+        return (h(Host, { key: '0df89df461cff00e400c8519d01355e02944a09b' }, h("button", { key: '3b3ae840b9724bc999729e0596166c6247319d3d', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: '468875beb8d19c779c6c1f29b016e4d870f8c563' }))));
     }
     static get is() { return "xplor-btn-toggle"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-btn-toggle-group/xplor-btn-toggle-group.js

@@ -11,7 +11,7 @@ export class XplorBtnToggleGroup {
         this.density = 'default';
     }
     render() {
-        return (h(Host, { key: '587016261064869ff2b10cf04371963f57642221' }, h("div", { key: 'ee8813207ade2261011e699ce12010135a6d640b', class: "xplor-btn-toggle-group", role: "group" }, h("slot", { key: '3b4d82938d310ac8864a02425d97b822ba4b1d9d' }))));
+        return (h(Host, { key: '9f4c71cf767b466ed9116c30d3befde6d794122d' }, h("div", { key: '8004544207dce87f5eebbb56fa2829a17adcb5e6', class: "xplor-btn-toggle-group", role: "group" }, h("slot", { key: '3aa75d08de1bc105295b5204273c34697b46ef87' }))));
     }
     static get is() { return "xplor-btn-toggle-group"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-btn-toggle-secondary/xplor-btn-toggle-secondary.js

@@ -27,7 +27,7 @@ export class XplorBtnToggleSecondary {
             'xplor-btn-toggle-secondary--disabled': this.disabled,
             'xplor-btn-toggle-secondary--inactive-outlined': this.inactiveOutlined && !this.active,
         };
-        return (h(Host, { key: 'e82338d3bdbd2af08df290ee79359acb9e61dfae' }, h("button", { key: '137cf53e7b48676e86e3ed12a575e94792eab35c', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: 'bfacf098eb4692bc56faf88a4444b1c2213d3a3b' }))));
+        return (h(Host, { key: '52551538bd39aedb16ab80e6f7e82d922128df31' }, h("button", { key: '8d527b973bef5aebaf437cd962421572e0005c11', class: buttonClasses, disabled: this.disabled, onClick: this.handleClick, "aria-pressed": this.active ? 'true' : 'false' }, h("slot", { key: '1f8da5c88d120cd82b0e91a40fa76f6f5aaa006b' }))));
     }
     static get is() { return "xplor-btn-toggle-secondary"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-btn-tooltip/xplor-btn-tooltip.js

@@ -6,7 +6,7 @@ export class XplorBtnTooltip {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '252d295aa8fa8f6f404727baef30d00dbcac17b8' }, h("xplor-tooltip", { key: 'cba71a8dd339f47b16f4a161a341895ca70e22b0', position: this.tooltipPosition, content: this.tooltipText, trigger: "hover", arrow: true, disabled: this.disabled }, h("xplor-button", { key: '31c167ffa852074e94a2cac255ab10b86ad041ef', slot: "trigger", text: this.text, type: this.type, mode: this.mode, "icon-position": this.iconPosition }, h("slot", { key: 'aef011d1873e4f81237f88d651f5bfb7c0fb2569' })))));
+        return (h(Host, { key: '6d43dae5717d346c8a9ffa210f79bd9d74d8d6a9' }, h("xplor-tooltip", { key: 'a5dd7d12066e3fb08334463cc7410d5cdde5158b', position: this.tooltipPosition, content: this.tooltipText, trigger: "hover", arrow: true, disabled: this.disabled }, h("xplor-button", { key: '83e0ac08cfafeeadd25c23e682af15faa2cc81de', slot: "trigger", text: this.text, type: this.type, mode: this.mode, "icon-position": this.iconPosition }, h("slot", { key: 'e994ce16062426a41f67d92dfb0be8f54acceff1' })))));
     }
     static get is() { return "xplor-btn-tooltip"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/xplor-button/xplor-button.css

@@ -1050,6 +1050,14 @@ ul.mdc-list li.mdc-list-item {
   display: block;
 }
 
+:host(.x-button--full-width) {
+  width: 100%;
+}
+
+.x-button--full-width {
+  width: 100%;
+}
+
 .x-button {
   display: -webkit-box;
   display: -webkit-flex;
@@ -1139,9 +1147,6 @@ ul.mdc-list li.mdc-list-item {
 .x-button.x-button--icon-end {
   flex-direction: row;
 }
-.x-button.shadow {
-  box-shadow: 0px 2.30969px 4.25707px rgba(20, 20, 21, 0.28), 0px 6.38599px 11.7703px rgba(20, 20, 21, 0.0521271), 0px 15.375px 28.3382px rgba(20, 20, 21, 0.04), 0px 32px 94px rgba(20, 20, 21, 0.0278729);
-}
 .x-button.primary {
   background-color: var(--color-primary);
   border-color: var(--color-primary);

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

@@ -5,6 +5,8 @@ export class XplorButton {
         this.mode = 'pg'; // 'dark', 'pg', 'office' (default: 'dark')
         /** Whether the button is disabled */
         this.disabled = false;
+        /** Whether the button stretches to full width of its container */
+        this.fullWidth = false;
         /**
          * Icon to display (defaults to plus sign)
          */
@@ -19,7 +21,7 @@ export class XplorButton {
     render() {
         const isIconOnly = !this.text && this.iconPosition !== null;
         const hasIcon = this.iconPosition !== null;
-        return (h(Host, { key: '193c8139b43bdbaf108bf09d220b20d746f72cd7' }, h("slot", { key: '61b731d8173a15bcd76fbbf16f0d1d97cbab6e34' }, h("button", { key: '04486cbf547798161e7756a5999898bc46b298b5', role: "button", class: Object.assign({ 'x-button': true, [this.type]: true, 'shadow': this.type !== 'minimal' && this.type !== 'text', 'x-button--icon-only': isIconOnly, 'x-button--with-icon': hasIcon && !isIconOnly, 'x-button--icon-start': this.iconPosition === 'start' && !isIconOnly, 'x-button--icon-end': this.iconPosition === 'end' && !isIconOnly }, (this.styles ? { [this.styles]: true } : {})), onClick: () => this.clickAction && this.clickAction(), "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled }, hasIcon && this.iconPosition === 'start' && this.renderIcon(), this.text && h("span", { key: '07e204d356d830444e1b26979be6f1f3926ba551', class: "button-text" }, this.text), hasIcon && this.iconPosition === 'end' && this.renderIcon()))));
+        return (h(Host, { key: '1c9b3ba3ef28cd3b721c2937ca76611543a369ea', class: { 'x-button--full-width': this.fullWidth } }, h("slot", { key: '38c8486396e069e779e2e350cbb659dec845b5c8' }, h("button", { key: '851684c2e881bb3b85eb4f6a1a1ba1d0f474afbb', role: "button", class: Object.assign({ 'x-button': true, [this.type]: true, 'x-button--full-width': this.fullWidth, 'x-button--icon-only': isIconOnly, 'x-button--with-icon': hasIcon && !isIconOnly, 'x-button--icon-start': this.iconPosition === 'start' && !isIconOnly, 'x-button--icon-end': this.iconPosition === 'end' && !isIconOnly }, (this.styles ? { [this.styles]: true } : {})), onClick: () => this.clickAction && this.clickAction(), "aria-label": this.ariaLabel, "aria-disabled": this.disabled ? 'true' : null, disabled: this.disabled }, hasIcon && this.iconPosition === 'start' && this.renderIcon(), this.text && h("span", { key: 'c99e5f351e5c3b1cd030bf3a253f648229795827', class: "button-text" }, this.text), hasIcon && this.iconPosition === 'end' && this.renderIcon()))));
     }
     static get is() { return "xplor-button"; }
     static get encapsulation() { return "scoped"; }
@@ -189,6 +191,26 @@ export class XplorButton {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "fullWidth": {
+                "type": "boolean",
+                "attribute": "full-width",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the button stretches to full width of its container"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "iconPosition": {
                 "type": "string",
                 "attribute": "icon-position",

package/dist/collection/components/xplor-button/xplor-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"xplor-button.js","sourceRoot":"","sources":["../../../src/components/xplor-button/xplor-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAezD,MAAM,OAAO,WAAW;IAbxB;QAeU,SAAI,GAAoF,WAAW,CAAC;QACpG,SAAI,GAA8B,IAAI,CAAC,CAAC,2CAA2C;QAQ3F,qCAAqC;QAC7B,aAAQ,GAAY,KAAK,CAAC;QAOlC;;WAEG;QACK,SAAI,GAAW,GAAG,CAAC;KAgD5B;IA7CS,UAAU;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO,CACL,YAAM,KAAK,EAAC,+BAA+B,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,GAAS,CAC7E,CAAC;QACJ,CAAC;QACD,OAAO,CACL,YAAM,KAAK,EAAC,aAAa,IACtB,IAAI,CAAC,IAAI,CACL,CACR,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;QAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;QAE3C,OAAO,CACL,EAAC,IAAI;YACH;gBACE,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,kBACH,UAAU,EAAE,IAAI,EAChB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EACjB,QAAQ,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EACzD,qBAAqB,EAAE,UAAU,EACjC,qBAAqB,EAAE,OAAO,IAAI,CAAC,UAAU,EAC7C,sBAAsB,EAAE,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,CAAC,UAAU,EACpE,oBAAoB,EAAE,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,CAAC,UAAU,IAC7D,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAEjD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,EAAE,gBACzC,IAAI,CAAC,SAAS,mBACX,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBAEtB,OAAO,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC7D,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ;oBACzD,OAAO,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,CACrD,CACJ,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-button',\n  styleUrl: 'xplor-button.scss',\n  // we cant use multiple styleUrls because the mode property is not reactive only in stencilJS and once the component is rendered it wont change the css file\n  // so we are using only one styleUrl and changing the styles based on the mode property in the class\n  // styleUrls: {\n  //   default: 'xplor-button.scss',\n  //   dark: 'xplor-button-pg.scss',\n  //   pg: 'xplor-button-pg.scss',\n  //   office: 'xplor-button-office.scss',\n  // },\n  scoped: true,\n})\nexport class XplorButton {\n  @Prop() text: string;\n  @Prop() type: 'minimal' | 'primary' | 'secondary' | 'ghost' | 'disabled' | 'success' | 'text' = 'secondary';\n  @Prop() mode?: 'dark' | 'pg' | 'office' = 'pg'; // 'dark', 'pg', 'office' (default: 'dark')\n  @Prop() size?: string; // 'small', 'medium', 'large' (default:'medium')\n  @Prop() styles?: string;\n  @Prop() clickAction: () => void;\n\n  /** Accessible label for icon-only buttons */\n  @Prop() ariaLabel: string;\n\n  /** Whether the button is disabled */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Icon position: 'start' | 'end' | null\n   */\n  @Prop() iconPosition: 'start' | 'end' | null;\n\n  /**\n   * Icon to display (defaults to plus sign)\n   */\n  @Prop() icon: string = '+';\n  @Prop() iconSvg?: string;\n\n  private renderIcon() {\n    if (this.icon === 'svg' && this.iconSvg) {\n      return (\n        <span class=\"button-icon button-icon--svg \" innerHTML={this.iconSvg}></span>\n      );\n    }\n    return (\n      <span class=\"button-icon\">\n        {this.icon}\n      </span>\n    );\n  }\n\n  render() {\n    const isIconOnly = !this.text && this.iconPosition !== null;\n    const hasIcon = this.iconPosition !== null;\n\n    return (\n      <Host>\n        <slot>\n          <button\n            role=\"button\"\n            class={{\n              'x-button': true,\n              [this.type]: true,\n              'shadow': this.type !== 'minimal' && this.type !== 'text',\n              'x-button--icon-only': isIconOnly,\n              'x-button--with-icon': hasIcon && !isIconOnly,\n              'x-button--icon-start': this.iconPosition === 'start' && !isIconOnly,\n              'x-button--icon-end': this.iconPosition === 'end' && !isIconOnly,\n              ...(this.styles ? { [this.styles]: true } : {}),\n            }}\n            onClick={() => this.clickAction && this.clickAction()}\n            aria-label={this.ariaLabel}\n            aria-disabled={this.disabled ? 'true' : null}\n            disabled={this.disabled}\n          >\n            {hasIcon && this.iconPosition === 'start' && this.renderIcon()}\n            {this.text && <span class=\"button-text\">{this.text}</span>}\n            {hasIcon && this.iconPosition === 'end' && this.renderIcon()}\n          </button>\n        </slot>\n      </Host>\n    );\n  }\n}"]}
+{"version":3,"file":"xplor-button.js","sourceRoot":"","sources":["../../../src/components/xplor-button/xplor-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAezD,MAAM,OAAO,WAAW;IAbxB;QAeU,SAAI,GAAoF,WAAW,CAAC;QACpG,SAAI,GAA8B,IAAI,CAAC,CAAC,2CAA2C;QAQ3F,qCAAqC;QAC7B,aAAQ,GAAY,KAAK,CAAC;QAElC,kEAAkE;QACzC,cAAS,GAAY,KAAK,CAAC;QAOpD;;WAEG;QACK,SAAI,GAAW,GAAG,CAAC;KAgD5B;IA7CS,UAAU;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACxC,OAAO,CACL,YAAM,KAAK,EAAC,+BAA+B,EAAC,SAAS,EAAE,IAAI,CAAC,OAAO,GAAS,CAC7E,CAAC;QACJ,CAAC;QACD,OAAO,CACL,YAAM,KAAK,EAAC,aAAa,IACtB,IAAI,CAAC,IAAI,CACL,CACR,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;QAC5D,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC;QAE3C,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,CAAC,SAAS,EAAE;YACrD;gBACE,+DACE,IAAI,EAAC,QAAQ,EACb,KAAK,kBACH,UAAU,EAAE,IAAI,EAChB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,EACjB,sBAAsB,EAAE,IAAI,CAAC,SAAS,EACtC,qBAAqB,EAAE,UAAU,EACjC,qBAAqB,EAAE,OAAO,IAAI,CAAC,UAAU,EAC7C,sBAAsB,EAAE,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,CAAC,UAAU,EACpE,oBAAoB,EAAE,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,CAAC,UAAU,IAC7D,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAEjD,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,WAAW,EAAE,gBACzC,IAAI,CAAC,SAAS,mBACX,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAC5C,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBAEtB,OAAO,IAAI,IAAI,CAAC,YAAY,KAAK,OAAO,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC7D,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,IAAI,CAAQ;oBACzD,OAAO,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE,CACrD,CACJ,CACF,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'xplor-button',\n  styleUrl: 'xplor-button.scss',\n  // we cant use multiple styleUrls because the mode property is not reactive only in stencilJS and once the component is rendered it wont change the css file\n  // so we are using only one styleUrl and changing the styles based on the mode property in the class\n  // styleUrls: {\n  //   default: 'xplor-button.scss',\n  //   dark: 'xplor-button-pg.scss',\n  //   pg: 'xplor-button-pg.scss',\n  //   office: 'xplor-button-office.scss',\n  // },\n  scoped: true,\n})\nexport class XplorButton {\n  @Prop() text: string;\n  @Prop() type: 'minimal' | 'primary' | 'secondary' | 'ghost' | 'disabled' | 'success' | 'text' = 'secondary';\n  @Prop() mode?: 'dark' | 'pg' | 'office' = 'pg'; // 'dark', 'pg', 'office' (default: 'dark')\n  @Prop() size?: string; // 'small', 'medium', 'large' (default:'medium')\n  @Prop() styles?: string;\n  @Prop() clickAction: () => void;\n\n  /** Accessible label for icon-only buttons */\n  @Prop() ariaLabel: string;\n\n  /** Whether the button is disabled */\n  @Prop() disabled: boolean = false;\n\n  /** Whether the button stretches to full width of its container */\n  @Prop({ reflect: true }) fullWidth: boolean = false;\n\n  /**\n   * Icon position: 'start' | 'end' | null\n   */\n  @Prop() iconPosition: 'start' | 'end' | null;\n\n  /**\n   * Icon to display (defaults to plus sign)\n   */\n  @Prop() icon: string = '+';\n  @Prop() iconSvg?: string;\n\n  private renderIcon() {\n    if (this.icon === 'svg' && this.iconSvg) {\n      return (\n        <span class=\"button-icon button-icon--svg \" innerHTML={this.iconSvg}></span>\n      );\n    }\n    return (\n      <span class=\"button-icon\">\n        {this.icon}\n      </span>\n    );\n  }\n\n  render() {\n    const isIconOnly = !this.text && this.iconPosition !== null;\n    const hasIcon = this.iconPosition !== null;\n\n    return (\n      <Host class={{ 'x-button--full-width': this.fullWidth }}>\n        <slot>\n          <button\n            role=\"button\"\n            class={{\n              'x-button': true,\n              [this.type]: true,\n              'x-button--full-width': this.fullWidth,\n              'x-button--icon-only': isIconOnly,\n              'x-button--with-icon': hasIcon && !isIconOnly,\n              'x-button--icon-start': this.iconPosition === 'start' && !isIconOnly,\n              'x-button--icon-end': this.iconPosition === 'end' && !isIconOnly,\n              ...(this.styles ? { [this.styles]: true } : {}),\n            }}\n            onClick={() => this.clickAction && this.clickAction()}\n            aria-label={this.ariaLabel}\n            aria-disabled={this.disabled ? 'true' : null}\n            disabled={this.disabled}\n          >\n            {hasIcon && this.iconPosition === 'start' && this.renderIcon()}\n            {this.text && <span class=\"button-text\">{this.text}</span>}\n            {hasIcon && this.iconPosition === 'end' && this.renderIcon()}\n          </button>\n        </slot>\n      </Host>\n    );\n  }\n}"]}