@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/form/use-form-base.d.ts

@@ -0,0 +1,27 @@
+import { SmartFormBaseProps } from './form.types';
+import { SmartAbstractControl } from '../../forms/abstract-control';
+/**
+ * What every form body shares (the Angular `FormBaseComponent`): the fields
+ * to render, the options every input gets and `submit()`. The body re-renders
+ * on every change of the form, so a field added or removed by an `enabled`
+ * specification shows up at once.
+ *
+ * Bodies render a field when `form.controls[field]` exists and is not
+ * `smartDisabled` (the Angular `__smartDisabled`).
+ */
+export declare function useFormBase<T>({ form, options, onInvokeSubmit, }: SmartFormBaseProps<T>): {
+    fields: string[];
+    model: T;
+    mode: string;
+    possibilities: {
+        [key: string]: import("../../models").SmartPossibility[];
+    };
+    inputComponents: {
+        [key: string]: import("../../models").InputComponentType<T_1>;
+    };
+    treeLevel: number | undefined;
+    /** Emits `onInvokeSubmit` with the form value. */
+    submit: () => void | undefined;
+    /** The control of `field` (the Angular `getUntypedFormControl`). */
+    getControl: (field: string) => SmartAbstractControl | undefined;
+};

package/src/lib/components/form/use-form-base.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormBase = useFormBase;
+const react_1 = require("react");
+const models_1 = require("@smartsoft001/models");
+const hooks_1 = require("../../forms/hooks");
+/** The field order of every form rendered so far, by form. */
+const fieldOrders = new WeakMap();
+/**
+ * The place of `key` among the model's fields; a `<key>Confirm` control
+ * follows its field, as the form factory adds it. `undefined` for a key the
+ * model does not declare.
+ */
+function getRank(modelKeys, key) {
+    const index = modelKeys.indexOf(key);
+    if (index !== -1)
+        return index;
+    if (key.endsWith('Confirm')) {
+        const original = modelKeys.indexOf(key.slice(0, -'Confirm'.length));
+        if (original !== -1)
+            return original + 0.5;
+    }
+    return undefined;
+}
+/**
+ * The keys of the form's controls, in the order they were first seen. A
+ * control removed and added again (an `enabled` specification) keeps its
+ * place, as with the Angular library, which read the keys once per form.
+ *
+ * The Angular factory only applied `enabled` after the form was rendered, so
+ * a field that starts disabled was still part of those first keys. The React
+ * factory leaves it out from the start, so a key seen for the first time later
+ * is placed where the model declares it.
+ */
+function getFields(form, model) {
+    const keys = Object.keys(form.controls);
+    const known = fieldOrders.get(form);
+    if (!known) {
+        fieldOrders.set(form, keys);
+        return keys;
+    }
+    const added = keys.filter((key) => !known.includes(key));
+    if (!added.length)
+        return known;
+    const modelKeys = model
+        ? (0, models_1.getModelFieldKeys)(model.constructor)
+        : [];
+    const result = [...known];
+    for (const key of added) {
+        const rank = getRank(modelKeys, key);
+        const before = rank === undefined
+            ? -1
+            : result.findIndex((other) => {
+                const otherRank = getRank(modelKeys, other);
+                return otherRank !== undefined && otherRank > rank;
+            });
+        if (before === -1)
+            result.push(key);
+        else
+            result.splice(before, 0, key);
+    }
+    fieldOrders.set(form, result);
+    return result;
+}
+/**
+ * What every form body shares (the Angular `FormBaseComponent`): the fields
+ * to render, the options every input gets and `submit()`. The body re-renders
+ * on every change of the form, so a field added or removed by an `enabled`
+ * specification shows up at once.
+ *
+ * Bodies render a field when `form.controls[field]` exists and is not
+ * `smartDisabled` (the Angular `__smartDisabled`).
+ */
+function useFormBase({ form, options, onInvokeSubmit, }) {
+    (0, hooks_1.useControlVersion)(form);
+    const submit = (0, react_1.useCallback)(() => onInvokeSubmit?.(form.value), [form, onInvokeSubmit]);
+    const getControl = (0, react_1.useCallback)((field) => form.controls[field], [form]);
+    return {
+        fields: getFields(form, options.model),
+        model: options.model,
+        mode: options?.mode ?? '',
+        possibilities: options.possibilities ?? {},
+        inputComponents: options.inputComponents ?? {},
+        treeLevel: options.treeLevel,
+        /** Emits `onInvokeSubmit` with the form value. */
+        submit,
+        /** The control of `field` (the Angular `getUntypedFormControl`). */
+        getControl,
+    };
+}
+//# sourceMappingURL=use-form-base.js.map

package/src/lib/components/form/use-form-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-form-base.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/form/use-form-base.ts"],"names":[],"mappings":"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"}

package/src/lib/components/grid-list/grid-list.d.ts

@@ -0,0 +1,7 @@
+import { SmartGridListProps } from './grid-list.types';
+/**
+ * `<smart-grid-list>`: renders the implementation registered as
+ * `components['grid-list']` on `SmartProvider` (the Angular
+ * `GRID_LIST_STANDARD_COMPONENT_TOKEN`), `SmartGridListStandard` by default.
+ */
+export declare function SmartGridList(props: SmartGridListProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/grid-list/grid-list.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartGridList = SmartGridList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const grid_list_standard_1 = require("./standard/grid-list-standard");
+const hooks_1 = require("../../providers/hooks");
+/**
+ * `<smart-grid-list>`: renders the implementation registered as
+ * `components['grid-list']` on `SmartProvider` (the Angular
+ * `GRID_LIST_STANDARD_COMPONENT_TOKEN`), `SmartGridListStandard` by default.
+ */
+function SmartGridList(props) {
+    const Component = (0, hooks_1.useSmartComponent)('grid-list', grid_list_standard_1.SmartGridListStandard);
+    return (0, jsx_runtime_1.jsx)(Component, { ...props });
+}
+//# sourceMappingURL=grid-list.js.map

package/src/lib/components/grid-list/grid-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-list.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/grid-list/grid-list.tsx"],"names":[],"mappings":";;AASA,sCAIC;;AAZD,sEAAsE;AACtE,iDAA0D;AAE1D;;;;GAIG;AACH,SAAgB,aAAa,CAAC,KAAyB;IACrD,MAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,WAAW,EAAE,0CAAqB,CAAC,CAAC;IAExE,OAAO,uBAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC"}

package/src/lib/components/grid-list/grid-list.types.d.ts

@@ -0,0 +1,5 @@
+import { IGridListOptions } from '../../models';
+export interface SmartGridListProps {
+    options?: IGridListOptions;
+    className?: string;
+}

package/src/lib/components/grid-list/grid-list.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=grid-list.types.js.map

package/src/lib/components/grid-list/grid-list.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-list.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/grid-list/grid-list.types.ts"],"names":[],"mappings":""}

package/src/lib/components/grid-list/index.d.ts

@@ -0,0 +1,5 @@
+export * from './grid-list';
+export * from './grid-list.types';
+export * from './preset/grid-list-preset';
+export * from './preset/preset-classes';
+export * from './standard/grid-list-standard';

package/src/lib/components/grid-list/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./grid-list"), exports);
+tslib_1.__exportStar(require("./grid-list.types"), exports);
+tslib_1.__exportStar(require("./preset/grid-list-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+tslib_1.__exportStar(require("./standard/grid-list-standard"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/grid-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/grid-list/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,4DAAkC;AAClC,oEAA0C;AAC1C,kEAAwC;AACxC,wEAA8C"}

package/src/lib/components/grid-list/preset/grid-list-preset.d.ts

@@ -0,0 +1,15 @@
+import { SmartGridListProps } from '../grid-list.types';
+/**
+ * Styled grid-list variation (preset). Register it as `components['grid-list']`
+ * on `SmartProvider` to restyle every `<SmartGridList>`, or render it directly.
+ *
+ * Renders a responsive card grid: an optional title/description header above
+ * the grid, one bordered tile per item whose interior arrangement follows
+ * `layout` (media on top for `cards`, inline row for `horizontal`, centered
+ * logo for `logos`), a title (link when `href` is set) with an optional badge
+ * beside it, a description, and an action slot in the tile footer. Shows the
+ * `emptyTpl` (or a centered default, "No items to display." as in Angular,
+ * untranslated) when there are no items, plus a `footerTpl` zone below the
+ * grid.
+ */
+export declare function SmartGridListPreset({ options, className, }: SmartGridListProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/grid-list/preset/grid-list-preset.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartGridListPreset = SmartGridListPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const preset_classes_1 = require("./preset-classes");
+const HEADER_CLASSES = 'smart:mb-4';
+const HEADER_TITLE_CLASSES = 'smart:text-base smart:font-semibold smart:text-gray-900 smart:dark:text-white';
+const HEADER_DESCRIPTION_CLASSES = 'smart:mt-1 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400';
+const ICON_CLASSES = 'smart:inline-flex smart:size-12 smart:shrink-0 smart:items-center smart:justify-center smart:rounded-lg smart:bg-gray-100 smart:text-gray-600 smart:dark:bg-gray-700 smart:dark:text-gray-300';
+const BODY_CLASSES = 'smart:min-w-0';
+const TITLE_ROW_CLASSES = 'smart:flex smart:items-center smart:gap-2';
+const TITLE_CLASSES = 'smart:font-medium smart:text-gray-900 smart:dark:text-white';
+const TITLE_LINK_CLASSES = 'smart:font-medium smart:text-gray-900 smart:hover:text-blue-600 smart:dark:text-white smart:dark:hover:text-blue-500';
+const DESCRIPTION_CLASSES = 'smart:mt-1 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400';
+const BADGE_CLASSES = 'smart:shrink-0';
+const ACTION_CLASSES = 'smart:mt-3 smart:border-t smart:border-gray-100 smart:pt-3 smart:dark:border-gray-700';
+const EMPTY_CLASSES = 'smart:py-12 smart:text-center smart:text-sm smart:text-gray-500 smart:dark:text-gray-400';
+const FOOTER_CLASSES = 'smart:mt-4';
+/**
+ * Styled grid-list variation (preset). Register it as `components['grid-list']`
+ * on `SmartProvider` to restyle every `<SmartGridList>`, or render it directly.
+ *
+ * Renders a responsive card grid: an optional title/description header above
+ * the grid, one bordered tile per item whose interior arrangement follows
+ * `layout` (media on top for `cards`, inline row for `horizontal`, centered
+ * logo for `logos`), a title (link when `href` is set) with an optional badge
+ * beside it, a description, and an action slot in the tile footer. Shows the
+ * `emptyTpl` (or a centered default, "No items to display." as in Angular,
+ * untranslated) when there are no items, plus a `footerTpl` zone below the
+ * grid.
+ */
+function SmartGridListPreset({ options, className, }) {
+    const title = options?.title;
+    const description = options?.description;
+    const items = options?.items ?? [];
+    const layout = options?.layout ?? 'cards';
+    const emptyTpl = options?.emptyTpl;
+    const footerTpl = options?.footerTpl;
+    const tileClasses = (0, preset_classes_1.getGridListTileClasses)(layout);
+    const mediaImageClasses = (0, preset_classes_1.getGridListMediaClasses)(layout);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)('smart:w-full', className), children: [(title || description) && ((0, jsx_runtime_1.jsxs)("div", { className: HEADER_CLASSES, "data-role": "header", children: [title && (0, jsx_runtime_1.jsx)("h3", { className: HEADER_TITLE_CLASSES, children: title }), description && ((0, jsx_runtime_1.jsx)("p", { className: HEADER_DESCRIPTION_CLASSES, children: description }))] })), items.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: (0, preset_classes_1.getGridListGridClasses)(options), "data-role": "grid", role: "list", children: items.map((item, index) => ((0, jsx_runtime_1.jsxs)("div", { className: tileClasses, "data-role": "item", role: "listitem", "aria-label": item.ariaLabel ?? undefined, children: [item.iconTpl ? ((0, jsx_runtime_1.jsx)("span", { className: ICON_CLASSES, "data-role": "media", children: item.iconTpl })) : item.imageUrl ? ((0, jsx_runtime_1.jsx)("span", { "data-role": "media", children: (0, jsx_runtime_1.jsx)("img", { className: mediaImageClasses, src: item.imageUrl, alt: item.imageAlt ?? '' }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: BODY_CLASSES, children: [(0, jsx_runtime_1.jsxs)("div", { className: TITLE_ROW_CLASSES, children: [item.href ? ((0, jsx_runtime_1.jsx)("a", { className: TITLE_LINK_CLASSES, href: item.href, "data-role": "title", children: item.title })) : ((0, jsx_runtime_1.jsx)("span", { className: TITLE_CLASSES, "data-role": "title", children: item.title })), item.badgeTpl && ((0, jsx_runtime_1.jsx)("span", { className: BADGE_CLASSES, "data-role": "badge", children: item.badgeTpl }))] }), item.description && ((0, jsx_runtime_1.jsx)("p", { className: DESCRIPTION_CLASSES, "data-role": "description", children: item.description }))] }), item.actionTpl && ((0, jsx_runtime_1.jsx)("div", { className: ACTION_CLASSES, "data-role": "action", children: item.actionTpl }))] }, item.id ?? index))) })) : ((0, jsx_runtime_1.jsx)("div", { className: EMPTY_CLASSES, "data-role": "empty", children: emptyTpl ? emptyTpl : 'No items to display.' })), footerTpl && ((0, jsx_runtime_1.jsx)("div", { className: FOOTER_CLASSES, "data-role": "footer", children: footerTpl }))] }));
+}
+//# sourceMappingURL=grid-list-preset.js.map

package/src/lib/components/grid-list/preset/grid-list-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-list-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/grid-list/preset/grid-list-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/grid-list/preset/preset-classes.d.ts

@@ -0,0 +1,24 @@
+import { IGridListOptions, SmartGridListColumns, SmartGridListLayout } from '../../../models';
+/** Base grid container — one column, styling widened by column/gap maps. */
+export declare const GRID_LIST_CONTAINER = "smart:grid smart:grid-cols-1";
+/** Card/tile shell shared by every layout. */
+export declare const GRID_LIST_TILE = "smart:rounded-xl smart:border smart:border-gray-200 smart:bg-white smart:p-4 smart:shadow-2xs smart:dark:border-gray-700 smart:dark:bg-gray-800";
+/**
+ * Responsive column map. The container is always single-column on mobile; from
+ * `sm` upward it opens to two columns, and from `lg` upward to the requested
+ * count. One column (or unset) keeps the mobile default only.
+ */
+export declare function getGridListColumnsClasses(columns?: SmartGridListColumns): string;
+/** Gap map — defaults to the medium gap. */
+export declare function getGridListGapClasses(gap?: 'sm' | 'md' | 'lg'): string;
+/** Full grid container class from the options (base + columns + gap). */
+export declare function getGridListGridClasses(options?: IGridListOptions): string;
+/**
+ * Tile shell plus the interior arrangement driven by `layout`:
+ * - `cards` (default): media stacked on top of the body (column).
+ * - `horizontal`: media inline to the left of the body (row).
+ * - `logos`: centered column, logo above a centered caption.
+ */
+export declare function getGridListTileClasses(layout?: SmartGridListLayout): string;
+/** Media (image) sizing — logos are contained, others are square thumbnails. */
+export declare function getGridListMediaClasses(layout?: SmartGridListLayout): string;

package/src/lib/components/grid-list/preset/preset-classes.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GRID_LIST_TILE = exports.GRID_LIST_CONTAINER = void 0;
+exports.getGridListColumnsClasses = getGridListColumnsClasses;
+exports.getGridListGapClasses = getGridListGapClasses;
+exports.getGridListGridClasses = getGridListGridClasses;
+exports.getGridListTileClasses = getGridListTileClasses;
+exports.getGridListMediaClasses = getGridListMediaClasses;
+/** Base grid container — one column, styling widened by column/gap maps. */
+exports.GRID_LIST_CONTAINER = 'smart:grid smart:grid-cols-1';
+/** Card/tile shell shared by every layout. */
+exports.GRID_LIST_TILE = 'smart:rounded-xl smart:border smart:border-gray-200 smart:bg-white smart:p-4 smart:shadow-2xs smart:dark:border-gray-700 smart:dark:bg-gray-800';
+/**
+ * Responsive column map. The container is always single-column on mobile; from
+ * `sm` upward it opens to two columns, and from `lg` upward to the requested
+ * count. One column (or unset) keeps the mobile default only.
+ */
+function getGridListColumnsClasses(columns) {
+    switch (columns) {
+        case 2:
+            return 'smart:sm:grid-cols-2';
+        case 3:
+            return 'smart:sm:grid-cols-2 smart:lg:grid-cols-3';
+        case 4:
+            return 'smart:sm:grid-cols-2 smart:lg:grid-cols-4';
+        case 5:
+            return 'smart:sm:grid-cols-2 smart:lg:grid-cols-5';
+        case 6:
+            return 'smart:sm:grid-cols-2 smart:lg:grid-cols-6';
+        case 1:
+        default:
+            return '';
+    }
+}
+/** Gap map — defaults to the medium gap. */
+function getGridListGapClasses(gap) {
+    switch (gap) {
+        case 'sm':
+            return 'smart:gap-3';
+        case 'lg':
+            return 'smart:gap-6';
+        case 'md':
+        default:
+            return 'smart:gap-4';
+    }
+}
+/** Full grid container class from the options (base + columns + gap). */
+function getGridListGridClasses(options) {
+    return [
+        exports.GRID_LIST_CONTAINER,
+        getGridListColumnsClasses(options?.columns),
+        getGridListGapClasses(options?.gap),
+    ]
+        .filter(Boolean)
+        .join(' ');
+}
+/**
+ * Tile shell plus the interior arrangement driven by `layout`:
+ * - `cards` (default): media stacked on top of the body (column).
+ * - `horizontal`: media inline to the left of the body (row).
+ * - `logos`: centered column, logo above a centered caption.
+ */
+function getGridListTileClasses(layout) {
+    switch (layout) {
+        case 'horizontal':
+            return `${exports.GRID_LIST_TILE} smart:flex smart:items-center smart:gap-4`;
+        case 'logos':
+            return `${exports.GRID_LIST_TILE} smart:flex smart:flex-col smart:items-center smart:gap-3 smart:text-center`;
+        case 'cards':
+        default:
+            return `${exports.GRID_LIST_TILE} smart:flex smart:flex-col smart:gap-3`;
+    }
+}
+/** Media (image) sizing — logos are contained, others are square thumbnails. */
+function getGridListMediaClasses(layout) {
+    if (layout === 'logos') {
+        return 'smart:h-10 smart:w-auto smart:object-contain';
+    }
+    return 'smart:size-12 smart:shrink-0 smart:rounded-lg smart:object-cover';
+}
+//# sourceMappingURL=preset-classes.js.map

package/src/lib/components/grid-list/preset/preset-classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preset-classes.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/grid-list/preset/preset-classes.ts"],"names":[],"mappings":";;;AAkBA,8DAkBC;AAGD,sDAUC;AAGD,wDAQC;AAQD,wDAUC;AAGD,0DAKC;AAhFD,4EAA4E;AAC/D,QAAA,mBAAmB,GAAG,8BAA8B,CAAC;AAElE,8CAA8C;AACjC,QAAA,cAAc,GACzB,iJAAiJ,CAAC;AAEpJ;;;;GAIG;AACH,SAAgB,yBAAyB,CACvC,OAA8B;IAE9B,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC;YACJ,OAAO,sBAAsB,CAAC;QAChC,KAAK,CAAC;YACJ,OAAO,2CAA2C,CAAC;QACrD,KAAK,CAAC;YACJ,OAAO,2CAA2C,CAAC;QACrD,KAAK,CAAC;YACJ,OAAO,2CAA2C,CAAC;QACrD,KAAK,CAAC;YACJ,OAAO,2CAA2C,CAAC;QACrD,KAAK,CAAC,CAAC;QACP;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC;AAED,4CAA4C;AAC5C,SAAgB,qBAAqB,CAAC,GAAwB;IAC5D,QAAQ,GAAG,EAAE,CAAC;QACZ,KAAK,IAAI;YACP,OAAO,aAAa,CAAC;QACvB,KAAK,IAAI;YACP,OAAO,aAAa,CAAC;QACvB,KAAK,IAAI,CAAC;QACV;YACE,OAAO,aAAa,CAAC;IACzB,CAAC;AACH,CAAC;AAED,yEAAyE;AACzE,SAAgB,sBAAsB,CAAC,OAA0B;IAC/D,OAAO;QACL,2BAAmB;QACnB,yBAAyB,CAAC,OAAO,EAAE,OAAO,CAAC;QAC3C,qBAAqB,CAAC,OAAO,EAAE,GAAG,CAAC;KACpC;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,SAAgB,sBAAsB,CAAC,MAA4B;IACjE,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,YAAY;YACf,OAAO,GAAG,sBAAc,4CAA4C,CAAC;QACvE,KAAK,OAAO;YACV,OAAO,GAAG,sBAAc,6EAA6E,CAAC;QACxG,KAAK,OAAO,CAAC;QACb;YACE,OAAO,GAAG,sBAAc,wCAAwC,CAAC;IACrE,CAAC;AACH,CAAC;AAED,gFAAgF;AAChF,SAAgB,uBAAuB,CAAC,MAA4B;IAClE,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;QACvB,OAAO,8CAA8C,CAAC;IACxD,CAAC;IACD,OAAO,kEAAkE,CAAC;AAC5E,CAAC"}

package/src/lib/components/grid-list/standard/grid-list-standard.d.ts

@@ -0,0 +1,8 @@
+import { SmartGridListProps } from '../grid-list.types';
+/**
+ * The default grid-list rendering (`<smart-grid-list-standard>`): one
+ * `li.item` per item (icon template > image, title as a link when `href` is
+ * set, description, badge and action slots), the `emptyTpl` when there are no
+ * items, then the `footerTpl` slot.
+ */
+export declare function SmartGridListStandard({ options, className, }: SmartGridListProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/grid-list/standard/grid-list-standard.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartGridListStandard = SmartGridListStandard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * The default grid-list rendering (`<smart-grid-list-standard>`): one
+ * `li.item` per item (icon template > image, title as a link when `href` is
+ * set, description, badge and action slots), the `emptyTpl` when there are no
+ * items, then the `footerTpl` slot.
+ */
+function SmartGridListStandard({ options, className, }) {
+    const items = options?.items ?? [];
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsxs)("div", { className: "grid-list", children: [options?.title && (0, jsx_runtime_1.jsx)("h3", { className: "title", children: options.title }), options?.description && ((0, jsx_runtime_1.jsx)("p", { className: "description", children: options.description })), items.length > 0 ? ((0, jsx_runtime_1.jsx)("ul", { role: "list", children: items.map((item, index) => ((0, jsx_runtime_1.jsxs)("li", { className: "item", "aria-label": item.ariaLabel ?? undefined, children: [item.iconTpl ? ((0, jsx_runtime_1.jsx)("span", { className: "icon", children: item.iconTpl })) : item.imageUrl ? ((0, jsx_runtime_1.jsx)("img", { className: "image", src: item.imageUrl, alt: item.imageAlt ?? '' })) : null, (0, jsx_runtime_1.jsxs)("div", { className: "body", children: [item.href ? ((0, jsx_runtime_1.jsx)("a", { className: "title", href: item.href, children: item.title })) : ((0, jsx_runtime_1.jsx)("span", { className: "title", children: item.title })), item.description && ((0, jsx_runtime_1.jsx)("span", { className: "description", children: item.description }))] }), item.badgeTpl && ((0, jsx_runtime_1.jsx)("span", { className: "badge", children: item.badgeTpl })), item.actionTpl && ((0, jsx_runtime_1.jsx)("span", { className: "action", children: item.actionTpl }))] }, item.id ?? index))) })) : (options?.emptyTpl && (0, jsx_runtime_1.jsx)("div", { className: "empty", children: options.emptyTpl })), options?.footerTpl && ((0, jsx_runtime_1.jsx)("div", { className: "footer", children: options.footerTpl }))] }) }));
+}
+//# sourceMappingURL=grid-list-standard.js.map

package/src/lib/components/grid-list/standard/grid-list-standard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-list-standard.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/grid-list/standard/grid-list-standard.tsx"],"names":[],"mappings":";;AAQA,sDA4DC;;AAlED;;;;;GAKG;AACH,SAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,SAAS,GACU;IACnB,MAAM,KAAK,GAAG,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC;IAEnC,OAAO,CACL,gCAAK,SAAS,EAAE,SAAS,YACvB,iCAAK,SAAS,EAAC,WAAW,aACvB,OAAO,EAAE,KAAK,IAAI,+BAAI,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,KAAK,GAAM,EAC5D,OAAO,EAAE,WAAW,IAAI,CACvB,8BAAG,SAAS,EAAC,aAAa,YAAE,OAAO,CAAC,WAAW,GAAK,CACrD,EACA,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAClB,+BAAI,IAAI,EAAC,MAAM,YACZ,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,gCAEE,SAAS,EAAC,MAAM,gBACJ,IAAI,CAAC,SAAS,IAAI,SAAS,aAEtC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACd,iCAAM,SAAS,EAAC,MAAM,YAAE,IAAI,CAAC,OAAO,GAAQ,CAC7C,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB,gCACE,SAAS,EAAC,OAAO,EACjB,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,GAAG,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,GACxB,CACH,CAAC,CAAC,CAAC,IAAI,EACR,iCAAK,SAAS,EAAC,MAAM,aAClB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,8BAAG,SAAS,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,YACjC,IAAI,CAAC,KAAK,GACT,CACL,CAAC,CAAC,CAAC,CACF,iCAAM,SAAS,EAAC,OAAO,YAAE,IAAI,CAAC,KAAK,GAAQ,CAC5C,EACA,IAAI,CAAC,WAAW,IAAI,CACnB,iCAAM,SAAS,EAAC,aAAa,YAAE,IAAI,CAAC,WAAW,GAAQ,CACxD,IACG,EACL,IAAI,CAAC,QAAQ,IAAI,CAChB,iCAAM,SAAS,EAAC,OAAO,YAAE,IAAI,CAAC,QAAQ,GAAQ,CAC/C,EACA,IAAI,CAAC,SAAS,IAAI,CACjB,iCAAM,SAAS,EAAC,QAAQ,YAAE,IAAI,CAAC,SAAS,GAAQ,CACjD,KA9BI,IAAI,CAAC,EAAE,IAAI,KAAK,CA+BlB,CACN,CAAC,GACC,CACN,CAAC,CAAC,CAAC,CACF,OAAO,EAAE,QAAQ,IAAI,gCAAK,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,QAAQ,GAAO,CACrE,EACA,OAAO,EAAE,SAAS,IAAI,CACrB,gCAAK,SAAS,EAAC,QAAQ,YAAE,OAAO,CAAC,SAAS,GAAO,CAClD,IACG,GACF,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/icon/glyphs.d.ts

@@ -0,0 +1,4 @@
+import { SmartIconGlyphProps } from './icon.types';
+export declare function SmartIconSpinner({ className }: SmartIconGlyphProps): import("react/jsx-runtime").JSX.Element;
+export declare function SmartIconChevronDown({ className }: SmartIconGlyphProps): import("react/jsx-runtime").JSX.Element;
+export declare function SmartIconChevronUp({ className }: SmartIconGlyphProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/icon/glyphs.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartIconSpinner = SmartIconSpinner;
+exports.SmartIconChevronDown = SmartIconChevronDown;
+exports.SmartIconChevronUp = SmartIconChevronUp;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../utils/class-names");
+function SmartIconSpinner({ className }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { className: (0, class_names_1.cn)('smart:animate-spin smart:size-5', className), xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [(0, jsx_runtime_1.jsx)("circle", { className: "smart:opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), (0, jsx_runtime_1.jsx)("path", { className: "smart:opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
+}
+function SmartIconChevronDown({ className }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { className: (0, class_names_1.cn)('smart:size-5', className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z", clipRule: "evenodd" }) }));
+}
+function SmartIconChevronUp({ className }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { className: (0, class_names_1.cn)('smart:size-5', className), xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M14.78 11.78a.75.75 0 0 1-1.06 0L10 8.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06l4.25-4.25a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06Z", clipRule: "evenodd" }) }));
+}
+//# sourceMappingURL=glyphs.js.map

package/src/lib/components/icon/glyphs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyphs.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/icon/glyphs.tsx"],"names":[],"mappings":";;AAGA,4CAwBC;AAED,oDAgBC;AAED,gDAgBC;;AA9DD,yDAA6C;AAE7C,SAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAuB;IACjE,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,iCAAiC,EAAE,SAAS,CAAC,EAC3D,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,iBACP,MAAM,aAElB,mCACE,SAAS,EAAC,kBAAkB,EAC5B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,IAAI,EACN,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,GACP,EACV,iCACE,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GAC7G,IACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAgB,oBAAoB,CAAC,EAAE,SAAS,EAAuB;IACrE,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,iBACP,MAAM,YAElB,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wIAAwI,EAC1I,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAuB;IACnE,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,cAAc,EAAE,SAAS,CAAC,EACxC,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,iBACP,MAAM,YAElB,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC"}

package/src/lib/components/icon/icon.d.ts

@@ -0,0 +1,3 @@
+import { SmartIconProps } from './icon.types';
+/** `<smart-icon>`: one of the library's glyphs, or a custom `template`. */
+export declare function SmartIcon({ name, className, template }: SmartIconProps): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/icon/icon.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartIcon = SmartIcon;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const glyphs_1 = require("./glyphs");
+/** `<smart-icon>`: one of the library's glyphs, or a custom `template`. */
+function SmartIcon({ name, className, template }) {
+    if (template)
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: template });
+    switch (name) {
+        case 'spinner':
+            return (0, jsx_runtime_1.jsx)(glyphs_1.SmartIconSpinner, { className: className });
+        case 'chevron-down':
+            return (0, jsx_runtime_1.jsx)(glyphs_1.SmartIconChevronDown, { className: className });
+        case 'chevron-up':
+            return (0, jsx_runtime_1.jsx)(glyphs_1.SmartIconChevronUp, { className: className });
+        default:
+            return null;
+    }
+}
+//# sourceMappingURL=icon.js.map

package/src/lib/components/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/icon/icon.tsx"],"names":[],"mappings":";;AAQA,8BAaC;;AArBD,qCAIkB;AAGlB,2EAA2E;AAC3E,SAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAkB;IACrE,IAAI,QAAQ;QAAE,OAAO,2DAAG,QAAQ,GAAI,CAAC;IAErC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,uBAAC,yBAAgB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;QACpD,KAAK,cAAc;YACjB,OAAO,uBAAC,6BAAoB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;QACxD,KAAK,YAAY;YACf,OAAO,uBAAC,2BAAkB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;QACtD;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;AACH,CAAC"}

package/src/lib/components/icon/icon.types.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export type IconName = 'spinner' | 'chevron-down' | 'chevron-up';
+export interface SmartIconGlyphProps {
+    className?: string;
+}
+export interface SmartIconProps {
+    name?: IconName;
+    className?: string;
+    /** Rendered instead of the named glyph (the Angular `template` input). */
+    template?: ReactNode;
+}

package/src/lib/components/icon/icon.types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=icon.types.js.map

package/src/lib/components/icon/icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.types.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/icon/icon.types.ts"],"names":[],"mappings":""}

package/src/lib/components/icon/index.d.ts

@@ -0,0 +1,5 @@
+export * from './glyphs';
+export * from './icon';
+export * from './icon.types';
+export * from './preset/icon-preset';
+export * from './preset/preset-classes';

package/src/lib/components/icon/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./glyphs"), exports);
+tslib_1.__exportStar(require("./icon"), exports);
+tslib_1.__exportStar(require("./icon.types"), exports);
+tslib_1.__exportStar(require("./preset/icon-preset"), exports);
+tslib_1.__exportStar(require("./preset/preset-classes"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../packages/shared/react/src/lib/components/icon/index.ts"],"names":[],"mappings":";;;AAAA,mDAAyB;AACzB,iDAAuB;AACvB,uDAA6B;AAC7B,+DAAqC;AACrC,kEAAwC"}

package/src/lib/components/icon/preset/icon-preset.d.ts

@@ -0,0 +1,16 @@
+import type { ReactNode } from 'react';
+import { IconName } from '../icon.types';
+import { IconPresetSize, IconPresetVariant } from './preset-classes';
+export interface SmartIconPresetProps {
+    name?: IconName;
+    template?: ReactNode;
+    variant?: IconPresetVariant;
+    size?: IconPresetSize;
+    className?: string;
+}
+/**
+ * Styled icon variation (preset): `<SmartIcon>` inside a themed container,
+ * across a `plain` / `contained` / `soft` variant scale in `sm` / `md` / `lg`.
+ * There is no registry key for the icon, so the preset is used directly.
+ */
+export declare function SmartIconPreset({ name, template, variant, size, className, }: SmartIconPresetProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/components/icon/preset/icon-preset.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartIconPreset = SmartIconPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_names_1 = require("../../../utils/class-names");
+const icon_1 = require("../icon");
+const preset_classes_1 = require("./preset-classes");
+/**
+ * Styled icon variation (preset): `<SmartIcon>` inside a themed container,
+ * across a `plain` / `contained` / `soft` variant scale in `sm` / `md` / `lg`.
+ * There is no registry key for the icon, so the preset is used directly.
+ */
+function SmartIconPreset({ name = 'spinner', template, variant = 'plain', size = 'md', className, }) {
+    return ((0, jsx_runtime_1.jsx)("span", { className: (0, class_names_1.cn)((0, preset_classes_1.getIconContainerClasses)(variant, size), className), "data-role": "icon-preset", children: (0, jsx_runtime_1.jsx)(icon_1.SmartIcon, { name: name, template: template, className: (0, preset_classes_1.getIconSizeClasses)(size) }) }));
+}
+//# sourceMappingURL=icon-preset.js.map

package/src/lib/components/icon/preset/icon-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-preset.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/icon/preset/icon-preset.tsx"],"names":[],"mappings":";;AAyBA,0CAmBC;;AA1CD,4DAAgD;AAChD,kCAAoC;AAEpC,qDAK0B;AAU1B;;;;GAIG;AACH,SAAgB,eAAe,CAAC,EAC9B,IAAI,GAAG,SAAS,EAChB,QAAQ,EACR,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,IAAI,EACX,SAAS,GACY;IACrB,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,gBAAE,EAAC,IAAA,wCAAuB,EAAC,OAAO,EAAE,IAAI,CAAC,EAAE,SAAS,CAAC,eACtD,aAAa,YAEvB,uBAAC,gBAAS,IACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,mCAAkB,EAAC,IAAI,CAAC,GACnC,GACG,CACR,CAAC;AACJ,CAAC"}

package/src/lib/components/icon/preset/preset-classes.d.ts

@@ -0,0 +1,13 @@
+/** Visual treatment applied around the icon glyph. */
+export type IconPresetVariant = 'plain' | 'contained' | 'soft';
+/** Icon footprint on the `size-*` scale. */
+export type IconPresetSize = 'sm' | 'md' | 'lg';
+/** Glyph sizing class, bound onto the inner `<smart-icon>`. */
+export declare function getIconSizeClasses(size: IconPresetSize): string;
+/**
+ * Container recipe for a variant/size pair.
+ *
+ * `plain` has no surface (the icon sits inline); `contained` and `soft` wrap the
+ * glyph in a padded box whose padding scales with `size`.
+ */
+export declare function getIconContainerClasses(variant: IconPresetVariant, size: IconPresetSize): string;