@origostudio/origo-design 0.0.33 → 0.0.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -5
- package/dist/packages/angular-renderer/CHANGELOG.md +10 -0
- package/dist/packages/angular-renderer/package.json +3 -3
- package/dist/packages/angular-renderer/src/components/primitives/card/card.component.d.ts +27 -0
- package/dist/packages/angular-renderer/src/components/primitives/card/card.component.js +77 -0
- package/dist/packages/angular-renderer/src/components/primitives/card/card.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.d.ts +48 -0
- package/dist/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.js +135 -0
- package/dist/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/list/list.component.d.ts +25 -0
- package/dist/packages/angular-renderer/src/components/primitives/list/list.component.js +79 -0
- package/dist/packages/angular-renderer/src/components/primitives/list/list.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/index.d.ts +3 -0
- package/dist/packages/angular-renderer/src/index.js +3 -0
- package/dist/packages/angular-renderer/src/index.js.map +1 -1
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js +6 -0
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js.map +1 -1
- package/dist/packages/cli/CHANGELOG.md +4 -0
- package/dist/packages/cli/package.json +2 -2
- package/dist/packages/cli/package.json.bak +2 -2
- package/dist/packages/core/CHANGELOG.md +4 -0
- package/dist/packages/core/package.json +1 -1
- package/dist/packages/core/package.json.bak +1 -1
- package/dist/packages/design-tokens/CHANGELOG.md +4 -0
- package/dist/packages/design-tokens/package.json +1 -1
- package/dist/packages/playground/browser/{chunk-DKlwTQAd.js → chunk-B-wn1cXv.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DF-bQtOj.js → chunk-BJ5zA99p.js} +1 -1
- package/dist/packages/playground/browser/{chunk-D4C0b6lz.js → chunk-BTeHMhVz.js} +1 -1
- package/dist/packages/playground/browser/{chunk-De1XFgTw.js → chunk-Bj4KEAnJ.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BzGPxEHg.js → chunk-BpIkcGMH.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CZjKDhyy.js → chunk-CSFZcaUo.js} +1 -1
- package/dist/packages/playground/browser/{chunk-B9LdvrW-.js → chunk-CZ8Kub1X.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CQzANQQx.js → chunk-D2Q3NBtv.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Bf9YMUl2.js → chunk-DMSNoVia.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BhEdx6mF.js → chunk-DQSUREz9.js} +1 -1
- package/dist/packages/playground/browser/{chunk-HGObCc4H.js → chunk-Dnt5FGKM.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DWyxJAo_.js → chunk-DxuE9SOj.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CdTdamVY.js → chunk-J4kTlbKf.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CXjHpj1m.js → chunk-TYlSGKBs.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Cog45wco.js → chunk-oLVpNacy.js} +1 -1
- package/dist/packages/playground/browser/index.html +1 -1
- package/dist/packages/playground/browser/main-GTAXHZBR.js +711 -0
- package/package.json +1 -1
- package/packages/angular-renderer/CHANGELOG.md +10 -0
- package/packages/angular-renderer/package.json +3 -3
- package/packages/angular-renderer/src/components/primitives/card/card.component.html +18 -0
- package/packages/angular-renderer/src/components/primitives/card/card.component.scss +47 -0
- package/packages/angular-renderer/src/components/primitives/card/card.component.ts +83 -0
- package/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.html +68 -0
- package/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.scss +53 -0
- package/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.ts +153 -0
- package/packages/angular-renderer/src/components/primitives/list/list.component.html +23 -0
- package/packages/angular-renderer/src/components/primitives/list/list.component.scss +55 -0
- package/packages/angular-renderer/src/components/primitives/list/list.component.ts +87 -0
- package/packages/angular-renderer/src/components/primitives/primitives.a11y.pw.ts +51 -0
- package/packages/angular-renderer/src/index.ts +3 -0
- package/packages/angular-renderer/src/lib/primitives.provider.ts +6 -0
- package/packages/cli/CHANGELOG.md +4 -0
- package/packages/cli/package.json +2 -2
- package/packages/core/CHANGELOG.md +4 -0
- package/packages/core/package.json +1 -1
- package/packages/design-tokens/CHANGELOG.md +4 -0
- package/packages/design-tokens/package.json +1 -1
- package/packages/devtools/CHANGELOG.md +4 -0
- package/packages/devtools/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/packages/devtools/package.json +1 -1
- package/packages/playground/CHANGELOG.md +4 -0
- package/packages/playground/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/packages/playground/package.json +3 -3
- package/dist/packages/playground/browser/main-CADSNIGS.js +0 -711
package/CHANGELOG.md
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
## 0.0.
|
|
1
|
+
## 0.0.34 (2026-09-22)
|
|
2
2
|
|
|
3
3
|
### 🚀 Features
|
|
4
4
|
|
|
5
|
-
- implement
|
|
6
|
-
- add batch 1 form and layout primitive components and accessibility tests ([fb7cffb](https://github.com/OrigoStudio/origo-design/commit/fb7cffb))
|
|
7
|
-
- add central test-registry.yaml for test case tracking ([5904077](https://github.com/OrigoStudio/origo-design/commit/5904077))
|
|
8
|
-
- **angular-renderer:** implement form layout primitive components and tokens ([576e23d](https://github.com/OrigoStudio/origo-design/commit/576e23d))
|
|
5
|
+
- implement DataGrid, List, and Card data presentation primitives ([b057d31](https://github.com/OrigoStudio/origo-design/commit/b057d31))
|
|
9
6
|
|
|
10
7
|
### ❤️ Thank You
|
|
11
8
|
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 0.0.34 (2026-09-22)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- implement DataGrid, List, and Card data presentation primitives ([b057d31](https://github.com/OrigoStudio/origo-design/commit/b057d31))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Hardik Patel @hardikpatelse
|
|
10
|
+
|
|
1
11
|
## 0.0.33 (2026-09-21)
|
|
2
12
|
|
|
3
13
|
### 🚀 Features
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "angular-renderer",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.34",
|
|
4
4
|
"private": true,
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@origo/core": "0.0.
|
|
10
|
-
"@origo/design-tokens": "0.0.
|
|
9
|
+
"@origo/core": "0.0.34",
|
|
10
|
+
"@origo/design-tokens": "0.0.34",
|
|
11
11
|
"tslib": "^2.3.0",
|
|
12
12
|
"@axe-core/playwright": "^4.13.0",
|
|
13
13
|
"@playwright/test": "^1.36.0"
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { InteractionContract } from '@origo/core';
|
|
2
|
+
import { OrigoAdapter } from '../../../adapters/web/adapter';
|
|
3
|
+
export interface CardProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
subtitle?: string;
|
|
6
|
+
imageUrl?: string;
|
|
7
|
+
imageAlt?: string;
|
|
8
|
+
'aria-label'?: string;
|
|
9
|
+
'aria-describedby'?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare class CardComponent implements OrigoAdapter<CardProps> {
|
|
12
|
+
static readonly contractSchema: {
|
|
13
|
+
title: string;
|
|
14
|
+
subtitle: string;
|
|
15
|
+
imageUrl: string;
|
|
16
|
+
imageAlt: string;
|
|
17
|
+
};
|
|
18
|
+
static readonly strictContract = false;
|
|
19
|
+
contract: import("@angular/core").InputSignal<InteractionContract<CardProps>>;
|
|
20
|
+
private sanitizer;
|
|
21
|
+
computedTitle: import("@angular/core").Signal<string | undefined>;
|
|
22
|
+
computedSubtitle: import("@angular/core").Signal<string | undefined>;
|
|
23
|
+
computedImageUrl: import("@angular/core").Signal<string | undefined>;
|
|
24
|
+
computedImageAlt: import("@angular/core").Signal<string>;
|
|
25
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
26
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
27
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CardComponent = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const core_1 = require("@angular/core");
|
|
6
|
+
const platform_browser_1 = require("@angular/platform-browser");
|
|
7
|
+
let CardComponent = (() => {
|
|
8
|
+
let _classDecorators = [(0, core_1.Component)({
|
|
9
|
+
selector: 'origo-card',
|
|
10
|
+
standalone: true,
|
|
11
|
+
templateUrl: './card.component.html',
|
|
12
|
+
styleUrls: ['./card.component.scss'],
|
|
13
|
+
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
|
|
14
|
+
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
15
|
+
host: {
|
|
16
|
+
'[class.origo-card]': 'true',
|
|
17
|
+
'[attr.data-testid]': 'contract().id',
|
|
18
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
19
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
20
|
+
},
|
|
21
|
+
})];
|
|
22
|
+
let _classDescriptor;
|
|
23
|
+
let _classExtraInitializers = [];
|
|
24
|
+
let _classThis;
|
|
25
|
+
var CardComponent = class {
|
|
26
|
+
static { _classThis = this; }
|
|
27
|
+
static {
|
|
28
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
29
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
30
|
+
CardComponent = _classThis = _classDescriptor.value;
|
|
31
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
32
|
+
}
|
|
33
|
+
static contractSchema = {
|
|
34
|
+
title: 'string',
|
|
35
|
+
subtitle: 'string',
|
|
36
|
+
imageUrl: 'string',
|
|
37
|
+
imageAlt: 'string',
|
|
38
|
+
};
|
|
39
|
+
static strictContract = false;
|
|
40
|
+
contract = core_1.input.required();
|
|
41
|
+
sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
|
|
42
|
+
computedTitle = (0, core_1.computed)(() => {
|
|
43
|
+
const title = this.contract().props?.title;
|
|
44
|
+
return title !== undefined && title !== null ? String(title) : undefined;
|
|
45
|
+
});
|
|
46
|
+
computedSubtitle = (0, core_1.computed)(() => {
|
|
47
|
+
const subtitle = this.contract().props?.subtitle;
|
|
48
|
+
return subtitle !== undefined && subtitle !== null ? String(subtitle) : undefined;
|
|
49
|
+
});
|
|
50
|
+
computedImageUrl = (0, core_1.computed)(() => {
|
|
51
|
+
const url = this.contract().props?.imageUrl;
|
|
52
|
+
if (url === undefined || url === null || url === '')
|
|
53
|
+
return undefined;
|
|
54
|
+
// Sanitize URL for image source
|
|
55
|
+
const sanitizedUrl = this.sanitizer.sanitize(core_1.SecurityContext.URL, String(url));
|
|
56
|
+
return sanitizedUrl || undefined;
|
|
57
|
+
});
|
|
58
|
+
computedImageAlt = (0, core_1.computed)(() => {
|
|
59
|
+
const alt = this.contract().props?.imageAlt;
|
|
60
|
+
return alt !== undefined && alt !== null ? String(alt) : '';
|
|
61
|
+
});
|
|
62
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
63
|
+
const label = this.contract().props?.['aria-label'];
|
|
64
|
+
return label !== undefined && label !== null ? String(label) : undefined;
|
|
65
|
+
});
|
|
66
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
67
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
68
|
+
return desc !== undefined && desc !== null ? String(desc) : undefined;
|
|
69
|
+
});
|
|
70
|
+
static {
|
|
71
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
return CardComponent = _classThis;
|
|
75
|
+
})();
|
|
76
|
+
exports.CardComponent = CardComponent;
|
|
77
|
+
//# sourceMappingURL=card.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/card/card.component.ts"],"names":[],"mappings":"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"}
|
package/dist/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.d.ts
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { InteractionContract } from '@origo/core';
|
|
2
|
+
import { OrigoAdapter } from '../../../adapters/web/adapter';
|
|
3
|
+
export interface DataGridProps {
|
|
4
|
+
columns?: Array<{
|
|
5
|
+
key: string;
|
|
6
|
+
label: string;
|
|
7
|
+
sortable?: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
rows?: Array<Record<string, unknown>>;
|
|
10
|
+
pageSize?: number;
|
|
11
|
+
currentPage?: number;
|
|
12
|
+
totalRows?: number;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
'aria-label'?: string;
|
|
15
|
+
'aria-describedby'?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare class DataGridComponent implements OrigoAdapter<DataGridProps> {
|
|
18
|
+
static readonly contractSchema: {
|
|
19
|
+
columns: string;
|
|
20
|
+
rows: string;
|
|
21
|
+
pageSize: string;
|
|
22
|
+
currentPage: string;
|
|
23
|
+
totalRows: string;
|
|
24
|
+
disabled: string;
|
|
25
|
+
};
|
|
26
|
+
static readonly strictContract = false;
|
|
27
|
+
contract: import("@angular/core").InputSignal<InteractionContract<DataGridProps>>;
|
|
28
|
+
private experienceAdapter;
|
|
29
|
+
private sanitizer;
|
|
30
|
+
sortDir: import("@angular/core").WritableSignal<"desc" | "asc">;
|
|
31
|
+
currentSortKey: import("@angular/core").WritableSignal<string | null>;
|
|
32
|
+
computedColumns: import("@angular/core").Signal<{
|
|
33
|
+
key: string;
|
|
34
|
+
label: string;
|
|
35
|
+
sortable?: boolean;
|
|
36
|
+
}[]>;
|
|
37
|
+
computedRows: import("@angular/core").Signal<Record<string, unknown>[]>;
|
|
38
|
+
computedTotalRows: import("@angular/core").Signal<number>;
|
|
39
|
+
computedCurrentPage: import("@angular/core").Signal<number>;
|
|
40
|
+
computedTotalPages: import("@angular/core").Signal<number>;
|
|
41
|
+
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
42
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
43
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
44
|
+
onSort(key: string): void;
|
|
45
|
+
onPageChange(page: number): void;
|
|
46
|
+
onRowSelect(rowId: unknown): void;
|
|
47
|
+
isObject(val: unknown): boolean;
|
|
48
|
+
}
|
package/dist/packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.js
ADDED
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DataGridComponent = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const core_1 = require("@angular/core");
|
|
6
|
+
const common_1 = require("@angular/common");
|
|
7
|
+
const platform_browser_1 = require("@angular/platform-browser");
|
|
8
|
+
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
9
|
+
let DataGridComponent = (() => {
|
|
10
|
+
let _classDecorators = [(0, core_1.Component)({
|
|
11
|
+
selector: 'origo-data-grid',
|
|
12
|
+
standalone: true,
|
|
13
|
+
imports: [common_1.JsonPipe],
|
|
14
|
+
templateUrl: './data-grid.component.html',
|
|
15
|
+
styleUrls: ['./data-grid.component.scss'],
|
|
16
|
+
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
|
|
17
|
+
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
18
|
+
host: {
|
|
19
|
+
'[class.origo-data-grid]': 'true',
|
|
20
|
+
'[attr.data-testid]': 'contract().id',
|
|
21
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
22
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
23
|
+
},
|
|
24
|
+
})];
|
|
25
|
+
let _classDescriptor;
|
|
26
|
+
let _classExtraInitializers = [];
|
|
27
|
+
let _classThis;
|
|
28
|
+
var DataGridComponent = class {
|
|
29
|
+
static { _classThis = this; }
|
|
30
|
+
static {
|
|
31
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
32
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
33
|
+
DataGridComponent = _classThis = _classDescriptor.value;
|
|
34
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
35
|
+
}
|
|
36
|
+
static contractSchema = {
|
|
37
|
+
columns: 'array',
|
|
38
|
+
rows: 'array',
|
|
39
|
+
pageSize: 'number',
|
|
40
|
+
currentPage: 'number',
|
|
41
|
+
totalRows: 'number',
|
|
42
|
+
disabled: 'boolean',
|
|
43
|
+
};
|
|
44
|
+
static strictContract = false;
|
|
45
|
+
contract = core_1.input.required();
|
|
46
|
+
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
47
|
+
sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
|
|
48
|
+
// Track sort direction locally for toggling
|
|
49
|
+
sortDir = (0, core_1.signal)('asc');
|
|
50
|
+
currentSortKey = (0, core_1.signal)(null);
|
|
51
|
+
computedColumns = (0, core_1.computed)(() => {
|
|
52
|
+
const cols = this.contract().props?.columns;
|
|
53
|
+
return Array.isArray(cols)
|
|
54
|
+
? cols.filter(c => c != null && c.key != null && c.label != null)
|
|
55
|
+
: [];
|
|
56
|
+
});
|
|
57
|
+
computedRows = (0, core_1.computed)(() => {
|
|
58
|
+
const rows = this.contract().props?.rows;
|
|
59
|
+
if (!Array.isArray(rows))
|
|
60
|
+
return [];
|
|
61
|
+
const validRows = rows.filter(r => r != null);
|
|
62
|
+
const pageSize = this.contract().props?.pageSize;
|
|
63
|
+
let currentPage = this.contract().props?.currentPage;
|
|
64
|
+
if (typeof pageSize !== 'number' || pageSize <= 0) {
|
|
65
|
+
return validRows.slice(0, 100); // no pagination cap if pageSize is invalid, but cap at 100 to prevent huge rendering
|
|
66
|
+
}
|
|
67
|
+
if (typeof currentPage !== 'number' || currentPage < 1) {
|
|
68
|
+
currentPage = 1;
|
|
69
|
+
}
|
|
70
|
+
const startIndex = (currentPage - 1) * pageSize;
|
|
71
|
+
return validRows.slice(startIndex, startIndex + pageSize);
|
|
72
|
+
});
|
|
73
|
+
computedTotalRows = (0, core_1.computed)(() => {
|
|
74
|
+
const totalRows = this.contract().props?.totalRows;
|
|
75
|
+
if (typeof totalRows === 'number' && totalRows >= 0)
|
|
76
|
+
return totalRows;
|
|
77
|
+
const rows = this.contract().props?.rows;
|
|
78
|
+
return Array.isArray(rows) ? rows.length : 0;
|
|
79
|
+
});
|
|
80
|
+
computedCurrentPage = (0, core_1.computed)(() => {
|
|
81
|
+
const cp = this.contract().props?.currentPage;
|
|
82
|
+
return typeof cp === 'number' && cp >= 1 ? cp : 1;
|
|
83
|
+
});
|
|
84
|
+
computedTotalPages = (0, core_1.computed)(() => {
|
|
85
|
+
const pageSize = this.contract().props?.pageSize;
|
|
86
|
+
if (typeof pageSize !== 'number' || pageSize <= 0)
|
|
87
|
+
return 1;
|
|
88
|
+
return Math.max(1, Math.ceil(this.computedTotalRows() / pageSize));
|
|
89
|
+
});
|
|
90
|
+
computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
|
|
91
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
92
|
+
const label = this.contract().props?.['aria-label'];
|
|
93
|
+
return label !== undefined && label !== null ? String(label) : undefined;
|
|
94
|
+
});
|
|
95
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
96
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
97
|
+
return desc !== undefined && desc !== null ? String(desc) : undefined;
|
|
98
|
+
});
|
|
99
|
+
onSort(key) {
|
|
100
|
+
if (this.computedDisabled())
|
|
101
|
+
return;
|
|
102
|
+
if (this.currentSortKey() === key) {
|
|
103
|
+
this.sortDir.update(d => (d === 'asc' ? 'desc' : 'asc'));
|
|
104
|
+
}
|
|
105
|
+
else {
|
|
106
|
+
this.currentSortKey.set(key);
|
|
107
|
+
this.sortDir.set('desc');
|
|
108
|
+
}
|
|
109
|
+
this.experienceAdapter.updateState(this.contract().id, 'sortKey', key);
|
|
110
|
+
this.experienceAdapter.updateState(this.contract().id, 'sortDir', this.sortDir());
|
|
111
|
+
}
|
|
112
|
+
onPageChange(page) {
|
|
113
|
+
if (this.computedDisabled() || !Number.isInteger(page) || page < 1)
|
|
114
|
+
return;
|
|
115
|
+
this.experienceAdapter.updateState(this.contract().id, 'currentPage', page);
|
|
116
|
+
}
|
|
117
|
+
onRowSelect(rowId) {
|
|
118
|
+
if (this.computedDisabled() || rowId == null)
|
|
119
|
+
return;
|
|
120
|
+
const rawValue = String(rowId);
|
|
121
|
+
const sanitized = this.sanitizer.sanitize(core_1.SecurityContext.HTML, rawValue);
|
|
122
|
+
const sanitizedValue = sanitized != null && sanitized !== '' ? sanitized : rawValue.replace(/[<>]/g, '');
|
|
123
|
+
this.experienceAdapter.updateState(this.contract().id, 'selectedRow', sanitizedValue);
|
|
124
|
+
}
|
|
125
|
+
isObject(val) {
|
|
126
|
+
return typeof val === 'object' && val !== null;
|
|
127
|
+
}
|
|
128
|
+
static {
|
|
129
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
return DataGridComponent = _classThis;
|
|
133
|
+
})();
|
|
134
|
+
exports.DataGridComponent = DataGridComponent;
|
|
135
|
+
//# sourceMappingURL=data-grid.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data-grid.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/data-grid/data-grid.component.ts"],"names":[],"mappings":";;;;AAAA,wCASuB;AACvB,4CAA2C;AAC3C,gEAAyD;AAGzD,iGAA+F;IA4BlF,iBAAiB;4BAf7B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,iBAAiB;YAC3B,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,CAAC,iBAAQ,CAAC;YACnB,WAAW,EAAE,4BAA4B;YACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;YACzC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,yBAAyB,EAAE,MAAM;gBACjC,oBAAoB,EAAE,eAAe;gBACrC,mBAAmB,EAAE,qBAAqB;gBAC1C,yBAAyB,EAAE,2BAA2B;aACvD;SACF,CAAC;;;;;;;;YACF,qLA8GC;;;;QA7GC,MAAM,CAAU,cAAc,GAAG;YAC/B,OAAO,EAAE,OAAO;YAChB,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,QAAQ;YAClB,WAAW,EAAE,QAAQ;YACrB,SAAS,EAAE,QAAQ;YACnB,QAAQ,EAAE,SAAS;SACpB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAsC,CAAC;QAExD,iBAAiB,GAAG,IAAA,aAAM,EAAC,wDAA2B,CAAC,CAAC;QACxD,SAAS,GAAG,IAAA,aAAM,EAAC,+BAAY,CAAC,CAAC;QAEzC,4CAA4C;QAC5C,OAAO,GAAG,IAAA,aAAM,EAAiB,KAAK,CAAC,CAAC;QACxC,cAAc,GAAG,IAAA,aAAM,EAAgB,IAAI,CAAC,CAAC;QAE7C,eAAe,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC;YAC5C,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBACxB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC;gBACjE,CAAC,CAAC,EAAE,CAAC;QACT,CAAC,CAAC,CAAC;QAEH,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;gBAAE,OAAO,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;YAE9C,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YACjD,IAAI,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;YAErD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;gBAClD,OAAO,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,qFAAqF;YACvH,CAAC;YAED,IAAI,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;gBACvD,WAAW,GAAG,CAAC,CAAC;YAClB,CAAC;YAED,MAAM,UAAU,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;YAChD,OAAO,SAAS,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QAEH,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAChC,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC;YACnD,IAAI,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,IAAI,CAAC;gBAAE,OAAO,SAAS,CAAC;YACtE,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;QAEH,mBAAmB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAClC,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC;YAC9C,OAAO,OAAO,EAAE,KAAK,QAAQ,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,kBAAkB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YACjC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;YACjD,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,IAAI,CAAC;gBAAE,OAAO,CAAC,CAAC;YAC5D,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC;QACrE,CAAC,CAAC,CAAC;QAEH,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAErE,iBAAiB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAChC,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC;YACpD,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC3E,CAAC,CAAC,CAAC;QAEH,uBAAuB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,kBAAkB,CAAC,CAAC;YACzD,OAAO,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACxE,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,GAAW;YAChB,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBAAE,OAAO;YAEpC,IAAI,IAAI,CAAC,cAAc,EAAE,KAAK,GAAG,EAAE,CAAC;gBAClC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YAC3D,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBAC7B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAC3B,CAAC;YAED,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC;YACvE,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC;QACpF,CAAC;QAED,YAAY,CAAC,IAAY;YACvB,IAAI,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC;gBAAE,OAAO;YAC3E,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC;QAC9E,CAAC;QAED,WAAW,CAAC,KAAc;YACxB,IAAI,IAAI,CAAC,gBAAgB,EAAE,IAAI,KAAK,IAAI,IAAI;gBAAE,OAAO;YAErD,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,sBAAe,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC1E,MAAM,cAAc,GAClB,SAAS,IAAI,IAAI,IAAI,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAEpF,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;QACxF,CAAC;QAED,QAAQ,CAAC,GAAY;YACnB,OAAO,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;QACjD,CAAC;;YA7GU,+DAAiB;;;;;AAAjB,8CAAiB"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { InteractionContract } from '@origo/core';
|
|
2
|
+
import { OrigoAdapter } from '../../../adapters/web/adapter';
|
|
3
|
+
export interface ListProps {
|
|
4
|
+
items?: Array<Record<string, unknown>>;
|
|
5
|
+
maxItems?: number;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
'aria-label'?: string;
|
|
8
|
+
'aria-describedby'?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare class ListComponent implements OrigoAdapter<ListProps> {
|
|
11
|
+
static readonly contractSchema: {
|
|
12
|
+
items: string;
|
|
13
|
+
maxItems: string;
|
|
14
|
+
disabled: string;
|
|
15
|
+
};
|
|
16
|
+
static readonly strictContract = false;
|
|
17
|
+
contract: import("@angular/core").InputSignal<InteractionContract<ListProps>>;
|
|
18
|
+
private experienceAdapter;
|
|
19
|
+
private sanitizer;
|
|
20
|
+
computedItems: import("@angular/core").Signal<Record<string, unknown>[]>;
|
|
21
|
+
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
22
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
23
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
24
|
+
onItemSelect(itemId: unknown): void;
|
|
25
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ListComponent = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const core_1 = require("@angular/core");
|
|
6
|
+
const platform_browser_1 = require("@angular/platform-browser");
|
|
7
|
+
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
8
|
+
let ListComponent = (() => {
|
|
9
|
+
let _classDecorators = [(0, core_1.Component)({
|
|
10
|
+
selector: 'origo-list',
|
|
11
|
+
standalone: true,
|
|
12
|
+
templateUrl: './list.component.html',
|
|
13
|
+
styleUrls: ['./list.component.scss'],
|
|
14
|
+
changeDetection: core_1.ChangeDetectionStrategy.OnPush,
|
|
15
|
+
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
16
|
+
host: {
|
|
17
|
+
'[class.origo-list]': 'true',
|
|
18
|
+
'[attr.data-testid]': 'contract().id',
|
|
19
|
+
'[attr.role]': '"list"',
|
|
20
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
21
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
22
|
+
},
|
|
23
|
+
})];
|
|
24
|
+
let _classDescriptor;
|
|
25
|
+
let _classExtraInitializers = [];
|
|
26
|
+
let _classThis;
|
|
27
|
+
var ListComponent = class {
|
|
28
|
+
static { _classThis = this; }
|
|
29
|
+
static {
|
|
30
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
|
|
31
|
+
tslib_1.__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
32
|
+
ListComponent = _classThis = _classDescriptor.value;
|
|
33
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
34
|
+
}
|
|
35
|
+
static contractSchema = {
|
|
36
|
+
items: 'array',
|
|
37
|
+
maxItems: 'number',
|
|
38
|
+
disabled: 'boolean',
|
|
39
|
+
};
|
|
40
|
+
static strictContract = false;
|
|
41
|
+
contract = core_1.input.required();
|
|
42
|
+
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
43
|
+
sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
|
|
44
|
+
computedItems = (0, core_1.computed)(() => {
|
|
45
|
+
const items = this.contract().props?.items;
|
|
46
|
+
if (!Array.isArray(items))
|
|
47
|
+
return [];
|
|
48
|
+
const validItems = items.filter(i => i != null);
|
|
49
|
+
let max = this.contract().props?.maxItems;
|
|
50
|
+
if (typeof max !== 'number' || isNaN(max) || max <= 0) {
|
|
51
|
+
max = 100;
|
|
52
|
+
}
|
|
53
|
+
return validItems.slice(0, max);
|
|
54
|
+
});
|
|
55
|
+
computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
|
|
56
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
57
|
+
const label = this.contract().props?.['aria-label'];
|
|
58
|
+
return label !== undefined && label !== null ? String(label) : undefined;
|
|
59
|
+
});
|
|
60
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
61
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
62
|
+
return desc !== undefined && desc !== null ? String(desc) : undefined;
|
|
63
|
+
});
|
|
64
|
+
onItemSelect(itemId) {
|
|
65
|
+
if (this.computedDisabled() || itemId == null)
|
|
66
|
+
return;
|
|
67
|
+
const rawValue = String(itemId);
|
|
68
|
+
const sanitized = this.sanitizer.sanitize(core_1.SecurityContext.HTML, rawValue);
|
|
69
|
+
const sanitizedValue = sanitized != null && sanitized !== '' ? sanitized : rawValue.replace(/[<>]/g, '');
|
|
70
|
+
this.experienceAdapter.updateState(this.contract().id, 'selectedItem', sanitizedValue);
|
|
71
|
+
}
|
|
72
|
+
static {
|
|
73
|
+
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
return ListComponent = _classThis;
|
|
77
|
+
})();
|
|
78
|
+
exports.ListComponent = ListComponent;
|
|
79
|
+
//# sourceMappingURL=list.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/list/list.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,3 +14,6 @@ export * from './components/primitives/hbox/hbox.component';
|
|
|
14
14
|
export * from './components/primitives/label/label.component';
|
|
15
15
|
export * from './components/primitives/form-field/form-field.component';
|
|
16
16
|
export * from './lib/primitives.provider';
|
|
17
|
+
export * from './components/primitives/data-grid/data-grid.component';
|
|
18
|
+
export * from './components/primitives/list/list.component';
|
|
19
|
+
export * from './components/primitives/card/card.component';
|
|
@@ -17,4 +17,7 @@ tslib_1.__exportStar(require("./components/primitives/hbox/hbox.component"), exp
|
|
|
17
17
|
tslib_1.__exportStar(require("./components/primitives/label/label.component"), exports);
|
|
18
18
|
tslib_1.__exportStar(require("./components/primitives/form-field/form-field.component"), exports);
|
|
19
19
|
tslib_1.__exportStar(require("./lib/primitives.provider"), exports);
|
|
20
|
+
tslib_1.__exportStar(require("./components/primitives/data-grid/data-grid.component"), exports);
|
|
21
|
+
tslib_1.__exportStar(require("./components/primitives/list/list.component"), exports);
|
|
22
|
+
tslib_1.__exportStar(require("./components/primitives/card/card.component"), exports);
|
|
20
23
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular-renderer/src/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,gEAAsC;AACtC,iEAAuC;AACvC,sFAA4D;AAC5D,kGAAwE;AACxE,0FAAgE;AAChE,qDAA2B;AAC3B,0FAAgE;AAChE,8FAAoE;AACpE,oGAA0E;AAC1E,8FAAoE;AACpE,sFAA4D;AAC5D,wFAA8D;AAC9D,kGAAwE;AACxE,oEAA0C"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/angular-renderer/src/index.ts"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,mEAAyC;AACzC,gEAAsC;AACtC,iEAAuC;AACvC,sFAA4D;AAC5D,kGAAwE;AACxE,0FAAgE;AAChE,qDAA2B;AAC3B,0FAAgE;AAChE,8FAAoE;AACpE,oGAA0E;AAC1E,8FAAoE;AACpE,sFAA4D;AAC5D,wFAA8D;AAC9D,kGAAwE;AACxE,oEAA0C;AAC1C,gGAAsE;AACtE,sFAA4D;AAC5D,sFAA4D"}
|
|
@@ -10,6 +10,9 @@ const textarea_component_1 = require("../components/primitives/textarea/textarea
|
|
|
10
10
|
const hbox_component_1 = require("../components/primitives/hbox/hbox.component");
|
|
11
11
|
const label_component_1 = require("../components/primitives/label/label.component");
|
|
12
12
|
const form_field_component_1 = require("../components/primitives/form-field/form-field.component");
|
|
13
|
+
const data_grid_component_1 = require("../components/primitives/data-grid/data-grid.component");
|
|
14
|
+
const list_component_1 = require("../components/primitives/list/list.component");
|
|
15
|
+
const card_component_1 = require("../components/primitives/card/card.component");
|
|
13
16
|
function provideOrigo9Primitives() {
|
|
14
17
|
return (0, core_1.makeEnvironmentProviders)([
|
|
15
18
|
{
|
|
@@ -22,6 +25,9 @@ function provideOrigo9Primitives() {
|
|
|
22
25
|
m.set('HBox', hbox_component_1.HBoxComponent);
|
|
23
26
|
m.set('Label', label_component_1.LabelComponent);
|
|
24
27
|
m.set('FormField', form_field_component_1.FormFieldComponent);
|
|
28
|
+
m.set('DataGrid', data_grid_component_1.DataGridComponent);
|
|
29
|
+
m.set('List', list_component_1.ListComponent);
|
|
30
|
+
m.set('Card', card_component_1.CardComponent);
|
|
25
31
|
return m;
|
|
26
32
|
},
|
|
27
33
|
deps: [renderer_tokens_1.RENDERER_REGISTRY],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitives.provider.js","sourceRoot":"","sources":["../../../../../packages/angular-renderer/src/lib/primitives.provider.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"primitives.provider.js","sourceRoot":"","sources":["../../../../../packages/angular-renderer/src/lib/primitives.provider.ts"],"names":[],"mappings":";;AAaA,0DAoBC;AAjCD,wCAAqF;AACrF,uDAAsD;AACtD,uFAAmF;AACnF,6FAAyF;AACzF,sGAAiG;AACjG,6FAAyF;AACzF,iFAA6E;AAC7E,oFAAgF;AAChF,mGAA8F;AAC9F,gGAA2F;AAC3F,iFAA6E;AAC7E,iFAA6E;AAE7E,SAAgB,uBAAuB;IACrC,OAAO,IAAA,+BAAwB,EAAC;QAC9B;YACE,OAAO,EAAE,mCAAiB;YAC1B,UAAU,EAAE,CAAC,CAA6B,EAAE,EAAE;gBAC5C,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,kCAAe,CAAC,CAAC;gBACjC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,sCAAiB,CAAC,CAAC;gBACrC,CAAC,CAAC,GAAG,CAAC,YAAY,EAAE,2CAAmB,CAAC,CAAC;gBACzC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,sCAAiB,CAAC,CAAC;gBACrC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,8BAAa,CAAC,CAAC;gBAC7B,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,gCAAc,CAAC,CAAC;gBAC/B,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,yCAAkB,CAAC,CAAC;gBACvC,CAAC,CAAC,GAAG,CAAC,UAAU,EAAE,uCAAiB,CAAC,CAAC;gBACrC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,8BAAa,CAAC,CAAC;gBAC7B,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,8BAAa,CAAC,CAAC;gBAC7B,OAAO,CAAC,CAAC;YACX,CAAC;YACD,IAAI,EAAE,CAAC,mCAAiB,CAAC;SAC1B;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@origostudio/cli",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.34",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./src/index.js",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"origo": "./src/main.js"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@origo/core": "0.0.
|
|
12
|
+
"@origo/core": "0.0.34",
|
|
13
13
|
"commander": "^15.0.0",
|
|
14
14
|
"tslib": "^2.3.0"
|
|
15
15
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@origostudio/cli",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.34",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./src/index.js",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"origo": "./src/main.js"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@origo/core": "0.0.
|
|
12
|
+
"@origo/core": "0.0.34",
|
|
13
13
|
"commander": "^15.0.0",
|
|
14
14
|
"tslib": "^2.3.0"
|
|
15
15
|
},
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
## 0.0.34 (2026-09-22)
|
|
2
|
+
|
|
3
|
+
This was a version bump only for design-tokens to align it with other projects, there were no code changes.
|
|
4
|
+
|
|
1
5
|
## 0.0.33 (2026-09-21)
|
|
2
6
|
|
|
3
7
|
This was a version bump only for design-tokens to align it with other projects, there were no code changes.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import {g as gie}from'./main-
|
|
1
|
+
import {g as gie}from'./main-GTAXHZBR.js';var m=Object.defineProperty,l=Object.getOwnPropertyDescriptor,d=Object.getOwnPropertyNames,p=Object.prototype.hasOwnProperty,c=(t,e,a,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of d(e))!p.call(t,n)&&n!==a&&m(t,n,{get:()=>e[n],enumerable:!(i=l(e,n))||i.enumerable});return t},s=(t,e,a)=>(c(t,e,"default"),a),o={};s(o,gie);var u={comments:{blockComment:["<!--","-->"]},brackets:[["<",">"]],autoClosingPairs:[{open:"<",close:">"},{open:"'",close:"'"},{open:'"',close:'"'}],surroundingPairs:[{open:"<",close:">"},{open:"'",close:"'"},{open:'"',close:'"'}],onEnterRules:[{beforeText:new RegExp("<([_:\\w][_:\\w-.\\d]*)([^/>]*(?!/)>)[^<]*$","i"),afterText:/^<\/([_:\w][_:\w-.\d]*)\s*>$/i,action:{indentAction:o.languages.IndentAction.IndentOutdent}},{beforeText:new RegExp("<(\\w[\\w\\d]*)([^/>]*(?!/)>)[^<]*$","i"),action:{indentAction:o.languages.IndentAction.Indent}}]},g={defaultToken:"",tokenPostfix:".xml",ignoreCase:true,qualifiedName:/(?:[\w\.\-]+:)?[\w\.\-]+/,tokenizer:{root:[[/[^<&]+/,""],{include:"@whitespace"},[/(<)(@qualifiedName)/,[{token:"delimiter"},{token:"tag",next:"@tag"}]],[/(<\/)(@qualifiedName)(\s*)(>)/,[{token:"delimiter"},{token:"tag"},"",{token:"delimiter"}]],[/(<\?)(@qualifiedName)/,[{token:"delimiter"},{token:"metatag",next:"@tag"}]],[/(<\!)(@qualifiedName)/,[{token:"delimiter"},{token:"metatag",next:"@tag"}]],[/<\!\[CDATA\[/,{token:"delimiter.cdata",next:"@cdata"}],[/&\w+;/,"string.escape"]],cdata:[[/[^\]]+/,""],[/\]\]>/,{token:"delimiter.cdata",next:"@pop"}],[/\]/,""]],tag:[[/[ \t\r\n]+/,""],[/(@qualifiedName)(\s*=\s*)("[^"]*"|'[^']*')/,["attribute.name","","attribute.value"]],[/(@qualifiedName)(\s*=\s*)("[^">?\/]*|'[^'>?\/]*)(?=[\?\/]\>)/,["attribute.name","","attribute.value"]],[/(@qualifiedName)(\s*=\s*)("[^">]*|'[^'>]*)/,["attribute.name","","attribute.value"]],[/@qualifiedName/,"attribute.name"],[/\?>/,{token:"delimiter",next:"@pop"}],[/(\/)(>)/,[{token:"tag"},{token:"delimiter",next:"@pop"}]],[/>/,{token:"delimiter",next:"@pop"}]],whitespace:[[/[ \t\r\n]+/,""],[/<!--/,{token:"comment",next:"@comment"}]],comment:[[/[^<\-]+/,"comment.content"],[/-->/,{token:"comment",next:"@pop"}],[/<!--/,"comment.content.invalid"],[/[<\-]/,"comment.content"]]}};export{u as conf,g as language};
|