@origostudio/origo-design 0.0.54 → 0.0.56
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 -4
- package/dist/packages/angular-renderer/CHANGELOG.md +22 -0
- package/dist/packages/angular-renderer/package.json +3 -3
- package/dist/packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.d.ts +17 -13
- package/dist/packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.js +55 -20
- package/dist/packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/dialog/dialog.component.d.ts +153 -0
- package/dist/packages/angular-renderer/src/components/primitives/dialog/dialog.component.js +346 -0
- package/dist/packages/angular-renderer/src/components/primitives/dialog/dialog.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/drawer/drawer.component.d.ts +93 -0
- package/dist/packages/angular-renderer/src/components/primitives/drawer/drawer.component.js +205 -0
- package/dist/packages/angular-renderer/src/components/primitives/drawer/drawer.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/modal/modal.component.d.ts +106 -0
- package/dist/packages/angular-renderer/src/components/primitives/modal/modal.component.js +61 -0
- package/dist/packages/angular-renderer/src/components/primitives/modal/modal.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/pagination/pagination.component.d.ts +64 -0
- package/dist/packages/angular-renderer/src/components/primitives/pagination/pagination.component.js +208 -0
- package/dist/packages/angular-renderer/src/components/primitives/pagination/pagination.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/popover/popover.component.d.ts +82 -0
- package/dist/packages/angular-renderer/src/components/primitives/popover/popover.component.js +280 -0
- package/dist/packages/angular-renderer/src/components/primitives/popover/popover.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/stepper/stepper.component.d.ts +65 -0
- package/dist/packages/angular-renderer/src/components/primitives/stepper/stepper.component.js +272 -0
- package/dist/packages/angular-renderer/src/components/primitives/stepper/stepper.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/components/primitives/tabs/tabs.component.d.ts +24 -15
- package/dist/packages/angular-renderer/src/components/primitives/tabs/tabs.component.js +105 -45
- package/dist/packages/angular-renderer/src/components/primitives/tabs/tabs.component.js.map +1 -1
- package/dist/packages/angular-renderer/src/components/primitives/tooltip/tooltip.component.d.ts +86 -0
- package/dist/packages/angular-renderer/src/components/primitives/tooltip/tooltip.component.js +272 -0
- package/dist/packages/angular-renderer/src/components/primitives/tooltip/tooltip.component.js.map +1 -0
- package/dist/packages/angular-renderer/src/index.d.ts +7 -0
- package/dist/packages/angular-renderer/src/index.js +7 -0
- package/dist/packages/angular-renderer/src/index.js.map +1 -1
- package/dist/packages/angular-renderer/src/lib/overlay/overlay-ref.d.ts +13 -0
- package/dist/packages/angular-renderer/src/lib/overlay/overlay-ref.js +18 -0
- package/dist/packages/angular-renderer/src/lib/overlay/overlay-ref.js.map +1 -1
- package/dist/packages/angular-renderer/src/lib/overlay/overlay.models.d.ts +10 -0
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js +16 -0
- package/dist/packages/angular-renderer/src/lib/primitives.provider.js.map +1 -1
- package/dist/packages/cli/CHANGELOG.md +8 -0
- package/dist/packages/cli/package.json +2 -2
- package/dist/packages/cli/package.json.bak +2 -2
- package/dist/packages/core/CHANGELOG.md +8 -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 +8 -0
- package/dist/packages/design-tokens/package.json +1 -1
- package/dist/packages/playground/browser/{chunk-BJpNkPjw.js → chunk-1EpKMVqg.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Bl9Hil7b.js → chunk-99Z1ZSho.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DmvRhqJL.js → chunk-B6I7DcL1.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DU-D8H8h.js → chunk-BJUlPnGj.js} +1 -1
- package/dist/packages/playground/browser/{chunk-BMHZeB3d.js → chunk-BQzQEZtb.js} +1 -1
- package/dist/packages/playground/browser/{chunk-D3Fei55I.js → chunk-BhCIuVBX.js} +1 -1
- package/dist/packages/playground/browser/{chunk-B2didn7J.js → chunk-CKodZfQB.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CI4TeaQ7.js → chunk-CVI627RV.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Bae_RqUz.js → chunk-ClkrBRsl.js} +1 -1
- package/dist/packages/playground/browser/{chunk-ChCntBeH.js → chunk-D9WDO3Mq.js} +1 -1
- package/dist/packages/playground/browser/{chunk-Q_bSp4tV.js → chunk-DFbzJcTS.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DZFv-mMu.js → chunk-DiYrE5js.js} +1 -1
- package/dist/packages/playground/browser/{chunk-CcgTDmOq.js → chunk-Dq1v5PE5.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DYrE-2nP.js → chunk-DyacuCzl.js} +1 -1
- package/dist/packages/playground/browser/{chunk-DTvURA18.js → chunk-YNHZb2Tp.js} +1 -1
- package/dist/packages/playground/browser/index.html +1 -1
- package/dist/packages/playground/browser/main-LRA6JC6Y.js +894 -0
- package/package.json +1 -1
- package/packages/angular-renderer/CHANGELOG.md +22 -0
- package/packages/angular-renderer/package.json +3 -3
- package/packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.html +79 -14
- package/packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.scss +55 -9
- package/packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.ts +82 -22
- package/packages/angular-renderer/src/components/primitives/dialog/dialog.component.html +49 -0
- package/packages/angular-renderer/src/components/primitives/dialog/dialog.component.scss +102 -0
- package/packages/angular-renderer/src/components/primitives/dialog/dialog.component.ts +415 -0
- package/packages/angular-renderer/src/components/primitives/drawer/drawer.component.html +38 -0
- package/packages/angular-renderer/src/components/primitives/drawer/drawer.component.scss +76 -0
- package/packages/angular-renderer/src/components/primitives/drawer/drawer.component.ts +248 -0
- package/packages/angular-renderer/src/components/primitives/modal/modal.component.html +13 -0
- package/packages/angular-renderer/src/components/primitives/modal/modal.component.scss +3 -0
- package/packages/angular-renderer/src/components/primitives/modal/modal.component.ts +56 -0
- package/packages/angular-renderer/src/components/primitives/pagination/pagination.component.html +95 -0
- package/packages/angular-renderer/src/components/primitives/pagination/pagination.component.scss +109 -0
- package/packages/angular-renderer/src/components/primitives/pagination/pagination.component.ts +275 -0
- package/packages/angular-renderer/src/components/primitives/popover/popover.component.html +41 -0
- package/packages/angular-renderer/src/components/primitives/popover/popover.component.scss +77 -0
- package/packages/angular-renderer/src/components/primitives/popover/popover.component.ts +345 -0
- package/packages/angular-renderer/src/components/primitives/stepper/stepper.component.html +68 -0
- package/packages/angular-renderer/src/components/primitives/stepper/stepper.component.scss +167 -0
- package/packages/angular-renderer/src/components/primitives/stepper/stepper.component.ts +325 -0
- package/packages/angular-renderer/src/components/primitives/tabs/tabs.component.html +56 -24
- package/packages/angular-renderer/src/components/primitives/tabs/tabs.component.scss +115 -17
- package/packages/angular-renderer/src/components/primitives/tabs/tabs.component.ts +134 -42
- package/packages/angular-renderer/src/components/primitives/tooltip/tooltip.component.html +27 -0
- package/packages/angular-renderer/src/components/primitives/tooltip/tooltip.component.scss +30 -0
- package/packages/angular-renderer/src/components/primitives/tooltip/tooltip.component.ts +330 -0
- package/packages/angular-renderer/src/index.ts +7 -0
- package/packages/angular-renderer/src/lib/overlay/overlay-ref.ts +31 -0
- package/packages/angular-renderer/src/lib/overlay/overlay.models.ts +10 -0
- package/packages/angular-renderer/src/lib/primitives.provider.ts +16 -0
- package/packages/angular-renderer/src/styles/overlay.scss +70 -26
- package/packages/cli/CHANGELOG.md +8 -0
- package/packages/cli/package.json +2 -2
- package/packages/core/CHANGELOG.md +8 -0
- package/packages/core/package.json +1 -1
- package/packages/design-tokens/CHANGELOG.md +8 -0
- package/packages/design-tokens/package.json +1 -1
- package/packages/devtools/CHANGELOG.md +8 -0
- package/packages/devtools/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
- package/packages/devtools/package.json +3 -3
- package/packages/playground/CHANGELOG.md +8 -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-C3BVRL3Q.js +0 -887
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
## 0.0.
|
|
1
|
+
## 0.0.56 (2026-10-13)
|
|
2
2
|
|
|
3
3
|
### 🚀 Features
|
|
4
4
|
|
|
5
|
-
-
|
|
6
|
-
- implement
|
|
7
|
-
- implement
|
|
5
|
+
- initialize sprint status and add story 2-2 for modal and overlay components ([6ecdd11](https://github.com/OrigoStudio/origo-design/commit/6ecdd11))
|
|
6
|
+
- implement modal and overlay primitives with shadow DOM support and focus trapping ([0c8b1b8](https://github.com/OrigoStudio/origo-design/commit/0c8b1b8))
|
|
7
|
+
- implement modal and overlay primitives including dialog, drawer, popover, and tooltip components ([ca3030d](https://github.com/OrigoStudio/origo-design/commit/ca3030d))
|
|
8
8
|
|
|
9
9
|
### ❤️ Thank You
|
|
10
10
|
|
|
@@ -1,3 +1,25 @@
|
|
|
1
|
+
## 0.0.56 (2026-10-13)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- implement modal and overlay primitives including dialog, drawer, popover, and tooltip components ([ca3030d](https://github.com/OrigoStudio/origo-design/commit/ca3030d))
|
|
6
|
+
- implement modal and overlay primitives with shadow DOM support and focus trapping ([0c8b1b8](https://github.com/OrigoStudio/origo-design/commit/0c8b1b8))
|
|
7
|
+
|
|
8
|
+
### ❤️ Thank You
|
|
9
|
+
|
|
10
|
+
- Hardik Patel @hardikpatelse
|
|
11
|
+
|
|
12
|
+
## 0.0.55 (2026-10-13)
|
|
13
|
+
|
|
14
|
+
### 🚀 Features
|
|
15
|
+
|
|
16
|
+
- implement navigation primitives including breadcrumbs, pagination, tabs, and stepper components ([7591e16](https://github.com/OrigoStudio/origo-design/commit/7591e16))
|
|
17
|
+
- add stepper, pagination, tabs, and breadcrumbs primitive components to angular-renderer ([915495f](https://github.com/OrigoStudio/origo-design/commit/915495f))
|
|
18
|
+
|
|
19
|
+
### ❤️ Thank You
|
|
20
|
+
|
|
21
|
+
- Hardik Patel @hardikpatelse
|
|
22
|
+
|
|
1
23
|
## 0.0.54 (2026-10-13)
|
|
2
24
|
|
|
3
25
|
### 🚀 Features
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@origostudio/angular-renderer",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.56",
|
|
4
4
|
"private": false,
|
|
5
5
|
"type": "commonjs",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@origostudio/core": "0.0.
|
|
10
|
-
"@origostudio/design-tokens": "0.0.
|
|
9
|
+
"@origostudio/core": "0.0.56",
|
|
10
|
+
"@origostudio/design-tokens": "0.0.56",
|
|
11
11
|
"tslib": "^2.3.0",
|
|
12
12
|
"@analogjs/vite-plugin-angular": "^2.7.1",
|
|
13
13
|
"zone.js": "^0.16.3",
|
|
@@ -1,33 +1,37 @@
|
|
|
1
|
+
import { ViewContainerRef } from '@angular/core';
|
|
1
2
|
import { InteractionContract } from '@origostudio/core';
|
|
2
|
-
import { OrigoAdapter } from '../../../adapters/web/adapter';
|
|
3
|
+
import { OrigoAdapter, ContainerComponent as IContainerComponent } from '../../../adapters/web/adapter';
|
|
3
4
|
export interface BreadcrumbItem {
|
|
4
5
|
label: string;
|
|
6
|
+
icon?: string;
|
|
5
7
|
outcomeRef?: string;
|
|
8
|
+
url?: string;
|
|
9
|
+
disabled?: boolean;
|
|
6
10
|
}
|
|
7
11
|
export interface BreadcrumbsProps {
|
|
8
12
|
permissions?: Record<string, string>;
|
|
9
13
|
rules?: Record<string, unknown>;
|
|
10
14
|
metadata?: Record<string, unknown>;
|
|
11
15
|
items?: Array<BreadcrumbItem>;
|
|
16
|
+
home?: BreadcrumbItem;
|
|
17
|
+
separator?: string;
|
|
18
|
+
routerMode?: 'angular' | 'native' | 'state';
|
|
12
19
|
'aria-label'?: string;
|
|
13
20
|
'aria-describedby'?: string;
|
|
14
21
|
}
|
|
15
|
-
export declare
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
rules: string;
|
|
19
|
-
metadata: string;
|
|
20
|
-
items: string;
|
|
21
|
-
};
|
|
22
|
+
export declare const BreadcrumbsContractSchema: Record<keyof BreadcrumbsProps, 'string' | 'number' | 'boolean' | 'array' | 'object'>;
|
|
23
|
+
export declare class BreadcrumbsComponent implements OrigoAdapter<BreadcrumbsProps>, IContainerComponent {
|
|
24
|
+
static readonly contractSchema: Record<keyof BreadcrumbsProps, "string" | "number" | "boolean" | "object" | "array">;
|
|
22
25
|
static readonly strictContract = false;
|
|
23
26
|
contract: import("@angular/core").InputSignal<InteractionContract<BreadcrumbsProps>>;
|
|
27
|
+
vc: import("@angular/core").Signal<ViewContainerRef>;
|
|
28
|
+
itemClick: import("@angular/core").OutputEmitterRef<BreadcrumbItem>;
|
|
24
29
|
private experienceAdapter;
|
|
25
|
-
|
|
30
|
+
protected props: import("@angular/core").Signal<BreadcrumbsProps>;
|
|
26
31
|
computedAriaLabel: import("@angular/core").Signal<string>;
|
|
27
32
|
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}[]>;
|
|
33
|
+
computedSeparator: import("@angular/core").Signal<string>;
|
|
34
|
+
computedHome: import("@angular/core").Signal<BreadcrumbItem | undefined>;
|
|
35
|
+
computedItems: import("@angular/core").Signal<BreadcrumbItem[]>;
|
|
32
36
|
onItemClick(event: Event, item: BreadcrumbItem, isLast: boolean): void;
|
|
33
37
|
}
|
|
@@ -1,10 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.BreadcrumbsComponent = void 0;
|
|
3
|
+
exports.BreadcrumbsComponent = exports.BreadcrumbsContractSchema = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const core_1 = require("@angular/core");
|
|
6
|
-
const
|
|
6
|
+
const adapter_1 = require("../../../adapters/web/adapter");
|
|
7
7
|
const experience_adapter_service_1 = require("../../../adapters/web/experience-adapter.service");
|
|
8
|
+
exports.BreadcrumbsContractSchema = {
|
|
9
|
+
permissions: 'object',
|
|
10
|
+
rules: 'object',
|
|
11
|
+
metadata: 'object',
|
|
12
|
+
items: 'array',
|
|
13
|
+
home: 'object',
|
|
14
|
+
separator: 'string',
|
|
15
|
+
routerMode: 'string',
|
|
16
|
+
'aria-label': 'string',
|
|
17
|
+
'aria-describedby': 'string',
|
|
18
|
+
};
|
|
8
19
|
let BreadcrumbsComponent = (() => {
|
|
9
20
|
let _classDecorators = [(0, core_1.Component)({
|
|
10
21
|
selector: 'origo-breadcrumbs',
|
|
@@ -32,43 +43,67 @@ let BreadcrumbsComponent = (() => {
|
|
|
32
43
|
BreadcrumbsComponent = _classThis = _classDescriptor.value;
|
|
33
44
|
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
34
45
|
}
|
|
35
|
-
static contractSchema =
|
|
36
|
-
permissions: 'object',
|
|
37
|
-
rules: 'object',
|
|
38
|
-
metadata: 'object',
|
|
39
|
-
items: 'array',
|
|
40
|
-
};
|
|
46
|
+
static contractSchema = exports.BreadcrumbsContractSchema;
|
|
41
47
|
static strictContract = false;
|
|
42
48
|
contract = core_1.input.required();
|
|
49
|
+
vc = core_1.viewChild.required('vc', { read: core_1.ViewContainerRef });
|
|
50
|
+
itemClick = (0, core_1.output)();
|
|
43
51
|
experienceAdapter = (0, core_1.inject)(experience_adapter_service_1.WebExperienceAdapterService);
|
|
44
|
-
|
|
52
|
+
props = (0, core_1.computed)(() => (0, adapter_1.coerceContractProps)(this.contract().props, exports.BreadcrumbsContractSchema));
|
|
45
53
|
computedAriaLabel = (0, core_1.computed)(() => {
|
|
46
|
-
const label = this.
|
|
54
|
+
const label = this.props()['aria-label'];
|
|
47
55
|
return label !== undefined && label !== null ? String(label) : 'Breadcrumbs';
|
|
48
56
|
});
|
|
49
57
|
computedAriaDescribedBy = (0, core_1.computed)(() => {
|
|
50
|
-
const desc = this.
|
|
58
|
+
const desc = this.props()['aria-describedby'];
|
|
51
59
|
return desc !== undefined && desc !== null ? String(desc) : undefined;
|
|
52
60
|
});
|
|
61
|
+
computedSeparator = (0, core_1.computed)(() => {
|
|
62
|
+
const sep = this.props().separator;
|
|
63
|
+
return typeof sep === 'string' && sep.trim().length > 0 ? sep : '/';
|
|
64
|
+
});
|
|
65
|
+
computedHome = (0, core_1.computed)(() => {
|
|
66
|
+
const home = this.props().home;
|
|
67
|
+
if (!home || home.label == null)
|
|
68
|
+
return undefined;
|
|
69
|
+
return {
|
|
70
|
+
label: String(home.label),
|
|
71
|
+
icon: home.icon ? String(home.icon) : undefined,
|
|
72
|
+
outcomeRef: home.outcomeRef ? String(home.outcomeRef) : undefined,
|
|
73
|
+
url: home.url ? String(home.url) : undefined,
|
|
74
|
+
disabled: !!home.disabled,
|
|
75
|
+
};
|
|
76
|
+
});
|
|
53
77
|
computedItems = (0, core_1.computed)(() => {
|
|
54
|
-
const items = this.
|
|
78
|
+
const items = this.props().items;
|
|
55
79
|
if (!Array.isArray(items))
|
|
56
80
|
return [];
|
|
57
81
|
return items
|
|
58
82
|
.filter(item => item != null && item.label != null)
|
|
59
|
-
.map(item => {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
83
|
+
.map(item => ({
|
|
84
|
+
label: String(item.label),
|
|
85
|
+
icon: item.icon ? String(item.icon) : undefined,
|
|
86
|
+
outcomeRef: item.outcomeRef ? String(item.outcomeRef) : undefined,
|
|
87
|
+
url: item.url ? String(item.url) : undefined,
|
|
88
|
+
disabled: !!item.disabled,
|
|
89
|
+
}));
|
|
65
90
|
});
|
|
66
91
|
onItemClick(event, item, isLast) {
|
|
67
|
-
if (isLast ||
|
|
92
|
+
if (isLast || item.disabled) {
|
|
68
93
|
event.preventDefault();
|
|
69
94
|
return;
|
|
70
95
|
}
|
|
71
|
-
|
|
96
|
+
if (!item.url) {
|
|
97
|
+
event.preventDefault();
|
|
98
|
+
}
|
|
99
|
+
if (item.outcomeRef) {
|
|
100
|
+
this.experienceAdapter.updateState(this.contract().id, 'activeOutcome', item.outcomeRef);
|
|
101
|
+
}
|
|
102
|
+
const contractId = this.contract().id;
|
|
103
|
+
if (contractId) {
|
|
104
|
+
this.experienceAdapter.dispatchCapability(contractId, 'itemClick', item);
|
|
105
|
+
}
|
|
106
|
+
this.itemClick.emit(item);
|
|
72
107
|
}
|
|
73
108
|
static {
|
|
74
109
|
tslib_1.__runInitializers(_classThis, _classExtraInitializers);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"breadcrumbs.component.js","sourceRoot":"","sources":["../../../../../../../packages/angular-renderer/src/components/primitives/breadcrumbs/breadcrumbs.component.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import { ViewContainerRef, TemplateRef, ElementRef } from '@angular/core';
|
|
2
|
+
import { InteractionContract } from '@origostudio/core';
|
|
3
|
+
import { OrigoAdapter, ContainerComponent } from '../../../adapters/web/adapter';
|
|
4
|
+
export interface DialogProps {
|
|
5
|
+
visible?: boolean;
|
|
6
|
+
header?: string;
|
|
7
|
+
modal?: boolean;
|
|
8
|
+
closable?: boolean;
|
|
9
|
+
closeOnEscape?: boolean;
|
|
10
|
+
dismissableMask?: boolean;
|
|
11
|
+
draggable?: boolean;
|
|
12
|
+
resizable?: boolean;
|
|
13
|
+
maximizable?: boolean;
|
|
14
|
+
maximized?: boolean;
|
|
15
|
+
width?: string;
|
|
16
|
+
height?: string;
|
|
17
|
+
minWidth?: string;
|
|
18
|
+
minHeight?: string;
|
|
19
|
+
maxWidth?: string;
|
|
20
|
+
maxHeight?: string;
|
|
21
|
+
position?: 'center' | 'top' | 'bottom' | 'start' | 'end';
|
|
22
|
+
blockScroll?: boolean;
|
|
23
|
+
data?: unknown;
|
|
24
|
+
permissions?: Record<string, string>;
|
|
25
|
+
rules?: Record<string, unknown>;
|
|
26
|
+
metadata?: Record<string, unknown>;
|
|
27
|
+
'aria-label'?: string;
|
|
28
|
+
'aria-describedby'?: string;
|
|
29
|
+
}
|
|
30
|
+
export declare const DialogContractSchema: {
|
|
31
|
+
readonly permissions: "object";
|
|
32
|
+
readonly rules: "object";
|
|
33
|
+
readonly metadata: "object";
|
|
34
|
+
readonly 'aria-label': "string";
|
|
35
|
+
readonly 'aria-describedby': "string";
|
|
36
|
+
readonly visible: "boolean";
|
|
37
|
+
readonly header: "string";
|
|
38
|
+
readonly modal: "boolean";
|
|
39
|
+
readonly closable: "boolean";
|
|
40
|
+
readonly closeOnEscape: "boolean";
|
|
41
|
+
readonly dismissableMask: "boolean";
|
|
42
|
+
readonly draggable: "boolean";
|
|
43
|
+
readonly resizable: "boolean";
|
|
44
|
+
readonly maximizable: "boolean";
|
|
45
|
+
readonly maximized: "boolean";
|
|
46
|
+
readonly width: "string";
|
|
47
|
+
readonly height: "string";
|
|
48
|
+
readonly minWidth: "string";
|
|
49
|
+
readonly minHeight: "string";
|
|
50
|
+
readonly maxWidth: "string";
|
|
51
|
+
readonly maxHeight: "string";
|
|
52
|
+
readonly position: "string";
|
|
53
|
+
readonly blockScroll: "boolean";
|
|
54
|
+
readonly data: "object";
|
|
55
|
+
};
|
|
56
|
+
export declare class DialogComponent implements OrigoAdapter<DialogProps>, ContainerComponent {
|
|
57
|
+
static readonly contractSchema: {
|
|
58
|
+
readonly permissions: "object";
|
|
59
|
+
readonly rules: "object";
|
|
60
|
+
readonly metadata: "object";
|
|
61
|
+
readonly 'aria-label': "string";
|
|
62
|
+
readonly 'aria-describedby': "string";
|
|
63
|
+
readonly visible: "boolean";
|
|
64
|
+
readonly header: "string";
|
|
65
|
+
readonly modal: "boolean";
|
|
66
|
+
readonly closable: "boolean";
|
|
67
|
+
readonly closeOnEscape: "boolean";
|
|
68
|
+
readonly dismissableMask: "boolean";
|
|
69
|
+
readonly draggable: "boolean";
|
|
70
|
+
readonly resizable: "boolean";
|
|
71
|
+
readonly maximizable: "boolean";
|
|
72
|
+
readonly maximized: "boolean";
|
|
73
|
+
readonly width: "string";
|
|
74
|
+
readonly height: "string";
|
|
75
|
+
readonly minWidth: "string";
|
|
76
|
+
readonly minHeight: "string";
|
|
77
|
+
readonly maxWidth: "string";
|
|
78
|
+
readonly maxHeight: "string";
|
|
79
|
+
readonly position: "string";
|
|
80
|
+
readonly blockScroll: "boolean";
|
|
81
|
+
readonly data: "object";
|
|
82
|
+
};
|
|
83
|
+
static readonly strictContract = false;
|
|
84
|
+
contract: import("@angular/core").InputSignal<InteractionContract<DialogProps>>;
|
|
85
|
+
vc: import("@angular/core").Signal<ViewContainerRef | undefined>;
|
|
86
|
+
dialogTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
|
|
87
|
+
dialogElement: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
|
|
88
|
+
visibleChange: import("@angular/core").OutputEmitterRef<boolean>;
|
|
89
|
+
open: import("@angular/core").OutputEmitterRef<void>;
|
|
90
|
+
close: import("@angular/core").OutputEmitterRef<void>;
|
|
91
|
+
maximize: import("@angular/core").OutputEmitterRef<boolean>;
|
|
92
|
+
restore: import("@angular/core").OutputEmitterRef<void>;
|
|
93
|
+
dragEnd: import("@angular/core").OutputEmitterRef<{
|
|
94
|
+
x: number;
|
|
95
|
+
y: number;
|
|
96
|
+
}>;
|
|
97
|
+
resizeEnd: import("@angular/core").OutputEmitterRef<{
|
|
98
|
+
width: number;
|
|
99
|
+
height: number;
|
|
100
|
+
}>;
|
|
101
|
+
private overlayService;
|
|
102
|
+
private destroyRef;
|
|
103
|
+
private vcr;
|
|
104
|
+
private experienceAdapter;
|
|
105
|
+
private platformId;
|
|
106
|
+
private document;
|
|
107
|
+
private readonly id;
|
|
108
|
+
readonly headerId: string;
|
|
109
|
+
readonly contentId: string;
|
|
110
|
+
private overlayRef;
|
|
111
|
+
private isOpen;
|
|
112
|
+
private resizeObserver;
|
|
113
|
+
private resizeTimeout;
|
|
114
|
+
isMaximized: import("@angular/core").WritableSignal<boolean>;
|
|
115
|
+
dragPosition: import("@angular/core").WritableSignal<{
|
|
116
|
+
x: number;
|
|
117
|
+
y: number;
|
|
118
|
+
}>;
|
|
119
|
+
private isDragging;
|
|
120
|
+
private dragStartCoords;
|
|
121
|
+
private initialDragPos;
|
|
122
|
+
private pointerMoveListener;
|
|
123
|
+
private pointerUpListener;
|
|
124
|
+
coercedProps: import("@angular/core").Signal<DialogProps>;
|
|
125
|
+
computedVisible: import("@angular/core").Signal<boolean>;
|
|
126
|
+
computedHeader: import("@angular/core").Signal<string | undefined>;
|
|
127
|
+
computedModal: import("@angular/core").Signal<boolean>;
|
|
128
|
+
computedClosable: import("@angular/core").Signal<boolean>;
|
|
129
|
+
computedCloseOnEscape: import("@angular/core").Signal<boolean>;
|
|
130
|
+
computedDismissableMask: import("@angular/core").Signal<boolean>;
|
|
131
|
+
computedDraggable: import("@angular/core").Signal<boolean>;
|
|
132
|
+
computedResizable: import("@angular/core").Signal<boolean>;
|
|
133
|
+
computedMaximizable: import("@angular/core").Signal<boolean>;
|
|
134
|
+
computedWidth: import("@angular/core").Signal<string>;
|
|
135
|
+
computedHeight: import("@angular/core").Signal<string>;
|
|
136
|
+
computedMinWidth: import("@angular/core").Signal<string | undefined>;
|
|
137
|
+
computedMinHeight: import("@angular/core").Signal<string | undefined>;
|
|
138
|
+
computedMaxWidth: import("@angular/core").Signal<string>;
|
|
139
|
+
computedMaxHeight: import("@angular/core").Signal<string>;
|
|
140
|
+
computedPosition: import("@angular/core").Signal<"center" | "start" | "end" | "top" | "bottom">;
|
|
141
|
+
computedAriaLabel: import("@angular/core").Signal<string | undefined>;
|
|
142
|
+
computedAriaDescribedBy: import("@angular/core").Signal<string | undefined>;
|
|
143
|
+
constructor();
|
|
144
|
+
private openDialog;
|
|
145
|
+
private closeDialog;
|
|
146
|
+
onClose(): void;
|
|
147
|
+
toggleMaximize(): void;
|
|
148
|
+
onHeaderPointerDown(event: PointerEvent): void;
|
|
149
|
+
private setupResizeObserver;
|
|
150
|
+
private cleanupDrag;
|
|
151
|
+
private cleanupDragListeners;
|
|
152
|
+
private cleanup;
|
|
153
|
+
}
|