admins-components 9.0.83 → 9.0.85

package/dist/admins-components73.js.map

@@ -1 +1 @@
-{"version":3,"file":"admins-components73.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, isVNode, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nconst cardsWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      cardsWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].sort((a, b) => {\n          const ai = order.indexOf(a.property)\n          const bi = order.indexOf(b.property)\n          return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n        })\n      }\n      return cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nlet longPressTimer: ReturnType<typeof setTimeout> | null = null\nlet longPressTriggered = false\n\nfunction onPointerDown(e: PointerEvent, item: Record<string, unknown>) {\n  if (!props.config.selectableAttr) return\n  if (e.button !== 0) return\n  longPressTriggered = false\n  longPressTimer = setTimeout(() => {\n    longPressTriggered = true\n    toggleRow(item)\n  }, 500)\n}\n\nfunction onPointerUp() {\n  if (longPressTimer) {\n    clearTimeout(longPressTimer)\n    longPressTimer = null\n  }\n}\n\nfunction onContextMenu(e: MouseEvent) {\n  if (longPressTriggered) {\n    e.preventDefault()\n  }\n}\n\nfunction onHeaderClick(index: number) {\n  if (longPressTriggered) {\n    longPressTriggered = false\n    return\n  }\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n</script>\n\n<template>\n  <div\n    ref=\"cardsWrapperRef\"\n    class=\"ac-component c-cards-wrapper list-card-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <div\n      v-if=\"!loading || items.length > 0\"\n      class=\"c-cards\"\n      :class=\"{ 'is-compact': settings.compact }\"\n    >\n      <div\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"c-card\"\n        :class=\"{\n          'is-open': openRowIndexes.has(index),\n          'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n        }\"\n      >\n        <button\n          type=\"button\"\n          class=\"c-card__header\"\n          @click=\"onHeaderClick(index)\"\n          @pointerdown=\"onPointerDown($event, item)\"\n          @pointerup=\"onPointerUp()\"\n          @pointerleave=\"onPointerUp()\"\n          @contextmenu=\"onContextMenu\"\n        >\n          <span\n            v-if=\"config.selectableAttr\"\n            class=\"c-card__check-zone\"\n            @click.stop=\"toggleRow(item)\"\n          >\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </span>\n          <span class=\"c-card__heading\">\n            <span\n              v-for=\"(col, i) in cardHeaderColumns\"\n              :key=\"col.property\"\n              class=\"c-card__heading-item\"\n              :class=\"[{ primary: col.primary }, col.headerClass]\"\n            >\n              <span class=\"c-card__label\">{{ !col.hideHeader ? col.label : '' }}</span>\n              <span class=\"c-card__title\" :class=\"{ 'c-truncate': settings.compact && i === 0 }\">\n                <component\n                  v-if=\"isVNode(getColumnValue(item, col))\"\n                  :is=\"getColumnValue(item, col)\"\n                />\n                <span\n                  v-else-if=\"col.type === 'uuid'\"\n                  v-tooltip=\"getColumnValue(item, col)\"\n                  v-html=\"shortUuid()(getColumnValue(item, col) as string)\"\n                ></span>\n                <span v-else v-html=\"getColumnValue(item, col)\"></span>\n              </span>\n            </span>\n          </span>\n          <span class=\"c-card__icon\" aria-hidden=\"true\"\n            ><i class=\"fa-solid fa-chevron-down\"></i\n          ></span>\n        </button>\n\n        <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n          <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\">\n            <span class=\"c-card__field-label\">{{ col.label }}</span>\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n            </slot>\n\n            <CopyToClipboard\n              v-if=\"getColumnValue(item, col) && !col.hideCopyToClipboard\"\n              class=\"c-card__field-copy click-expand\"\n              :value=\"getColumnValue(item, col)\"\n            />\n          </div>\n\n          <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n            <slot name=\"actions\" :item=\"item\" :index=\"index\" :actions=\"config.actions\">\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"c-cards__loading-wrap\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n    <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":""}
+{"version":3,"file":"admins-components73.js","names":[],"sources":["../src/components/data-table/DataCards.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { DataListConfig, DataCardsSettings, DataListSettings } from '@/types/data-list'\nimport DataCell from './DataCell.vue'\nimport DataListActions from './DataListActions.vue'\nexport { dataCardsSettingsDefaults } from '@/types/data-list'\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, isVNode, nextTick } from 'vue'\nimport Checkbox from '@/components/Checkbox.vue'\nimport CopyToClipboard from '@/components/CopyToClipboard.vue'\nimport Loader from '@/components/Loader.vue'\nimport { useSelection } from '@/composables/useSelection'\nimport { dataCardsSettingsDefaults } from '@/types/data-list'\nimport { getColumnValue } from '@/utils/dataList'\nimport { shortUuid } from '@/utils/dataListConverters'\n\nconst props = withDefaults(\n  defineProps<{\n    config: DataListConfig\n    items: Record<string, unknown>[]\n    settings?: DataCardsSettings | DataListSettings\n    loading?: boolean\n  }>(),\n  {\n    settings: () => ({ ...dataCardsSettingsDefaults }),\n    loading: false,\n  },\n)\n\nconst emit = defineEmits<{\n  'selection-change': [selected: unknown[]]\n}>()\n\nconst { selectedKeys, toggle: toggleRow } = useSelection(\n  () => props.items,\n  () => props.config.selectableAttr,\n  (s) => emit('selection-change', s),\n)\n\nconst openRowIndexes = ref<Set<number>>(new Set())\n\nconst cardsWrapperRef = ref<HTMLElement | null>(null)\n\nwatch(\n  () => props.loading,\n  async (isLoading) => {\n    if (isLoading) {\n      await nextTick()\n      cardsWrapperRef.value?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  },\n)\n\nwatch(\n  () => props.items,\n  () => {\n    openRowIndexes.value = new Set()\n  },\n)\n\nconst visibleColumns = computed(() => props.config.columns.filter((c) => c.visible !== false))\n\nconst cardHeaderColumns = computed(() => {\n  const s = props.settings as any\n  if (s?.cardHeaderColumns) {\n    const cols = visibleColumns.value.filter((c) => s.cardHeaderColumns[c.property])\n    if (cols.length > 0) {\n      if (s.cardHeaderOrder) {\n        const order = s.cardHeaderOrder as string[]\n        return [...cols].sort((a, b) => {\n          const ai = order.indexOf(a.property)\n          const bi = order.indexOf(b.property)\n          return (ai === -1 ? 999 : ai) - (bi === -1 ? 999 : bi)\n        })\n      }\n      return cols\n    }\n  }\n  const primary = visibleColumns.value.filter((c) => c.primary)\n  if (primary.length > 0) return primary\n\n  return visibleColumns.value.slice(0, 1)\n})\n\nfunction onHeaderClick(index: number, item: Record<string, unknown>) {\n  if (props.config.selectableAttr) {\n    toggleRow(item)\n  } else {\n    toggleAccordion(index)\n  }\n}\n\nfunction onChevronClick(index: number, e: MouseEvent) {\n  e.stopPropagation()\n  toggleAccordion(index)\n}\n\nfunction toggleAccordion(index: number) {\n  if (openRowIndexes.value.has(index)) {\n    openRowIndexes.value.delete(index)\n  } else {\n    openRowIndexes.value.add(index)\n  }\n  openRowIndexes.value = new Set(openRowIndexes.value)\n}\n</script>\n\n<template>\n  <div\n    ref=\"cardsWrapperRef\"\n    class=\"ac-component c-cards-wrapper list-card-view\"\n    :class=\"{ 'is-loading': loading }\"\n  >\n    <div\n      v-if=\"!loading || items.length > 0\"\n      class=\"c-cards\"\n      :class=\"{ 'is-compact': settings.compact }\"\n    >\n      <div\n        v-for=\"(item, index) in items\"\n        :key=\"index\"\n        class=\"c-card\"\n        :class=\"{\n          'is-open': openRowIndexes.has(index),\n          'is-selected': config.selectableAttr && selectedKeys.has(item[config.selectableAttr]),\n        }\"\n      >\n        <button type=\"button\" class=\"c-card__header\" @click=\"onHeaderClick(index, item)\">\n          <span\n            v-if=\"config.selectableAttr\"\n            class=\"c-card__check-zone\"\n            @click.stop=\"toggleRow(item)\"\n          >\n            <Checkbox\n              :model-value=\"!!selectedKeys.has(item[config.selectableAttr])\"\n              @update:model-value=\"toggleRow(item)\"\n              @click.stop\n            />\n          </span>\n          <span class=\"c-card__heading\">\n            <span\n              v-for=\"(col, i) in cardHeaderColumns\"\n              :key=\"col.property\"\n              class=\"c-card__heading-item\"\n              :class=\"[{ primary: col.primary }, col.headerClass]\"\n            >\n              <span class=\"c-card__label\">{{ !col.hideHeader ? col.label : '' }}</span>\n              <span class=\"c-card__title\" :class=\"{ 'c-truncate': settings.compact && i === 0 }\">\n                <component\n                  v-if=\"isVNode(getColumnValue(item, col))\"\n                  :is=\"getColumnValue(item, col)\"\n                />\n                <span\n                  v-else-if=\"col.type === 'uuid'\"\n                  v-tooltip=\"getColumnValue(item, col)\"\n                  v-html=\"shortUuid()(getColumnValue(item, col) as string)\"\n                ></span>\n                <span v-else v-html=\"getColumnValue(item, col)\"></span>\n              </span>\n            </span>\n          </span>\n          <span class=\"c-card__icon\" aria-hidden=\"true\" @click=\"onChevronClick(index, $event)\"\n            ><i class=\"fa-solid fa-chevron-down\"></i\n          ></span>\n        </button>\n\n        <div v-show=\"openRowIndexes.has(index)\" class=\"c-card__body\">\n          <div v-for=\"col in visibleColumns\" :key=\"col.property\" class=\"c-card__field\">\n            <span class=\"c-card__field-label\">{{ col.label }}</span>\n            <slot :name=\"`cell:${col.property}`\" :item=\"item\" :col=\"col\">\n              <DataCell :item=\"item\" :col=\"col\" class=\"c-card__field-value\" :copy=\"false\" />\n            </slot>\n\n            <CopyToClipboard\n              v-if=\"getColumnValue(item, col) && !col.hideCopyToClipboard\"\n              class=\"c-card__field-copy click-expand\"\n              :value=\"getColumnValue(item, col)\"\n            />\n          </div>\n\n          <div v-if=\"config.actions\" class=\"c-card__actions\" @click.stop>\n            <slot name=\"actions\" :item=\"item\" :index=\"index\" :actions=\"config.actions\">\n              <DataListActions :actions=\"config.actions\" :item=\"item\" />\n            </slot>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"c-cards__loading-wrap\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n    <div v-if=\"loading && items.length > 0\" class=\"c-cards__backdrop\" aria-hidden=\"true\">\n      <Loader :loading=\"true\" size=\"2.5rem\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" src=\"@/styles/components/data-table/data-cards.scss\"></style>\n"],"mappings":""}

package/dist/src/vueformelements/config/ArticlePickerElementConfig.d.ts

@@ -2,6 +2,7 @@ export interface ArticlePickerElementConfig {
     searchArticleApiUrl: string;
     searchArticleWidgetUrl: string;
     showIds?: boolean;
+    articleModalActionsPosition?: 'header' | 'footer' | 'both';
 }
 export declare let apeConfig: ArticlePickerElementConfig;
 export declare function configureArticlePickerElement(apec: ArticlePickerElementConfig): ArticlePickerElementConfig;

package/dist/styles/components/data-table/data-cards.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-cards-wrapper,.ac-component.c-cards-wrapper{max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-data-list--fill-height>.ac-component .c-cards-wrapper,.c-data-list--fill-height>.ac-component.c-cards-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-cards-wrapper.is-loading,.ac-component.c-cards-wrapper.is-loading{touch-action:none;overflow:hidden}.ac-component .c-cards-wrapper.is-loading .c-cards,.ac-component.c-cards-wrapper.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.ac-component .c-cards-wrapper .c-cards,.ac-component.c-cards-wrapper .c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:.875rem;display:flex}.ac-component .c-cards-wrapper .c-cards.is-compact,.ac-component.c-cards-wrapper .c-cards.is-compact{gap:.25rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__header,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__header{--header-padding-y:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__label,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__label{font-size:.6rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__field,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__body,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__actions,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__actions{padding-top:0}.ac-component .c-cards-wrapper .c-cards__loading-wrap,.ac-component.c-cards-wrapper .c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.ac-component .c-cards-wrapper .c-cards__backdrop,.ac-component.c-cards-wrapper .c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}.ac-component .c-cards-wrapper .c-card,.ac-component.c-cards-wrapper .c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:.75rem;transition:border-color .15s,box-shadow .15s}.ac-component .c-cards-wrapper .c-card.is-open,.ac-component.c-cards-wrapper .c-card.is-open{border-color:var(--premium-500)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header{background:var(--premium-50)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__icon,.ac-component.c-cards-wrapper .c-card.is-open .c-card__icon{transform:rotate(180deg)}.ac-component .c-cards-wrapper .c-card.is-selected,.ac-component.c-cards-wrapper .c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header{background:var(--site-100)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header:hover{background:var(--site-200)}.ac-component .c-cards-wrapper .c-card__header,.ac-component.c-cards-wrapper .c-card__header{--header-padding-y:.75rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);border-radius:inherit;background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.5rem;line-height:1.2;transition:background-color .15s;display:flex}.ac-component .c-cards-wrapper .c-card__header:hover,.ac-component.c-cards-wrapper .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card__check-zone,.ac-component.c-cards-wrapper .c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.ac-component .c-cards-wrapper .c-card__check-zone .c-checkbox,.ac-component.c-cards-wrapper .c-card__check-zone .c-checkbox{width:1.25rem;height:1.25rem}.ac-component .c-cards-wrapper .c-card__heading,.ac-component.c-cards-wrapper .c-card__heading{flex-direction:row;flex:auto;gap:.5rem;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item,.ac-component.c-cards-wrapper .c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item.primary,.ac-component.c-cards-wrapper .c-card__heading-item.primary{flex:2 1 0}.ac-component .c-cards-wrapper .c-card__label,.ac-component.c-cards-wrapper .c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.675rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__title,.ac-component.c-cards-wrapper .c-card__title{color:var(--neutral-800);font-size:.85rem;font-weight:600}.ac-component .c-cards-wrapper .c-card__icon,.ac-component.c-cards-wrapper .c-card__icon{color:var(--neutral-700);font-size:.9rem;transition:transform .2s}.ac-component .c-cards-wrapper .c-card__body,.ac-component.c-cards-wrapper .c-card__body{--field-gap-x:.375rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:.625rem;display:flex;container-type:inline-size}.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.5rem;padding:.5rem;display:flex;position:relative}.ac-component .c-cards-wrapper .c-card__field:hover .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field:hover .c-copy-btn{opacity:1}.ac-component .c-cards-wrapper .c-card__field-value,.ac-component.c-cards-wrapper .c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1;font-size:.875rem}.ac-component .c-cards-wrapper .c-card__field-label,.ac-component.c-cards-wrapper .c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-size:.7rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.ac-component .c-cards-wrapper .c-card__field .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field .c-copy-btn{opacity:0}.ac-component .c-cards-wrapper .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field-copy{background:var(--neutral-0);padding:.125rem;position:absolute;top:-.625lh;right:.375rem}.ac-component .c-cards-wrapper .c-card__field-copy:hover,.ac-component.c-cards-wrapper .c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}@media (hover:none),(pointer:coarse){.ac-component .c-cards-wrapper .c-card__field:focus-within,.ac-component .c-cards-wrapper .c-card__field:hover,.ac-component.c-cards-wrapper .c-card__field:focus-within,.ac-component.c-cards-wrapper .c-card__field:hover{border-color:var(--neutral-300)}.ac-component .c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component .c-cards-wrapper .c-card__field:hover .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:hover .c-card__field-copy{opacity:1}}.ac-component .c-cards-wrapper .c-card__actions,.ac-component.c-cards-wrapper .c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}@container (width<=526px){.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex-basis:100%}}
+.ac-component .c-cards-wrapper,.ac-component.c-cards-wrapper{max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-data-list--fill-height>.ac-component .c-cards-wrapper,.c-data-list--fill-height>.ac-component.c-cards-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-cards-wrapper.is-loading,.ac-component.c-cards-wrapper.is-loading{touch-action:none;overflow:hidden}.ac-component .c-cards-wrapper.is-loading .c-cards,.ac-component.c-cards-wrapper.is-loading .c-cards{opacity:.45;transition:opacity .15s ease-out}.ac-component .c-cards-wrapper .c-cards,.ac-component.c-cards-wrapper .c-cards{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);flex-direction:column;gap:.5rem;padding:.5rem 0;font-size:1rem;display:flex}.ac-component .c-cards-wrapper .c-cards button,.ac-component.c-cards-wrapper .c-cards button{font-size:inherit}.ac-component .c-cards-wrapper .c-cards.is-compact,.ac-component.c-cards-wrapper .c-cards.is-compact{gap:.25rem;font-size:.875rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__header,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__header{--header-padding-y:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__label,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__label{font-size:.675rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__title,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__title{font-size:inherit}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__field,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__field{min-height:unset;padding-top:.5rem;padding-bottom:.375rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__body,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__body{row-gap:.5rem;padding-bottom:.5rem}.ac-component .c-cards-wrapper .c-cards.is-compact .c-card__actions,.ac-component.c-cards-wrapper .c-cards.is-compact .c-card__actions{padding-top:0}.ac-component .c-cards-wrapper .c-cards__loading-wrap,.ac-component.c-cards-wrapper .c-cards__loading-wrap{border-top:2px solid var(--neutral-200);border-bottom:2px solid var(--neutral-200);justify-content:center;align-items:center;width:100%;padding:2rem;display:flex}.ac-component .c-cards-wrapper .c-cards__backdrop,.ac-component.c-cards-wrapper .c-cards__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;animation:.15s ease-out c-cards-backdrop-in;display:flex;position:absolute;inset:0}.ac-component .c-cards-wrapper .c-card,.ac-component.c-cards-wrapper .c-card{border:1px solid var(--neutral-200);background:var(--neutral-0);border-radius:.75rem;transition:border-color .15s,box-shadow .15s}.ac-component .c-cards-wrapper .c-card.is-open,.ac-component.c-cards-wrapper .c-card.is-open{border-color:var(--premium-500)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header{background:var(--premium-50)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-open .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card.is-open .c-card__icon,.ac-component.c-cards-wrapper .c-card.is-open .c-card__icon{transform:rotate(180deg)}.ac-component .c-cards-wrapper .c-card.is-selected,.ac-component.c-cards-wrapper .c-card.is-selected{border-color:var(--premium-400);box-shadow:0 0 0 1px var(--premium-200)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header{background:var(--site-100)}.ac-component .c-cards-wrapper .c-card.is-selected .c-card__header:hover,.ac-component.c-cards-wrapper .c-card.is-selected .c-card__header:hover{background:var(--site-200)}.ac-component .c-cards-wrapper .c-card__header,.ac-component.c-cards-wrapper .c-card__header{--header-padding-y:.75rem;--header-padding-x:.75rem;width:100%;padding:var(--header-padding-y) var(--header-padding-x);border-radius:inherit;background:var(--neutral-50);color:inherit;text-align:left;cursor:pointer;border:0;align-items:center;gap:.5rem;line-height:1.2;transition:background-color .15s;display:flex}.ac-component .c-cards-wrapper .c-card__header:hover,.ac-component.c-cards-wrapper .c-card__header:hover{background:var(--premium-100)}.ac-component .c-cards-wrapper .c-card__check-zone,.ac-component.c-cards-wrapper .c-card__check-zone{padding:0 .5rem 0 var(--header-padding-x);margin:calc(-1 * var(--header-padding-y)) -.5rem calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x));align-self:stretch;align-items:center;display:flex}.ac-component .c-cards-wrapper .c-card__check-zone .c-checkbox,.ac-component.c-cards-wrapper .c-card__check-zone .c-checkbox{width:1.25rem;height:1.25rem}.ac-component .c-cards-wrapper .c-card__heading,.ac-component.c-cards-wrapper .c-card__heading{flex-direction:row;flex:auto;gap:.5rem;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item,.ac-component.c-cards-wrapper .c-card__heading-item{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ac-component .c-cards-wrapper .c-card__heading-item.primary,.ac-component.c-cards-wrapper .c-card__heading-item.primary{flex:2 1 0}.ac-component .c-cards-wrapper .c-card__label,.ac-component.c-cards-wrapper .c-card__label{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:700}.ac-component .c-cards-wrapper .c-card__title,.ac-component.c-cards-wrapper .c-card__title{color:var(--neutral-800);font-weight:600}.ac-component .c-cards-wrapper .c-card__icon,.ac-component.c-cards-wrapper .c-card__icon{margin:calc(-1 * var(--header-padding-y)) calc(-1 * var(--header-padding-x)) calc(-1 * var(--header-padding-y)) 0;color:var(--neutral-700);cursor:pointer;justify-content:center;align-self:stretch;align-items:center;padding:0 .75rem;transition:transform .2s;display:flex}.ac-component .c-cards-wrapper .c-card__body,.ac-component.c-cards-wrapper .c-card__body{--field-gap-x:.375rem;gap:.75rem var(--field-gap-x);flex-wrap:wrap;padding:.625rem;display:flex;container-type:inline-size}.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex:1 1 calc(50% - .5 * var(--field-gap-x));border:1px solid var(--neutral-200);border-radius:8px;align-items:center;min-height:2.5rem;padding:.5rem;display:flex;position:relative}.ac-component .c-cards-wrapper .c-card__field:hover .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field:hover .c-copy-btn{opacity:1}.ac-component .c-cards-wrapper .c-card__field-value,.ac-component.c-cards-wrapper .c-card__field-value{overflow-wrap:break-word;word-break:break-word;flex:1}.ac-component .c-cards-wrapper .c-card__field-label,.ac-component.c-cards-wrapper .c-card__field-label{letter-spacing:.02em;background:var(--neutral-0);color:var(--neutral-600);padding:0 .125rem;font-weight:700;position:absolute;top:-.5lh;left:.5rem}.ac-component .c-cards-wrapper .c-card__field .c-copy-btn,.ac-component.c-cards-wrapper .c-card__field .c-copy-btn{opacity:0}.ac-component .c-cards-wrapper .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field-copy{background:var(--neutral-0);padding:.125rem;position:absolute;top:-.625lh;right:.375rem}.ac-component .c-cards-wrapper .c-card__field-copy:hover,.ac-component.c-cards-wrapper .c-card__field-copy:hover{color:var(--premium-600);background:var(--background-100)}@media (hover:none),(pointer:coarse){.ac-component .c-cards-wrapper .c-card__field:focus-within,.ac-component .c-cards-wrapper .c-card__field:hover,.ac-component.c-cards-wrapper .c-card__field:focus-within,.ac-component.c-cards-wrapper .c-card__field:hover{border-color:var(--neutral-300)}.ac-component .c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component .c-cards-wrapper .c-card__field:hover .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:focus-within .c-card__field-copy,.ac-component.c-cards-wrapper .c-card__field:hover .c-card__field-copy{opacity:1}}.ac-component .c-cards-wrapper .c-card__actions,.ac-component.c-cards-wrapper .c-card__actions{flex-wrap:wrap;flex:100%;justify-content:space-around;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}@keyframes c-cards-backdrop-in{0%{opacity:0}to{opacity:1}}@container (width<=526px){.ac-component .c-cards-wrapper .c-card__field,.ac-component.c-cards-wrapper .c-card__field{flex-basis:100%}}

package/dist/styles/components/data-table/data-list.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-data-list{width:100%;min-width:0}.ac-component .c-data-list--fill-height{--data-list-max-height:none;flex-direction:column;flex:auto;min-height:0;display:flex}.ac-component .c-data-list--fill-height>.c-table-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-data-list__toolbar{align-items:center;gap:.5rem;margin-bottom:.5rem;padding-inline:.5rem;display:flex}@media (width<=1024px){.ac-component .c-data-list__toolbar{flex-wrap:wrap;padding-inline:.25rem}.ac-component .c-data-list__toolbar .flex-center-wrap-on-mobile{flex-basis:100%;order:99}}.ac-component .c-data-list__toolbar .settings-btn .fa-gear{margin-inline:-1px}.ac-component .c-data-list__toolbar__right{white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=1280px){.ac-component .c-data-list__toolbar__right{gap:.25rem}}.ac-component .c-data-list .dc-datetime{white-space:normal;display:inline}.ac-component .c-data-list .dc-datetime__part{white-space:nowrap}.ac-component .c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.ac-component .c-data-list .dc-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
+.ac-component .c-data-list{width:100%;min-width:0;font-size:1rem}.ac-component .c-data-list--fill-height{--data-list-max-height:none;flex-direction:column;flex:auto;min-height:0;display:flex}.ac-component .c-data-list--fill-height>.c-table-wrapper{flex:auto;height:auto;min-height:0;max-height:none}.ac-component .c-data-list__toolbar{align-items:center;gap:.5rem;margin-bottom:.5rem;padding-inline:.5rem;display:flex}@media (width<=1024px){.ac-component .c-data-list__toolbar{flex-wrap:wrap;padding-inline:.25rem}.ac-component .c-data-list__toolbar .flex-center-wrap-on-mobile{flex-basis:100%;order:99}}.ac-component .c-data-list__toolbar .settings-btn .fa-gear{margin-inline:-1px}.ac-component .c-data-list__toolbar__right{white-space:nowrap;align-items:center;gap:.5rem;margin-left:auto;display:flex}@media (width<=1280px){.ac-component .c-data-list__toolbar__right{gap:.25rem}}.ac-component .c-data-list .dc-datetime{white-space:normal;display:inline}.ac-component .c-data-list .dc-datetime__part{white-space:nowrap}.ac-component .c-data-list .dc-datetime__sep{white-space:normal;width:.25em;display:inline-block}.ac-component .c-data-list .dc-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}

package/dist/styles/components/data-table/data-paginator.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-paginator-wrapper{padding-top:.25rem;container:paginator/inline-size}.c-paginator{background:var(--neutral-50);grid-template-columns:1fr auto 1fr;grid-template-areas:"info nav size";align-items:center;gap:.5rem;padding:.375rem;font-size:.8125rem;display:grid;box-shadow:0 -2px 5px -1px #32325d40,0 -1px 3px -1px #0000004d}.c-paginator__info{color:var(--neutral-600);white-space:nowrap;grid-area:info;justify-self:start}.c-paginator__range{color:var(--neutral-800);font-weight:600}.c-paginator__nav{grid-area:nav;justify-self:center;align-items:center;gap:.25rem;display:flex}.c-paginator__page{min-width:2rem;height:2rem;color:var(--neutral-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.c-paginator__page:hover{background:var(--neutral-150);border-color:var(--neutral-200)}.c-paginator__page.is-active{background:var(--ac-color-info);color:var(--neutral-0);border-color:var(--ac-color-info);cursor:default}.c-paginator__ellipsis{min-width:2rem;height:2rem;color:var(--neutral-400);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.c-paginator__size{grid-area:size;justify-self:end;align-items:center;display:flex}.c-paginator__select{appearance:none;border:1px solid var(--neutral-200);background:var(--neutral-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5759'/%3E%3C/svg%3E") no-repeat right .625rem center;color:var(--neutral-800);cursor:pointer;background-size:.625rem;border-radius:.375rem;padding:.375rem 2rem .375rem .625rem;font-size:.8125rem;transition:border-color .15s}.c-paginator__select:hover{border-color:var(--neutral-300)}.c-paginator__select:focus{border-color:var(--ac-color-info);outline:none;box-shadow:0 0 0 2px #f265221f}@container paginator (width<=640px){.c-paginator{grid-template-columns:1fr 1fr;grid-template-areas:"nav nav""info size"}.c-paginator__nav{justify-self:center;width:max-content;max-width:100%}.c-paginator__info{text-align:left;white-space:nowrap;justify-self:start}.c-paginator__size{justify-content:flex-end;justify-self:end;display:flex}}@container paginator (width<=420px){.c-paginator .is-hidden-sm{display:none}}
+.c-paginator-wrapper{padding-top:.25rem;container:paginator/inline-size}.c-paginator{background:var(--neutral-50);grid-template-columns:1fr auto 1fr;grid-template-areas:"info nav size";align-items:center;gap:.5rem;padding:.375rem;font-size:1rem;display:grid;box-shadow:0 -2px 5px -1px #32325d40,0 -1px 3px -1px #0000004d}.c-paginator__info{color:var(--neutral-600);white-space:nowrap;grid-area:info;justify-self:start}.c-paginator__range{color:var(--neutral-800);font-weight:600}.c-paginator__nav{grid-area:nav;justify-self:center;align-items:center;gap:.25rem;display:flex}.c-paginator__page{min-width:2rem;height:2rem;color:var(--neutral-700);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;justify-content:center;align-items:center;padding:0 .375rem;font-size:1rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.c-paginator__page:hover{background:var(--neutral-150);border-color:var(--neutral-200)}.c-paginator__page.is-active{background:var(--ac-color-info);color:var(--neutral-0);border-color:var(--ac-color-info);cursor:default}.c-paginator__ellipsis{min-width:2rem;height:2rem;color:var(--neutral-400);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.c-paginator__size{grid-area:size;justify-self:end;align-items:center;display:flex}.c-paginator__select{appearance:none;border:1px solid var(--neutral-200);background:var(--neutral-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a5759'/%3E%3C/svg%3E") no-repeat right .625rem center;color:var(--neutral-800);cursor:pointer;background-size:.625rem;border-radius:.375rem;padding:.375rem 2rem .375rem .625rem;font-size:1rem;transition:border-color .15s}.c-paginator__select:hover{border-color:var(--neutral-300)}.c-paginator__select:focus{border-color:var(--ac-color-info);outline:none;box-shadow:0 0 0 2px #f265221f}@container paginator (width<=640px){.c-paginator{grid-template-columns:1fr 1fr;grid-template-areas:"nav nav""info size"}.c-paginator__nav{justify-self:center;width:max-content;max-width:100%}.c-paginator__info{text-align:left;white-space:nowrap;justify-self:start}.c-paginator__size{justify-content:flex-end;justify-self:end;display:flex}}@container paginator (width<=420px){.c-paginator .is-hidden-sm{display:none}}

package/dist/styles/components/data-table/data-table.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.c-table-wrapper{--table-col-max-width:clamp(12rem, 10vw, 22rem);--table-primary-col-min-width:clamp(14rem, 33vw, 20rem);--table-primary-col-max-width:clamp(14rem, 28vw, 28rem);max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.375rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:.875rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);position:sticky;top:0;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200);overflow-wrap:break-word}.c-table-wrapper .c-table .primary-col{min-width:var(--table-primary-col-min-width);max-width:var(--table-primary-col-max-width);overflow-wrap:anywhere;word-break:break-word}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th.c-sortable:hover{color:#1e2627}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td{max-width:var(--table-col-max-width)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact th,.c-table-wrapper .c-table.is-compact td{padding-block:.25rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;padding-top:3rem;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading{touch-action:none;overflow:hidden}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}
+.c-table-wrapper{--table-col-max-width:clamp(12rem, 10vw, 22rem);--table-primary-col-min-width:clamp(14rem, 33vw, 20rem);--table-primary-col-max-width:clamp(14rem, 28vw, 28rem);max-height:var(--data-list-max-height,75dvh);-webkit-overflow-scrolling:touch;position:relative;overflow:auto}.c-table-wrapper .c-table{--cell-padding:.375rem;border-collapse:collapse;width:100%;min-width:48rem;font-size:1rem}.c-table-wrapper .c-table thead{z-index:2;background-color:var(--neutral-150);position:sticky;top:0;box-shadow:0 2px 5px -1px #32325d40,0 1px 3px -1px #0000004d}.c-table-wrapper .c-table th,.c-table-wrapper .c-table td{padding:var(--cell-padding);text-align:left;border-bottom:1px solid var(--neutral-200);overflow-wrap:break-word}.c-table-wrapper .c-table .primary-col{min-width:var(--table-primary-col-min-width);max-width:var(--table-primary-col-max-width);overflow-wrap:anywhere;word-break:break-word}.c-table-wrapper .c-table th.c-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.c-table-wrapper .c-table th.c-sortable--sorted{color:var(--premium-500)}.c-table-wrapper .c-table th.c-sortable:hover{color:#1e2627}.c-table-wrapper .c-table th .c-sort-icon{color:var(--neutral-400);margin-left:.25rem;transition:color .15s}.c-table-wrapper .c-table th .c-sort-icon--active{color:var(--premium-500)}.c-table-wrapper .c-table td{max-width:var(--table-col-max-width)}.c-table-wrapper .c-table td.is-nowrap{white-space:nowrap}.c-table-wrapper .c-table.is-compact{font-size:.875rem}.c-table-wrapper .c-table.is-compact th,.c-table-wrapper .c-table.is-compact td{padding-block:.25rem}.c-table-wrapper .c-table tbody tr.is-striped{background-color:var(--neutral-50)}.c-table-wrapper .c-table tbody tr.is-selected,.c-table-wrapper .c-table tbody tr.is-striped.is-selected{background-color:var(--premium-200)}.c-table-wrapper .c-table tbody .c-table__loading-row,.c-table-wrapper .c-table tbody .c-table__loading-row:hover{background-color:#0000}.c-table-wrapper .c-table tbody .c-table__loading-cell{text-align:center;border-bottom:1px solid var(--neutral-200);padding:2rem}.c-table-wrapper .c-table tbody .c-table__loading-wrap{justify-content:center;align-items:center;width:100%;display:flex}@media (hover:hover) and (pointer:fine){.c-table-wrapper .c-table th.c-sortable:hover .c-sort-icon{color:var(--neutral-700)}.c-table-wrapper .c-table tbody tr:hover,.c-table-wrapper .c-table tbody tr.is-striped:hover{background-color:var(--premium-100)}.c-table-wrapper .c-table tbody tr:hover td,.c-table-wrapper .c-table tbody tr.is-striped:hover td{border-color:var(--premium-400)}.c-table-wrapper .c-table tbody tr.is-selected:hover,.c-table-wrapper .c-table tbody tr.is-striped.is-selected:hover{background-color:var(--premium-300)}}.c-table-wrapper .c-table .c-actions-header{text-align:center}.c-table-wrapper .c-table .c-actions-cell .c-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem;width:fit-content;max-width:100%;margin-inline:auto;display:flex}.c-table-wrapper .c-table__cell{position:relative}@media (hover:none),(pointer:coarse){.c-table-wrapper .c-table__cell{transition:background-color .15s}.c-table-wrapper .c-table__cell:focus-within,.c-table-wrapper .c-table__cell:hover{background-color:#dfefef80}}.c-table-wrapper .c-table__cell .c-copy-btn{opacity:0;position:absolute;top:0;right:0}.c-table-wrapper .c-table__cell:hover .c-copy-btn,.c-table-wrapper .c-table__cell:focus-within .c-copy-btn{opacity:1}.c-table-wrapper .c-table__backdrop{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#fff9;justify-content:center;align-items:center;padding-top:3rem;animation:.15s ease-out c-table-backdrop-in;display:flex;position:absolute;inset:0}.c-table-wrapper.is-loading{touch-action:none;overflow:hidden}.c-table-wrapper.is-loading .c-table tbody{opacity:.45;transition:opacity .15s ease-out}@keyframes c-table-backdrop-in{0%{opacity:0}to{opacity:1}}

package/dist/styles/components/modal.scss_vue_type_style_index_0_src_true_lang.css

@@ -1 +1 @@
-.ac-component .c-modal-backdrop{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ac-component .c-modal{background:var(--neutral-0);border-radius:.75rem;flex-direction:column;min-width:clamp(18rem,60dvw,26rem);max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 4rem);animation:.15s ease-out c-modal-enter;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f}.ac-component .c-modal-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:.5rem;display:flex}.ac-component .c-modal-title{color:var(--neutral-900);padding-left:.5rem;font-size:1rem;font-weight:600}.ac-component .c-modal-close{color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .625rem;font-size:1rem;transition:background-color .15s,color .15s;display:inline-flex}.ac-component .c-modal-close i{transform:translate(.5px)}.ac-component .c-modal-close:hover{background:var(--neutral-100);color:var(--neutral-900)}.ac-component .c-modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px #f265221f}.ac-component .c-modal-body{flex-direction:column;flex:1;padding:.5rem .75rem;display:flex;overflow-y:auto}.ac-component .c-modal-footer{border-top:1px solid var(--neutral-100);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ac-component .c-confirm-modal-message{color:var(--neutral-700);margin:0;font-size:.875rem;line-height:1.5}@keyframes c-modal-enter{0%{opacity:0;transform:scale(.95)translateY(-.5rem)}to{opacity:1;transform:scale(1)translateY(0)}}
+.ac-component dialog.c-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006}.ac-component dialog.c-modal{color:var(--neutral-900);background:var(--neutral-0);border:0;border-radius:.75rem;flex-direction:column;min-width:clamp(18rem,60dvw,26rem);max-width:calc(100dvw - 2rem);max-height:calc(100dvh - 4rem);margin:auto;padding:0;animation:.15s ease-out c-modal-enter;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000001f}.ac-component .c-modal-header{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:.5rem;display:flex}.ac-component .c-modal-title{color:var(--neutral-900);padding-left:.5rem;font-size:1rem;font-weight:600}.ac-component .c-modal-close{color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.5rem .625rem;font-size:1rem;transition:background-color .15s,color .15s;display:inline-flex}.ac-component .c-modal-close i{transform:translate(.5px)}.ac-component .c-modal-close:hover{background:var(--neutral-100);color:var(--neutral-900)}.ac-component .c-modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px #f265221f}.ac-component .c-modal-body{flex-direction:column;flex:1;padding:.5rem .75rem;display:flex;overflow-y:auto}.ac-component .c-modal-footer{border-top:1px solid var(--neutral-100);justify-content:flex-end;align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.ac-component .c-confirm-modal-message{color:var(--neutral-700);margin:0;font-size:.875rem;line-height:1.5}@keyframes c-modal-enter{0%{opacity:0;transform:scale(.95)translateY(-.5rem)}to{opacity:1;transform:scale(1)translateY(0)}}

package/dist/vueformelements/ArticlePickerElement.vue_vue_type_style_index_0_scoped_56a4bfd6_lang.css

@@ -0,0 +1 @@
+.article-picker-container[data-v-56a4bfd6]{flex-direction:column;gap:1rem;display:flex}.article-picker-section[data-v-56a4bfd6]{flex-direction:column;gap:.375rem;display:flex}.article-picker-ids[data-v-56a4bfd6]{gap:.5rem;width:100%;display:flex}.article-picker-id-field[data-v-56a4bfd6]{flex-direction:column;flex:1;gap:.375rem;display:flex}.article-picker-image[data-v-56a4bfd6]{border-radius:var(--ac-field-border-radius);object-fit:cover;max-width:100%;height:200px}.article-picker-no-image[data-v-56a4bfd6]{padding:var(--ac-input-padding);color:var(--neutral-500);font-size:var(--ac-field-font-size)}.article-picker-buttons[data-v-56a4bfd6]{gap:.5rem;width:100%;display:flex}.article-picker-image-modal[data-v-56a4bfd6]{width:90vw;max-width:1200px;height:80vh}.article-picker-image-modal[data-v-56a4bfd6] .c-modal-body{padding:0}

package/dist/widget/dist/hvg-search-image-style.css

@@ -0,0 +1 @@
+#site-selector-image{height:calc(3.5rem + var(--bs-border-width) * 2);min-height:calc(3.5rem + var(--bs-border-width) * 2);line-height:1.25}#site-selector-image .btn{align-items:center;--color1: #dee2e6 !important;--color2: rgb(239, 239, 239) !important;--bs-btn-color: black !important;--bs-btn-border-color: var(--color1) !important;--bs-btn-hover-color: black !important;--bs-btn-hover-bg: var(--color2) !important;--bs-btn-hover-border-color: var(--color1) !important;--bs-btn-focus-shadow-rgb: 34, 34, 34;--bs-btn-active-color: black !important;--bs-btn-active-bg: var(--color2) !important;--bs-btn-active-border-color: var(--color1) !important;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: var(--color1) !important;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: var(--color1) !important;--bs-gradient: none}