@alfakit/vue 0.1.9 → 0.1.11

package/dist/components/schema/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.js","names":["_sfc_main","FieldWrapper_vue_vue_type_script_setup_true_lang_default","FieldWrapper_default"],"sources":["../../../src/components/schema/FieldWrapper.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseField } from '@alfakit/core'\nimport { fieldIds, hasSlots, mergeAttributes } from '@alfakit/core'\nimport { computed, type HTMLAttributes } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Label from '../ui/Label.vue'\nimport ContentSlot from './ContentSlot.vue'\nimport FieldAffixActions from './FieldAffixActions.vue'\nimport FieldHintActions from './FieldHintActions.vue'\nimport { useInFusedGroup } from './fused-group'\n\n/**\n * Label, hint, content slots, helper text and validation error around a form control.\n */\nconst props = withDefaults(\n  defineProps<{\n    field: BaseField\n    htmlFor: string\n    error?: string\n    /** Render the label after the control (checkbox, toggle). */\n    inline?: boolean\n    class?: HTMLAttributes['class']\n    /** Suppress the label (the control renders its own). */\n    hideLabel?: boolean\n  }>(),\n  { inline: false, hideLabel: false },\n)\n\nconst fused = useInFusedGroup()\nconst label = computed(() => (props.hideLabel ? null : props.field.label))\n// Stable ids the control references through `aria-describedby` / `aria-labelledby`.\nconst ids = computed(() => fieldIds(props.htmlFor))\nconst hintUrl = computed(() =>\n  typeof props.field.meta?.hintUrl === 'string' ? props.field.meta.hintUrl : undefined,\n)\nconst wrapperAttributes = computed(() =>\n  mergeAttributes(props.field.extraAttributes, props.field.extraFieldWrapperAttributes),\n)\n// `afterLabel()` sits with the hint at the end of the label row unless aligned to the start.\nconst afterLabelAtStart = computed(() => props.field.slots?.afterLabel?.alignment === 'start')\nconst hasLabelLine = computed(\n  () =>\n    Boolean(label.value) ||\n    Boolean(props.field.slots?.beforeLabel) ||\n    (Boolean(props.field.slots?.afterLabel) && afterLabelAtStart.value),\n)\nconst hasHint = computed(\n  () =>\n    Boolean(props.field.hint) ||\n    Boolean(props.field.hintActions?.length) ||\n    (Boolean(props.field.slots?.afterLabel) && !afterLabelAtStart.value),\n)\nconst hasSideSlots = computed(() => hasSlots(props.field, ['beforeContent', 'afterContent']))\nconst hintClass = computed(() =>\n  cn(\n    'inline-flex items-center gap-1 text-xs',\n    props.field.hintColor ? textColorClasses[props.field.hintColor] : 'text-muted-foreground',\n  ),\n)\n</script>\n\n<template>\n  <!-- Inside a FusedGroup: the control only; the label stays for screen readers and the\n       group shows the error. -->\n  <div\n    v-if=\"fused\"\n    data-slot=\"field\"\n    :data-field=\"props.field.statePath\"\n    data-fused=\"\"\n    :class=\"cn('flex h-full flex-col', props.class)\"\n    v-bind=\"wrapperAttributes\"\n  >\n    <Label v-if=\"label\" :id=\"ids.label\" :for=\"props.htmlFor\" class=\"sr-only\">{{ label }}</Label>\n    <FieldAffixActions :component=\"props.field\"><slot /></FieldAffixActions>\n    <p\n      v-if=\"props.error && props.field.allowHtmlValidationMessages\"\n      :id=\"ids.error\"\n      class=\"sr-only\"\n      role=\"alert\"\n      v-html=\"props.error\"\n    />\n    <p v-else-if=\"props.error\" :id=\"ids.error\" class=\"sr-only\" role=\"alert\">\n      {{ props.error }}\n    </p>\n  </div>\n  <div\n    v-else\n    data-slot=\"field\"\n    :data-field=\"props.field.statePath\"\n    :data-inline-label=\"props.field.inlineLabel ? '' : undefined\"\n    :class=\"\n      cn(\n        'flex flex-col gap-1.5',\n        props.field.inlineLabel && 'sm:grid sm:grid-cols-3 sm:items-start sm:gap-x-4',\n        props.class,\n      )\n    \"\n    v-bind=\"wrapperAttributes\"\n  >\n    <template v-if=\"!props.field.inlineLabel\">\n      <ContentSlot\n        v-if=\"props.field.slots?.aboveLabel\"\n        :component=\"props.field\"\n        name=\"aboveLabel\"\n      />\n    </template>\n    <!-- `inlineLabel()`: label in the first column, the control in the other two from sm up;\n         stacked on phones. Grid columns follow the text direction, so RTL works. -->\n    <div\n      v-if=\"props.field.inlineLabel || (!props.inline && (hasLabelLine || hasHint))\"\n      :data-slot=\"props.field.inlineLabel ? 'field-label' : undefined\"\n      :class=\"\n        props.field.inlineLabel\n          ? 'flex flex-col gap-1 sm:pt-2'\n          : 'flex items-center justify-between gap-2'\n      \"\n    >\n      <ContentSlot\n        v-if=\"props.field.slots?.aboveLabel && props.field.inlineLabel\"\n        :component=\"props.field\"\n        name=\"aboveLabel\"\n      />\n      <span v-if=\"hasLabelLine\" class=\"inline-flex min-w-0 items-center gap-2\">\n        <ContentSlot\n          v-if=\"props.field.slots?.beforeLabel\"\n          :component=\"props.field\"\n          name=\"beforeLabel\"\n        />\n        <Label v-if=\"label\" :id=\"ids.label\" :for=\"props.htmlFor\">\n          <span>\n            {{ label\n            }}<span v-if=\"props.field.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\"\n              >*</span\n            >\n          </span>\n        </Label>\n        <ContentSlot\n          v-if=\"props.field.slots?.afterLabel && afterLabelAtStart\"\n          :component=\"props.field\"\n          name=\"afterLabel\"\n        />\n      </span>\n      <span v-else-if=\"!props.field.inlineLabel\" />\n      <span v-if=\"hasHint\" class=\"inline-flex items-center gap-2\">\n        <span v-if=\"props.field.hint\" :id=\"ids.hint\" :class=\"hintClass\">\n          <Icon v-if=\"props.field.hintIcon\" :name=\"props.field.hintIcon\" class=\"size-3.5\" />\n          <a v-if=\"hintUrl\" :href=\"hintUrl\" class=\"hover:underline\" v-html=\"props.field.hint\" />\n          <span v-else v-html=\"props.field.hint\" />\n        </span>\n        <FieldHintActions v-if=\"props.field.hintActions?.length\" :component=\"props.field\" />\n        <ContentSlot\n          v-if=\"props.field.slots?.afterLabel && !afterLabelAtStart\"\n          :component=\"props.field\"\n          name=\"afterLabel\"\n        />\n      </span>\n      <ContentSlot\n        v-if=\"props.field.slots?.belowLabel && props.field.inlineLabel\"\n        :component=\"props.field\"\n        name=\"belowLabel\"\n      />\n    </div>\n    <div v-if=\"props.inline && !props.field.inlineLabel\" class=\"flex items-start gap-2\">\n      <FieldAffixActions :component=\"props.field\"><slot /></FieldAffixActions>\n      <div class=\"flex flex-col gap-1\">\n        <span v-if=\"hasLabelLine\" class=\"inline-flex min-w-0 items-center gap-2\">\n          <ContentSlot\n            v-if=\"props.field.slots?.beforeLabel\"\n            :component=\"props.field\"\n            name=\"beforeLabel\"\n          />\n          <Label\n            v-if=\"label\"\n            :id=\"ids.label\"\n            :for=\"props.htmlFor\"\n            class=\"cursor-pointer font-normal\"\n          >\n            <span>\n              {{ label\n              }}<span v-if=\"props.field.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\"\n                >*</span\n              >\n            </span>\n          </Label>\n          <ContentSlot\n            v-if=\"props.field.slots?.afterLabel && afterLabelAtStart\"\n            :component=\"props.field\"\n            name=\"afterLabel\"\n          />\n        </span>\n        <span v-if=\"hasHint\" class=\"inline-flex items-center gap-2\">\n          <span v-if=\"props.field.hint\" :id=\"ids.hint\" :class=\"hintClass\">\n            <Icon v-if=\"props.field.hintIcon\" :name=\"props.field.hintIcon\" class=\"size-3.5\" />\n            <a v-if=\"hintUrl\" :href=\"hintUrl\" class=\"hover:underline\" v-html=\"props.field.hint\" />\n            <span v-else v-html=\"props.field.hint\" />\n          </span>\n          <FieldHintActions v-if=\"props.field.hintActions?.length\" :component=\"props.field\" />\n          <ContentSlot\n            v-if=\"props.field.slots?.afterLabel && !afterLabelAtStart\"\n            :component=\"props.field\"\n            name=\"afterLabel\"\n          />\n        </span>\n      </div>\n    </div>\n    <div\n      :class=\"props.field.inlineLabel ? 'flex min-w-0 flex-col gap-1.5 sm:col-span-2' : 'contents'\"\n    >\n      <ContentSlot\n        v-if=\"props.field.slots?.belowLabel && !props.field.inlineLabel\"\n        :component=\"props.field\"\n        name=\"belowLabel\"\n      />\n      <template v-if=\"!props.inline || props.field.inlineLabel\">\n        <ContentSlot\n          v-if=\"props.field.slots?.aboveContent\"\n          :component=\"props.field\"\n          name=\"aboveContent\"\n        />\n        <div v-if=\"hasSideSlots\" data-slot=\"field-content\" class=\"flex items-center gap-2\">\n          <ContentSlot\n            v-if=\"props.field.slots?.beforeContent\"\n            :component=\"props.field\"\n            name=\"beforeContent\"\n            class=\"shrink-0 flex-nowrap\"\n          />\n          <div class=\"min-w-0 flex-1\">\n            <FieldAffixActions :component=\"props.field\"><slot /></FieldAffixActions>\n          </div>\n          <ContentSlot\n            v-if=\"props.field.slots?.afterContent\"\n            :component=\"props.field\"\n            name=\"afterContent\"\n            class=\"shrink-0 flex-nowrap\"\n          />\n        </div>\n        <FieldAffixActions v-else :component=\"props.field\"><slot /></FieldAffixActions>\n      </template>\n      <p\n        v-if=\"props.field.helperText\"\n        :id=\"ids.helper\"\n        class=\"text-muted-foreground text-xs\"\n        v-html=\"props.field.helperText\"\n      />\n      <ContentSlot\n        v-if=\"props.field.slots?.belowContent\"\n        :component=\"props.field\"\n        name=\"belowContent\"\n      />\n      <template v-if=\"props.error\">\n        <ContentSlot\n          v-if=\"props.field.slots?.aboveErrorMessage\"\n          :component=\"props.field\"\n          name=\"aboveErrorMessage\"\n        />\n        <p\n          v-if=\"props.field.allowHtmlValidationMessages\"\n          :id=\"ids.error\"\n          class=\"text-destructive text-xs\"\n          role=\"alert\"\n          v-html=\"props.error\"\n        />\n        <p v-else :id=\"ids.error\" class=\"text-destructive text-xs\" role=\"alert\">\n          {{ props.error }}\n        </p>\n        <ContentSlot\n          v-if=\"props.field.slots?.belowErrorMessage\"\n          :component=\"props.field\"\n          name=\"belowErrorMessage\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"FieldWrapper.js","names":["_sfc_main","FieldWrapper_vue_vue_type_script_setup_true_lang_default","FieldWrapper_default"],"sources":["../../../src/components/schema/FieldWrapper.vue"],"mappings":""}

package/dist/components/schema/FieldWrapper.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_mergeProps","_createBlock","Label","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","FieldAffixActions","_renderSlot","_Fragment","ContentSlot","_normalizeClass","_createElementVNode","Icon","FieldHintActions","Icon_default","Label_default","ContentSlot_default","FieldAffixActions_default","FieldHintActions_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","FieldWrapper_vue_vue_type_script_setup_true_lang_default","props","__props","fused","useInFusedGroup","label","computed","ids","fieldIds","hintUrl","wrapperAttributes","mergeAttributes","afterLabelAtStart","hasLabelLine","hasHint","hasSideSlots","hasSlots","hintClass","cn","textColorClasses","unref","openBlock","createElementBlock","mergeProps","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode","createVNode","renderSlot","_ctx","Fragment","normalizeClass","createElementVNode"],"sources":["../../../src/components/schema/FieldWrapper.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseField } from '@alfakit/core'\nimport { fieldIds, hasSlots, mergeAttributes } from '@alfakit/core'\nimport { computed, type HTMLAttributes } from 'vue'\nimport { textColorClasses } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Label from '../ui/Label.vue'\nimport ContentSlot from './ContentSlot.vue'\nimport FieldAffixActions from './FieldAffixActions.vue'\nimport FieldHintActions from './FieldHintActions.vue'\nimport { useInFusedGroup } from './fused-group'\n\n/**\n * Label, hint, content slots, helper text and validation error around a form control.\n */\nconst props = withDefaults(\n  defineProps<{\n    field: BaseField\n    htmlFor: string\n    error?: string\n    /** Render the label after the control (checkbox, toggle). */\n    inline?: boolean\n    class?: HTMLAttributes['class']\n    /** Suppress the label (the control renders its own). */\n    hideLabel?: boolean\n  }>(),\n  { inline: false, hideLabel: false },\n)\n\nconst fused = useInFusedGroup()\nconst label = computed(() => (props.hideLabel ? null : props.field.label))\n// Stable ids the control references through `aria-describedby` / `aria-labelledby`.\nconst ids = computed(() => fieldIds(props.htmlFor))\nconst hintUrl = computed(() =>\n  typeof props.field.meta?.hintUrl === 'string' ? props.field.meta.hintUrl : undefined,\n)\nconst wrapperAttributes = computed(() =>\n  mergeAttributes(props.field.extraAttributes, props.field.extraFieldWrapperAttributes),\n)\n// `afterLabel()` sits with the hint at the end of the label row unless aligned to the start.\nconst afterLabelAtStart = computed(() => props.field.slots?.afterLabel?.alignment === 'start')\nconst hasLabelLine = computed(\n  () =>\n    Boolean(label.value) ||\n    Boolean(props.field.slots?.beforeLabel) ||\n    (Boolean(props.field.slots?.afterLabel) && afterLabelAtStart.value),\n)\nconst hasHint = computed(\n  () =>\n    Boolean(props.field.hint) ||\n    Boolean(props.field.hintActions?.length) ||\n    (Boolean(props.field.slots?.afterLabel) && !afterLabelAtStart.value),\n)\nconst hasSideSlots = computed(() => hasSlots(props.field, ['beforeContent', 'afterContent']))\nconst hintClass = computed(() =>\n  cn(\n    'inline-flex items-center gap-1 text-xs',\n    props.field.hintColor ? textColorClasses[props.field.hintColor] : 'text-muted-foreground',\n  ),\n)\n</script>\n\n<template>\n  <!-- Inside a FusedGroup: the control only; the label stays for screen readers and the\n       group shows the error. -->\n  <div\n    v-if=\"fused\"\n    data-slot=\"field\"\n    :data-field=\"props.field.statePath\"\n    data-fused=\"\"\n    :class=\"cn('flex h-full flex-col', props.class)\"\n    v-bind=\"wrapperAttributes\"\n  >\n    <Label v-if=\"label\" :id=\"ids.label\" :for=\"props.htmlFor\" class=\"sr-only\">{{ label }}</Label>\n    <FieldAffixActions :component=\"props.field\"><slot /></FieldAffixActions>\n    <p\n      v-if=\"props.error && props.field.allowHtmlValidationMessages\"\n      :id=\"ids.error\"\n      class=\"sr-only\"\n      role=\"alert\"\n      v-html=\"props.error\"\n    />\n    <p v-else-if=\"props.error\" :id=\"ids.error\" class=\"sr-only\" role=\"alert\">\n      {{ props.error }}\n    </p>\n  </div>\n  <div\n    v-else\n    data-slot=\"field\"\n    :data-field=\"props.field.statePath\"\n    :data-inline-label=\"props.field.inlineLabel ? '' : undefined\"\n    :class=\"\n      cn(\n        'flex flex-col gap-1.5',\n        props.field.inlineLabel && 'sm:grid sm:grid-cols-3 sm:items-start sm:gap-x-4',\n        props.class,\n      )\n    \"\n    v-bind=\"wrapperAttributes\"\n  >\n    <template v-if=\"!props.field.inlineLabel\">\n      <ContentSlot\n        v-if=\"props.field.slots?.aboveLabel\"\n        :component=\"props.field\"\n        name=\"aboveLabel\"\n      />\n    </template>\n    <!-- `inlineLabel()`: label in the first column, the control in the other two from sm up;\n         stacked on phones. Grid columns follow the text direction, so RTL works. -->\n    <div\n      v-if=\"props.field.inlineLabel || (!props.inline && (hasLabelLine || hasHint))\"\n      :data-slot=\"props.field.inlineLabel ? 'field-label' : undefined\"\n      :class=\"\n        props.field.inlineLabel\n          ? 'flex flex-col gap-1 sm:pt-2'\n          : 'flex items-center justify-between gap-2'\n      \"\n    >\n      <ContentSlot\n        v-if=\"props.field.slots?.aboveLabel && props.field.inlineLabel\"\n        :component=\"props.field\"\n        name=\"aboveLabel\"\n      />\n      <span v-if=\"hasLabelLine\" class=\"inline-flex min-w-0 items-center gap-2\">\n        <ContentSlot\n          v-if=\"props.field.slots?.beforeLabel\"\n          :component=\"props.field\"\n          name=\"beforeLabel\"\n        />\n        <Label v-if=\"label\" :id=\"ids.label\" :for=\"props.htmlFor\">\n          <span>\n            {{ label\n            }}<span v-if=\"props.field.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\"\n              >*</span\n            >\n          </span>\n        </Label>\n        <ContentSlot\n          v-if=\"props.field.slots?.afterLabel && afterLabelAtStart\"\n          :component=\"props.field\"\n          name=\"afterLabel\"\n        />\n      </span>\n      <span v-else-if=\"!props.field.inlineLabel\" />\n      <span v-if=\"hasHint\" class=\"inline-flex items-center gap-2\">\n        <span v-if=\"props.field.hint\" :id=\"ids.hint\" :class=\"hintClass\">\n          <Icon v-if=\"props.field.hintIcon\" :name=\"props.field.hintIcon\" class=\"size-3.5\" />\n          <a v-if=\"hintUrl\" :href=\"hintUrl\" class=\"hover:underline\" v-html=\"props.field.hint\" />\n          <span v-else v-html=\"props.field.hint\" />\n        </span>\n        <FieldHintActions v-if=\"props.field.hintActions?.length\" :component=\"props.field\" />\n        <ContentSlot\n          v-if=\"props.field.slots?.afterLabel && !afterLabelAtStart\"\n          :component=\"props.field\"\n          name=\"afterLabel\"\n        />\n      </span>\n      <ContentSlot\n        v-if=\"props.field.slots?.belowLabel && props.field.inlineLabel\"\n        :component=\"props.field\"\n        name=\"belowLabel\"\n      />\n    </div>\n    <div v-if=\"props.inline && !props.field.inlineLabel\" class=\"flex items-start gap-2\">\n      <FieldAffixActions :component=\"props.field\"><slot /></FieldAffixActions>\n      <div class=\"flex flex-col gap-1\">\n        <span v-if=\"hasLabelLine\" class=\"inline-flex min-w-0 items-center gap-2\">\n          <ContentSlot\n            v-if=\"props.field.slots?.beforeLabel\"\n            :component=\"props.field\"\n            name=\"beforeLabel\"\n          />\n          <Label\n            v-if=\"label\"\n            :id=\"ids.label\"\n            :for=\"props.htmlFor\"\n            class=\"cursor-pointer font-normal\"\n          >\n            <span>\n              {{ label\n              }}<span v-if=\"props.field.required\" class=\"text-destructive ms-0.5\" aria-hidden=\"true\"\n                >*</span\n              >\n            </span>\n          </Label>\n          <ContentSlot\n            v-if=\"props.field.slots?.afterLabel && afterLabelAtStart\"\n            :component=\"props.field\"\n            name=\"afterLabel\"\n          />\n        </span>\n        <span v-if=\"hasHint\" class=\"inline-flex items-center gap-2\">\n          <span v-if=\"props.field.hint\" :id=\"ids.hint\" :class=\"hintClass\">\n            <Icon v-if=\"props.field.hintIcon\" :name=\"props.field.hintIcon\" class=\"size-3.5\" />\n            <a v-if=\"hintUrl\" :href=\"hintUrl\" class=\"hover:underline\" v-html=\"props.field.hint\" />\n            <span v-else v-html=\"props.field.hint\" />\n          </span>\n          <FieldHintActions v-if=\"props.field.hintActions?.length\" :component=\"props.field\" />\n          <ContentSlot\n            v-if=\"props.field.slots?.afterLabel && !afterLabelAtStart\"\n            :component=\"props.field\"\n            name=\"afterLabel\"\n          />\n        </span>\n      </div>\n    </div>\n    <div\n      :class=\"props.field.inlineLabel ? 'flex min-w-0 flex-col gap-1.5 sm:col-span-2' : 'contents'\"\n    >\n      <ContentSlot\n        v-if=\"props.field.slots?.belowLabel && !props.field.inlineLabel\"\n        :component=\"props.field\"\n        name=\"belowLabel\"\n      />\n      <template v-if=\"!props.inline || props.field.inlineLabel\">\n        <ContentSlot\n          v-if=\"props.field.slots?.aboveContent\"\n          :component=\"props.field\"\n          name=\"aboveContent\"\n        />\n        <div v-if=\"hasSideSlots\" data-slot=\"field-content\" class=\"flex items-center gap-2\">\n          <ContentSlot\n            v-if=\"props.field.slots?.beforeContent\"\n            :component=\"props.field\"\n            name=\"beforeContent\"\n            class=\"shrink-0 flex-nowrap\"\n          />\n          <div class=\"min-w-0 flex-1\">\n            <FieldAffixActions :component=\"props.field\"><slot /></FieldAffixActions>\n          </div>\n          <ContentSlot\n            v-if=\"props.field.slots?.afterContent\"\n            :component=\"props.field\"\n            name=\"afterContent\"\n            class=\"shrink-0 flex-nowrap\"\n          />\n        </div>\n        <FieldAffixActions v-else :component=\"props.field\"><slot /></FieldAffixActions>\n      </template>\n      <p\n        v-if=\"props.field.helperText\"\n        :id=\"ids.helper\"\n        class=\"text-muted-foreground text-xs\"\n        v-html=\"props.field.helperText\"\n      />\n      <ContentSlot\n        v-if=\"props.field.slots?.belowContent\"\n        :component=\"props.field\"\n        name=\"belowContent\"\n      />\n      <template v-if=\"props.error\">\n        <ContentSlot\n          v-if=\"props.field.slots?.aboveErrorMessage\"\n          :component=\"props.field\"\n          name=\"aboveErrorMessage\"\n        />\n        <p\n          v-if=\"props.field.allowHtmlValidationMessages\"\n          :id=\"ids.error\"\n          class=\"text-destructive text-xs\"\n          role=\"alert\"\n          v-html=\"props.error\"\n        />\n        <p v-else :id=\"ids.error\" class=\"text-destructive text-xs\" role=\"alert\">\n          {{ props.error }}\n        </p>\n        <ContentSlot\n          v-if=\"props.field.slots?.belowErrorMessage\"\n          :component=\"props.field\"\n          name=\"belowErrorMessage\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"FieldWrapper.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_mergeProps","_createBlock","Label","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","FieldAffixActions","_renderSlot","_Fragment","ContentSlot","_normalizeClass","_createElementVNode","Icon","FieldHintActions","Icon_default","Label_default","ContentSlot_default","FieldAffixActions_default","FieldHintActions_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","FieldWrapper_vue_vue_type_script_setup_true_lang_default","props","__props","fused","useInFusedGroup","label","computed","ids","fieldIds","hintUrl","wrapperAttributes","mergeAttributes","afterLabelAtStart","hasLabelLine","hasHint","hasSideSlots","hasSlots","hintClass","cn","textColorClasses","unref","openBlock","createElementBlock","mergeProps","createBlock","withCtx","createTextVNode","toDisplayString","createCommentVNode","createVNode","renderSlot","_ctx","Fragment","normalizeClass","createElementVNode"],"sources":["../../../src/components/schema/FieldWrapper.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMkD,IAAQC,GAcRC,IAAQC,EAAgB,GACxBC,IAAQC,QAAgBL,EAAM,YAAY,OAAOA,EAAM,MAAM,KAAM,GAEnEM,IAAMD,QAAeE,EAASP,EAAM,OAAO,CAAC,GAC5CQ,IAAUH,QACd,OAAOL,EAAM,MAAM,MAAM,WAAY,WAAWA,EAAM,MAAM,KAAK,UAAU,KAAA,CAC7E,GACMS,IAAoBJ,QACxBK,GAAgBV,EAAM,MAAM,iBAAiBA,EAAM,MAAM,2BAA2B,CACtF,GAEMW,IAAoBN,QAAeL,EAAM,MAAM,OAAO,YAAY,cAAc,OAAO,GACvFY,IAAeP,QAEjB,EAAQD,EAAM,SACd,EAAQJ,EAAM,MAAM,OAAO,eAC1B,EAAQA,EAAM,MAAM,OAAO,cAAeW,EAAkB,KACjE,GACME,IAAUR,QAEZ,EAAQL,EAAM,MAAM,QACpB,EAAQA,EAAM,MAAM,aAAa,UAChC,EAAQA,EAAM,MAAM,OAAO,cAAe,CAACW,EAAkB,KAClE,GACMG,KAAeT,QAAeU,GAASf,EAAM,OAAO,CAAC,iBAAiB,cAAc,CAAC,CAAC,GACtFgB,IAAYX,QAChBY,EACE,0CACAjB,EAAM,MAAM,YAAYkB,EAAiBlB,EAAM,MAAM,aAAa,uBACpE,CACF;mBAOUlD,EAAAoD,CAAA,KADRnD,EAAA,GAAAC,EAoBM,OApBNC,EAoBM;;GAlBJ,aAAU;GACT,cAAY+C,EAAM,MAAM;GACzB,cAAW;GACV,OAAOlD,EAAAmE,CAAA,CAAE,CAAA,wBAAyBjB,EAAM,KAAK;EACtC,GAAAS,EAAA,KAAiB,GAAA;GAEZL,EAAA,SAAbrD,EAAA,GAAAG,EAA4FC,GAAA;;IAAvE,IAAImD,EAAA,MAAI;IAAQ,KAAKN,EAAM;IAAS,OAAM;;IAAU,SAAA5C,QAAW,CAARC,EAAAC,EAAA8C,EAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;GACjF5C,EAAwEC,GAAA,EAApD,WAAWuC,EAAM,MAAA,GAAA;IAAO,SAAA5C,QAAQ,CAARM,EAAQoE,EAAA,QAAA,SAAA,CAAA,CAAA;;;GAE5C9B,EAAM,SAASA,EAAM,MAAM,+BADnCjD,EAAA,GAAAC,EAME,KAAA;;IAJC,IAAIsD,EAAA,MAAI;IACT,OAAM;IACN,MAAK;IACL,WAAQN,EAAM;GAEF,GAAA,MAAA,GAAAzB,EAAA,KAAAyB,EAAM,SAApBjD,EAAA,GAAAC,EAEI,KAAA;;IAFwB,IAAIsD,EAAA,MAAI;IAAO,OAAM;IAAU,MAAK;GAC3D,GAAAhD,EAAA0C,EAAM,KAAK,GAAA,GAAAxB,EAAA,KAAAmD,EAAA,IAAA,EAAA;EAGlB5E,GAAAA,IAAAA,EAAAA,MAAAA,EAAA,GAAAC,EA2LM,OA3LNC,EA2LM;;GAzLJ,aAAU;GACT,cAAY+C,EAAM,MAAM;GACxB,qBAAmBA,EAAM,MAAM,cAAW,KAAQ,KAAA;GAClD,OAAclD,EAAAmE,CAAA,CAAE,CAAA,yBAA2CjB,EAAM,MAAM,eAAW,oDAAgEA,EAAM,KAAA;EAOjJ,GAAAS,EAAA,KAAiB,GAAA;GAERT,EAAM,MAAM,2BAA7BjD,EAAA,GAAAC,EAMWW,GAAA,EAAA,KAAA,EAAA,GAAA,CAJDqC,EAAM,MAAM,OAAO,cAD3BjD,EAAA,GAAAG,EAIEU,GAAA;;IAFC,WAAWoC,EAAM;IAClB,MAAK;;GAMDA,EAAM,MAAM,eAAW,CAAMA,EAAM,WAAWY,EAAA,SAAgBC,EAAA,UADtE9D,EAAA,GAAAC,EAqDM,OAAA;;IAnDH,aAAWgD,EAAM,MAAM,cAAW,gBAAmB,KAAA;IACrD,OAAKnC,EAAWmC,EAAM,MAAM,cAAA,gCAAA,yCAAA;;IAOrBA,EAAM,MAAM,OAAO,cAAcA,EAAM,MAAM,eADrDjD,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;;IAEKY,EAAA,SAAZ7D,EAAA,GAAAC,EAmBO,QAnBP2B,IAmBO;KAjBGqB,EAAM,MAAM,OAAO,eAD3BjD,EAAA,GAAAG,EAIEU,GAAA;;MAFC,WAAWoC,EAAM;MAClB,MAAK;;KAEMI,EAAA,SAAbrD,EAAA,GAAAG,EAOQC,GAAA;;MAPa,IAAImD,EAAA,MAAI;MAAQ,KAAKN,EAAM;;MAC9C,SAAA5C,QAKO,CALPU,EAKO,QAAA,MAAA,CAJFT,EAAAC,EAAA8C,EAAA,KAAK,GAAA,CAAA,GACMJ,EAAM,MAAM,YAAxBjD,EAAA,GAAAC,EAED,QAFC4B,GACC,GAAC,KAAA+C,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;KAKA3B,EAAM,MAAM,OAAO,cAAcW,EAAA,SADzC5D,EAAA,GAAAG,EAIEU,GAAA;;MAFC,WAAWoC,EAAM;MAClB,MAAK;;IAGS,CAAA,KAAAA,EAAM,MAAM,cAAe2B,EAAA,IAAA,EAAA,KAA7C5E,EAAA,GAAAC,EAA6C,QAAA6B,CAAA;IACjCgC,EAAA,SAAZ9D,EAAA,GAAAC,EAYO,QAZP8B,GAYO;KAXOkB,EAAM,MAAM,QAAxBjD,EAAA,GAAAC,EAIO,QAAA;;MAJwB,IAAIsD,EAAA,MAAI;MAAO,OAAKzC,EAAEmD,EAAA,KAAS;KAChD,GAAA,CAAAhB,EAAM,MAAM,YAAxBjD,EAAA,GAAAG,EAAkFJ,EAAAiB,CAAA,GAAA;;MAA/C,MAAMiC,EAAM,MAAM;MAAU,OAAM;KAC5D,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAA2B,EAAA,IAAA,EAAA,GAAAnB,EAAA,SAATzD,EAAA,GAAAC,EAAsF,KAAA;;MAAnE,MAAMwD,EAAA;MAAS,OAAM;MAAkB,WAAQR,EAAM,MAAM;KAC9EjD,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAAyC,QAAA;;MAA5B,WAAQgD,EAAM,MAAM;;KAEXA,EAAM,MAAM,aAAa,UAAjDjD,EAAA,GAAAG,EAAoFc,GAAA;;MAA1B,WAAWgC,EAAM;;KAEnEA,EAAM,MAAM,OAAO,cAAU,CAAKW,EAAA,SAD1C5D,EAAA,GAAAG,EAIEU,GAAA;;MAFC,WAAWoC,EAAM;MAClB,MAAK;;;IAIDA,EAAM,MAAM,OAAO,cAAcA,EAAM,MAAM,eADrDjD,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;;;GAGEA,EAAM,UAAM,CAAKA,EAAM,MAAM,eAAxCjD,EAAA,GAAAC,EA0CM,OA1CNkC,GA0CM,CAzCJ1B,EAAwEC,GAAA,EAApD,WAAWuC,EAAM,MAAA,GAAA;IAAO,SAAA5C,QAAQ,CAARM,EAAQoE,EAAA,QAAA,SAAA,CAAA,CAAA;;GACpDhE,GAAAA,GAAAA,CAAAA,WAAAA,CAAAA,GAAAA,EAuCM,OAvCNqB,GAuCM,CAtCQyB,EAAA,SAAZ7D,EAAA,GAAAC,EAwBO,QAxBPoC,GAwBO;IAtBGY,EAAM,MAAM,OAAO,eAD3BjD,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;;IAGCI,EAAA,SADRrD,EAAA,GAAAG,EAYQC,GAAA;;KAVL,IAAImD,EAAA,MAAI;KACR,KAAKN,EAAM;KACZ,OAAM;;KAEN,SAAA5C,QAKO,CALPU,EAKO,QAAA,MAAA,CAJFT,EAAAC,EAAA8C,EAAA,KAAK,GAAA,CAAA,GACMJ,EAAM,MAAM,YAAxBjD,EAAA,GAAAC,EAED,QAFCqC,GACC,GAAC,KAAAsC,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;IAKA3B,EAAM,MAAM,OAAO,cAAcW,EAAA,SADzC5D,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;;GAGG,CAAA,KAAA2B,EAAA,IAAA,EAAA,GAAAd,EAAA,SAAZ9D,EAAA,GAAAC,EAYO,QAZPsC,GAYO;IAXOU,EAAM,MAAM,QAAxBjD,EAAA,GAAAC,EAIO,QAAA;;KAJwB,IAAIsD,EAAA,MAAI;KAAO,OAAKzC,EAAEmD,EAAA,KAAS;IAChD,GAAA,CAAAhB,EAAM,MAAM,YAAxBjD,EAAA,GAAAG,EAAkFJ,EAAAiB,CAAA,GAAA;;KAA/C,MAAMiC,EAAM,MAAM;KAAU,OAAM;IAC5D,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAA2B,EAAA,IAAA,EAAA,GAAAnB,EAAA,SAATzD,EAAA,GAAAC,EAAsF,KAAA;;KAAnE,MAAMwD,EAAA;KAAS,OAAM;KAAkB,WAAQR,EAAM,MAAM;IAC9EjD,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAAyC,QAAA;;KAA5B,WAAQgD,EAAM,MAAM;;IAEXA,EAAM,MAAM,aAAa,UAAjDjD,EAAA,GAAAG,EAAoFc,GAAA;;KAA1B,WAAWgC,EAAM;;IAEnEA,EAAM,MAAM,OAAO,cAAU,CAAKW,EAAA,SAD1C5D,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;;;GAKblC,EAkEM,OAAA,EAjEH,OAAKD,EAAEmC,EAAM,MAAM,cAAW,gDAAA,UAAA,EAAA,GAAA;IAGvBA,EAAM,MAAM,OAAO,cAAU,CAAKA,EAAM,MAAM,eADtDjD,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;;IAEU,CAAAA,EAAM,UAAUA,EAAM,MAAM,eAA7CjD,EAAA,GAAAC,EAwBWW,GAAA,EAAA,KAAA,EAAA,GAAA,CAtBDqC,EAAM,MAAM,OAAO,gBAD3BjD,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;IAEI,GAAA,MAAA,GAAA,CAAA,WAAA,CAAA,KAAA2B,EAAA,IAAA,EAAA,GAAAb,GAAA,SAAX/D,EAAA,GAAAC,EAgBM,OAhBN0C,GAgBM;KAdIM,EAAM,MAAM,OAAO,iBAD3BjD,EAAA,GAAAG,EAKEU,GAAA;;MAHC,WAAWoC,EAAM;MAClB,MAAK;MACL,OAAM;;KAERlC,EAEM,OAFN6B,GAEM,CADJnC,EAAwEC,GAAA,EAApD,WAAWuC,EAAM,MAAA,GAAA;MAAO,SAAA5C,QAAQ,CAARM,EAAQoE,EAAA,QAAA,SAAA,CAAA,CAAA;;;KAG9C9B,EAAM,MAAM,OAAO,gBAD3BjD,EAAA,GAAAG,EAKEU,GAAA;;MAHC,WAAWoC,EAAM;MAClB,MAAK;MACL,OAAM;;IAGVjD,CAAAA,MAAAA,EAAA,GAAAG,EAA+EO,GAAA;;KAApD,WAAWuC,EAAM;;KAAO,SAAA5C,QAAQ,CAARM,EAAQoE,EAAA,QAAA,SAAA,CAAA,CAAA;;;IAGrD9B,EAAM,MAAM,cADpBjD,EAAA,GAAAC,EAKE,KAAA;;KAHC,IAAIsD,EAAA,MAAI;KACT,OAAM;KACN,WAAQN,EAAM,MAAM;;IAGdA,EAAM,MAAM,OAAO,gBAD3BjD,EAAA,GAAAG,EAIEU,GAAA;;KAFC,WAAWoC,EAAM;KAClB,MAAK;;IAESA,EAAM,SAAtBjD,EAAA,GAAAC,EAqBWW,GAAA,EAAA,KAAA,EAAA,GAAA;KAnBDqC,EAAM,MAAM,OAAO,qBAD3BjD,EAAA,GAAAG,EAIEU,GAAA;;MAFC,WAAWoC,EAAM;MAClB,MAAK;;KAGCA,EAAM,MAAM,+BADpBjD,EAAA,GAAAC,EAME,KAAA;;MAJC,IAAIsD,EAAA,MAAI;MACT,OAAM;MACN,MAAK;MACL,WAAQN,EAAM;KAEhBjD,GAAAA,MAAAA,GAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAEI,KAAA;;MAFO,IAAIsD,EAAA,MAAI;MAAO,OAAM;MAA2B,MAAK;KAC3D,GAAAhD,EAAA0C,EAAM,KAAK,GAAA,GAAAF,CAAA;KAGRE,EAAM,MAAM,OAAO,qBAD3BjD,EAAA,GAAAG,EAIEU,GAAA;;MAFC,WAAWoC,EAAM;MAClB,MAAK"}

package/dist/components/schema/RenderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComponent.js","names":["_sfc_main","RenderComponent_vue_vue_type_script_setup_true_lang_default","RenderComponent_default"],"sources":["../../../src/components/schema/RenderComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseField, SchemaComponent } from '@alfakit/core'\nimport {\n  columnOrderClasses,\n  columnSpanClasses,\n  columnStartClasses,\n  containerColumnSpanClasses,\n} from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useRegistry } from '../../context'\nimport { cn } from '../../lib/utils'\nimport TranslatableField from './TranslatableField.vue'\n\nconst props = defineProps<{ component: SchemaComponent }>()\nconst registry = useRegistry()\n\nconst type = computed(() =>\n  props.component.type === 'View'\n    ? ((props.component as { component?: string }).component ?? 'View')\n    : props.component.type,\n)\nconst resolved = computed(\n  () =>\n    registry.resolve(type.value) ??\n    (props.component.type === 'View' ? registry.resolve('View') : undefined),\n)\nconst translatable = computed(() =>\n  Boolean((props.component as Partial<BaseField>).translatable?.locales?.length),\n)\nconst span = computed(() =>\n  cn(\n    columnSpanClasses(props.component.columnSpan),\n    containerColumnSpanClasses(props.component.columnSpan),\n    columnStartClasses(props.component.columnStart),\n    columnOrderClasses(props.component.columnOrder),\n  ),\n)\n// Registered `View` components get the PHP `props` spread, as the docs describe.\nconst viewProps = computed(() =>\n  props.component.type === 'View'\n    ? ((props.component as { props?: Record<string, unknown> }).props ?? {})\n    : {},\n)\n</script>\n\n<template>\n  <div\n    v-if=\"!resolved\"\n    :class=\"\n      cn('border-destructive/40 text-destructive rounded-md border border-dashed p-3 text-xs', span)\n    \"\n  >\n    Unknown component type <code class=\"font-mono\">{{ type }}</code\n    >. Register it with <code class=\"font-mono\">createAlfakit({ components })</code>.\n  </div>\n  <div\n    v-else\n    data-slot=\"schema-item\"\n    :data-type=\"props.component.type\"\n    :class=\"cn('min-w-0', span || undefined)\"\n  >\n    <TranslatableField\n      v-if=\"translatable\"\n      :component=\"props.component as BaseField\"\n      :render=\"resolved\"\n    />\n    <component :is=\"resolved\" v-else v-bind=\"viewProps\" :component=\"props.component\" />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"RenderComponent.js","names":["_sfc_main","RenderComponent_vue_vue_type_script_setup_true_lang_default","RenderComponent_default"],"sources":["../../../src/components/schema/RenderComponent.vue"],"mappings":""}

package/dist/components/schema/RenderComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createTextVNode","_createElementVNode","_toDisplayString","_createBlock","TranslatableField","_resolveDynamicComponent","_mergeProps","TranslatableField_default","_hoisted_1","_hoisted_2","RenderComponent_vue_vue_type_script_setup_true_lang_default","props","__props","registry","useRegistry","type","computed","resolved","translatable","span","cn","columnSpanClasses","containerColumnSpanClasses","columnStartClasses","columnOrderClasses","viewProps","openBlock","createElementBlock","normalizeClass","unref","createBlock","resolveDynamicComponent","mergeProps","_cache","createTextVNode","createElementVNode","toDisplayString"],"sources":["../../../src/components/schema/RenderComponent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseField, SchemaComponent } from '@alfakit/core'\nimport {\n  columnOrderClasses,\n  columnSpanClasses,\n  columnStartClasses,\n  containerColumnSpanClasses,\n} from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useRegistry } from '../../context'\nimport { cn } from '../../lib/utils'\nimport TranslatableField from './TranslatableField.vue'\n\nconst props = defineProps<{ component: SchemaComponent }>()\nconst registry = useRegistry()\n\nconst type = computed(() =>\n  props.component.type === 'View'\n    ? ((props.component as { component?: string }).component ?? 'View')\n    : props.component.type,\n)\nconst resolved = computed(\n  () =>\n    registry.resolve(type.value) ??\n    (props.component.type === 'View' ? registry.resolve('View') : undefined),\n)\nconst translatable = computed(() =>\n  Boolean((props.component as Partial<BaseField>).translatable?.locales?.length),\n)\nconst span = computed(() =>\n  cn(\n    columnSpanClasses(props.component.columnSpan),\n    containerColumnSpanClasses(props.component.columnSpan),\n    columnStartClasses(props.component.columnStart),\n    columnOrderClasses(props.component.columnOrder),\n  ),\n)\n// Registered `View` components get the PHP `props` spread, as the docs describe.\nconst viewProps = computed(() =>\n  props.component.type === 'View'\n    ? ((props.component as { props?: Record<string, unknown> }).props ?? {})\n    : {},\n)\n</script>\n\n<template>\n  <div\n    v-if=\"!resolved\"\n    :class=\"\n      cn('border-destructive/40 text-destructive rounded-md border border-dashed p-3 text-xs', span)\n    \"\n  >\n    Unknown component type <code class=\"font-mono\">{{ type }}</code\n    >. Register it with <code class=\"font-mono\">createAlfakit({ components })</code>.\n  </div>\n  <div\n    v-else\n    data-slot=\"schema-item\"\n    :data-type=\"props.component.type\"\n    :class=\"cn('min-w-0', span || undefined)\"\n  >\n    <TranslatableField\n      v-if=\"translatable\"\n      :component=\"props.component as BaseField\"\n      :render=\"resolved\"\n    />\n    <component :is=\"resolved\" v-else v-bind=\"viewProps\" :component=\"props.component\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAaA,IAAMe,IAAQC,GACRC,IAAWC,EAAY,GAEvBC,IAAOC,QACXL,EAAM,UAAU,SAAS,SACnBA,EAAM,UAAqC,aAAa,SAC1DA,EAAM,UAAU,IACtB,GACMM,IAAWD,QAEbH,EAAS,QAAQE,EAAK,KAAK,MAC1BJ,EAAM,UAAU,SAAS,SAASE,EAAS,QAAQ,MAAM,IAAI,KAAA,EAClE,GACMK,IAAeF,QACnB,EAASL,EAAM,UAAiC,cAAc,SAAS,MACzE,GACMQ,IAAOH,QACXI,EACEC,EAAkBV,EAAM,UAAU,UAAU,GAC5CW,EAA2BX,EAAM,UAAU,UAAU,GACrDY,EAAmBZ,EAAM,UAAU,WAAW,GAC9Ca,EAAmBb,EAAM,UAAU,WAAW,CAChD,CACF,GAEMc,IAAYT,QAChBL,EAAM,UAAU,SAAS,SACnBA,EAAM,UAAkD,SAAS,CAAC,IACpE,CAAC,CACP;mBAKWM,EAAA,SAQTrB,EAAA,GAAAC,EAYM,OAAA;;GAVJ,aAAU;GACT,aAAWc,EAAM,UAAU;GAC3B,OAAKb,EAAEC,EAAAqB,CAAA,CAAE,CAAA,WAAYD,EAAA,SAAQ,KAAA,CAAS,CAAA;EAG/B,GAAA,CAAAD,EAAA,SADRtB,EAAA,GAAAO,EAIEC,GAAA;;GAFC,WAAWO,EAAM;GACjB,QAAQM,EAAA;EAEXrB,GAAAA,MAAAA,GAAAA,CAAAA,aAAAA,QAAAA,CAAAA,MAAAA,EAAA,GAAAO,EAAmFE,EAAnEY,EAAA,KAAQ,GAAxBX,EAAmF,EAAA,KAAA,EAAA,GAA1CmB,EAAA,OAAS,EAAG,WAAWd,EAAM,UAAA,CAAA,GAAA,MAAA,IAAA,CAAA,WAAA,CAAA,EAAA,GAAA,IAAAF,CAAA,MApBxEb,EAAA,GAAAC,EAQM,OAAA;;GANH,OAAKC,EAASC,EAAAqB,CAAA,CAAE,CAAA,sFAAuFD,EAAA,KAAI,CAAA;;GAG7G,AAAAc,EAAA,OAAAjC,EAAA,4BACwB,EAAA;GAAAC,EACtB,QADsBO,GACtBN,EADiDa,EAAA,KAAI,GAAA,CAAA;GACrD,AAAAkB,EAAA,OAAAjC,EAAA,uBAAmB,EAAA;GAAA,AAAAiC,EAAA,OAAAhC,EAA4D,QAAA,EAAtD,OAAM,YAAW,GAAC,iCAA6B,EAAA;GAAO,AAAAgC,EAAA,OAAAjC,EAAA,MAClF,EAAA;EACAJ,GAAAA,CAAAA"}
+{"version":3,"file":"RenderComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createTextVNode","_createElementVNode","_toDisplayString","_createBlock","TranslatableField","_resolveDynamicComponent","_mergeProps","TranslatableField_default","_hoisted_1","_hoisted_2","RenderComponent_vue_vue_type_script_setup_true_lang_default","props","__props","registry","useRegistry","type","computed","resolved","translatable","span","cn","columnSpanClasses","containerColumnSpanClasses","columnStartClasses","columnOrderClasses","viewProps","openBlock","createElementBlock","normalizeClass","unref","createBlock","resolveDynamicComponent","mergeProps","_cache","createTextVNode","createElementVNode","toDisplayString"],"sources":["../../../src/components/schema/RenderComponent.vue"],"mappings":";;;;;;;;;;EAaA,IAAMe,IAAQC,GACRC,IAAWC,EAAY,GAEvBC,IAAOC,QACXL,EAAM,UAAU,SAAS,SACnBA,EAAM,UAAqC,aAAa,SAC1DA,EAAM,UAAU,IACtB,GACMM,IAAWD,QAEbH,EAAS,QAAQE,EAAK,KAAK,MAC1BJ,EAAM,UAAU,SAAS,SAASE,EAAS,QAAQ,MAAM,IAAI,KAAA,EAClE,GACMK,IAAeF,QACnB,EAASL,EAAM,UAAiC,cAAc,SAAS,MACzE,GACMQ,IAAOH,QACXI,EACEC,EAAkBV,EAAM,UAAU,UAAU,GAC5CW,EAA2BX,EAAM,UAAU,UAAU,GACrDY,EAAmBZ,EAAM,UAAU,WAAW,GAC9Ca,EAAmBb,EAAM,UAAU,WAAW,CAChD,CACF,GAEMc,IAAYT,QAChBL,EAAM,UAAU,SAAS,SACnBA,EAAM,UAAkD,SAAS,CAAC,IACpE,CAAC,CACP;mBAKWM,EAAA,SAQTrB,EAAA,GAAAC,EAYM,OAAA;;GAVJ,aAAU;GACT,aAAWc,EAAM,UAAU;GAC3B,OAAKb,EAAEC,EAAAqB,CAAA,CAAE,CAAA,WAAYD,EAAA,SAAQ,KAAA,CAAS,CAAA;EAG/B,GAAA,CAAAD,EAAA,SADRtB,EAAA,GAAAO,EAIEC,GAAA;;GAFC,WAAWO,EAAM;GACjB,QAAQM,EAAA;EAEXrB,GAAAA,MAAAA,GAAAA,CAAAA,aAAAA,QAAAA,CAAAA,MAAAA,EAAA,GAAAO,EAAmFE,EAAnEY,EAAA,KAAQ,GAAxBX,EAAmF,EAAA,KAAA,EAAA,GAA1CmB,EAAA,OAAS,EAAG,WAAWd,EAAM,UAAA,CAAA,GAAA,MAAA,IAAA,CAAA,WAAA,CAAA,EAAA,GAAA,IAAAF,CAAA,MApBxEb,EAAA,GAAAC,EAQM,OAAA;;GANH,OAAKC,EAASC,EAAAqB,CAAA,CAAE,CAAA,sFAAuFD,EAAA,KAAI,CAAA;;GAG7G,AAAAc,EAAA,OAAAjC,EAAA,4BACwB,EAAA;GAAAC,EACtB,QADsBO,GACtBN,EADiDa,EAAA,KAAI,GAAA,CAAA;GACrD,AAAAkB,EAAA,OAAAjC,EAAA,uBAAmB,EAAA;GAAA,AAAAiC,EAAA,OAAAhC,EAA4D,QAAA,EAAtD,OAAM,YAAW,GAAC,iCAA6B,EAAA;GAAO,AAAAgC,EAAA,OAAAjC,EAAA,MAClF,EAAA;EACAJ,GAAAA,CAAAA"}

package/dist/components/schema/SchemaRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaRenderer.js","names":["_sfc_main","SchemaRenderer_vue_vue_type_script_setup_true_lang_default","SchemaRenderer_default"],"sources":["../../../src/components/schema/SchemaRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Attributes, Breakpoints, SchemaComponent } from '@alfakit/core'\nimport {\n  containerGridColumnsClasses,\n  gridColumnsClasses,\n  hasContainerBreakpoints,\n} from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport RenderComponent from './RenderComponent.vue'\n\n/**\n * Renders a list of schema components in a responsive grid, resolving each component's\n * `type` through the registry.\n */\nconst props = defineProps<{\n  components: SchemaComponent[]\n  columns?: Breakpoints\n  class?: HTMLAttributes['class']\n  /** `extraAttributes` of the layout component that owns this grid (Grid, Group, Tab, Step). */\n  attributes?: Attributes\n}>()\n</script>\n\n<template>\n  <!-- `@md`-style columns follow the width of this wrapper instead of the viewport. -->\n  <div\n    v-if=\"hasContainerBreakpoints(props.columns)\"\n    data-slot=\"schema-container\"\n    class=\"@container\"\n  >\n    <div\n      v-bind=\"props.attributes ?? {}\"\n      data-slot=\"schema\"\n      :class=\"\n        cn(\n          'grid gap-6',\n          gridColumnsClasses(props.columns ?? { default: 1 }),\n          containerGridColumnsClasses(props.columns),\n          props.class,\n        )\n      \"\n    >\n      <RenderComponent\n        v-for=\"component in props.components\"\n        :key=\"component.key\"\n        :component=\"component\"\n      />\n    </div>\n  </div>\n  <div\n    v-else\n    v-bind=\"props.attributes ?? {}\"\n    data-slot=\"schema\"\n    :class=\"cn('grid gap-6', gridColumnsClasses(props.columns ?? { default: 1 }), props.class)\"\n  >\n    <RenderComponent\n      v-for=\"component in props.components\"\n      :key=\"component.key\"\n      :component=\"component\"\n    />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"SchemaRenderer.js","names":["_sfc_main","SchemaRenderer_vue_vue_type_script_setup_true_lang_default","SchemaRenderer_default"],"sources":["../../../src/components/schema/SchemaRenderer.vue"],"mappings":""}

package/dist/components/schema/SchemaRenderer.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaRenderer.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_createElementVNode","_mergeProps","_Fragment","_renderList","_createBlock","RenderComponent","RenderComponent_default","_hoisted_1","SchemaRenderer_vue_vue_type_script_setup_true_lang_default","props","__props","unref","hasContainerBreakpoints","openBlock","createElementBlock","createElementVNode","mergeProps","cn","gridColumnsClasses","containerGridColumnsClasses","Fragment","renderList","createBlock","component"],"sources":["../../../src/components/schema/SchemaRenderer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Attributes, Breakpoints, SchemaComponent } from '@alfakit/core'\nimport {\n  containerGridColumnsClasses,\n  gridColumnsClasses,\n  hasContainerBreakpoints,\n} from '@alfakit/core'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\nimport RenderComponent from './RenderComponent.vue'\n\n/**\n * Renders a list of schema components in a responsive grid, resolving each component's\n * `type` through the registry.\n */\nconst props = defineProps<{\n  components: SchemaComponent[]\n  columns?: Breakpoints\n  class?: HTMLAttributes['class']\n  /** `extraAttributes` of the layout component that owns this grid (Grid, Group, Tab, Step). */\n  attributes?: Attributes\n}>()\n</script>\n\n<template>\n  <!-- `@md`-style columns follow the width of this wrapper instead of the viewport. -->\n  <div\n    v-if=\"hasContainerBreakpoints(props.columns)\"\n    data-slot=\"schema-container\"\n    class=\"@container\"\n  >\n    <div\n      v-bind=\"props.attributes ?? {}\"\n      data-slot=\"schema\"\n      :class=\"\n        cn(\n          'grid gap-6',\n          gridColumnsClasses(props.columns ?? { default: 1 }),\n          containerGridColumnsClasses(props.columns),\n          props.class,\n        )\n      \"\n    >\n      <RenderComponent\n        v-for=\"component in props.components\"\n        :key=\"component.key\"\n        :component=\"component\"\n      />\n    </div>\n  </div>\n  <div\n    v-else\n    v-bind=\"props.attributes ?? {}\"\n    data-slot=\"schema\"\n    :class=\"cn('grid gap-6', gridColumnsClasses(props.columns ?? { default: 1 }), props.class)\"\n  >\n    <RenderComponent\n      v-for=\"component in props.components\"\n      :key=\"component.key\"\n      :component=\"component\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMY,IAAQC;mBAYJb,EAAAe,CAAA,CAAuB,CAACH,EAAM,OAAO,KAD7CX,EAAA,GAAAC,EAuBM,OAvBNQ,GAuBM,CAlBJP,EAiBM,OAjBNC,EACUQ,EAAM,cAAU,CAAA,GAAA;GACxB,aAAU;GACT,OAAgBZ,EAAAoB,CAAA,CAAE,CAAA,cAAoCpB,EAAAqB,CAAA,CAAkB,CAACT,EAAM,WAAO,EAAA,SAAA,EAAA,CAAA,GAA+BZ,EAAAsB,CAAA,CAA2B,CAACV,EAAM,OAAO,GAAaA,EAAM,KAAA;EASlLX,CAAAA,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAIEG,GAAA,MAAAC,EAHoBM,EAAM,aAAnB,OADTX,EAAA,GAAAM,EAIEC,GAAA;GAFC,KAAKkB,EAAU;GACJ;6BAIlBzB,GAAAA,GAAAA,EAAAA,GAAAA,EAAAA,CAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAWM,OAXNE,EAWM,EAAA,KAAA,EAAA,GATIQ,EAAM,cAAU,CAAA,GAAA;GACxB,aAAU;GACT,OAAOZ,EAAAoB,CAAA,CAAE,CAAA,cAAepB,EAAAqB,CAAA,CAAkB,CAACT,EAAM,WAAO,EAAA,SAAA,EAAA,CAAA,GAAqBA,EAAM,KAAK;EAEzFX,CAAAA,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAIEG,GAAA,MAAAC,EAHoBM,EAAM,aAAnB,OADTX,EAAA,GAAAM,EAIEC,GAAA;GAFC,KAAKkB,EAAU;GACJ"}
+{"version":3,"file":"SchemaRenderer.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_createElementVNode","_mergeProps","_Fragment","_renderList","_createBlock","RenderComponent","RenderComponent_default","_hoisted_1","SchemaRenderer_vue_vue_type_script_setup_true_lang_default","props","__props","unref","hasContainerBreakpoints","openBlock","createElementBlock","createElementVNode","mergeProps","cn","gridColumnsClasses","containerGridColumnsClasses","Fragment","renderList","createBlock","component"],"sources":["../../../src/components/schema/SchemaRenderer.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAeA,IAAMY,IAAQC;mBAYJb,EAAAe,CAAA,CAAuB,CAACH,EAAM,OAAO,KAD7CX,EAAA,GAAAC,EAuBM,OAvBNQ,GAuBM,CAlBJP,EAiBM,OAjBNC,EACUQ,EAAM,cAAU,CAAA,GAAA;GACxB,aAAU;GACT,OAAgBZ,EAAAoB,CAAA,CAAE,CAAA,cAAoCpB,EAAAqB,CAAA,CAAkB,CAACT,EAAM,WAAO,EAAA,SAAA,EAAA,CAAA,GAA+BZ,EAAAsB,CAAA,CAA2B,CAACV,EAAM,OAAO,GAAaA,EAAM,KAAA;EASlLX,CAAAA,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAIEG,GAAA,MAAAC,EAHoBM,EAAM,aAAnB,OADTX,EAAA,GAAAM,EAIEC,GAAA;GAFC,KAAKkB,EAAU;GACJ;6BAIlBzB,GAAAA,GAAAA,EAAAA,GAAAA,EAAAA,CAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAWM,OAXNE,EAWM,EAAA,KAAA,EAAA,GATIQ,EAAM,cAAU,CAAA,GAAA;GACxB,aAAU;GACT,OAAOZ,EAAAoB,CAAA,CAAE,CAAA,cAAepB,EAAAqB,CAAA,CAAkB,CAACT,EAAM,WAAO,EAAA,SAAA,EAAA,CAAA,GAAqBA,EAAM,KAAK;EAEzFX,CAAAA,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAIEG,GAAA,MAAAC,EAHoBM,EAAM,aAAnB,OADTX,EAAA,GAAAM,EAIEC,GAAA;GAFC,KAAKkB,EAAU;GACJ"}

package/dist/components/schema/TranslatableField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslatableField.js","names":["_sfc_main","TranslatableField_vue_vue_type_script_setup_true_lang_default","TranslatableField_default"],"sources":["../../../src/components/schema/TranslatableField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseField } from '@alfakit/core'\nimport {\n  initialTranslatableLocale,\n  translatableLocaleField,\n  translatableLocalesWithErrors,\n} from '@alfakit/core'\nimport { computed, ref, watch, type Component } from 'vue'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useFormStore } from '../form/form-context'\n\n/**\n * A `->translatable()` field: a language switcher above the field's own renderer, bound\n * to `{statePath}.{locale}` for the selected language. Languages with a validation error\n * are marked, and the first of them opens after a failed submit.\n */\nconst props = defineProps<{ component: BaseField; render: Component }>()\nconst t = useT()\nconst store = useFormStore()\n\nconst locales = computed(() => props.component.translatable?.locales ?? [])\nconst invalidKey = useStoreSelector(store.store, (state) =>\n  translatableLocalesWithErrors(props.component, state.errors).join(','),\n)\nconst invalid = computed(() => (invalidKey.value === '' ? [] : invalidKey.value.split(',')))\nconst current = ref(initialTranslatableLocale(props.component, store.store.get().errors))\n\n// After a failed submit, show a language that needs attention.\nwatch(invalidKey, () => {\n  if (invalid.value.length > 0 && !invalid.value.includes(current.value)) {\n    current.value = invalid.value[0]!\n  }\n})\n\n// A `LocaleSwitcher` changes the language the fields open on; follow it when it changes.\nwatch(\n  () => props.component.translatable?.defaultLocale ?? '',\n  (editing) => {\n    if (editing !== '' && locales.value.some((option) => option.code === editing)) {\n      current.value = editing\n    }\n  },\n)\n\nconst locale = computed(\n  () => locales.value.find((candidate) => candidate.code === current.value) ?? locales.value[0],\n)\nconst field = computed(() =>\n  locale.value ? translatableLocaleField(props.component, locale.value) : props.component,\n)\n</script>\n\n<template>\n  <div v-if=\"locale\" data-slot=\"translatable-field\" class=\"flex flex-col gap-1.5\">\n    <div\n      role=\"group\"\n      :aria-label=\"\n        t('translatable.languages', { field: props.component.label ?? props.component.name })\n      \"\n      data-slot=\"translatable-locales\"\n      class=\"flex flex-wrap justify-end gap-1\"\n    >\n      <button\n        v-for=\"option in locales\"\n        :key=\"option.code\"\n        type=\"button\"\n        :lang=\"option.tag\"\n        :aria-pressed=\"option.code === locale.code\"\n        :data-active=\"option.code === locale.code || undefined\"\n        :data-invalid=\"invalid.includes(option.code) || undefined\"\n        :class=\"\n          cn(\n            'focus-visible:ring-ring/50 inline-flex h-6 items-center gap-1 rounded-md border px-2 text-xs font-medium transition-colors outline-none focus-visible:ring-[3px]',\n            option.code === locale.code\n              ? 'border-primary bg-primary text-primary-foreground'\n              : 'bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n            invalid.includes(option.code) &&\n              option.code !== locale.code &&\n              'border-destructive text-destructive',\n          )\n        \"\n        @click=\"current = option.code\"\n      >\n        {{ option.label }}\n        <template v-if=\"invalid.includes(option.code)\">\n          <span aria-hidden=\"true\" class=\"bg-destructive size-1.5 rounded-full\" />\n          <span class=\"sr-only\">({{ t('translatable.has_errors') }})</span>\n        </template>\n      </button>\n    </div>\n    <component :is=\"props.render\" :key=\"locale.code\" :component=\"field\" />\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TranslatableField.js","names":["_sfc_main","TranslatableField_vue_vue_type_script_setup_true_lang_default","TranslatableField_default"],"sources":["../../../src/components/schema/TranslatableField.vue"],"mappings":""}

package/dist/components/schema/TranslatableField.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"TranslatableField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","_resolveDynamicComponent","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","TranslatableField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","store","useFormStore","locales","computed","invalidKey","useStoreSelector","translatableLocalesWithErrors","state","invalid","current","ref","initialTranslatableLocale","watch","editing","option","locale","candidate","field","translatableLocaleField","openBlock","createElementBlock","createElementVNode","unref","Fragment","renderList","normalizeClass","cn","createTextVNode","toDisplayString","_cache","createCommentVNode","createBlock","resolveDynamicComponent"],"sources":["../../../src/components/schema/TranslatableField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { BaseField } from '@alfakit/core'\nimport {\n  initialTranslatableLocale,\n  translatableLocaleField,\n  translatableLocalesWithErrors,\n} from '@alfakit/core'\nimport { computed, ref, watch, type Component } from 'vue'\nimport { useStoreSelector } from '../../composables/use-store'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useFormStore } from '../form/form-context'\n\n/**\n * A `->translatable()` field: a language switcher above the field's own renderer, bound\n * to `{statePath}.{locale}` for the selected language. Languages with a validation error\n * are marked, and the first of them opens after a failed submit.\n */\nconst props = defineProps<{ component: BaseField; render: Component }>()\nconst t = useT()\nconst store = useFormStore()\n\nconst locales = computed(() => props.component.translatable?.locales ?? [])\nconst invalidKey = useStoreSelector(store.store, (state) =>\n  translatableLocalesWithErrors(props.component, state.errors).join(','),\n)\nconst invalid = computed(() => (invalidKey.value === '' ? [] : invalidKey.value.split(',')))\nconst current = ref(initialTranslatableLocale(props.component, store.store.get().errors))\n\n// After a failed submit, show a language that needs attention.\nwatch(invalidKey, () => {\n  if (invalid.value.length > 0 && !invalid.value.includes(current.value)) {\n    current.value = invalid.value[0]!\n  }\n})\n\n// A `LocaleSwitcher` changes the language the fields open on; follow it when it changes.\nwatch(\n  () => props.component.translatable?.defaultLocale ?? '',\n  (editing) => {\n    if (editing !== '' && locales.value.some((option) => option.code === editing)) {\n      current.value = editing\n    }\n  },\n)\n\nconst locale = computed(\n  () => locales.value.find((candidate) => candidate.code === current.value) ?? locales.value[0],\n)\nconst field = computed(() =>\n  locale.value ? translatableLocaleField(props.component, locale.value) : props.component,\n)\n</script>\n\n<template>\n  <div v-if=\"locale\" data-slot=\"translatable-field\" class=\"flex flex-col gap-1.5\">\n    <div\n      role=\"group\"\n      :aria-label=\"\n        t('translatable.languages', { field: props.component.label ?? props.component.name })\n      \"\n      data-slot=\"translatable-locales\"\n      class=\"flex flex-wrap justify-end gap-1\"\n    >\n      <button\n        v-for=\"option in locales\"\n        :key=\"option.code\"\n        type=\"button\"\n        :lang=\"option.tag\"\n        :aria-pressed=\"option.code === locale.code\"\n        :data-active=\"option.code === locale.code || undefined\"\n        :data-invalid=\"invalid.includes(option.code) || undefined\"\n        :class=\"\n          cn(\n            'focus-visible:ring-ring/50 inline-flex h-6 items-center gap-1 rounded-md border px-2 text-xs font-medium transition-colors outline-none focus-visible:ring-[3px]',\n            option.code === locale.code\n              ? 'border-primary bg-primary text-primary-foreground'\n              : 'bg-background text-muted-foreground hover:bg-accent hover:text-accent-foreground',\n            invalid.includes(option.code) &&\n              option.code !== locale.code &&\n              'border-destructive text-destructive',\n          )\n        \"\n        @click=\"current = option.code\"\n      >\n        {{ option.label }}\n        <template v-if=\"invalid.includes(option.code)\">\n          <span aria-hidden=\"true\" class=\"bg-destructive size-1.5 rounded-full\" />\n          <span class=\"sr-only\">({{ t('translatable.has_errors') }})</span>\n        </template>\n      </button>\n    </div>\n    <component :is=\"props.render\" :key=\"locale.code\" :component=\"field\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMiB,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAQC,EAAa,GAErBC,IAAUC,QAAeP,EAAM,UAAU,cAAc,WAAW,CAAC,CAAC,GACpEQ,IAAaC,EAAiBL,EAAM,QAAQ,MAChDM,EAA8BV,EAAM,WAAWW,EAAM,MAAM,CAAC,CAAC,KAAK,GAAG,CACvE,GACMC,IAAUL,QAAgBC,EAAW,UAAU,KAAK,CAAC,IAAIA,EAAW,MAAM,MAAM,GAAG,CAAE,GACrFK,IAAUC,EAAIC,EAA0Bf,EAAM,WAAWI,EAAM,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC;EAUxF,AAPAY,EAAMR,SAAkB;GACtB,AAAII,EAAQ,MAAM,SAAS,KAAK,CAACA,EAAQ,MAAM,SAASC,EAAQ,KAAK,MACnE,EAAQ,QAAQD,EAAQ,MAAM;EAElC,CAAC,GAGDI,QACQhB,EAAM,UAAU,cAAc,iBAAiB,KACpD,MAAY;GACX,AAAIiB,MAAY,MAAMX,EAAQ,MAAM,MAAM,MAAWY,EAAO,SAASD,CAAO,MAC1E,EAAQ,QAAQA;EAEpB,CACF;EAEA,IAAME,IAASZ,QACPD,EAAQ,MAAM,MAAM,MAAcc,EAAU,SAASP,EAAQ,KAAK,KAAKP,EAAQ,MAAM,EAC7F,GACMe,IAAQd,QACZY,EAAO,QAAQG,EAAwBtB,EAAM,WAAWmB,EAAO,KAAK,IAAInB,EAAM,SAChF;mBAIamB,EAAA,SAAXpC,EAAA,GAAAC,EAsCM,OAtCNW,GAsCM,CArCJV,EAmCM,OAAA;GAlCJ,MAAK;GACJ,cAAqBC,EAAAgB,CAAA,CAAC,CAAA,0BAAA,EAAA,OAAoCF,EAAM,UAAU,SAASA,EAAM,UAAU,KAAI,CAAA;GAGxG,aAAU;GACV,OAAM;EAENjB,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EA0BSG,GAAA,MAAAC,EAzBUkB,EAAA,QAAV,OADTvB,EAAA,GAAAC,EA0BS,UAAA;GAxBN,KAAKkC,EAAO;GACb,MAAK;GACJ,MAAMA,EAAO;GACb,gBAAcA,EAAO,SAASC,EAAA,MAAO;GACrC,eAAaD,EAAO,SAASC,EAAA,MAAO,QAAQ,KAAA;GAC5C,gBAAcP,EAAA,MAAQ,SAASM,EAAO,IAAI,KAAK,KAAA;GAC/C,OAAK7B,EAAaH,EAAA4C,CAAA,CAAE,CAAA,oKAA8LZ,EAAO,SAASC,EAAA,MAAO,OAAA,sDAAA,oFAAyLP,EAAA,MAAQ,SAASM,EAAO,IAAI,KAAmBA,EAAO,SAASC,EAAA,MAAO,QAAA,qCAAA,CAAA;GAWxe,UAAK,MAAE,EAAA,QAAUD,EAAO;EAEtB5B,GAAAA,CAAAA,EAAAC,EAAA2B,EAAO,KAAK,IAAG,KAClB,CAAA,GAAgBN,EAAA,MAAQ,SAASM,EAAO,IAAI,KAA5CnC,EAAA,GAAAC,EAGWG,GAAA,EAAA,KAAA,EAAA,GAAA,CAFT,AAAA8C,EAAA,OAAAhD,EAAwE,QAAA;GAAlE,eAAY;GAAO,OAAM;EAC/BA,GAAAA,MAAAA,EAAAA,GAAAA,EAAiE,QAAjEa,GAAsB,MAACP,EAAGL,EAAAgB,CAAA,CAAC,CAAA,yBAAA,CAAA,IAA8B,KAAC,CAAA,CAAA,GAAA,EAAA,KAAAgC,EAAA,IAAA,EAAA,CAAA,GAAA,IAAArC,CAAA,EAIhEd,GAAAA,GAAAA,EAAAA,GAAAA,GAAAA,CAAAA,IAAAA,EAAA,GAAAU,EAAsEC,EAAtDM,EAAM,MAAM,GAAA;GAAG,KAAKmB,EAAA,MAAO;GAAO,WAAWE,EAAA"}
+{"version":3,"file":"TranslatableField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_Fragment","_renderList","_normalizeClass","_createTextVNode","_toDisplayString","_createCommentVNode","_createBlock","_resolveDynamicComponent","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","TranslatableField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","store","useFormStore","locales","computed","invalidKey","useStoreSelector","translatableLocalesWithErrors","state","invalid","current","ref","initialTranslatableLocale","watch","editing","option","locale","candidate","field","translatableLocaleField","openBlock","createElementBlock","createElementVNode","unref","Fragment","renderList","normalizeClass","cn","createTextVNode","toDisplayString","_cache","createCommentVNode","createBlock","resolveDynamicComponent"],"sources":["../../../src/components/schema/TranslatableField.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAkBA,IAAMiB,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAQC,EAAa,GAErBC,IAAUC,QAAeP,EAAM,UAAU,cAAc,WAAW,CAAC,CAAC,GACpEQ,IAAaC,EAAiBL,EAAM,QAAQ,MAChDM,EAA8BV,EAAM,WAAWW,EAAM,MAAM,CAAC,CAAC,KAAK,GAAG,CACvE,GACMC,IAAUL,QAAgBC,EAAW,UAAU,KAAK,CAAC,IAAIA,EAAW,MAAM,MAAM,GAAG,CAAE,GACrFK,IAAUC,EAAIC,EAA0Bf,EAAM,WAAWI,EAAM,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC;EAUxF,AAPAY,EAAMR,SAAkB;GACtB,AAAII,EAAQ,MAAM,SAAS,KAAK,CAACA,EAAQ,MAAM,SAASC,EAAQ,KAAK,MACnE,EAAQ,QAAQD,EAAQ,MAAM;EAElC,CAAC,GAGDI,QACQhB,EAAM,UAAU,cAAc,iBAAiB,KACpD,MAAY;GACX,AAAIiB,MAAY,MAAMX,EAAQ,MAAM,MAAM,MAAWY,EAAO,SAASD,CAAO,MAC1E,EAAQ,QAAQA;EAEpB,CACF;EAEA,IAAME,IAASZ,QACPD,EAAQ,MAAM,MAAM,MAAcc,EAAU,SAASP,EAAQ,KAAK,KAAKP,EAAQ,MAAM,EAC7F,GACMe,IAAQd,QACZY,EAAO,QAAQG,EAAwBtB,EAAM,WAAWmB,EAAO,KAAK,IAAInB,EAAM,SAChF;mBAIamB,EAAA,SAAXpC,EAAA,GAAAC,EAsCM,OAtCNW,GAsCM,CArCJV,EAmCM,OAAA;GAlCJ,MAAK;GACJ,cAAqBC,EAAAgB,CAAA,CAAC,CAAA,0BAAA,EAAA,OAAoCF,EAAM,UAAU,SAASA,EAAM,UAAU,KAAI,CAAA;GAGxG,aAAU;GACV,OAAM;EAENjB,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EA0BSG,GAAA,MAAAC,EAzBUkB,EAAA,QAAV,OADTvB,EAAA,GAAAC,EA0BS,UAAA;GAxBN,KAAKkC,EAAO;GACb,MAAK;GACJ,MAAMA,EAAO;GACb,gBAAcA,EAAO,SAASC,EAAA,MAAO;GACrC,eAAaD,EAAO,SAASC,EAAA,MAAO,QAAQ,KAAA;GAC5C,gBAAcP,EAAA,MAAQ,SAASM,EAAO,IAAI,KAAK,KAAA;GAC/C,OAAK7B,EAAaH,EAAA4C,CAAA,CAAE,CAAA,oKAA8LZ,EAAO,SAASC,EAAA,MAAO,OAAA,sDAAA,oFAAyLP,EAAA,MAAQ,SAASM,EAAO,IAAI,KAAmBA,EAAO,SAASC,EAAA,MAAO,QAAA,qCAAA,CAAA;GAWxe,UAAK,MAAE,EAAA,QAAUD,EAAO;EAEtB5B,GAAAA,CAAAA,EAAAC,EAAA2B,EAAO,KAAK,IAAG,KAClB,CAAA,GAAgBN,EAAA,MAAQ,SAASM,EAAO,IAAI,KAA5CnC,EAAA,GAAAC,EAGWG,GAAA,EAAA,KAAA,EAAA,GAAA,CAFT,AAAA8C,EAAA,OAAAhD,EAAwE,QAAA;GAAlE,eAAY;GAAO,OAAM;EAC/BA,GAAAA,MAAAA,EAAAA,GAAAA,EAAiE,QAAjEa,GAAsB,MAACP,EAAGL,EAAAgB,CAAA,CAAC,CAAA,yBAAA,CAAA,IAA8B,KAAC,CAAA,CAAA,GAAA,EAAA,KAAAgC,EAAA,IAAA,EAAA,CAAA,GAAA,IAAArC,CAAA,EAIhEd,GAAAA,GAAAA,EAAAA,GAAAA,GAAAA,CAAAA,IAAAA,EAAA,GAAAU,EAAsEC,EAAtDM,EAAM,MAAM,GAAA;GAAG,KAAKmB,EAAA,MAAO;GAAO,WAAWE,EAAA"}

package/dist/components/schema/VirtualSpacerRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualSpacerRow.js","names":["_sfc_main","VirtualSpacerRow_vue_vue_type_script_setup_true_lang_default","VirtualSpacerRow_default"],"sources":["../../../src/components/schema/VirtualSpacerRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Reserves the height of table rows outside the rendered window, so the scrollbar and the\n * positions of the rendered rows stay right. Hidden from assistive technology: the\n * `aria-rowcount` on the table tells the real count.\n */\ndefineProps<{ height: number; colSpan: number }>()\n</script>\n\n<template>\n  <tr\n    v-if=\"height > 0\"\n    aria-hidden=\"true\"\n    data-slot=\"virtual-spacer\"\n    :style=\"{ height: `${height}px` }\"\n  >\n    <td :colspan=\"colSpan\" class=\"border-0 p-0\" />\n  </tr>\n</template>\n"],"mappings":""}
+{"version":3,"file":"VirtualSpacerRow.js","names":["_sfc_main","VirtualSpacerRow_vue_vue_type_script_setup_true_lang_default","VirtualSpacerRow_default"],"sources":["../../../src/components/schema/VirtualSpacerRow.vue"],"mappings":""}

package/dist/components/schema/VirtualSpacerRow.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualSpacerRow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_createCommentVNode","_hoisted_1","VirtualSpacerRow_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createElementBlock","normalizeStyle","createElementVNode","createCommentVNode"],"sources":["../../../src/components/schema/VirtualSpacerRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Reserves the height of table rows outside the rendered window, so the scrollbar and the\n * positions of the rendered rows stay right. Hidden from assistive technology: the\n * `aria-rowcount` on the table tells the real count.\n */\ndefineProps<{ height: number; colSpan: number }>()\n</script>\n\n<template>\n  <tr\n    v-if=\"height > 0\"\n    aria-hidden=\"true\"\n    data-slot=\"virtual-spacer\"\n    :style=\"{ height: `${height}px` }\"\n  >\n    <td :colspan=\"colSpan\" class=\"border-0 p-0\" />\n  </tr>\n</template>\n"],"mappings":";;;;;;;;;mBAWUO,EAAA,SAAM,KADdP,EAAA,GAAAC,EAOK,MAAA;;GALH,eAAY;GACZ,aAAU;GACT,OAAKC,EAAA,EAAA,QAAA,GAAeK,EAAA,OAAM,IAAA,CAAA;EAE3BJ,GAAAA,CAAAA,EAA8C,MAAA;GAAzC,SAASI,EAAA;GAAS,OAAM"}
+{"version":3,"file":"VirtualSpacerRow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeStyle","_createElementVNode","_createCommentVNode","_hoisted_1","VirtualSpacerRow_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createElementBlock","normalizeStyle","createElementVNode","createCommentVNode"],"sources":["../../../src/components/schema/VirtualSpacerRow.vue"],"mappings":";;;;;;;;;mBAWUO,EAAA,SAAM,KADdP,EAAA,GAAAC,EAOK,MAAA;;GALH,eAAY;GACZ,aAAU;GACT,OAAKC,EAAA,EAAA,QAAA,GAAeK,EAAA,OAAM,IAAA,CAAA;EAE3BJ,GAAAA,CAAAA,EAA8C,MAAA;GAAzC,SAASI,EAAA;GAAS,OAAM"}

package/dist/components/schema/field-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"field-actions.js","names":["useFieldActionContext","form","useOptionalFormStore","page","usePageActionContext","computed","fieldActionContext","toValue","component"],"sources":["../../../src/components/schema/field-actions.ts"],"sourcesContent":["import type { ActionContext } from '@alfakit/core'\nimport { fieldActionContext } from '@alfakit/core'\nimport { computed, toValue, type ComputedRef, type MaybeRefOrGetter } from 'vue'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\n\n/**\n * The action context of a field or entry's own actions (`field:{schema}::{key}`): they\n * run through the action endpoint with the form's state, and the response updates the\n * form in place.\n */\nexport function useFieldActionContext(\n  component: MaybeRefOrGetter<{ key: string }>,\n): ComputedRef<ActionContext> {\n  const form = useOptionalFormStore()\n  const page = usePageActionContext()\n\n  return computed(() =>\n    fieldActionContext({ token: page.token, form, key: toValue(component).key }),\n  )\n}\n"],"mappings":";;;;;AAWA,SAAgBA,EACd,GAC4B;CAC5B,IAAMC,IAAOC,EAAqB,GAC5BC,IAAOC,EAAqB;CAElC,OAAOC,QACLC,EAAmB;EAAE,OAAOH,EAAK;EAAO;EAAM,KAAKI,EAAQC,CAAS,CAAC,CAAC;CAAI,CAAC,CAC7E;AACF"}
+{"version":3,"file":"field-actions.js","names":["useFieldActionContext","form","useOptionalFormStore","page","usePageActionContext","computed","fieldActionContext","toValue","component"],"sources":["../../../src/components/schema/field-actions.ts"],"mappings":";;;;;AAWA,SAAgBA,EACd,GAC4B;CAC5B,IAAMC,IAAOC,EAAqB,GAC5BC,IAAOC,EAAqB;CAElC,OAAOC,QACLC,EAAmB;EAAE,OAAOH,EAAK;EAAO;EAAM,KAAKI,EAAQC,CAAS,CAAC,CAAC;CAAI,CAAC,CAC7E;AACF"}

package/dist/components/schema/fused-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"fused-group.js","names":["FUSED_GROUP","provideFusedGroup","useInFusedGroup","inject"],"sources":["../../../src/components/schema/fused-group.ts"],"sourcesContent":["import { inject, provide, type InjectionKey } from 'vue'\n\nconst FUSED_GROUP: InjectionKey<boolean> = Symbol('alfakit-fused-group')\n\n/**\n * Set by `FusedGroup`: fields inside render only their control (labels become\n * screen-reader text, helper text and errors are shown by the group).\n */\nexport function provideFusedGroup(): void {\n  provide(FUSED_GROUP, true)\n}\n\nexport function useInFusedGroup(): boolean {\n  return inject(FUSED_GROUP, false)\n}\n"],"mappings":";;AAEA,IAAMA,IAAqC,OAAO,qBAAqB;AAMvE,SAAgBC,IAA0B;CACxC,EAAQD,GAAa,EAAI;AAC3B;AAEA,SAAgBE,IAA2B;CACzC,OAAOC,EAAOH,GAAa,EAAK;AAClC"}
+{"version":3,"file":"fused-group.js","names":["FUSED_GROUP","provideFusedGroup","useInFusedGroup","inject"],"sources":["../../../src/components/schema/fused-group.ts"],"mappings":";;AAEA,IAAMA,IAAqC,OAAO,qBAAqB;AAMvE,SAAgBC,IAA0B;CACxC,EAAQD,GAAa,EAAI;AAC3B;AAEA,SAAgBE,IAA2B;CACzC,OAAOC,EAAOH,GAAa,EAAK;AAClC"}

package/dist/components/table/BooleanCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanCell.js","names":["_sfc_main","BooleanCell_vue_vue_type_script_setup_true_lang_default","BooleanCell_default"],"sources":["../../../src/components/table/BooleanCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToggleColumnSchema } from '@alfakit/core'\nimport { computed, ref } from 'vue'\nimport {\n  colorClass,\n  switchOffColorClasses,\n  switchOnColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Switch from '../ui/Switch.vue'\nimport { useCellUpdate, type CellProps } from './cell-update'\n\nconst props = defineProps<CellProps>()\nconst { update, saving } = useCellUpdate(props)\nconst checked = ref(Boolean(props.cell.state))\nconst disabled = computed(() => Boolean(props.cell.disabled) || saving.value)\nconst toggle = computed(() => props.column as ToggleColumnSchema)\n\nconst onChange = (next: boolean) => {\n  checked.value = next\n  void update(next)\n}\n</script>\n\n<template>\n  <Checkbox\n    v-if=\"props.column.type === 'CheckboxColumn'\"\n    :model-value=\"checked\"\n    :disabled=\"disabled\"\n    :aria-label=\"props.column.label || props.column.name\"\n    @update:model-value=\"onChange($event === true)\"\n    @click.stop\n  />\n  <span v-else class=\"inline-flex items-center gap-2\" @click.stop>\n    <Switch\n      :model-value=\"checked\"\n      :disabled=\"disabled\"\n      :aria-label=\"props.column.label || props.column.name\"\n      :class=\"\n        cn(\n          toggle.onColor && colorClass(switchOnColorClasses, toggle.onColor),\n          toggle.offColor && colorClass(switchOffColorClasses, toggle.offColor),\n        )\n      \"\n      @update:model-value=\"onChange\"\n    />\n    <Icon\n      v-if=\"checked ? toggle.onIcon : toggle.offIcon\"\n      :name=\"checked ? toggle.onIcon : toggle.offIcon\"\n      :class=\"colorClass(textColorClasses, checked ? toggle.onColor : toggle.offColor, 'gray')\"\n    />\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"BooleanCell.js","names":["_sfc_main","BooleanCell_vue_vue_type_script_setup_true_lang_default","BooleanCell_default"],"sources":["../../../src/components/table/BooleanCell.vue"],"mappings":""}

package/dist/components/table/BooleanCell.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"BooleanCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Checkbox","_withModifiers","_createElementBlock","_createVNode","Switch","_normalizeClass","_unref","Icon","_createCommentVNode","Icon_default","Checkbox_default","Switch_default","BooleanCell_vue_vue_type_script_setup_true_lang_default","props","__props","useCellUpdate","checked","ref","disabled","computed","saving","toggle","onChange","next","update","openBlock","createBlock","_cache","$event","withModifiers","createElementBlock","createVNode","normalizeClass","unref","cn","colorClass","switchOnColorClasses","switchOffColorClasses","textColorClasses","createCommentVNode"],"sources":["../../../src/components/table/BooleanCell.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToggleColumnSchema } from '@alfakit/core'\nimport { computed, ref } from 'vue'\nimport {\n  colorClass,\n  switchOffColorClasses,\n  switchOnColorClasses,\n  textColorClasses,\n} from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Switch from '../ui/Switch.vue'\nimport { useCellUpdate, type CellProps } from './cell-update'\n\nconst props = defineProps<CellProps>()\nconst { update, saving } = useCellUpdate(props)\nconst checked = ref(Boolean(props.cell.state))\nconst disabled = computed(() => Boolean(props.cell.disabled) || saving.value)\nconst toggle = computed(() => props.column as ToggleColumnSchema)\n\nconst onChange = (next: boolean) => {\n  checked.value = next\n  void update(next)\n}\n</script>\n\n<template>\n  <Checkbox\n    v-if=\"props.column.type === 'CheckboxColumn'\"\n    :model-value=\"checked\"\n    :disabled=\"disabled\"\n    :aria-label=\"props.column.label || props.column.name\"\n    @update:model-value=\"onChange($event === true)\"\n    @click.stop\n  />\n  <span v-else class=\"inline-flex items-center gap-2\" @click.stop>\n    <Switch\n      :model-value=\"checked\"\n      :disabled=\"disabled\"\n      :aria-label=\"props.column.label || props.column.name\"\n      :class=\"\n        cn(\n          toggle.onColor && colorClass(switchOnColorClasses, toggle.onColor),\n          toggle.offColor && colorClass(switchOffColorClasses, toggle.offColor),\n        )\n      \"\n      @update:model-value=\"onChange\"\n    />\n    <Icon\n      v-if=\"checked ? toggle.onIcon : toggle.offIcon\"\n      :name=\"checked ? toggle.onIcon : toggle.offIcon\"\n      :class=\"colorClass(textColorClasses, checked ? toggle.onColor : toggle.offColor, 'gray')\"\n    />\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAeA,IAAMe,IAAQC,GACR,EAAE,WAAQ,cAAWC,EAAcF,CAAK,GACxCG,IAAUC,EAAI,EAAQJ,EAAM,KAAK,KAAM,GACvCK,IAAWC,QAAe,EAAQN,EAAM,KAAK,YAAaO,EAAO,KAAK,GACtEC,IAASF,QAAeN,EAAM,MAA4B,GAE1DS,KAAY,MAAkB;GAElC,AADA,EAAQ,QAAQC,GAChBC,EAAYD,CAAI;EAClB;mBAKUV,EAAM,OAAO,SAAI,oBADzBf,EAAA,GAAAC,EAOEC,GAAA;;GALC,eAAagB,EAAA;GACb,UAAUE,EAAA;GACV,cAAYL,EAAM,OAAO,SAASA,EAAM,OAAO;GAC/C,uBAAkB,AAAAc,EAAA,QAAA,MAAEL,EAASM,MAAM,EAAA;GACnC,SAAK,AAAAD,EAAA,OAAA1B,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;;;;;EAEbH,CAAAA,MAAAA,EAAA,GAAAI,EAkBO,QAAA;;GAlBM,OAAM;GAAkC,SAAK,AAAAyB,EAAA,OAAA1B,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;EAC7DE,GAAAA,CAAAA,EAWEC,GAAA;GAVC,eAAaY,EAAA;GACb,UAAUE,EAAA;GACV,cAAYL,EAAM,OAAO,SAASA,EAAM,OAAO;GAC/C,OAAKR,EAAWC,EAAA4B,CAAA,CAAE,CAAYb,EAAA,MAAO,WAAWf,EAAA6B,CAAA,CAAU,CAAC7B,EAAA8B,CAAA,GAAsBf,EAAA,MAAO,OAAO,GAAaA,EAAA,MAAO,YAAYf,EAAA6B,CAAA,CAAU,CAAC7B,EAAA+B,CAAA,GAAuBhB,EAAA,MAAO,QAAQ,CAAA,CAAA;GAMhL,uBAAoBC;;;;;;EAGf,CAAA,IAAAN,EAAA,QAAUK,EAAA,MAAO,SAASA,EAAA,MAAO,YADzCvB,EAAA,GAAAC,EAIEO,EAAAC,CAAA,GAAA;;GAFC,MAAMS,EAAA,QAAUK,EAAA,MAAO,SAASA,EAAA,MAAO;GACvC,OAAKhB,EAAEC,EAAA6B,CAAA,CAAU,CAAC7B,EAAAgC,CAAA,GAAkBtB,EAAA,QAAUK,EAAA,MAAO,UAAUA,EAAA,MAAO,UAAQ,MAAA,CAAA"}
+{"version":3,"file":"BooleanCell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Checkbox","_withModifiers","_createElementBlock","_createVNode","Switch","_normalizeClass","_unref","Icon","_createCommentVNode","Icon_default","Checkbox_default","Switch_default","BooleanCell_vue_vue_type_script_setup_true_lang_default","props","__props","useCellUpdate","checked","ref","disabled","computed","saving","toggle","onChange","next","update","openBlock","createBlock","_cache","$event","withModifiers","createElementBlock","createVNode","normalizeClass","unref","cn","colorClass","switchOnColorClasses","switchOffColorClasses","textColorClasses","createCommentVNode"],"sources":["../../../src/components/table/BooleanCell.vue"],"mappings":";;;;;;;;;;;;;;;;;;;EAeA,IAAMe,IAAQC,GACR,EAAE,WAAQ,cAAWC,EAAcF,CAAK,GACxCG,IAAUC,EAAI,EAAQJ,EAAM,KAAK,KAAM,GACvCK,IAAWC,QAAe,EAAQN,EAAM,KAAK,YAAaO,EAAO,KAAK,GACtEC,IAASF,QAAeN,EAAM,MAA4B,GAE1DS,KAAY,MAAkB;GAElC,AADA,EAAQ,QAAQC,GAChBC,EAAYD,CAAI;EAClB;mBAKUV,EAAM,OAAO,SAAI,oBADzBf,EAAA,GAAAC,EAOEC,GAAA;;GALC,eAAagB,EAAA;GACb,UAAUE,EAAA;GACV,cAAYL,EAAM,OAAO,SAASA,EAAM,OAAO;GAC/C,uBAAkB,AAAAc,EAAA,QAAA,MAAEL,EAASM,MAAM,EAAA;GACnC,SAAK,AAAAD,EAAA,OAAA1B,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;;;;;EAEbH,CAAAA,MAAAA,EAAA,GAAAI,EAkBO,QAAA;;GAlBM,OAAM;GAAkC,SAAK,AAAAyB,EAAA,OAAA1B,QAAN,CAAA,GAAW,CAAA,MAAA,CAAA;EAC7DE,GAAAA,CAAAA,EAWEC,GAAA;GAVC,eAAaY,EAAA;GACb,UAAUE,EAAA;GACV,cAAYL,EAAM,OAAO,SAASA,EAAM,OAAO;GAC/C,OAAKR,EAAWC,EAAA4B,CAAA,CAAE,CAAYb,EAAA,MAAO,WAAWf,EAAA6B,CAAA,CAAU,CAAC7B,EAAA8B,CAAA,GAAsBf,EAAA,MAAO,OAAO,GAAaA,EAAA,MAAO,YAAYf,EAAA6B,CAAA,CAAU,CAAC7B,EAAA+B,CAAA,GAAuBhB,EAAA,MAAO,QAAQ,CAAA,CAAA;GAMhL,uBAAoBC;;;;;;EAGf,CAAA,IAAAN,EAAA,QAAUK,EAAA,MAAO,SAASA,EAAA,MAAO,YADzCvB,EAAA,GAAAC,EAIEO,EAAAC,CAAA,GAAA;;GAFC,MAAMS,EAAA,QAAUK,EAAA,MAAO,SAASA,EAAA,MAAO;GACvC,OAAKhB,EAAEC,EAAA6B,CAAA,CAAU,CAAC7B,EAAAgC,CAAA,GAAkBtB,EAAA,QAAUK,EAAA,MAAO,UAAUA,EAAA,MAAO,UAAQ,MAAA,CAAA"}

package/dist/components/table/ColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeader.js","names":["_sfc_main","ColumnHeader_vue_vue_type_script_setup_true_lang_default","ColumnHeader_default"],"sources":["../../../src/components/table/ColumnHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColumnSchema, TableSchema } from '@alfakit/core'\nimport { ariaSort, columnVisibilityClasses, debounce, visitTable } from '@alfakit/core'\nimport { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon } from '@lucide/vue'\nimport { createReusableTemplate } from '@vueuse/core'\nimport { onBeforeUnmount, ref } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Slot from '../panel/Slot.vue'\nimport Input from '../ui/Input.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport TableHead from '../ui/TableHead.vue'\n\nconst ALIGN: Record<string, string> = {\n  start: 'text-start',\n  center: 'text-center',\n  end: 'text-end',\n  between: 'text-start',\n  justify: 'text-justify',\n}\n\n/** A column's header cell: label, sort button and individual search input. */\nconst props = defineProps<{\n  table: TableSchema\n  column: ColumnSchema\n  rowSpan?: number\n  /** The table's component key (`relationManager:<class>`, `widget:<id>`), for slots. */\n  component?: string | null\n}>()\nconst t = useT()\nconst [DefineLabel, ColumnHeaderLabel] = createReusableTemplate()\n\n// A spinner replaces the sort icon until the sorted records arrive.\nconst sorting = ref(false)\n\nconst sort = () => {\n  const direction =\n    props.table.sort?.column === props.column.name && props.table.sort.direction === 'asc'\n      ? 'desc'\n      : 'asc'\n  sorting.value = true\n  visitTable(props.table.identifier, { sort: props.column.name, direction }, ['page'], {\n    onFinish: () => {\n      sorting.value = false\n    },\n  })\n}\n\n// The column search applies after the same pause as the table search; Enter applies at once.\nconst pushColumnSearch = debounce(\n  (value: string) =>\n    visitTable(\n      props.table.identifier,\n      { columnSearch: { ...(props.table.columnSearches ?? {}), [props.column.name]: value } },\n      ['page'],\n    ),\n  props.table.searchDebounce,\n)\n\nonBeforeUnmount(() => pushColumnSearch.cancel())\n\nconst onColumnSearchInput = (value: string) => {\n  if (!props.table.searchOnBlur) pushColumnSearch(value)\n}\n\nconst columnSearch = (event: Event) => {\n  pushColumnSearch((event.target as HTMLInputElement).value)\n  pushColumnSearch.flush()\n}\n</script>\n\n<template>\n  <DefineLabel>\n    <button\n      v-if=\"props.column.sortable\"\n      type=\"button\"\n      class=\"hover:text-foreground inline-flex items-center gap-1\"\n      :aria-busy=\"sorting || undefined\"\n      @click=\"sort\"\n    >\n      {{ props.column.label }}\n      <Spinner v-if=\"sorting\" data-slot=\"table-sort-spinner\" class=\"size-3.5\" />\n      <template v-else-if=\"props.table.sort?.column === props.column.name\">\n        <Icon\n          v-if=\"props.table.sort?.direction === 'asc'\"\n          name=\"alfakit::tables.header-cell.sort-asc-button\"\n          :fallback=\"ArrowUpIcon\"\n          class=\"size-3.5\"\n          aria-hidden=\"true\"\n        />\n        <Icon\n          v-else\n          name=\"alfakit::tables.header-cell.sort-desc-button\"\n          :fallback=\"ArrowDownIcon\"\n          class=\"size-3.5\"\n          aria-hidden=\"true\"\n        />\n      </template>\n      <Icon\n        v-else\n        name=\"alfakit::tables.header-cell.sort-button\"\n        :fallback=\"ArrowUpDownIcon\"\n        class=\"size-3.5 opacity-40\"\n        aria-hidden=\"true\"\n      />\n    </button>\n    <template v-else>{{ props.column.label }}</template>\n  </DefineLabel>\n  <TableHead\n    :rowspan=\"props.rowSpan\"\n    :class=\"\n      cn(\n        ALIGN[props.column.alignment ?? 'start'],\n        props.column.wrapHeader ? 'whitespace-normal' : undefined,\n        props.column.grow === false && 'w-0',\n        columnVisibilityClasses(props.column),\n      )\n    \"\n    :style=\"props.column.width ? { width: props.column.width } : undefined\"\n    :aria-sort=\"\n      props.column.sortable\n        ? ariaSort(props.column.name, props.table.sort?.column, props.table.sort?.direction)\n        : undefined\n    \"\n    v-bind=\"props.column.extraHeaderAttributes\"\n  >\n    <div class=\"flex flex-col gap-1\">\n      <span\n        v-if=\"props.column.headerTooltip\"\n        :title=\"props.column.headerTooltip\"\n        data-slot=\"header-tooltip\"\n      >\n        <ColumnHeaderLabel />\n        <span class=\"sr-only\"> ({{ props.column.headerTooltip }})</span>\n      </span>\n      <ColumnHeaderLabel v-else />\n      <Slot\n        name=\"table.header-cell\"\n        :scope=\"props.component\"\n        :data=\"{ column: props.column.name }\"\n      />\n      <Input\n        v-if=\"props.column.searchable\"\n        type=\"search\"\n        :model-value=\"props.table.columnSearches?.[props.column.name] ?? ''\"\n        :placeholder=\"t('search', {}, 'Search')\"\n        :aria-label=\"`${t('search', {}, 'Search')} ${props.column.label}`\"\n        class=\"h-7 text-xs font-normal\"\n        @update:model-value=\"onColumnSearchInput\"\n        @blur=\"props.table.searchOnBlur && columnSearch($event)\"\n        @keydown.enter=\"columnSearch\"\n      />\n    </div>\n  </TableHead>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ColumnHeader.js","names":["_sfc_main","ColumnHeader_vue_vue_type_script_setup_true_lang_default","ColumnHeader_default"],"sources":["../../../src/components/table/ColumnHeader.vue"],"mappings":""}

package/dist/components/table/ColumnHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeader.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createTextVNode","_toDisplayString","_createBlock","Spinner","Icon","TableHead","_mergeProps","_createElementVNode","Slot","Input","_withKeys","_createCommentVNode","Icon_default","Spinner_default","Input_default","TableHead_default","Slot_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","ColumnHeader_vue_vue_type_script_setup_true_lang_default","ALIGN","props","__props","t","useT","DefineLabel","ColumnHeaderLabel","createReusableTemplate","sorting","ref","sort","direction","visitTable","pushColumnSearch","debounce","value","onColumnSearchInput","columnSearch","event","openBlock","createElementBlock","Fragment","createVNode","unref","withCtx","createTextVNode","toDisplayString","createBlock","ArrowUpIcon","ArrowDownIcon","ArrowUpDownIcon","mergeProps","cn","columnVisibilityClasses","ariaSort","createElementVNode","_cache","$event","withKeys","createCommentVNode"],"sources":["../../../src/components/table/ColumnHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColumnSchema, TableSchema } from '@alfakit/core'\nimport { ariaSort, columnVisibilityClasses, debounce, visitTable } from '@alfakit/core'\nimport { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon } from '@lucide/vue'\nimport { createReusableTemplate } from '@vueuse/core'\nimport { onBeforeUnmount, ref } from 'vue'\nimport { useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Slot from '../panel/Slot.vue'\nimport Input from '../ui/Input.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport TableHead from '../ui/TableHead.vue'\n\nconst ALIGN: Record<string, string> = {\n  start: 'text-start',\n  center: 'text-center',\n  end: 'text-end',\n  between: 'text-start',\n  justify: 'text-justify',\n}\n\n/** A column's header cell: label, sort button and individual search input. */\nconst props = defineProps<{\n  table: TableSchema\n  column: ColumnSchema\n  rowSpan?: number\n  /** The table's component key (`relationManager:<class>`, `widget:<id>`), for slots. */\n  component?: string | null\n}>()\nconst t = useT()\nconst [DefineLabel, ColumnHeaderLabel] = createReusableTemplate()\n\n// A spinner replaces the sort icon until the sorted records arrive.\nconst sorting = ref(false)\n\nconst sort = () => {\n  const direction =\n    props.table.sort?.column === props.column.name && props.table.sort.direction === 'asc'\n      ? 'desc'\n      : 'asc'\n  sorting.value = true\n  visitTable(props.table.identifier, { sort: props.column.name, direction }, ['page'], {\n    onFinish: () => {\n      sorting.value = false\n    },\n  })\n}\n\n// The column search applies after the same pause as the table search; Enter applies at once.\nconst pushColumnSearch = debounce(\n  (value: string) =>\n    visitTable(\n      props.table.identifier,\n      { columnSearch: { ...(props.table.columnSearches ?? {}), [props.column.name]: value } },\n      ['page'],\n    ),\n  props.table.searchDebounce,\n)\n\nonBeforeUnmount(() => pushColumnSearch.cancel())\n\nconst onColumnSearchInput = (value: string) => {\n  if (!props.table.searchOnBlur) pushColumnSearch(value)\n}\n\nconst columnSearch = (event: Event) => {\n  pushColumnSearch((event.target as HTMLInputElement).value)\n  pushColumnSearch.flush()\n}\n</script>\n\n<template>\n  <DefineLabel>\n    <button\n      v-if=\"props.column.sortable\"\n      type=\"button\"\n      class=\"hover:text-foreground inline-flex items-center gap-1\"\n      :aria-busy=\"sorting || undefined\"\n      @click=\"sort\"\n    >\n      {{ props.column.label }}\n      <Spinner v-if=\"sorting\" data-slot=\"table-sort-spinner\" class=\"size-3.5\" />\n      <template v-else-if=\"props.table.sort?.column === props.column.name\">\n        <Icon\n          v-if=\"props.table.sort?.direction === 'asc'\"\n          name=\"alfakit::tables.header-cell.sort-asc-button\"\n          :fallback=\"ArrowUpIcon\"\n          class=\"size-3.5\"\n          aria-hidden=\"true\"\n        />\n        <Icon\n          v-else\n          name=\"alfakit::tables.header-cell.sort-desc-button\"\n          :fallback=\"ArrowDownIcon\"\n          class=\"size-3.5\"\n          aria-hidden=\"true\"\n        />\n      </template>\n      <Icon\n        v-else\n        name=\"alfakit::tables.header-cell.sort-button\"\n        :fallback=\"ArrowUpDownIcon\"\n        class=\"size-3.5 opacity-40\"\n        aria-hidden=\"true\"\n      />\n    </button>\n    <template v-else>{{ props.column.label }}</template>\n  </DefineLabel>\n  <TableHead\n    :rowspan=\"props.rowSpan\"\n    :class=\"\n      cn(\n        ALIGN[props.column.alignment ?? 'start'],\n        props.column.wrapHeader ? 'whitespace-normal' : undefined,\n        props.column.grow === false && 'w-0',\n        columnVisibilityClasses(props.column),\n      )\n    \"\n    :style=\"props.column.width ? { width: props.column.width } : undefined\"\n    :aria-sort=\"\n      props.column.sortable\n        ? ariaSort(props.column.name, props.table.sort?.column, props.table.sort?.direction)\n        : undefined\n    \"\n    v-bind=\"props.column.extraHeaderAttributes\"\n  >\n    <div class=\"flex flex-col gap-1\">\n      <span\n        v-if=\"props.column.headerTooltip\"\n        :title=\"props.column.headerTooltip\"\n        data-slot=\"header-tooltip\"\n      >\n        <ColumnHeaderLabel />\n        <span class=\"sr-only\"> ({{ props.column.headerTooltip }})</span>\n      </span>\n      <ColumnHeaderLabel v-else />\n      <Slot\n        name=\"table.header-cell\"\n        :scope=\"props.component\"\n        :data=\"{ column: props.column.name }\"\n      />\n      <Input\n        v-if=\"props.column.searchable\"\n        type=\"search\"\n        :model-value=\"props.table.columnSearches?.[props.column.name] ?? ''\"\n        :placeholder=\"t('search', {}, 'Search')\"\n        :aria-label=\"`${t('search', {}, 'Search')} ${props.column.label}`\"\n        class=\"h-7 text-xs font-normal\"\n        @update:model-value=\"onColumnSearchInput\"\n        @blur=\"props.table.searchOnBlur && columnSearch($event)\"\n        @keydown.enter=\"columnSearch\"\n      />\n    </div>\n  </TableHead>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ColumnHeader.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createTextVNode","_toDisplayString","_createBlock","Spinner","Icon","TableHead","_mergeProps","_createElementVNode","Slot","Input","_withKeys","_createCommentVNode","Icon_default","Spinner_default","Input_default","TableHead_default","Slot_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","ColumnHeader_vue_vue_type_script_setup_true_lang_default","ALIGN","props","__props","t","useT","DefineLabel","ColumnHeaderLabel","createReusableTemplate","sorting","ref","sort","direction","visitTable","pushColumnSearch","debounce","value","onColumnSearchInput","columnSearch","event","openBlock","createElementBlock","Fragment","createVNode","unref","withCtx","createTextVNode","toDisplayString","createBlock","ArrowUpIcon","ArrowDownIcon","ArrowUpDownIcon","mergeProps","cn","columnVisibilityClasses","ariaSort","createElementVNode","_cache","$event","withKeys","createCommentVNode"],"sources":["../../../src/components/table/ColumnHeader.vue"],"mappings":"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"}

package/dist/components/table/ColumnManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnManager.js","names":["_sfc_main","ColumnManager_vue_vue_type_script_setup_true_lang_default","ColumnManager_default"],"sources":["../../../src/components/table/ColumnManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport {\n  columnDraftChanged,\n  columnManagerPosition,\n  columnOrderChanged,\n  defaultVisibleColumns,\n  FILTERS_MODAL_WIDTH_CLASSES,\n  gridColumnsClasses,\n  keepMoveButtonFocus,\n  moveColumnInManager,\n  moveColumnTo,\n  orderColumnsBy,\n  saveColumnOrder,\n  slideOverSide,\n  toggleVisibleColumn,\n  triggerButtonView,\n  visitTable,\n} from '@alfakit/core'\nimport { ChevronDownIcon, ChevronUpIcon, Columns3Icon, GripVerticalIcon } from '@lucide/vue'\nimport { createReusableTemplate } from '@vueuse/core'\nimport { computed, ref, useId, watch } from 'vue'\nimport { useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { showToast } from '../notifications/flash-toasts'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport DialogTrigger from '../ui/DialogTrigger.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport Sheet from '../ui/Sheet.vue'\nimport SheetContent from '../ui/SheetContent.vue'\nimport SheetDescription from '../ui/SheetDescription.vue'\nimport SheetHeader from '../ui/SheetHeader.vue'\nimport SheetTitle from '../ui/SheetTitle.vue'\nimport SheetTrigger from '../ui/SheetTrigger.vue'\nimport TableTriggerButton from './TableTriggerButton.vue'\n\n/**\n * The column manager: show / hide toggleable columns (kept in the query string) and, with\n * `reorderableColumns()`, move columns (stored per user on the server) by dragging a row\n * onto another or with the move up / down buttons (the keyboard path).\n *\n * `deferColumnManager()` keeps toggles in a draft until \"Apply\"; `columnManagerLayout()`\n * opens it in a dialog; `columnManagerColumns()` lays the list out in a grid.\n */\nconst props = defineProps<{ table: TableSchema; token: string; component: string }>()\nconst t = useT()\nconst panel = usePanel()\nconst direction = useDirection()\nconst open = ref(false)\n// `columnManagerTriggerAction()` may set `slideOver()`, `modalWidth()` and the heading.\nconst modal = computed(() => props.table.triggerActions?.columnManager?.modal)\nconst modalHeading = computed(() => modal.value?.heading ?? t('table.columns', {}, 'Columns'))\nconst modalDescription = computed(() => modal.value?.description ?? props.table.pluralModelLabel)\nconst modalWidthClass = computed(() =>\n  modal.value?.width ? FILTERS_MODAL_WIDTH_CLASSES[modal.value.width] : undefined,\n)\nconst saving = ref(false)\nconst dragging = ref<string | null>(null)\nconst dropTarget = ref<string | null>(null)\n// Toggles of a deferred column manager wait here until \"Apply\".\nconst draft = ref<string[] | null>(null)\nconst reorderable = computed(() =>\n  Boolean(props.table.reorderableColumns && panel.value.endpoints.tableColumns),\n)\nconst toggleable = computed(() => Boolean(props.table.toggleableColumns))\nconst deferred = computed(() => Boolean(props.table.deferColumnManager))\n// A moved column order: the draft of a deferred column manager, or shown at once while\n// it is saved.\nconst orderDraft = ref<string[] | null>(null)\n// Screen-reader announcement of the last move.\nconst announcement = ref('')\nconst idBase = useId()\nconst columns = computed(() =>\n  orderColumnsBy(\n    reorderable.value\n      ? props.table.columns\n      : props.table.columns.filter((column) => column.toggleable),\n    orderDraft.value,\n  ),\n)\nconst appliedNames = computed(() => props.table.columns.map((column) => column.name))\nconst names = computed(() => orderDraft.value ?? appliedNames.value)\nconst orderChanged = computed(\n  () => orderDraft.value !== null && columnOrderChanged(appliedNames.value, orderDraft.value),\n)\nconst positions = computed(() =>\n  Object.fromEntries(\n    columns.value.map((column) => [\n      column.name,\n      columnManagerPosition(names.value, column.name, props.table.columnGroups),\n    ]),\n  ),\n)\n\n// The server's order replaces the one shown while saving.\nwatch(\n  () => props.table.columns,\n  () => {\n    if (!deferred.value) orderDraft.value = null\n  },\n)\nconst visible = computed(() => draft.value ?? props.table.visibleColumns)\n\nconst trigger = computed(() =>\n  triggerButtonView(props.table, 'columnManager', {\n    label: t('table.columns', {}, 'Columns'),\n    showLabel: false,\n  }),\n)\nconst resetView = computed(() =>\n  triggerButtonView(props.table, 'columnManagerReset', {\n    label: toggleable.value\n      ? t('table.reset_columns', {}, 'Reset')\n      : t('table.reset_column_order', {}, 'Reset column order'),\n    variant: 'ghost',\n  }),\n)\nconst applyView = computed(() =>\n  deferred.value\n    ? triggerButtonView(props.table, 'columnManagerApply', {\n        label: t('table_filters.apply', {}, 'Apply'),\n        variant: 'default',\n      })\n    : null,\n)\nconst inHeader = computed(() => props.table.columnManagerResetActionPosition === 'header')\nconst draftChanged = computed(\n  () => draft.value !== null && columnDraftChanged(props.table.visibleColumns, draft.value),\n)\n\nconst toggle = (name: string) => {\n  const next = toggleVisibleColumn(visible.value, name)\n\n  if (deferred.value) {\n    draft.value = next\n  } else {\n    visitTable(props.table.identifier, { columns: next }, ['page'])\n  }\n}\n\nconst dragStart = (event: DragEvent, name: string) => {\n  if (event.dataTransfer) event.dataTransfer.effectAllowed = 'move'\n  dragging.value = name\n}\n\nconst dragOver = (event: DragEvent, name: string) => {\n  if (dragging.value === null) return\n\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'move'\n  dropTarget.value = name\n}\n\nconst drop = (name: string) => {\n  if (dragging.value !== null && dragging.value !== name) {\n    reorder(dragging.value, moveColumnTo(names.value, dragging.value, name))\n  }\n\n  dragging.value = null\n  dropTarget.value = null\n}\n\nconst save = async (order: string[]): Promise<boolean> => {\n  const endpoint = panel.value.endpoints.tableColumns\n\n  if (!endpoint) return false\n\n  saving.value = true\n\n  try {\n    await saveColumnOrder(endpoint, props.token, props.component, order)\n\n    return true\n  } catch (error) {\n    showToast({\n      id: 'alfakit-column-order-failed',\n      title: t('table.column_order_failed', {}, \"Couldn't save the column order\"),\n      body: error instanceof Error ? error.message : String(error),\n      status: 'danger',\n      format: 'alfakit',\n    })\n\n    return false\n  } finally {\n    saving.value = false\n  }\n}\n\nconst positionText = (name: string) => {\n  const { position, count, group } = positions.value[name] ?? { position: 0, count: 0 }\n\n  return group\n    ? t(\n        'table.column_manager.position_in_group',\n        { position, count, group },\n        `Position ${position} of ${count} in ${group}.`,\n      )\n    : t('table.column_manager.position', { position, count }, `Position ${position} of ${count}.`)\n}\n\nconst announce = (name: string, order: string[]) => {\n  const { position, count, group } = columnManagerPosition(order, name, props.table.columnGroups)\n  const label = props.table.columns.find((column) => column.name === name)?.label ?? name\n  const replace = { column: label, position, count, group: group ?? '' }\n\n  announcement.value = group\n    ? deferred.value\n      ? t(\n          'table.column_manager.reordered_in_group_deferred',\n          replace,\n          `${label} moved to position ${position} of ${count} in ${group}. Apply columns to save your changes.`,\n        )\n      : t(\n          'table.column_manager.reordered_in_group',\n          replace,\n          `${label} moved to position ${position} of ${count} in ${group}.`,\n        )\n    : deferred.value\n      ? t(\n          'table.column_manager.reordered_deferred',\n          replace,\n          `${label} moved to position ${position} of ${count}. Apply columns to save your changes.`,\n        )\n      : t(\n          'table.column_manager.reordered',\n          replace,\n          `${label} moved to position ${position} of ${count}.`,\n        )\n}\n\n// A new order: kept as a draft until \"Apply\" (`deferColumnManager()`), else saved now.\nconst reorder = (name: string, order: string[]) => {\n  if (saving.value || !columnOrderChanged(names.value, order)) return\n\n  orderDraft.value = order\n  announcement.value = ''\n\n  if (deferred.value) {\n    announce(name, order)\n\n    return\n  }\n\n  void save(order).then((saved) => {\n    if (saved) announce(name, order)\n    else orderDraft.value = null\n  })\n}\n\nconst move = (name: string, offset: -1 | 1, event: MouseEvent) => {\n  keepMoveButtonFocus(event.currentTarget as HTMLElement | null)\n  reorder(name, moveColumnInManager(names.value, name, offset, props.table.columnGroups))\n}\n\n// The order is saved before the visibility visit: both requests share the session, and a\n// visit running alongside the save would write the old order back when it finishes.\nconst apply = async () => {\n  const order = orderDraft.value && orderChanged.value ? orderDraft.value : null\n  const columns =\n    draft.value && columnDraftChanged(props.table.visibleColumns, draft.value) ? draft.value : null\n\n  draft.value = null\n  orderDraft.value = null\n  announcement.value = ''\n  open.value = false\n\n  if (order) await save(order)\n\n  if (columns) visitTable(props.table.identifier, { columns }, ['page'])\n}\n\n// Reset: the defined column order and, for toggleable columns, the default visibility.\nconst reset = async () => {\n  if (reorderable.value) {\n    orderDraft.value = null\n    await save([])\n  }\n\n  if (toggleable.value) {\n    draft.value = null\n    visitTable(props.table.identifier, { columns: defaultVisibleColumns(props.table) }, ['page'])\n  }\n}\n\nconst setOpen = (next: boolean) => {\n  // Closing without \"Apply\" drops the draft.\n  if (!next) {\n    draft.value = null\n    if (deferred.value) orderDraft.value = null\n    announcement.value = ''\n  }\n  open.value = next\n}\n\nconst [DefineBody, ManagerBody] = createReusableTemplate()\nconst [DefineReset, ResetButton] = createReusableTemplate()\n</script>\n\n<template>\n  <template v-if=\"(toggleable || reorderable) && trigger\">\n    <DefineReset>\n      <TableTriggerButton\n        v-if=\"resetView\"\n        :view=\"resetView\"\n        :disabled=\"saving\"\n        data-slot=\"column-manager-reset\"\n        :class=\"cn(!applyView && 'w-full')\"\n        @click=\"reset\"\n      />\n    </DefineReset>\n    <DefineBody>\n      <div class=\"flex flex-col gap-1\">\n        <div v-if=\"inHeader && resetView\" class=\"flex justify-end\"><ResetButton /></div>\n        <ul\n          :class=\"\n            cn(\n              props.table.columnManagerColumns\n                ? ['grid gap-0.5', gridColumnsClasses(props.table.columnManagerColumns)]\n                : 'flex flex-col gap-0.5',\n            )\n          \"\n          :aria-label=\"t('table.columns', {}, 'Columns')\"\n        >\n          <li\n            v-for=\"column in columns\"\n            :key=\"column.name\"\n            :data-column=\"column.name\"\n            :draggable=\"reorderable && !saving\"\n            :class=\"\n              cn(\n                'flex items-center gap-2 rounded-md px-2 py-1 text-sm',\n                reorderable && 'cursor-grab',\n                dragging === column.name && 'opacity-50',\n                dropTarget === column.name && dragging !== column.name && 'bg-muted',\n              )\n            \"\n            @dragstart=\"dragStart($event, column.name)\"\n            @dragover=\"dragOver($event, column.name)\"\n            @dragleave=\"dropTarget === column.name && (dropTarget = null)\"\n            @dragend=\"((dragging = null), (dropTarget = null))\"\n            @drop.prevent=\"drop(column.name)\"\n          >\n            <GripVerticalIcon\n              v-if=\"reorderable\"\n              class=\"text-muted-foreground size-4 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <label v-if=\"column.toggleable\" class=\"flex min-w-0 flex-1 items-center gap-2\">\n              <Checkbox\n                :model-value=\"visible.includes(column.name)\"\n                @update:model-value=\"toggle(column.name)\"\n              />\n              <span class=\"truncate\">{{ column.label }}</span>\n            </label>\n            <span v-else class=\"min-w-0 flex-1 truncate\">{{ column.label }}</span>\n            <span v-if=\"reorderable\" class=\"flex shrink-0 items-center\">\n              <span\n                :id=\"`${idBase}-${column.name}-position`\"\n                class=\"sr-only\"\n                data-slot=\"column-manager-position\"\n                >{{ positionText(column.name) }}</span\n              >\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :disabled=\"(positions[column.name]?.position ?? 0) <= 1\"\n                :aria-disabled=\"saving || undefined\"\n                :aria-describedby=\"`${idBase}-${column.name}-position`\"\n                :aria-label=\"\n                  t('table.move_column_up', { column: column.label }, `Move ${column.label} up`)\n                \"\n                @click=\"move(column.name, -1, $event)\"\n                ><ChevronUpIcon\n              /></Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :disabled=\"\n                  (positions[column.name]?.position ?? 0) >= (positions[column.name]?.count ?? 0)\n                \"\n                :aria-disabled=\"saving || undefined\"\n                :aria-describedby=\"`${idBase}-${column.name}-position`\"\n                :aria-label=\"\n                  t('table.move_column_down', { column: column.label }, `Move ${column.label} down`)\n                \"\n                @click=\"move(column.name, 1, $event)\"\n                ><ChevronDownIcon\n              /></Button>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"reorderable\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          class=\"sr-only\"\n          data-slot=\"column-manager-announcement\"\n        >\n          {{ announcement }}\n        </div>\n        <div\n          v-if=\"(!inHeader && resetView) || applyView\"\n          class=\"mt-1 flex items-center justify-end gap-2\"\n        >\n          <ResetButton v-if=\"!inHeader\" />\n          <TableTriggerButton\n            v-if=\"applyView\"\n            :view=\"applyView\"\n            data-slot=\"column-manager-apply\"\n            :disabled=\"!draftChanged && !orderChanged\"\n            @click=\"apply\"\n          />\n        </div>\n      </div>\n    </DefineBody>\n    <Sheet\n      v-if=\"props.table.columnManagerLayout === 'modal' && modal?.slideOver\"\n      :open=\"open\"\n      @update:open=\"setOpen\"\n    >\n      <SheetTrigger as-child>\n        <TableTriggerButton :view=\"trigger\">\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.column-manager\" :fallback=\"Columns3Icon\"\n          /></template>\n        </TableTriggerButton>\n      </SheetTrigger>\n      <SheetContent\n        :side=\"slideOverSide(modal.slideOverPosition, direction)\"\n        :class=\"cn('flex w-full flex-col gap-0 p-0', modalWidthClass ?? 'sm:max-w-md')\"\n        data-slot=\"column-manager\"\n        data-slide-over=\"\"\n      >\n        <SheetHeader class=\"border-b\">\n          <SheetTitle>{{ modalHeading }}</SheetTitle>\n          <SheetDescription :class=\"modal.description ? undefined : 'sr-only'\">{{\n            modalDescription\n          }}</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex-1 overflow-y-auto p-4\"><ManagerBody /></div>\n      </SheetContent>\n    </Sheet>\n    <Dialog\n      v-else-if=\"props.table.columnManagerLayout === 'modal'\"\n      :open=\"open\"\n      @update:open=\"setOpen\"\n    >\n      <DialogTrigger as-child>\n        <TableTriggerButton :view=\"trigger\">\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.column-manager\" :fallback=\"Columns3Icon\"\n          /></template>\n        </TableTriggerButton>\n      </DialogTrigger>\n      <DialogContent :class=\"modalWidthClass ?? 'sm:max-w-lg'\" data-slot=\"column-manager\">\n        <DialogHeader>\n          <DialogTitle>{{ modalHeading }}</DialogTitle>\n          <DialogDescription :class=\"modal?.description ? undefined : 'sr-only'\">{{\n            modalDescription\n          }}</DialogDescription>\n        </DialogHeader>\n        <div class=\"max-h-[60vh] overflow-y-auto\"><ManagerBody /></div>\n      </DialogContent>\n    </Dialog>\n    <Popover v-else :open=\"open\" @update:open=\"setOpen\">\n      <PopoverTrigger as-child>\n        <TableTriggerButton :view=\"trigger\">\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.column-manager\" :fallback=\"Columns3Icon\"\n          /></template>\n        </TableTriggerButton>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        :class=\"cn('p-2', props.table.columnManagerColumns ? 'w-auto min-w-64' : 'w-64')\"\n        data-slot=\"column-manager\"\n      >\n        <ManagerBody />\n      </PopoverContent>\n    </Popover>\n  </template>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ColumnManager.js","names":["_sfc_main","ColumnManager_vue_vue_type_script_setup_true_lang_default","ColumnManager_default"],"sources":["../../../src/components/table/ColumnManager.vue"],"mappings":""}

package/dist/components/table/ColumnManager.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnManager.vue.d.ts","sourceRoot":"","sources":["../../../src/components/table/ColumnManager.vue"],"names":[],"mappings":"AAgfA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA4ChD;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;;AAs8B5E,wBAMG"}
+{"version":3,"file":"ColumnManager.vue.d.ts","sourceRoot":"","sources":["../../../src/components/table/ColumnManager.vue"],"names":[],"mappings":"AAkfA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AA4ChD;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,WAAW,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;;AAw8B5E,wBAMG"}

package/dist/components/table/ColumnManager.vue_vue_type_script_setup_true_lang.js

@@ -84,12 +84,12 @@ var Ie = { class: "flex flex-col gap-1" }, Le = {
 			N.value !== null && (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "move"), P.value = t);
 		}, it = (e) => {
 			N.value !== null && N.value !== e && st(N.value, Ce(U.value, N.value, e)), N.value = null, P.value = null;
-		}, Z = async (e) => {
-			let t = Ye.value.endpoints.tableColumns;
-			if (!t) return !1;
+		}, Z = async (e, t = {}) => {
+			let n = Ye.value.endpoints.tableColumns;
+			if (!n) return !1;
 			M.value = !0;
 			try {
-				return await Te(t, D.token, D.component, e), !0;
+				return await Te(n, D.token, D.component, e, t), !0;
 			} catch (e) {
 				return o({
 					id: "alfakit-column-order-failed",
@@ -136,9 +136,9 @@ var Ie = { class: "flex flex-col gap-1" }, Le = {
 			xe(n.currentTarget), st(e, Se(U.value, e, t, D.table.columnGroups));
 		}, lt = async () => {
 			let e = z.value && W.value ? z.value : null, t = F.value && c(D.table.visibleColumns, F.value) ? F.value : null;
-			F.value = null, z.value = null, B.value = "", k.value = !1, e && await Z(e), t && u(D.table.identifier, { columns: t }, ["page"]);
+			F.value = null, z.value = null, B.value = "", k.value = !1, e && await Z(e, { reload: !t }), t && u(D.table.identifier, { columns: t }, ["page"]);
 		}, ut = async () => {
-			I.value && (z.value = null, await Z([])), L.value && (F.value = null, u(D.table.identifier, { columns: ye(D.table) }, ["page"]));
+			I.value && (z.value = null, await Z([], { reload: !L.value })), L.value && (F.value = null, u(D.table.identifier, { columns: ye(D.table) }, ["page"]));
 		}, Q = (e) => {
 			e || (F.value = null, R.value && (z.value = null), B.value = ""), k.value = e;
 		}, [dt, $] = E(), [ft, pt] = E();

package/dist/components/table/ColumnManager.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnManager.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createBlock","TableTriggerButton","_normalizeClass","_createCommentVNode","_createElementVNode","_renderList","_withModifiers","Checkbox","_toDisplayString","Button","Sheet","SheetTrigger","Icon","SheetContent","SheetHeader","SheetTitle","_createTextVNode","SheetDescription","Dialog","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","Popover","PopoverTrigger","PopoverContent","Icon_default","Button_default","Checkbox_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogTrigger_default","Popover_default","PopoverContent_default","PopoverTrigger_default","Sheet_default","SheetContent_default","SheetDescription_default","SheetHeader_default","SheetTitle_default","SheetTrigger_default","TableTriggerButton_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","ColumnManager_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panel","usePanel","direction","useDirection","open","ref","modal","computed","modalHeading","modalDescription","modalWidthClass","FILTERS_MODAL_WIDTH_CLASSES","saving","dragging","dropTarget","draft","reorderable","toggleable","deferred","orderDraft","announcement","idBase","useId","columns","orderColumnsBy","column","appliedNames","names","orderChanged","columnOrderChanged","positions","columnManagerPosition","visible","trigger","triggerButtonView","resetView","applyView","inHeader","draftChanged","columnDraftChanged","toggle","next","toggleVisibleColumn","name","visitTable","dragStart","event","dragOver","drop","reorder","moveColumnTo","save","endpoint","saveColumnOrder","order","error","showToast","positionText","group","position","count","announce","label","replace","saved","move","keepMoveButtonFocus","moveColumnInManager","offset","apply","reset","defaultVisibleColumns","setOpen","DefineBody","ManagerBody","createReusableTemplate","DefineReset","ResetButton","openBlock","createElementBlock","Fragment","createVNode","unref","withCtx","createBlock","normalizeClass","cn","createCommentVNode","createElementVNode","gridColumnsClasses","renderList","$event","_cache","withModifiers","GripVerticalIcon","toDisplayString","ChevronUpIcon","ChevronDownIcon","Columns3Icon","slideOverSide","createTextVNode"],"sources":["../../../src/components/table/ColumnManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TableSchema } from '@alfakit/core'\nimport {\n  columnDraftChanged,\n  columnManagerPosition,\n  columnOrderChanged,\n  defaultVisibleColumns,\n  FILTERS_MODAL_WIDTH_CLASSES,\n  gridColumnsClasses,\n  keepMoveButtonFocus,\n  moveColumnInManager,\n  moveColumnTo,\n  orderColumnsBy,\n  saveColumnOrder,\n  slideOverSide,\n  toggleVisibleColumn,\n  triggerButtonView,\n  visitTable,\n} from '@alfakit/core'\nimport { ChevronDownIcon, ChevronUpIcon, Columns3Icon, GripVerticalIcon } from '@lucide/vue'\nimport { createReusableTemplate } from '@vueuse/core'\nimport { computed, ref, useId, watch } from 'vue'\nimport { useDirection, usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { showToast } from '../notifications/flash-toasts'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport DialogTrigger from '../ui/DialogTrigger.vue'\nimport Popover from '../ui/Popover.vue'\nimport PopoverContent from '../ui/PopoverContent.vue'\nimport PopoverTrigger from '../ui/PopoverTrigger.vue'\nimport Sheet from '../ui/Sheet.vue'\nimport SheetContent from '../ui/SheetContent.vue'\nimport SheetDescription from '../ui/SheetDescription.vue'\nimport SheetHeader from '../ui/SheetHeader.vue'\nimport SheetTitle from '../ui/SheetTitle.vue'\nimport SheetTrigger from '../ui/SheetTrigger.vue'\nimport TableTriggerButton from './TableTriggerButton.vue'\n\n/**\n * The column manager: show / hide toggleable columns (kept in the query string) and, with\n * `reorderableColumns()`, move columns (stored per user on the server) by dragging a row\n * onto another or with the move up / down buttons (the keyboard path).\n *\n * `deferColumnManager()` keeps toggles in a draft until \"Apply\"; `columnManagerLayout()`\n * opens it in a dialog; `columnManagerColumns()` lays the list out in a grid.\n */\nconst props = defineProps<{ table: TableSchema; token: string; component: string }>()\nconst t = useT()\nconst panel = usePanel()\nconst direction = useDirection()\nconst open = ref(false)\n// `columnManagerTriggerAction()` may set `slideOver()`, `modalWidth()` and the heading.\nconst modal = computed(() => props.table.triggerActions?.columnManager?.modal)\nconst modalHeading = computed(() => modal.value?.heading ?? t('table.columns', {}, 'Columns'))\nconst modalDescription = computed(() => modal.value?.description ?? props.table.pluralModelLabel)\nconst modalWidthClass = computed(() =>\n  modal.value?.width ? FILTERS_MODAL_WIDTH_CLASSES[modal.value.width] : undefined,\n)\nconst saving = ref(false)\nconst dragging = ref<string | null>(null)\nconst dropTarget = ref<string | null>(null)\n// Toggles of a deferred column manager wait here until \"Apply\".\nconst draft = ref<string[] | null>(null)\nconst reorderable = computed(() =>\n  Boolean(props.table.reorderableColumns && panel.value.endpoints.tableColumns),\n)\nconst toggleable = computed(() => Boolean(props.table.toggleableColumns))\nconst deferred = computed(() => Boolean(props.table.deferColumnManager))\n// A moved column order: the draft of a deferred column manager, or shown at once while\n// it is saved.\nconst orderDraft = ref<string[] | null>(null)\n// Screen-reader announcement of the last move.\nconst announcement = ref('')\nconst idBase = useId()\nconst columns = computed(() =>\n  orderColumnsBy(\n    reorderable.value\n      ? props.table.columns\n      : props.table.columns.filter((column) => column.toggleable),\n    orderDraft.value,\n  ),\n)\nconst appliedNames = computed(() => props.table.columns.map((column) => column.name))\nconst names = computed(() => orderDraft.value ?? appliedNames.value)\nconst orderChanged = computed(\n  () => orderDraft.value !== null && columnOrderChanged(appliedNames.value, orderDraft.value),\n)\nconst positions = computed(() =>\n  Object.fromEntries(\n    columns.value.map((column) => [\n      column.name,\n      columnManagerPosition(names.value, column.name, props.table.columnGroups),\n    ]),\n  ),\n)\n\n// The server's order replaces the one shown while saving.\nwatch(\n  () => props.table.columns,\n  () => {\n    if (!deferred.value) orderDraft.value = null\n  },\n)\nconst visible = computed(() => draft.value ?? props.table.visibleColumns)\n\nconst trigger = computed(() =>\n  triggerButtonView(props.table, 'columnManager', {\n    label: t('table.columns', {}, 'Columns'),\n    showLabel: false,\n  }),\n)\nconst resetView = computed(() =>\n  triggerButtonView(props.table, 'columnManagerReset', {\n    label: toggleable.value\n      ? t('table.reset_columns', {}, 'Reset')\n      : t('table.reset_column_order', {}, 'Reset column order'),\n    variant: 'ghost',\n  }),\n)\nconst applyView = computed(() =>\n  deferred.value\n    ? triggerButtonView(props.table, 'columnManagerApply', {\n        label: t('table_filters.apply', {}, 'Apply'),\n        variant: 'default',\n      })\n    : null,\n)\nconst inHeader = computed(() => props.table.columnManagerResetActionPosition === 'header')\nconst draftChanged = computed(\n  () => draft.value !== null && columnDraftChanged(props.table.visibleColumns, draft.value),\n)\n\nconst toggle = (name: string) => {\n  const next = toggleVisibleColumn(visible.value, name)\n\n  if (deferred.value) {\n    draft.value = next\n  } else {\n    visitTable(props.table.identifier, { columns: next }, ['page'])\n  }\n}\n\nconst dragStart = (event: DragEvent, name: string) => {\n  if (event.dataTransfer) event.dataTransfer.effectAllowed = 'move'\n  dragging.value = name\n}\n\nconst dragOver = (event: DragEvent, name: string) => {\n  if (dragging.value === null) return\n\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'move'\n  dropTarget.value = name\n}\n\nconst drop = (name: string) => {\n  if (dragging.value !== null && dragging.value !== name) {\n    reorder(dragging.value, moveColumnTo(names.value, dragging.value, name))\n  }\n\n  dragging.value = null\n  dropTarget.value = null\n}\n\nconst save = async (order: string[]): Promise<boolean> => {\n  const endpoint = panel.value.endpoints.tableColumns\n\n  if (!endpoint) return false\n\n  saving.value = true\n\n  try {\n    await saveColumnOrder(endpoint, props.token, props.component, order)\n\n    return true\n  } catch (error) {\n    showToast({\n      id: 'alfakit-column-order-failed',\n      title: t('table.column_order_failed', {}, \"Couldn't save the column order\"),\n      body: error instanceof Error ? error.message : String(error),\n      status: 'danger',\n      format: 'alfakit',\n    })\n\n    return false\n  } finally {\n    saving.value = false\n  }\n}\n\nconst positionText = (name: string) => {\n  const { position, count, group } = positions.value[name] ?? { position: 0, count: 0 }\n\n  return group\n    ? t(\n        'table.column_manager.position_in_group',\n        { position, count, group },\n        `Position ${position} of ${count} in ${group}.`,\n      )\n    : t('table.column_manager.position', { position, count }, `Position ${position} of ${count}.`)\n}\n\nconst announce = (name: string, order: string[]) => {\n  const { position, count, group } = columnManagerPosition(order, name, props.table.columnGroups)\n  const label = props.table.columns.find((column) => column.name === name)?.label ?? name\n  const replace = { column: label, position, count, group: group ?? '' }\n\n  announcement.value = group\n    ? deferred.value\n      ? t(\n          'table.column_manager.reordered_in_group_deferred',\n          replace,\n          `${label} moved to position ${position} of ${count} in ${group}. Apply columns to save your changes.`,\n        )\n      : t(\n          'table.column_manager.reordered_in_group',\n          replace,\n          `${label} moved to position ${position} of ${count} in ${group}.`,\n        )\n    : deferred.value\n      ? t(\n          'table.column_manager.reordered_deferred',\n          replace,\n          `${label} moved to position ${position} of ${count}. Apply columns to save your changes.`,\n        )\n      : t(\n          'table.column_manager.reordered',\n          replace,\n          `${label} moved to position ${position} of ${count}.`,\n        )\n}\n\n// A new order: kept as a draft until \"Apply\" (`deferColumnManager()`), else saved now.\nconst reorder = (name: string, order: string[]) => {\n  if (saving.value || !columnOrderChanged(names.value, order)) return\n\n  orderDraft.value = order\n  announcement.value = ''\n\n  if (deferred.value) {\n    announce(name, order)\n\n    return\n  }\n\n  void save(order).then((saved) => {\n    if (saved) announce(name, order)\n    else orderDraft.value = null\n  })\n}\n\nconst move = (name: string, offset: -1 | 1, event: MouseEvent) => {\n  keepMoveButtonFocus(event.currentTarget as HTMLElement | null)\n  reorder(name, moveColumnInManager(names.value, name, offset, props.table.columnGroups))\n}\n\n// The order is saved before the visibility visit: both requests share the session, and a\n// visit running alongside the save would write the old order back when it finishes.\nconst apply = async () => {\n  const order = orderDraft.value && orderChanged.value ? orderDraft.value : null\n  const columns =\n    draft.value && columnDraftChanged(props.table.visibleColumns, draft.value) ? draft.value : null\n\n  draft.value = null\n  orderDraft.value = null\n  announcement.value = ''\n  open.value = false\n\n  if (order) await save(order)\n\n  if (columns) visitTable(props.table.identifier, { columns }, ['page'])\n}\n\n// Reset: the defined column order and, for toggleable columns, the default visibility.\nconst reset = async () => {\n  if (reorderable.value) {\n    orderDraft.value = null\n    await save([])\n  }\n\n  if (toggleable.value) {\n    draft.value = null\n    visitTable(props.table.identifier, { columns: defaultVisibleColumns(props.table) }, ['page'])\n  }\n}\n\nconst setOpen = (next: boolean) => {\n  // Closing without \"Apply\" drops the draft.\n  if (!next) {\n    draft.value = null\n    if (deferred.value) orderDraft.value = null\n    announcement.value = ''\n  }\n  open.value = next\n}\n\nconst [DefineBody, ManagerBody] = createReusableTemplate()\nconst [DefineReset, ResetButton] = createReusableTemplate()\n</script>\n\n<template>\n  <template v-if=\"(toggleable || reorderable) && trigger\">\n    <DefineReset>\n      <TableTriggerButton\n        v-if=\"resetView\"\n        :view=\"resetView\"\n        :disabled=\"saving\"\n        data-slot=\"column-manager-reset\"\n        :class=\"cn(!applyView && 'w-full')\"\n        @click=\"reset\"\n      />\n    </DefineReset>\n    <DefineBody>\n      <div class=\"flex flex-col gap-1\">\n        <div v-if=\"inHeader && resetView\" class=\"flex justify-end\"><ResetButton /></div>\n        <ul\n          :class=\"\n            cn(\n              props.table.columnManagerColumns\n                ? ['grid gap-0.5', gridColumnsClasses(props.table.columnManagerColumns)]\n                : 'flex flex-col gap-0.5',\n            )\n          \"\n          :aria-label=\"t('table.columns', {}, 'Columns')\"\n        >\n          <li\n            v-for=\"column in columns\"\n            :key=\"column.name\"\n            :data-column=\"column.name\"\n            :draggable=\"reorderable && !saving\"\n            :class=\"\n              cn(\n                'flex items-center gap-2 rounded-md px-2 py-1 text-sm',\n                reorderable && 'cursor-grab',\n                dragging === column.name && 'opacity-50',\n                dropTarget === column.name && dragging !== column.name && 'bg-muted',\n              )\n            \"\n            @dragstart=\"dragStart($event, column.name)\"\n            @dragover=\"dragOver($event, column.name)\"\n            @dragleave=\"dropTarget === column.name && (dropTarget = null)\"\n            @dragend=\"((dragging = null), (dropTarget = null))\"\n            @drop.prevent=\"drop(column.name)\"\n          >\n            <GripVerticalIcon\n              v-if=\"reorderable\"\n              class=\"text-muted-foreground size-4 shrink-0\"\n              aria-hidden=\"true\"\n            />\n            <label v-if=\"column.toggleable\" class=\"flex min-w-0 flex-1 items-center gap-2\">\n              <Checkbox\n                :model-value=\"visible.includes(column.name)\"\n                @update:model-value=\"toggle(column.name)\"\n              />\n              <span class=\"truncate\">{{ column.label }}</span>\n            </label>\n            <span v-else class=\"min-w-0 flex-1 truncate\">{{ column.label }}</span>\n            <span v-if=\"reorderable\" class=\"flex shrink-0 items-center\">\n              <span\n                :id=\"`${idBase}-${column.name}-position`\"\n                class=\"sr-only\"\n                data-slot=\"column-manager-position\"\n                >{{ positionText(column.name) }}</span\n              >\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :disabled=\"(positions[column.name]?.position ?? 0) <= 1\"\n                :aria-disabled=\"saving || undefined\"\n                :aria-describedby=\"`${idBase}-${column.name}-position`\"\n                :aria-label=\"\n                  t('table.move_column_up', { column: column.label }, `Move ${column.label} up`)\n                \"\n                @click=\"move(column.name, -1, $event)\"\n                ><ChevronUpIcon\n              /></Button>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon-xs\"\n                :disabled=\"\n                  (positions[column.name]?.position ?? 0) >= (positions[column.name]?.count ?? 0)\n                \"\n                :aria-disabled=\"saving || undefined\"\n                :aria-describedby=\"`${idBase}-${column.name}-position`\"\n                :aria-label=\"\n                  t('table.move_column_down', { column: column.label }, `Move ${column.label} down`)\n                \"\n                @click=\"move(column.name, 1, $event)\"\n                ><ChevronDownIcon\n              /></Button>\n            </span>\n          </li>\n        </ul>\n        <div\n          v-if=\"reorderable\"\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          class=\"sr-only\"\n          data-slot=\"column-manager-announcement\"\n        >\n          {{ announcement }}\n        </div>\n        <div\n          v-if=\"(!inHeader && resetView) || applyView\"\n          class=\"mt-1 flex items-center justify-end gap-2\"\n        >\n          <ResetButton v-if=\"!inHeader\" />\n          <TableTriggerButton\n            v-if=\"applyView\"\n            :view=\"applyView\"\n            data-slot=\"column-manager-apply\"\n            :disabled=\"!draftChanged && !orderChanged\"\n            @click=\"apply\"\n          />\n        </div>\n      </div>\n    </DefineBody>\n    <Sheet\n      v-if=\"props.table.columnManagerLayout === 'modal' && modal?.slideOver\"\n      :open=\"open\"\n      @update:open=\"setOpen\"\n    >\n      <SheetTrigger as-child>\n        <TableTriggerButton :view=\"trigger\">\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.column-manager\" :fallback=\"Columns3Icon\"\n          /></template>\n        </TableTriggerButton>\n      </SheetTrigger>\n      <SheetContent\n        :side=\"slideOverSide(modal.slideOverPosition, direction)\"\n        :class=\"cn('flex w-full flex-col gap-0 p-0', modalWidthClass ?? 'sm:max-w-md')\"\n        data-slot=\"column-manager\"\n        data-slide-over=\"\"\n      >\n        <SheetHeader class=\"border-b\">\n          <SheetTitle>{{ modalHeading }}</SheetTitle>\n          <SheetDescription :class=\"modal.description ? undefined : 'sr-only'\">{{\n            modalDescription\n          }}</SheetDescription>\n        </SheetHeader>\n        <div class=\"flex-1 overflow-y-auto p-4\"><ManagerBody /></div>\n      </SheetContent>\n    </Sheet>\n    <Dialog\n      v-else-if=\"props.table.columnManagerLayout === 'modal'\"\n      :open=\"open\"\n      @update:open=\"setOpen\"\n    >\n      <DialogTrigger as-child>\n        <TableTriggerButton :view=\"trigger\">\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.column-manager\" :fallback=\"Columns3Icon\"\n          /></template>\n        </TableTriggerButton>\n      </DialogTrigger>\n      <DialogContent :class=\"modalWidthClass ?? 'sm:max-w-lg'\" data-slot=\"column-manager\">\n        <DialogHeader>\n          <DialogTitle>{{ modalHeading }}</DialogTitle>\n          <DialogDescription :class=\"modal?.description ? undefined : 'sr-only'\">{{\n            modalDescription\n          }}</DialogDescription>\n        </DialogHeader>\n        <div class=\"max-h-[60vh] overflow-y-auto\"><ManagerBody /></div>\n      </DialogContent>\n    </Dialog>\n    <Popover v-else :open=\"open\" @update:open=\"setOpen\">\n      <PopoverTrigger as-child>\n        <TableTriggerButton :view=\"trigger\">\n          <template #icon\n            ><Icon name=\"alfakit::tables.actions.column-manager\" :fallback=\"Columns3Icon\"\n          /></template>\n        </TableTriggerButton>\n      </PopoverTrigger>\n      <PopoverContent\n        align=\"end\"\n        :class=\"cn('p-2', props.table.columnManagerColumns ? 'w-auto min-w-64' : 'w-64')\"\n        data-slot=\"column-manager\"\n      >\n        <ManagerBody />\n      </PopoverContent>\n    </Popover>\n  </template>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ColumnManager.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","_createBlock","TableTriggerButton","_normalizeClass","_createCommentVNode","_createElementVNode","_renderList","_withModifiers","Checkbox","_toDisplayString","Button","Sheet","SheetTrigger","Icon","SheetContent","SheetHeader","SheetTitle","_createTextVNode","SheetDescription","Dialog","DialogTrigger","DialogContent","DialogHeader","DialogTitle","DialogDescription","Popover","PopoverTrigger","PopoverContent","Icon_default","Button_default","Checkbox_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","DialogTrigger_default","Popover_default","PopoverContent_default","PopoverTrigger_default","Sheet_default","SheetContent_default","SheetDescription_default","SheetHeader_default","SheetTitle_default","SheetTrigger_default","TableTriggerButton_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","ColumnManager_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","panel","usePanel","direction","useDirection","open","ref","modal","computed","modalHeading","modalDescription","modalWidthClass","FILTERS_MODAL_WIDTH_CLASSES","saving","dragging","dropTarget","draft","reorderable","toggleable","deferred","orderDraft","announcement","idBase","useId","columns","orderColumnsBy","column","appliedNames","names","orderChanged","columnOrderChanged","positions","columnManagerPosition","visible","trigger","triggerButtonView","resetView","applyView","inHeader","draftChanged","columnDraftChanged","toggle","next","toggleVisibleColumn","name","visitTable","dragStart","event","dragOver","drop","reorder","moveColumnTo","save","endpoint","saveColumnOrder","order","options","error","showToast","positionText","group","position","count","announce","label","replace","saved","move","keepMoveButtonFocus","moveColumnInManager","offset","apply","reset","defaultVisibleColumns","setOpen","DefineBody","ManagerBody","createReusableTemplate","DefineReset","ResetButton","openBlock","createElementBlock","Fragment","createVNode","unref","withCtx","createBlock","normalizeClass","cn","createCommentVNode","createElementVNode","gridColumnsClasses","renderList","$event","_cache","withModifiers","GripVerticalIcon","toDisplayString","ChevronUpIcon","ChevronDownIcon","Columns3Icon","slideOverSide","createTextVNode"],"sources":["../../../src/components/table/ColumnManager.vue"],"mappings":"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"}

package/dist/components/table/ContentLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentLayout.js","names":["_sfc_main","ContentLayout_vue_vue_type_script_setup_true_lang_default","ContentLayout_default"],"sources":["../../../src/components/table/ContentLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ActionContext,\n  ColumnLayoutNode,\n  ColumnSchema,\n  SelectionState,\n  TableRecordSchema,\n  TableSchema,\n  TableSelection,\n} from '@alfakit/core'\nimport {\n  VIRTUAL_ESTIMATES,\n  gridColumnsClasses,\n  primaryColumnName,\n  recordActionsAtStart,\n  virtualizeOptions,\n} from '@alfakit/core'\nimport { ChevronDownIcon } from '@lucide/vue'\nimport { computed, reactive, useId } from 'vue'\nimport { useVirtualList } from '../../composables/use-virtual-list'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport ActionList from '../actions/ActionList.vue'\nimport Button from '../ui/Button.vue'\nimport Checkbox from '../ui/Checkbox.vue'\nimport ContentLayoutNode from './ContentLayoutNode.vue'\n\n/**\n * Records arranged by a content layout (`Split`, `Stack`, `Panel`, `Grid`) instead of a\n * row of cells, optionally as cards in a `contentGrid()`. Long pages render only the\n * records in view (plus a few around them), by whole rows of the card grid; the list keeps\n * `aria-setsize` / `aria-posinset` so assistive technology knows the real positions.\n */\nconst props = defineProps<{\n  table: TableSchema\n  records: TableRecordSchema[]\n  columns: ColumnSchema[]\n  token: string\n  component: string\n  context: ActionContext\n  selectable: boolean\n  selection: TableSelection\n  selectionState: SelectionState\n}>()\nconst emit = defineEmits<{ recordClick: [record: TableRecordSchema] }>()\nconst t = useT()\nconst panelId = useId()\nconst virtual = useVirtualList(\n  () => props.records.length,\n  () =>\n    virtualizeOptions(\n      props.table.virtualize,\n      VIRTUAL_ESTIMATES.item,\n      props.table.contentGrid ? 16 : 0,\n      props.table.contentGrid ? 'auto' : 1,\n    ),\n)\n\n// The records inside the window, with their index in the full list.\nconst windowed = computed(() =>\n  virtual.indexes.value.flatMap((index) => {\n    const record = props.records[index]\n\n    return record ? [{ record, index }] : []\n  }),\n)\n\nconst layout = computed(() => props.table.contentLayout ?? [])\nconst hasCollapsible = (nodes: ColumnLayoutNode[]): boolean =>\n  nodes.some(\n    (node) =>\n      node.type !== 'Column' &&\n      ((node.type === 'Panel' && Boolean(node.collapsible)) || hasCollapsible(node.schema)),\n  )\nconst collapsible = computed(() => hasCollapsible(layout.value))\nconst startsOpen = computed(() =>\n  layout.value.some((node) => node.type === 'Panel' && node.collapsible && !node.collapsed),\n)\n// Collapsible panels at the top level go under the record's main row.\nconst main = computed(() =>\n  layout.value.filter((node) => !(node.type === 'Panel' && node.collapsible)),\n)\nconst details = computed(() =>\n  layout.value.filter((node) => node.type === 'Panel' && node.collapsible),\n)\nconst opened = reactive<Record<string, boolean>>({})\nconst isOpen = (record: TableRecordSchema) => opened[String(record.key)] ?? startsOpen.value\nconst primary = computed(() => primaryColumnName(props.columns))\nconst clickable = (record: TableRecordSchema) => Boolean(record.url || props.table.recordAction)\nconst isSelected = (record: TableRecordSchema) =>\n  props.selectionState.allSelected || props.selectionState.selected.has(String(record.key))\nconst atStart = computed(() => recordActionsAtStart(props.table.recordActionsPosition))\nconst nodeKey = (node: ColumnLayoutNode, index: number) =>\n  node.type === 'Column' ? `column:${node.name}` : `${node.type}:${index}`\n</script>\n\n<template>\n  <div\n    :ref=\"virtual.attach\"\n    data-slot=\"table-content\"\n    :style=\"virtual.style.value\"\n    :role=\"virtual.range.value.active ? 'list' : undefined\"\n    :class=\"\n      cn(\n        props.table.contentGrid\n          ? cn('grid gap-4 p-4', gridColumnsClasses(props.table.contentGrid))\n          : 'divide-y',\n      )\n    \"\n  >\n    <div\n      v-for=\"{ record, index } in windowed\"\n      :key=\"String(record.key)\"\n      :ref=\"virtual.item\"\n      :data-index=\"index\"\n      :role=\"virtual.range.value.active ? 'listitem' : undefined\"\n      :aria-setsize=\"virtual.range.value.active ? props.records.length : undefined\"\n      :aria-posinset=\"virtual.range.value.active ? index + 1 : undefined\"\n      data-slot=\"table-record\"\n      :data-state=\"isSelected(record) ? 'selected' : undefined\"\n      :class=\"\n        cn(\n          'flex flex-col gap-3 p-4',\n          props.table.contentGrid && 'bg-card rounded-lg border shadow-xs',\n          clickable(record) && 'hover:bg-muted/40 cursor-pointer',\n          isSelected(record) && 'bg-muted/60',\n          record.classes,\n        )\n      \"\n      @click=\"clickable(record) && emit('recordClick', record)\"\n    >\n      <div class=\"flex items-start gap-3\">\n        <div\n          v-if=\"record.actions?.length && props.table.recordActionsPosition === 'before-cells'\"\n          class=\"shrink-0\"\n          @click.stop\n        >\n          <ActionList\n            :actions=\"record.actions\"\n            :context=\"{ ...props.context, record: record.key }\"\n            size=\"sm\"\n            align=\"end\"\n            class=\"flex-nowrap\"\n          />\n        </div>\n        <div v-if=\"props.selectable\" class=\"pt-0.5\" @click.stop>\n          <Checkbox\n            v-if=\"record.selectable !== false\"\n            :model-value=\"isSelected(record)\"\n            :aria-label=\"t('table.select_row', {}, 'Select row')\"\n            @update:model-value=\"props.selection.toggle(record.key, $event === true)\"\n          />\n        </div>\n        <div\n          v-if=\"record.actions?.length && props.table.recordActionsPosition === 'before-columns'\"\n          class=\"shrink-0\"\n          @click.stop\n        >\n          <ActionList\n            :actions=\"record.actions\"\n            :context=\"{ ...props.context, record: record.key }\"\n            size=\"sm\"\n            align=\"end\"\n            class=\"flex-nowrap\"\n          />\n        </div>\n        <div class=\"flex min-w-0 flex-1 flex-col gap-3\">\n          <ContentLayoutNode\n            v-for=\"(node, nodeIndex) in main\"\n            :key=\"nodeKey(node, nodeIndex)\"\n            :node=\"node\"\n            :record=\"record\"\n            :columns=\"props.columns\"\n            :token=\"props.token\"\n            :component=\"props.component\"\n            :context=\"props.context\"\n            :clickable=\"clickable(record)\"\n            :primary=\"primary\"\n            :has-record-action=\"Boolean(props.table.recordAction)\"\n            :open=\"isOpen(record)\"\n            @record-click=\"emit('recordClick', $event)\"\n          />\n        </div>\n        <div v-if=\"record.actions?.length && !atStart\" class=\"shrink-0\" @click.stop>\n          <ActionList\n            :actions=\"record.actions\"\n            :context=\"{ ...props.context, record: record.key }\"\n            size=\"sm\"\n            align=\"end\"\n            class=\"flex-nowrap\"\n          />\n        </div>\n        <Button\n          v-if=\"collapsible\"\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon-sm\"\n          :aria-expanded=\"isOpen(record)\"\n          :aria-controls=\"isOpen(record) ? `${panelId}-${record.key}` : undefined\"\n          :aria-label=\"\n            isOpen(record)\n              ? t('table.hide_details', {}, 'Hide details')\n              : t('table.show_details', {}, 'Show details')\n          \"\n          @click.stop=\"opened[String(record.key)] = !isOpen(record)\"\n        >\n          <ChevronDownIcon :class=\"cn('transition-transform', isOpen(record) && 'rotate-180')\" />\n        </Button>\n      </div>\n      <div\n        v-if=\"isOpen(record) && details.length > 0\"\n        :id=\"`${panelId}-${record.key}`\"\n        class=\"flex flex-col gap-3\"\n      >\n        <ContentLayoutNode\n          v-for=\"(node, nodeIndex) in details\"\n          :key=\"nodeKey(node, main.length + nodeIndex)\"\n          :node=\"node\"\n          :record=\"record\"\n          :columns=\"props.columns\"\n          :token=\"props.token\"\n          :component=\"props.component\"\n          :context=\"props.context\"\n          :clickable=\"clickable(record)\"\n          :primary=\"primary\"\n          :has-record-action=\"Boolean(props.table.recordAction)\"\n          :open=\"true\"\n          @record-click=\"emit('recordClick', $event)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ContentLayout.js","names":["_sfc_main","ContentLayout_vue_vue_type_script_setup_true_lang_default","ContentLayout_default"],"sources":["../../../src/components/table/ContentLayout.vue"],"mappings":""}