@ng-doc/ui-kit 21.0.4 → 22.0.0-beta.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.
|
@@ -13,28 +13,24 @@ class NgDocExpanderComponent {
|
|
|
13
13
|
this.expanded = !this.expanded;
|
|
14
14
|
}
|
|
15
15
|
enter(container, event) {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
})
|
|
26
|
-
.finished.then(() => event.animationComplete());
|
|
27
|
-
});
|
|
16
|
+
container
|
|
17
|
+
.animate([
|
|
18
|
+
{ opacity: '0', height: '0px' },
|
|
19
|
+
{ opacity: '1', height: container.scrollHeight + 'px' },
|
|
20
|
+
], {
|
|
21
|
+
duration: 225,
|
|
22
|
+
easing: 'cubic-bezier(0.4,0.0,0.2,1)',
|
|
23
|
+
})
|
|
24
|
+
.finished.then(() => event.animationComplete());
|
|
28
25
|
}
|
|
29
26
|
leave(container, event) {
|
|
30
27
|
container
|
|
31
28
|
.animate([
|
|
32
|
-
{ opacity: '1',
|
|
33
|
-
{ opacity: '0',
|
|
29
|
+
{ opacity: '1', height: container.scrollHeight + 'px' },
|
|
30
|
+
{ opacity: '0', height: '0px' },
|
|
34
31
|
], {
|
|
35
32
|
duration: 225,
|
|
36
33
|
easing: 'cubic-bezier(0.4,0.0,0.2,1)',
|
|
37
|
-
fill: 'forwards',
|
|
38
34
|
})
|
|
39
35
|
.finished.then(() => event.animationComplete());
|
|
40
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import { AnimationCallbackEvent, ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/** Component helps to expand or collapse content */\n@Component({\n selector: 'ng-doc-expander',\n templateUrl: './expander.component.html',\n styleUrls: ['./expander.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [PolymorpheusOutlet],\n})\nexport class NgDocExpanderComponent {\n /** Change expand state */\n @Input()\n expanded: boolean = false;\n\n /** Expander content */\n @Input({ required: true })\n content!: NgDocContent;\n\n @Input()\n collapseMod: 'remove' | 'hide' = 'remove';\n\n toggle(): void {\n this.expanded = !this.expanded;\n }\n\n protected enter(container: HTMLElement, event: AnimationCallbackEvent): void {\n
|
|
1
|
+
{"version":3,"file":"ng-doc-ui-kit-components-expander.mjs","sources":["../../../../libs/ui-kit/components/expander/expander.component.ts","../../../../libs/ui-kit/components/expander/expander.component.html","../../../../libs/ui-kit/components/expander/ng-doc-ui-kit-components-expander.ts"],"sourcesContent":["import { AnimationCallbackEvent, ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { NgDocContent } from '@ng-doc/ui-kit/types';\nimport { PolymorpheusOutlet } from '@taiga-ui/polymorpheus';\n\n/** Component helps to expand or collapse content */\n@Component({\n selector: 'ng-doc-expander',\n templateUrl: './expander.component.html',\n styleUrls: ['./expander.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [PolymorpheusOutlet],\n})\nexport class NgDocExpanderComponent {\n /** Change expand state */\n @Input()\n expanded: boolean = false;\n\n /** Expander content */\n @Input({ required: true })\n content!: NgDocContent;\n\n @Input()\n collapseMod: 'remove' | 'hide' = 'remove';\n\n toggle(): void {\n this.expanded = !this.expanded;\n }\n\n protected enter(container: HTMLElement, event: AnimationCallbackEvent): void {\n container\n .animate(\n [\n { opacity: '0', height: '0px' },\n { opacity: '1', height: container.scrollHeight + 'px' },\n ],\n {\n duration: 225,\n easing: 'cubic-bezier(0.4,0.0,0.2,1)',\n },\n )\n .finished.then(() => event.animationComplete());\n }\n\n protected leave(container: HTMLElement, event: AnimationCallbackEvent): void {\n container\n .animate(\n [\n { opacity: '1', height: container.scrollHeight + 'px' },\n { opacity: '0', height: '0px' },\n ],\n {\n duration: 225,\n easing: 'cubic-bezier(0.4,0.0,0.2,1)',\n },\n )\n .finished.then(() => event.animationComplete());\n }\n}\n","@if (collapseMod === 'hide') {\n <div\n class=\"ng-doc-expander-container\"\n [attr.inert]=\"expanded ? null : ''\"\n [class.expanded]=\"expanded\">\n <div class=\"ng-doc-expander-content\">\n <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n </div>\n </div>\n} @else {\n @if (expanded) {\n <div\n [attr.inert]=\"expanded ? null : ''\"\n (animate.enter)=\"enter(container, $event)\"\n (animate.leave)=\"leave(container, $event)\"\n #container>\n <div>\n <ng-container *polymorpheusOutlet=\"content as text\">{{ text }}</ng-container>\n </div>\n </div>\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAIA;MAQa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;;QAUE,IAAA,CAAA,QAAQ,GAAY,KAAK;QAOzB,IAAA,CAAA,WAAW,GAAsB,QAAQ;AAmC1C,IAAA;IAjCC,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ;IAChC;IAEU,KAAK,CAAC,SAAsB,EAAE,KAA6B,EAAA;QACnE;AACG,aAAA,OAAO,CACN;AACE,YAAA,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;YAC/B,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,EAAE;SACxD,EACD;AACE,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,MAAM,EAAE,6BAA6B;SACtC;aAEF,QAAQ,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACnD;IAEU,KAAK,CAAC,SAAsB,EAAE,KAA6B,EAAA;QACnE;AACG,aAAA,OAAO,CACN;YACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,CAAC,YAAY,GAAG,IAAI,EAAE;AACvD,YAAA,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;SAChC,EACD;AACE,YAAA,QAAQ,EAAE,GAAG;AACb,YAAA,MAAM,EAAE,6BAA6B;SACtC;aAEF,QAAQ,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAC;IACnD;8GA5CW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZnC,qpBAsBA,EAAA,MAAA,EAAA,CAAA,6eAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDZY,kBAAkB,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEjB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,kBAAkB,CAAC,EAAA,QAAA,EAAA,qpBAAA,EAAA,MAAA,EAAA,CAAA,6eAAA,CAAA,EAAA;;sBAI5B;;sBAIA,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;sBAGxB;;;AErBH;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ng-doc/ui-kit",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "22.0.0-beta.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=21.0.0 < 22.0.0",
|
|
6
6
|
"@angular/core": ">=21.0.0 < 22.0.0",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"tslib": "^2.6.2",
|
|
14
|
-
"@ng-doc/core": "
|
|
14
|
+
"@ng-doc/core": "22.0.0-beta.1"
|
|
15
15
|
},
|
|
16
16
|
"publishConfig": {
|
|
17
17
|
"access": "public"
|