@gxp-dev/mod-ui 2.0.0

package/dist/definitions/cards/DataTableCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableCard.js","sources":["../../../src/definitions/cards/DataTableCard.ts"],"sourcesContent":["import type {\n  BaseCard,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\nimport type {\n  CreateConfig,\n  DeleteConfig,\n  UpdateConfig,\n} from \"@/definitions/shared/crud\"\nimport type { RouteRef } from \"@/definitions/shared/route\"\n\n/**\n * Built-in column types recognised by the table renderer.\n *\n * v1 also accepts custom strings (e.g. `\"badges\"`, `\"external_link\"`)\n * which the renderer resolves via its column-type registry. We model\n * those as `string` to keep the JSON schema permissive.\n */\nexport type TableColumnType =\n  | \"text\"\n  | \"timestamp\"\n  | \"laravel-timestamp\"\n  | \"time_since\"\n  | \"duration\"\n  | \"boolean\"\n  | \"status_circle\"\n  | \"image\"\n  | \"badge\"\n  | \"badges\"\n  | \"tags\"\n  | \"translation\"\n  | \"external_link\"\n  | \"internal_link\"\n  | \"export_button\"\n  | \"download_button\"\n  | \"markdown\"\n  | \"action\"\n  | \"_select\"\n\n/**\n * A single column header definition.\n *\n * `format`, `formatHtml`, `condition`, `transform`, `url`, `icon`,\n * `classList`, `statusText`, etc. are typed as `unknown` (not as\n * functions) so JSON definitions deserialise cleanly. The runtime\n * engine resolves named formatter strings via a registry, or invokes\n * the function directly when authored in TypeScript.\n */\nexport interface DataTableColumn {\n  /** Data field key. Supports dot notation: `\"user.name\"`. */\n  key: string\n  /** Display title. */\n  title?: string\n  /** `\"start\" | \"center\" | \"end\"`. */\n  align?: \"start\" | \"center\" | \"end\" | \"left\" | \"right\"\n  /** Enable click-to-sort on this column. */\n  sortable?: boolean\n  /** Fixed column width (e.g. `\"120px\"`, `\"10%\"`). */\n  width?: string\n  /** Show or hide this column. */\n  visible?: boolean\n  /** Whether the column can be hidden via the column selector. */\n  hideable?: boolean\n  /**\n   * Built-in column type or a custom-registered renderer name.\n   * Omit (or use `\"text\"`) for plain text columns.\n   */\n  type?: TableColumnType | string\n  /**\n   * Value formatter. Accepts a function-name string (resolved via the\n   * formatter registry) or a function reference when authored in TS.\n   * Stored as `unknown` because functions are not JSON-serialisable.\n   */\n  format?: string | unknown\n  /** HTML formatter; output is rendered raw. Same resolution as `format`. */\n  formatHtml?: string | unknown\n  /** Text prepended to the rendered value. */\n  prepend?: string\n  /** Text appended to the rendered value. */\n  append?: string\n  /** Static or dynamic icon. */\n  icon?: string | unknown\n  iconOptions?: {\n    classList?: string[] | string\n  }\n  /** Per-row class list (string, array, or resolver). */\n  classList?: string[] | string | unknown\n  /** Class list applied to the header cell. */\n  headerClassList?: string[] | string\n  /** Class applied to data cells. */\n  class?: string\n  /** For `image` columns: URL transformer. */\n  url?: string | unknown\n  /** For `image` columns: inline CSS for the rendered image. */\n  imageStyle?: Record<string, string | number>\n  /** For `image` columns: field path used for the caption. */\n  captionField?: string\n  /** For `image` columns: format applied to the caption value. */\n  captionFieldType?: string\n  /** For `image` columns: render as a sprite asset. */\n  sprite?: boolean\n  /** For `status_circle` columns: resolver for the status text. */\n  statusText?: string | unknown\n  /** For `external_link` / `internal_link` columns: route resolver. */\n  route?: string | unknown\n  /** For `external_link` columns: anchor target. */\n  target?: string\n  /** For link/button columns: label resolver. */\n  label?: string | unknown\n  /** For `badge` columns: color resolver. */\n  color?: string | unknown\n  /** Visibility predicate. */\n  condition?: string | unknown\n  /** For `tags` / `badges` columns: per-item transform. */\n  transform?: string | unknown\n  /** For `translation` columns: path to the translations map. */\n  translationLocation?: string\n  /** For `action` columns / inline-update fields. */\n  field?: Record<string, unknown>\n  /** Additional implementation-specific props. */\n  [key: string]: unknown\n}\n\n/**\n * Export button definition rendered in the table toolbar.\n */\nexport interface ExportConfig {\n  /** Laravel-named route or URL. Can also be a resolver function (registry-resolved). */\n  route: string | unknown\n  /** Route params. */\n  params?: Record<string, unknown> | Array<{ name: string; key?: string; value?: unknown }>\n  /** Button label. */\n  label?: string\n  /** When true, only export the selected rows. */\n  selected?: boolean\n  /** When true, apply the current filter set to the export query. */\n  applyFilters?: boolean\n}\n\n/**\n * A per-row or bulk action button (icon + tooltip + handler).\n *\n * The v1 schema mixes simple buttons (icon + tooltip + emitted event)\n * with full sub-types (`external_link`, `boolean_icon`, `form-modal`,\n * `download_button`). We keep the surface permissive with an index\n * signature.\n */\nexport interface TableAction {\n  /** Identifier emitted with the click event. */\n  slug?: string\n  /** Button label. */\n  label?: string\n  /** Sub-type when this action renders something other than a plain button. */\n  type?:\n    | \"external_link\"\n    | \"boolean_icon\"\n    | \"form-modal\"\n    | \"download_button\"\n    | string\n  /** Icon name. */\n  icon?: string\n  /** Tooltip text — or a resolver name for the table view. */\n  tooltip?: string | unknown\n  /** Themed colour (`\"primary\"`, `\"danger\"`, …). */\n  color?: string\n  /** Extra classes on the button. */\n  classList?: string[] | string\n  /** Visibility predicate (function-name string or resolver). */\n  condition?: string | unknown\n  /** Declarative visibility predicates. */\n  conditionParams?: Array<{ name: string; logic: string; value?: unknown }>\n  /** Route reference for link / API actions. */\n  route?: RouteRef | string | unknown\n  /** Confirmation modal copy for actions that mutate data. */\n  bodyText?: string\n  buttonText?: string\n  confirmButtonColor?: string\n  successMessage?: string\n  errorMessage?: string\n  /** For `form-modal` actions: nested cards rendered in the modal. */\n  cards?: unknown[]\n  /** Additional implementation-specific props. */\n  [key: string]: unknown\n}\n\n/**\n * Field definition for the advanced search builder.\n */\nexport interface AdvancedSearchField {\n  name: string\n  label?: string\n  /** Field input type (`\"text\"`, `\"date\"`, `\"select\"`, …). */\n  type?: string\n  /** Whitelist of operators offered for this field. */\n  operators?: string[]\n  /** For `select` fields: option list. */\n  options?: Array<{ text?: string; label?: string; value: unknown }>\n}\n\n/**\n * Filter dialog field definition. Mirrors a CardElement schema closely\n * enough that we keep it as a loose record; the renderer narrows.\n */\nexport type FilterField = Record<string, unknown>\n\n/**\n * The full options object accepted by the DataTable renderer. Every\n * property is optional — the renderer falls back to sensible defaults.\n */\nexport interface DataTableOptions {\n  /** Unique id used for localStorage style/filter persistence. */\n  id?: string\n  /** Search / data-fetch route. */\n  searchRoute?: RouteRef & {\n    /** Hide the search input. */\n    hide?: boolean\n    /** Use project-scoped plugin routing. */\n    projectPlugin?: boolean\n    /** Skip the on-mount fetch; wait for an external event. */\n    waitForFetchEvent?: boolean\n  }\n  /** Default sort column key. */\n  defaultSortBy?: string\n  /** Default sort direction. */\n  defaultSortDirection?: \"asc\" | \"desc\"\n  /** Hide the pagination controls. */\n  hidePagination?: boolean\n  /** Default page size. */\n  defaultItemsPerPage?: number\n  /** Alias for `defaultItemsPerPage` accepted by some callers. */\n  perPage?: number\n  /** Max page-button count. */\n  paginationMaxSize?: number\n  /** Enable pagination. */\n  paginated?: boolean\n  /** Max table height (enables vertical scroll). */\n  tableMaxHeight?: string\n  /** Hide the entire toolbar. */\n  hideToolbar?: boolean\n  /** Banner copy rendered above the table. */\n  infoBanner?: string\n  /** Empty-state message. */\n  emptyText?: string\n  /** Key used to extract the data array from the response object. */\n  listKey?: string\n  /** Default display style. */\n  style?: \"table_view\" | \"card_view\" | string\n  tableDefaultStyle?: \"table_view\" | \"card_view\" | string\n  tableStyleKey?: string\n  tableStyleDisabled?: boolean\n  /** Row class — string or a resolver name. */\n  itemClass?: string | unknown\n  /** Enable row selection. */\n  selectable?: boolean\n  allowSelectAll?: boolean\n  hideSelectAllLabel?: boolean\n  includeSelectedInDataModel?: boolean\n  maxSelection?: {\n    count: number\n    showSelectionCount?: boolean\n    selectionCountClassList?: string[] | string\n  }\n  /** Enable drag-to-reorder rows. */\n  draggable?: boolean\n  /** Allow column reordering via drag. */\n  draggableHeaders?: boolean\n  /** Identifier delivered to drop handlers when rows are dragged out. */\n  dragTargetData?: string\n  /** Column visibility selector. */\n  visibleColumns?: {\n    defaultHeaders?: string[]\n  }\n  /** Sync the current filter set with the URL query string. */\n  applyFiltersFromUrl?: boolean\n  /** Filters always applied to the query. */\n  defaultFilters?: Array<{\n    field: string\n    operator?: string\n    value?: unknown\n  }>\n  /** Edit-action shortcut (renders a per-row pencil). */\n  edit?: RouteRef & {\n    key?: string\n    icon?: string\n    tooltip?: string\n    color?: string\n    hideOnCard?: boolean\n  }\n  /** Delete-action shortcut. */\n  delete?: RouteRef & {\n    key?: string\n    disabled?: boolean\n    condition?: string | unknown\n    title?: string\n    bodyText?: string\n    buttonText?: string\n    successMessage?: string\n    errorMessage?: string\n    bodyTextClassList?: string[] | string\n    confirmText?: string | unknown\n    hideOnCard?: boolean\n    tooltipClass?: string[] | string\n    onSuccess?: unknown\n  }\n  /** Bulk-delete action. */\n  bulkDelete?: RouteRef & {\n    onSuccess?: unknown\n  }\n  deleteAll?: boolean\n  requireInputConfirmation?: boolean\n  /** Generic bulk action shortcut. */\n  bulkAction?: RouteRef & { label?: string }\n  /** Inline update route. */\n  update?: RouteRef & {\n    key?: string\n    projectPlugin?: boolean\n    onInlineUpdateSuccess?: unknown\n  }\n  /** Reorder route. */\n  reorder?: RouteRef & {\n    key?: string\n    transform?: unknown\n  }\n  /** Expandable row modal. */\n  expandable?: {\n    cards?: unknown[]\n    updateConfig?: {\n      update: RouteRef & {\n        key?: string\n        icon?: string\n        classList?: string[] | string\n        tooltip?: string\n      }\n    }\n    tooltipClass?: string[] | string\n  }\n  /** Custom row click handler (resolver name). */\n  rowClickAction?: string | unknown\n  /** Extra row-level action buttons. */\n  additionalActions?: TableAction[]\n  /** Export buttons rendered in the toolbar. */\n  exports?: ExportConfig[]\n  /** Buttons that appear when items are selected. */\n  selectionActions?: TableAction[]\n  /** Filter dialog config. */\n  filter?: {\n    hide?: boolean\n    cards?: unknown[]\n    fields?: FilterField[]\n    filterStructure?: Array<{\n      field: string\n      operator?: string\n      condition?: string | unknown\n    }>\n    filterParameterName?: string\n    showFilterCount?: boolean\n    clearButton?: {\n      hide?: boolean\n      position?: string\n      text?: string\n      classList?: string[] | string\n    }\n    buttonOpenColor?: string\n    buttonClosedColor?: string\n    eventBusRemap?: Record<string, unknown>\n  }\n  /** Inline toolbar filters. */\n  inlineFilters?: {\n    storeKey?: string\n    filters: Array<{\n      field: string\n      label?: string\n      type: \"switch\" | \"select\" | \"multi-select\" | \"radio\"\n      operator?: string\n      value?: unknown\n      options?: Array<{ text?: string; label?: string; value: unknown }>\n      default?: unknown\n    }>\n  }\n  /** Advanced search builder. */\n  advancedSearch?: {\n    fields: AdvancedSearchField[]\n    model?: string\n    allowToggleBasicSearch?: boolean\n    defaultEnabled?: boolean\n    showBuilder?: boolean\n    savedSearches?: unknown[]\n  }\n  /** Lifecycle hooks (resolver names). */\n  onMounted?: string | unknown\n  onUnmounted?: string | unknown\n  /** Card view layout (when style is `card_view`). */\n  cardLayout?: Record<string, unknown>\n  /** Rows to exclude. */\n  excludeRows?: { name: string }\n  /** Required permission for the entire table. */\n  permissionRequired?: string\n  /** Required feature flag. */\n  featureRequired?: string\n  /** Additional implementation-specific options. */\n  [key: string]: unknown\n}\n\n/**\n * `datatable` card — tabular data with sortable columns, pagination,\n * filtering, search, exports, and CRUD actions.\n */\nexport interface DataTableCard extends BaseCard<\"datatable\"> {\n  cardType: \"datatable\"\n  /** Display title rendered above the table. */\n  tableTitle?: string\n  /** Column definitions. */\n  headers: DataTableColumn[]\n  /** Sub-array path on the row item when rendering nested tables. */\n  listKey?: string\n  /** Behaviour and toolbar configuration. */\n  options?: DataTableOptions\n  /** Static (non-paginated) row source. */\n  listData?: unknown[]\n  /** Create-modal configuration. */\n  createConfig?: CreateConfig\n  /** Inline update configuration. */\n  updateConfig?: UpdateConfig\n  /** Delete configuration. */\n  deleteConfig?: DeleteConfig\n  /** Per-row action buttons (shortcut for `options.additionalActions`). */\n  actions?: TableAction[]\n  /** Enable row selection (shortcut for `options.selectable`). */\n  selectable?: boolean\n  /** Bulk action buttons (shortcut for `options.selectionActions`). */\n  bulkActions?: TableAction[]\n  /** Empty-state message (shortcut for `options.emptyText`). */\n  emptyMessage?: string\n}\n\nexport const DataTableCardDefaults = {\n  cardType: \"datatable\",\n  headers: [],\n  showCard: true,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n  selectable: false,\n  options: {\n    paginated: true,\n    defaultItemsPerPage: 10,\n    defaultSortDirection: \"desc\",\n  },\n} as const satisfies Partial<DataTableCard>\n\nexport const DataTableCardMetadata = {\n  icon: \"table\",\n  displayLabel: \"Data Table\",\n  elementCategory: \"display\",\n  description:\n    \"A table that displays data in a grid format with sorting, pagination, filtering, and CRUD actions.\",\n} as const satisfies ElementMetadata\n\nexport const DataTableCardEditConfig = {\n  title: {\n    type: \"input.text\",\n    label: \"Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  tableTitle: {\n    type: \"input.text\",\n    label: \"Table Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  emptyMessage: {\n    type: \"input.text\",\n    label: \"Empty-state Message\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  selectable: {\n    type: \"boolean.switch\",\n    defaultValue: false,\n    label: \"Enable Row Selection\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  listKey: {\n    type: \"input.text\",\n    label: \"List Key (for nested data)\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n  },\n} as const satisfies EditConfig\n"],"names":["DataTableCardDefaults","DataTableCardMetadata","DataTableCardEditConfig"],"mappings":"AAobO,MAAMA,IAAwB;AAAA,EACnC,UAAU;AAAA,EACV,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,SAAS;AAAA,IACP,WAAW;AAAA,IACX,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,EAAA;AAE1B,GAEaC,IAAwB;AAAA,EACnC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aACE;AACJ,GAEaC,IAA0B;AAAA,EACrC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb;"}

package/dist/definitions/cards/ElementDisplayCard.d.ts

@@ -0,0 +1,60 @@
+import { BaseCard } from '../shared/base';
+/**
+ * `element-display` card — renders a single CardElement standalone (no
+ * label, no column wrapping, no card chrome by default).
+ *
+ * This is the v2 equivalent of the v1 schema's `component` card type:
+ * a thin wrapper used when you want a single element (typically a chart,
+ * a media player, or a custom widget) to occupy a card slot without the
+ * surrounding ElementListCard structure.
+ */
+export interface ElementDisplayCard extends BaseCard<"element-display"> {
+    cardType: "element-display";
+    /** ID of the single element this card renders. */
+    elementId: string;
+    /** Optional icon (used when this card is inside a tab-list). */
+    icon?: string;
+    /** Optional asset reference (used when this card is inside a tab-list). */
+    imageAsset?: string | {
+        id: string;
+        url: string;
+    };
+}
+export declare const ElementDisplayCardDefaults: {
+    readonly cardType: "element-display";
+    readonly showCard: false;
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+};
+export declare const ElementDisplayCardMetadata: {
+    readonly icon: "chart-line";
+    readonly displayLabel: "Element Display";
+    readonly elementCategory: "display";
+    readonly description: "A card to display a single element.";
+};
+export declare const ElementDisplayCardEditConfig: {
+    readonly title: {
+        readonly type: "input.text";
+        readonly label: "Title";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly elementId: {
+        readonly type: "option-select.select";
+        readonly label: "Element";
+        readonly columns: 12;
+        readonly section: "configuration";
+        readonly selectOptions: readonly [];
+    };
+    readonly showCard: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: false;
+        readonly label: "Show Card Chrome";
+        readonly columns: 12;
+        readonly section: "layout";
+    };
+};
+//# sourceMappingURL=ElementDisplayCard.d.ts.map

package/dist/definitions/cards/ElementDisplayCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDisplayCard.d.ts","sourceRoot":"","sources":["../../../src/definitions/cards/ElementDisplayCard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,2BAA2B,CAAA;AAElC;;;;;;;;GAQG;AACH,MAAM,WAAW,kBAAmB,SAAQ,QAAQ,CAAC,iBAAiB,CAAC;IACrE,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kDAAkD;IAClD,SAAS,EAAE,MAAM,CAAA;IACjB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CAClD;AAED,eAAO,MAAM,0BAA0B;;;;;;;;CAQS,CAAA;AAEhD,eAAO,MAAM,0BAA0B;;;;;CAKH,CAAA;AAEpC,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;CAqBV,CAAA"}

package/dist/definitions/cards/ElementDisplayCard.js

@@ -0,0 +1,41 @@
+const e = {
+  cardType: "element-display",
+  showCard: !1,
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12
+}, l = {
+  icon: "chart-line",
+  displayLabel: "Element Display",
+  elementCategory: "display",
+  description: "A card to display a single element."
+}, t = {
+  title: {
+    type: "input.text",
+    label: "Title",
+    columns: 12,
+    section: "configuration"
+  },
+  elementId: {
+    type: "option-select.select",
+    label: "Element",
+    columns: 12,
+    section: "configuration",
+    selectOptions: []
+  },
+  showCard: {
+    type: "boolean.switch",
+    defaultValue: !1,
+    label: "Show Card Chrome",
+    columns: 12,
+    section: "layout"
+  }
+};
+export {
+  e as ElementDisplayCardDefaults,
+  t as ElementDisplayCardEditConfig,
+  l as ElementDisplayCardMetadata
+};
+//# sourceMappingURL=ElementDisplayCard.js.map

package/dist/definitions/cards/ElementDisplayCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementDisplayCard.js","sources":["../../../src/definitions/cards/ElementDisplayCard.ts"],"sourcesContent":["import type {\n  BaseCard,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * `element-display` card — renders a single CardElement standalone (no\n * label, no column wrapping, no card chrome by default).\n *\n * This is the v2 equivalent of the v1 schema's `component` card type:\n * a thin wrapper used when you want a single element (typically a chart,\n * a media player, or a custom widget) to occupy a card slot without the\n * surrounding ElementListCard structure.\n */\nexport interface ElementDisplayCard extends BaseCard<\"element-display\"> {\n  cardType: \"element-display\"\n  /** ID of the single element this card renders. */\n  elementId: string\n  /** Optional icon (used when this card is inside a tab-list). */\n  icon?: string\n  /** Optional asset reference (used when this card is inside a tab-list). */\n  imageAsset?: string | { id: string; url: string }\n}\n\nexport const ElementDisplayCardDefaults = {\n  cardType: \"element-display\",\n  showCard: false,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n} as const satisfies Partial<ElementDisplayCard>\n\nexport const ElementDisplayCardMetadata = {\n  icon: \"chart-line\",\n  displayLabel: \"Element Display\",\n  elementCategory: \"display\",\n  description: \"A card to display a single element.\",\n} as const satisfies ElementMetadata\n\nexport const ElementDisplayCardEditConfig = {\n  title: {\n    type: \"input.text\",\n    label: \"Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  elementId: {\n    type: \"option-select.select\",\n    label: \"Element\",\n    columns: 12,\n    section: \"configuration\",\n    selectOptions: [],\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: false,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n  },\n} as const satisfies EditConfig\n"],"names":["ElementDisplayCardDefaults","ElementDisplayCardMetadata","ElementDisplayCardEditConfig"],"mappings":"AAyBO,MAAMA,IAA6B;AAAA,EACxC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AACb,GAEaC,IAA6B;AAAA,EACxC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AACf,GAEaC,IAA+B;AAAA,EAC1C,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,eAAe,CAAA;AAAA,EAAC;AAAA,EAElB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb;"}

package/dist/definitions/cards/ElementListCard.d.ts

@@ -0,0 +1,116 @@
+import { BaseCard } from '../shared/base';
+/**
+ * `element-list` card — the most common container. Renders a list of
+ * CardElements stacked vertically (with responsive column wrapping).
+ *
+ * v1 schema calls this `fields_list` and uses a `fieldsList` array
+ * containing flat element definitions. The adapter translates these
+ * into v2's `elementList` of element IDs that reference entries in the
+ * page's `elements` map.
+ */
+export interface ElementListCard extends BaseCard<"element-list"> {
+    cardType: "element-list";
+    /** Ordered list of element IDs the renderer should resolve + render. */
+    elementList: string[];
+    /** Optional icon (used when this card is inside a tab-list). */
+    icon?: string;
+    /** Optional asset reference (used when this card is inside a tab-list). */
+    imageAsset?: string | {
+        id: string;
+        url: string;
+    };
+    /** Vertical gap between elements. */
+    gutterY?: string;
+    /** Horizontal gap between elements. */
+    gutterX?: string;
+}
+export declare const ElementListCardDefaults: {
+    readonly cardType: "element-list";
+    readonly elementList: [];
+    readonly showCard: true;
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+    readonly gutterY: "1rem";
+    readonly gutterX: "1rem";
+};
+export declare const ElementListCardMetadata: {
+    readonly icon: "list";
+    readonly displayLabel: "Element List";
+    readonly elementCategory: "display";
+    readonly description: "A vertical stack of CardElements. The default container for forms and detail panels.";
+};
+export declare const ElementListCardEditConfig: {
+    readonly title: {
+        readonly type: "input.text";
+        readonly label: "Title";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly showCard: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: true;
+        readonly label: "Show Card Chrome";
+        readonly columns: 12;
+        readonly section: "layout";
+    };
+    readonly gutterY: {
+        readonly type: "input.text";
+        readonly label: "Vertical Gap";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+    readonly gutterX: {
+        readonly type: "input.text";
+        readonly label: "Horizontal Gap";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+};
+/**
+ * EditConfig variant for an ElementListCard nested inside a TabListCard
+ * — picks up extra inspector fields (icon, image asset) used by the tab
+ * label.
+ */
+export declare const TabContainerElementListCardEditConfig: {
+    readonly icon: {
+        readonly type: "picker.icon";
+        readonly label: "Tab Icon";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly imageAsset: {
+        readonly type: "file.asset-picker";
+        readonly label: "Tab Image";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly title: {
+        readonly type: "input.text";
+        readonly label: "Title";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly showCard: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: true;
+        readonly label: "Show Card Chrome";
+        readonly columns: 12;
+        readonly section: "layout";
+    };
+    readonly gutterY: {
+        readonly type: "input.text";
+        readonly label: "Vertical Gap";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+    readonly gutterX: {
+        readonly type: "input.text";
+        readonly label: "Horizontal Gap";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+};
+//# sourceMappingURL=ElementListCard.d.ts.map

package/dist/definitions/cards/ElementListCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementListCard.d.ts","sourceRoot":"","sources":["../../../src/definitions/cards/ElementListCard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,2BAA2B,CAAA;AAElC;;;;;;;;GAQG;AACH,MAAM,WAAW,eAAgB,SAAQ,QAAQ,CAAC,cAAc,CAAC;IAC/D,QAAQ,EAAE,cAAc,CAAA;IACxB,wEAAwE;IACxE,WAAW,EAAE,MAAM,EAAE,CAAA;IACrB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;IACjD,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,uBAAuB;;;;;;;;;;;CAWS,CAAA;AAE7C,eAAO,MAAM,uBAAuB;;;;;CAMA,CAAA;AAEpC,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BP,CAAA;AAE/B;;;;GAIG;AACH,eAAO,MAAM,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcnB,CAAA"}

package/dist/definitions/cards/ElementListCard.js

@@ -0,0 +1,64 @@
+const e = {
+  cardType: "element-list",
+  elementList: [],
+  showCard: !0,
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12,
+  gutterY: "1rem",
+  gutterX: "1rem"
+}, l = {
+  icon: "list",
+  displayLabel: "Element List",
+  elementCategory: "display",
+  description: "A vertical stack of CardElements. The default container for forms and detail panels."
+}, t = {
+  title: {
+    type: "input.text",
+    label: "Title",
+    columns: 12,
+    section: "configuration"
+  },
+  showCard: {
+    type: "boolean.switch",
+    defaultValue: !0,
+    label: "Show Card Chrome",
+    columns: 12,
+    section: "layout"
+  },
+  gutterY: {
+    type: "input.text",
+    label: "Vertical Gap",
+    columns: 6,
+    section: "layout"
+  },
+  gutterX: {
+    type: "input.text",
+    label: "Horizontal Gap",
+    columns: 6,
+    section: "layout"
+  }
+}, n = {
+  ...t,
+  icon: {
+    type: "picker.icon",
+    label: "Tab Icon",
+    columns: 6,
+    section: "configuration"
+  },
+  imageAsset: {
+    type: "file.asset-picker",
+    label: "Tab Image",
+    columns: 6,
+    section: "configuration"
+  }
+};
+export {
+  e as ElementListCardDefaults,
+  t as ElementListCardEditConfig,
+  l as ElementListCardMetadata,
+  n as TabContainerElementListCardEditConfig
+};
+//# sourceMappingURL=ElementListCard.js.map

package/dist/definitions/cards/ElementListCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementListCard.js","sources":["../../../src/definitions/cards/ElementListCard.ts"],"sourcesContent":["import type {\n  BaseCard,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * `element-list` card — the most common container. Renders a list of\n * CardElements stacked vertically (with responsive column wrapping).\n *\n * v1 schema calls this `fields_list` and uses a `fieldsList` array\n * containing flat element definitions. The adapter translates these\n * into v2's `elementList` of element IDs that reference entries in the\n * page's `elements` map.\n */\nexport interface ElementListCard extends BaseCard<\"element-list\"> {\n  cardType: \"element-list\"\n  /** Ordered list of element IDs the renderer should resolve + render. */\n  elementList: string[]\n  /** Optional icon (used when this card is inside a tab-list). */\n  icon?: string\n  /** Optional asset reference (used when this card is inside a tab-list). */\n  imageAsset?: string | { id: string; url: string }\n  /** Vertical gap between elements. */\n  gutterY?: string\n  /** Horizontal gap between elements. */\n  gutterX?: string\n}\n\nexport const ElementListCardDefaults = {\n  cardType: \"element-list\",\n  elementList: [],\n  showCard: true,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n  gutterY: \"1rem\",\n  gutterX: \"1rem\",\n} as const satisfies Partial<ElementListCard>\n\nexport const ElementListCardMetadata = {\n  icon: \"list\",\n  displayLabel: \"Element List\",\n  elementCategory: \"display\",\n  description:\n    \"A vertical stack of CardElements. The default container for forms and detail panels.\",\n} as const satisfies ElementMetadata\n\nexport const ElementListCardEditConfig = {\n  title: {\n    type: \"input.text\",\n    label: \"Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n  },\n  gutterY: {\n    type: \"input.text\",\n    label: \"Vertical Gap\",\n    columns: 6,\n    section: \"layout\",\n  },\n  gutterX: {\n    type: \"input.text\",\n    label: \"Horizontal Gap\",\n    columns: 6,\n    section: \"layout\",\n  },\n} as const satisfies EditConfig\n\n/**\n * EditConfig variant for an ElementListCard nested inside a TabListCard\n * — picks up extra inspector fields (icon, image asset) used by the tab\n * label.\n */\nexport const TabContainerElementListCardEditConfig = {\n  ...ElementListCardEditConfig,\n  icon: {\n    type: \"picker.icon\",\n    label: \"Tab Icon\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  imageAsset: {\n    type: \"file.asset-picker\",\n    label: \"Tab Image\",\n    columns: 6,\n    section: \"configuration\",\n  },\n} as const satisfies EditConfig\n"],"names":["ElementListCardDefaults","ElementListCardMetadata","ElementListCardEditConfig","TabContainerElementListCardEditConfig"],"mappings":"AA6BO,MAAMA,IAA0B;AAAA,EACrC,UAAU;AAAA,EACV,aAAa,CAAA;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AACX,GAEaC,IAA0B;AAAA,EACrC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aACE;AACJ,GAEaC,IAA4B;AAAA,EACvC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,SAAS;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb,GAOaC,IAAwC;AAAA,EACnD,GAAGD;AAAA,EACH,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,YAAY;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb;"}

package/dist/definitions/cards/GridViewCard.d.ts

@@ -0,0 +1,150 @@
+import { BaseCard } from '../shared/base';
+/**
+ * Responsive grid breakpoints accepted by `breakpoints` and `cols`.
+ * Matches the vue-grid-layout convention used by the v2 renderer.
+ */
+export type GridBreakpoint = "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxs";
+/**
+ * A single item inside a `gridLayout`. `i` references the ID of the
+ * nested card/element this slot renders.
+ */
+export interface GridItem {
+    /** Column position. */
+    x: number;
+    /** Row position. */
+    y: number;
+    /** Column span. */
+    w: number;
+    /** Row span. */
+    h: number;
+    /** ID of the card/element this slot renders. */
+    i: string;
+    /** Per-item display options. */
+    options?: {
+        displayBorder?: boolean;
+        [key: string]: unknown;
+    };
+    minH?: number;
+    maxH?: number;
+    minW?: number;
+    maxW?: number;
+    /** When true, this item is locked and cannot be moved or resized. */
+    static?: boolean;
+}
+/**
+ * The full layout map keyed by breakpoint. Each breakpoint owns its
+ * own ordering so the grid can reflow on resize.
+ */
+export type GridLayout = {
+    [key in GridBreakpoint]?: GridItem[];
+};
+/**
+ * `grid-view` card — a responsive vue-grid-layout style grid of items.
+ * Each `GridItem.i` references the ID of another card/element resolved
+ * from the page's `cards` / `elements` maps and rendered with a
+ * per-item template.
+ */
+export interface GridViewCard extends BaseCard<"grid-view"> {
+    cardType: "grid-view";
+    /** Per-breakpoint item layout map. */
+    gridLayout?: GridLayout;
+    /** Auto-grow the container to fit its contents. */
+    autoResizeHeight?: boolean;
+    /** Pixel height of a single grid row. */
+    rowHeight?: number;
+    /** Horizontal and vertical gap between items, in pixels. */
+    margin?: [number, number];
+    /** Padding around the entire grid container, in pixels. */
+    containerPadding?: [number, number];
+    /** Enable drag-to-reorder. */
+    isDraggable?: boolean;
+    /** Enable resize handles on each item. */
+    isResizable?: boolean;
+    /** Breakpoint width thresholds in pixels. */
+    breakpoints?: Partial<Record<GridBreakpoint, number>>;
+    /** Column count per breakpoint. */
+    cols?: Partial<Record<GridBreakpoint, number>>;
+}
+export declare const GridViewCardDefaults: {
+    readonly cardType: "grid-view";
+    readonly showCard: true;
+    readonly columns: 12;
+    readonly columnsSm: 12;
+    readonly columnsMd: 12;
+    readonly columnsLg: 12;
+    readonly columnsXl: 12;
+    readonly autoResizeHeight: true;
+    readonly rowHeight: 150;
+    readonly margin: [10, 10];
+    readonly containerPadding: [10, 10];
+    readonly isDraggable: false;
+    readonly isResizable: false;
+    readonly breakpoints: {
+        readonly lg: 1200;
+        readonly md: 996;
+        readonly sm: 768;
+        readonly xs: 480;
+        readonly xxs: 0;
+    };
+    readonly cols: {
+        readonly lg: 12;
+        readonly md: 10;
+        readonly sm: 6;
+        readonly xs: 4;
+        readonly xxs: 2;
+    };
+    readonly gridLayout: {
+        readonly xs: [];
+    };
+};
+export declare const GridViewCardMetadata: {
+    readonly icon: "grid";
+    readonly displayLabel: "Grid View";
+    readonly elementCategory: "display";
+    readonly description: "A grid view to display dashboard elements in a locking grid format.";
+};
+export declare const GridViewCardEditConfig: {
+    readonly title: {
+        readonly type: "input.text";
+        readonly label: "Title";
+        readonly columns: 12;
+        readonly section: "configuration";
+    };
+    readonly autoResizeHeight: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: true;
+        readonly label: "Auto Resize Height";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+    readonly rowHeight: {
+        readonly type: "input.text";
+        readonly contentType: "number";
+        readonly defaultValue: 150;
+        readonly label: "Row Height (px)";
+        readonly columns: 6;
+        readonly section: "layout";
+    };
+    readonly isDraggable: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: false;
+        readonly label: "Allow Drag to Reorder";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly isResizable: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: false;
+        readonly label: "Allow Resize";
+        readonly columns: 6;
+        readonly section: "configuration";
+    };
+    readonly showCard: {
+        readonly type: "boolean.switch";
+        readonly defaultValue: true;
+        readonly label: "Show Card Chrome";
+        readonly columns: 12;
+        readonly section: "layout";
+    };
+};
+//# sourceMappingURL=GridViewCard.d.ts.map

package/dist/definitions/cards/GridViewCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridViewCard.d.ts","sourceRoot":"","sources":["../../../src/definitions/cards/GridViewCard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,QAAQ,EAGT,MAAM,2BAA2B,CAAA;AAElC;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAA;AAE7E;;;GAGG;AACH,MAAM,WAAW,QAAQ;IACvB,uBAAuB;IACvB,CAAC,EAAE,MAAM,CAAA;IACT,oBAAoB;IACpB,CAAC,EAAE,MAAM,CAAA;IACT,mBAAmB;IACnB,CAAC,EAAE,MAAM,CAAA;IACT,gBAAgB;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,gDAAgD;IAChD,CAAC,EAAE,MAAM,CAAA;IACT,gCAAgC;IAChC,OAAO,CAAC,EAAE;QACR,aAAa,CAAC,EAAE,OAAO,CAAA;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IAAI,cAAc,CAAC,CAAC,EAAE,QAAQ,EAAE;CACrC,CAAA;AAED;;;;;GAKG;AACH,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,WAAW,CAAC;IACzD,QAAQ,EAAE,WAAW,CAAA;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACzB,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;IACrD,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;CAC/C;AAED,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiBS,CAAA;AAE1C,eAAO,MAAM,oBAAoB;;;;;CAMG,CAAA;AAEpC,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CJ,CAAA"}

package/dist/definitions/cards/GridViewCard.js

@@ -0,0 +1,72 @@
+const e = {
+  cardType: "grid-view",
+  showCard: !0,
+  columns: 12,
+  columnsSm: 12,
+  columnsMd: 12,
+  columnsLg: 12,
+  columnsXl: 12,
+  autoResizeHeight: !0,
+  rowHeight: 150,
+  margin: [10, 10],
+  containerPadding: [10, 10],
+  isDraggable: !1,
+  isResizable: !1,
+  breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },
+  cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },
+  gridLayout: { xs: [] }
+}, t = {
+  icon: "grid",
+  displayLabel: "Grid View",
+  elementCategory: "display",
+  description: "A grid view to display dashboard elements in a locking grid format."
+}, l = {
+  title: {
+    type: "input.text",
+    label: "Title",
+    columns: 12,
+    section: "configuration"
+  },
+  autoResizeHeight: {
+    type: "boolean.switch",
+    defaultValue: !0,
+    label: "Auto Resize Height",
+    columns: 6,
+    section: "layout"
+  },
+  rowHeight: {
+    type: "input.text",
+    contentType: "number",
+    defaultValue: 150,
+    label: "Row Height (px)",
+    columns: 6,
+    section: "layout"
+  },
+  isDraggable: {
+    type: "boolean.switch",
+    defaultValue: !1,
+    label: "Allow Drag to Reorder",
+    columns: 6,
+    section: "configuration"
+  },
+  isResizable: {
+    type: "boolean.switch",
+    defaultValue: !1,
+    label: "Allow Resize",
+    columns: 6,
+    section: "configuration"
+  },
+  showCard: {
+    type: "boolean.switch",
+    defaultValue: !0,
+    label: "Show Card Chrome",
+    columns: 12,
+    section: "layout"
+  }
+};
+export {
+  e as GridViewCardDefaults,
+  l as GridViewCardEditConfig,
+  t as GridViewCardMetadata
+};
+//# sourceMappingURL=GridViewCard.js.map

package/dist/definitions/cards/GridViewCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridViewCard.js","sources":["../../../src/definitions/cards/GridViewCard.ts"],"sourcesContent":["import type {\n  BaseCard,\n  EditConfig,\n  ElementMetadata,\n} from \"@/definitions/shared/base\"\n\n/**\n * Responsive grid breakpoints accepted by `breakpoints` and `cols`.\n * Matches the vue-grid-layout convention used by the v2 renderer.\n */\nexport type GridBreakpoint = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\" | \"xxs\"\n\n/**\n * A single item inside a `gridLayout`. `i` references the ID of the\n * nested card/element this slot renders.\n */\nexport interface GridItem {\n  /** Column position. */\n  x: number\n  /** Row position. */\n  y: number\n  /** Column span. */\n  w: number\n  /** Row span. */\n  h: number\n  /** ID of the card/element this slot renders. */\n  i: string\n  /** Per-item display options. */\n  options?: {\n    displayBorder?: boolean\n    [key: string]: unknown\n  }\n  minH?: number\n  maxH?: number\n  minW?: number\n  maxW?: number\n  /** When true, this item is locked and cannot be moved or resized. */\n  static?: boolean\n}\n\n/**\n * The full layout map keyed by breakpoint. Each breakpoint owns its\n * own ordering so the grid can reflow on resize.\n */\nexport type GridLayout = {\n  [key in GridBreakpoint]?: GridItem[]\n}\n\n/**\n * `grid-view` card — a responsive vue-grid-layout style grid of items.\n * Each `GridItem.i` references the ID of another card/element resolved\n * from the page's `cards` / `elements` maps and rendered with a\n * per-item template.\n */\nexport interface GridViewCard extends BaseCard<\"grid-view\"> {\n  cardType: \"grid-view\"\n  /** Per-breakpoint item layout map. */\n  gridLayout?: GridLayout\n  /** Auto-grow the container to fit its contents. */\n  autoResizeHeight?: boolean\n  /** Pixel height of a single grid row. */\n  rowHeight?: number\n  /** Horizontal and vertical gap between items, in pixels. */\n  margin?: [number, number]\n  /** Padding around the entire grid container, in pixels. */\n  containerPadding?: [number, number]\n  /** Enable drag-to-reorder. */\n  isDraggable?: boolean\n  /** Enable resize handles on each item. */\n  isResizable?: boolean\n  /** Breakpoint width thresholds in pixels. */\n  breakpoints?: Partial<Record<GridBreakpoint, number>>\n  /** Column count per breakpoint. */\n  cols?: Partial<Record<GridBreakpoint, number>>\n}\n\nexport const GridViewCardDefaults = {\n  cardType: \"grid-view\",\n  showCard: true,\n  columns: 12,\n  columnsSm: 12,\n  columnsMd: 12,\n  columnsLg: 12,\n  columnsXl: 12,\n  autoResizeHeight: true,\n  rowHeight: 150,\n  margin: [10, 10],\n  containerPadding: [10, 10],\n  isDraggable: false,\n  isResizable: false,\n  breakpoints: { lg: 1200, md: 996, sm: 768, xs: 480, xxs: 0 },\n  cols: { lg: 12, md: 10, sm: 6, xs: 4, xxs: 2 },\n  gridLayout: { xs: [] },\n} as const satisfies Partial<GridViewCard>\n\nexport const GridViewCardMetadata = {\n  icon: \"grid\",\n  displayLabel: \"Grid View\",\n  elementCategory: \"display\",\n  description:\n    \"A grid view to display dashboard elements in a locking grid format.\",\n} as const satisfies ElementMetadata\n\nexport const GridViewCardEditConfig = {\n  title: {\n    type: \"input.text\",\n    label: \"Title\",\n    columns: 12,\n    section: \"configuration\",\n  },\n  autoResizeHeight: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Auto Resize Height\",\n    columns: 6,\n    section: \"layout\",\n  },\n  rowHeight: {\n    type: \"input.text\",\n    contentType: \"number\",\n    defaultValue: 150,\n    label: \"Row Height (px)\",\n    columns: 6,\n    section: \"layout\",\n  },\n  isDraggable: {\n    type: \"boolean.switch\",\n    defaultValue: false,\n    label: \"Allow Drag to Reorder\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  isResizable: {\n    type: \"boolean.switch\",\n    defaultValue: false,\n    label: \"Allow Resize\",\n    columns: 6,\n    section: \"configuration\",\n  },\n  showCard: {\n    type: \"boolean.switch\",\n    defaultValue: true,\n    label: \"Show Card Chrome\",\n    columns: 12,\n    section: \"layout\",\n  },\n} as const satisfies EditConfig\n"],"names":["GridViewCardDefaults","GridViewCardMetadata","GridViewCardEditConfig"],"mappings":"AA4EO,MAAMA,IAAuB;AAAA,EAClC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,QAAQ,CAAC,IAAI,EAAE;AAAA,EACf,kBAAkB,CAAC,IAAI,EAAE;AAAA,EACzB,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa,EAAE,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,KAAK,EAAA;AAAA,EACzD,MAAM,EAAE,IAAI,IAAI,IAAI,IAAI,IAAI,GAAG,IAAI,GAAG,KAAK,EAAA;AAAA,EAC3C,YAAY,EAAE,IAAI,CAAA,EAAC;AACrB,GAEaC,IAAuB;AAAA,EAClC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aACE;AACJ,GAEaC,IAAyB;AAAA,EACpC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,WAAW;AAAA,IACT,MAAM;AAAA,IACN,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,aAAa;AAAA,IACX,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAAA,EAEX,UAAU;AAAA,IACR,MAAM;AAAA,IACN,cAAc;AAAA,IACd,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,EAAA;AAEb;"}