@taiga-ui/experimental 3.66.0 → 3.67.0-canary.62d8e79
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/bundles/taiga-ui-experimental-components-avatar.umd.js +5 -4
- package/bundles/taiga-ui-experimental-components-avatar.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-badge-notification.umd.js +1 -1
- package/bundles/taiga-ui-experimental-components-badge-notification.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-chip.umd.js +2 -2
- package/bundles/taiga-ui-experimental-components-chip.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components-navigation.umd.js +209 -0
- package/bundles/taiga-ui-experimental-components-navigation.umd.js.map +1 -0
- package/bundles/taiga-ui-experimental-components-swipe-action.umd.js +6 -5
- package/bundles/taiga-ui-experimental-components-swipe-action.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-components.umd.js +10 -4
- package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-fade.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-fade.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-header.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-header.umd.js.map +1 -1
- package/bundles/taiga-ui-experimental-directives-surface.umd.js +1 -1
- package/bundles/taiga-ui-experimental-directives-surface.umd.js.map +1 -1
- package/components/avatar/avatar.component.d.ts +1 -1
- package/components/avatar/avatar.options.d.ts +3 -2
- package/components/index.d.ts +1 -0
- package/components/navigation/aside.component.d.ts +6 -0
- package/components/navigation/head.component.d.ts +5 -0
- package/components/navigation/index.d.ts +6 -0
- package/components/navigation/logo.component.d.ts +5 -0
- package/components/navigation/main.component.d.ts +5 -0
- package/components/navigation/nav.component.d.ts +5 -0
- package/components/navigation/navigation.module.d.ts +14 -0
- package/components/navigation/package.json +10 -0
- package/components/navigation/taiga-ui-experimental-components-navigation.d.ts +5 -0
- package/components/swipe-action/swipe-actions-auto-close.directive.d.ts +2 -2
- package/esm2015/components/avatar/avatar.component.js +4 -4
- package/esm2015/components/avatar/avatar.options.js +3 -2
- package/esm2015/components/badge-notification/badge-notification.component.js +2 -2
- package/esm2015/components/chip/chip.directive.js +3 -3
- package/esm2015/components/index.js +2 -1
- package/esm2015/components/navigation/aside.component.js +62 -0
- package/esm2015/components/navigation/head.component.js +38 -0
- package/esm2015/components/navigation/index.js +7 -0
- package/esm2015/components/navigation/logo.component.js +27 -0
- package/esm2015/components/navigation/main.component.js +20 -0
- package/esm2015/components/navigation/nav.component.js +26 -0
- package/esm2015/components/navigation/navigation.module.js +44 -0
- package/esm2015/components/navigation/taiga-ui-experimental-components-navigation.js +5 -0
- package/esm2015/components/swipe-action/swipe-actions-auto-close.directive.js +6 -5
- package/esm2015/components/swipe-action/swipe-actions.component.js +1 -1
- package/esm2015/directives/fade/fade.component.js +1 -1
- package/esm2015/directives/header/header.component.js +1 -1
- package/esm2015/directives/surface/surface.component.js +1 -1
- package/fesm2015/taiga-ui-experimental-components-avatar.js +5 -4
- package/fesm2015/taiga-ui-experimental-components-avatar.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js +1 -1
- package/fesm2015/taiga-ui-experimental-components-badge-notification.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-chip.js +2 -2
- package/fesm2015/taiga-ui-experimental-components-chip.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components-navigation.js +204 -0
- package/fesm2015/taiga-ui-experimental-components-navigation.js.map +1 -0
- package/fesm2015/taiga-ui-experimental-components-swipe-action.js +6 -5
- package/fesm2015/taiga-ui-experimental-components-swipe-action.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-components.js +1 -0
- package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-fade.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-fade.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-header.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-header.js.map +1 -1
- package/fesm2015/taiga-ui-experimental-directives-surface.js +1 -1
- package/fesm2015/taiga-ui-experimental-directives-surface.js.map +1 -1
- package/package.json +31 -31
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-components.umd.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;CAAA;;CAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
return TuiFadeComponent;
|
|
33
33
|
}());
|
|
34
34
|
TuiFadeComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
35
|
-
TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation=\"vertical\"]){-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
|
+
TuiFadeComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiFadeComponent, selector: "ng-component", host: { classAttribute: "tui-fade-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiFade]{transition-property:-webkit-mask-position;transition-property:mask-position;transition-property:mask-position,-webkit-mask-position;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;display:block;overflow:hidden;text-overflow:unset!important;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[tuiFade]:not([data-orientation=\"vertical\"]){-webkit-mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);mask-image:linear-gradient(to right,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to left,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(#000,#000);-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;-webkit-mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%));mask-size:calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),calc(50% + var(--fade-size) + var(--fade-offset)) var(--line-height, 100%),100% calc(100% - var(--line-height, 100%))}[tuiFade]:not([data-orientation=\"vertical\"])._start{-webkit-mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top;mask-position:left bottom,calc(100% + var(--fade-size) + var(--fade-offset)) bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._end{-webkit-mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top;mask-position:calc(-1 * var(--fade-size) - var(--fade-offset)) bottom,right bottom,top}[tuiFade]:not([data-orientation=\"vertical\"])._start._end{-webkit-mask-position:left bottom,right bottom,top;mask-position:left bottom,right bottom,top}[tuiFade][data-orientation=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));mask-image:linear-gradient(to bottom,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset))),linear-gradient(to top,transparent var(--fade-offset),#000 calc(var(--fade-size) + var(--fade-offset)));-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left calc(100% + var(--fade-size) + var(--fade-offset));-webkit-mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset));mask-size:100% calc(50% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._start{-webkit-mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset));mask-position:left top,left calc(100% + var(--fade-size) + var(--fade-offset))}[tuiFade][data-orientation=vertical]._end{-webkit-mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom;mask-position:left calc(-1 * var(--fade-size) - var(--fade-offset)),left bottom}[tuiFade][data-orientation=vertical]._start._end{-webkit-mask-position:left top,left bottom;mask-position:left top,left bottom}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
36
36
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiFadeComponent, decorators: [{
|
|
37
37
|
type: i0.Component,
|
|
38
38
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-fade.umd.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./fade.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-fade-styles',\n },\n})\nexport class TuiFadeComponent {}\n","import {\n Directive,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n NgZone,\n Self,\n} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n TuiDestroyService,\n TuiDirectiveStylesService,\n TuiResizeService,\n tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@Directive({\n selector: '[tuiFade]',\n providers: [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n})\nexport class TuiFadeDirective {\n // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh\n @Input('tuiFadeHeight')\n @HostBinding('style.line-height')\n @HostBinding('style.--line-height')\n lineHeight: string | null = null;\n\n @Input('tuiFadeSize')\n @HostBinding('style.--fade-size')\n size = '1.5em';\n\n @Input('tuiFadeOffset')\n @HostBinding('style.--fade-offset')\n offset = '0em';\n\n @Input('tuiFade')\n @HostBinding('attr.data-orientation')\n orientation: TuiOrientation | '' = 'horizontal';\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Inject(MutationObserverService) mutate$: Observable<unknown>,\n @Inject(ElementRef) element: ElementRef<HTMLElement>,\n @Inject(NgZone) zone: NgZone,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n const el = element.nativeElement;\n\n directiveStyles.addComponent(TuiFadeComponent);\n merge(resize$, mutate$, fromEvent(el, 'scroll'))\n .pipe(tuiZonefree(zone), takeUntil(destroy$))\n .subscribe(() => {\n el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n el.classList.toggle('_end', this.isEnd(el));\n });\n }\n\n private isEnd(el: HTMLElement): boolean {\n return (\n Math.round(el.scrollLeft) < el.scrollWidth - el.clientWidth ||\n Math.round(el.scrollTop) < el.scrollHeight - el.clientHeight ||\n (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n );\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n declarations: [TuiFadeComponent, TuiFadeDirective],\n exports: [TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","TuiDirectiveStylesService","MUTATION_OBSERVER_INIT","Directive","Self","Inject","Input","HostBinding","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,gBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,gBAAA,GAAA;;;;4IAAa,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAhB,gBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,4GARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-fade.umd.js","sources":["../../../projects/experimental/directives/fade/fade.component.ts","../../../projects/experimental/directives/fade/fade.directive.ts","../../../projects/experimental/directives/fade/fade.module.ts","../../../projects/experimental/directives/fade/taiga-ui-experimental-directives-fade.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./fade.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-fade-styles',\n },\n})\nexport class TuiFadeComponent {}\n","import {\n Directive,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n NgZone,\n Self,\n} from '@angular/core';\nimport {\n MUTATION_OBSERVER_INIT,\n MutationObserverService,\n} from '@ng-web-apis/mutation-observer';\nimport {\n TuiDestroyService,\n TuiDirectiveStylesService,\n TuiResizeService,\n tuiZonefree,\n} from '@taiga-ui/cdk';\nimport {TuiOrientation} from '@taiga-ui/core';\nimport {fromEvent, merge, Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TuiFadeComponent} from './fade.component';\n\n@Directive({\n selector: '[tuiFade]',\n providers: [\n TuiDestroyService,\n TuiResizeService,\n MutationObserverService,\n {\n provide: MUTATION_OBSERVER_INIT,\n useValue: {characterData: true, subtree: true},\n },\n ],\n})\nexport class TuiFadeDirective {\n // TODO: Remove when lh CSS units are supported: https://caniuse.com/mdn-css_types_length_lh\n @Input('tuiFadeHeight')\n @HostBinding('style.line-height')\n @HostBinding('style.--line-height')\n lineHeight: string | null = null;\n\n @Input('tuiFadeSize')\n @HostBinding('style.--fade-size')\n size = '1.5em';\n\n @Input('tuiFadeOffset')\n @HostBinding('style.--fade-offset')\n offset = '0em';\n\n @Input('tuiFade')\n @HostBinding('attr.data-orientation')\n orientation: TuiOrientation | '' = 'horizontal';\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TuiResizeService) resize$: Observable<unknown>,\n @Inject(MutationObserverService) mutate$: Observable<unknown>,\n @Inject(ElementRef) element: ElementRef<HTMLElement>,\n @Inject(NgZone) zone: NgZone,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n const el = element.nativeElement;\n\n directiveStyles.addComponent(TuiFadeComponent);\n merge(resize$, mutate$, fromEvent(el, 'scroll'))\n .pipe(tuiZonefree(zone), takeUntil(destroy$))\n .subscribe(() => {\n el.classList.toggle('_start', !!el.scrollLeft || !!el.scrollTop);\n el.classList.toggle('_end', this.isEnd(el));\n });\n }\n\n private isEnd(el: HTMLElement): boolean {\n return (\n Math.round(el.scrollLeft) < el.scrollWidth - el.clientWidth ||\n Math.round(el.scrollTop) < el.scrollHeight - el.clientHeight ||\n (this.orientation === 'horizontal' && el.scrollHeight > el.clientHeight)\n );\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiFadeComponent} from './fade.component';\nimport {TuiFadeDirective} from './fade.directive';\n\n@NgModule({\n declarations: [TuiFadeComponent, TuiFadeDirective],\n exports: [TuiFadeDirective],\n})\nexport class TuiFadeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","merge","fromEvent","tuiZonefree","takeUntil","TuiDestroyService","TuiResizeService","MutationObserverService","ElementRef","NgZone","TuiDirectiveStylesService","MUTATION_OBSERVER_INIT","Directive","Self","Inject","Input","HostBinding","NgModule"],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
return TuiHeaderComponent;
|
|
32
32
|
}());
|
|
33
33
|
TuiHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center
|
|
34
|
+
TuiHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiHeaderComponent, selector: "ng-component", host: { classAttribute: "tui-header" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[tuiHeader]{position:relative;display:flex;align-items:flex-start;box-sizing:content-box;color:var(--tui-text-01)}[tuiHeader] [tuiTitle]{flex-grow:2}[tuiHeader] [tuiAccessories]{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}[tuiHeader] [tuiAccessories]:before{content:\"\\200b\";visibility:hidden}[tuiHeader] [tuiSubtitle]{font:var(--tui-font-text-m);color:var(--tui-text-02)}[tuiHeader] [tuiCaption]{font:var(--tui-font-text-s);color:var(--tui-text-02);font-weight:500;text-transform:uppercase}[tuiHeader][data-size=xxl] [tuiTitle],[tuiHeader][data-size=xxl] [tuiAccessories]{font:var(--tui-font-heading-1)}[tuiHeader][data-size=xl] [tuiTitle],[tuiHeader][data-size=xl] [tuiAccessories]{font:var(--tui-font-heading-2)}[tuiHeader][data-size=l] [tuiTitle],[tuiHeader][data-size=l] [tuiAccessories]{font:var(--tui-font-heading-3)}[tuiHeader][data-size=m] [tuiTitle],[tuiHeader][data-size=m] [tuiAccessories]{font:var(--tui-font-heading-4)}[tuiHeader][data-size=s] [tuiTitle],[tuiHeader][data-size=s] [tuiAccessories]{font:var(--tui-font-heading-5)}[tuiHeader][data-size=xs] [tuiTitle],[tuiHeader][data-size=xs] [tuiAccessories]{font:var(--tui-font-heading-6)}[tuiHeader][data-size=xxs] [tuiTitle],[tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-text-xl)}[tuiHeader][data-size=xxl] [tuiSubtitle],[tuiHeader][data-size=xl] [tuiSubtitle],[tuiHeader][data-size=l] [tuiSubtitle]{font:var(--tui-font-text-l)}tui-root._mobile [tuiHeader] [tuiAccessories]{grid-gap:1rem;gap:1rem}tui-root._mobile [tuiHeader][data-size=xxs] [tuiTitle],tui-root._mobile [tuiHeader][data-size=xxs] [tuiAccessories]{font:var(--tui-font-heading-6)}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
35
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiHeaderComponent, decorators: [{
|
|
36
36
|
type: i0.Component,
|
|
37
37
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-header.umd.js","sources":["../../../projects/experimental/directives/header/header.component.ts","../../../projects/experimental/directives/header/header.directive.ts","../../../projects/experimental/directives/header/header.module.ts","../../../projects/experimental/directives/header/taiga-ui-experimental-directives-header.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./header.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-header',\n },\n})\nexport class TuiHeaderComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\nimport {\n tuiAvatarOptionsProvider,\n tuiBadgeOptionsProvider,\n tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiHeaderComponent} from './header.component';\n\n@Directive({\n selector: '[tuiHeader]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({size: 's'}),\n tuiBadgeOptionsProvider({size: 'm'}),\n ],\n host: {\n tuiHeader: '',\n '[attr.data-size]': 'size || \"s\"',\n },\n})\nexport class TuiHeaderDirective {\n @Input('tuiHeader')\n size: TuiSizeXXL | TuiSizeXXS | '' = 's';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiHeaderComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHeaderComponent} from './header.component';\nimport {TuiHeaderDirective} from './header.directive';\n\n@NgModule({\n declarations: [TuiHeaderComponent, TuiHeaderDirective],\n exports: [TuiHeaderComponent, TuiHeaderDirective],\n})\nexport class TuiHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","tuiBadgeOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,kBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,kBAAA,GAAA;;;;8IAAa,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAlB,kBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,uGARjB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-header.umd.js","sources":["../../../projects/experimental/directives/header/header.component.ts","../../../projects/experimental/directives/header/header.directive.ts","../../../projects/experimental/directives/header/header.module.ts","../../../projects/experimental/directives/header/taiga-ui-experimental-directives-header.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./header.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-header',\n },\n})\nexport class TuiHeaderComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeXXL, TuiSizeXXS} from '@taiga-ui/core';\nimport {\n tuiAvatarOptionsProvider,\n tuiBadgeOptionsProvider,\n tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiHeaderComponent} from './header.component';\n\n@Directive({\n selector: '[tuiHeader]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({size: 's'}),\n tuiBadgeOptionsProvider({size: 'm'}),\n ],\n host: {\n tuiHeader: '',\n '[attr.data-size]': 'size || \"s\"',\n },\n})\nexport class TuiHeaderDirective {\n @Input('tuiHeader')\n size: TuiSizeXXL | TuiSizeXXS | '' = 's';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiHeaderComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiHeaderComponent} from './header.component';\nimport {TuiHeaderDirective} from './header.directive';\n\n@NgModule({\n declarations: [TuiHeaderComponent, TuiHeaderDirective],\n exports: [TuiHeaderComponent, TuiHeaderDirective],\n})\nexport class TuiHeaderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","tuiAvatarOptionsProvider","tuiButtonOptionsProvider","tuiBadgeOptionsProvider","Directive","Inject","Input","NgModule"],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
return TuiSurfaceComponent;
|
|
32
32
|
}());
|
|
33
33
|
TuiSurfaceComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiSurfaceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none;background-size:cover;
|
|
34
|
+
TuiSurfaceComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSurfaceComponent, selector: "ng-component", host: { classAttribute: "tui-surface-styles" }, ngImport: i0__namespace, template: '', isInline: true, styles: ["[data-surface]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;--tui-gap: .25rem;position:relative;box-sizing:border-box;background:none no-repeat;background-size:cover;overflow:hidden;isolation:isolate;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-size:inherit;line-height:inherit;text-decoration:none;transition-property:background,border-radius,box-shadow,transform,-webkit-backdrop-filter,-webkit-mask!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform!important;transition-property:backdrop-filter,background,border-radius,box-shadow,mask,transform,-webkit-backdrop-filter,-webkit-mask!important}[data-surface]:focus-visible{outline-color:var(--tui-focus)}@supports (not (-moz-appearance: none)) and (not (-webkit-hyphens: none)){[data-surface]:before{mix-blend-mode:multiply}}button[data-surface]{cursor:pointer}[data-surface]:before,[data-surface]:after,[tuiSurfaceLayer]:before,[tuiSurfaceLayer]:after{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;content:\"\";z-index:-1;border-radius:inherit;pointer-events:none;background-size:cover;background-repeat:no-repeat;transition-property:opacity,transform,-webkit-backdrop-filter;transition-property:opacity,backdrop-filter,transform;transition-property:opacity,backdrop-filter,transform,-webkit-backdrop-filter}[tuiSurfaceLayer]{transition-property:all;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:absolute;top:0;left:0;width:100%;height:100%;position:absolute!important;z-index:-1;object-fit:cover;border-radius:inherit;box-sizing:border-box;transition-property:box-shadow,filter,padding}input[tuiSurfaceLayer]+[tuiSurfaceLayer]{will-change:padding;background-clip:content-box;overflow:clip;overflow-clip-margin:content-box}input[tuiSurfaceLayer]:checked+[tuiSurfaceLayer]{padding:var(--tui-gap)}input[tuiSurfaceLayer]:focus-visible+[tuiSurfaceLayer]{padding:var(--tui-gap)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]+[tuiSurfaceLayer]{padding:var(--tui-gap)}}input[tuiSurfaceLayer]{color:var(--tui-accent);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border-radius:inherit;outline:none;box-shadow:inset 0 0,inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:checked{box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 var(--tui-base-03)}input[tuiSurfaceLayer]:focus-visible{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}input[tuiSurfaceLayer]:checked:focus-visible{filter:brightness(.7);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}@media (hover: hover) and (pointer: fine){[data-surface]:hover input[tuiSurfaceLayer]{box-shadow:inset 0 0,inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}[data-surface]:hover input[tuiSurfaceLayer]:checked{filter:brightness(.9);box-shadow:inset 0 0 0 calc(var(--tui-gap) / 2),inset 0 0 0 calc(var(--tui-gap) / 2) var(--tui-base-03)}}[tuiSurface][data-surface=elevated]{box-shadow:var(--tui-shadow);background-color:var(--tui-elevation-01)}button[tuiSurface][data-surface=elevated]:active,a[tuiSurface][data-surface=elevated]:active{box-shadow:var(--tui-shadow);transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=elevated]:hover,a[tuiSurface][data-surface=elevated]:hover{box-shadow:var(--tui-shadow-hover);transform:translateY(-.25rem);background:var(--tui-elevation-01)}}[tuiSurface][data-surface=flat]{background-color:var(--tui-clear)}button[tuiSurface][data-surface=flat]:active,a[tuiSurface][data-surface=flat]:active{transform:scale(.95)}@media (hover: hover) and (pointer: fine){button[tuiSurface][data-surface=flat]:hover,a[tuiSurface][data-surface=flat]:hover{transform:scale(1.15)}}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
|
|
35
35
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: TuiSurfaceComponent, decorators: [{
|
|
36
36
|
type: i0.Component,
|
|
37
37
|
args: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"taiga-ui-experimental-directives-surface.umd.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n host: {\n tuiSurface: '',\n '[attr.data-surface]': 'tuiSurface',\n },\n})\nexport class TuiSurfaceDirective {\n @Input()\n tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,YAAA,mBAAA,kBAAA,YAAA;QAAA,IAAA,SAAA,mBAAA,GAAA;;;;+IAAa,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAAA,aAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;QAAnB,mBAAA,CAAA,IAAA,GAAAA,aAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,+GARlB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"taiga-ui-experimental-directives-surface.umd.js","sources":["../../../projects/experimental/directives/surface/surface.component.ts","../../../projects/experimental/directives/surface/surface.directive.ts","../../../projects/experimental/directives/surface/surface.module.ts","../../../projects/experimental/directives/surface/taiga-ui-experimental-directives-surface.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./surface.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-surface-styles',\n },\n})\nexport class TuiSurfaceComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiSurfaceComponent} from './surface.component';\n\n@Directive({\n selector: '[tuiSurface]',\n host: {\n tuiSurface: '',\n '[attr.data-surface]': 'tuiSurface',\n },\n})\nexport class TuiSurfaceDirective {\n @Input()\n tuiSurface = '';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiSurfaceComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiSurfaceComponent} from './surface.component';\nimport {TuiSurfaceDirective} from './surface.directive';\n\n@NgModule({\n declarations: [TuiSurfaceComponent, TuiSurfaceDirective],\n exports: [TuiSurfaceDirective],\n})\nexport class TuiSurfaceModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i0","Component","ViewEncapsulation","ChangeDetectionStrategy","TuiDirectiveStylesService","Directive","Inject","Input","NgModule"],"mappings":"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"}
|
|
@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
export declare class TuiAvatarComponent {
|
|
6
6
|
private readonly options;
|
|
7
7
|
readonly resolver: TuiStringHandler<string>;
|
|
8
|
-
size: "m" | "
|
|
8
|
+
size: "m" | "s" | "xs" | "l" | "xl" | "xxl";
|
|
9
9
|
round: boolean;
|
|
10
10
|
src: SafeResourceUrl | string | null;
|
|
11
11
|
appearance: string;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Provider } from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { TuiSizeXS, TuiSizeXXL } from '@taiga-ui/core';
|
|
3
3
|
export interface TuiAvatarOptions {
|
|
4
|
+
readonly appearance: string;
|
|
4
5
|
readonly round: boolean;
|
|
5
|
-
readonly size:
|
|
6
|
+
readonly size: TuiSizeXS | TuiSizeXXL;
|
|
6
7
|
}
|
|
7
8
|
export declare const TUI_AVATAR_DEFAULT_OPTIONS: TuiAvatarOptions;
|
|
8
9
|
export declare const TUI_AVATAR_OPTIONS: import("@angular/core").InjectionToken<TuiAvatarOptions>;
|
package/components/index.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export * from '@taiga-ui/experimental/components/checkbox';
|
|
|
10
10
|
export * from '@taiga-ui/experimental/components/chip';
|
|
11
11
|
export * from '@taiga-ui/experimental/components/compass';
|
|
12
12
|
export * from '@taiga-ui/experimental/components/icon';
|
|
13
|
+
export * from '@taiga-ui/experimental/components/navigation';
|
|
13
14
|
export * from '@taiga-ui/experimental/components/pin';
|
|
14
15
|
export * from '@taiga-ui/experimental/components/radio';
|
|
15
16
|
export * from '@taiga-ui/experimental/components/rating';
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TuiAsideComponent {
|
|
3
|
+
tuiNavigationAside: boolean;
|
|
4
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiAsideComponent, never>;
|
|
5
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiAsideComponent, "aside[tuiNavigationAside]", never, { "tuiNavigationAside": "tuiNavigationAside"; }, {}, never, ["header", "*", "footer"]>;
|
|
6
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
export declare class TuiLogoComponent {
|
|
3
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiLogoComponent, never>;
|
|
4
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TuiLogoComponent, "[tuiNavigationLogo]", never, {}, {}, never, ["tui-icon:not([tuiBadge]),img", "*", "[tuiBadge],[tuiChip],tui-badge,tui-chip,input,button"]>;
|
|
5
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as i0 from "@angular/core";
|
|
2
|
+
import * as i1 from "./head.component";
|
|
3
|
+
import * as i2 from "./logo.component";
|
|
4
|
+
import * as i3 from "./main.component";
|
|
5
|
+
import * as i4 from "./aside.component";
|
|
6
|
+
import * as i5 from "./nav.component";
|
|
7
|
+
import * as i6 from "@angular/common";
|
|
8
|
+
import * as i7 from "@taiga-ui/core";
|
|
9
|
+
import * as i8 from "@taiga-ui/experimental/directives/fade";
|
|
10
|
+
export declare class TuiNavigationModule {
|
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TuiNavigationModule, never>;
|
|
12
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<TuiNavigationModule, [typeof i1.TuiHeadComponent, typeof i2.TuiLogoComponent, typeof i3.TuiMainComponent, typeof i4.TuiAsideComponent, typeof i5.TuiNavComponent], [typeof i6.CommonModule, typeof i7.TuiScrollbarModule, typeof i8.TuiFadeModule], [typeof i1.TuiHeadComponent, typeof i2.TuiLogoComponent, typeof i3.TuiMainComponent, typeof i4.TuiAsideComponent, typeof i5.TuiNavComponent]>;
|
|
13
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<TuiNavigationModule>;
|
|
14
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"main": "../../bundles/taiga-ui-experimental-components-navigation.umd.js",
|
|
3
|
+
"module": "../../fesm2015/taiga-ui-experimental-components-navigation.js",
|
|
4
|
+
"es2015": "../../fesm2015/taiga-ui-experimental-components-navigation.js",
|
|
5
|
+
"esm2015": "../../esm2015/components/navigation/taiga-ui-experimental-components-navigation.js",
|
|
6
|
+
"fesm2015": "../../fesm2015/taiga-ui-experimental-components-navigation.js",
|
|
7
|
+
"typings": "taiga-ui-experimental-components-navigation.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@taiga-ui/experimental/components/navigation"
|
|
10
|
+
}
|
|
@@ -2,9 +2,9 @@ import { ElementRef } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
export declare class TuiSwipeActionsAutoCloseDirective {
|
|
4
4
|
private readonly el;
|
|
5
|
-
autoClose: boolean;
|
|
5
|
+
autoClose: boolean | string;
|
|
6
6
|
constructor(el: ElementRef<HTMLElement>);
|
|
7
|
-
|
|
7
|
+
handleEvent(event: Event): void;
|
|
8
8
|
private close;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<TuiSwipeActionsAutoCloseDirective, never>;
|
|
10
10
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TuiSwipeActionsAutoCloseDirective, "tui-swipe-actions[autoClose]", never, { "autoClose": "autoClose"; }, {}, never>;
|
|
@@ -12,7 +12,7 @@ export class TuiAvatarComponent {
|
|
|
12
12
|
this.size = this.options.size;
|
|
13
13
|
this.round = this.options.round;
|
|
14
14
|
this.src = null;
|
|
15
|
-
this.appearance =
|
|
15
|
+
this.appearance = this.options.appearance;
|
|
16
16
|
}
|
|
17
17
|
get value() {
|
|
18
18
|
return this.src || '';
|
|
@@ -31,7 +31,7 @@ export class TuiAvatarComponent {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
TuiAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, deps: [{ token: TUI_AVATAR_OPTIONS }, { token: TUI_ICON_RESOLVER }], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size", "attr.data-type": "type", "style.--t-mask": "\"url(\" + resolver(src) + \")\"", "class._round": "round" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n <ng-container *ngSwitchDefault>\n <ng-content></ng-content>\n </ng-container>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}:host[data-size=
|
|
34
|
+
TuiAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAvatarComponent, selector: "tui-avatar", inputs: { size: "size", round: "round", src: "src", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size", "attr.data-type": "type", "style.--t-mask": "\"url(\" + resolver(src.toString()) + \")\"", "class._round": "round" } }, ngImport: i0, template: "<ng-container [ngSwitch]=\"type\">\n <img\n *ngSwitchCase=\"'img'\"\n alt=\"\"\n loading=\"lazy\"\n [src]=\"value\"\n />\n <ng-container *ngSwitchCase=\"'text'\">{{ value }}</ng-container>\n <ng-container *ngSwitchDefault>\n <ng-content></ng-content>\n </ng-container>\n</ng-container>\n", styles: [":host{--t-size: 3.5rem;--t-radius: .75rem;position:relative;display:inline-flex;flex-shrink:0;width:var(--t-size);height:var(--t-size);align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;border-radius:var(--t-radius);background:var(--tui-secondary);color:var(--tui-text-02);vertical-align:middle;box-sizing:border-box;padding:.25rem;opacity:.999}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;-webkit-mask:var(--t-mask) no-repeat center / 60%;mask:var(--t-mask) no-repeat center / 60%}:host[data-size=xs]{--t-size: var(--tui-height-xs);--t-radius: .5rem;font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=xs][data-type=content]{font:var(--tui-font-text-m);font-size:.5625rem}:host[data-size=s]{--t-size: var(--tui-height-s);--t-radius: .5rem;font:var(--tui-font-text-s);font-weight:bold}:host[data-size=s][data-type=content]{font:var(--tui-font-text-xs);font-weight:bold}:host[data-size=m]{--t-size: calc(var(--tui-height-m) - .25rem);--t-radius: .75rem;font:var(--tui-font-text-l);font-weight:bold}:host[data-size=m][data-type=content]{font:var(--tui-font-text-m);font-weight:bold}:host[data-size=l]{--t-size: var(--tui-height-l);--t-radius: .75rem;font:var(--tui-font-heading-5)}:host[data-size=l][data-type=content]{font:var(--tui-font-text-l);font-weight:bold}:host[data-size=xl]{--t-size: 5rem;--t-radius: .75rem;font:var(--tui-font-heading-3)}:host[data-size=xl][data-type=content]{font:var(--tui-font-heading-4)}:host[data-size=xxl]{--t-size: 6rem;--t-radius: 1rem;font:var(--tui-font-heading-3)}:host[data-size=xxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-size=xxxl]{--t-size: 8rem;--t-radius: 1.25rem;font:var(--tui-font-heading-2)}:host[data-size=xxxl][data-type=content]{font:var(--tui-font-heading-3)}:host[data-type=img]{background:transparent}:host[data-type=icon]:before{content:\"\"}:host._round{--t-radius: calc(var(--t-size) / 2)}:host ::ng-deep img,:host ::ng-deep picture,:host ::ng-deep video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}\n"], directives: [{ type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.TuiLazyLoadingDirective, selector: "img[loading=\"lazy\"]", inputs: ["src"] }, { type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
35
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAvatarComponent, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{
|
|
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
44
44
|
'[attr.data-appearance]': 'appearance',
|
|
45
45
|
'[attr.data-size]': 'size',
|
|
46
46
|
'[attr.data-type]': 'type',
|
|
47
|
-
'[style.--t-mask]': '"url(" + resolver(src) + ")"',
|
|
47
|
+
'[style.--t-mask]': '"url(" + resolver(src.toString()) + ")"',
|
|
48
48
|
'[class._round]': 'round',
|
|
49
49
|
},
|
|
50
50
|
}]
|
|
@@ -63,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
63
63
|
}], appearance: [{
|
|
64
64
|
type: Input
|
|
65
65
|
}] } });
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci9hdmF0YXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUMsV0FBVyxFQUFtQixNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSwrQkFBK0IsQ0FBQztBQUVoRSxPQUFPLEVBQUMsa0JBQWtCLEVBQW1CLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUFnQnRFLE1BQU0sT0FBTyxrQkFBa0I7SUFhM0IsWUFDaUQsT0FBeUIsRUFDbEMsUUFBa0M7UUFEekIsWUFBTyxHQUFQLE9BQU8sQ0FBa0I7UUFDbEMsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFiMUUsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLFVBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztRQUczQixRQUFHLEdBQW9DLElBQUksQ0FBQztRQUc1QyxlQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7SUFLbEMsQ0FBQztJQUVKLElBQUksS0FBSztRQUNMLE9BQU8sSUFBSSxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELElBQUksSUFBSTtRQUNKLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDeEMsT0FBTyxLQUFLLENBQUM7U0FDaEI7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLFNBQVMsQ0FBQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pFLE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxFQUFFO1lBQ2hELE9BQU8sTUFBTSxDQUFDO1NBQ2pCO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDakQsQ0FBQzs7Z0hBcENRLGtCQUFrQixrQkFjZixrQkFBa0IsYUFDbEIsaUJBQWlCO29HQWZwQixrQkFBa0IscVhDckIvQixtVkFZQTs0RkRTYSxrQkFBa0I7a0JBZDlCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLFdBQVcsRUFBRSx3QkFBd0I7b0JBQ3JDLFNBQVMsRUFBRSxDQUFDLHFCQUFxQixDQUFDO29CQUNsQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNGLGFBQWEsRUFBRSxFQUFFO3dCQUNqQix3QkFBd0IsRUFBRSxZQUFZO3dCQUN0QyxrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixrQkFBa0IsRUFBRSxNQUFNO3dCQUMxQixrQkFBa0IsRUFBRSx5Q0FBeUM7d0JBQzdELGdCQUFnQixFQUFFLE9BQU87cUJBQzVCO2lCQUNKOzswQkFlUSxNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQ3pCLE1BQU07MkJBQUMsaUJBQWlCOzRDQWI3QixJQUFJO3NCQURILEtBQUs7Z0JBSU4sS0FBSztzQkFESixLQUFLO2dCQUlOLEdBQUc7c0JBREYsS0FBSztnQkFJTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtTYWZlUmVzb3VyY2VVcmx9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHt0dWlJc1N0cmluZywgVHVpU3RyaW5nSGFuZGxlcn0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge1RVSV9JQ09OX1JFU09MVkVSfSBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL3Rva2Vucyc7XG5cbmltcG9ydCB7VFVJX0FWQVRBUl9PUFRJT05TLCBUdWlBdmF0YXJPcHRpb25zfSBmcm9tICcuL2F2YXRhci5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICd0dWktYXZhdGFyJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLnRlbXBsYXRlLmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2F2YXRhci5zdHlsZS5sZXNzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlBcHBlYXJhbmNlOiAnJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtYXBwZWFyYW5jZV0nOiAnYXBwZWFyYW5jZScsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW2F0dHIuZGF0YS10eXBlXSc6ICd0eXBlJyxcbiAgICAgICAgJ1tzdHlsZS4tLXQtbWFza10nOiAnXCJ1cmwoXCIgKyByZXNvbHZlcihzcmMudG9TdHJpbmcoKSkgKyBcIilcIicsXG4gICAgICAgICdbY2xhc3MuX3JvdW5kXSc6ICdyb3VuZCcsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQXZhdGFyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHNpemUgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcm91bmQgPSB0aGlzLm9wdGlvbnMucm91bmQ7XG5cbiAgICBASW5wdXQoKVxuICAgIHNyYzogU2FmZVJlc291cmNlVXJsIHwgc3RyaW5nIHwgbnVsbCA9IG51bGw7XG5cbiAgICBASW5wdXQoKVxuICAgIGFwcGVhcmFuY2UgPSB0aGlzLm9wdGlvbnMuYXBwZWFyYW5jZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFRVSV9BVkFUQVJfT1BUSU9OUykgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlBdmF0YXJPcHRpb25zLFxuICAgICAgICBASW5qZWN0KFRVSV9JQ09OX1JFU09MVkVSKSByZWFkb25seSByZXNvbHZlcjogVHVpU3RyaW5nSGFuZGxlcjxzdHJpbmc+LFxuICAgICkge31cblxuICAgIGdldCB2YWx1ZSgpOiBTYWZlUmVzb3VyY2VVcmwgfCBzdHJpbmcge1xuICAgICAgICByZXR1cm4gdGhpcy5zcmMgfHwgJyc7XG4gICAgfVxuXG4gICAgZ2V0IHR5cGUoKTogJ2NvbnRlbnQnIHwgJ2ljb24nIHwgJ2ltZycgfCAndGV4dCcge1xuICAgICAgICBpZiAodGhpcy52YWx1ZSAmJiAhdHVpSXNTdHJpbmcodGhpcy52YWx1ZSkpIHtcbiAgICAgICAgICAgIHJldHVybiAnaW1nJztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLnZhbHVlLnN0YXJ0c1dpdGgoJ3R1aUljb24nKSB8fCB0aGlzLnZhbHVlLmVuZHNXaXRoKCcuc3ZnJykpIHtcbiAgICAgICAgICAgIHJldHVybiAnaWNvbic7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy52YWx1ZS5sZW5ndGggPiAwICYmIHRoaXMudmFsdWUubGVuZ3RoIDwgMykge1xuICAgICAgICAgICAgcmV0dXJuICd0ZXh0JztcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiB0aGlzLnZhbHVlLmxlbmd0aCA/ICdpbWcnIDogJ2NvbnRlbnQnO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGVcIj5cbiAgICA8aW1nXG4gICAgICAgICpuZ1N3aXRjaENhc2U9XCInaW1nJ1wiXG4gICAgICAgIGFsdD1cIlwiXG4gICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgW3NyY109XCJ2YWx1ZVwiXG4gICAgLz5cbiAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIndGV4dCdcIj57eyB2YWx1ZSB9fTwvbmctY29udGFpbmVyPlxuICAgIDxuZy1jb250YWluZXIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { tuiCreateToken, tuiProvideOptions } from '@taiga-ui/cdk';
|
|
2
2
|
export const TUI_AVATAR_DEFAULT_OPTIONS = {
|
|
3
|
+
appearance: '',
|
|
3
4
|
round: true,
|
|
4
|
-
size: '
|
|
5
|
+
size: 'l',
|
|
5
6
|
};
|
|
6
7
|
export const TUI_AVATAR_OPTIONS = tuiCreateToken(TUI_AVATAR_DEFAULT_OPTIONS);
|
|
7
8
|
export function tuiAvatarOptionsProvider(options) {
|
|
8
9
|
return tuiProvideOptions(TUI_AVATAR_OPTIONS, options, TUI_AVATAR_DEFAULT_OPTIONS);
|
|
9
10
|
}
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLm9wdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLm9wdGlvbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFDLGNBQWMsRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQVNoRSxNQUFNLENBQUMsTUFBTSwwQkFBMEIsR0FBcUI7SUFDeEQsVUFBVSxFQUFFLEVBQUU7SUFDZCxLQUFLLEVBQUUsSUFBSTtJQUNYLElBQUksRUFBRSxHQUFHO0NBQ1osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLGNBQWMsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0FBRTdFLE1BQU0sVUFBVSx3QkFBd0IsQ0FBQyxPQUFrQztJQUN2RSxPQUFPLGlCQUFpQixDQUFDLGtCQUFrQixFQUFFLE9BQU8sRUFBRSwwQkFBMEIsQ0FBQyxDQUFDO0FBQ3RGLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1Byb3ZpZGVyfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHVpQ3JlYXRlVG9rZW4sIHR1aVByb3ZpZGVPcHRpb25zfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7VHVpU2l6ZVhTLCBUdWlTaXplWFhMfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHVpQXZhdGFyT3B0aW9ucyB7XG4gICAgcmVhZG9ubHkgYXBwZWFyYW5jZTogc3RyaW5nO1xuICAgIHJlYWRvbmx5IHJvdW5kOiBib29sZWFuO1xuICAgIHJlYWRvbmx5IHNpemU6IFR1aVNpemVYUyB8IFR1aVNpemVYWEw7XG59XG5cbmV4cG9ydCBjb25zdCBUVUlfQVZBVEFSX0RFRkFVTFRfT1BUSU9OUzogVHVpQXZhdGFyT3B0aW9ucyA9IHtcbiAgICBhcHBlYXJhbmNlOiAnJyxcbiAgICByb3VuZDogdHJ1ZSxcbiAgICBzaXplOiAnbCcsXG59O1xuXG5leHBvcnQgY29uc3QgVFVJX0FWQVRBUl9PUFRJT05TID0gdHVpQ3JlYXRlVG9rZW4oVFVJX0FWQVRBUl9ERUZBVUxUX09QVElPTlMpO1xuXG5leHBvcnQgZnVuY3Rpb24gdHVpQXZhdGFyT3B0aW9uc1Byb3ZpZGVyKG9wdGlvbnM6IFBhcnRpYWw8VHVpQXZhdGFyT3B0aW9ucz4pOiBQcm92aWRlciB7XG4gICAgcmV0dXJuIHR1aVByb3ZpZGVPcHRpb25zKFRVSV9BVkFUQVJfT1BUSU9OUywgb3B0aW9ucywgVFVJX0FWQVRBUl9ERUZBVUxUX09QVElPTlMpO1xufVxuIl19
|
|
@@ -10,7 +10,7 @@ export class TuiBadgeNotificationComponent {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
TuiBadgeNotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeNotificationComponent, deps: [{ token: TUI_ANIMATION_OPTIONS }, { token: TUI_BADGE_NOTIFICATION_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
-
TuiBadgeNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeNotificationComponent, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "@tuiPop": "animation" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}\n"], animations: [tuiPop], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
13
|
+
TuiBadgeNotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeNotificationComponent, selector: "tui-badge-notification", inputs: { size: "size" }, host: { properties: { "attr.data-size": "size", "@tuiPop": "animation" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{--t-size: 1.5rem;position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:var(--tui-text-01-night);border-radius:2rem;white-space:nowrap;overflow:hidden;vertical-align:middle;font:var(--tui-font-text-s);max-width:100%;padding:0 .25rem;background:#f52222;height:var(--t-size);min-width:var(--t-size)}:host[data-size=m]{--t-size: 1.25rem}:host[data-size=s]{--t-size: 1rem;padding:0 .125rem;font:var(--tui-font-text-xs)}:host[data-size=xs]{--t-size: .375rem;padding:0;font-size:0}:host :host-context([tuiIconButton]){position:absolute;right:25%;top:25%}\n"], animations: [tuiPop], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeNotificationComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
33
33
|
}] }]; }, propDecorators: { size: [{
|
|
34
34
|
type: Input
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2Utbm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlLW5vdGlmaWNhdGlvbi9iYWRnZS1ub3RpZmljYXRpb24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQ0gscUJBQXFCLEVBRXJCLE1BQU0sR0FHVCxNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFDSCw4QkFBOEIsR0FFakMsTUFBTSw4QkFBOEIsQ0FBQzs7QUFhdEMsTUFBTSxPQUFPLDZCQUE2QjtJQUl0QyxZQUM0QyxTQUE4QixFQUVyRCxPQUFvQztRQUZiLGNBQVMsR0FBVCxTQUFTLENBQXFCO1FBRXJELFlBQU8sR0FBUCxPQUFPLENBQTZCO1FBTHpELFNBQUksR0FBeUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUM7SUFNNUMsQ0FBQzs7MkhBUkssNkJBQTZCLGtCQUsxQixxQkFBcUIsYUFDckIsOEJBQThCOytHQU5qQyw2QkFBNkIsb0tBVDVCLDJCQUEyQiw2b0JBR3pCLENBQUMsTUFBTSxDQUFDOzRGQU1YLDZCQUE2QjtrQkFYekMsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsd0JBQXdCO29CQUNsQyxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxTQUFTLEVBQUUsQ0FBQyxpQ0FBaUMsQ0FBQztvQkFDOUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFVBQVUsRUFBRSxDQUFDLE1BQU0sQ0FBQztvQkFDcEIsSUFBSSxFQUFFO3dCQUNGLGtCQUFrQixFQUFFLE1BQU07d0JBQzFCLFdBQVcsRUFBRSxXQUFXO3FCQUMzQjtpQkFDSjs7MEJBTVEsTUFBTTsyQkFBQyxxQkFBcUI7OzBCQUM1QixNQUFNOzJCQUFDLDhCQUE4Qjs0Q0FKMUMsSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgVFVJX0FOSU1BVElPTl9PUFRJT05TLFxuICAgIFR1aUFuaW1hdGlvbk9wdGlvbnMsXG4gICAgdHVpUG9wLFxuICAgIFR1aVNpemVMLFxuICAgIFR1aVNpemVYUyxcbn0gZnJvbSAnQHRhaWdhLXVpL2NvcmUnO1xuXG5pbXBvcnQge1xuICAgIFRVSV9CQURHRV9OT1RJRklDQVRJT05fT1BUSU9OUyxcbiAgICBUdWlCYWRnZU5vdGlmaWNhdGlvbk9wdGlvbnMsXG59IGZyb20gJy4vYmFkZ2Utbm90aWZpY2F0aW9uLm9wdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3R1aS1iYWRnZS1ub3RpZmljYXRpb24nLFxuICAgIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFkZ2Utbm90aWZpY2F0aW9uLnN0eWxlLmxlc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBhbmltYXRpb25zOiBbdHVpUG9wXSxcbiAgICBob3N0OiB7XG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgICAgICAnW0B0dWlQb3BdJzogJ2FuaW1hdGlvbicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQmFkZ2VOb3RpZmljYXRpb25Db21wb25lbnQge1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZTogVHVpU2l6ZUwgfCBUdWlTaXplWFMgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KFRVSV9BTklNQVRJT05fT1BUSU9OUykgcmVhZG9ubHkgYW5pbWF0aW9uOiBUdWlBbmltYXRpb25PcHRpb25zLFxuICAgICAgICBASW5qZWN0KFRVSV9CQURHRV9OT1RJRklDQVRJT05fT1BUSU9OUylcbiAgICAgICAgcHJpdmF0ZSByZWFkb25seSBvcHRpb25zOiBUdWlCYWRnZU5vdGlmaWNhdGlvbk9wdGlvbnMsXG4gICAgKSB7fVxufVxuIl19
|
|
@@ -20,7 +20,7 @@ TuiChipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version
|
|
|
20
20
|
TuiChipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiChipDirective, selector: "tui-chip,[tuiChip]", inputs: { size: "size", appearance: "appearance" }, host: { attributes: { "tuiAppearance": "" }, properties: { "attr.data-appearance": "appearance", "attr.data-size": "size" } }, providers: [
|
|
21
21
|
tuiToggleOptionsProvider({ size: 's' }),
|
|
22
22
|
tuiCheckboxOptionsProvider({ size: 's' }),
|
|
23
|
-
tuiAvatarOptionsProvider({ size: '
|
|
23
|
+
tuiAvatarOptionsProvider({ size: 'xs' }),
|
|
24
24
|
tuiButtonOptionsProvider({
|
|
25
25
|
size: 'xs',
|
|
26
26
|
appearance: 'icon',
|
|
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
33
33
|
providers: [
|
|
34
34
|
tuiToggleOptionsProvider({ size: 's' }),
|
|
35
35
|
tuiCheckboxOptionsProvider({ size: 's' }),
|
|
36
|
-
tuiAvatarOptionsProvider({ size: '
|
|
36
|
+
tuiAvatarOptionsProvider({ size: 'xs' }),
|
|
37
37
|
tuiButtonOptionsProvider({
|
|
38
38
|
size: 'xs',
|
|
39
39
|
appearance: 'icon',
|
|
@@ -56,4 +56,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
|
|
|
56
56
|
}], appearance: [{
|
|
57
57
|
type: Input
|
|
58
58
|
}] } });
|
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9jaGlwL2NoaXAuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN2RCxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDbEYsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFDbEYsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sNENBQTRDLENBQUM7QUFDdEYsT0FBTyxFQUFDLHdCQUF3QixFQUFDLE1BQU0sMENBQTBDLENBQUM7QUFFbEYsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUFDLGdCQUFnQixFQUFpQixNQUFNLGdCQUFnQixDQUFDOzs7QUFtQmhFLE1BQU0sT0FBTyxnQkFBZ0I7SUFPekIsWUFDK0MsT0FBdUIsRUFDL0IsZUFBMEM7UUFEbEMsWUFBTyxHQUFQLE9BQU8sQ0FBZ0I7UUFOdEUsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBR3pCLGVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFVBQVUsQ0FBQztRQU1qQyxlQUFlLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDbkQsQ0FBQzs7OEdBWlEsZ0JBQWdCLGtCQVFiLGdCQUFnQixhQUNoQix5QkFBeUI7a0dBVDVCLGdCQUFnQixnT0FmZDtRQUNQLHdCQUF3QixDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDO1FBQ3JDLDBCQUEwQixDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDO1FBQ3ZDLHdCQUF3QixDQUFDLEVBQUMsSUFBSSxFQUFFLElBQUksRUFBQyxDQUFDO1FBQ3RDLHdCQUF3QixDQUFDO1lBQ3JCLElBQUksRUFBRSxJQUFJO1lBQ1YsVUFBVSxFQUFFLE1BQU07U0FDckIsQ0FBQztLQUNMOzRGQU9RLGdCQUFnQjtrQkFqQjVCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsU0FBUyxFQUFFO3dCQUNQLHdCQUF3QixDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBQyxDQUFDO3dCQUNyQywwQkFBMEIsQ0FBQyxFQUFDLElBQUksRUFBRSxHQUFHLEVBQUMsQ0FBQzt3QkFDdkMsd0JBQXdCLENBQUMsRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFDLENBQUM7d0JBQ3RDLHdCQUF3QixDQUFDOzRCQUNyQixJQUFJLEVBQUUsSUFBSTs0QkFDVixVQUFVLEVBQUUsTUFBTTt5QkFDckIsQ0FBQztxQkFDTDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0YsYUFBYSxFQUFFLEVBQUU7d0JBQ2pCLHdCQUF3QixFQUFFLFlBQVk7d0JBQ3RDLGtCQUFrQixFQUFFLE1BQU07cUJBQzdCO2lCQUNKOzswQkFTUSxNQUFNOzJCQUFDLGdCQUFnQjs7MEJBQ3ZCLE1BQU07MkJBQUMseUJBQXlCOzRDQVByQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXJlY3RpdmUsIEluamVjdCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlfSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7dHVpQXZhdGFyT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYXZhdGFyJztcbmltcG9ydCB7dHVpQnV0dG9uT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7dHVpQ2hlY2tib3hPcHRpb25zUHJvdmlkZXJ9IGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9jaGVja2JveCc7XG5pbXBvcnQge3R1aVRvZ2dsZU9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3RvZ2dsZSc7XG5cbmltcG9ydCB7VHVpQ2hpcENvbXBvbmVudH0gZnJvbSAnLi9jaGlwLmNvbXBvbmVudCc7XG5pbXBvcnQge1RVSV9DSElQX09QVElPTlMsIFR1aUNoaXBPcHRpb25zfSBmcm9tICcuL2NoaXAub3B0aW9ucyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAndHVpLWNoaXAsW3R1aUNoaXBdJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgdHVpVG9nZ2xlT3B0aW9uc1Byb3ZpZGVyKHtzaXplOiAncyd9KSxcbiAgICAgICAgdHVpQ2hlY2tib3hPcHRpb25zUHJvdmlkZXIoe3NpemU6ICdzJ30pLFxuICAgICAgICB0dWlBdmF0YXJPcHRpb25zUHJvdmlkZXIoe3NpemU6ICd4cyd9KSxcbiAgICAgICAgdHVpQnV0dG9uT3B0aW9uc1Byb3ZpZGVyKHtcbiAgICAgICAgICAgIHNpemU6ICd4cycsXG4gICAgICAgICAgICBhcHBlYXJhbmNlOiAnaWNvbicsXG4gICAgICAgIH0pLFxuICAgIF0sXG4gICAgaG9zdDoge1xuICAgICAgICB0dWlBcHBlYXJhbmNlOiAnJyxcbiAgICAgICAgJ1thdHRyLmRhdGEtYXBwZWFyYW5jZV0nOiAnYXBwZWFyYW5jZScsXG4gICAgICAgICdbYXR0ci5kYXRhLXNpemVdJzogJ3NpemUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUNoaXBEaXJlY3RpdmUge1xuICAgIEBJbnB1dCgpXG4gICAgc2l6ZSA9IHRoaXMub3B0aW9ucy5zaXplO1xuXG4gICAgQElucHV0KClcbiAgICBhcHBlYXJhbmNlID0gdGhpcy5vcHRpb25zLmFwcGVhcmFuY2U7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgQEluamVjdChUVUlfQ0hJUF9PUFRJT05TKSBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnM6IFR1aUNoaXBPcHRpb25zLFxuICAgICAgICBASW5qZWN0KFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UpIGRpcmVjdGl2ZVN0eWxlczogVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSxcbiAgICApIHtcbiAgICAgICAgZGlyZWN0aXZlU3R5bGVzLmFkZENvbXBvbmVudChUdWlDaGlwQ29tcG9uZW50KTtcbiAgICB9XG59XG4iXX0=
|
|
@@ -10,6 +10,7 @@ export * from '@taiga-ui/experimental/components/checkbox';
|
|
|
10
10
|
export * from '@taiga-ui/experimental/components/chip';
|
|
11
11
|
export * from '@taiga-ui/experimental/components/compass';
|
|
12
12
|
export * from '@taiga-ui/experimental/components/icon';
|
|
13
|
+
export * from '@taiga-ui/experimental/components/navigation';
|
|
13
14
|
export * from '@taiga-ui/experimental/components/pin';
|
|
14
15
|
export * from '@taiga-ui/experimental/components/radio';
|
|
15
16
|
export * from '@taiga-ui/experimental/components/rating';
|
|
@@ -18,4 +19,4 @@ export * from '@taiga-ui/experimental/components/swipe-action';
|
|
|
18
19
|
export * from '@taiga-ui/experimental/components/thumbnail-card';
|
|
19
20
|
export * from '@taiga-ui/experimental/components/toggle';
|
|
20
21
|
export * from '@taiga-ui/experimental/components/tooltip';
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9leHBlcmltZW50YWwvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyxrREFBa0QsQ0FBQztBQUNqRSxjQUFjLGdEQUFnRCxDQUFDO0FBQy9ELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyxzREFBc0QsQ0FBQztBQUNyRSxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYyw0Q0FBNEMsQ0FBQztBQUMzRCxjQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyx3Q0FBd0MsQ0FBQztBQUN2RCxjQUFjLDhDQUE4QyxDQUFDO0FBQzdELGNBQWMsdUNBQXVDLENBQUM7QUFDdEQsY0FBYyx5Q0FBeUMsQ0FBQztBQUN4RCxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLGtEQUFrRCxDQUFDO0FBQ2pFLGNBQWMsMENBQTBDLENBQUM7QUFDekQsY0FBYywyQ0FBMkMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9hcHAtYmFyJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXInO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2F2YXRhci1sYWJlbGVkJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9hdmF0YXItc3RhY2snO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9iYWRnZS1ub3RpZmljYXRpb24nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2JhZGdlZC1jb250ZW50JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9idXR0b24nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2NoZWNrYm94JztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9jaGlwJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9jb21wYXNzJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9pY29uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9uYXZpZ2F0aW9uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9waW4nO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3JhZGlvJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy9yYXRpbmcnO1xuZXhwb3J0ICogZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL3NlZ21lbnRlZCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvc3dpcGUtYWN0aW9uJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy90aHVtYm5haWwtY2FyZCc7XG5leHBvcnQgKiBmcm9tICdAdGFpZ2EtdWkvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvdG9nZ2xlJztcbmV4cG9ydCAqIGZyb20gJ0B0YWlnYS11aS9leHBlcmltZW50YWwvY29tcG9uZW50cy90b29sdGlwJztcbiJdfQ==
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation, } from '@angular/core';
|
|
2
|
+
import { tuiDropdownOptionsProvider } from '@taiga-ui/core';
|
|
3
|
+
import { tuiButtonOptionsProvider } from '@taiga-ui/experimental/components/button';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@taiga-ui/core";
|
|
6
|
+
import * as i2 from "@taiga-ui/experimental/directives/fade";
|
|
7
|
+
export class TuiAsideComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.tuiNavigationAside = false;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
TuiAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAsideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
TuiAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiAsideComponent, selector: "aside[tuiNavigationAside]", inputs: { tuiNavigationAside: "tuiNavigationAside" }, host: { attributes: { "tuiNavigationAside": "", "tuiTheme": "night" }, properties: { "class._expanded": "tuiNavigationAside" } }, providers: [
|
|
14
|
+
tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
|
|
15
|
+
tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
|
|
16
|
+
], ngImport: i0, template: `
|
|
17
|
+
<ng-content select="header"></ng-content>
|
|
18
|
+
<tui-scrollbar class="t-nav-scrollbar">
|
|
19
|
+
<div
|
|
20
|
+
tuiFade="vertical"
|
|
21
|
+
tuiScrollable
|
|
22
|
+
class="t-nav-content"
|
|
23
|
+
>
|
|
24
|
+
<ng-content></ng-content>
|
|
25
|
+
</div>
|
|
26
|
+
</tui-scrollbar>
|
|
27
|
+
<ng-content select="footer"></ng-content>
|
|
28
|
+
`, isInline: true, styles: ["aside[tuiNavigationAside]{--tui-link: var(--tui-text-01-night);--tui-link-hover: var(--tui-text-01-night);position:-webkit-sticky;position:sticky;top:3rem;display:flex;width:3rem;flex-direction:column;padding:.5rem .5rem .25rem;box-sizing:border-box;background:var(--tui-theme-color, #000);color:var(--tui-text-01-night);transition-property:width;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}aside[tuiNavigationAside]._expanded{width:13.75rem}aside[tuiNavigationAside]._expanded+main[tuiNavigationMain]{max-width:calc(100% - 13.75rem)}aside[tuiNavigationAside] .t-nav-scrollbar{margin:0 -.25rem}aside[tuiNavigationAside] .t-nav-content{scrollbar-width:none;-ms-overflow-style:none;height:100%;padding:0 .25rem;overflow:auto}aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar,aside[tuiNavigationAside] .t-nav-content::-webkit-scrollbar-thumb{display:none}aside[tuiNavigationAside] tui-hosted-dropdown{width:100%}aside[tuiNavigationAside] [tuiButton]{width:100%;justify-content:flex-start;grid-gap:.625rem;gap:.625rem;margin-bottom:.25rem}aside[tuiNavigationAside] [tuiButton]:after{transition-property:transform;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;margin-left:auto;color:var(--tui-text-03-night)}aside[tuiNavigationAside] [tuiButton]>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}aside[tuiNavigationAside] tui-expand [tuiButton]{-webkit-padding-start:2rem;padding-inline-start:2rem}aside[tuiNavigationAside] hr{background:var(--tui-clear-inverse);height:1px;margin:0 0 .25rem;border:none}aside[tuiNavigationAside] header{padding-bottom:.25rem;box-shadow:inset 0 -1px var(--tui-clear);margin-bottom:1rem}aside[tuiNavigationAside] footer{margin-top:auto;border-top:1.75rem solid transparent}aside[tuiNavigationAside]+main[tuiNavigationMain]{max-width:calc(100% - 3rem)}tui-dropdown[data-appearance=dropdown-navigation]{--tui-text-01: var(--tui-text-01-night);--tui-clear: var(--tui-clear-inverse);border:none;background:#323232;background:color-mix(in srgb,var(--tui-theme-color, #000) 80%,#fff)}\n"], components: [{ type: i1.TuiScrollbarComponent, selector: "tui-scrollbar", inputs: ["hidden"] }], directives: [{ type: i2.TuiFadeDirective, selector: "[tuiFade]", inputs: ["tuiFadeHeight", "tuiFadeSize", "tuiFadeOffset", "tuiFade"] }, { type: i1.TuiScrollableDirective, selector: "[tuiScrollable]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiAsideComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{
|
|
32
|
+
selector: 'aside[tuiNavigationAside]',
|
|
33
|
+
template: `
|
|
34
|
+
<ng-content select="header"></ng-content>
|
|
35
|
+
<tui-scrollbar class="t-nav-scrollbar">
|
|
36
|
+
<div
|
|
37
|
+
tuiFade="vertical"
|
|
38
|
+
tuiScrollable
|
|
39
|
+
class="t-nav-content"
|
|
40
|
+
>
|
|
41
|
+
<ng-content></ng-content>
|
|
42
|
+
</div>
|
|
43
|
+
</tui-scrollbar>
|
|
44
|
+
<ng-content select="footer"></ng-content>
|
|
45
|
+
`,
|
|
46
|
+
styleUrls: ['./aside.style.less'],
|
|
47
|
+
encapsulation: ViewEncapsulation.None,
|
|
48
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
49
|
+
providers: [
|
|
50
|
+
tuiButtonOptionsProvider({ size: 's', appearance: 'flat' }),
|
|
51
|
+
tuiDropdownOptionsProvider({ appearance: 'dropdown-navigation', align: 'right' }),
|
|
52
|
+
],
|
|
53
|
+
host: {
|
|
54
|
+
tuiNavigationAside: '',
|
|
55
|
+
tuiTheme: 'night',
|
|
56
|
+
'[class._expanded]': 'tuiNavigationAside',
|
|
57
|
+
},
|
|
58
|
+
}]
|
|
59
|
+
}], propDecorators: { tuiNavigationAside: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}] } });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNpZGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZXhwZXJpbWVudGFsL2NvbXBvbmVudHMvbmF2aWdhdGlvbi9hc2lkZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsMEJBQTBCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUMxRCxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSwwQ0FBMEMsQ0FBQzs7OztBQThCbEYsTUFBTSxPQUFPLGlCQUFpQjtJQTVCOUI7UUE4QkksdUJBQWtCLEdBQUcsS0FBSyxDQUFDO0tBQzlCOzsrR0FIWSxpQkFBaUI7bUdBQWpCLGlCQUFpQiw0T0FWZjtRQUNQLHdCQUF3QixDQUFDLEVBQUMsSUFBSSxFQUFFLEdBQUcsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFDLENBQUM7UUFDekQsMEJBQTBCLENBQUMsRUFBQyxVQUFVLEVBQUUscUJBQXFCLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBQyxDQUFDO0tBQ2xGLDBCQW5CUzs7Ozs7Ozs7Ozs7O0tBWVQ7NEZBY1EsaUJBQWlCO2tCQTVCN0IsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7OztLQVlUO29CQUNELFNBQVMsRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNqQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLFNBQVMsRUFBRTt3QkFDUCx3QkFBd0IsQ0FBQyxFQUFDLElBQUksRUFBRSxHQUFHLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBQyxDQUFDO3dCQUN6RCwwQkFBMEIsQ0FBQyxFQUFDLFVBQVUsRUFBRSxxQkFBcUIsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFDLENBQUM7cUJBQ2xGO29CQUNELElBQUksRUFBRTt3QkFDRixrQkFBa0IsRUFBRSxFQUFFO3dCQUN0QixRQUFRLEVBQUUsT0FBTzt3QkFDakIsbUJBQW1CLEVBQUUsb0JBQW9CO3FCQUM1QztpQkFDSjs4QkFHRyxrQkFBa0I7c0JBRGpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBJbnB1dCxcbiAgICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R1aURyb3Bkb3duT3B0aW9uc1Byb3ZpZGVyfSBmcm9tICdAdGFpZ2EtdWkvY29yZSc7XG5pbXBvcnQge3R1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcn0gZnJvbSAnQHRhaWdhLXVpL2V4cGVyaW1lbnRhbC9jb21wb25lbnRzL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYXNpZGVbdHVpTmF2aWdhdGlvbkFzaWRlXScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiaGVhZGVyXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8dHVpLXNjcm9sbGJhciBjbGFzcz1cInQtbmF2LXNjcm9sbGJhclwiPlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIHR1aUZhZGU9XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICAgICAgICAgdHVpU2Nyb2xsYWJsZVxuICAgICAgICAgICAgICAgIGNsYXNzPVwidC1uYXYtY29udGVudFwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvdHVpLXNjcm9sbGJhcj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiZm9vdGVyXCI+PC9uZy1jb250ZW50PlxuICAgIGAsXG4gICAgc3R5bGVVcmxzOiBbJy4vYXNpZGUuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHR1aUJ1dHRvbk9wdGlvbnNQcm92aWRlcih7c2l6ZTogJ3MnLCBhcHBlYXJhbmNlOiAnZmxhdCd9KSxcbiAgICAgICAgdHVpRHJvcGRvd25PcHRpb25zUHJvdmlkZXIoe2FwcGVhcmFuY2U6ICdkcm9wZG93bi1uYXZpZ2F0aW9uJywgYWxpZ246ICdyaWdodCd9KSxcbiAgICBdLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgdHVpTmF2aWdhdGlvbkFzaWRlOiAnJyxcbiAgICAgICAgdHVpVGhlbWU6ICduaWdodCcsXG4gICAgICAgICdbY2xhc3MuX2V4cGFuZGVkXSc6ICd0dWlOYXZpZ2F0aW9uQXNpZGUnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUFzaWRlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHR1aU5hdmlnYXRpb25Bc2lkZSA9IGZhbHNlO1xufVxuIl19
|