@ng-nest/ui 11.2.12 → 11.2.13
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/ng-nest-ui-affix.umd.js +10 -4
- package/bundles/ng-nest-ui-affix.umd.js.map +1 -1
- package/bundles/ng-nest-ui-affix.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-alert.umd.js +10 -4
- package/bundles/ng-nest-ui-alert.umd.js.map +1 -1
- package/bundles/ng-nest-ui-alert.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-anchor.umd.js +10 -4
- package/bundles/ng-nest-ui-anchor.umd.js.map +1 -1
- package/bundles/ng-nest-ui-anchor.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-auto-complete.umd.js +10 -4
- package/bundles/ng-nest-ui-auto-complete.umd.js.map +1 -1
- package/bundles/ng-nest-ui-auto-complete.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-avatar.umd.js +10 -4
- package/bundles/ng-nest-ui-avatar.umd.js.map +1 -1
- package/bundles/ng-nest-ui-avatar.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-back-top.umd.js +10 -4
- package/bundles/ng-nest-ui-back-top.umd.js.map +1 -1
- package/bundles/ng-nest-ui-back-top.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-badge.umd.js +10 -4
- package/bundles/ng-nest-ui-badge.umd.js.map +1 -1
- package/bundles/ng-nest-ui-badge.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-base-form.umd.js +10 -4
- package/bundles/ng-nest-ui-base-form.umd.js.map +1 -1
- package/bundles/ng-nest-ui-base-form.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-button.umd.js +10 -4
- package/bundles/ng-nest-ui-button.umd.js.map +1 -1
- package/bundles/ng-nest-ui-button.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-calendar.umd.js +10 -4
- package/bundles/ng-nest-ui-calendar.umd.js.map +1 -1
- package/bundles/ng-nest-ui-calendar.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-card.umd.js +10 -4
- package/bundles/ng-nest-ui-card.umd.js.map +1 -1
- package/bundles/ng-nest-ui-card.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-carousel.umd.js +10 -4
- package/bundles/ng-nest-ui-carousel.umd.js.map +1 -1
- package/bundles/ng-nest-ui-carousel.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-cascade.umd.js +10 -4
- package/bundles/ng-nest-ui-cascade.umd.js.map +1 -1
- package/bundles/ng-nest-ui-cascade.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-checkbox.umd.js +10 -4
- package/bundles/ng-nest-ui-checkbox.umd.js.map +1 -1
- package/bundles/ng-nest-ui-checkbox.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-collapse.umd.js +10 -4
- package/bundles/ng-nest-ui-collapse.umd.js.map +1 -1
- package/bundles/ng-nest-ui-collapse.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-color-picker.umd.js +10 -4
- package/bundles/ng-nest-ui-color-picker.umd.js.map +1 -1
- package/bundles/ng-nest-ui-color-picker.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-color.umd.js +10 -4
- package/bundles/ng-nest-ui-color.umd.js.map +1 -1
- package/bundles/ng-nest-ui-color.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-comment.umd.js +10 -4
- package/bundles/ng-nest-ui-comment.umd.js.map +1 -1
- package/bundles/ng-nest-ui-comment.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-container.umd.js +10 -4
- package/bundles/ng-nest-ui-container.umd.js.map +1 -1
- package/bundles/ng-nest-ui-container.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-core.umd.js +10 -4
- package/bundles/ng-nest-ui-core.umd.js.map +1 -1
- package/bundles/ng-nest-ui-core.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-crumb.umd.js +10 -4
- package/bundles/ng-nest-ui-crumb.umd.js.map +1 -1
- package/bundles/ng-nest-ui-crumb.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-date-picker.umd.js +15 -6
- package/bundles/ng-nest-ui-date-picker.umd.js.map +1 -1
- package/bundles/ng-nest-ui-date-picker.umd.min.js +1 -1
- package/bundles/ng-nest-ui-date-picker.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-dialog.umd.js +11 -5
- package/bundles/ng-nest-ui-dialog.umd.js.map +1 -1
- package/bundles/ng-nest-ui-dialog.umd.min.js +1 -1
- package/bundles/ng-nest-ui-dialog.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-drawer.umd.js +10 -4
- package/bundles/ng-nest-ui-drawer.umd.js.map +1 -1
- package/bundles/ng-nest-ui-drawer.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-dropdown.umd.js +10 -4
- package/bundles/ng-nest-ui-dropdown.umd.js.map +1 -1
- package/bundles/ng-nest-ui-dropdown.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-empty.umd.js +10 -4
- package/bundles/ng-nest-ui-empty.umd.js.map +1 -1
- package/bundles/ng-nest-ui-empty.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-find.umd.js +37 -7
- package/bundles/ng-nest-ui-find.umd.js.map +1 -1
- package/bundles/ng-nest-ui-find.umd.min.js +2 -2
- package/bundles/ng-nest-ui-find.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-form.umd.js +10 -4
- package/bundles/ng-nest-ui-form.umd.js.map +1 -1
- package/bundles/ng-nest-ui-form.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-highlight.umd.js +10 -4
- package/bundles/ng-nest-ui-highlight.umd.js.map +1 -1
- package/bundles/ng-nest-ui-highlight.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-icon.umd.js +10 -4
- package/bundles/ng-nest-ui-icon.umd.js.map +1 -1
- package/bundles/ng-nest-ui-icon.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-inner.umd.js +10 -4
- package/bundles/ng-nest-ui-inner.umd.js.map +1 -1
- package/bundles/ng-nest-ui-inner.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-input-number.umd.js +10 -4
- package/bundles/ng-nest-ui-input-number.umd.js.map +1 -1
- package/bundles/ng-nest-ui-input-number.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-input.umd.js +10 -4
- package/bundles/ng-nest-ui-input.umd.js.map +1 -1
- package/bundles/ng-nest-ui-input.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-layout.umd.js +10 -4
- package/bundles/ng-nest-ui-layout.umd.js.map +1 -1
- package/bundles/ng-nest-ui-layout.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-link.umd.js +10 -4
- package/bundles/ng-nest-ui-link.umd.js.map +1 -1
- package/bundles/ng-nest-ui-link.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-list.umd.js +10 -4
- package/bundles/ng-nest-ui-list.umd.js.map +1 -1
- package/bundles/ng-nest-ui-list.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-loading.umd.js +10 -4
- package/bundles/ng-nest-ui-loading.umd.js.map +1 -1
- package/bundles/ng-nest-ui-loading.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-menu.umd.js +10 -4
- package/bundles/ng-nest-ui-menu.umd.js.map +1 -1
- package/bundles/ng-nest-ui-menu.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-message-box.umd.js +10 -4
- package/bundles/ng-nest-ui-message-box.umd.js.map +1 -1
- package/bundles/ng-nest-ui-message-box.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-message.umd.js +10 -4
- package/bundles/ng-nest-ui-message.umd.js.map +1 -1
- package/bundles/ng-nest-ui-message.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-notification.umd.js +10 -4
- package/bundles/ng-nest-ui-notification.umd.js.map +1 -1
- package/bundles/ng-nest-ui-notification.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-outlet.umd.js +10 -4
- package/bundles/ng-nest-ui-outlet.umd.js.map +1 -1
- package/bundles/ng-nest-ui-outlet.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-page-header.umd.js +10 -4
- package/bundles/ng-nest-ui-page-header.umd.js.map +1 -1
- package/bundles/ng-nest-ui-page-header.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-pagination.umd.js +10 -4
- package/bundles/ng-nest-ui-pagination.umd.js.map +1 -1
- package/bundles/ng-nest-ui-pagination.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-popconfirm.umd.js +10 -4
- package/bundles/ng-nest-ui-popconfirm.umd.js.map +1 -1
- package/bundles/ng-nest-ui-popconfirm.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-popover.umd.js +10 -4
- package/bundles/ng-nest-ui-popover.umd.js.map +1 -1
- package/bundles/ng-nest-ui-popover.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-portal.umd.js +10 -4
- package/bundles/ng-nest-ui-portal.umd.js.map +1 -1
- package/bundles/ng-nest-ui-portal.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-progress.umd.js +10 -4
- package/bundles/ng-nest-ui-progress.umd.js.map +1 -1
- package/bundles/ng-nest-ui-progress.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-radio.umd.js +10 -4
- package/bundles/ng-nest-ui-radio.umd.js.map +1 -1
- package/bundles/ng-nest-ui-radio.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-rate.umd.js +10 -4
- package/bundles/ng-nest-ui-rate.umd.js.map +1 -1
- package/bundles/ng-nest-ui-rate.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-result.umd.js +10 -4
- package/bundles/ng-nest-ui-result.umd.js.map +1 -1
- package/bundles/ng-nest-ui-result.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-ripple.umd.js +10 -4
- package/bundles/ng-nest-ui-ripple.umd.js.map +1 -1
- package/bundles/ng-nest-ui-ripple.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-select.umd.js +10 -4
- package/bundles/ng-nest-ui-select.umd.js.map +1 -1
- package/bundles/ng-nest-ui-select.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-skeleton.umd.js +10 -4
- package/bundles/ng-nest-ui-skeleton.umd.js.map +1 -1
- package/bundles/ng-nest-ui-skeleton.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-slider-select.umd.js +10 -4
- package/bundles/ng-nest-ui-slider-select.umd.js.map +1 -1
- package/bundles/ng-nest-ui-slider-select.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-slider.umd.js +10 -4
- package/bundles/ng-nest-ui-slider.umd.js.map +1 -1
- package/bundles/ng-nest-ui-slider.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-statistic.umd.js +10 -4
- package/bundles/ng-nest-ui-statistic.umd.js.map +1 -1
- package/bundles/ng-nest-ui-statistic.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-steps.umd.js +10 -4
- package/bundles/ng-nest-ui-steps.umd.js.map +1 -1
- package/bundles/ng-nest-ui-steps.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-switch.umd.js +10 -4
- package/bundles/ng-nest-ui-switch.umd.js.map +1 -1
- package/bundles/ng-nest-ui-switch.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-table.umd.js +10 -4
- package/bundles/ng-nest-ui-table.umd.js.map +1 -1
- package/bundles/ng-nest-ui-table.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-tabs.umd.js +11 -5
- package/bundles/ng-nest-ui-tabs.umd.js.map +1 -1
- package/bundles/ng-nest-ui-tabs.umd.min.js +1 -1
- package/bundles/ng-nest-ui-tabs.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-tag.umd.js +10 -4
- package/bundles/ng-nest-ui-tag.umd.js.map +1 -1
- package/bundles/ng-nest-ui-tag.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-text-retract.umd.js +10 -4
- package/bundles/ng-nest-ui-text-retract.umd.js.map +1 -1
- package/bundles/ng-nest-ui-text-retract.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-textarea.umd.js +10 -4
- package/bundles/ng-nest-ui-textarea.umd.js.map +1 -1
- package/bundles/ng-nest-ui-textarea.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-theme.umd.js +10 -4
- package/bundles/ng-nest-ui-theme.umd.js.map +1 -1
- package/bundles/ng-nest-ui-theme.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-time-picker.umd.js +10 -4
- package/bundles/ng-nest-ui-time-picker.umd.js.map +1 -1
- package/bundles/ng-nest-ui-time-picker.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-time-range.umd.js +10 -4
- package/bundles/ng-nest-ui-time-range.umd.js.map +1 -1
- package/bundles/ng-nest-ui-time-range.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-timeline.umd.js +10 -4
- package/bundles/ng-nest-ui-timeline.umd.js.map +1 -1
- package/bundles/ng-nest-ui-timeline.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-tooltip.umd.js +10 -4
- package/bundles/ng-nest-ui-tooltip.umd.js.map +1 -1
- package/bundles/ng-nest-ui-tooltip.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-transfer.umd.js +10 -4
- package/bundles/ng-nest-ui-transfer.umd.js.map +1 -1
- package/bundles/ng-nest-ui-transfer.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-tree-file.umd.js +10 -4
- package/bundles/ng-nest-ui-tree-file.umd.js.map +1 -1
- package/bundles/ng-nest-ui-tree-file.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-tree.umd.js +10 -4
- package/bundles/ng-nest-ui-tree.umd.js.map +1 -1
- package/bundles/ng-nest-ui-tree.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-typography.umd.js +10 -4
- package/bundles/ng-nest-ui-typography.umd.js.map +1 -1
- package/bundles/ng-nest-ui-typography.umd.min.js.map +1 -1
- package/bundles/ng-nest-ui-upload.umd.js +10 -4
- package/bundles/ng-nest-ui-upload.umd.js.map +1 -1
- package/bundles/ng-nest-ui-upload.umd.min.js.map +1 -1
- package/core/config/config.d.ts +3 -0
- package/date-picker/ng-nest-ui-date-picker.metadata.json +1 -1
- package/date-picker/picker-date.component.d.ts +3 -2
- package/dialog/ng-nest-ui-dialog.metadata.json +1 -1
- package/esm2015/core/config/config.js +1 -1
- package/esm2015/date-picker/picker-date.component.js +6 -3
- package/esm2015/dialog/dialog.component.js +1 -1
- package/esm2015/find/find.component.js +13 -4
- package/esm2015/find/find.property.js +17 -1
- package/esm2015/tabs/tabs.component.js +1 -1
- package/fesm2015/ng-nest-ui-core.js.map +1 -1
- package/fesm2015/ng-nest-ui-date-picker.js +5 -2
- package/fesm2015/ng-nest-ui-date-picker.js.map +1 -1
- package/fesm2015/ng-nest-ui-dialog.js +1 -1
- package/fesm2015/ng-nest-ui-find.js +28 -3
- package/fesm2015/ng-nest-ui-find.js.map +1 -1
- package/fesm2015/ng-nest-ui-tabs.js +1 -1
- package/find/find.property.d.ts +30 -0
- package/find/ng-nest-ui-find.metadata.json +1 -1
- package/package.json +1 -1
- package/tabs/ng-nest-ui-tabs.metadata.json +1 -1
|
@@ -228,7 +228,7 @@ XTabsComponent.decorators = [
|
|
|
228
228
|
template: "<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated && type !== 'tag'\"\r\n [justify]=\"justify\"\r\n [nodeJustify]=\"nodeJustify\"\r\n [data]=\"sliderOption.data\"\r\n [layout]=\"sliderOption.layout\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [activatedIndex]=\"sliderOption.activatedIndex\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n <x-tab-content\r\n *ngFor=\"let tab of listTabs; index as i\"\r\n [active]=\"activeIndex == i\"\r\n [content]=\"tab.content\"\r\n [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n </div>\r\n</div>\r\n",
|
|
229
229
|
encapsulation: ViewEncapsulation.None,
|
|
230
230
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
231
|
-
styles: [".x-tabs{margin:0;padding:0}.x-tabs,.x-tabs-contents{display:flex;overflow:hidden}.x-tabs-contents{flex:1;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}"]
|
|
231
|
+
styles: [".x-tabs{margin:0;padding:0}.x-tabs,.x-tabs-contents{display:flex;overflow:hidden}.x-tabs-contents{flex:1;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}"]
|
|
232
232
|
},] }
|
|
233
233
|
];
|
|
234
234
|
/** @nocollapse */
|
package/find/find.property.d.ts
CHANGED
|
@@ -32,6 +32,21 @@ export declare class XFindProperty extends XControlValueAccessor<any | any[]> im
|
|
|
32
32
|
* @en_US Bullet title
|
|
33
33
|
*/
|
|
34
34
|
dialogTitle: string;
|
|
35
|
+
/**
|
|
36
|
+
* @zh_CN 弹框表格选择列头名称
|
|
37
|
+
* @en_US Ball Form Select List Name
|
|
38
|
+
*/
|
|
39
|
+
dialogCheckboxLabel: string;
|
|
40
|
+
/**
|
|
41
|
+
* @zh_CN 弹框表格选择列宽
|
|
42
|
+
* @en_US Ball Form Select List width
|
|
43
|
+
*/
|
|
44
|
+
dialogCheckboxWidth: number;
|
|
45
|
+
/**
|
|
46
|
+
* @zh_CN 弹框选择数据为空的提示信息
|
|
47
|
+
* @en_US Ball box selection data empty prompt information
|
|
48
|
+
*/
|
|
49
|
+
dialogEmptyContent: string;
|
|
35
50
|
/**
|
|
36
51
|
* @zh_CN 弹框宽度
|
|
37
52
|
* @en_US Bullet frame width
|
|
@@ -220,6 +235,21 @@ export interface XFindOption extends XFormOption {
|
|
|
220
235
|
* @en_US Bullet title
|
|
221
236
|
*/
|
|
222
237
|
dialogTitle?: string;
|
|
238
|
+
/**
|
|
239
|
+
* @zh_CN 弹框表格选择框列头名称
|
|
240
|
+
* @en_US Ball Form Select Box List Name
|
|
241
|
+
*/
|
|
242
|
+
dialogCheckboxLabel?: string;
|
|
243
|
+
/**
|
|
244
|
+
* @zh_CN 弹框表格选择框列头宽度
|
|
245
|
+
* @en_US Ball Form Select Box List width
|
|
246
|
+
*/
|
|
247
|
+
dialogCheckboxWidth?: number;
|
|
248
|
+
/**
|
|
249
|
+
* @zh_CN 弹框选择数据为空的提示内容
|
|
250
|
+
* @en_US Ball box selection data empty prompt information
|
|
251
|
+
*/
|
|
252
|
+
dialogEmptyContent?: string;
|
|
223
253
|
/**
|
|
224
254
|
* @zh_CN 弹框宽度
|
|
225
255
|
* @en_US Bullet frame width
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"XFindComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XFindProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XFindPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XValueAccessor","line":27,"character":14},"arguments":[{"__symbolic":"reference","name":"XFindComponent"}]}],"template":"<div\r\n #find\r\n class=\"x-find\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-checked]=\"value\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-required]=\"requiredIsEmpty\"\r\n [class.x-invalid]=\"invalid\"\r\n>\r\n <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-find-row\">\r\n <x-button #buttonCom icon=\"fto-search\" [disabled]=\"disabled\" (click)=\"showModal()\"></x-button>\r\n <div class=\"x-find-tags\">\r\n <ng-container *ngIf=\"multiple; else singleTpl\">\r\n <x-tag *ngFor=\"let item of value; index as i; trackBy: trackByItem\" closable [disabled]=\"disabled\" (close)=\"tagClose(i)\">{{\r\n item[columnLabel]\r\n }}</x-tag>\r\n </ng-container>\r\n <ng-template #singleTpl>\r\n <x-tag *ngIf=\"value\" closable [disabled]=\"disabled\" (close)=\"tagClose()\">{{ value[columnLabel] }}</x-tag>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<x-dialog\r\n #dialogCom\r\n [title]=\"dialogTitle\"\r\n [width]=\"dialogWidth\"\r\n [height]=\"dialogHeight\"\r\n [buttonsCenter]=\"dialogButtonsCenter\"\r\n [(visible)]=\"dialogVisible\"\r\n (visibleChange)=\"dialogVisibleChange.emit($event)\"\r\n (closeDone)=\"dialogCloseDone()\"\r\n (cancel)=\"closeModal()\"\r\n (close)=\"closeModal()\"\r\n (confirm)=\"sure()\"\r\n>\r\n <div class=\"x-find-dialog\" [class.x-find-dialog-tree-table]=\"hasTable && hasTree\">\r\n <div class=\"x-find-dialog-tree\" *ngIf=\"hasTree\" #treeRef [style.height.px]=\"hasTreeTable && multiple && height\">\r\n <x-tree\r\n #treeCom\r\n [data]=\"treeData\"\r\n nodeHeight=\"1.8\"\r\n [(manual)]=\"dialogVisible\"\r\n [activatedId]=\"treeActivatedId\"\r\n [expandedLevel]=\"treeExpandedLevel\"\r\n (activatedChange)=\"treeActivatedClick($event)\"\r\n [checkbox]=\"hasTreeMultiple\"\r\n [checked]=\"treeChecked\"\r\n (checkboxChange)=\"treeCheckboxChange($event)\"\r\n [levelCheck]=\"!hasTreeMultiple\"\r\n ></x-tree>\r\n </div>\r\n <div class=\"x-find-dialog-table\" *ngIf=\"hasTable\" #tableRef>\r\n <div class=\"x-find-search\" *ngIf=\"hasSearch\">\r\n <x-input [label]=\"search.label\" direction=\"row\" (xKeydown)=\"searchKeyDown($event);\" [(ngModel)]=\"search.value\"></x-input>\r\n <x-button type=\"primary\" plain (click)=\"searchClick()\">{{search.button || '查询'}}</x-button>\r\n </div>\r\n <x-table\r\n #tableCom\r\n [data]=\"tableData\"\r\n [columns]=\"tableColumns\"\r\n [(manual)]=\"dialogVisible\"\r\n [(index)]=\"tableIndex\"\r\n [(size)]=\"tableSize\"\r\n [query]=\"tableQuery\"\r\n [total]=\"tableTotal\"\r\n [allowSelectRow]=\"!multiple\"\r\n [checkedRow]=\"tableCheckedRow\"\r\n [loading]=\"tableLoading\"\r\n (indexChange)=\"tableIndexChange.emit($event)\"\r\n (sortChange)=\"tableSortChange.emit($event)\"\r\n [(activatedRow)]=\"tableActivatedRow\"\r\n (activatedRowChange)=\"tableActivatedRowChange($event)\"\r\n [rowHeight]=\"tableRowHeight\"\r\n [bodyHeight]=\"tableBodyHeight\"\r\n [virtualScroll]=\"tableVirtualScroll\"\r\n [minBufferPx]=\"tableMinBufferPx\"\r\n [maxBufferPx]=\"tableMaxBufferPx\"\r\n [adaptionHeight]=\"tableAdaptionHeight\"\r\n [docPercent]=\"tableDocPercent\"\r\n ></x-table>\r\n </div>\r\n <div *ngIf=\"multiple\" class=\"x-find-dialog-checked\" [class.x-find-empty]=\"getEmpty\" [style.height.px]=\"height\">\r\n <x-empty *ngIf=\"getEmpty\" content=\"请选择数据\"></x-empty>\r\n <div class=\"x-find-dialog-tags\">\r\n <x-tag *ngFor=\"let item of temp; index as i; trackBy: trackByItem\" closable (close)=\"tempClose(i, item)\">\r\n <span>{{ item[columnLabel] }}</span>\r\n </x-tag>\r\n </div>\r\n </div>\r\n </div>\r\n</x-dialog>\r\n\r\n<ng-template #treeLabelTpl let-node=\"$node\">\r\n <div class=\"x-find-dialog-tree-node\">\r\n <span>{{ node.label }} </span>\r\n <x-icon type=\"fto-check\" *ngIf=\"node.$checked\"></x-icon>\r\n </div>\r\n</ng-template>\r\n","styles":[".x-find{margin:0;padding:0;width:100%}.x-find.x-flex{display:flex}.x-find.x-justify-start{justify-content:flex-start}.x-find.x-justify-center{justify-content:center}.x-find.x-justify-end{justify-content:flex-end}.x-find.x-justify-space-between{justify-content:space-between}.x-find.x-justify-space-around{justify-content:space-around}.x-find.x-align-start{align-items:flex-start}.x-find.x-align-center{align-items:center}.x-find.x-align-end{align-items:flex-end}.x-find.x-direction-column{flex-direction:column}.x-find.x-direction-column-reverse{flex-direction:column-reverse}.x-find.x-direction-row{flex-direction:row}.x-find.x-direction-row-reverse{flex-direction:row-reverse}.x-find>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-find>label.x-text-align-start{text-align:start}.x-find>label.x-text-align-center{text-align:center}.x-find>label.x-text-align-end{text-align:end}.x-find-row{flex:1;display:flex;align-items:flex-start;position:relative}.x-find-tags{margin:-.0625rem -.0625rem -.0625rem .4375rem}.x-find-tags>x-tag{margin:.0625rem}.x-find.x-required>label{color:var(--x-danger)}.x-find.x-direction-row>label{padding:0 .5rem 0 0}.x-find.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-find.x-direction-column,.x-find.x-direction-column-reverse{align-items:inherit}.x-find-dialog{flex:1;display:flex}.x-find-dialog-table{flex:1;min-height:18.75rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.x-find-dialog-tree{flex:1;min-height:18.75rem;max-height:25rem;overflow-y:auto}.x-find-dialog-tree .x-tree-node-content.x-activated{color:var(--x-primary)}.x-find-dialog-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between}.x-find-dialog-tree-node>span{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none}.x-find-dialog-tree-table .x-find-dialog-tree{flex:initial;min-height:0;max-height:none;width:14rem;margin-right:1rem;padding-right:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-find-dialog-checked{margin-left:1rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:1rem;width:10rem;overflow-y:auto;height:100%}.x-find-dialog-checked x-tag{display:block}.x-find-dialog-checked x-tag:not(:first-child){margin-top:.5rem}.x-find-dialog-checked x-tag .x-tag{width:100%;display:flex;justify-content:space-between}.x-find-dialog-checked x-tag .x-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-find-dialog-checked.x-find-empty{display:flex;align-items:center;justify-content:center}.x-find-search{display:flex;padding:.3rem}.x-find-search .x-input,.x-find-search x-input{width:15rem}.x-find-search .x-button{margin-left:.5rem}"]}]}],"members":{"find":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["find",{"static":true}]}]}],"dialogCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["dialogCom"]}]}],"tableCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["tableCom"]}]}],"treeCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["treeCom"]}]}],"buttonCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["buttonCom"]}]}],"tableRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["tableRef"]}]}],"treeRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["treeRef"]}]}],"writeValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":97,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":97,"character":55},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":97,"character":96}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setSubscribe":[{"__symbolic":"method"}],"setMultiple":[{"__symbolic":"method"}],"setWidth":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"setTableCheckedRow":[{"__symbolic":"method"}],"setTreeChecked":[{"__symbolic":"method"}],"sure":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}],"dialogCloseDone":[{"__symbolic":"method"}],"tempClose":[{"__symbolic":"method"}],"tagClose":[{"__symbolic":"method"}],"tableActivatedRowChange":[{"__symbolic":"method"}],"rowMultiple":[{"__symbolic":"method"}],"treeMultiple":[{"__symbolic":"method"}],"treeActivatedClick":[{"__symbolic":"method"}],"treeCheckboxChange":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}],"searchKeyDown":[{"__symbolic":"method"}],"searchClick":[{"__symbolic":"method"}]}},"XFindModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XFindComponent"},{"__symbolic":"reference","name":"XFindProperty"}],"exports":[{"__symbolic":"reference","name":"XFindComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/tag","name":"XTagModule","line":22,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/dialog","name":"XDialogModule","line":24,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/table","name":"XTableModule","line":25,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/tree","name":"XTreeModule","line":26,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":27,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/empty","name":"XEmptyModule","line":28,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/input","name":"XInputModule","line":29,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":30,"character":4}]}]}],"members":{}},"XFindPrefix":"x-find","XFindSearchOption":{"__symbolic":"interface"},"XFindProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":23,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"template":""}]}],"members":{"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":28,"character":12}}]}],"columnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":33,"character":12},"arguments":["find","label"]}]}],"dialogTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":38,"character":12},"arguments":["find","查找选择"]}]}],"dialogWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}}]}],"dialogHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}}]}],"dialogVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":53,"character":12}}]}],"dialogVisibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":58,"character":3}}]}],"dialogButtonsCenter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":63,"character":12},"arguments":["find"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":63,"character":50}}]}],"tableData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"tableIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":74,"character":12},"arguments":["find",1]}]}],"tableSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":79,"character":12},"arguments":["find",10]}]}],"tableQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"tableTotal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"tableIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":94,"character":3}}]}],"tableSizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":99,"character":3}}]}],"tableSortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":104,"character":3}}]}],"tableColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":109,"character":3}}]}],"tableActivatedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"tableRowEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3}}]}],"tableCheckedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"tableLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":129,"character":12},"arguments":["find",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":129,"character":57}}]}],"tableVirtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":134,"character":12},"arguments":["find",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":134,"character":56}}]}],"tableBodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":139,"character":12}}]}],"tableMinBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"tableMaxBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}}]}],"tableAdaptionHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":154,"character":12}}]}],"tableDocPercent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":159,"character":12}}]}],"tableRowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":164,"character":12},"arguments":["find",42]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":164,"character":52}}]}],"treeData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":169,"character":12}}]}],"treeActivatedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":174,"character":3}}]}],"treeActivatedId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}}]}],"treeExpandedLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":184,"character":12},"arguments":["find",0]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":184,"character":52}}]}],"treeChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":189,"character":3}}]}],"treeCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":194,"character":12}}]}],"treeTableConnect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}}]}]}},"XFindOption":{"__symbolic":"interface"}},"origins":{"XFindComponent":"./find.component","XFindModule":"./find.module","XFindPrefix":"./find.property","XFindSearchOption":"./find.property","XFindProperty":"./find.property","XFindOption":"./find.property"},"importAs":"@ng-nest/ui/find"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"XFindComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XFindProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XFindPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":25,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":26,"character":19},"member":"OnPush"},"providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XValueAccessor","line":27,"character":14},"arguments":[{"__symbolic":"reference","name":"XFindComponent"}]}],"template":"<div\r\n #find\r\n class=\"x-find\"\r\n [class.x-flex]=\"justify || align || direction\"\r\n [class.x-checked]=\"value\"\r\n [class.x-disabled]=\"disabled\"\r\n [class.x-required]=\"requiredIsEmpty\"\r\n [class.x-invalid]=\"invalid\"\r\n>\r\n <label *ngIf=\"label\" [style.width]=\"labelWidth\" [ngClass]=\"labelMap\">{{ label }}</label>\r\n <div class=\"x-find-row\">\r\n <x-button #buttonCom icon=\"fto-search\" [disabled]=\"disabled\" (click)=\"showModal()\"></x-button>\r\n <div class=\"x-find-tags\">\r\n <ng-container *ngIf=\"multiple; else singleTpl\">\r\n <x-tag *ngFor=\"let item of value; index as i; trackBy: trackByItem\" closable [disabled]=\"disabled\" (close)=\"tagClose(i)\">{{\r\n item[columnLabel]\r\n }}</x-tag>\r\n </ng-container>\r\n <ng-template #singleTpl>\r\n <x-tag *ngIf=\"value\" closable [disabled]=\"disabled\" (close)=\"tagClose()\">{{ value[columnLabel] }}</x-tag>\r\n </ng-template>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n<x-dialog\r\n #dialogCom\r\n [title]=\"dialogTitle\"\r\n [width]=\"dialogWidth\"\r\n [height]=\"dialogHeight\"\r\n [buttonsCenter]=\"dialogButtonsCenter\"\r\n [(visible)]=\"dialogVisible\"\r\n (visibleChange)=\"dialogVisibleChange.emit($event)\"\r\n (closeDone)=\"dialogCloseDone()\"\r\n (cancel)=\"closeModal()\"\r\n (close)=\"closeModal()\"\r\n (confirm)=\"sure()\"\r\n>\r\n <div class=\"x-find-dialog\" [class.x-find-dialog-tree-table]=\"hasTable && hasTree\">\r\n <div class=\"x-find-dialog-tree\" *ngIf=\"hasTree\" #treeRef [style.height.px]=\"hasTreeTable && multiple && height\">\r\n <x-tree\r\n #treeCom\r\n [data]=\"treeData\"\r\n nodeHeight=\"1.8\"\r\n [(manual)]=\"dialogVisible\"\r\n [activatedId]=\"treeActivatedId\"\r\n [expandedLevel]=\"treeExpandedLevel\"\r\n (activatedChange)=\"treeActivatedClick($event)\"\r\n [checkbox]=\"hasTreeMultiple\"\r\n [checked]=\"treeChecked\"\r\n (checkboxChange)=\"treeCheckboxChange($event)\"\r\n [levelCheck]=\"!hasTreeMultiple\"\r\n ></x-tree>\r\n </div>\r\n <div class=\"x-find-dialog-table\" *ngIf=\"hasTable\" #tableRef>\r\n <div class=\"x-find-search\" *ngIf=\"hasSearch\">\r\n <x-input [label]=\"search.label\" direction=\"row\" (xKeydown)=\"searchKeyDown($event)\" [(ngModel)]=\"search.value\"></x-input>\r\n <x-button type=\"primary\" plain (click)=\"searchClick()\">{{ search.button || '查询' }}</x-button>\r\n </div>\r\n <x-table\r\n #tableCom\r\n [data]=\"tableData\"\r\n [columns]=\"tableColumns\"\r\n [(manual)]=\"dialogVisible\"\r\n [(index)]=\"tableIndex\"\r\n [(size)]=\"tableSize\"\r\n [query]=\"tableQuery\"\r\n [total]=\"tableTotal\"\r\n [allowSelectRow]=\"!multiple\"\r\n [checkedRow]=\"tableCheckedRow\"\r\n [loading]=\"tableLoading\"\r\n (indexChange)=\"tableIndexChange.emit($event)\"\r\n (sortChange)=\"tableSortChange.emit($event)\"\r\n [(activatedRow)]=\"tableActivatedRow\"\r\n (activatedRowChange)=\"tableActivatedRowChange($event)\"\r\n [rowHeight]=\"tableRowHeight\"\r\n [bodyHeight]=\"tableBodyHeight\"\r\n [virtualScroll]=\"tableVirtualScroll\"\r\n [minBufferPx]=\"tableMinBufferPx\"\r\n [maxBufferPx]=\"tableMaxBufferPx\"\r\n [adaptionHeight]=\"tableAdaptionHeight\"\r\n [docPercent]=\"tableDocPercent\"\r\n ></x-table>\r\n </div>\r\n <div *ngIf=\"multiple\" class=\"x-find-dialog-checked\" [class.x-find-empty]=\"getEmpty\" [style.height.px]=\"height\">\r\n <x-empty *ngIf=\"getEmpty\" [content]=\"dialogEmptyContent\"></x-empty>\r\n <div class=\"x-find-dialog-tags\">\r\n <x-tag *ngFor=\"let item of temp; index as i; trackBy: trackByItem\" closable (close)=\"tempClose(i, item)\">\r\n <span>{{ item[columnLabel] }}</span>\r\n </x-tag>\r\n </div>\r\n </div>\r\n </div>\r\n</x-dialog>\r\n\r\n<ng-template #treeLabelTpl let-node=\"$node\">\r\n <div class=\"x-find-dialog-tree-node\">\r\n <span>{{ node.label }} </span>\r\n <x-icon type=\"fto-check\" *ngIf=\"node.$checked\"></x-icon>\r\n </div>\r\n</ng-template>\r\n","styles":[".x-find{margin:0;padding:0;width:100%}.x-find.x-flex{display:flex}.x-find.x-justify-start{justify-content:flex-start}.x-find.x-justify-center{justify-content:center}.x-find.x-justify-end{justify-content:flex-end}.x-find.x-justify-space-between{justify-content:space-between}.x-find.x-justify-space-around{justify-content:space-around}.x-find.x-align-start{align-items:flex-start}.x-find.x-align-center{align-items:center}.x-find.x-align-end{align-items:flex-end}.x-find.x-direction-column{flex-direction:column}.x-find.x-direction-column-reverse{flex-direction:column-reverse}.x-find.x-direction-row{flex-direction:row}.x-find.x-direction-row-reverse{flex-direction:row-reverse}.x-find>label{display:inline-block;white-space:nowrap;height:calc(var(--x-font-size) + .875rem);line-height:calc(var(--x-font-size) + .875rem);position:relative;color:var(--x-text-300);font-weight:600}.x-find>label.x-text-align-start{text-align:start}.x-find>label.x-text-align-center{text-align:center}.x-find>label.x-text-align-end{text-align:end}.x-find-row{flex:1;display:flex;align-items:flex-start;position:relative}.x-find-tags{margin:-.0625rem -.0625rem -.0625rem .4375rem}.x-find-tags>x-tag{margin:.0625rem}.x-find.x-required>label{color:var(--x-danger)}.x-find.x-direction-row>label{padding:0 .5rem 0 0}.x-find.x-direction-row-reverse>label{padding:0 0 0 .5rem}.x-find.x-direction-column,.x-find.x-direction-column-reverse{align-items:inherit}.x-find-dialog{flex:1;display:flex}.x-find-dialog-table{flex:1;min-height:18.75rem;height:-moz-fit-content;height:fit-content}.x-find-dialog-tree{flex:1;min-height:18.75rem;max-height:25rem;overflow-y:auto}.x-find-dialog-tree .x-tree-node-content.x-activated{color:var(--x-primary)}.x-find-dialog-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between}.x-find-dialog-tree-node>span{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-user-select:none;user-select:none}.x-find-dialog-tree-table .x-find-dialog-tree{flex:initial;min-height:0;max-height:none;width:14rem;margin-right:1rem;padding-right:1rem;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-find-dialog-checked{margin-left:1rem;border-left:var(--x-border-width) var(--x-border-style) var(--x-border);padding-left:1rem;width:10rem;overflow-y:auto;height:100%}.x-find-dialog-checked x-tag{display:block}.x-find-dialog-checked x-tag:not(:first-child){margin-top:.5rem}.x-find-dialog-checked x-tag .x-tag{width:100%;display:flex;justify-content:space-between}.x-find-dialog-checked x-tag .x-tag>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-find-dialog-checked.x-find-empty{display:flex;align-items:center;justify-content:center}.x-find-search{display:flex;padding:.3rem}.x-find-search .x-input,.x-find-search x-input{width:15rem}.x-find-search .x-button{margin-left:.5rem}"]}]}],"members":{"find":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":30,"character":3},"arguments":["find",{"static":true}]}]}],"dialogCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":31,"character":3},"arguments":["dialogCom"]}]}],"tableCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":32,"character":3},"arguments":["tableCom"]}]}],"treeCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":33,"character":3},"arguments":["treeCom"]}]}],"buttonCom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":34,"character":3},"arguments":["buttonCom"]}]}],"tableRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":40,"character":3},"arguments":["tableRef"]}]}],"treeRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":52,"character":3},"arguments":["treeRef"]}]}],"writeValue":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":97,"character":31},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":97,"character":55},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":97,"character":96}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setSubscribe":[{"__symbolic":"method"}],"setMultiple":[{"__symbolic":"method"}],"setWidth":[{"__symbolic":"method"}],"showModal":[{"__symbolic":"method"}],"setTableCheckedRow":[{"__symbolic":"method"}],"setTreeChecked":[{"__symbolic":"method"}],"sure":[{"__symbolic":"method"}],"closeModal":[{"__symbolic":"method"}],"dialogCloseDone":[{"__symbolic":"method"}],"tempClose":[{"__symbolic":"method"}],"tagClose":[{"__symbolic":"method"}],"tableActivatedRowChange":[{"__symbolic":"method"}],"rowMultiple":[{"__symbolic":"method"}],"treeMultiple":[{"__symbolic":"method"}],"treeActivatedClick":[{"__symbolic":"method"}],"treeCheckboxChange":[{"__symbolic":"method"}],"trackByItem":[{"__symbolic":"method"}],"formControlChanges":[{"__symbolic":"method"}],"searchKeyDown":[{"__symbolic":"method"}],"searchClick":[{"__symbolic":"method"}]}},"XFindModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":15,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XFindComponent"},{"__symbolic":"reference","name":"XFindProperty"}],"exports":[{"__symbolic":"reference","name":"XFindComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":19,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":20,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":21,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/tag","name":"XTagModule","line":22,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/button","name":"XButtonModule","line":23,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/dialog","name":"XDialogModule","line":24,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/table","name":"XTableModule","line":25,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/tree","name":"XTreeModule","line":26,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":27,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/empty","name":"XEmptyModule","line":28,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/input","name":"XInputModule","line":29,"character":4},{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XBaseFormModule","line":30,"character":4}]}]}],"members":{}},"XFindPrefix":"x-find","XFindSearchOption":{"__symbolic":"interface"},"XFindProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/base-form","name":"XControlValueAccessor","line":23,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"template":""}]}],"members":{"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":28,"character":12}}]}],"columnLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":33,"character":12},"arguments":["find","label"]}]}],"dialogTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":38,"character":12},"arguments":["find","查找选择"]}]}],"dialogCheckboxLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":43,"character":12},"arguments":["find","选择"]}]}],"dialogCheckboxWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":48,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":48,"character":12},"arguments":["find",60]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":48,"character":52}}]}],"dialogEmptyContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":53,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":53,"character":12},"arguments":["find","请选择数据"]}]}],"dialogWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"dialogHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"dialogVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":68,"character":12}}]}],"dialogVisibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":3}}]}],"dialogButtonsCenter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":78,"character":12},"arguments":["find"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":78,"character":50}}]}],"tableData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"tableIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":89,"character":12},"arguments":["find",1]}]}],"tableSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":94,"character":12},"arguments":["find",10]}]}],"tableQuery":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"tableTotal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"tableIndexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":109,"character":3}}]}],"tableSizeChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":114,"character":3}}]}],"tableSortChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":119,"character":3}}]}],"tableColumns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"tableActivatedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":129,"character":3}}]}],"tableRowEmit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":134,"character":3}}]}],"tableCheckedRow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":139,"character":3}}]}],"tableLoading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":144,"character":12},"arguments":["find",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":144,"character":57}}]}],"tableVirtualScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":149,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":149,"character":12},"arguments":["find",false]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":149,"character":56}}]}],"tableBodyHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":154,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":154,"character":12}}]}],"tableMinBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":3}}]}],"tableMaxBufferPx":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":3}}]}],"tableAdaptionHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":169,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":169,"character":12}}]}],"tableDocPercent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":174,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":174,"character":12}}]}],"tableRowHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":179,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":179,"character":12},"arguments":["find",42]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":179,"character":52}}]}],"treeData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":184,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XDataConvert","line":184,"character":12}}]}],"treeActivatedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":189,"character":3}}]}],"treeActivatedId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":194,"character":3}}]}],"treeExpandedLevel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":199,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":199,"character":12},"arguments":["find",0]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":199,"character":52}}]}],"treeChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":204,"character":3}}]}],"treeCheckbox":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":209,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":209,"character":12}}]}],"treeTableConnect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":214,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":219,"character":3}}]}]}},"XFindOption":{"__symbolic":"interface"}},"origins":{"XFindComponent":"./find.component","XFindModule":"./find.module","XFindPrefix":"./find.property","XFindSearchOption":"./find.property","XFindProperty":"./find.property","XFindOption":"./find.property"},"importAs":"@ng-nest/ui/find"}
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"XTabsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTabsProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTabsPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated && type !== 'tag'\"\r\n [justify]=\"justify\"\r\n [nodeJustify]=\"nodeJustify\"\r\n [data]=\"sliderOption.data\"\r\n [layout]=\"sliderOption.layout\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [activatedIndex]=\"sliderOption.activatedIndex\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n <x-tab-content\r\n *ngFor=\"let tab of listTabs; index as i\"\r\n [active]=\"activeIndex == i\"\r\n [content]=\"tab.content\"\r\n [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n </div>\r\n</div>\r\n","styles":[".x-tabs{margin:0;padding:0}.x-tabs,.x-tabs-contents{display:flex;overflow:hidden}.x-tabs-contents{flex:1;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}"]}]}],"members":{"listTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":35,"character":3},"arguments":[{"__symbolic":"reference","name":"XTabComponent"}]}]}],"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"@ng-nest/ui/slider","name":"XSliderComponent","line":37,"character":13},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":27},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":39,"character":68}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"activatedChange":[{"__symbolic":"method"}],"setActivatedIndex":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setLayout":[{"__symbolic":"method"}],"setNodeJustify":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setSliderOption":[{"__symbolic":"method"}],"setFirstAndLast":[{"__symbolic":"method"}]}},"XTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTabProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTabPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<ng-template>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":11,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":13,"character":36}]}]}},"XTabContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"x-tab-content","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<ng-container>\r\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":64}]}]}},"XTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XTabsComponent"},{"__symbolic":"reference","name":"XTabContentComponent"},{"__symbolic":"reference","name":"XTabComponent"},{"__symbolic":"reference","name":"XTabsProperty"},{"__symbolic":"reference","name":"XTabProperty"}],"exports":[{"__symbolic":"reference","name":"XTabsComponent"},{"__symbolic":"reference","name":"XTabContentComponent"},{"__symbolic":"reference","name":"XTabComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/slider","name":"XSliderModule","line":12,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":12,"character":41}]}]}],"members":{}},"XTabsPrefix":"x-tabs","XTabsProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":27,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"justify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"activatedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":52,"character":12}}]}],"animated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":57,"character":12}}]}],"nodeTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":67,"character":12},"arguments":["tabs","medium"]}]}],"nodeJustify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"sliderHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":77,"character":12}}]}],"indexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}]}},"XTabsNode":{"__symbolic":"interface"},"XActivatedTab":{"__symbolic":"interface"},"XTabsType":{"__symbolic":"interface"},"XTabsLayout":{"__symbolic":"interface"},"XTabPrefix":"x-tab","XTabProperty":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":122,"character":1},"arguments":[{"template":""}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}]}}},"origins":{"XTabsComponent":"./tabs.component","XTabComponent":"./tab.component","XTabContentComponent":"./tab-content.component","XTabsModule":"./tabs.module","XTabsPrefix":"./tabs.property","XTabsProperty":"./tabs.property","XTabsNode":"./tabs.property","XActivatedTab":"./tabs.property","XTabsType":"./tabs.property","XTabsLayout":"./tabs.property","XTabPrefix":"./tabs.property","XTabProperty":"./tabs.property"},"importAs":"@ng-nest/ui/tabs"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"XTabsComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTabsProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTabsPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":23,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<div class=\"x-tabs\" [ngClass]=\"classMap\">\r\n <div #list class=\"x-tabs-list\" *ngIf=\"!sliderHidden\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated && type !== 'tag'\"\r\n [justify]=\"justify\"\r\n [nodeJustify]=\"nodeJustify\"\r\n [data]=\"sliderOption.data\"\r\n [layout]=\"sliderOption.layout\"\r\n [size]=\"size\"\r\n [nodeTpl]=\"nodeTpl\"\r\n [activatedIndex]=\"sliderOption.activatedIndex\"\r\n (indexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n </div>\r\n <div #content class=\"x-tabs-contents\" [class.x-tabs-contents-animated]=\"animated && (layout === 'top' || layout === 'bottom')\">\r\n <x-tab-content\r\n *ngFor=\"let tab of listTabs; index as i\"\r\n [active]=\"activeIndex == i\"\r\n [content]=\"tab.content\"\r\n [class.x-tab-content-unactivated]=\"activeIndex != i\"\r\n [style.transform]=\"'translate(' + (-activeIndex || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n </div>\r\n</div>\r\n","styles":[".x-tabs{margin:0;padding:0}.x-tabs,.x-tabs-contents{display:flex;overflow:hidden}.x-tabs-contents{flex:1;flex-direction:row}.x-tabs-contents>.x-tab-content{flex-shrink:0;width:100%;opacity:1;height:-moz-fit-content;height:fit-content}.x-tabs-contents>.x-tab-content.x-tab-content-unactivated{transition:height 0s,opacity 0s;height:0;opacity:0}.x-tabs-contents-animated>.x-tab-content{transition:transform var(--x-animation-duration-slow) cubic-bezier(.645,.045,.355,1),height 0s,opacity var(--x-animation-duration-slow)}.x-tabs-contents-animated>.x-tab-content.x-tab-content-unactivated{display:inherit}.x-tabs-list{display:flex}.x-tabs-top{flex-direction:column}.x-tabs-right{flex-direction:row-reverse}.x-tabs-bottom{flex-direction:column-reverse}.x-tabs-left{flex-direction:row}.x-tabs-block.x-tabs-top>.x-tabs-list{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-top>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.x-tabs-block.x-tabs-right>.x-tabs-list{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-right>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.x-tabs-block.x-tabs-bottom>.x-tabs-list{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-bottom>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.x-tabs-block.x-tabs-left>.x-tabs-list{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider{width:100%}.x-tabs-block.x-tabs-left>.x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.x-tabs-tag.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;bottom:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;left:0;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list{border-bottom:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;top:0;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-right-radius:.125rem}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-left:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider:before{content:\" \";position:absolute;right:0;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li{border:var(--x-border-width) var(--x-border-style) var(--x-border);background-color:var(--x-background)}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:first-child{border-top-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:nth-last-child(2){border-bottom-left-radius:.125rem}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li:not(:first-child){border-top:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{display:none}.x-tabs-tag.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-top{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-top .x-tabs-list{border-bottom:none}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-bottom-color:var(--x-background)}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-top .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-top.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-right{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-right .x-tabs-list{border-left:none}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-left-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-left-color:var(--x-background)}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-right .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-right.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}.x-tabs-card.x-tabs-bottom{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-bottom .x-tabs-list{border-top:none}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;width:100%;border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:after{top:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll:before{bottom:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border);border-right:var(--x-border-width) var(--x-border-style) var(--x-border);border-top-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-top-color:var(--x-background)}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:0}.x-tabs-card.x-tabs-bottom .x-tabs-list>x-slider .x-slider-arrow-right{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-left:none}.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-left:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-bottom.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-right:none}.x-tabs-card.x-tabs-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-left:none;box-shadow:var(--x-box-shadow) var(--x-box-shadow-light-color)}.x-tabs-card.x-tabs-left .x-tabs-list{border-right:none}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider{width:100%}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll{background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after,.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{content:\" \";position:absolute;height:100%;border-right:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:after{left:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll:before{right:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul{z-index:1}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border);border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border);border-right-color:var(--x-background);background-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-scroll>ul>li.x-slider-activated{border-right-color:var(--x-background)}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-left{border:var(--x-border-width) var(--x-border-style) var(--x-border);border-top:0}.x-tabs-card.x-tabs-left .x-tabs-list>x-slider .x-slider-arrow-right{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-top:none}.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-first .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-top:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-center ul li.x-slider-highlight,.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-start ul li.x-slider-highlight{border-bottom:var(--x-border-width) var(--x-border-style) var(--x-border)}.x-tabs-card.x-tabs-left.x-tabs-is-last .x-tabs-list>x-slider .x-slider-scroll.x-justify-end ul li.x-slider-highlight{border-bottom:none}"]}]}],"members":{"listTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":35,"character":3},"arguments":[{"__symbolic":"reference","name":"XTabComponent"}]}]}],"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":[{"__symbolic":"reference","module":"@ng-nest/ui/slider","name":"XSliderComponent","line":37,"character":13},{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":39,"character":27},{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":39,"character":68}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"activatedChange":[{"__symbolic":"method"}],"setActivatedIndex":[{"__symbolic":"method"}],"setClassMap":[{"__symbolic":"method"}],"setLayout":[{"__symbolic":"method"}],"setNodeJustify":[{"__symbolic":"method"}],"setData":[{"__symbolic":"method"}],"setSliderOption":[{"__symbolic":"method"}],"setFirstAndLast":[{"__symbolic":"method"}]}},"XTabComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"XTabProperty"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":{"__symbolic":"reference","name":"XTabPrefix"},"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":7,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":8,"character":19},"member":"OnPush"},"template":"<ng-template>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":11,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":11,"character":13},{"static":true}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XConfigService","line":13,"character":36}]}]}},"XTabContentComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"x-tab-content","preserveWhitespaces":false,"encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":14,"character":17},"member":"None"},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":15,"character":19},"member":"OnPush"},"template":"<ng-container>\r\n <ng-template [ngTemplateOutlet]=\"content\"></ng-template>\r\n</ng-container>\r\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":21,"character":34},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":64}]}]}},"XTabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"XTabsComponent"},{"__symbolic":"reference","name":"XTabContentComponent"},{"__symbolic":"reference","name":"XTabComponent"},{"__symbolic":"reference","name":"XTabsProperty"},{"__symbolic":"reference","name":"XTabProperty"}],"exports":[{"__symbolic":"reference","name":"XTabsComponent"},{"__symbolic":"reference","name":"XTabContentComponent"},{"__symbolic":"reference","name":"XTabComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":12},{"__symbolic":"reference","module":"@ng-nest/ui/slider","name":"XSliderModule","line":12,"character":26},{"__symbolic":"reference","module":"@ng-nest/ui/icon","name":"XIconModule","line":12,"character":41}]}]}],"members":{}},"XTabsPrefix":"x-tabs","XTabsProperty":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XProperty","line":27,"character":35},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"template":""}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"justify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":37,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":42,"character":3}}]}],"layout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":3}}]}],"activatedIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputNumber","line":52,"character":12}}]}],"animated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":57,"character":12}}]}],"nodeTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XWithConfig","line":67,"character":12},"arguments":["tabs","medium"]}]}],"nodeJustify":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"sliderHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@ng-nest/ui/core","name":"XInputBoolean","line":77,"character":12}}]}],"indexChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}]}},"XTabsNode":{"__symbolic":"interface"},"XActivatedTab":{"__symbolic":"interface"},"XTabsType":{"__symbolic":"interface"},"XTabsLayout":{"__symbolic":"interface"},"XTabPrefix":"x-tab","XTabProperty":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":122,"character":1},"arguments":[{"template":""}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}]}}},"origins":{"XTabsComponent":"./tabs.component","XTabComponent":"./tab.component","XTabContentComponent":"./tab-content.component","XTabsModule":"./tabs.module","XTabsPrefix":"./tabs.property","XTabsProperty":"./tabs.property","XTabsNode":"./tabs.property","XActivatedTab":"./tabs.property","XTabsType":"./tabs.property","XTabsLayout":"./tabs.property","XTabPrefix":"./tabs.property","XTabProperty":"./tabs.property"},"importAs":"@ng-nest/ui/tabs"}
|