@xihan-ui/vue 1.0.0-alpha.2 → 1.0.0

package/dist/components/floating-panel/floating-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-panel.js","names":[],"sources":["../../../src/components/floating-panel/floating-panel.ts"],"sourcesContent":["import type {\n  FloatingPanelApi,\n  FloatingPanelPosition,\n  FloatingPanelResizeEdge,\n  FloatingPanelSchema,\n  FloatingPanelSize,\n  FloatingPanelStage,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps, Teleport } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideFloatingPanel, useFloatingPanelContext } from './context'\nimport { useFloatingPanel } from './use-floating-panel'\n\ntype FloatingPanelProps = FloatingPanelSchema['props']\n\n/** 默认插槽的载荷：开合、形态与矩形，以及改这四样的动作。 */\nexport type FloatingPanelRootSlotProps = Pick<\n  FloatingPanelApi,\n  'open' | 'stage' | 'position' | 'size' | 'dragging' | 'resizing' | 'canDrag' | 'canResize'\n  | 'setOpen' | 'setPosition' | 'setSize' | 'setStage'\n>\n\nexport const XhFloatingPanelRoot = defineComponent({\n  name: 'XhFloatingPanelRoot',\n  // 全部 default: undefined，缺省值由 connect 与机器决定\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    position: { type: Object as PropType<FloatingPanelPosition>, default: undefined },\n    defaultPosition: { type: Object as PropType<FloatingPanelPosition>, default: undefined },\n    size: { type: Object as PropType<FloatingPanelSize>, default: undefined },\n    defaultSize: { type: Object as PropType<FloatingPanelSize>, default: undefined },\n    minSize: { type: Object as PropType<FloatingPanelSize>, default: undefined },\n    maxSize: { type: Object as PropType<FloatingPanelSize>, default: undefined },\n    stage: { type: String as PropType<FloatingPanelStage>, default: undefined },\n    defaultStage: { type: String as PropType<FloatingPanelStage>, default: undefined },\n    // 缺省为真的两个开关：写成裸 Boolean 会被 Vue 的布尔 casting 永久关死\n    draggable: { type: Boolean, default: undefined },\n    resizable: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<FloatingPanelProps['translations']>, default: undefined },\n  },\n  // 语义事件收整个 details，update: 收裸值\n  emits: {\n    'open-change': (_details: PayloadOf<FloatingPanelProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<FloatingPanelProps, 'onOpenChange'>['open']) => true,\n    'position-change': (_details: PayloadOf<FloatingPanelProps, 'onPositionChange'>) => true,\n    'update:position': (_position: PayloadOf<FloatingPanelProps, 'onPositionChange'>['position']) => true,\n    'size-change': (_details: PayloadOf<FloatingPanelProps, 'onSizeChange'>) => true,\n    'update:size': (_size: PayloadOf<FloatingPanelProps, 'onSizeChange'>['size']) => true,\n    'stage-change': (_details: PayloadOf<FloatingPanelProps, 'onStageChange'>) => true,\n    'update:stage': (_stage: PayloadOf<FloatingPanelProps, 'onStageChange'>['stage']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FloatingPanelRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useFloatingPanel(withXhConfig('floating-panel', props) as FloatingPanelProps, {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n      onPositionChange: (details) => {\n        emit('position-change', details)\n        emit('update:position', details.position)\n      },\n      onSizeChange: (details) => {\n        emit('size-change', details)\n        emit('update:size', details.size)\n      },\n      onStageChange: (details) => {\n        emit('stage-change', details)\n        emit('update:stage', details.stage)\n      },\n    })\n    provideFloatingPanel(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      stage: ctx.api.value.stage,\n      position: ctx.api.value.position,\n      size: ctx.api.value.size,\n      dragging: ctx.api.value.dragging,\n      resizing: ctx.api.value.resizing,\n      canDrag: ctx.api.value.canDrag,\n      canResize: ctx.api.value.canResize,\n      setOpen: ctx.api.value.setOpen,\n      setPosition: ctx.api.value.setPosition,\n      setSize: ctx.api.value.setSize,\n      setStage: ctx.api.value.setStage,\n    }))\n  },\n})\n\nexport const XhFloatingPanelTrigger = defineComponent({\n  name: 'XhFloatingPanelTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 用原生 button，激活交给平台\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelPositioner = defineComponent({\n  name: 'XhFloatingPanelPositioner',\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(_, { slots, attrs }) {\n    const ctx = useFloatingPanelContext()\n    // 定位层搬到 portal 落点，逃开祖先的层叠上下文\n    return () => h(Teleport, { to: ctx.portalTarget.value }, [\n      h(\n        'div',\n        mergeProps(ctx.api.value.getPositionerProps() as Record<string, unknown>, attrs),\n        slots.default?.(),\n      ),\n    ])\n  },\n})\n\nexport const XhFloatingPanelContent = defineComponent({\n  name: 'XhFloatingPanelContent',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 节点交给机器：跟手期间的指针监听要挂在它所在的那个文档上\n    return () => h(\n      'div',\n      { ...ctx.api.value.getContentProps() as Record<string, unknown>, ref: ctx.contentRef },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelHeader = defineComponent({\n  name: 'XhFloatingPanelHeader',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelTitle = defineComponent({\n  name: 'XhFloatingPanelTitle',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelDragTrigger = defineComponent({\n  name: 'XhFloatingPanelDragTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('button', ctx.api.value.getDragTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelResizeTrigger = defineComponent({\n  name: 'XhFloatingPanelResizeTrigger',\n  props: {\n    /** 这个把手守哪条边：n / e / s / w 四条边与 ne / nw / se / sw 四个角。 */\n    edge: { type: String as PropType<FloatingPanelResizeEdge>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 把手是 role=separator 的元素而不是按钮：方向键推边，按钮的激活键在这里没有语义\n    return () => h(\n      'div',\n      ctx.api.value.getResizeTriggerProps({ edge: props.edge }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelStageTrigger = defineComponent({\n  name: 'XhFloatingPanelStageTrigger',\n  props: {\n    /** 按下它切到哪个形态；已经在该形态时再按一次回到常规。 */\n    stage: { type: String as PropType<FloatingPanelStage>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h(\n      'button',\n      ctx.api.value.getStageTriggerProps({ stage: props.stage }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelCloseTrigger = defineComponent({\n  name: 'XhFloatingPanelCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelBody = defineComponent({\n  name: 'XhFloatingPanelBody',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/floating-panel/use-floating-panel.d.ts

@@ -0,0 +1,18 @@
+import { ComputedRef, Ref } from "vue";
+import { FloatingPanelApi, FloatingPanelSchema } from "@xihan-ui/headless";
+import { Service } from "@xihan-ui/machine";
+//#region src/components/floating-panel/use-floating-panel.d.ts
+interface FloatingPanelContext {
+  api: ComputedRef<FloatingPanelApi>;
+  service: Service<FloatingPanelSchema>;
+  /** 面板节点，跟手期间机器取它的文档挂指针监听。 */
+  contentRef: Ref<HTMLElement | null>;
+  /** 浮层搬到哪儿：全局配置的 portalContainer > 单一落点。 */
+  portalTarget: ComputedRef<string | Element>;
+}
+/** 回调打包成一个对象：这个组件有四路对外通知，逐个当形参排下去没法读。 */
+type FloatingPanelNotifiers = Pick<FloatingPanelSchema['props'], 'onOpenChange' | 'onPositionChange' | 'onSizeChange' | 'onStageChange'>;
+declare function useFloatingPanel(props: FloatingPanelSchema['props'], notifiers?: FloatingPanelNotifiers): FloatingPanelContext;
+//#endregion
+export { FloatingPanelContext, FloatingPanelNotifiers, useFloatingPanel };
+//# sourceMappingURL=use-floating-panel.d.ts.map

package/dist/components/floating-panel/use-floating-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-panel.d.ts","names":[],"sources":["../../../src/components/floating-panel/use-floating-panel.ts"],"mappings":";;;;UAWiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,YAAY,IAAI;;EAEhB,cAAc,qBAAqB;;;KAIzB,yBAAyB,KACnC;iBAIc,iBACd,OAAO,8BACP,YAAW,yBACV"}

package/dist/components/floating-panel/use-floating-panel.js

@@ -0,0 +1,28 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useXhConfig } from "../../config/config.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { computed, ref } from "vue";
+import { connectFloatingPanel, floatingPanelMachine } from "@xihan-ui/headless";
+import { createScope, ensurePortalRoot } from "@xihan-ui/kernel";
+//#region src/components/floating-panel/use-floating-panel.ts
+function useFloatingPanel(props, notifiers = {}) {
+	const contentRef = ref(null);
+	const service = useMachine(floatingPanelMachine, () => ({
+		...props,
+		...notifiers
+	}), createScope(null, createVueIdGenerator()));
+	service.refs.set("getContentEl", () => contentRef.value);
+	const api = computed(() => connectFloatingPanel(service, vueNormalize));
+	const xhConfig = useXhConfig();
+	return {
+		api,
+		service,
+		contentRef,
+		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? (typeof document === "undefined" ? "body" : ensurePortalRoot(document)))
+	};
+}
+//#endregion
+export { useFloatingPanel };
+
+//# sourceMappingURL=use-floating-panel.js.map

package/dist/components/floating-panel/use-floating-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-panel.js","names":[],"sources":["../../../src/components/floating-panel/use-floating-panel.ts"],"sourcesContent":["import type { FloatingPanelApi, FloatingPanelSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectFloatingPanel, floatingPanelMachine } from '@xihan-ui/headless'\nimport { createScope, ensurePortalRoot } from '@xihan-ui/kernel'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FloatingPanelContext {\n  api: ComputedRef<FloatingPanelApi>\n  service: Service<FloatingPanelSchema>\n  /** 面板节点，跟手期间机器取它的文档挂指针监听。 */\n  contentRef: Ref<HTMLElement | null>\n  /** 浮层搬到哪儿：全局配置的 portalContainer > 单一落点。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\n/** 回调打包成一个对象：这个组件有四路对外通知，逐个当形参排下去没法读。 */\nexport type FloatingPanelNotifiers = Pick<\n  FloatingPanelSchema['props'],\n  'onOpenChange' | 'onPositionChange' | 'onSizeChange' | 'onStageChange'\n>\n\nexport function useFloatingPanel(\n  props: FloatingPanelSchema['props'],\n  notifiers: FloatingPanelNotifiers = {},\n): FloatingPanelContext {\n  const contentRef = ref<HTMLElement | null>(null)\n\n  // connect 要派生 content 与 title 的 id，因此建 scope：id 走 Vue 的 useId，\n  // 同页多个面板的 IDREF 才不会相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(floatingPanelMachine, () => ({ ...props, ...notifiers }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectFloatingPanel(service, vueNormalize))\n\n  // 定位层要逃开祖先的层叠上下文：祖先链上任意一处 transform / filter / contain 都会抢走\n  // position: fixed 的包含块，而连接层写的 left/top 是视口坐标，面板会落到错误的位置。\n  // 先问全局配置的落点，没有才落单一 portal 根\n  const xhConfig = useXhConfig()\n  const portalTarget = computed<string | Element>(() =>\n    xhConfig.value.portalContainer?.() ?? (typeof document === 'undefined' ? 'body' : ensurePortalRoot(document)),\n  )\n\n  return { api, service, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;AA0BA,SAAgB,iBACd,OACA,YAAoC,CAAC,GACf;CACtB,MAAM,aAAa,IAAwB,IAAI;CAM/C,MAAM,UAAU,WAAW,6BAA6B;EAAE,GAAG;EAAO,GAAG;CAAU,IADnE,YAAY,MADZ,qBACsB,CACqD,CAAC;CAG1F,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAEvD,MAAM,MAAM,eAAe,qBAAqB,SAAS,YAAY,CAAC;CAKtE,MAAM,WAAW,YAAY;CAK7B,OAAO;EAAE;EAAK;EAAS;EAAY,cAJd,eACnB,SAAS,MAAM,kBAAkB,MAAM,OAAO,aAAa,cAAc,SAAS,iBAAiB,QAAQ,EAG/D;CAAE;AAClD"}

package/dist/components/form/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/form/context.ts
-const KEY = Symbol("xh-form");
+const KEY = Symbol.for("xh-form");
 function provideForm(ctx) {
 	provide(KEY, ctx);
 }
@@ -13,7 +13,7 @@ function useFormContext() {
 function useOptionalFormContext() {
 	return inject(KEY, null);
 }
-const FIELD_KEY = Symbol("xh-form-field");
+const FIELD_KEY = Symbol.for("xh-form-field");
 function provideFormField(handle) {
 	provide(FIELD_KEY, handle);
 }

package/dist/components/form/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/form/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FormContext } from './use-form'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FormContext> = Symbol('xh-form')\n\nexport function provideForm(ctx: FormContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFormContext(): FormContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Form 部件必须用在 XhFormRoot 内')\n  return ctx\n}\n\n/** 表单外也能用的部件（如 Field）从这里拿：不在表单里就是 null。 */\nexport function useOptionalFormContext(): FormContext | null {\n  return inject(KEY, null)\n}\n\n/** 字段容器把字段名交给后代：Field 据此从表单上下文自取校验态。 */\nexport interface FormFieldHandle {\n  name: () => string\n}\n\nconst FIELD_KEY: InjectionKey<FormFieldHandle> = Symbol('xh-form-field')\n\nexport function provideFormField(handle: FormFieldHandle): void {\n  provide(FIELD_KEY, handle)\n}\n\nexport function useOptionalFormField(): FormFieldHandle | null {\n  return inject(FIELD_KEY, null)\n}\n"],"mappings":";;AAIA,MAAM,MAAiC,OAAO,SAAS;AAEvD,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT;;AAGA,SAAgB,yBAA6C;CAC3D,OAAO,OAAO,KAAK,IAAI;AACzB;AAOA,MAAM,YAA2C,OAAO,eAAe;AAEvE,SAAgB,iBAAiB,QAA+B;CAC9D,QAAQ,WAAW,MAAM;AAC3B;AAEA,SAAgB,uBAA+C;CAC7D,OAAO,OAAO,WAAW,IAAI;AAC/B"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/form/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FormContext } from './use-form'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FormContext> = Symbol.for('xh-form')\n\nexport function provideForm(ctx: FormContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFormContext(): FormContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Form 部件必须用在 XhFormRoot 内')\n  return ctx\n}\n\n/** 表单外也能用的部件（如 Field）从这里拿：不在表单里就是 null。 */\nexport function useOptionalFormContext(): FormContext | null {\n  return inject(KEY, null)\n}\n\n/** 字段容器把字段名交给后代：Field 据此从表单上下文自取校验态。 */\nexport interface FormFieldHandle {\n  name: () => string\n}\n\nconst FIELD_KEY: InjectionKey<FormFieldHandle> = Symbol.for('xh-form-field')\n\nexport function provideFormField(handle: FormFieldHandle): void {\n  provide(FIELD_KEY, handle)\n}\n\nexport function useOptionalFormField(): FormFieldHandle | null {\n  return inject(FIELD_KEY, null)\n}\n"],"mappings":";;AAIA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT;;AAGA,SAAgB,yBAA6C;CAC3D,OAAO,OAAO,KAAK,IAAI;AACzB;AAOA,MAAM,YAA2C,OAAO,IAAI,eAAe;AAE3E,SAAgB,iBAAiB,QAA+B;CAC9D,QAAQ,WAAW,MAAM;AAC3B;AAEA,SAAgB,uBAA+C;CAC7D,OAAO,OAAO,WAAW,IAAI;AAC/B"}

package/dist/components/form/form.d.ts

@@ -134,11 +134,11 @@ declare const XhFormRoot: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
   values: FormValues;
   disabled: boolean;
+  layout: import("@xihan-ui/headless").FormLayout | undefined;
   readOnly: boolean;
   validate: ((values: FormValues) => FormErrorPatch | Promise<FormErrorPatch>) | undefined;
   rules: import("@xihan-ui/headless").FormRules | undefined;
   validateMessages: import("@xihan-ui/headless").FormValidateMessages | undefined;
-  layout: import("@xihan-ui/headless").FormLayout | undefined;
   labelAlign: "start" | "end" | undefined;
   errors: FormErrorPatch;
   defaultValues: FormValues;

package/dist/components/grid/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/grid/context.ts
-const KEY = Symbol("xh-grid");
+const KEY = Symbol.for("xh-grid");
 function provideGrid(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/grid/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/grid/context.ts"],"sourcesContent":["import type { GridApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface GridContext {\n  api: ComputedRef<GridApi>\n}\n\nconst KEY: InjectionKey<GridContext> = Symbol('xh-grid')\n\nexport function provideGrid(ctx: GridContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useGridContext(): GridContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Grid 部件必须用在 XhGridRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAiC,OAAO,SAAS;AAEvD,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/grid/context.ts"],"sourcesContent":["import type { GridApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface GridContext {\n  api: ComputedRef<GridApi>\n}\n\nconst KEY: InjectionKey<GridContext> = Symbol.for('xh-grid')\n\nexport function provideGrid(ctx: GridContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useGridContext(): GridContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Grid 部件必须用在 XhGridRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}

package/dist/components/heatmap/context.d.ts

@@ -0,0 +1,7 @@
+import { HeatmapContext } from "./use-heatmap.js";
+import { ComputedRef } from "vue";
+//#region src/components/heatmap/context.d.ts
+declare function useHeatmapContext(): HeatmapContext;
+//#endregion
+export { useHeatmapContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/heatmap/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/heatmap/context.ts"],"mappings":";;;iBAgBgB,qBAAqB"}

package/dist/components/heatmap/context.js

@@ -0,0 +1,32 @@
+import { inject, provide } from "vue";
+//#region src/components/heatmap/context.ts
+const KEY = Symbol.for("xh-heatmap");
+/** 月块把自己的月份身份传给块内的行：一行由「哪个月 + 月内第几周」定位。 */
+const MONTH_KEY = Symbol.for("xh-heatmap-month");
+/** 行把自己的行身份传给行里的格子：矩阵的一格由「哪一行 + 哪一列」定位。 */
+const ROW_KEY = Symbol.for("xh-heatmap-row");
+function provideHeatmap(ctx) {
+	provide(KEY, ctx);
+}
+function useHeatmapContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] Heatmap 部件必须用在 XhHeatmapRoot 内");
+	return ctx;
+}
+function provideHeatmapMonth(month) {
+	provide(MONTH_KEY, month);
+}
+/** 没写在月块里就没有月份身份，行自己再从 props 上找。 */
+function useHeatmapMonth() {
+	return inject(MONTH_KEY, null);
+}
+function provideHeatmapRow(row) {
+	provide(ROW_KEY, row);
+}
+function useHeatmapRow() {
+	return inject(ROW_KEY, null);
+}
+//#endregion
+export { provideHeatmap, provideHeatmapMonth, provideHeatmapRow, useHeatmapContext, useHeatmapMonth, useHeatmapRow };
+
+//# sourceMappingURL=context.js.map

package/dist/components/heatmap/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/heatmap/context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\nimport type { HeatmapContext } from './use-heatmap'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<HeatmapContext> = Symbol.for('xh-heatmap')\n\n/** 月块把自己的月份身份传给块内的行：一行由「哪个月 + 月内第几周」定位。 */\nconst MONTH_KEY: InjectionKey<ComputedRef<string>> = Symbol.for('xh-heatmap-month')\n\n/** 行把自己的行身份传给行里的格子：矩阵的一格由「哪一行 + 哪一列」定位。 */\nconst ROW_KEY: InjectionKey<ComputedRef<string | undefined>> = Symbol.for('xh-heatmap-row')\n\nexport function provideHeatmap(ctx: HeatmapContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useHeatmapContext(): HeatmapContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Heatmap 部件必须用在 XhHeatmapRoot 内')\n  return ctx\n}\n\nexport function provideHeatmapMonth(month: ComputedRef<string>): void {\n  provide(MONTH_KEY, month)\n}\n\n/** 没写在月块里就没有月份身份，行自己再从 props 上找。 */\nexport function useHeatmapMonth(): ComputedRef<string> | null {\n  return inject(MONTH_KEY, null)\n}\n\nexport function provideHeatmapRow(row: ComputedRef<string | undefined>): void {\n  provide(ROW_KEY, row)\n}\n\nexport function useHeatmapRow(): ComputedRef<string | undefined> | null {\n  return inject(ROW_KEY, null)\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,IAAI,YAAY;;AAGjE,MAAM,YAA+C,OAAO,IAAI,kBAAkB;;AAGlF,MAAM,UAAyD,OAAO,IAAI,gBAAgB;AAE1F,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;AAEA,SAAgB,oBAAoB,OAAkC;CACpE,QAAQ,WAAW,KAAK;AAC1B;;AAGA,SAAgB,kBAA8C;CAC5D,OAAO,OAAO,WAAW,IAAI;AAC/B;AAEA,SAAgB,kBAAkB,KAA4C;CAC5E,QAAQ,SAAS,GAAG;AACtB;AAEA,SAAgB,gBAAwD;CACtE,OAAO,OAAO,SAAS,IAAI;AAC7B"}

package/dist/components/heatmap/heatmap.d.ts

@@ -0,0 +1,352 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { HeatmapApi, HeatmapAxisInput, HeatmapCellDetails, HeatmapCellMeta, HeatmapLegendBound, HeatmapMatrixCellMeta, HeatmapPalette, HeatmapSchema, HeatmapTranslations, HeatmapValue, HeatmapVariant } from "@xihan-ui/headless";
+import { Direction, Size, Tone } from "@xihan-ui/kernel";
+//#region src/components/heatmap/heatmap.d.ts
+type HeatmapProps = HeatmapSchema['props'];
+/**
+ * 默认插槽的载荷：三张网格模型与锚点、当前详情，外加挪锚点的动作。
+ * 三形态通用的那一组（`focusedCell` / `anchorCell` / `setFocusedCell`）也在里面：
+ * 矩阵形态下带 Date 的那一组恒为 null，自己铺矩阵时只有这一组读得出、挪得动锚点。
+ */
+type HeatmapRootSlotProps = Pick<HeatmapApi, 'variant' | 'grid' | 'monthGrid' | 'matrixGrid' | 'focusedCell' | 'focusedDate' | 'anchorCell' | 'anchorDate' | 'activeCell' | 'detailOpen' | 'cellAt' | 'setFocusedCell' | 'setFocusedDate'>;
+/**
+ * `cell` 插槽的载荷：日期形态给日历那一格，矩阵形态给矩阵那一格。
+ * 两者的坐标不同，用 `'date' in cell` 分辨。
+ */
+type HeatmapCellSlotProps = HeatmapCellMeta | HeatmapMatrixCellMeta;
+declare const XhHeatmapRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  variant: {
+    type: PropType<HeatmapVariant>;
+    default: undefined;
+  };
+  value: {
+    type: PropType<HeatmapValue[]>;
+    default: undefined;
+  };
+  rows: {
+    type: PropType<HeatmapAxisInput[]>;
+    default: undefined;
+  };
+  columns: {
+    type: PropType<HeatmapAxisInput[]>;
+    default: undefined;
+  };
+  startDate: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  endDate: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  levels: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  thresholds: {
+    type: PropType<number[]>;
+    default: undefined;
+  };
+  firstDayOfWeek: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  palette: {
+    type: PropType<HeatmapPalette>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<HeatmapTranslations>>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'cell-focus': (_details: PayloadOf<HeatmapProps, "onCellFocus">) => true;
+  'cell-active': (_details: PayloadOf<HeatmapProps, "onCellActive">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  variant: {
+    type: PropType<HeatmapVariant>;
+    default: undefined;
+  };
+  value: {
+    type: PropType<HeatmapValue[]>;
+    default: undefined;
+  };
+  rows: {
+    type: PropType<HeatmapAxisInput[]>;
+    default: undefined;
+  };
+  columns: {
+    type: PropType<HeatmapAxisInput[]>;
+    default: undefined;
+  };
+  startDate: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  endDate: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  levels: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  thresholds: {
+    type: PropType<number[]>;
+    default: undefined;
+  };
+  firstDayOfWeek: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  palette: {
+    type: PropType<HeatmapPalette>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<Partial<HeatmapTranslations>>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  "onCell-focus"?: ((_details: HeatmapCellDetails) => any) | undefined;
+  "onCell-active"?: ((_details: HeatmapCellDetails | null) => any) | undefined;
+}>, {
+  value: HeatmapValue[];
+  dir: Direction;
+  tone: Tone;
+  size: Size;
+  translations: Partial<HeatmapTranslations>;
+  variant: HeatmapVariant;
+  locale: string;
+  levels: number;
+  columns: HeatmapAxisInput[];
+  startDate: string;
+  endDate: string;
+  rows: HeatmapAxisInput[];
+  thresholds: number[];
+  firstDayOfWeek: number;
+  palette: HeatmapPalette;
+}, SlotsType<{
+  default?: (props: HeatmapRootSlotProps) => VNode[];
+  /** 铺开网格时每一格的内容插槽，缺省是空格子；三种形态都铺。 */
+  cell?: (props: HeatmapCellSlotProps) => VNode[];
+  /** 详情条的内容插槽；写了它才会铺出 tooltip 部件。 */
+  tooltip?: (props: HeatmapCellDetails | null) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** role=grid 的容器：键盘在这里收口，可及名字也长在它身上。 */
+declare const XhHeatmapGrid: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 月历形态里的一个自然月块，块内的行从这里取月份身份。 */
+declare const XhHeatmapMonthBlock: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 月份身份 YYYY-MM。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 月份身份 YYYY-MM。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 一行。身份写在 value 上，怎么解释由形态决定：
+ * 日历形态是行序 0-6，月历形态是月内第几周，矩阵形态是行身份；不写即坐标轴那一行。
+ */
+declare const XhHeatmapRow: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: PropType<number | string>;
+    default: undefined;
+  };
+  /** 月历形态：所属月份 YYYY-MM；写在月块里就不必再写一遍。 */
+  month: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: PropType<number | string>;
+    default: undefined;
+  };
+  /** 月历形态：所属月份 YYYY-MM；写在月块里就不必再写一遍。 */
+  month: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  value: string | number;
+  month: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 行首的星期名。不给行序即坐标轴那一行行首的占位，它只负责让月份与格子对齐。 */
+declare const XhHeatmapWeekDayLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: PropType<number | string>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: PropType<number | string>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  value: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 月份名。日历形态里横跨这个月占的那几列，月历形态里是一块的标题。 */
+declare const XhHeatmapMonthLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 矩阵的行名。不写 value 即表头行行首那个角落占位。 */
+declare const XhHeatmapRowLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  value: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 矩阵的列名。 */
+declare const XhHeatmapColumnLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 一格。日期形态里 value 是 ISO 日期，矩阵形态里 value 是列身份、
+ * 行身份从所在的行取（也可以写在 row 上）。数值与档位由 connect 回网格里查。
+ */
+declare const XhHeatmapCell: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** 矩阵形态：行身份；写在行里就不必再写一遍。 */
+  row: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  /** 矩阵形态：行身份；写在行里就不必再写一遍。 */
+  row: {
+    type: StringConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  row: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 详情条：悬停或聚焦到某一格时显示，位置由连接层量好写成内联样式。 */
+declare const XhHeatmapTooltip: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 色阶对照条。 */
+declare const XhHeatmapLegend: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 对照条一端的那个字：value 写 low 或 high，文字从 api.legendText 取。 */
+declare const XhHeatmapLegendLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 挂在哪一端：low 是色阶起点，high 是终点。 */
+  value: {
+    type: PropType<HeatmapLegendBound>;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 挂在哪一端：low 是色阶起点，high 是终点。 */
+  value: {
+    type: PropType<HeatmapLegendBound>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 对照条里的一格，与网格里同档的格子同色。 */
+declare const XhHeatmapLegendItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 档位，兼收字符串。 */
+  value: {
+    type: PropType<number | string>;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 档位，兼收字符串。 */
+  value: {
+    type: PropType<number | string>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { HeatmapCellSlotProps, HeatmapRootSlotProps, XhHeatmapCell, XhHeatmapColumnLabel, XhHeatmapGrid, XhHeatmapLegend, XhHeatmapLegendItem, XhHeatmapLegendLabel, XhHeatmapMonthBlock, XhHeatmapMonthLabel, XhHeatmapRoot, XhHeatmapRow, XhHeatmapRowLabel, XhHeatmapTooltip, XhHeatmapWeekDayLabel };
+//# sourceMappingURL=heatmap.d.ts.map

package/dist/components/heatmap/heatmap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"heatmap.d.ts","names":[],"sources":["../../../src/components/heatmap/heatmap.ts"],"mappings":";;;;;KAgCK,eAAe;;;;;;KAOR,uBAAuB,KACjC;;;;;KAoBU,uBAAuB,kBAAkB;cAExC,6BAAa,8BAAA;;IAIK,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACV,MAAA,SAAS;;;;IACN,MAAA,SAAS;;;;;;;;;;;;;;;;IAIN,MAAA;;;;;;;;;;;;IAGN,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAIxB,eAAA,UAAA,UAAU;EACT,gBAAA,UAAA,UAAU;;;IAnBT,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACV,MAAA,SAAS;;;;IACN,MAAA,SAAS;;;;;;;;;;;;;;;;IAIN,MAAA;;;;;;;;;;;;IAGN,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,yBAAyB;;EAEpC,QAAC,OAAO,yBAAyB;;EAE9B,WAAC,OAAO,8BAA8B;kCAgClD;;cAGW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,8BAAA;;;;;;;;;;;;;;MAW9B,oDAAA;;;;;cAMW,4BAAY,8BAAA;;IAGc,MAAA;;;;;;;;;;;;IAAA,MAAA;;;;;;;;;;;qCAkBrC;;cAGW,qCAAqB,8BAAA;;IAGK,MAAA;;;;;;;IAAA,MAAA;;;;;qCAOrC;;cAGW,mCAAmB,8BAAA;;;;;;;;;;;;MAS9B,oDAAA;;cAGW,iCAAiB,8BAAA;;;;;;;;;;;;;;qCAS5B;;cAGW,oCAAoB,8BAAA;;;;;;;;;;;;MAS/B,oDAAA;;;;;cAMW,6BAAa,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;qCAexB;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,8BAAA;;;IAIJ,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAMpC,oDAAA;;cAGW,mCAAmB,8BAAA;;;IAIO,MAAA;;;;;;;;IAAA,MAAA;;;MAOrC,oDAAA"}