@origostudio/origo-design 0.0.35 → 0.0.36
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 +4 -2
- package/dist/packages/angular-renderer/CHANGELOG.md +11 -0
- package/dist/packages/angular-renderer/package.json +3 -3
- package/dist/packages/angular-renderer/src/components/primitives/button/button.component.js +13 -2
- package/dist/packages/angular-renderer/src/components/primitives/button/button.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.d.ts +2 -0
- package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js +10 -2
- package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.d.ts +4 -0
- package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.js +16 -1
- package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/hbox/hbox.component.d.ts +4 -0
- package/dist/packages/angular-renderer/src/components/primitives/hbox/hbox.component.js +15 -1
- package/dist/packages/angular-renderer/src/components/primitives/hbox/hbox.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/label/label.component.d.ts +2 -0
- package/dist/packages/angular-renderer/src/components/primitives/label/label.component.js +10 -2
- package/dist/packages/angular-renderer/src/components/primitives/label/label.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.d.ts +2 -1
- package/dist/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.js +11 -5
- package/dist/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/text-input/text-input.component.d.ts +0 -1
- package/dist/packages/angular-renderer/src/components/primitives/text-input/text-input.component.js +14 -5
- package/dist/packages/angular-renderer/src/components/primitives/text-input/text-input.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/vbox/vbox.component.d.ts +4 -0
- package/dist/packages/angular-renderer/src/components/primitives/vbox/vbox.component.js +15 -1
- package/dist/packages/angular-renderer/src/components/primitives/vbox/vbox.component.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-r7FVf56g.js → chunk-15nOPu-u.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Dys-y4r2.js → chunk-2LVA5YAS.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DNTfJ2xw.js → chunk-93OKIStv.js} +1 -1
- package/dist/packages/playground/browser/{chunk-9WsVM2Jr.js → chunk-B2LLZ6rk.js} +1 -1
- package/dist/packages/playground/browser/{chunk-1BPuEyON.js → chunk-BVSxbskM.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CTnGRYtS.js → chunk-C9sDf1cl.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Dx7lJ4Em.js → chunk-CVt6mJDn.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Ym0QZNDJ.js → chunk-CfF0b8aQ.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BfpxpuVT.js → chunk-Ctw02k2C.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CVJk2D1R.js → chunk-D8e3iVq5.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BB6BGIio.js → chunk-DeYhD9nZ.js} +1 -1
- package/dist/packages/playground/browser/{chunk-2UNSqVln.js → chunk-Dkra_A8r.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CKqlZgol.js → chunk-DocyQxam.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DOAdNQyb.js → chunk-DwC_9llc.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CKyrqF9T.js → chunk-T7zK0pas.js} +1 -1
- package/dist/packages/playground/browser/index.html +1 -1
- package/dist/packages/playground/browser/{main-JTGXHRFU.js → main-L3SK45FI.js} +67 -67
- package/package.json +1 -1
- package/packages/angular-renderer/CHANGELOG.md +11 -0
- package/packages/angular-renderer/package.json +3 -3
- package/packages/angular-renderer/src/components/primitives/button/button.component.ts +13 -4
- package/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.html +1 -0
- package/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.ts +11 -2
- package/packages/angular-renderer/src/components/primitives/form-field/form-field.component.ts +18 -1
- package/packages/angular-renderer/src/components/primitives/hbox/hbox.component.ts +18 -1
- package/packages/angular-renderer/src/components/primitives/label/label.component.html +5 -1
- package/packages/angular-renderer/src/components/primitives/label/label.component.ts +11 -2
- package/packages/angular-renderer/src/components/primitives/primitives.a11y.pw.ts +22 -6
- package/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.html +1 -1
- package/packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.ts +12 -7
- package/packages/angular-renderer/src/components/primitives/text-input/text-input.component.ts +14 -8
- package/packages/angular-renderer/src/components/primitives/vbox/vbox.component.ts +18 -1
- 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/CHANGELOG.md
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
## 0.0.
|
|
1
|
+
## 0.0.36 (2026-09-23)
|
|
2
2
|
|
|
3
3
|
### 🚀 Features
|
|
4
4
|
|
|
5
|
-
- add
|
|
5
|
+
- add story for accessibility and localization enforcement and update sprint status ([be33262](https://github.com/OrigoStudio/origo-design/commit/be33262))
|
|
6
|
+
- implement primitive UI components and accessibility tests for angular-renderer ([c584dad](https://github.com/OrigoStudio/origo-design/commit/c584dad))
|
|
7
|
+
- **angular-renderer:** add primitive UI components and their unit tests ([e2418b1](https://github.com/OrigoStudio/origo-design/commit/e2418b1))
|
|
6
8
|
|
|
7
9
|
### ❤️ Thank You
|
|
8
10
|
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
## 0.0.36 (2026-09-23)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **angular-renderer:** add primitive UI components and their unit tests ([e2418b1](https://github.com/OrigoStudio/origo-design/commit/e2418b1))
|
|
6
|
+
- implement primitive UI components and accessibility tests for angular-renderer ([c584dad](https://github.com/OrigoStudio/origo-design/commit/c584dad))
|
|
7
|
+
|
|
8
|
+
### ❤️ Thank You
|
|
9
|
+
|
|
10
|
+
- Hardik Patel @hardikpatelse
|
|
11
|
+
|
|
1
12
|
## 0.0.35 (2026-09-22)
|
|
2
13
|
|
|
3
14
|
### 🚀 Features
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "angular-renderer",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.36",
|
|
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.36",
|
|
10
|
+
"@origo/design-tokens": "0.0.36",
|
|
11
11
|
"tslib": "^2.3.0",
|
|
12
12
|
"@axe-core/playwright": "^4.13.0",
|
|
13
13
|
"@playwright/test": "^1.36.0"
|
|
@@ -14,6 +14,7 @@ let ButtonComponent = (() => {
|
|
|
14
14
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
15
15
|
host: {
|
|
16
16
|
'[class.origo-button]': 'true',
|
|
17
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
17
18
|
},
|
|
18
19
|
})];
|
|
19
20
|
let _classDescriptor;
|
|
@@ -40,8 +41,18 @@ let ButtonComponent = (() => {
|
|
|
40
41
|
const type = this.contract().props?.type;
|
|
41
42
|
return type === 'button' || type === 'submit' || type === 'reset' ? type : 'button';
|
|
42
43
|
});
|
|
43
|
-
computedAriaLabel = (0, core_1.computed)(() =>
|
|
44
|
-
|
|
44
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
45
|
+
const label = this.contract().props?.['aria-label'];
|
|
46
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
47
|
+
? String(label)
|
|
48
|
+
: undefined;
|
|
49
|
+
});
|
|
50
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
51
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
52
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
53
|
+
? String(desc)
|
|
54
|
+
: undefined;
|
|
55
|
+
});
|
|
45
56
|
action = (0, core_1.output)();
|
|
46
57
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
47
58
|
onClick() {
|
package/dist/packages/angular-renderer/src/components/primitives/button/button.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/button/button.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AAGvB,iGAA+F;
|
|
1
|
+
{"version":3,"file":"button.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/button/button.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AAGvB,iGAA+F;IAsBlF,eAAe;4BAZ3B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,cAAc;YACxB,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,yBAAyB;YACtC,SAAS,EAAE,CAAC,yBAAyB,CAAC;YACtC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,sBAAsB,EAAE,MAAM;gBAC9B,oBAAoB,EAAE,qBAAqB;aAC5C;SACF,CAAC;;;;;;;;YACF,qLA0CC;;;;QAzCC,MAAM,CAAU,cAAc,GAAG;YAC/B,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,SAAS;YACnB,IAAI,EAAE,QAAQ;SACf,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAoC,CAAC;QAE9D,aAAa,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC;QACzE,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrE,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;YACzC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;QACtF,CAAC,CAAC,CAAC;QACH,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,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACzE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACf,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,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,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACtE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACd,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,MAAM,GAAG,IAAA,aAAM,GAAQ,CAAC;QAEhB,iBAAiB,GAAG,IAAA,aAAM,EAAC,wDAA2B,CAAC,CAAC;QAEhE,OAAO;YACL,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBAAE,OAAO;YAEpC,MAAM,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,EAAE;gBAAE,OAAO;YAEhB,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;YACvD,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACrB,CAAC;;YAzCU,+DAAe;;;;;AAAf,0CAAe"}
|
package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export interface CheckboxProps {
|
|
|
5
5
|
label?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
'aria-label'?: string;
|
|
8
|
+
'aria-describedby'?: string;
|
|
8
9
|
required?: boolean;
|
|
9
10
|
}
|
|
10
11
|
export declare class CheckboxComponent implements OrigoAdapter<CheckboxProps> {
|
|
@@ -21,6 +22,7 @@ export declare class CheckboxComponent implements OrigoAdapter<CheckboxProps> {
|
|
|
21
22
|
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
22
23
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
23
24
|
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
25
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
24
26
|
private experienceAdapter;
|
|
25
27
|
constructor();
|
|
26
28
|
onChange(event: Event): void;
|
package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js
CHANGED
|
@@ -14,7 +14,7 @@ let CheckboxComponent = (() => {
|
|
|
14
14
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
15
15
|
host: {
|
|
16
16
|
'[class.origo-checkbox]': 'true',
|
|
17
|
-
'[attr.data-testid]': 'contract().id',
|
|
17
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
18
18
|
},
|
|
19
19
|
})];
|
|
20
20
|
let _classDescriptor;
|
|
@@ -42,7 +42,15 @@ let CheckboxComponent = (() => {
|
|
|
42
42
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
43
43
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
44
44
|
const label = this.contract().props?.['aria-label'];
|
|
45
|
-
return label !== undefined && label !== null
|
|
45
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
46
|
+
? String(label)
|
|
47
|
+
: undefined;
|
|
48
|
+
});
|
|
49
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
50
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
51
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
52
|
+
? String(desc)
|
|
53
|
+
: undefined;
|
|
46
54
|
});
|
|
47
55
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
48
56
|
constructor() {
|
package/dist/packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.ts"],"names":[],"mappings":";;;;AAAA,wCAUuB;AAGvB,iGAA+F;
|
|
1
|
+
{"version":3,"file":"checkbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/checkbox/checkbox.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,8 @@ export interface FormFieldProps {
|
|
|
7
7
|
error?: string;
|
|
8
8
|
hint?: string;
|
|
9
9
|
required?: boolean;
|
|
10
|
+
'aria-label'?: string;
|
|
11
|
+
'aria-describedby'?: string;
|
|
10
12
|
}
|
|
11
13
|
export declare class FormFieldComponent implements OrigoAdapter<FormFieldProps>, ContainerComponent {
|
|
12
14
|
static readonly contractSchema: {
|
|
@@ -22,5 +24,7 @@ export declare class FormFieldComponent implements OrigoAdapter<FormFieldProps>,
|
|
|
22
24
|
computedError: import("@angular/core").Signal<string | undefined>;
|
|
23
25
|
computedHint: import("@angular/core").Signal<string | undefined>;
|
|
24
26
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
27
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
28
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
25
29
|
labelContract: import("@angular/core").Signal<InteractionContract<LabelProps>>;
|
|
26
30
|
}
|
package/dist/packages/angular-renderer/src/components/primitives/form-field/form-field.component.js
CHANGED
|
@@ -16,7 +16,10 @@ let FormFieldComponent = (() => {
|
|
|
16
16
|
host: {
|
|
17
17
|
'[class.origo-form-field]': 'true',
|
|
18
18
|
'[class.has-error]': '!!computedError()',
|
|
19
|
-
'[attr.data-testid]': 'contract().id',
|
|
19
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
20
|
+
'[attr.role]': 'computedAriaLabel() ? "group" : null',
|
|
21
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
22
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
20
23
|
},
|
|
21
24
|
})];
|
|
22
25
|
let _classDescriptor;
|
|
@@ -43,6 +46,18 @@ let FormFieldComponent = (() => {
|
|
|
43
46
|
computedError = (0, core_1.computed)(() => this.contract().props?.error);
|
|
44
47
|
computedHint = (0, core_1.computed)(() => this.contract().props?.hint);
|
|
45
48
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
49
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
50
|
+
const label = this.contract().props?.['aria-label'];
|
|
51
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
52
|
+
? String(label)
|
|
53
|
+
: undefined;
|
|
54
|
+
});
|
|
55
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
56
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
57
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
58
|
+
? String(desc)
|
|
59
|
+
: undefined;
|
|
60
|
+
});
|
|
46
61
|
labelContract = (0, core_1.computed)(() => {
|
|
47
62
|
const parentId = this.contract().id;
|
|
48
63
|
const childId = this.contract().children?.[0]?.id;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-field.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/form-field/form-field.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;AAGvB,8DAAsE;
|
|
1
|
+
{"version":3,"file":"form-field.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/form-field/form-field.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ export interface HBoxProps {
|
|
|
5
5
|
gap?: number | string;
|
|
6
6
|
alignment?: 'start' | 'center' | 'end' | 'stretch';
|
|
7
7
|
padding?: number | string;
|
|
8
|
+
'aria-label'?: string;
|
|
9
|
+
'aria-describedby'?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare class HBoxComponent implements OrigoAdapter<HBoxProps>, ContainerComponent {
|
|
10
12
|
static readonly contractSchema: {
|
|
@@ -18,4 +20,6 @@ export declare class HBoxComponent implements OrigoAdapter<HBoxProps>, Container
|
|
|
18
20
|
computedGap: import("@angular/core").Signal<string | undefined>;
|
|
19
21
|
computedAlignment: import("@angular/core").Signal<"center" | "stretch" | "flex-start" | "flex-end">;
|
|
20
22
|
computedPadding: import("@angular/core").Signal<string | undefined>;
|
|
23
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
24
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
21
25
|
}
|
|
@@ -13,11 +13,13 @@ let HBoxComponent = (() => {
|
|
|
13
13
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
14
14
|
host: {
|
|
15
15
|
'[class.origo-hbox]': 'true',
|
|
16
|
-
'[attr.data-testid]': 'contract().id',
|
|
16
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
17
17
|
'[style.gap]': 'computedGap()',
|
|
18
18
|
'[style.align-items]': 'computedAlignment()',
|
|
19
19
|
'[style.padding-inline]': 'computedPadding()',
|
|
20
20
|
'[style.padding-block]': 'computedPadding()',
|
|
21
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
22
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
21
23
|
},
|
|
22
24
|
})];
|
|
23
25
|
let _classDescriptor;
|
|
@@ -68,6 +70,18 @@ let HBoxComponent = (() => {
|
|
|
68
70
|
const num = Number(padding);
|
|
69
71
|
return !isNaN(num) ? `${num}px` : String(padding);
|
|
70
72
|
});
|
|
73
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
74
|
+
const label = this.contract().props?.['aria-label'];
|
|
75
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
76
|
+
? String(label)
|
|
77
|
+
: undefined;
|
|
78
|
+
});
|
|
79
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
80
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
81
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
82
|
+
? String(desc)
|
|
83
|
+
: undefined;
|
|
84
|
+
});
|
|
71
85
|
static {
|
|
72
86
|
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
73
87
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/hbox/hbox.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;
|
|
1
|
+
{"version":3,"file":"hbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/hbox/hbox.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ export interface LabelProps {
|
|
|
5
5
|
for?: string;
|
|
6
6
|
required?: boolean;
|
|
7
7
|
'aria-label'?: string;
|
|
8
|
+
'aria-describedby'?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare class LabelComponent implements OrigoAdapter<LabelProps> {
|
|
10
11
|
static readonly contractSchema: {
|
|
@@ -18,4 +19,5 @@ export declare class LabelComponent implements OrigoAdapter<LabelProps> {
|
|
|
18
19
|
computedFor: import("@angular/core").Signal<string | undefined>;
|
|
19
20
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
20
21
|
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
22
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
21
23
|
}
|
|
@@ -13,7 +13,7 @@ let LabelComponent = (() => {
|
|
|
13
13
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
14
14
|
host: {
|
|
15
15
|
'[class.origo-label]': 'true',
|
|
16
|
-
'[attr.data-testid]': 'contract().id',
|
|
16
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
17
17
|
},
|
|
18
18
|
})];
|
|
19
19
|
let _classDescriptor;
|
|
@@ -42,7 +42,15 @@ let LabelComponent = (() => {
|
|
|
42
42
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
43
43
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
44
44
|
const label = this.contract().props?.['aria-label'];
|
|
45
|
-
return label !== undefined && label !== null
|
|
45
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
46
|
+
? String(label)
|
|
47
|
+
: undefined;
|
|
48
|
+
});
|
|
49
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
50
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
51
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
52
|
+
? String(desc)
|
|
53
|
+
: undefined;
|
|
46
54
|
});
|
|
47
55
|
static {
|
|
48
56
|
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
package/dist/packages/angular-renderer/src/components/primitives/label/label.component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/label/label.component.ts"],"names":[],"mappings":";;;;AAAA,wCAMuB;
|
|
1
|
+
{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/label/label.component.ts"],"names":[],"mappings":";;;;AAAA,wCAMuB;IAwBV,cAAc;4BAZ1B,IAAA,gBAAS,EAAC;YACT,QAAQ,EAAE,aAAa;YACvB,UAAU,EAAE,IAAI;YAChB,WAAW,EAAE,wBAAwB;YACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;YACrC,eAAe,EAAE,8BAAuB,CAAC,MAAM;YAC/C,aAAa,EAAE,wBAAiB,CAAC,SAAS;YAC1C,IAAI,EAAE;gBACJ,qBAAqB,EAAE,MAAM;gBAC7B,oBAAoB,EAAE,qBAAqB;aAC5C;SACF,CAAC;;;;;;;;YACF,qLA4BC;;;;QA3BC,MAAM,CAAU,cAAc,GAAG;YAC/B,IAAI,EAAE,QAAQ;YACd,GAAG,EAAE,QAAQ;YACb,QAAQ,EAAE,SAAS;SACpB,CAAC;QACF,MAAM,CAAU,cAAc,GAAG,KAAK,CAAC;QAEvC,QAAQ,GAAG,YAAK,CAAC,QAAQ,EAAmC,CAAC;QAE7D,YAAY,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;QACjE,WAAW,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE;YAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC;YACrC,OAAO,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAC/D,CAAC,CAAC,CAAC;QACH,gBAAgB,GAAG,IAAA,eAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QACrE,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,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACzE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;gBACf,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;QACH,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,IAAI,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE;gBACtE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;gBACd,CAAC,CAAC,SAAS,CAAC;QAChB,CAAC,CAAC,CAAC;;YA3BQ,+DAAc;;;;;AAAd,wCAAc"}
|
|
@@ -8,6 +8,7 @@ export interface RadioGroupProps {
|
|
|
8
8
|
value?: string;
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
'aria-label'?: string;
|
|
11
|
+
'aria-describedby'?: string;
|
|
11
12
|
required?: boolean;
|
|
12
13
|
}
|
|
13
14
|
export declare class RadioGroupComponent implements OrigoAdapter<RadioGroupProps> {
|
|
@@ -27,8 +28,8 @@ export declare class RadioGroupComponent implements OrigoAdapter<RadioGroupProps
|
|
|
27
28
|
computedDisabled: import("@angular/core").Signal<boolean>;
|
|
28
29
|
computedRequired: import("@angular/core").Signal<boolean>;
|
|
29
30
|
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
31
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
30
32
|
private experienceAdapter;
|
|
31
|
-
private sanitizer;
|
|
32
33
|
constructor();
|
|
33
34
|
onChange(event: Event): void;
|
|
34
35
|
}
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.RadioGroupComponent = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const core_1 = require("@angular/core");
|
|
6
|
-
const platform_browser_1 = require("@angular/platform-browser");
|
|
7
6
|
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
8
7
|
let RadioGroupComponent = (() => {
|
|
9
8
|
let _classDecorators = [(0, core_1.Component)({
|
|
@@ -15,7 +14,7 @@ let RadioGroupComponent = (() => {
|
|
|
15
14
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
16
15
|
host: {
|
|
17
16
|
'[class.origo-radio-group]': 'true',
|
|
18
|
-
'[attr.data-testid]': 'contract().id',
|
|
17
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
19
18
|
},
|
|
20
19
|
})];
|
|
21
20
|
let _classDescriptor;
|
|
@@ -46,10 +45,17 @@ let RadioGroupComponent = (() => {
|
|
|
46
45
|
computedRequired = (0, core_1.computed)(() => !!this.contract().props?.required);
|
|
47
46
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
48
47
|
const label = this.contract().props?.['aria-label'];
|
|
49
|
-
return label !== undefined && label !== null
|
|
48
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
49
|
+
? String(label)
|
|
50
|
+
: undefined;
|
|
51
|
+
});
|
|
52
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
53
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
54
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
55
|
+
? String(desc)
|
|
56
|
+
: undefined;
|
|
50
57
|
});
|
|
51
58
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
52
|
-
sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
|
|
53
59
|
constructor() {
|
|
54
60
|
(0, core_1.effect)(() => {
|
|
55
61
|
const contractVal = this.contract().props?.value;
|
|
@@ -66,7 +72,7 @@ let RadioGroupComponent = (() => {
|
|
|
66
72
|
if (!target || !target.checked || this.computedDisabled())
|
|
67
73
|
return;
|
|
68
74
|
const rawValue = target.value;
|
|
69
|
-
const sanitizedValue =
|
|
75
|
+
const sanitizedValue = String(rawValue);
|
|
70
76
|
this.value.set(sanitizedValue);
|
|
71
77
|
this.experienceAdapter.updateState(this.contract().id, 'value', sanitizedValue);
|
|
72
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"radio-group.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/radio-group/radio-group.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,6 @@ export declare class TextInputComponent implements OrigoAdapter<TextInputProps>
|
|
|
24
24
|
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
25
25
|
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
26
26
|
private experienceAdapter;
|
|
27
|
-
private sanitizer;
|
|
28
27
|
constructor();
|
|
29
28
|
onInput(event: Event): void;
|
|
30
29
|
}
|
package/dist/packages/angular-renderer/src/components/primitives/text-input/text-input.component.js
CHANGED
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.TextInputComponent = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const core_1 = require("@angular/core");
|
|
6
|
-
const platform_browser_1 = require("@angular/platform-browser");
|
|
7
6
|
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
8
7
|
let TextInputComponent = (() => {
|
|
9
8
|
let _classDecorators = [(0, core_1.Component)({
|
|
@@ -15,6 +14,7 @@ let TextInputComponent = (() => {
|
|
|
15
14
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
16
15
|
host: {
|
|
17
16
|
'[class.origo-text-input]': 'true',
|
|
17
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
18
18
|
},
|
|
19
19
|
})];
|
|
20
20
|
let _classDescriptor;
|
|
@@ -40,10 +40,19 @@ let TextInputComponent = (() => {
|
|
|
40
40
|
computedPlaceholder = (0, core_1.computed)(() => this.contract().props?.placeholder ?? '');
|
|
41
41
|
computedDisabled = (0, core_1.computed)(() => !!this.contract().props?.disabled);
|
|
42
42
|
computedReadonly = (0, core_1.computed)(() => !!this.contract().props?.readonly);
|
|
43
|
-
computedAriaLabel = (0, core_1.computed)(() =>
|
|
44
|
-
|
|
43
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
44
|
+
const label = this.contract().props?.['aria-label'];
|
|
45
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
46
|
+
? String(label)
|
|
47
|
+
: undefined;
|
|
48
|
+
});
|
|
49
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
50
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
51
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
52
|
+
? String(desc)
|
|
53
|
+
: undefined;
|
|
54
|
+
});
|
|
45
55
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
46
|
-
sanitizer = (0, core_1.inject)(platform_browser_1.DomSanitizer);
|
|
47
56
|
constructor() {
|
|
48
57
|
(0, core_1.effect)(() => {
|
|
49
58
|
const contractVal = this.contract().props?.value;
|
|
@@ -55,7 +64,7 @@ let TextInputComponent = (() => {
|
|
|
55
64
|
if (!target)
|
|
56
65
|
return;
|
|
57
66
|
const rawValue = target.value;
|
|
58
|
-
const sanitizedValue =
|
|
67
|
+
const sanitizedValue = String(rawValue);
|
|
59
68
|
if (target.value !== sanitizedValue) {
|
|
60
69
|
target.value = sanitizedValue;
|
|
61
70
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/text-input/text-input.component.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"text-input.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/text-input/text-input.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ export interface VBoxProps {
|
|
|
5
5
|
gap?: number | string;
|
|
6
6
|
alignment?: 'start' | 'center' | 'end' | 'stretch';
|
|
7
7
|
padding?: number | string;
|
|
8
|
+
'aria-label'?: string;
|
|
9
|
+
'aria-describedby'?: string;
|
|
8
10
|
}
|
|
9
11
|
export declare class VBoxComponent implements OrigoAdapter<VBoxProps>, ContainerComponent {
|
|
10
12
|
static readonly contractSchema: {
|
|
@@ -18,4 +20,6 @@ export declare class VBoxComponent implements OrigoAdapter<VBoxProps>, Container
|
|
|
18
20
|
computedGap: import("@angular/core").Signal<string | undefined>;
|
|
19
21
|
computedAlignment: import("@angular/core").Signal<"center" | "stretch" | "flex-start" | "flex-end">;
|
|
20
22
|
computedPadding: import("@angular/core").Signal<string | undefined>;
|
|
23
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
24
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
21
25
|
}
|
|
@@ -13,11 +13,13 @@ let VBoxComponent = (() => {
|
|
|
13
13
|
encapsulation: core_1.ViewEncapsulation.ShadowDom,
|
|
14
14
|
host: {
|
|
15
15
|
'[class.origo-vbox]': 'true',
|
|
16
|
-
'[attr.data-testid]': 'contract().id',
|
|
16
|
+
'[attr.data-testid]': 'contract().id ?? ""',
|
|
17
17
|
'[style.gap]': 'computedGap()',
|
|
18
18
|
'[style.align-items]': 'computedAlignment()',
|
|
19
19
|
'[style.padding-inline]': 'computedPadding()',
|
|
20
20
|
'[style.padding-block]': 'computedPadding()',
|
|
21
|
+
'[attr.aria-label]': 'computedAriaLabel()',
|
|
22
|
+
'[attr.aria-describedby]': 'computedAriaDescribedBy()',
|
|
21
23
|
},
|
|
22
24
|
})];
|
|
23
25
|
let _classDescriptor;
|
|
@@ -68,6 +70,18 @@ let VBoxComponent = (() => {
|
|
|
68
70
|
const num = Number(padding);
|
|
69
71
|
return !isNaN(num) ? `${num}px` : String(padding);
|
|
70
72
|
});
|
|
73
|
+
computedAriaLabel = (0, core_1.computed)(() => {
|
|
74
|
+
const label = this.contract().props?.['aria-label'];
|
|
75
|
+
return label !== undefined && label !== null && String(label).trim() !== ''
|
|
76
|
+
? String(label)
|
|
77
|
+
: undefined;
|
|
78
|
+
});
|
|
79
|
+
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
80
|
+
const desc = this.contract().props?.['aria-describedby'];
|
|
81
|
+
return desc !== undefined && desc !== null && String(desc).trim() !== ''
|
|
82
|
+
? String(desc)
|
|
83
|
+
: undefined;
|
|
84
|
+
});
|
|
71
85
|
static {
|
|
72
86
|
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
73
87
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/vbox/vbox.component.ts"],"names":[],"mappings":";;;;AAAA,wCAQuB;
|
|
1
|
+
{"version":3,"file":"vbox.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/vbox/vbox.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@origostudio/cli",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.36",
|
|
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.36",
|
|
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.36",
|
|
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.36",
|
|
13
13
|
"commander": "^15.0.0",
|
|
14
14
|
"tslib": "^2.3.0"
|
|
15
15
|
},
|