@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

package/dist/bigconsole/components/widgets/adaptive-card/AdaptiveCardWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveCardWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/adaptive-card/AdaptiveCardWidget.tsx"],"sourcesContent":["/**\n * AdaptiveCardWidget Component\n *\n * JSON-based adaptive cards renderer.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface AdaptiveCardWidgetProps {\n  widget: Widget;\n  data?: AdaptiveCardData;\n  onClick?: (action: AdaptiveCardAction) => void;\n}\n\nexport interface AdaptiveCardData {\n  body?: AdaptiveCardElement[];\n  actions?: AdaptiveCardAction[];\n}\n\nexport interface AdaptiveCardElement {\n  type: 'TextBlock' | 'Image' | 'Container' | 'ColumnSet' | 'Column' | 'FactSet' | 'ActionSet';\n  text?: string;\n  url?: string;\n  size?: 'small' | 'medium' | 'large' | 'extraLarge';\n  weight?: 'lighter' | 'default' | 'bolder';\n  color?: 'default' | 'accent' | 'attention' | 'good' | 'warning';\n  wrap?: boolean;\n  items?: AdaptiveCardElement[];\n  columns?: AdaptiveCardElement[];\n  width?: string;\n  facts?: Array<{ title: string; value: string }>;\n  actions?: AdaptiveCardAction[];\n}\n\nexport interface AdaptiveCardAction {\n  type: 'Action.OpenUrl' | 'Action.Submit' | 'Action.ShowCard';\n  title: string;\n  url?: string;\n  data?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getTextSizeClass(size?: string): string {\n  switch (size) {\n    case 'small':\n      return 'text-xs';\n    case 'large':\n      return 'text-lg';\n    case 'extraLarge':\n      return 'text-2xl';\n    default:\n      return 'text-sm';\n  }\n}\n\nfunction getTextWeightClass(weight?: string): string {\n  switch (weight) {\n    case 'lighter':\n      return 'font-light';\n    case 'bolder':\n      return 'font-bold';\n    default:\n      return 'font-normal';\n  }\n}\n\nfunction getTextColorClass(color?: string): string {\n  switch (color) {\n    case 'accent':\n      return 'text-action-primary-bg';\n    case 'attention':\n      return 'text-status-error-text';\n    case 'good':\n      return 'text-status-success-text';\n    case 'warning':\n      return 'text-status-warning-text';\n    default:\n      return 'text-text-primary';\n  }\n}\n\n// ============================================================================\n// Element Renderer\n// ============================================================================\n\nfunction renderElement(\n  element: AdaptiveCardElement,\n  index: number,\n  onAction?: (action: AdaptiveCardAction) => void\n): ReactNode {\n  switch (element.type) {\n    case 'TextBlock':\n      return (\n        <p\n          key={index}\n          className={`\n            ${getTextSizeClass(element.size)}\n            ${getTextWeightClass(element.weight)}\n            ${getTextColorClass(element.color)}\n            ${element.wrap ? '' : 'truncate'}\n            mb-1\n          `}\n        >\n          {element.text}\n        </p>\n      );\n\n    case 'Image':\n      return <img key={index} src={element.url} alt=\"\" className=\"max-w-full h-auto rounded mb-2\" />;\n\n    case 'Container':\n      return (\n        <div key={index} className=\"mb-2\">\n          {element.items?.map((item, i) => renderElement(item, i, onAction))}\n        </div>\n      );\n\n    case 'ColumnSet':\n      return (\n        <div key={index} className=\"flex gap-2 mb-2\">\n          {element.columns?.map((col, i) => renderElement(col, i, onAction))}\n        </div>\n      );\n\n    case 'Column':\n      return (\n        <div key={index} className=\"flex-1\" style={{ flexBasis: element.width }}>\n          {element.items?.map((item, i) => renderElement(item, i, onAction))}\n        </div>\n      );\n\n    case 'FactSet':\n      return (\n        <div key={index} className=\"mb-2\">\n          {element.facts?.map((fact, i) => (\n            <div key={i} className=\"flex gap-2 text-sm py-1\">\n              <span className=\"text-text-secondary flex-shrink-0\">{fact.title}:</span>\n              <span className=\"text-text-primary font-medium\">{fact.value}</span>\n            </div>\n          ))}\n        </div>\n      );\n\n    case 'ActionSet':\n      return (\n        <div key={index} className=\"flex gap-2 mt-3\">\n          {element.actions?.map((action, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              onClick={() => onAction?.(action)}\n              className=\"\n                px-3 py-1.5\n                text-sm font-medium\n                text-action-primary-fg\n                bg-action-primary-bg\n                hover:bg-action-primary-bgHover\n                rounded-md\n                transition-colors\n              \"\n            >\n              {action.title}\n            </button>\n          ))}\n        </div>\n      );\n\n    default:\n      return null;\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const AdaptiveCardWidget: FC<AdaptiveCardWidgetProps> = memo(function AdaptiveCardWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  if (!data?.body?.length && !data?.actions?.length) {\n    return <div className=\"flex items-center justify-center h-full p-4 text-text-secondary\">No content to display</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4\">\n      {/* Body */}\n      <div className=\"flex-1\">{data.body?.map((element, i) => renderElement(element, i, onClick))}</div>\n\n      {/* Actions */}\n      {data.actions && data.actions.length > 0 && (\n        <div className=\"flex gap-2 mt-4 pt-4 border-t border-border-default\">\n          {data.actions.map((action, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              onClick={() => onClick?.(action)}\n              className=\"\n                  px-4 py-2\n                  text-sm font-medium\n                  text-action-primary-fg\n                  bg-action-primary-bg\n                  hover:bg-action-primary-bgHover\n                  rounded-md\n                  transition-colors\n                \"\n            >\n              {action.title}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default AdaptiveCardWidget;\n"],"mappings":";;;AAkDA,SAAS,EAAiB,GAAuB;AAC/C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,EAAmB,GAAyB;AACnD,SAAQ,GAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,EAAkB,GAAwB;AACjD,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAQb,SAAS,EACP,GACA,GACA,GACW;AACX,SAAQ,EAAQ,MAAhB;EACE,KAAK,YACH,QACE,kBAAC,KAAD;GAEE,WAAW;cACP,EAAiB,EAAQ,KAAK,CAAC;cAC/B,EAAmB,EAAQ,OAAO,CAAC;cACnC,EAAkB,EAAQ,MAAM,CAAC;cACjC,EAAQ,OAAO,KAAK,WAAW;;;aAIlC,EAAQ;GACP,EAVG,EAUH;EAGR,KAAK,QACH,QAAO,kBAAC,OAAD;GAAiB,KAAK,EAAQ;GAAK,KAAI;GAAG,WAAU;GAAmC,EAA7E,EAA6E;EAEhG,KAAK,YACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,OAAO,KAAK,GAAM,MAAM,EAAc,GAAM,GAAG,EAAS,CAAC;GAC9D,EAFI,EAEJ;EAGV,KAAK,YACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,SAAS,KAAK,GAAK,MAAM,EAAc,GAAK,GAAG,EAAS,CAAC;GAC9D,EAFI,EAEJ;EAGV,KAAK,SACH,QACE,kBAAC,OAAD;GAAiB,WAAU;GAAS,OAAO,EAAE,WAAW,EAAQ,OAAO;aACpE,EAAQ,OAAO,KAAK,GAAM,MAAM,EAAc,GAAM,GAAG,EAAS,CAAC;GAC9D,EAFI,EAEJ;EAGV,KAAK,UACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,OAAO,KAAK,GAAM,MACzB,kBAAC,OAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAqD,EAAK,OAAM,IAAQ;QACxE,kBAAC,QAAD;KAAM,WAAU;eAAiC,EAAK;KAAa,CAAA,CAC/D;MAHI,EAGJ,CACN;GACE,EAPI,EAOJ;EAGV,KAAK,YACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,SAAS,KAAK,GAAQ,MAC7B,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,IAAW,EAAO;IACjC,WAAU;cAUT,EAAO;IACD,EAdF,EAcE,CACT;GACE,EAnBI,EAmBJ;EAGV,QACE,QAAO;;;AAQb,IAAa,IAAkD,EAAK,SAA4B,EAC9F,QAAQ,GACR,SACA,cACC;AAKD,QAJI,CAAC,GAAM,MAAM,UAAU,CAAC,GAAM,SAAS,SAClC,kBAAC,OAAD;EAAK,WAAU;YAAkE;EAA2B,CAAA,GAInH,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAU,EAAK,MAAM,KAAK,GAAS,MAAM,EAAc,GAAS,GAAG,EAAQ,CAAC;GAAO,CAAA,EAGjG,EAAK,WAAW,EAAK,QAAQ,SAAS,KACrC,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,QAAQ,KAAK,GAAQ,MACzB,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,IAAU,EAAO;IAChC,WAAU;cAUT,EAAO;IACD,EAdF,EAcE,CACT;GACE,CAAA,CAEJ;;EAER"}
+{"version":3,"file":"AdaptiveCardWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/adaptive-card/AdaptiveCardWidget.tsx"],"sourcesContent":["/**\n * AdaptiveCardWidget Component\n *\n * JSON-based adaptive cards renderer.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface AdaptiveCardWidgetProps {\n  widget: Widget;\n  data?: AdaptiveCardData;\n  onClick?: (action: AdaptiveCardAction) => void;\n}\n\nexport interface AdaptiveCardData {\n  body?: AdaptiveCardElement[];\n  actions?: AdaptiveCardAction[];\n}\n\nexport interface AdaptiveCardElement {\n  type: 'TextBlock' | 'Image' | 'Container' | 'ColumnSet' | 'Column' | 'FactSet' | 'ActionSet';\n  text?: string;\n  url?: string;\n  size?: 'small' | 'medium' | 'large' | 'extraLarge';\n  weight?: 'lighter' | 'default' | 'bolder';\n  color?: 'default' | 'accent' | 'attention' | 'good' | 'warning';\n  wrap?: boolean;\n  items?: AdaptiveCardElement[];\n  columns?: AdaptiveCardElement[];\n  width?: string;\n  facts?: Array<{ title: string; value: string }>;\n  actions?: AdaptiveCardAction[];\n}\n\nexport interface AdaptiveCardAction {\n  type: 'Action.OpenUrl' | 'Action.Submit' | 'Action.ShowCard';\n  title: string;\n  url?: string;\n  data?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getTextSizeClass(size?: string): string {\n  switch (size) {\n    case 'small':\n      return 'text-xs';\n    case 'large':\n      return 'text-lg';\n    case 'extraLarge':\n      return 'text-2xl';\n    default:\n      return 'text-sm';\n  }\n}\n\nfunction getTextWeightClass(weight?: string): string {\n  switch (weight) {\n    case 'lighter':\n      return 'font-light';\n    case 'bolder':\n      return 'font-bold';\n    default:\n      return 'font-normal';\n  }\n}\n\nfunction getTextColorClass(color?: string): string {\n  switch (color) {\n    case 'accent':\n      return 'text-action-primary-bg';\n    case 'attention':\n      return 'text-status-error-text';\n    case 'good':\n      return 'text-status-success-text';\n    case 'warning':\n      return 'text-[var(--color-status-warning-text)]';\n    default:\n      return 'text-text-primary';\n  }\n}\n\n// ============================================================================\n// Element Renderer\n// ============================================================================\n\nfunction renderElement(\n  element: AdaptiveCardElement,\n  index: number,\n  onAction?: (action: AdaptiveCardAction) => void\n): ReactNode {\n  switch (element.type) {\n    case 'TextBlock':\n      return (\n        <p\n          key={index}\n          className={`\n            ${getTextSizeClass(element.size)}\n            ${getTextWeightClass(element.weight)}\n            ${getTextColorClass(element.color)}\n            ${element.wrap ? '' : 'truncate'}\n            mb-1\n          `}\n        >\n          {element.text}\n        </p>\n      );\n\n    case 'Image':\n      return <img key={index} src={element.url} alt=\"\" className=\"max-w-full h-auto rounded mb-2\" />;\n\n    case 'Container':\n      return (\n        <div key={index} className=\"mb-2\">\n          {element.items?.map((item, i) => renderElement(item, i, onAction))}\n        </div>\n      );\n\n    case 'ColumnSet':\n      return (\n        <div key={index} className=\"flex gap-2 mb-2\">\n          {element.columns?.map((col, i) => renderElement(col, i, onAction))}\n        </div>\n      );\n\n    case 'Column':\n      return (\n        <div key={index} className=\"flex-1\" style={{ flexBasis: element.width }}>\n          {element.items?.map((item, i) => renderElement(item, i, onAction))}\n        </div>\n      );\n\n    case 'FactSet':\n      return (\n        <div key={index} className=\"mb-2\">\n          {element.facts?.map((fact, i) => (\n            <div key={i} className=\"flex gap-2 text-sm py-1\">\n              <span className=\"text-text-secondary flex-shrink-0\">{fact.title}:</span>\n              <span className=\"text-text-primary font-medium\">{fact.value}</span>\n            </div>\n          ))}\n        </div>\n      );\n\n    case 'ActionSet':\n      return (\n        <div key={index} className=\"flex gap-2 mt-3\">\n          {element.actions?.map((action, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              onClick={() => onAction?.(action)}\n              className=\"\n                px-3 py-1.5\n                text-sm font-medium\n                text-action-primary-fg\n                bg-action-primary-bg\n                hover:bg-action-primary-bgHover\n                rounded-md\n                transition-colors\n              \"\n            >\n              {action.title}\n            </button>\n          ))}\n        </div>\n      );\n\n    default:\n      return null;\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const AdaptiveCardWidget: FC<AdaptiveCardWidgetProps> = memo(function AdaptiveCardWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  if (!data?.body?.length && !data?.actions?.length) {\n    return <div className=\"flex items-center justify-center h-full p-4 text-text-secondary\">No content to display</div>;\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4\">\n      {/* Body */}\n      <div className=\"flex-1\">{data.body?.map((element, i) => renderElement(element, i, onClick))}</div>\n\n      {/* Actions */}\n      {data.actions && data.actions.length > 0 && (\n        <div className=\"flex gap-2 mt-4 pt-4 border-t border-border-default\">\n          {data.actions.map((action, i) => (\n            <button\n              key={i}\n              type=\"button\"\n              onClick={() => onClick?.(action)}\n              className=\"\n                  px-4 py-2\n                  text-sm font-medium\n                  text-action-primary-fg\n                  bg-action-primary-bg\n                  hover:bg-action-primary-bgHover\n                  rounded-md\n                  transition-colors\n                \"\n            >\n              {action.title}\n            </button>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default AdaptiveCardWidget;\n"],"mappings":";;;AAkDA,SAAS,EAAiB,GAAuB;AAC/C,SAAQ,GAAR;EACE,KAAK,QACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,EAAmB,GAAyB;AACnD,SAAQ,GAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,EAAkB,GAAwB;AACjD,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,QACE,QAAO;;;AAQb,SAAS,EACP,GACA,GACA,GACW;AACX,SAAQ,EAAQ,MAAhB;EACE,KAAK,YACH,QACE,kBAAC,KAAD;GAEE,WAAW;cACP,EAAiB,EAAQ,KAAK,CAAC;cAC/B,EAAmB,EAAQ,OAAO,CAAC;cACnC,EAAkB,EAAQ,MAAM,CAAC;cACjC,EAAQ,OAAO,KAAK,WAAW;;;aAIlC,EAAQ;GACP,EAVG,EAUH;EAGR,KAAK,QACH,QAAO,kBAAC,OAAD;GAAiB,KAAK,EAAQ;GAAK,KAAI;GAAG,WAAU;GAAmC,EAA7E,EAA6E;EAEhG,KAAK,YACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,OAAO,KAAK,GAAM,MAAM,EAAc,GAAM,GAAG,EAAS,CAAC;GAC9D,EAFI,EAEJ;EAGV,KAAK,YACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,SAAS,KAAK,GAAK,MAAM,EAAc,GAAK,GAAG,EAAS,CAAC;GAC9D,EAFI,EAEJ;EAGV,KAAK,SACH,QACE,kBAAC,OAAD;GAAiB,WAAU;GAAS,OAAO,EAAE,WAAW,EAAQ,OAAO;aACpE,EAAQ,OAAO,KAAK,GAAM,MAAM,EAAc,GAAM,GAAG,EAAS,CAAC;GAC9D,EAFI,EAEJ;EAGV,KAAK,UACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,OAAO,KAAK,GAAM,MACzB,kBAAC,OAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAqD,EAAK,OAAM,IAAQ;QACxE,kBAAC,QAAD;KAAM,WAAU;eAAiC,EAAK;KAAa,CAAA,CAC/D;MAHI,EAGJ,CACN;GACE,EAPI,EAOJ;EAGV,KAAK,YACH,QACE,kBAAC,OAAD;GAAiB,WAAU;aACxB,EAAQ,SAAS,KAAK,GAAQ,MAC7B,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,IAAW,EAAO;IACjC,WAAU;cAUT,EAAO;IACD,EAdF,EAcE,CACT;GACE,EAnBI,EAmBJ;EAGV,QACE,QAAO;;;AAQb,IAAa,IAAkD,EAAK,SAA4B,EAC9F,QAAQ,GACR,SACA,cACC;AAKD,QAJI,CAAC,GAAM,MAAM,UAAU,CAAC,GAAM,SAAS,SAClC,kBAAC,OAAD;EAAK,WAAU;YAAkE;EAA2B,CAAA,GAInH,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aAAU,EAAK,MAAM,KAAK,GAAS,MAAM,EAAc,GAAS,GAAG,EAAQ,CAAC;GAAO,CAAA,EAGjG,EAAK,WAAW,EAAK,QAAQ,SAAS,KACrC,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,QAAQ,KAAK,GAAQ,MACzB,kBAAC,UAAD;IAEE,MAAK;IACL,eAAe,IAAU,EAAO;IAChC,WAAU;cAUT,EAAO;IACD,EAdF,EAcE,CACT;GACE,CAAA,CAEJ;;EAER"}

package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js

@@ -1,30 +1,31 @@
 import { memo as e, useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/calendar/CalendarWidget.tsx
-function i(e, t) {
+function a(e, t) {
 	for (let n of t) if (e[n] !== void 0 && e[n] !== null) return e[n];
 }
-function a(e) {
+function o(e) {
 	let t = Array.isArray(e) ? e : Array.isArray(e?.events) ? e.events : Array.isArray(e?.items) ? e.items : Array.isArray(e?.data) ? e.data : void 0;
 	return Array.isArray(t) ? t.map((e, t) => {
 		if (!e || typeof e != "object") return null;
-		let n = e, r = i(n, [
+		let n = e, r = a(n, [
 			"start",
 			"startDate",
 			"date",
 			"startTime"
 		]);
 		if (!r) return null;
-		let a = i(n, [
+		let i = a(n, [
 			"end",
 			"endDate",
 			"endTime"
-		]) ?? r, o = i(n, [
+		]) ?? r, o = a(n, [
 			"title",
 			"name",
 			"label",
 			"summary"
-		]) ?? "Untitled event", s = i(n, [
+		]) ?? "Untitled event", s = a(n, [
 			"id",
 			"eventId",
 			"_id"
@@ -33,10 +34,10 @@ function a(e) {
 			id: String(s),
 			title: String(o),
 			start: String(r),
-			end: String(a),
+			end: String(i),
 			color: typeof n.color == "string" ? n.color : void 0,
 			allDay: typeof n.allDay == "boolean" ? n.allDay : void 0,
-			category: i(n, [
+			category: a(n, [
 				"category",
 				"group",
 				"type"
@@ -44,75 +45,75 @@ function a(e) {
 		};
 	}).filter((e) => e !== null) : [];
 }
-var o = e(function({ widget: e, data: i, onClick: o }) {
-	let s = t(() => a(i), [i]), c = t(() => {
+var s = e(function({ widget: e, data: a, onClick: s }) {
+	let { t: c } = n(), l = t(() => o(a), [a]), u = t(() => {
 		let e = /* @__PURE__ */ new Date(), t = new Date(e.getTime() + 10080 * 60 * 1e3);
-		return s.filter((n) => {
+		return l.filter((n) => {
 			let r = new Date(n.start);
 			return r >= e && r <= t;
 		}).sort((e, t) => new Date(e.start).getTime() - new Date(t.start).getTime()).slice(0, 8);
-	}, [s]);
-	return s.length ? /* @__PURE__ */ r("div", {
+	}, [l]);
+	return l.length ? /* @__PURE__ */ i("div", {
 		className: "flex flex-col h-full p-4 overflow-auto",
 		children: [
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "flex items-center justify-between mb-4",
-				children: [/* @__PURE__ */ n("h3", {
+				children: [/* @__PURE__ */ r("h3", {
 					className: "text-sm font-medium text-text-primary",
-					children: "Upcoming Events"
+					children: c("bigconsole.widget.calendar.upcomingEvents", "Upcoming Events")
 				}), /* @__PURE__ */ r("span", {
 					className: "text-xs text-text-secondary",
-					children: [s.length, " events"]
+					children: c("bigconsole.widget.calendar.eventCount", "{{count}} events", { count: l.length })
 				})]
 			}),
-			/* @__PURE__ */ n("div", {
+			/* @__PURE__ */ r("div", {
 				className: "flex-1 space-y-2 overflow-auto",
-				children: c.map((e) => {
-					let t = new Date(e.start), i = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-					return /* @__PURE__ */ n("div", {
+				children: u.map((e) => {
+					let t = new Date(e.start), n = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
+					return /* @__PURE__ */ r("div", {
 						className: `
                   p-3 rounded-lg border border-border-default
-                  ${o ? "cursor-pointer hover:border-action-primary-bg" : ""}
+                  ${s ? "cursor-pointer hover:border-action-primary-bg" : ""}
                   transition-colors
                 `,
-						onClick: () => o?.(e),
-						children: /* @__PURE__ */ r("div", {
+						onClick: () => s?.(e),
+						children: /* @__PURE__ */ i("div", {
 							className: "flex items-start gap-3",
-							children: [/* @__PURE__ */ n("div", {
+							children: [/* @__PURE__ */ r("div", {
 								className: "w-1 h-full min-h-[40px] rounded-full flex-shrink-0",
 								style: { backgroundColor: e.color || "var(--color-action-primary-bg)" }
-							}), /* @__PURE__ */ r("div", {
+							}), /* @__PURE__ */ i("div", {
 								className: "flex-1 min-w-0",
 								children: [
-									/* @__PURE__ */ n("p", {
+									/* @__PURE__ */ r("p", {
 										className: "text-sm font-medium text-text-primary truncate",
 										children: e.title
 									}),
-									/* @__PURE__ */ r("p", {
+									/* @__PURE__ */ i("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: [
-											i ? /* @__PURE__ */ n("span", {
+											n ? /* @__PURE__ */ r("span", {
 												className: "text-status-success-text font-medium",
-												children: "Today"
+												children: c("bigconsole.widget.calendar.today", "Today")
 											}) : t.toLocaleDateString("en-US", {
 												weekday: "short",
 												month: "short",
 												day: "numeric"
 											}),
-											!e.allDay && /* @__PURE__ */ n("span", {
+											!e.allDay && /* @__PURE__ */ r("span", {
 												className: "ml-2",
 												children: t.toLocaleTimeString("en-US", {
 													hour: "numeric",
 													minute: "2-digit"
 												})
 											}),
-											e.allDay && /* @__PURE__ */ n("span", {
+											e.allDay && /* @__PURE__ */ r("span", {
 												className: "ml-2",
-												children: "All day"
+												children: c("bigconsole.widget.calendar.allDay", "All day")
 											})
 										]
 									}),
-									e.category && /* @__PURE__ */ n("span", {
+									e.category && /* @__PURE__ */ r("span", {
 										className: "inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary",
 										children: e.category
 									})
@@ -122,35 +123,31 @@ var o = e(function({ widget: e, data: i, onClick: o }) {
 					}, e.id);
 				})
 			}),
-			s.length > c.length && /* @__PURE__ */ r("p", {
-				className: "text-xs text-text-tertiary text-center mt-3",
-				children: [
-					"+",
-					s.length - c.length,
-					" more events"
-				]
+			l.length > u.length && /* @__PURE__ */ r("p", {
+				className: "text-xs text-text-muted text-center mt-3",
+				children: c("bigconsole.widget.calendar.moreEvents", "+{{count}} more events", { count: l.length - u.length })
 			})
 		]
-	}) : /* @__PURE__ */ n("div", {
+	}) : /* @__PURE__ */ r("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ r("div", {
+		children: /* @__PURE__ */ i("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ n("svg", {
-				className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
+			children: [/* @__PURE__ */ r("svg", {
+				className: "w-12 h-12 mx-auto mb-2 text-text-muted",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ n("path", {
+				children: /* @__PURE__ */ r("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
 				})
-			}), /* @__PURE__ */ n("p", { children: "No events to display" })]
+			}), /* @__PURE__ */ r("p", { children: c("bigconsole.widget.calendar.emptyState", "No events to display") })]
 		})
 	});
 });
 //#endregion
-export { o as default };
+export { s as default };
 
 //# sourceMappingURL=CalendarWidget.js.map

package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/calendar/CalendarWidget.tsx"],"sourcesContent":["/**\n * CalendarWidget Component\n *\n * Simple calendar view showing events.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CalendarWidgetProps {\n  widget: Widget;\n  data?: CalendarData;\n  onClick?: (event: CalendarEvent) => void;\n}\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: string;\n  end: string;\n  color?: string;\n  allDay?: boolean;\n  category?: string;\n}\n\nexport interface CalendarData {\n  events?: CalendarEvent[];\n  currentDate?: string;\n  view?: 'month' | 'week' | 'day';\n}\n\n// ============================================================================\n// Normalization\n// ============================================================================\n\nfunction firstDefined<T = unknown>(obj: Record<string, unknown>, keys: string[]): T | undefined {\n  for (const key of keys) {\n    if (obj[key] !== undefined && obj[key] !== null) return obj[key] as T;\n  }\n  return undefined;\n}\n\n/**\n * Normalize whatever the widget is bound to into `CalendarEvent[]`. Accepts the\n * documented `{ events, ... }` shape, an events array under a different common\n * key, or a bare array of event-like records — a DataSink parser naturally\n * outputs a bare array, and WidgetWrapper has no calendar-specific reshaping\n * step (unlike table/list/chart), so this widget has to tolerate it itself, the\n * same way MapWidget tolerates a bare marker array instead of requiring\n * `{ markers }`. Field names are matched against common aliases so a parser\n * doesn't have to emit the exact `title`/`start`/`end` keys.\n */\nexport function normalizeCalendarEvents(\n  data: CalendarData | CalendarEvent[] | Record<string, unknown> | undefined\n): CalendarEvent[] {\n  const rawEvents: unknown = Array.isArray(data)\n    ? data\n    : Array.isArray((data as CalendarData | undefined)?.events)\n      ? (data as CalendarData).events\n      : Array.isArray((data as Record<string, unknown> | undefined)?.items)\n        ? (data as Record<string, unknown>).items\n        : Array.isArray((data as Record<string, unknown> | undefined)?.data)\n          ? (data as Record<string, unknown>).data\n          : undefined;\n\n  if (!Array.isArray(rawEvents)) return [];\n\n  return rawEvents\n    .map((raw, i): CalendarEvent | null => {\n      if (!raw || typeof raw !== 'object') return null;\n      const r = raw as Record<string, unknown>;\n      const start = firstDefined<string>(r, ['start', 'startDate', 'date', 'startTime']);\n      if (!start) return null;\n      const end = firstDefined<string>(r, ['end', 'endDate', 'endTime']) ?? start;\n      const title = firstDefined<string>(r, ['title', 'name', 'label', 'summary']) ?? 'Untitled event';\n      const id = firstDefined<string>(r, ['id', 'eventId', '_id']) ?? `${title}-${start}-${i}`;\n      return {\n        id: String(id),\n        title: String(title),\n        start: String(start),\n        end: String(end),\n        color: typeof r.color === 'string' ? r.color : undefined,\n        allDay: typeof r.allDay === 'boolean' ? r.allDay : undefined,\n        category: firstDefined<string>(r, ['category', 'group', 'type']),\n      };\n    })\n    .filter((e): e is CalendarEvent => e !== null);\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CalendarWidget: FC<CalendarWidgetProps> = memo(function CalendarWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const events = useMemo(() => normalizeCalendarEvents(data), [data]);\n\n  // Get upcoming events (next 7 days)\n  const upcomingEvents = useMemo(() => {\n    const now = new Date();\n    const weekFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);\n    return events\n      .filter((e) => {\n        const eventDate = new Date(e.start);\n        return eventDate >= now && eventDate <= weekFromNow;\n      })\n      .sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime())\n      .slice(0, 8);\n  }, [events]);\n\n  if (!events.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          <p>No events to display</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Upcoming Events</h3>\n        <span className=\"text-xs text-text-secondary\">{events.length} events</span>\n      </div>\n\n      {/* Event List */}\n      <div className=\"flex-1 space-y-2 overflow-auto\">\n        {upcomingEvents.map((event) => {\n          const eventDate = new Date(event.start);\n          const isToday = eventDate.toDateString() === new Date().toDateString();\n\n          return (\n            <div\n              key={event.id}\n              className={`\n                  p-3 rounded-lg border border-border-default\n                  ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                  transition-colors\n                `}\n              onClick={() => onClick?.(event)}\n            >\n              <div className=\"flex items-start gap-3\">\n                {/* Color indicator */}\n                <div\n                  className=\"w-1 h-full min-h-[40px] rounded-full flex-shrink-0\"\n                  style={{ backgroundColor: event.color || 'var(--color-action-primary-bg)' }}\n                />\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary truncate\">{event.title}</p>\n                  <p className=\"text-xs text-text-secondary mt-1\">\n                    {isToday ? (\n                      <span className=\"text-status-success-text font-medium\">Today</span>\n                    ) : (\n                      eventDate.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })\n                    )}\n                    {!event.allDay && (\n                      <span className=\"ml-2\">\n                        {eventDate.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })}\n                      </span>\n                    )}\n                    {event.allDay && <span className=\"ml-2\">All day</span>}\n                  </p>\n                  {event.category && (\n                    <span className=\"inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary\">\n                      {event.category}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {events.length > upcomingEvents.length && (\n        <p className=\"text-xs text-text-tertiary text-center mt-3\">\n          +{events.length - upcomingEvents.length} more events\n        </p>\n      )}\n    </div>\n  );\n});\n\nexport default CalendarWidget;\n"],"mappings":"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"}
+{"version":3,"file":"CalendarWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/calendar/CalendarWidget.tsx"],"sourcesContent":["/**\n * CalendarWidget Component\n *\n * Simple calendar view showing events.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CalendarWidgetProps {\n  widget: Widget;\n  data?: CalendarData;\n  onClick?: (event: CalendarEvent) => void;\n}\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: string;\n  end: string;\n  color?: string;\n  allDay?: boolean;\n  category?: string;\n}\n\nexport interface CalendarData {\n  events?: CalendarEvent[];\n  currentDate?: string;\n  view?: 'month' | 'week' | 'day';\n}\n\n// ============================================================================\n// Normalization\n// ============================================================================\n\nfunction firstDefined<T = unknown>(obj: Record<string, unknown>, keys: string[]): T | undefined {\n  for (const key of keys) {\n    if (obj[key] !== undefined && obj[key] !== null) return obj[key] as T;\n  }\n  return undefined;\n}\n\n/**\n * Normalize whatever the widget is bound to into `CalendarEvent[]`. Accepts the\n * documented `{ events, ... }` shape, an events array under a different common\n * key, or a bare array of event-like records — a DataSink parser naturally\n * outputs a bare array, and WidgetWrapper has no calendar-specific reshaping\n * step (unlike table/list/chart), so this widget has to tolerate it itself, the\n * same way MapWidget tolerates a bare marker array instead of requiring\n * `{ markers }`. Field names are matched against common aliases so a parser\n * doesn't have to emit the exact `title`/`start`/`end` keys.\n */\nexport function normalizeCalendarEvents(\n  data: CalendarData | CalendarEvent[] | Record<string, unknown> | undefined\n): CalendarEvent[] {\n  const rawEvents: unknown = Array.isArray(data)\n    ? data\n    : Array.isArray((data as CalendarData | undefined)?.events)\n      ? (data as CalendarData).events\n      : Array.isArray((data as Record<string, unknown> | undefined)?.items)\n        ? (data as Record<string, unknown>).items\n        : Array.isArray((data as Record<string, unknown> | undefined)?.data)\n          ? (data as Record<string, unknown>).data\n          : undefined;\n\n  if (!Array.isArray(rawEvents)) return [];\n\n  return rawEvents\n    .map((raw, i): CalendarEvent | null => {\n      if (!raw || typeof raw !== 'object') return null;\n      const r = raw as Record<string, unknown>;\n      const start = firstDefined<string>(r, ['start', 'startDate', 'date', 'startTime']);\n      if (!start) return null;\n      const end = firstDefined<string>(r, ['end', 'endDate', 'endTime']) ?? start;\n      const title = firstDefined<string>(r, ['title', 'name', 'label', 'summary']) ?? 'Untitled event';\n      const id = firstDefined<string>(r, ['id', 'eventId', '_id']) ?? `${title}-${start}-${i}`;\n      return {\n        id: String(id),\n        title: String(title),\n        start: String(start),\n        end: String(end),\n        color: typeof r.color === 'string' ? r.color : undefined,\n        allDay: typeof r.allDay === 'boolean' ? r.allDay : undefined,\n        category: firstDefined<string>(r, ['category', 'group', 'type']),\n      };\n    })\n    .filter((e): e is CalendarEvent => e !== null);\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CalendarWidget: FC<CalendarWidgetProps> = memo(function CalendarWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const { t } = useI18n();\n  const events = useMemo(() => normalizeCalendarEvents(data), [data]);\n\n  // Get upcoming events (next 7 days)\n  const upcomingEvents = useMemo(() => {\n    const now = new Date();\n    const weekFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);\n    return events\n      .filter((e) => {\n        const eventDate = new Date(e.start);\n        return eventDate >= now && eventDate <= weekFromNow;\n      })\n      .sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime())\n      .slice(0, 8);\n  }, [events]);\n\n  if (!events.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          <p>{t('bigconsole.widget.calendar.emptyState', 'No events to display')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">\n          {t('bigconsole.widget.calendar.upcomingEvents', 'Upcoming Events')}\n        </h3>\n        <span className=\"text-xs text-text-secondary\">\n          {t('bigconsole.widget.calendar.eventCount', '{{count}} events', { count: events.length })}\n        </span>\n      </div>\n\n      {/* Event List */}\n      <div className=\"flex-1 space-y-2 overflow-auto\">\n        {upcomingEvents.map((event) => {\n          const eventDate = new Date(event.start);\n          const isToday = eventDate.toDateString() === new Date().toDateString();\n\n          return (\n            <div\n              key={event.id}\n              className={`\n                  p-3 rounded-lg border border-border-default\n                  ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                  transition-colors\n                `}\n              onClick={() => onClick?.(event)}\n            >\n              <div className=\"flex items-start gap-3\">\n                {/* Color indicator */}\n                <div\n                  className=\"w-1 h-full min-h-[40px] rounded-full flex-shrink-0\"\n                  style={{ backgroundColor: event.color || 'var(--color-action-primary-bg)' }}\n                />\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary truncate\">{event.title}</p>\n                  <p className=\"text-xs text-text-secondary mt-1\">\n                    {isToday ? (\n                      <span className=\"text-status-success-text font-medium\">\n                        {t('bigconsole.widget.calendar.today', 'Today')}\n                      </span>\n                    ) : (\n                      eventDate.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })\n                    )}\n                    {!event.allDay && (\n                      <span className=\"ml-2\">\n                        {eventDate.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })}\n                      </span>\n                    )}\n                    {event.allDay && <span className=\"ml-2\">{t('bigconsole.widget.calendar.allDay', 'All day')}</span>}\n                  </p>\n                  {event.category && (\n                    <span className=\"inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary\">\n                      {event.category}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {events.length > upcomingEvents.length && (\n        <p className=\"text-xs text-text-muted text-center mt-3\">\n          {t('bigconsole.widget.calendar.moreEvents', '+{{count}} more events', {\n            count: events.length - upcomingEvents.length,\n          })}\n        </p>\n      )}\n    </div>\n  );\n});\n\nexport default CalendarWidget;\n"],"mappings":";;;;AAwCA,SAAS,EAA0B,GAA8B,GAA+B;AAC9F,MAAK,IAAM,KAAO,EAChB,KAAI,EAAI,OAAS,KAAA,KAAa,EAAI,OAAS,KAAM,QAAO,EAAI;;AAehE,SAAgB,EACd,GACiB;CACjB,IAAM,IAAqB,MAAM,QAAQ,EAAK,GAC1C,IACA,MAAM,QAAS,GAAmC,OAAO,GACtD,EAAsB,SACvB,MAAM,QAAS,GAA8C,MAAM,GAChE,EAAiC,QAClC,MAAM,QAAS,GAA8C,KAAK,GAC/D,EAAiC,OAClC,KAAA;AAIV,QAFK,MAAM,QAAQ,EAAU,GAEtB,EACJ,KAAK,GAAK,MAA4B;AACrC,MAAI,CAAC,KAAO,OAAO,KAAQ,SAAU,QAAO;EAC5C,IAAM,IAAI,GACJ,IAAQ,EAAqB,GAAG;GAAC;GAAS;GAAa;GAAQ;GAAY,CAAC;AAClF,MAAI,CAAC,EAAO,QAAO;EACnB,IAAM,IAAM,EAAqB,GAAG;GAAC;GAAO;GAAW;GAAU,CAAC,IAAI,GAChE,IAAQ,EAAqB,GAAG;GAAC;GAAS;GAAQ;GAAS;GAAU,CAAC,IAAI,kBAC1E,IAAK,EAAqB,GAAG;GAAC;GAAM;GAAW;GAAM,CAAC,IAAI,GAAG,EAAM,GAAG,EAAM,GAAG;AACrF,SAAO;GACL,IAAI,OAAO,EAAG;GACd,OAAO,OAAO,EAAM;GACpB,OAAO,OAAO,EAAM;GACpB,KAAK,OAAO,EAAI;GAChB,OAAO,OAAO,EAAE,SAAU,WAAW,EAAE,QAAQ,KAAA;GAC/C,QAAQ,OAAO,EAAE,UAAW,YAAY,EAAE,SAAS,KAAA;GACnD,UAAU,EAAqB,GAAG;IAAC;IAAY;IAAS;IAAO,CAAC;GACjE;GACD,CACD,QAAQ,MAA0B,MAAM,KAAK,GArBV,EAAE;;AA4B1C,IAAa,IAA0C,EAAK,SAAwB,EAClF,QAAQ,GACR,SACA,cACC;CACD,IAAM,EAAE,SAAM,GAAS,EACjB,IAAS,QAAc,EAAwB,EAAK,EAAE,CAAC,EAAK,CAAC,EAG7D,IAAiB,QAAc;EACnC,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAc,IAAI,KAAK,EAAI,SAAS,GAAG,QAAc,KAAK,IAAK;AACrE,SAAO,EACJ,QAAQ,MAAM;GACb,IAAM,IAAY,IAAI,KAAK,EAAE,MAAM;AACnC,UAAO,KAAa,KAAO,KAAa;IACxC,CACD,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CACzE,MAAM,GAAG,EAAE;IACb,CAAC,EAAO,CAAC;AAoBZ,QAlBK,EAAO,SAmBV,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,6CAA6C,kBAAkB;KAC/D,CAAA,EACL,kBAAC,QAAD;KAAM,WAAU;eACb,EAAE,yCAAyC,oBAAoB,EAAE,OAAO,EAAO,QAAQ,CAAC;KACpF,CAAA,CACH;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAe,KAAK,MAAU;KAC7B,IAAM,IAAY,IAAI,KAAK,EAAM,MAAM,EACjC,IAAU,EAAU,cAAc,sBAAK,IAAI,MAAM,EAAC,cAAc;AAEtE,YACE,kBAAC,OAAD;MAEE,WAAW;;oBAEL,IAAU,kDAAkD,GAAG;;;MAGrE,eAAe,IAAU,EAAM;gBAE/B,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAEE,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,iBAAiB,EAAM,SAAS,kCAAkC;QAC3E,CAAA,EAEF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAkD,EAAM;UAAU,CAAA;SAC/E,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,IACC,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAE,oCAAoC,QAAQ;YAC1C,CAAA,GAEP,EAAU,mBAAmB,SAAS;YAAE,SAAS;YAAS,OAAO;YAAS,KAAK;YAAW,CAAC;WAE5F,CAAC,EAAM,UACN,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAU,mBAAmB,SAAS;aAAE,MAAM;aAAW,QAAQ;aAAW,CAAC;YACzE,CAAA;WAER,EAAM,UAAU,kBAAC,QAAD;YAAM,WAAU;sBAAQ,EAAE,qCAAqC,UAAU;YAAQ,CAAA;WAChG;;SACH,EAAM,YACL,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAM;UACF,CAAA;SAEL;UACF;;MACF,EAvCC,EAAM,GAuCP;MAER;IACE,CAAA;GAEL,EAAO,SAAS,EAAe,UAC9B,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,yCAAyC,0BAA0B,EACpE,OAAO,EAAO,SAAS,EAAe,QACvC,CAAC;IACA,CAAA;GAEF;MAvFJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;IAAyC,MAAK;IAAO,QAAO;IAAe,SAAQ;cAChG,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD,EAAA,UAAI,EAAE,yCAAyC,uBAAuB,EAAK,CAAA,CACvE;;EACF,CAAA;EA6EV"}