@sula-tech/webcomponents 0.26.0 → 0.27.0

package/dist/esm/sula-toast-stack.entry.js

@@ -270,7 +270,7 @@ const SulaToastStack = class {
     render() {
         const expanded = this.expanded;
         const visibleItems = this.visibleItems;
-        return (h(Host, { key: 'c02d5830981122b0267e560f911ee98cdd726bd7' }, h("section", { key: 'cbfa6dcdd964fc1d42546a43e5980dc49e84b30f', ref: el => (this.region = el), role: "region", "aria-label": "Notifica\u00E7\u00F5es", tabIndex: 0, class: "toast-region w-full rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-feedback-informational focus-visible:outline-offset-2", onMouseEnter: () => {
+        return (h(Host, { key: 'c910dcb00ae26a820f57aba0b4229c46a7780929' }, h("section", { key: '1080f87d27f25a2c7b14534c837ea9952860d8e9', ref: el => (this.region = el), role: "region", "aria-label": "Notifica\u00E7\u00F5es", tabIndex: 0, class: "toast-region w-full rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-feedback-informational focus-visible:outline-offset-2", onMouseEnter: () => {
                 if (!this.noHover)
                     this.hovering = true;
             }, onMouseLeave: () => (this.hovering = false), onPointerDown: () => {
@@ -279,7 +279,7 @@ const SulaToastStack = class {
             }, onKeyDown: () => {
                 this.keyboardInteraction = true;
                 this.stopRetainingPointerExpansion();
-            }, onFocusin: () => (this.focused = true), onFocusout: this.handleFocusOut }, h("div", { key: 'ee70118013b6e5e3313db30c27571bf3cc3009af', ref: el => (this.list = el), class: { 'toast-list relative flex flex-col gap-12': true, 'toast-list--collapsed': !expanded }, style: {
+            }, onFocusin: () => (this.focused = true), onFocusout: this.handleFocusOut }, h("div", { key: '7facdd6e569ea7e493eae900c2fd78f384ec0a50', ref: el => (this.list = el), class: { 'toast-list relative flex flex-col gap-12': true, 'toast-list--collapsed': !expanded }, style: {
                 '--toast-layer-offset': `${Math.max(0, visibleItems.length - 1) * LAYER_OFFSET}px`,
             } }, visibleItems.map((item, index) => {
             var _a, _b, _c, _d;
@@ -293,9 +293,9 @@ const SulaToastStack = class {
                     '--toast-depth': String(depth),
                     '--toast-width': `${100 - Math.min(depth, MAX_VISIBLE_LAYERS - 1) * LAYER_WIDTH_STEP}%`,
                 } }, h("sula-toast", { toastTitle: item.title, message: (_a = item.message) !== null && _a !== void 0 ? _a : '', type: item.type, icon: item.icon, actionText: (_b = item.actionText) !== null && _b !== void 0 ? _b : '', closable: (_c = item.closable) !== null && _c !== void 0 ? _c : true, duration: item.duration, closeLabel: (_d = item.closeLabel) !== null && _d !== void 0 ? _d : 'Fechar notificação', paused: covered || this.hovering || this.focused || this.retainingPointerExpansion, announcement: "off", animated: depth === 0, onToastDismissRequested: event => this.dismiss(event, item.id), onToastAction: event => this.action(event, item.id) })));
-        }))), h("div", { key: '37091de2d263942ad15dbdc52cd229b98a8f7c1c', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
+        }))), h("div", { key: '66a51ac8e595e6ec658bc2e8a9eb60e78e543b58', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
             .filter(record => record.priority === 'polite')
-            .map(record => (h("p", { key: record.version }, record.text)))), h("div", { key: 'a5bc35d0759a6a71cb9b7d9ad76cfd3ce9fee9b6', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
+            .map(record => (h("p", { key: record.version }, record.text)))), h("div", { key: 'e6c9ed51d72fcc8804a272c31485b49dee57a26f', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "false", "aria-relevant": "additions text" }, this.announcements
             .filter(record => record.priority === 'assertive')
             .map(record => (h("p", { key: record.version }, record.text))))));
     }

package/dist/esm/sula-toast.entry.js

@@ -170,10 +170,10 @@ const SulaToast = class {
     }
     render() {
         const intent = this.intent;
-        return (h(Host, { key: '50370f6063bd87ddcbfefc45987c04eb602ab9ea', onMouseEnter: () => this.setHover(true), onMouseLeave: () => this.setHover(false), onFocusin: () => {
+        return (h(Host, { key: '495a5bdd71e9ba52fb870d8f681ab476bead7df1', onMouseEnter: () => this.setHover(true), onMouseLeave: () => this.setHover(false), onFocusin: () => {
                 this.focused = true;
                 this.updateTimeout();
-            }, onFocusout: this.handleFocusOut }, h("div", { key: '4334d01b1188afc4663ebadc48a84dcb4d393c99', part: "container", class: `toast-surface relative isolate box-border flex items-center w-full p-16 gap-12 rounded-sm border bg-opacity-toast ${intent.border} ${this.animated ? 'toast-surface--animated' : ''}`, style: { '--toast-border-color': intent.borderColor } }, this.icon && (h("div", { key: 'b87bf80bd8932414ae5d709e2be0d5feaefd3a8e', part: "icon", "aria-hidden": "true", class: `flex shrink-0 items-center justify-center w-44 h-44 rounded-xxl ${intent.background}` }, h("sula-icon", { key: 'b6f18a65ceab18e373f1fda59142b0eab3c575cf', icon: this.icon, customClass: `text-2xl ${intent.color}`, class: "flex leading-none" }))), h("div", { key: 'bff56cc0964d97824221c48d91e876ac6110df47', part: "content", class: `flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? 'pr-48' : ''}` }, h("div", { key: 'c6d1d46a7f255cfda53e4883c6164370bee8a534', class: "flex flex-col gap-4" }, this.toastTitle && (h("p", { key: '110d11cb987cca1f426adb43b411ad20ba95a21d', class: "toast-copy toast-title text-label-medium-bold text-text-primary", title: this.toastTitle }, this.toastTitle)), this.message && (h("p", { key: 'afd5df30339ed228d417cbee8b3795077d5c9b69', class: "toast-copy toast-message text-label-medium-regular text-text-secondary", title: this.message }, this.message))), this.actionText && (h("button", { key: '4a332f3df90a682960f7569e42d4be89d897b429', type: "button", class: `toast-copy toast-action self-start text-left text-label-medium-bold text-text-link underline rounded ${FOCUS_RING_CLASSES}`, title: this.actionText, onClick: () => this.toastAction.emit() }, this.actionText))), this.closable && (h("button", { key: '927e70871fc1c94404dddfb33095e7713870d18a', part: "close-button", type: "button", "aria-label": this.closeLabel, class: `absolute top-16 right-16 flex items-center justify-center w-24 h-24 rounded ${intent.color} ${FOCUS_RING_CLASSES}`, onClick: () => this.toastDismissRequested.emit({ reason: 'close' }) }, h("sula-icon", { key: '4e0a9b4ad00ab928eb470b09dec7dc0793706a81', "aria-hidden": "true", icon: "ph ph-x", customClass: "text-2xl", class: "flex leading-none" }))), h("svg", { key: '328c4ab25330dd17918b1cad64eb05ab1feb8546', class: "toast-border", "aria-hidden": "true", focusable: "false" }, h("rect", { key: '6896a2bb9f74b96faef4d0e12c01d537f61fc36c', class: "toast-border__path", pathLength: "1" }))), h("div", { key: '13b17899ac49ffae21d73155b691a13e3b5e2f5f', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement === 'polite' ? this.announcedText : ''), h("div", { key: '589a7c8956b6952b55cc5383a74cf339db86ad19', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "true" }, this.announcement === 'assertive' ? this.announcedText : '')));
+            }, onFocusout: this.handleFocusOut }, h("div", { key: 'e172289ed292879944f31dcabf2beefb4dad20e2', part: "container", class: `toast-surface relative isolate box-border flex items-center w-full p-16 gap-12 rounded-sm border bg-opacity-toast ${intent.border} ${this.animated ? 'toast-surface--animated' : ''}`, style: { '--toast-border-color': intent.borderColor } }, this.icon && (h("div", { key: 'b91f0034901539145f03c1781774ad40b510cd6a', part: "icon", "aria-hidden": "true", class: `flex shrink-0 items-center justify-center w-44 h-44 rounded-xxl ${intent.background}` }, h("sula-icon", { key: '02a17a9944c72d24ba1662179730226b9be0765b', icon: this.icon, customClass: `text-2xl ${intent.color}`, class: "flex leading-none" }))), h("div", { key: '994367c722d5fe27501b1a47f0ba7cefd4606a02', part: "content", class: `flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? 'pr-48' : ''}` }, h("div", { key: 'f32ff5d0ecc87275bd2718a71c2a96f1fe0ac6b7', class: "flex flex-col gap-4" }, this.toastTitle && (h("p", { key: 'dc2f65ec3fcd086b02773418bf2924ea6f01e701', class: "toast-copy toast-title text-label-medium-bold text-text-primary", title: this.toastTitle }, this.toastTitle)), this.message && (h("p", { key: '104a85f067244457539909e8036796e3570cdfdf', class: "toast-copy toast-message text-label-medium-regular text-text-secondary", title: this.message }, this.message))), this.actionText && (h("button", { key: '639b1c14313399f0056e70fb879f72ae5014205b', type: "button", class: `toast-copy toast-action self-start text-left text-label-medium-bold text-text-link underline rounded ${FOCUS_RING_CLASSES}`, title: this.actionText, onClick: () => this.toastAction.emit() }, this.actionText))), this.closable && (h("button", { key: '2b63982164c3e35690dc921e7f0f0878cef818a5', part: "close-button", type: "button", "aria-label": this.closeLabel, class: `absolute top-16 right-16 flex items-center justify-center w-24 h-24 rounded ${intent.color} ${FOCUS_RING_CLASSES}`, onClick: () => this.toastDismissRequested.emit({ reason: 'close' }) }, h("sula-icon", { key: 'a7666e98a44dd1e4501f232b3bb3d70473722ae7', "aria-hidden": "true", icon: "ph ph-x", customClass: "text-2xl", class: "flex leading-none" }))), h("svg", { key: '22ad2843114e6aa52f476c41f81837b512ab034d', class: "toast-border", "aria-hidden": "true", focusable: "false" }, h("rect", { key: '3922928d198857759a5e8a9f6c4a6e87cd1212a7', class: "toast-border__path", pathLength: "1" }))), h("div", { key: '2d9c03bafa378912efbcfbf6d9b8584147698bcb', class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, this.announcement === 'polite' ? this.announcedText : ''), h("div", { key: 'af1e0251f71990bde120281f167de0e24d498b65', class: "sr-only", role: "alert", "aria-live": "assertive", "aria-atomic": "true" }, this.announcement === 'assertive' ? this.announcedText : '')));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/sula-workbench-menu.entry.js

@@ -609,21 +609,21 @@ const SulaWorkbenchMenu = class {
         const expandedView = !this.collapsed || this.previewExpanded;
         const drilled = expandedView && this.isDrilled();
         const activeParent = this.stack[this.stack.length - 1];
-        return (h(Host, { key: 'bcfe0dcba1c108dd509ddbc03587a48187634886', class: {
+        return (h(Host, { key: 'ab2f6194a30ca48695e5861b4fd34c1c8f926bec', class: {
                 'menu-host--collapsed': this.collapsed,
                 'menu-host--preview': this.collapsed && this.previewExpanded,
                 'menu-host--density-compact': this.density === SulaMenuDensity.Compact,
                 'menu-host--density-comfortable': this.density === SulaMenuDensity.Comfortable,
-            }, style: this.hostStyleVariables, onMouseEnter: () => this.handleMenuMouseEnter(), onMouseLeave: () => this.handleMenuMouseLeave() }, h("aside", { key: '1fd3ab998fff6a0bac168956b7e60efd37cb1889', part: "shell", ref: el => (this.shellEl = el), class: {
+            }, style: this.hostStyleVariables, onMouseEnter: () => this.handleMenuMouseEnter(), onMouseLeave: () => this.handleMenuMouseLeave() }, h("aside", { key: '8019d8e64ab613cd56a5f7a43c7524515738bd47', part: "shell", ref: el => (this.shellEl = el), class: {
                 'menu-shell flex h-full flex-col bg-surface-body shadow-md z-50': true,
                 'menu-shell--collapsed': this.collapsed && !this.previewExpanded,
                 'menu-shell--expanded': expandedView,
                 'menu-shell--preview': this.collapsed && this.previewExpanded,
                 'menu-shell--drilled': drilled,
-            } }, drilled && this.renderDrillLayers(), drilled ? this.renderDrillHeader(activeParent) : this.renderRootHeader(expandedView), h("nav", { key: '40063d935bf797fde0378a37da3594ebeca1d3ff', class: {
+            } }, drilled && this.renderDrillLayers(), drilled ? this.renderDrillHeader(activeParent) : this.renderRootHeader(expandedView), h("nav", { key: 'c49e5bbbcad96f97a78c937cc9881c04bd1a614a', class: {
                 'menu-nav flex h-full flex-col overflow-y-auto overflow-x-hidden': true,
                 'px-12': !expandedView,
-            } }, drilled ? (this.renderDrillPanel()) : (h("ul", { class: "flex flex-col" }, this.renderInlineList(this.items, 1, expandedView)))), this.user && (h("div", { key: 'ce167e4897f3b43ee167fcec275e81abdc20b697', class: "menu-footer pt-12" }, this.renderUserInfo(expandedView)))), this.user && h("span", { key: 'fa2b56c1c22499896404466de15ad32aa7915f93', class: "profile-origin", "aria-hidden": "true", ref: el => (this.profileOriginEl = el) }), this.user && this.renderProfilePopover(expandedView)));
+            } }, drilled ? (this.renderDrillPanel()) : (h("ul", { class: "flex flex-col" }, this.renderInlineList(this.items, 1, expandedView)))), this.user && (h("div", { key: '9ac5a2f21cdacd18dc8f127905293b54bb3ef592', class: "menu-footer pt-12" }, this.renderUserInfo(expandedView)))), this.user && h("span", { key: '58b2452d40614cd366bcefb186fbafc7930a2ebe', class: "profile-origin", "aria-hidden": "true", ref: el => (this.profileOriginEl = el) }), this.user && this.renderProfilePopover(expandedView)));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/webcomponents.js

@@ -16,7 +16,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["sula-avatar_32",[[1,"sula-icon-picker",{"label":[1025],"required":[1028],"disabled":[1028],"error":[1025],"value":[1025],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"icons":[1040],"maxVisibleIcons":[2,"max-visible-icons"],"menuMaxHeight":[2,"menu-max-height"],"selectedIcon":[32],"searchTerm":[32]},null,{"value":["handleValueChange"],"icons":["handleIconsChange"]}],[1,"sula-modal",{"opened":[1028],"blockBodyScroll":[1028,"block-body-scroll"],"closeOnClickOutside":[1028,"close-on-click-outside"],"type":[1],"headerIcon":[1,"header-icon"],"modalTitle":[1,"modal-title"],"promoImage":[1,"promo-image"],"subTitle":[1,"sub-title"],"primaryButtonText":[1,"primary-button-text"],"secondaryButtonText":[1,"secondary-button-text"],"slotOverflow":[1,"slot-overflow"],"modalWidth":[1,"modal-width"],"slotMaxHeight":[1,"slot-max-height"],"slotAutoHeight":[4,"slot-auto-height"],"primaryButtonDisabled":[4,"primary-button-disabled"],"secondaryButtonDisabled":[4,"secondary-button-disabled"],"isAnimating":[32],"shouldRender":[32]},null,{"opened":["handleOpenedChange"]}],[1,"sula-calendar",{"label":[1],"value":[1025],"placeholder":[1],"disabled":[4],"helpText":[1,"help-text"],"status":[1],"locale":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"range":[4],"allowTyping":[4,"allow-typing"],"inline":[4],"compact":[4],"firstDayOfWeek":[2,"first-day-of-week"],"closeOnSelect":[4,"close-on-select"],"showCalendar":[32],"openUpward":[32],"viewMonth":[32],"viewYear":[32],"hoverDate":[32]},[[4,"click","handleDocumentClick"],[4,"keydown","handleDocumentKeydown"]],{"value":["handleValueChange"]}],[1,"sula-chip",{"text":[1025],"appearance":[1025],"disabled":[1028],"icon":[1],"items":[1040],"itemsPlacement":[1025,"items-placement"],"selected":[1028],"isFocused":[32],"showItems":[32]},[[4,"click","handleDocumentClick"]]],[1,"sula-avatar",{"size":[1],"imageUrl":[1,"image-url"],"text":[1],"icon":[1]}],[1,"sula-badge",{"status":[1025],"size":[1025],"type":[1025],"text":[1025],"icon":[1025],"hasSlotContent":[32]}],[1,"sula-breadcrumb",{"items":[1040]}],[1,"sula-checkbox",{"type":[1025],"label":[1025],"subTitle":[1025,"sub-title"],"disabled":[1028],"checked":[1028],"isFocus":[32]}],[1,"sula-menu",{"menuTitle":[1,"menu-title"],"image":[1],"width":[1],"density":[1],"labelOverflow":[1,"label-overflow"],"items":[1040],"collapsed":[32],"previewExpanded":[32],"selectedItem":[32]},null,{"items":["syncSelectedItemFromItems"]}],[1,"sula-progress-bar",{"appearance":[1025],"state":[1025],"topLabel":[1025,"top-label"],"bottomLabel":[1025,"bottom-label"],"progress":[1026],"showProgress":[1028,"show-progress"]},null,{"progress":["validateProgress"]}],[1,"sula-segmented-control",{"items":[1040],"type":[1025],"size":[1025],"color":[1025]}],[1,"sula-tag",{"label":[1025],"icon":[1025],"iconStatus":[1025,"icon-status"],"size":[1025],"appearance":[1025],"fontWeight":[1025,"font-weight"]}],[1,"sula-tiles",{"type":[1],"size":[1],"ellipsis":[4],"icon":[1],"text":[1],"subText":[1,"sub-text"],"disabled":[4]}],[1,"sula-timeline-list",{"sulaTimelineList":[1040,"sula-timeline-list"]}],[1,"sula-toggle",{"selected":[1028],"buttonDisabled":[1028,"button-disabled"],"icon":[1]}],[1,"sula-tooltip",{"text":[1],"position":[1],"icon":[1],"iconClass":[1,"icon-class"],"focused":[4],"trigger":[1],"appendToBody":[4,"append-to-body"],"isVisible":[32]},null,{"text":["handleTextChange"]}],[1,"sula-radio-button",{"checked":[1028],"label":[1025],"disabled":[1028],"radioIsFocus":[32]}],[4,"sula-table",{"density":[1],"equalWidth":[4,"equal-width"],"fullWidth":[4,"full-width"]}],[4,"sula-table-body"],[4,"sula-table-cell"],[4,"sula-table-head-cell"],[4,"sula-table-header"],[4,"sula-table-row"],[1,"sula-textarea",{"value":[1025],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"rows":[2],"isActive":[32],"textValue":[32],"textareaIsFocused":[32],"labelPadding":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"]}],[1,"sula-button",{"text":[1025],"icon":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"appearance":[1025],"type":[1025],"size":[1025],"status":[1025],"loading":[1028],"buttonDisabled":[1028,"button-disabled"],"fullWidth":[1028,"full-width"]}],[1,"sula-dropdown",{"label":[1025],"disabled":[1028],"hasError":[1540,"has-error"],"items":[1040],"value":[1040],"searchable":[516],"menuMaxHeight":[2,"menu-max-height"],"contentMaxHeight":[2,"content-max-height"],"customContent":[516,"custom-content"],"closeOnSelect":[4,"close-on-select"],"showContent":[1540,"show-content"],"selectedItem":[32],"isFocused":[32],"searchTerm":[32],"filteredItems":[32],"openUpward":[32]},[[4,"click","handleDocumentClick"],[9,"resize","handleWindowResize"]],{"value":["handleValueChange"],"showContent":["handleShowContentChange"]}],[1,"sula-search-bar",{"value":[1025],"searchBarStyle":[1025,"search-bar-style"],"placeholder":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"isFocused":[32],"textValue":[32]}],[1,"sula-textfield",{"value":[1025],"type":[1],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"readOnly":[4,"read-only"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"icon":[1],"maskPattern":[1,"mask-pattern"],"maskPatternSwitchMaxLength":[2,"mask-pattern-switch-max-length"],"inputIsOpen":[32],"textValue":[32],"showPassword":[32],"inputIsFocused":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"],"maskPattern":["watchMaskPatternHandler"],"maskPatternSwitchMaxLength":["watchMaskPatternSwitchMaxLengthHandler"]}],[1,"sula-loader",{"size":[1],"animationInstance":[32]}],[1,"sula-switch",{"type":[1025],"active":[1028],"disabled":[1028],"label":[1025],"subTitle":[1025,"sub-title"],"responsive":[4],"isFocus":[32]}],[1,"sula-menu-select-list",{"items":[1040],"fullWidth":[4,"full-width"],"maxHeight":[2,"max-height"],"selectedValue":[16,"selected-value"]}],[0,"sula-icon",{"icon":[1],"customClass":[1,"custom-class"]}]]],["sula-profile-menu",[[1,"sula-profile-menu",{"user":[16],"items":[1040]}]]],["sula-workbench-menu",[[1,"sula-workbench-menu",{"menuTitle":[1,"menu-title"],"image":[1],"width":[1],"density":[1],"labelOverflow":[1,"label-overflow"],"drillPath":[16,"drill-path"],"items":[1040],"user":[16],"defaultIcon":[1,"default-icon"],"profileItems":[1040,"profile-items"],"collapsed":[32],"previewExpanded":[32],"drillMode":[32],"stack":[32],"direction":[32],"selectedPath":[32],"crumbMenu":[32],"profileOpen":[32]},[[4,"click","onDocumentClick"],[4,"keydown","onDocumentKeydown"],[9,"resize","onWindowResize"]],{"items":["syncWithItems"],"drillPath":["syncDrillPath"]}]]],["sula-toast",[[1,"sula-toast",{"toastTitle":[1,"toast-title"],"message":[1],"type":[1],"icon":[1],"actionText":[1,"action-text"],"closable":[4],"duration":[2],"paused":[4],"animated":[4],"announcement":[1],"closeLabel":[1,"close-label"],"announcedText":[32]},[[4,"visibilitychange","updateTimeout"]],{"toastTitle":["handleContentChange"],"message":["handleContentChange"],"actionText":["handleContentChange"],"duration":["handleContentChange"],"announcement":["updateAnnouncement"],"paused":["updateTimeout"]}]]],["sula-toast-stack",[[1,"sula-toast-stack",{"items":[16],"hovering":[32],"focused":[32],"noHover":[32],"retainingPointerExpansion":[32],"announcements":[32]},null,{"items":["handleItemsChange"]}]]]], options);
+  return bootstrapLazy([["sula-avatar_32",[[1,"sula-icon-picker",{"label":[1025],"required":[1028],"disabled":[1028],"error":[1025],"value":[1025],"showSearch":[4,"show-search"],"searchPlaceholder":[1,"search-placeholder"],"icons":[1040],"maxVisibleIcons":[2,"max-visible-icons"],"menuMaxHeight":[2,"menu-max-height"],"selectedIcon":[32],"searchTerm":[32]},null,{"value":["handleValueChange"],"icons":["handleIconsChange"]}],[1,"sula-chip",{"text":[1025],"appearance":[1025],"disabled":[1028],"icon":[1],"items":[1040],"itemsPlacement":[1025,"items-placement"],"selected":[1028],"loading":[1028],"isFocused":[32],"showItems":[32]},[[4,"click","handleDocumentClick"]],{"loading":["handleLoadingChange"]}],[1,"sula-modal",{"opened":[1028],"blockBodyScroll":[1028,"block-body-scroll"],"closeOnClickOutside":[1028,"close-on-click-outside"],"type":[1],"headerIcon":[1,"header-icon"],"modalTitle":[1,"modal-title"],"promoImage":[1,"promo-image"],"subTitle":[1,"sub-title"],"primaryButtonText":[1,"primary-button-text"],"secondaryButtonText":[1,"secondary-button-text"],"slotOverflow":[1,"slot-overflow"],"modalWidth":[1,"modal-width"],"slotMaxHeight":[1,"slot-max-height"],"slotAutoHeight":[4,"slot-auto-height"],"primaryButtonDisabled":[4,"primary-button-disabled"],"secondaryButtonDisabled":[4,"secondary-button-disabled"],"isAnimating":[32],"shouldRender":[32]},null,{"opened":["handleOpenedChange"]}],[1,"sula-calendar",{"label":[1],"value":[1025],"placeholder":[1],"disabled":[4],"helpText":[1,"help-text"],"status":[1],"locale":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"range":[4],"allowTyping":[4,"allow-typing"],"inline":[4],"compact":[4],"firstDayOfWeek":[2,"first-day-of-week"],"closeOnSelect":[4,"close-on-select"],"showCalendar":[32],"openUpward":[32],"viewMonth":[32],"viewYear":[32],"hoverDate":[32]},[[4,"click","handleDocumentClick"],[4,"keydown","handleDocumentKeydown"]],{"value":["handleValueChange"]}],[1,"sula-avatar",{"size":[1],"imageUrl":[1,"image-url"],"text":[1],"icon":[1]}],[1,"sula-badge",{"status":[1025],"size":[1025],"type":[1025],"text":[1025],"icon":[1025],"hasSlotContent":[32]}],[1,"sula-breadcrumb",{"items":[1040]}],[1,"sula-checkbox",{"type":[1025],"label":[1025],"subTitle":[1025,"sub-title"],"disabled":[1028],"checked":[1028],"isFocus":[32]}],[1,"sula-menu",{"menuTitle":[1,"menu-title"],"image":[1],"width":[1],"density":[1],"labelOverflow":[1,"label-overflow"],"items":[1040],"collapsed":[32],"previewExpanded":[32],"selectedItem":[32]},null,{"items":["syncSelectedItemFromItems"]}],[1,"sula-progress-bar",{"appearance":[1025],"state":[1025],"topLabel":[1025,"top-label"],"bottomLabel":[1025,"bottom-label"],"progress":[1026],"showProgress":[1028,"show-progress"]},null,{"progress":["validateProgress"]}],[1,"sula-segmented-control",{"items":[1040],"type":[1025],"size":[1025],"color":[1025]}],[1,"sula-tag",{"label":[1025],"icon":[1025],"iconStatus":[1025,"icon-status"],"size":[1025],"appearance":[1025],"fontWeight":[1025,"font-weight"]}],[1,"sula-tiles",{"type":[1],"size":[1],"ellipsis":[4],"icon":[1],"text":[1],"subText":[1,"sub-text"],"disabled":[4]}],[1,"sula-timeline-list",{"sulaTimelineList":[1040,"sula-timeline-list"]}],[1,"sula-toggle",{"selected":[1028],"buttonDisabled":[1028,"button-disabled"],"icon":[1]}],[1,"sula-tooltip",{"text":[1],"position":[1],"icon":[1],"iconClass":[1,"icon-class"],"focused":[4],"trigger":[1],"appendToBody":[4,"append-to-body"],"isVisible":[32]},null,{"text":["handleTextChange"]}],[1,"sula-radio-button",{"checked":[1028],"label":[1025],"disabled":[1028],"radioIsFocus":[32]}],[4,"sula-table",{"density":[1],"equalWidth":[4,"equal-width"],"fullWidth":[4,"full-width"]}],[4,"sula-table-body"],[4,"sula-table-cell"],[4,"sula-table-head-cell"],[4,"sula-table-header"],[4,"sula-table-row"],[1,"sula-textarea",{"value":[1025],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"rows":[2],"isActive":[32],"textValue":[32],"textareaIsFocused":[32],"labelPadding":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"]}],[1,"sula-button",{"text":[1025],"icon":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"appearance":[1025],"type":[1025],"size":[1025],"status":[1025],"loading":[1028],"buttonDisabled":[1028,"button-disabled"],"fullWidth":[1028,"full-width"]}],[1,"sula-dropdown",{"label":[1025],"disabled":[1028],"hasError":[1540,"has-error"],"items":[1040],"value":[1040],"searchable":[516],"menuMaxHeight":[2,"menu-max-height"],"contentMaxHeight":[2,"content-max-height"],"customContent":[516,"custom-content"],"closeOnSelect":[4,"close-on-select"],"showContent":[1540,"show-content"],"selectedItem":[32],"isFocused":[32],"searchTerm":[32],"filteredItems":[32],"openUpward":[32]},[[4,"click","handleDocumentClick"],[9,"resize","handleWindowResize"]],{"value":["handleValueChange"],"showContent":["handleShowContentChange"]}],[1,"sula-search-bar",{"value":[1025],"searchBarStyle":[1025,"search-bar-style"],"placeholder":[1025],"leftIcon":[1025,"left-icon"],"rightIcon":[1025,"right-icon"],"isFocused":[32],"textValue":[32]}],[1,"sula-textfield",{"value":[1025],"type":[1],"status":[1025],"label":[1],"placeholder":[1],"disabled":[1028],"readOnly":[4,"read-only"],"helpText":[1,"help-text"],"maxLength":[2,"max-length"],"icon":[1],"maskPattern":[1,"mask-pattern"],"maskPatternSwitchMaxLength":[2,"mask-pattern-switch-max-length"],"inputIsOpen":[32],"textValue":[32],"showPassword":[32],"inputIsFocused":[32]},[[4,"click","handleClick"]],{"value":["watchValueHandler"],"maskPattern":["watchMaskPatternHandler"],"maskPatternSwitchMaxLength":["watchMaskPatternSwitchMaxLengthHandler"]}],[1,"sula-switch",{"type":[1025],"active":[1028],"disabled":[1028],"label":[1025],"subTitle":[1025,"sub-title"],"responsive":[4],"isFocus":[32]}],[1,"sula-menu-select-list",{"items":[1040],"fullWidth":[4,"full-width"],"maxHeight":[2,"max-height"],"selectedValue":[16,"selected-value"]}],[1,"sula-loader",{"size":[1],"animationInstance":[32]}],[0,"sula-icon",{"icon":[1],"customClass":[1,"custom-class"]}]]],["sula-profile-menu",[[1,"sula-profile-menu",{"user":[16],"items":[1040]}]]],["sula-workbench-menu",[[1,"sula-workbench-menu",{"menuTitle":[1,"menu-title"],"image":[1],"width":[1],"density":[1],"labelOverflow":[1,"label-overflow"],"drillPath":[16,"drill-path"],"items":[1040],"user":[16],"defaultIcon":[1,"default-icon"],"profileItems":[1040,"profile-items"],"collapsed":[32],"previewExpanded":[32],"drillMode":[32],"stack":[32],"direction":[32],"selectedPath":[32],"crumbMenu":[32],"profileOpen":[32]},[[4,"click","onDocumentClick"],[4,"keydown","onDocumentKeydown"],[9,"resize","onWindowResize"]],{"items":["syncWithItems"],"drillPath":["syncDrillPath"]}]]],["sula-toast",[[1,"sula-toast",{"toastTitle":[1,"toast-title"],"message":[1],"type":[1],"icon":[1],"actionText":[1,"action-text"],"closable":[4],"duration":[2],"paused":[4],"animated":[4],"announcement":[1],"closeLabel":[1,"close-label"],"announcedText":[32]},[[4,"visibilitychange","updateTimeout"]],{"toastTitle":["handleContentChange"],"message":["handleContentChange"],"actionText":["handleContentChange"],"duration":["handleContentChange"],"announcement":["updateAnnouncement"],"paused":["updateTimeout"]}]]],["sula-toast-stack",[[1,"sula-toast-stack",{"items":[16],"hovering":[32],"focused":[32],"noHover":[32],"retainingPointerExpansion":[32],"announcements":[32]},null,{"items":["handleItemsChange"]}]]]], options);
 });
 //# sourceMappingURL=webcomponents.js.map
 

package/dist/types/components/sula-chip/sula-chip.d.ts

@@ -31,6 +31,10 @@ export declare class SulaChip {
      * Chip is selected
      */
     selected: boolean;
+    /**
+     * Chip is loading: keeps the content and shows a loader on the right
+     */
+    loading: boolean;
     /**
      * Event emitted when chip is clicked
      */
@@ -42,6 +46,7 @@ export declare class SulaChip {
     isFocused: boolean;
     showItems: boolean;
     node?: HTMLElement;
+    handleLoadingChange(isLoading: boolean): void;
     handleDocumentClick(event: Event): void;
     handleFocus: () => void;
     handleBlur: () => void;

package/dist/types/components/sula-chip/sula-chip.stories.d.ts

@@ -38,6 +38,14 @@ declare const _default: {
                 required: boolean;
             };
         };
+        loading: {
+            control: string;
+            defaultValue: boolean;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
         icon: {
             control: string;
             description: string;
@@ -94,3 +102,6 @@ export declare const WithIconAndDropdown: any;
 export declare const SelectedWithIcon: any;
 export declare const NegativeWithIcon: any;
 export declare const DisabledWithIcon: any;
+export declare const Loading: any;
+export declare const LoadingWithIcon: any;
+export declare const LoadingWithItems: any;

package/dist/types/components.d.ts

@@ -290,6 +290,11 @@ export namespace Components {
           * @default SulaChipItemsPlacement.Bottom
          */
         "itemsPlacement": SulaChipItemsPlacement;
+        /**
+          * Chip is loading: keeps the content and shows a loader on the right
+          * @default false
+         */
+        "loading": boolean;
         /**
           * Chip is selected
           * @default false
@@ -2010,6 +2015,11 @@ declare namespace LocalJSX {
           * @default SulaChipItemsPlacement.Bottom
          */
         "itemsPlacement"?: SulaChipItemsPlacement;
+        /**
+          * Chip is loading: keeps the content and shows a loader on the right
+          * @default false
+         */
+        "loading"?: boolean;
         /**
           * Event emitted when chip is clicked
          */

package/dist/webcomponents/{p-18c84807.entry.js → p-4fa0213d.entry.js}

@@ -273,9 +273,9 @@ const h = class {
     const t = this.expanded;
     const o = this.visibleItems;
     return e(a, {
-      key: "c02d5830981122b0267e560f911ee98cdd726bd7"
+      key: "c910dcb00ae26a820f57aba0b4229c46a7780929"
     }, e("section", {
-      key: "cbfa6dcdd964fc1d42546a43e5980dc49e84b30f",
+      key: "1080f87d27f25a2c7b14534c837ea9952860d8e9",
       ref: t => this.region = t,
       role: "region",
       "aria-label": "Notificações",
@@ -296,7 +296,7 @@ const h = class {
       onFocusin: () => this.focused = true,
       onFocusout: this.handleFocusOut
     }, e("div", {
-      key: "ee70118013b6e5e3313db30c27571bf3cc3009af",
+      key: "7facdd6e569ea7e493eae900c2fd78f384ec0a50",
       ref: t => this.list = t,
       class: {
         "toast-list relative flex flex-col gap-12": true,
@@ -340,7 +340,7 @@ const h = class {
         onToastAction: t => this.action(t, a.id)
       }));
     })))), e("div", {
-      key: "37091de2d263942ad15dbdc52cd229b98a8f7c1c",
+      key: "66a51ac8e595e6ec658bc2e8a9eb60e78e543b58",
       class: "sr-only",
       role: "status",
       "aria-live": "polite",
@@ -349,7 +349,7 @@ const h = class {
     }, this.announcements.filter((t => t.priority === "polite")).map((t => e("p", {
       key: t.version
     }, t.text)))), e("div", {
-      key: "a5bc35d0759a6a71cb9b7d9ad76cfd3ce9fee9b6",
+      key: "e6c9ed51d72fcc8804a272c31485b49dee57a26f",
       class: "sr-only",
       role: "alert",
       "aria-live": "assertive",
@@ -373,4 +373,4 @@ h.style = n;
 
 export { h as sula_toast_stack };
 //# sourceMappingURL=sula-toast-stack.entry.esm.js.map
-//# sourceMappingURL=p-18c84807.entry.js.map
+//# sourceMappingURL=p-4fa0213d.entry.js.map

package/dist/webcomponents/{p-705e2424.entry.js → p-76884b75.entry.js}

@@ -164,7 +164,7 @@ const f = class {
   render() {
     const e = this.intent;
     return t(r, {
-      key: "50370f6063bd87ddcbfefc45987c04eb602ab9ea",
+      key: "495a5bdd71e9ba52fb870d8f681ab476bead7df1",
       onMouseEnter: () => this.setHover(true),
       onMouseLeave: () => this.setHover(false),
       onFocusin: () => {
@@ -173,45 +173,45 @@ const f = class {
       },
       onFocusout: this.handleFocusOut
     }, t("div", {
-      key: "4334d01b1188afc4663ebadc48a84dcb4d393c99",
+      key: "e172289ed292879944f31dcabf2beefb4dad20e2",
       part: "container",
       class: `toast-surface relative isolate box-border flex items-center w-full p-16 gap-12 rounded-sm border bg-opacity-toast ${e.border} ${this.animated ? "toast-surface--animated" : ""}`,
       style: {
         "--toast-border-color": e.borderColor
       }
     }, this.icon && t("div", {
-      key: "b87bf80bd8932414ae5d709e2be0d5feaefd3a8e",
+      key: "b91f0034901539145f03c1781774ad40b510cd6a",
       part: "icon",
       "aria-hidden": "true",
       class: `flex shrink-0 items-center justify-center w-44 h-44 rounded-xxl ${e.background}`
     }, t("sula-icon", {
-      key: "b6f18a65ceab18e373f1fda59142b0eab3c575cf",
+      key: "02a17a9944c72d24ba1662179730226b9be0765b",
       icon: this.icon,
       customClass: `text-2xl ${e.color}`,
       class: "flex leading-none"
     })), t("div", {
-      key: "bff56cc0964d97824221c48d91e876ac6110df47",
+      key: "994367c722d5fe27501b1a47f0ba7cefd4606a02",
       part: "content",
       class: `flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? "pr-48" : ""}`
     }, t("div", {
-      key: "c6d1d46a7f255cfda53e4883c6164370bee8a534",
+      key: "f32ff5d0ecc87275bd2718a71c2a96f1fe0ac6b7",
       class: "flex flex-col gap-4"
     }, this.toastTitle && t("p", {
-      key: "110d11cb987cca1f426adb43b411ad20ba95a21d",
+      key: "dc2f65ec3fcd086b02773418bf2924ea6f01e701",
       class: "toast-copy toast-title text-label-medium-bold text-text-primary",
       title: this.toastTitle
     }, this.toastTitle), this.message && t("p", {
-      key: "afd5df30339ed228d417cbee8b3795077d5c9b69",
+      key: "104a85f067244457539909e8036796e3570cdfdf",
       class: "toast-copy toast-message text-label-medium-regular text-text-secondary",
       title: this.message
     }, this.message)), this.actionText && t("button", {
-      key: "4a332f3df90a682960f7569e42d4be89d897b429",
+      key: "639b1c14313399f0056e70fb879f72ae5014205b",
       type: "button",
       class: `toast-copy toast-action self-start text-left text-label-medium-bold text-text-link underline rounded ${c}`,
       title: this.actionText,
       onClick: () => this.toastAction.emit()
     }, this.actionText)), this.closable && t("button", {
-      key: "927e70871fc1c94404dddfb33095e7713870d18a",
+      key: "2b63982164c3e35690dc921e7f0f0878cef818a5",
       part: "close-button",
       type: "button",
       "aria-label": this.closeLabel,
@@ -220,28 +220,28 @@ const f = class {
         reason: "close"
       })
     }, t("sula-icon", {
-      key: "4e0a9b4ad00ab928eb470b09dec7dc0793706a81",
+      key: "a7666e98a44dd1e4501f232b3bb3d70473722ae7",
       "aria-hidden": "true",
       icon: "ph ph-x",
       customClass: "text-2xl",
       class: "flex leading-none"
     })), t("svg", {
-      key: "328c4ab25330dd17918b1cad64eb05ab1feb8546",
+      key: "22ad2843114e6aa52f476c41f81837b512ab034d",
       class: "toast-border",
       "aria-hidden": "true",
       focusable: "false"
     }, t("rect", {
-      key: "6896a2bb9f74b96faef4d0e12c01d537f61fc36c",
+      key: "3922928d198857759a5e8a9f6c4a6e87cd1212a7",
       class: "toast-border__path",
       pathLength: "1"
     }))), t("div", {
-      key: "13b17899ac49ffae21d73155b691a13e3b5e2f5f",
+      key: "2d9c03bafa378912efbcfbf6d9b8584147698bcb",
       class: "sr-only",
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true"
     }, this.announcement === "polite" ? this.announcedText : ""), t("div", {
-      key: "589a7c8956b6952b55cc5383a74cf339db86ad19",
+      key: "af1e0251f71990bde120281f167de0e24d498b65",
       class: "sr-only",
       role: "alert",
       "aria-live": "assertive",
@@ -267,4 +267,4 @@ f.style = l;
 
 export { f as sula_toast };
 //# sourceMappingURL=sula-toast.entry.esm.js.map
-//# sourceMappingURL=p-705e2424.entry.js.map
+//# sourceMappingURL=p-76884b75.entry.js.map

package/dist/webcomponents/{p-235dcb90.entry.js → p-86448fcf.entry.js}

@@ -823,7 +823,7 @@ const l = class {
     const t = e && this.isDrilled();
     const o = this.stack[this.stack.length - 1];
     return i(r, {
-      key: "bcfe0dcba1c108dd509ddbc03587a48187634886",
+      key: "ab2f6194a30ca48695e5861b4fd34c1c8f926bec",
       class: {
         "menu-host--collapsed": this.collapsed,
         "menu-host--preview": this.collapsed && this.previewExpanded,
@@ -834,7 +834,7 @@ const l = class {
       onMouseEnter: () => this.handleMenuMouseEnter(),
       onMouseLeave: () => this.handleMenuMouseLeave()
     }, i("aside", {
-      key: "1fd3ab998fff6a0bac168956b7e60efd37cb1889",
+      key: "8019d8e64ab613cd56a5f7a43c7524515738bd47",
       part: "shell",
       ref: e => this.shellEl = e,
       class: {
@@ -845,7 +845,7 @@ const l = class {
         "menu-shell--drilled": t
       }
     }, t && this.renderDrillLayers(), t ? this.renderDrillHeader(o) : this.renderRootHeader(e), i("nav", {
-      key: "40063d935bf797fde0378a37da3594ebeca1d3ff",
+      key: "c49e5bbbcad96f97a78c937cc9881c04bd1a614a",
       class: {
         "menu-nav flex h-full flex-col overflow-y-auto overflow-x-hidden": true,
         "px-12": !e
@@ -853,10 +853,10 @@ const l = class {
     }, t ? this.renderDrillPanel() : i("ul", {
       class: "flex flex-col"
     }, this.renderInlineList(this.items, 1, e))), this.user && i("div", {
-      key: "ce167e4897f3b43ee167fcec275e81abdc20b697",
+      key: "9ac5a2f21cdacd18dc8f127905293b54bb3ef592",
       class: "menu-footer pt-12"
     }, this.renderUserInfo(e))), this.user && i("span", {
-      key: "fa2b56c1c22499896404466de15ad32aa7915f93",
+      key: "58b2452d40614cd366bcefb186fbafc7930a2ebe",
       class: "profile-origin",
       "aria-hidden": "true",
       ref: e => this.profileOriginEl = e
@@ -877,4 +877,4 @@ l.style = s;
 
 export { l as sula_workbench_menu };
 //# sourceMappingURL=sula-workbench-menu.entry.esm.js.map
-//# sourceMappingURL=p-235dcb90.entry.js.map
+//# sourceMappingURL=p-86448fcf.entry.js.map