@stencil-kit/angular 0.0.1
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/README.md
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# ComponentLibrary
|
|
2
|
+
|
|
3
|
+
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.
|
|
4
|
+
|
|
5
|
+
## Code scaffolding
|
|
6
|
+
|
|
7
|
+
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
ng generate component component-name
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
ng generate --help
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Building
|
|
20
|
+
|
|
21
|
+
To build the library, run:
|
|
22
|
+
|
|
23
|
+
```bash
|
|
24
|
+
ng build component-library
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
|
|
28
|
+
|
|
29
|
+
### Publishing the Library
|
|
30
|
+
|
|
31
|
+
Once the project is built, you can publish your library by following these steps:
|
|
32
|
+
|
|
33
|
+
1. Navigate to the `dist` directory:
|
|
34
|
+
|
|
35
|
+
```bash
|
|
36
|
+
cd dist/component-library
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
2. Run the `npm publish` command to publish your library to the npm registry:
|
|
40
|
+
```bash
|
|
41
|
+
npm publish
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Running unit tests
|
|
45
|
+
|
|
46
|
+
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
ng test
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
## Running end-to-end tests
|
|
53
|
+
|
|
54
|
+
For end-to-end (e2e) testing, run:
|
|
55
|
+
|
|
56
|
+
```bash
|
|
57
|
+
ng e2e
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
|
|
61
|
+
|
|
62
|
+
## Additional Resources
|
|
63
|
+
|
|
64
|
+
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.
|
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
import { __decorate } from 'tslib';
|
|
2
|
+
import * as i0 from '@angular/core';
|
|
3
|
+
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
4
|
+
import { fromEvent } from 'rxjs';
|
|
5
|
+
import { defineCustomElement as defineCustomElement$1 } from '@stencil-kit/core/components/my-badge.js';
|
|
6
|
+
import { defineCustomElement as defineCustomElement$2 } from '@stencil-kit/core/components/my-button.js';
|
|
7
|
+
import { defineCustomElement as defineCustomElement$3 } from '@stencil-kit/core/components/my-card.js';
|
|
8
|
+
import { defineCustomElement as defineCustomElement$4 } from '@stencil-kit/core/components/my-component.js';
|
|
9
|
+
|
|
10
|
+
/* eslint-disable */
|
|
11
|
+
/* tslint:disable */
|
|
12
|
+
const proxyInputs = (Cmp, inputs) => {
|
|
13
|
+
const Prototype = Cmp.prototype;
|
|
14
|
+
inputs.forEach((item) => {
|
|
15
|
+
Object.defineProperty(Prototype, item, {
|
|
16
|
+
get() {
|
|
17
|
+
return this.el[item];
|
|
18
|
+
},
|
|
19
|
+
set(val) {
|
|
20
|
+
this.z.runOutsideAngular(() => (this.el[item] = val));
|
|
21
|
+
},
|
|
22
|
+
/**
|
|
23
|
+
* In the event that proxyInputs is called
|
|
24
|
+
* multiple times re-defining these inputs
|
|
25
|
+
* will cause an error to be thrown. As a result
|
|
26
|
+
* we set configurable: true to indicate these
|
|
27
|
+
* properties can be changed.
|
|
28
|
+
*/
|
|
29
|
+
configurable: true,
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
const proxyMethods = (Cmp, methods) => {
|
|
34
|
+
const Prototype = Cmp.prototype;
|
|
35
|
+
methods.forEach((methodName) => {
|
|
36
|
+
Prototype[methodName] = function () {
|
|
37
|
+
const args = arguments;
|
|
38
|
+
return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
|
|
39
|
+
};
|
|
40
|
+
});
|
|
41
|
+
};
|
|
42
|
+
const proxyOutputs = (instance, el, events) => {
|
|
43
|
+
events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
|
|
44
|
+
};
|
|
45
|
+
const defineCustomElement = (tagName, customElement) => {
|
|
46
|
+
if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
|
|
47
|
+
customElements.define(tagName, customElement);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
// tslint:disable-next-line: only-arrow-functions
|
|
51
|
+
function ProxyCmp(opts) {
|
|
52
|
+
const decorator = function (cls) {
|
|
53
|
+
const { defineCustomElementFn, inputs, methods } = opts;
|
|
54
|
+
if (defineCustomElementFn !== undefined) {
|
|
55
|
+
defineCustomElementFn();
|
|
56
|
+
}
|
|
57
|
+
if (inputs) {
|
|
58
|
+
proxyInputs(cls, inputs);
|
|
59
|
+
}
|
|
60
|
+
if (methods) {
|
|
61
|
+
proxyMethods(cls, methods);
|
|
62
|
+
}
|
|
63
|
+
return cls;
|
|
64
|
+
};
|
|
65
|
+
return decorator;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
let MyBadge = class MyBadge {
|
|
69
|
+
z;
|
|
70
|
+
el;
|
|
71
|
+
constructor(c, r, z) {
|
|
72
|
+
this.z = z;
|
|
73
|
+
c.detach();
|
|
74
|
+
this.el = r.nativeElement;
|
|
75
|
+
}
|
|
76
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyBadge, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MyBadge, isStandalone: true, selector: "my-badge", inputs: { color: "color", pill: "pill", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
78
|
+
};
|
|
79
|
+
MyBadge = __decorate([
|
|
80
|
+
ProxyCmp({
|
|
81
|
+
defineCustomElementFn: defineCustomElement$1,
|
|
82
|
+
inputs: ['color', 'pill', 'size']
|
|
83
|
+
})
|
|
84
|
+
], MyBadge);
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyBadge, decorators: [{
|
|
86
|
+
type: Component,
|
|
87
|
+
args: [{
|
|
88
|
+
selector: 'my-badge',
|
|
89
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
90
|
+
template: '<ng-content></ng-content>',
|
|
91
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
92
|
+
inputs: ['color', 'pill', 'size'],
|
|
93
|
+
}]
|
|
94
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
95
|
+
let MyButton = class MyButton {
|
|
96
|
+
z;
|
|
97
|
+
el;
|
|
98
|
+
constructor(c, r, z) {
|
|
99
|
+
this.z = z;
|
|
100
|
+
c.detach();
|
|
101
|
+
this.el = r.nativeElement;
|
|
102
|
+
}
|
|
103
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
104
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MyButton, isStandalone: true, selector: "my-button", inputs: { disabled: "disabled", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
105
|
+
};
|
|
106
|
+
MyButton = __decorate([
|
|
107
|
+
ProxyCmp({
|
|
108
|
+
defineCustomElementFn: defineCustomElement$2,
|
|
109
|
+
inputs: ['disabled', 'size', 'variant']
|
|
110
|
+
})
|
|
111
|
+
], MyButton);
|
|
112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyButton, decorators: [{
|
|
113
|
+
type: Component,
|
|
114
|
+
args: [{
|
|
115
|
+
selector: 'my-button',
|
|
116
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
117
|
+
template: '<ng-content></ng-content>',
|
|
118
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
119
|
+
inputs: ['disabled', 'size', 'variant'],
|
|
120
|
+
}]
|
|
121
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
122
|
+
let MyCard = class MyCard {
|
|
123
|
+
z;
|
|
124
|
+
el;
|
|
125
|
+
constructor(c, r, z) {
|
|
126
|
+
this.z = z;
|
|
127
|
+
c.detach();
|
|
128
|
+
this.el = r.nativeElement;
|
|
129
|
+
}
|
|
130
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyCard, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
131
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MyCard, isStandalone: true, selector: "my-card", inputs: { cardTitle: "cardTitle", elevation: "elevation", subtitle: "subtitle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
132
|
+
};
|
|
133
|
+
MyCard = __decorate([
|
|
134
|
+
ProxyCmp({
|
|
135
|
+
defineCustomElementFn: defineCustomElement$3,
|
|
136
|
+
inputs: ['cardTitle', 'elevation', 'subtitle']
|
|
137
|
+
})
|
|
138
|
+
], MyCard);
|
|
139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyCard, decorators: [{
|
|
140
|
+
type: Component,
|
|
141
|
+
args: [{
|
|
142
|
+
selector: 'my-card',
|
|
143
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
144
|
+
template: '<ng-content></ng-content>',
|
|
145
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
146
|
+
inputs: ['cardTitle', 'elevation', 'subtitle'],
|
|
147
|
+
}]
|
|
148
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
149
|
+
let MyComponent = class MyComponent {
|
|
150
|
+
z;
|
|
151
|
+
el;
|
|
152
|
+
constructor(c, r, z) {
|
|
153
|
+
this.z = z;
|
|
154
|
+
c.detach();
|
|
155
|
+
this.el = r.nativeElement;
|
|
156
|
+
}
|
|
157
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
158
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: MyComponent, isStandalone: true, selector: "my-component", inputs: { first: "first", last: "last", middle: "middle" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
159
|
+
};
|
|
160
|
+
MyComponent = __decorate([
|
|
161
|
+
ProxyCmp({
|
|
162
|
+
defineCustomElementFn: defineCustomElement$4,
|
|
163
|
+
inputs: ['first', 'last', 'middle']
|
|
164
|
+
})
|
|
165
|
+
], MyComponent);
|
|
166
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MyComponent, decorators: [{
|
|
167
|
+
type: Component,
|
|
168
|
+
args: [{
|
|
169
|
+
selector: 'my-component',
|
|
170
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
171
|
+
template: '<ng-content></ng-content>',
|
|
172
|
+
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
|
|
173
|
+
inputs: ['first', 'last', 'middle'],
|
|
174
|
+
}]
|
|
175
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
|
|
176
|
+
|
|
177
|
+
const DIRECTIVES = [
|
|
178
|
+
MyBadge,
|
|
179
|
+
MyButton,
|
|
180
|
+
MyCard,
|
|
181
|
+
MyComponent
|
|
182
|
+
];
|
|
183
|
+
|
|
184
|
+
/*
|
|
185
|
+
* Public API Surface of component-library
|
|
186
|
+
*/
|
|
187
|
+
// export * from './lib/component-library';
|
|
188
|
+
|
|
189
|
+
/**
|
|
190
|
+
* Generated bundle index. Do not edit.
|
|
191
|
+
*/
|
|
192
|
+
|
|
193
|
+
export { DIRECTIVES, MyBadge, MyButton, MyCard, MyComponent };
|
|
194
|
+
//# sourceMappingURL=stencil-kit-angular.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stencil-kit-angular.mjs","sources":["../../../projects/component-library/src/lib/stencil-generated/angular-component-lib/utils.ts","../../../projects/component-library/src/lib/stencil-generated/components.ts","../../../projects/component-library/src/lib/stencil-generated/index.ts","../../../projects/component-library/src/public-api.ts","../../../projects/component-library/src/stencil-kit-angular.ts"],"sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport { fromEvent } from 'rxjs';\n\nexport const proxyInputs = (Cmp: any, inputs: string[]) => {\n const Prototype = Cmp.prototype;\n inputs.forEach((item) => {\n Object.defineProperty(Prototype, item, {\n get() {\n return this.el[item];\n },\n set(val: any) {\n this.z.runOutsideAngular(() => (this.el[item] = val));\n },\n /**\n * In the event that proxyInputs is called\n * multiple times re-defining these inputs\n * will cause an error to be thrown. As a result\n * we set configurable: true to indicate these\n * properties can be changed.\n */\n configurable: true,\n });\n });\n};\n\nexport const proxyMethods = (Cmp: any, methods: string[]) => {\n const Prototype = Cmp.prototype;\n methods.forEach((methodName) => {\n Prototype[methodName] = function () {\n const args = arguments;\n return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));\n };\n });\n};\n\nexport const proxyOutputs = (instance: any, el: any, events: string[]) => {\n events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n customElements.define(tagName, customElement);\n }\n};\n\n// tslint:disable-next-line: only-arrow-functions\nexport function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {\n const decorator = function (cls: any) {\n const { defineCustomElementFn, inputs, methods } = opts;\n\n if (defineCustomElementFn !== undefined) {\n defineCustomElementFn();\n }\n\n if (inputs) {\n proxyInputs(cls, inputs);\n }\n if (methods) {\n proxyMethods(cls, methods);\n }\n return cls;\n };\n return decorator;\n}\n","/* tslint:disable */\n/* auto-generated angular directive proxies */\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, NgZone } from '@angular/core';\n\nimport { ProxyCmp } from './angular-component-lib/utils';\n\nimport type { Components } from '@stencil-kit/core/components';\n\nimport { defineCustomElement as defineMyBadge } from '@stencil-kit/core/components/my-badge.js';\nimport { defineCustomElement as defineMyButton } from '@stencil-kit/core/components/my-button.js';\nimport { defineCustomElement as defineMyCard } from '@stencil-kit/core/components/my-card.js';\nimport { defineCustomElement as defineMyComponent } from '@stencil-kit/core/components/my-component.js';\n@ProxyCmp({\n defineCustomElementFn: defineMyBadge,\n inputs: ['color', 'pill', 'size']\n})\n@Component({\n selector: 'my-badge',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '<ng-content></ng-content>',\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['color', 'pill', 'size'],\n})\nexport class MyBadge {\n protected el: HTMLMyBadgeElement;\n constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n c.detach();\n this.el = r.nativeElement;\n }\n}\n\n\nexport declare interface MyBadge extends Components.MyBadge {}\n\n\n@ProxyCmp({\n defineCustomElementFn: defineMyButton,\n inputs: ['disabled', 'size', 'variant']\n})\n@Component({\n selector: 'my-button',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '<ng-content></ng-content>',\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['disabled', 'size', 'variant'],\n})\nexport class MyButton {\n protected el: HTMLMyButtonElement;\n constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n c.detach();\n this.el = r.nativeElement;\n }\n}\n\n\nexport declare interface MyButton extends Components.MyButton {}\n\n\n@ProxyCmp({\n defineCustomElementFn: defineMyCard,\n inputs: ['cardTitle', 'elevation', 'subtitle']\n})\n@Component({\n selector: 'my-card',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '<ng-content></ng-content>',\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['cardTitle', 'elevation', 'subtitle'],\n})\nexport class MyCard {\n protected el: HTMLMyCardElement;\n constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n c.detach();\n this.el = r.nativeElement;\n }\n}\n\n\nexport declare interface MyCard extends Components.MyCard {}\n\n\n@ProxyCmp({\n defineCustomElementFn: defineMyComponent,\n inputs: ['first', 'last', 'middle']\n})\n@Component({\n selector: 'my-component',\n changeDetection: ChangeDetectionStrategy.OnPush,\n template: '<ng-content></ng-content>',\n // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n inputs: ['first', 'last', 'middle'],\n})\nexport class MyComponent {\n protected el: HTMLMyComponentElement;\n constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n c.detach();\n this.el = r.nativeElement;\n }\n}\n\n\nexport declare interface MyComponent extends Components.MyComponent {}\n\n\n","\nimport * as d from './components';\n\nexport const DIRECTIVES = [\n d.MyBadge,\n d.MyButton,\n d.MyCard,\n d.MyComponent\n];\n","/*\n * Public API Surface of component-library\n */\n\n// export * from './lib/component-library';\n\nexport { DIRECTIVES } from './lib/stencil-generated';\nexport * from './lib/stencil-generated/components';\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defineMyBadge","defineMyButton","defineMyCard","defineMyComponent","d.MyBadge","d.MyButton","d.MyCard","d.MyComponent"],"mappings":"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"}
|
package/package.json
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@stencil-kit/angular",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"peerDependencies": {
|
|
5
|
+
"@angular/common": "^21.2.0",
|
|
6
|
+
"@angular/core": "^21.2.0",
|
|
7
|
+
"@stencil-kit/core": "*"
|
|
8
|
+
},
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"tslib": "^2.3.0"
|
|
11
|
+
},
|
|
12
|
+
"sideEffects": false,
|
|
13
|
+
"publishConfig": {
|
|
14
|
+
"access": "public"
|
|
15
|
+
},
|
|
16
|
+
"module": "fesm2022/stencil-kit-angular.mjs",
|
|
17
|
+
"typings": "types/stencil-kit-angular.d.ts",
|
|
18
|
+
"exports": {
|
|
19
|
+
"./package.json": {
|
|
20
|
+
"default": "./package.json"
|
|
21
|
+
},
|
|
22
|
+
".": {
|
|
23
|
+
"types": "./types/stencil-kit-angular.d.ts",
|
|
24
|
+
"default": "./fesm2022/stencil-kit-angular.mjs"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"type": "module"
|
|
28
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { NgZone, ChangeDetectorRef, ElementRef } from '@angular/core';
|
|
3
|
+
import { Components } from '@stencil-kit/core/components';
|
|
4
|
+
|
|
5
|
+
declare class MyBadge {
|
|
6
|
+
protected z: NgZone;
|
|
7
|
+
protected el: HTMLMyBadgeElement;
|
|
8
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
9
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MyBadge, never>;
|
|
10
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MyBadge, "my-badge", never, { "color": { "alias": "color"; "required": false; }; "pill": { "alias": "pill"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
11
|
+
}
|
|
12
|
+
declare interface MyBadge extends Components.MyBadge {
|
|
13
|
+
}
|
|
14
|
+
declare class MyButton {
|
|
15
|
+
protected z: NgZone;
|
|
16
|
+
protected el: HTMLMyButtonElement;
|
|
17
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MyButton, never>;
|
|
19
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MyButton, "my-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
20
|
+
}
|
|
21
|
+
declare interface MyButton extends Components.MyButton {
|
|
22
|
+
}
|
|
23
|
+
declare class MyCard {
|
|
24
|
+
protected z: NgZone;
|
|
25
|
+
protected el: HTMLMyCardElement;
|
|
26
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
27
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MyCard, never>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MyCard, "my-card", never, { "cardTitle": { "alias": "cardTitle"; "required": false; }; "elevation": { "alias": "elevation"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
29
|
+
}
|
|
30
|
+
declare interface MyCard extends Components.MyCard {
|
|
31
|
+
}
|
|
32
|
+
declare class MyComponent {
|
|
33
|
+
protected z: NgZone;
|
|
34
|
+
protected el: HTMLMyComponentElement;
|
|
35
|
+
constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
|
|
36
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MyComponent, never>;
|
|
37
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MyComponent, "my-component", never, { "first": { "alias": "first"; "required": false; }; "last": { "alias": "last"; "required": false; }; "middle": { "alias": "middle"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
38
|
+
}
|
|
39
|
+
declare interface MyComponent extends Components.MyComponent {
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare const DIRECTIVES: (typeof MyBadge | typeof MyButton | typeof MyCard | typeof MyComponent)[];
|
|
43
|
+
|
|
44
|
+
export { DIRECTIVES, MyBadge, MyButton, MyCard, MyComponent };
|