@sula-tech/webcomponents 0.20.1 → 0.22.0

package/dist/webcomponents/{p-Cs9RR1ZV.js → p-BbsLJDfp.js}

@@ -6,13 +6,20 @@ var a;
   a["Comfortable"] = "comfortable";
 })(a || (a = {}));
 
-var t;
+var r;
 
 (function(a) {
   a["Truncate"] = "truncate";
   a["Wrap"] = "wrap";
+})(r || (r = {}));
+
+var t;
+
+(function(a) {
+  a["Default"] = "default";
+  a["Error"] = "error";
 })(t || (t = {}));
 
-export { a as S, t as a };
-//# sourceMappingURL=p-Cs9RR1ZV.js.map
-//# sourceMappingURL=p-Cs9RR1ZV.js.map
+export { a as S, r as a, t as b };
+//# sourceMappingURL=p-BbsLJDfp.js.map
+//# sourceMappingURL=p-BbsLJDfp.js.map

package/dist/webcomponents/p-BbsLJDfp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-BbsLJDfp.js","sources":["src/components/sula-menu/model/sula-menu.model.ts","src/components/sula-calendar/model/sula-calendar.model.ts"],"sourcesContent":["export enum SulaMenuDensity {\n  Compact = 'compact',\n  Default = 'default',\n  Comfortable = 'comfortable',\n}\n\nexport enum SulaMenuLabelOverflow {\n  Truncate = 'truncate',\n  Wrap = 'wrap',\n}\n\nexport interface SulaMenuMainItem extends SulaMenuItem {\n  children?: SulaMenuSubItem[];\n}\n\nexport interface SulaMenuSubItem extends SulaMenuItem {\n  children?: SulaMenuItem[];\n}\n\nexport interface SulaMenuItem {\n  id: string;\n  label: string;\n  icon: string;\n  hidden?: boolean;\n  open?: boolean;\n  route?: string;\n  expanded?: boolean;\n  selected?: boolean;\n  disabled?: boolean;\n}\n\nexport type SelectedMenuItem = {\n  id: string;\n  parentItemId?: string;\n  parentChildId?: string;\n};\n","export enum SulaCalendarStatus {\n  Default = 'default',\n  Error = 'error',\n}\n\nexport interface SulaCalendarDay {\n  date: Date;\n  day: number;\n  isCurrentMonth: boolean;\n  isSelected: boolean;\n  isRangeStart: boolean;\n  isRangeEnd: boolean;\n  isInRange: boolean;\n  isRangePreview: boolean;\n  isToday: boolean;\n  isDisabled: boolean;\n}\n\nexport interface SulaCalendarRange {\n  start: string;\n  end: string;\n}\n\nexport interface SulaCalendarWeekday {\n  short: string;\n  long: string;\n}\n\nexport interface SulaCalendarMonthChange {\n  month: number;\n  year: number;\n}\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;ICTW;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAG7B,EAAA,CAAA,CAAA;;;;"}

package/dist/webcomponents/{p-170854a5.entry.js → p-c552c435.entry.js}

@@ -164,7 +164,7 @@ const f = class {
   render() {
     const e = this.intent;
     return t(r, {
-      key: "af689f4f1497431d4a9664ddb5452079f09ef03f",
+      key: "be9ec64bd756310cbc5a41d218ff47c53f04de54",
       onMouseEnter: () => this.setHover(true),
       onMouseLeave: () => this.setHover(false),
       onFocusin: () => {
@@ -173,45 +173,45 @@ const f = class {
       },
       onFocusout: this.handleFocusOut
     }, t("div", {
-      key: "51d418a2bcd9610ec55551828cff4aab8c085a62",
+      key: "712abcedfd6615db3de20ac66acd872f34db2737",
       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: "383e8204c8f6cbfd13270a1543baea5273149bca",
+      key: "656903d50bf672c3058c1ff1aa564a8f25ec4a71",
       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: "b2a17f14dbfbd6975b29ccb63ee7a76705e20e12",
+      key: "649ec85c3ffe3c1d8ba49301df36dafcef68df19",
       icon: this.icon,
       customClass: `text-2xl ${e.color}`,
       class: "flex leading-none"
     })), t("div", {
-      key: "8bd8d7c43b25d9c408b5e0e107fc3d5f78d92c4a",
+      key: "7c0259e7e101e37f740fc44f56ed6b8aba89ebce",
       part: "content",
       class: `flex min-w-0 flex-1 flex-col gap-8 ${this.closable ? "pr-48" : ""}`
     }, t("div", {
-      key: "fe41d0b855c17fb145c760815abc5fdd64e1dbc4",
+      key: "a8d4be58976ba60577b72fb18cf5adde5302e4a9",
       class: "flex flex-col gap-4"
     }, this.toastTitle && t("p", {
-      key: "0403d060fe5d28161bbf29cb937b8a0d90daf17d",
+      key: "a68c9bef629be007bf7e8e2fe9e171103f0da293",
       class: "toast-copy toast-title text-label-medium-bold text-text-primary",
       title: this.toastTitle
     }, this.toastTitle), this.message && t("p", {
-      key: "b163c773c6a82f5dbb455770708ac9690efbffbe",
+      key: "fd3df25e0dbb73a322e55f5464699c6b36dc558c",
       class: "toast-copy toast-message text-label-medium-regular text-text-secondary",
       title: this.message
     }, this.message)), this.actionText && t("button", {
-      key: "07890efac226f3d8ad4dfa71422781ad94ab9be8",
+      key: "a64c83ed689f099928ed8e89ddfbd1a29f9d7d37",
       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: "da40e440a9b8efb785bb808718ae51d72c4550bc",
+      key: "ec4cb316444689bc05aa176f86b51c1b6d5e88af",
       part: "close-button",
       type: "button",
       "aria-label": this.closeLabel,
@@ -220,28 +220,28 @@ const f = class {
         reason: "close"
       })
     }, t("sula-icon", {
-      key: "a326223db3ae4de7e0c2139b7b1b5f2ce3bf79ba",
+      key: "9be25e6384c6a154a359a15ab2ec0d732befe282",
       "aria-hidden": "true",
       icon: "ph ph-x",
       customClass: "text-2xl",
       class: "flex leading-none"
     })), t("svg", {
-      key: "6f0c0004ff519d857abcbed244215c9f2b9b7598",
+      key: "8996d6309d39d79e5db7671fcbd8c1b6cbfeda5c",
       class: "toast-border",
       "aria-hidden": "true",
       focusable: "false"
     }, t("rect", {
-      key: "a2fec270e4bfc1afe1567e492c915304d6bd4f85",
+      key: "141c0776c32283daef59b261b04e4059beee3aca",
       class: "toast-border__path",
       pathLength: "1"
     }))), t("div", {
-      key: "be19cd8661299b03aebc46d9eb94c53f948924f4",
+      key: "318987642827371f72b5754827c8019a6a1b968a",
       class: "sr-only",
       role: "status",
       "aria-live": "polite",
       "aria-atomic": "true"
     }, this.announcement === "polite" ? this.announcedText : ""), t("div", {
-      key: "2582e166e21d087d1e3f2b66d39b2a05d4d8bbb2",
+      key: "6c1e12a9c15f11afb7f517d911441a868978c2ba",
       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-170854a5.entry.js.map
+//# sourceMappingURL=p-c552c435.entry.js.map

package/dist/webcomponents/{p-c58125e1.entry.js → p-df271629.entry.js}

@@ -273,9 +273,9 @@ const h = class {
     const t = this.expanded;
     const o = this.visibleItems;
     return e(a, {
-      key: "e52aeb1dd9f0d54498a4c7a0ad2300cdc5d24484"
+      key: "f80b3b3f370e40ba87a261825af7ee9f55fe99dc"
     }, e("section", {
-      key: "7c829968e841616450c308571cd1b60341b3c38b",
+      key: "d5a233e0b204060a1bde1bb09eac204a5c8f5ca7",
       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: "2327880499750943034cf47d8f2ea2dfd13d0e5a",
+      key: "e409f3009f2c19839304f06b05b0409d9cc6a819",
       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: "be446beb46594f14b6079a5a0649c9bf3a17b0cb",
+      key: "2b2eadddfde8a784d9c2f1c7f431d82619eb57dc",
       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: "5d9e871c11e91fb293f22c92ddd5a590517576f1",
+      key: "0207426e568669405be5a1d99c47338d72607bdf",
       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-c58125e1.entry.js.map
+//# sourceMappingURL=p-df271629.entry.js.map

package/dist/webcomponents/webcomponents.esm.js

@@ -15,7 +15,7 @@ export { s as setNonce } from "./p-BL15Tt3m.js";
 
 patchBrowser().then((async e => {
   await t();
-  return a([ [ "p-f4ef50ea", [ [ 1, "sula-icon-picker", {
+  return a([ [ "p-22b10b91", [ [ 1, "sula-icon-picker", {
     label: [ 1025 ],
     required: [ 1028 ],
     disabled: [ 1028 ],
@@ -47,11 +47,35 @@ patchBrowser().then((async e => {
     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 ],
     items: [ 1040 ],
+    itemsPlacement: [ 1025, "items-placement" ],
     selected: [ 1028 ],
     isFocused: [ 32 ],
     showItems: [ 32 ]
@@ -109,26 +133,6 @@ patchBrowser().then((async e => {
     size: [ 1025 ],
     appearance: [ 1025 ],
     fontWeight: [ 1025, "font-weight" ]
-  } ], [ 1, "sula-textfield", {
-    value: [ 1025 ],
-    type: [ 1 ],
-    status: [ 1025 ],
-    label: [ 1 ],
-    placeholder: [ 1 ],
-    disabled: [ 1028 ],
-    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-tiles", {
     type: [ 1 ],
     size: [ 1 ],
@@ -226,6 +230,27 @@ patchBrowser().then((async e => {
     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 ]
@@ -237,7 +262,7 @@ patchBrowser().then((async e => {
   } ], [ 0, "sula-icon", {
     icon: [ 1 ],
     customClass: [ 1, "custom-class" ]
-  } ] ] ], [ "p-170854a5", [ [ 1, "sula-toast", {
+  } ] ] ], [ "p-c552c435", [ [ 1, "sula-toast", {
     toastTitle: [ 1, "toast-title" ],
     message: [ 1 ],
     type: [ 1 ],
@@ -257,7 +282,7 @@ patchBrowser().then((async e => {
     duration: [ "handleContentChange" ],
     announcement: [ "updateAnnouncement" ],
     paused: [ "updateTimeout" ]
-  } ] ] ], [ "p-c58125e1", [ [ 1, "sula-toast-stack", {
+  } ] ] ], [ "p-df271629", [ [ 1, "sula-toast-stack", {
     items: [ 16 ],
     hovering: [ 32 ],
     focused: [ 32 ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sula-tech/webcomponents",
-  "version": "0.20.1",
+  "version": "0.22.0",
   "description": "A web component library built with Stencil",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",