@ng-nest/ui 20.0.7 → 20.1.0
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/auto-complete/index.d.ts +33 -8
- package/base-form/index.d.ts +3 -3
- package/calendar/index.d.ts +1 -2
- package/cascade/index.d.ts +33 -8
- package/checkbox/index.d.ts +3 -3
- package/color-picker/index.d.ts +34 -8
- package/core/index.d.ts +40 -8
- package/date-picker/index.d.ts +57 -12
- package/dropdown/index.d.ts +4 -4
- package/fesm2022/ng-nest-ui-affix.mjs +12 -12
- package/fesm2022/ng-nest-ui-affix.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-alert.mjs +35 -35
- package/fesm2022/ng-nest-ui-alert.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-anchor.mjs +31 -31
- package/fesm2022/ng-nest-ui-anchor.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-api.mjs +7 -7
- package/fesm2022/ng-nest-ui-api.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-auto-complete.mjs +82 -72
- package/fesm2022/ng-nest-ui-auto-complete.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-avatar.mjs +31 -31
- package/fesm2022/ng-nest-ui-avatar.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-back-top.mjs +18 -18
- package/fesm2022/ng-nest-ui-back-top.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-badge.mjs +23 -23
- package/fesm2022/ng-nest-ui-badge.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-base-form.mjs +45 -45
- package/fesm2022/ng-nest-ui-base-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-button.mjs +42 -42
- package/fesm2022/ng-nest-ui-button.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-calendar.mjs +20 -20
- package/fesm2022/ng-nest-ui-calendar.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-card.mjs +15 -15
- package/fesm2022/ng-nest-ui-card.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-carousel.mjs +46 -46
- package/fesm2022/ng-nest-ui-carousel.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-cascade.mjs +86 -76
- package/fesm2022/ng-nest-ui-cascade.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-checkbox.mjs +39 -39
- package/fesm2022/ng-nest-ui-checkbox.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-collapse.mjs +31 -31
- package/fesm2022/ng-nest-ui-collapse.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color-picker.mjs +91 -72
- package/fesm2022/ng-nest-ui-color-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-color.mjs +16 -16
- package/fesm2022/ng-nest-ui-color.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-comment.mjs +21 -21
- package/fesm2022/ng-nest-ui-comment.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-container.mjs +37 -37
- package/fesm2022/ng-nest-ui-container.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-core.mjs +38 -22
- package/fesm2022/ng-nest-ui-core.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-crumb.mjs +13 -13
- package/fesm2022/ng-nest-ui-crumb.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-date-picker.mjs +273 -253
- package/fesm2022/ng-nest-ui-date-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-description.mjs +31 -31
- package/fesm2022/ng-nest-ui-description.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dialog.mjs +81 -81
- package/fesm2022/ng-nest-ui-dialog.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-doc.mjs +7 -7
- package/fesm2022/ng-nest-ui-doc.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-drag.mjs +10 -10
- package/fesm2022/ng-nest-ui-drag.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-drawer.mjs +42 -42
- package/fesm2022/ng-nest-ui-drawer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-dropdown.mjs +49 -49
- package/fesm2022/ng-nest-ui-dropdown.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-empty.mjs +12 -12
- package/fesm2022/ng-nest-ui-empty.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-examples.mjs +7 -7
- package/fesm2022/ng-nest-ui-examples.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-find.mjs +79 -77
- package/fesm2022/ng-nest-ui-find.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-form.mjs +33 -33
- package/fesm2022/ng-nest-ui-form.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-highlight.mjs +20 -20
- package/fesm2022/ng-nest-ui-highlight.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-i18n.mjs +15 -15
- package/fesm2022/ng-nest-ui-i18n.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-icon.mjs +21 -21
- package/fesm2022/ng-nest-ui-icon.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-image.mjs +39 -39
- package/fesm2022/ng-nest-ui-image.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-inner.mjs +11 -11
- package/fesm2022/ng-nest-ui-inner.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input-number.mjs +42 -42
- package/fesm2022/ng-nest-ui-input-number.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-input.mjs +102 -81
- package/fesm2022/ng-nest-ui-input.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-keyword.mjs +15 -15
- package/fesm2022/ng-nest-ui-keyword.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-layout.mjs +31 -31
- package/fesm2022/ng-nest-ui-layout.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-link.mjs +18 -18
- package/fesm2022/ng-nest-ui-link.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-list.mjs +80 -80
- package/fesm2022/ng-nest-ui-list.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-loading.mjs +22 -22
- package/fesm2022/ng-nest-ui-loading.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-menu.mjs +45 -45
- package/fesm2022/ng-nest-ui-menu.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message-box.mjs +10 -10
- package/fesm2022/ng-nest-ui-message-box.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-message.mjs +10 -10
- package/fesm2022/ng-nest-ui-message.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-notification.mjs +10 -10
- package/fesm2022/ng-nest-ui-notification.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-outlet.mjs +9 -9
- package/fesm2022/ng-nest-ui-outlet.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-page-header.mjs +15 -15
- package/fesm2022/ng-nest-ui-page-header.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pagination.mjs +53 -53
- package/fesm2022/ng-nest-ui-pagination.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-pattern.mjs +7 -7
- package/fesm2022/ng-nest-ui-pattern.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-popconfirm.mjs +27 -27
- package/fesm2022/ng-nest-ui-popconfirm.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-popover.mjs +38 -38
- package/fesm2022/ng-nest-ui-popover.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-portal.mjs +7 -7
- package/fesm2022/ng-nest-ui-portal.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-progress.mjs +38 -38
- package/fesm2022/ng-nest-ui-progress.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-radio.mjs +36 -36
- package/fesm2022/ng-nest-ui-radio.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-rate.mjs +30 -30
- package/fesm2022/ng-nest-ui-rate.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-resizable.mjs +16 -16
- package/fesm2022/ng-nest-ui-resizable.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-result.mjs +16 -16
- package/fesm2022/ng-nest-ui-result.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-ripple.mjs +13 -13
- package/fesm2022/ng-nest-ui-ripple.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-scrollable.mjs +102 -19
- package/fesm2022/ng-nest-ui-scrollable.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-select.mjs +121 -111
- package/fesm2022/ng-nest-ui-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-skeleton.mjs +15 -15
- package/fesm2022/ng-nest-ui-skeleton.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-slider-select.mjs +54 -54
- package/fesm2022/ng-nest-ui-slider-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-slider.mjs +39 -39
- package/fesm2022/ng-nest-ui-slider.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-statistic.mjs +30 -30
- package/fesm2022/ng-nest-ui-statistic.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-steps.mjs +19 -19
- package/fesm2022/ng-nest-ui-steps.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-switch.mjs +26 -26
- package/fesm2022/ng-nest-ui-switch.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table-view.mjs +490 -242
- package/fesm2022/ng-nest-ui-table-view.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-table.mjs +221 -221
- package/fesm2022/ng-nest-ui-table.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tabs.mjs +58 -58
- package/fesm2022/ng-nest-ui-tabs.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tag.mjs +22 -22
- package/fesm2022/ng-nest-ui-tag.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-text-retract.mjs +15 -15
- package/fesm2022/ng-nest-ui-text-retract.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-textarea.mjs +41 -41
- package/fesm2022/ng-nest-ui-textarea.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-theme.mjs +23 -23
- package/fesm2022/ng-nest-ui-theme.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-ago.mjs +7 -7
- package/fesm2022/ng-nest-ui-time-ago.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-picker.mjs +104 -94
- package/fesm2022/ng-nest-ui-time-picker.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-time-range.mjs +7 -7
- package/fesm2022/ng-nest-ui-time-range.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-timeline.mjs +15 -15
- package/fesm2022/ng-nest-ui-timeline.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tooltip.mjs +38 -38
- package/fesm2022/ng-nest-ui-tooltip.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-transfer.mjs +40 -40
- package/fesm2022/ng-nest-ui-transfer.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-file.mjs +28 -28
- package/fesm2022/ng-nest-ui-tree-file.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree-select.mjs +126 -116
- package/fesm2022/ng-nest-ui-tree-select.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-tree.mjs +107 -107
- package/fesm2022/ng-nest-ui-tree.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-typography.mjs +13 -13
- package/fesm2022/ng-nest-ui-typography.mjs.map +1 -1
- package/fesm2022/ng-nest-ui-upload.mjs +37 -37
- package/fesm2022/ng-nest-ui-upload.mjs.map +1 -1
- package/find/index.d.ts +5 -5
- package/form/index.d.ts +1 -1
- package/input/index.d.ts +32 -5
- package/input-number/index.d.ts +5 -5
- package/list/index.d.ts +2 -2
- package/message-box/index.d.ts +4 -5
- package/package.json +20 -20
- package/radio/index.d.ts +3 -3
- package/rate/index.d.ts +5 -5
- package/scrollable/index.d.ts +15 -7
- package/select/index.d.ts +38 -8
- package/slider-select/index.d.ts +3 -3
- package/steps/index.d.ts +1 -2
- package/switch/index.d.ts +3 -3
- package/table-view/index.d.ts +121 -79
- package/textarea/index.d.ts +3 -3
- package/theme/index.d.ts +1 -1
- package/time-picker/index.d.ts +33 -8
- package/transfer/index.d.ts +1 -1
- package/tree-select/index.d.ts +33 -8
- package/upload/index.d.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-tabs.mjs","sources":["../../../../lib/ng-nest/ui/tabs/tabs.property.ts","../../../../lib/ng-nest/ui/tabs/tab-link.directive.ts","../../../../lib/ng-nest/ui/tabs/tab.component.ts","../../../../lib/ng-nest/ui/tabs/tab.component.html","../../../../lib/ng-nest/ui/tabs/tab-content.component.ts","../../../../lib/ng-nest/ui/tabs/tab-content.component.html","../../../../lib/ng-nest/ui/tabs/tabs.component.ts","../../../../lib/ng-nest/ui/tabs/tabs.component.html","../../../../lib/ng-nest/ui/tabs/tabs.module.ts","../../../../lib/ng-nest/ui/tabs/ng-nest-ui-tabs.ts"],"sourcesContent":["import { XToDataArray, XPropertyFunction, XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { TemplateRef, Component, input, model, output } from '@angular/core';\r\nimport type {\r\n XJustify,\r\n XSize,\r\n XIdentityProperty,\r\n XTemplate,\r\n XBoolean,\r\n XTrigger,\r\n XDataArray,\r\n XNumber\r\n} from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Tabs\r\n * @selector x-tabs\r\n * @decorator component\r\n */\r\nexport const XTabsPrefix = 'x-tabs';\r\nconst X_TABS_CONFIG_NAME = 'tabs';\r\n\r\n/**\r\n * Tabs Property\r\n */\r\n@Component({ selector: `${XTabsPrefix}-property`, template: '' })\r\nexport class XTabsProperty extends XPropertyFunction(X_TABS_CONFIG_NAME) {\r\n /**\r\n * @zh_CN Data 数据\r\n * @en_US Data\r\n */\r\n readonly data = input<XTabsNode[], XDataArray<XTabsNode>>([], { transform: XToDataArray });\r\n /**\r\n * @zh_CN 对齐方式\r\n * @en_US Alignment\r\n */\r\n readonly justify = input<XJustify>('start');\r\n /**\r\n * @zh_CN 样式\r\n * @en_US Style\r\n */\r\n readonly type = input<XTabsType>('block');\r\n /**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\n readonly layout = input<XTabsLayout>('top');\r\n /**\r\n * @zh_CN 触发方式\r\n * @en_US Trigger mode\r\n */\r\n readonly trigger = input<XTabsTrigger>(this.config?.trigger ?? 'click');\r\n /**\r\n * @zh_CN 激活的序号\r\n * @en_US Activation number\r\n */\r\n readonly activatedIndex = model<number>(0);\r\n /**\r\n * @zh_CN 动画\r\n * @en_US Animation\r\n */\r\n readonly animated = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 节点模板\r\n * @en_US Node template\r\n */\r\n readonly nodeTpl = input<TemplateRef<any>>();\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 节点排列方式\r\n * @en_US Node arrangement\r\n */\r\n readonly nodeJustify = input<XJustify>();\r\n /**\r\n * @zh_CN 隐藏标签栏,只有一个标签页时候默认隐藏(存在自定义操作模版的时候不会)\r\n * @en_US Hide the label bar, there is only one tab, the default hidden\r\n */\r\n readonly sliderHidden = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 标签栏上的自定义操作模版\r\n * @en_US Custom template on the label bar\r\n */\r\n readonly actionTpl = input<TemplateRef<any>>();\r\n /**\r\n * @zh_CN 标签页显示不下的时候显示展开所有的按钮,布局为 top 、bottom 的时候生效\r\n * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row\r\n */\r\n readonly showExpand = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 展开所有弹框的最大高度\r\n * @en_US Expand the maximum height of all bomb frames\r\n */\r\n readonly expandMaxHeight = input<string, XNumber>(this.config?.expandMaxHeight ?? '15rem', {\r\n transform: XToCssPixelValue\r\n });\r\n /**\r\n * @zh_CN angular 路由联动\r\n * @en_US Link angular router\r\n */\r\n readonly linkRouter = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 以严格匹配模式确定联动的路由\r\n * @en_US Determine the linked route in strict matching mode\r\n */\r\n readonly linkExact = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 标签切换变化的事件\r\n * @en_US Label switching event\r\n */\r\n readonly indexChange = output<XActivatedTab>();\r\n}\r\n\r\n/**\r\n * @zh_CN Tabs 数据对象\r\n * @en_US Tabs data object\r\n */\r\nexport interface XTabsNode extends XIdentityProperty {\r\n /**\r\n * @zh_CN 禁用节点\r\n * @en_US Node disabled\r\n */\r\n disabled?: boolean;\r\n /**\r\n * @zh_CN 自定义属性\r\n * @en_US Custom properties\r\n */\r\n [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 触发方式\r\n * @en_US Trigger method\r\n */\r\nexport type XTabsTrigger = XTrigger;\r\n\r\n/**\r\n * @zh_CN 激活的tab\r\n * @en_US Active tab\r\n */\r\nexport interface XActivatedTab {\r\n activatedIndex?: number;\r\n activatedTab?: XTabsNode;\r\n}\r\n\r\n/**\r\n * @zh_CN 样式类型\r\n * @en_US Style type\r\n */\r\nexport type XTabsType = 'block' | 'tag' | 'card';\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XTabsLayout = 'top' | 'right' | 'bottom' | 'left';\r\n\r\n/**\r\n * Tab\r\n * @selector x-tab\r\n * @decorator component\r\n */\r\nexport const XTabPrefix = 'x-tab';\r\n\r\n/**\r\n * Tab Property\r\n */\r\n@Component({ selector: `${XTabPrefix}-property`, template: '' })\r\nexport class XTabProperty {\r\n /**\r\n * @zh_CN 标签名称,支持自定义模板\r\n * @en_US Label name, support custom template\r\n */\r\n readonly label = input<XTemplate>();\r\n /**\r\n * @zh_CN 禁用\r\n * @en_US Disabeld\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n","import { Directive, ElementRef, Host, Optional, Self, TemplateRef } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Directive({\r\n selector: 'ng-template[xTabLink]',\r\n exportAs: 'xTabLinkTemplate'\r\n})\r\nexport class XTabLinkTemplateDirective {\r\n constructor(@Host() public templateRef: TemplateRef<void>) {}\r\n}\r\n\r\n@Directive({\r\n selector: 'a[x-tab-link]',\r\n exportAs: 'xTabLink'\r\n})\r\nexport class XTabLinkDirective {\r\n constructor(\r\n public elementRef: ElementRef,\r\n @Optional() @Self() public routerLink?: RouterLink,\r\n @Optional() @Self() public routerLinkWithHref?: RouterLink\r\n ) {}\r\n}\r\n","import {\r\n ChangeDetectionStrategy,\r\n Component,\r\n TemplateRef,\r\n ViewEncapsulation,\r\n contentChild,\r\n viewChild\r\n} from '@angular/core';\r\nimport { XTabPrefix, XTabProperty } from './tabs.property';\r\nimport { XTabLinkDirective, XTabLinkTemplateDirective } from './tab-link.directive';\r\n\r\n@Component({\r\n selector: `${XTabPrefix}`,\r\n templateUrl: './tab.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabComponent extends XTabProperty {\r\n content = viewChild('contentTpl', { read: TemplateRef<any> });\r\n linkTemplateDirective = contentChild(XTabLinkTemplateDirective);\r\n linkDirective = contentChild(XTabLinkDirective);\r\n}\r\n","<ng-template #tabLinkTpl>\r\n <ng-content select=\"[x-tab-link]\"></ng-content>\r\n</ng-template>\r\n<ng-template #contentTpl>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, TemplateRef, ViewEncapsulation, input, HostBinding } from '@angular/core';\r\nimport { XBoolean, XToBoolean } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: 'x-tab-content',\r\n preserveWhitespaces: false,\r\n imports: [NgTemplateOutlet],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n templateUrl: './tab-content.component.html'\r\n})\r\nexport class XTabContentComponent {\r\n content = input<TemplateRef<any>>();\r\n active = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n\r\n @HostBinding('class.x-tab-content') _has = true;\r\n}\r\n","@if (active()) {\r\n <ng-template *ngTemplateOutlet=\"content()!\"></ng-template>\r\n}\r\n","import {\r\n Component,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n ElementRef,\r\n Renderer2,\r\n inject,\r\n OnDestroy,\r\n AfterViewInit,\r\n computed,\r\n contentChildren,\r\n viewChild\r\n} from '@angular/core';\r\nimport { XTabsPrefix, XTabsNode, XTabsProperty } from './tabs.property';\r\nimport { XIsEmpty, XConfigService, XResize, XResizeObserver } from '@ng-nest/ui/core';\r\nimport { Subject, takeUntil, filter, startWith, delay } from 'rxjs';\r\nimport { XSliderComponent } from '@ng-nest/ui/slider';\r\nimport { XTabComponent } from './tab.component';\r\nimport { NavigationEnd, Router, RouterLink } from '@angular/router';\r\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\r\nimport { XTabContentComponent } from './tab-content.component';\r\n\r\n@Component({\r\n selector: `${XTabsPrefix}`,\r\n imports: [NgClass, NgTemplateOutlet, XSliderComponent, XTabContentComponent],\r\n templateUrl: './tabs.component.html',\r\n styleUrls: ['./style/index.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabsComponent extends XTabsProperty implements OnDestroy, AfterViewInit {\r\n sliderLayout = computed(() => (['top', 'bottom'].indexOf(this.layout()) !== -1 ? 'row' : 'column'));\r\n private unSubject = new Subject<void>();\r\n private resizeObserver!: XResizeObserver;\r\n listTabs = contentChildren(XTabComponent, { read: XTabComponent });\r\n\r\n tabs = computed(() => {\r\n let data = this.data();\r\n if (XIsEmpty(data)) {\r\n const listTabs = this.listTabs();\r\n if (!XIsEmpty(listTabs)) {\r\n let _data: XTabsNode[] = [];\r\n listTabs.forEach((x, index) => {\r\n const label = x.linkTemplateDirective()?.templateRef || x.label();\r\n const id = x.label() || index;\r\n _data = [..._data, { id: id, label: label, disabled: x.disabled() }];\r\n });\r\n data = _data;\r\n }\r\n }\r\n return data;\r\n });\r\n\r\n slider = viewChild(XSliderComponent, { read: XSliderComponent });\r\n actionsRef = viewChild('actionsRef', { read: ElementRef<HTMLElement> });\r\n\r\n private renderer = inject(Renderer2);\r\n private router = inject(Router, { optional: true });\r\n configService = inject(XConfigService);\r\n\r\n classMap = computed(() => ({\r\n [`${XTabsPrefix}-${this.layout()}`]: !XIsEmpty(this.layout()),\r\n [`${XTabsPrefix}-${this.type()}`]: !XIsEmpty(this.type()),\r\n [`${XTabsPrefix}-is-first`]: this.activatedIndex() === 0,\r\n [`${XTabsPrefix}-is-last`]: this.activatedIndex() === this.tabs().length - 1\r\n }));\r\n\r\n nodeJustifySignal = computed(() =>\r\n this.nodeJustify()\r\n ? this.nodeJustify()\r\n : this.layout() === 'left'\r\n ? 'end'\r\n : this.layout() === 'right'\r\n ? 'start'\r\n : 'center'\r\n );\r\n\r\n sliderHiddenSignal = computed(() => {\r\n const sliderHidden = this.sliderHidden();\r\n if (!sliderHidden && !this.actionTpl()) {\r\n return this.tabs().length <= 1;\r\n }\r\n return sliderHidden;\r\n });\r\n\r\n ngOnDestroy(): void {\r\n this.unSubject.next();\r\n this.unSubject.complete();\r\n this.resizeObserver?.disconnect();\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.setSliderWidth();\r\n Promise.resolve().then(() => {\r\n this.setRouter();\r\n });\r\n }\r\n\r\n setSliderWidth() {\r\n if (this.slider() && this.actionsRef()) {\r\n XResize(this.actionsRef()?.nativeElement)\r\n .pipe(takeUntil(this.unSubject))\r\n .subscribe((x) => {\r\n this.resizeObserver = x.resizeObserver;\r\n this.renderer.setStyle(\r\n this.slider()?.elementRef.nativeElement,\r\n 'width',\r\n `calc(100% - ${this.actionsRef()?.nativeElement.clientWidth}px)`\r\n );\r\n });\r\n }\r\n }\r\n\r\n setRouter() {\r\n if (!this.linkRouter) return;\r\n if (!this.router) {\r\n console.warn(`${XTabsPrefix}: you should import 'RouterModule' if you want to use 'linkRouter'!`);\r\n return;\r\n }\r\n this.router.events\r\n .pipe(\r\n filter((x) => x instanceof NavigationEnd),\r\n startWith(true),\r\n delay(0),\r\n takeUntil(this.unSubject)\r\n )\r\n .subscribe(() => {\r\n this.updateRouterActive();\r\n });\r\n }\r\n\r\n updateRouterActive() {\r\n if (!this.router?.navigated) return;\r\n const index = this.findShouldActiveTabIndex();\r\n if (index !== -1 && index !== this.activatedIndex()) {\r\n this.activatedIndex.set(index);\r\n }\r\n }\r\n\r\n findShouldActiveTabIndex(): number {\r\n const tabs = this.listTabs();\r\n const isActive = this.isLinkActive(this.router!);\r\n\r\n return tabs.findIndex((tab) => {\r\n const c = tab.linkDirective();\r\n return c ? isActive(c.routerLink) || isActive(c.routerLinkWithHref) : false;\r\n });\r\n }\r\n\r\n isLinkActive(router: Router): (link?: RouterLink | RouterLink) => boolean {\r\n return (link?: RouterLink | RouterLink) => {\r\n router.isActive;\r\n return link\r\n ? router.isActive(\r\n link.urlTree!,\r\n this.linkExact()\r\n ? {\r\n paths: 'exact',\r\n queryParams: 'exact',\r\n fragment: 'ignored',\r\n matrixParams: 'ignored'\r\n }\r\n : {\r\n paths: 'subset',\r\n queryParams: 'subset',\r\n fragment: 'ignored',\r\n matrixParams: 'ignored'\r\n }\r\n )\r\n : false;\r\n };\r\n }\r\n\r\n activatedChange(index: number) {\r\n this.activatedIndex.set(index);\r\n this.indexChange.emit({\r\n activatedIndex: index,\r\n activatedTab: this.tabs()[index]\r\n });\r\n }\r\n}\r\n","<div class=\"x-tabs\" [ngClass]=\"classMap()\">\r\n @if (!sliderHiddenSignal()) {\r\n <div #list class=\"x-tabs-list\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated() && type() !== 'tag'\"\r\n [justify]=\"justify()\"\r\n [nodeJustify]=\"nodeJustifySignal()!\"\r\n [data]=\"tabs()\"\r\n [layout]=\"sliderLayout()\"\r\n [size]=\"size()\"\r\n [nodeTpl]=\"nodeTpl()\"\r\n [activatedIndex]=\"activatedIndex()\"\r\n [showExpand]=\"showExpand()\"\r\n [expandMaxHeight]=\"expandMaxHeight()\"\r\n [trigger]=\"trigger()\"\r\n (activatedIndexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n @if (actionTpl()) {\r\n <div #actionsRef class=\"x-tabs-actions\">\r\n <ng-container *ngTemplateOutlet=\"actionTpl()!\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div\r\n #content\r\n class=\"x-tabs-contents\"\r\n [class.x-tabs-contents-animated]=\"animated() && (layout() === 'top' || layout() === 'bottom')\"\r\n >\r\n @for (tab of listTabs(); track tab) {\r\n <x-tab-content\r\n [active]=\"activatedIndex() == $index\"\r\n [content]=\"tab.content()\"\r\n [class.x-tab-content-unactivated]=\"activatedIndex() !== $index\"\r\n [class.x-tab-content-disabled]=\"tab.disabled()\"\r\n [style.transform]=\"'translate(' + (-activatedIndex() || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n }\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XTabsComponent } from './tabs.component';\r\nimport { XTabComponent } from './tab.component';\r\nimport { XTabLinkTemplateDirective, XTabLinkDirective } from './tab-link.directive';\r\n\r\n@NgModule({\r\n exports: [XTabsComponent, XTabComponent, XTabLinkDirective, XTabLinkTemplateDirective],\r\n imports: [XTabsComponent, XTabComponent, XTabLinkDirective, XTabLinkTemplateDirective]\r\n})\r\nexport class XTabsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-tabs.mjs","sources":["../../../../lib/ng-nest/ui/tabs/tabs.property.ts","../../../../lib/ng-nest/ui/tabs/tab-link.directive.ts","../../../../lib/ng-nest/ui/tabs/tab.component.ts","../../../../lib/ng-nest/ui/tabs/tab.component.html","../../../../lib/ng-nest/ui/tabs/tab-content.component.ts","../../../../lib/ng-nest/ui/tabs/tab-content.component.html","../../../../lib/ng-nest/ui/tabs/tabs.component.ts","../../../../lib/ng-nest/ui/tabs/tabs.component.html","../../../../lib/ng-nest/ui/tabs/tabs.module.ts","../../../../lib/ng-nest/ui/tabs/ng-nest-ui-tabs.ts"],"sourcesContent":["import { XToDataArray, XPropertyFunction, XToBoolean, XToCssPixelValue } from '@ng-nest/ui/core';\r\nimport { TemplateRef, Component, input, model, output } from '@angular/core';\r\nimport type {\r\n XJustify,\r\n XSize,\r\n XIdentityProperty,\r\n XTemplate,\r\n XBoolean,\r\n XTrigger,\r\n XDataArray,\r\n XNumber\r\n} from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Tabs\r\n * @selector x-tabs\r\n * @decorator component\r\n */\r\nexport const XTabsPrefix = 'x-tabs';\r\nconst X_TABS_CONFIG_NAME = 'tabs';\r\n\r\n/**\r\n * Tabs Property\r\n */\r\n@Component({ selector: `${XTabsPrefix}-property`, template: '' })\r\nexport class XTabsProperty extends XPropertyFunction(X_TABS_CONFIG_NAME) {\r\n /**\r\n * @zh_CN Data 数据\r\n * @en_US Data\r\n */\r\n readonly data = input<XTabsNode[], XDataArray<XTabsNode>>([], { transform: XToDataArray });\r\n /**\r\n * @zh_CN 对齐方式\r\n * @en_US Alignment\r\n */\r\n readonly justify = input<XJustify>('start');\r\n /**\r\n * @zh_CN 样式\r\n * @en_US Style\r\n */\r\n readonly type = input<XTabsType>('block');\r\n /**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\n readonly layout = input<XTabsLayout>('top');\r\n /**\r\n * @zh_CN 触发方式\r\n * @en_US Trigger mode\r\n */\r\n readonly trigger = input<XTabsTrigger>(this.config?.trigger ?? 'click');\r\n /**\r\n * @zh_CN 激活的序号\r\n * @en_US Activation number\r\n */\r\n readonly activatedIndex = model<number>(0);\r\n /**\r\n * @zh_CN 动画\r\n * @en_US Animation\r\n */\r\n readonly animated = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 节点模板\r\n * @en_US Node template\r\n */\r\n readonly nodeTpl = input<TemplateRef<any>>();\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 节点排列方式\r\n * @en_US Node arrangement\r\n */\r\n readonly nodeJustify = input<XJustify>();\r\n /**\r\n * @zh_CN 隐藏标签栏,只有一个标签页时候默认隐藏(存在自定义操作模版的时候不会)\r\n * @en_US Hide the label bar, there is only one tab, the default hidden\r\n */\r\n readonly sliderHidden = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 标签栏上的自定义操作模版\r\n * @en_US Custom template on the label bar\r\n */\r\n readonly actionTpl = input<TemplateRef<any>>();\r\n /**\r\n * @zh_CN 标签页显示不下的时候显示展开所有的按钮,布局为 top 、bottom 的时候生效\r\n * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row\r\n */\r\n readonly showExpand = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 展开所有弹框的最大高度\r\n * @en_US Expand the maximum height of all bomb frames\r\n */\r\n readonly expandMaxHeight = input<string, XNumber>(this.config?.expandMaxHeight ?? '15rem', {\r\n transform: XToCssPixelValue\r\n });\r\n /**\r\n * @zh_CN angular 路由联动\r\n * @en_US Link angular router\r\n */\r\n readonly linkRouter = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 以严格匹配模式确定联动的路由\r\n * @en_US Determine the linked route in strict matching mode\r\n */\r\n readonly linkExact = input<boolean, XBoolean>(true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 标签切换变化的事件\r\n * @en_US Label switching event\r\n */\r\n readonly indexChange = output<XActivatedTab>();\r\n}\r\n\r\n/**\r\n * @zh_CN Tabs 数据对象\r\n * @en_US Tabs data object\r\n */\r\nexport interface XTabsNode extends XIdentityProperty {\r\n /**\r\n * @zh_CN 禁用节点\r\n * @en_US Node disabled\r\n */\r\n disabled?: boolean;\r\n /**\r\n * @zh_CN 自定义属性\r\n * @en_US Custom properties\r\n */\r\n [property: string]: any;\r\n}\r\n\r\n/**\r\n * @zh_CN 触发方式\r\n * @en_US Trigger method\r\n */\r\nexport type XTabsTrigger = XTrigger;\r\n\r\n/**\r\n * @zh_CN 激活的tab\r\n * @en_US Active tab\r\n */\r\nexport interface XActivatedTab {\r\n activatedIndex?: number;\r\n activatedTab?: XTabsNode;\r\n}\r\n\r\n/**\r\n * @zh_CN 样式类型\r\n * @en_US Style type\r\n */\r\nexport type XTabsType = 'block' | 'tag' | 'card';\r\n\r\n/**\r\n * @zh_CN 布局方式\r\n * @en_US Layout\r\n */\r\nexport type XTabsLayout = 'top' | 'right' | 'bottom' | 'left';\r\n\r\n/**\r\n * Tab\r\n * @selector x-tab\r\n * @decorator component\r\n */\r\nexport const XTabPrefix = 'x-tab';\r\n\r\n/**\r\n * Tab Property\r\n */\r\n@Component({ selector: `${XTabPrefix}-property`, template: '' })\r\nexport class XTabProperty {\r\n /**\r\n * @zh_CN 标签名称,支持自定义模板\r\n * @en_US Label name, support custom template\r\n */\r\n readonly label = input<XTemplate>();\r\n /**\r\n * @zh_CN 禁用\r\n * @en_US Disabeld\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n}\r\n","import { Directive, ElementRef, Host, Optional, Self, TemplateRef } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\n\r\n@Directive({\r\n selector: 'ng-template[xTabLink]',\r\n exportAs: 'xTabLinkTemplate'\r\n})\r\nexport class XTabLinkTemplateDirective {\r\n constructor(@Host() public templateRef: TemplateRef<void>) {}\r\n}\r\n\r\n@Directive({\r\n selector: 'a[x-tab-link]',\r\n exportAs: 'xTabLink'\r\n})\r\nexport class XTabLinkDirective {\r\n constructor(\r\n public elementRef: ElementRef,\r\n @Optional() @Self() public routerLink?: RouterLink,\r\n @Optional() @Self() public routerLinkWithHref?: RouterLink\r\n ) {}\r\n}\r\n","import {\r\n ChangeDetectionStrategy,\r\n Component,\r\n TemplateRef,\r\n ViewEncapsulation,\r\n contentChild,\r\n viewChild\r\n} from '@angular/core';\r\nimport { XTabPrefix, XTabProperty } from './tabs.property';\r\nimport { XTabLinkDirective, XTabLinkTemplateDirective } from './tab-link.directive';\r\n\r\n@Component({\r\n selector: `${XTabPrefix}`,\r\n templateUrl: './tab.component.html',\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabComponent extends XTabProperty {\r\n content = viewChild('contentTpl', { read: TemplateRef<any> });\r\n linkTemplateDirective = contentChild(XTabLinkTemplateDirective);\r\n linkDirective = contentChild(XTabLinkDirective);\r\n}\r\n","<ng-template #tabLinkTpl>\r\n <ng-content select=\"[x-tab-link]\"></ng-content>\r\n</ng-template>\r\n<ng-template #contentTpl>\r\n <ng-content></ng-content>\r\n</ng-template>\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, TemplateRef, ViewEncapsulation, input, HostBinding } from '@angular/core';\r\nimport { XBoolean, XToBoolean } from '@ng-nest/ui/core';\r\n\r\n@Component({\r\n selector: 'x-tab-content',\r\n preserveWhitespaces: false,\r\n imports: [NgTemplateOutlet],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n templateUrl: './tab-content.component.html'\r\n})\r\nexport class XTabContentComponent {\r\n content = input<TemplateRef<any>>();\r\n active = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n\r\n @HostBinding('class.x-tab-content') _has = true;\r\n}\r\n","@if (active()) {\r\n <ng-template *ngTemplateOutlet=\"content()!\"></ng-template>\r\n}\r\n","import {\r\n Component,\r\n ChangeDetectionStrategy,\r\n ViewEncapsulation,\r\n ElementRef,\r\n Renderer2,\r\n inject,\r\n OnDestroy,\r\n AfterViewInit,\r\n computed,\r\n contentChildren,\r\n viewChild\r\n} from '@angular/core';\r\nimport { XTabsPrefix, XTabsNode, XTabsProperty } from './tabs.property';\r\nimport { XIsEmpty, XConfigService, XResize, XResizeObserver } from '@ng-nest/ui/core';\r\nimport { Subject, takeUntil, filter, startWith, delay } from 'rxjs';\r\nimport { XSliderComponent } from '@ng-nest/ui/slider';\r\nimport { XTabComponent } from './tab.component';\r\nimport { NavigationEnd, Router, RouterLink } from '@angular/router';\r\nimport { NgClass, NgTemplateOutlet } from '@angular/common';\r\nimport { XTabContentComponent } from './tab-content.component';\r\n\r\n@Component({\r\n selector: `${XTabsPrefix}`,\r\n imports: [NgClass, NgTemplateOutlet, XSliderComponent, XTabContentComponent],\r\n templateUrl: './tabs.component.html',\r\n styleUrls: ['./style/index.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class XTabsComponent extends XTabsProperty implements OnDestroy, AfterViewInit {\r\n sliderLayout = computed(() => (['top', 'bottom'].indexOf(this.layout()) !== -1 ? 'row' : 'column'));\r\n private unSubject = new Subject<void>();\r\n private resizeObserver!: XResizeObserver;\r\n listTabs = contentChildren(XTabComponent, { read: XTabComponent });\r\n\r\n tabs = computed(() => {\r\n let data = this.data();\r\n if (XIsEmpty(data)) {\r\n const listTabs = this.listTabs();\r\n if (!XIsEmpty(listTabs)) {\r\n let _data: XTabsNode[] = [];\r\n listTabs.forEach((x, index) => {\r\n const label = x.linkTemplateDirective()?.templateRef || x.label();\r\n const id = x.label() || index;\r\n _data = [..._data, { id: id, label: label, disabled: x.disabled() }];\r\n });\r\n data = _data;\r\n }\r\n }\r\n return data;\r\n });\r\n\r\n slider = viewChild(XSliderComponent, { read: XSliderComponent });\r\n actionsRef = viewChild('actionsRef', { read: ElementRef<HTMLElement> });\r\n\r\n private renderer = inject(Renderer2);\r\n private router = inject(Router, { optional: true });\r\n configService = inject(XConfigService);\r\n\r\n classMap = computed(() => ({\r\n [`${XTabsPrefix}-${this.layout()}`]: !XIsEmpty(this.layout()),\r\n [`${XTabsPrefix}-${this.type()}`]: !XIsEmpty(this.type()),\r\n [`${XTabsPrefix}-is-first`]: this.activatedIndex() === 0,\r\n [`${XTabsPrefix}-is-last`]: this.activatedIndex() === this.tabs().length - 1\r\n }));\r\n\r\n nodeJustifySignal = computed(() =>\r\n this.nodeJustify()\r\n ? this.nodeJustify()\r\n : this.layout() === 'left'\r\n ? 'end'\r\n : this.layout() === 'right'\r\n ? 'start'\r\n : 'center'\r\n );\r\n\r\n sliderHiddenSignal = computed(() => {\r\n const sliderHidden = this.sliderHidden();\r\n if (!sliderHidden && !this.actionTpl()) {\r\n return this.tabs().length <= 1;\r\n }\r\n return sliderHidden;\r\n });\r\n\r\n ngOnDestroy(): void {\r\n this.unSubject.next();\r\n this.unSubject.complete();\r\n this.resizeObserver?.disconnect();\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.setSliderWidth();\r\n Promise.resolve().then(() => {\r\n this.setRouter();\r\n });\r\n }\r\n\r\n setSliderWidth() {\r\n if (this.slider() && this.actionsRef()) {\r\n XResize(this.actionsRef()?.nativeElement)\r\n .pipe(takeUntil(this.unSubject))\r\n .subscribe((x) => {\r\n this.resizeObserver = x.resizeObserver;\r\n this.renderer.setStyle(\r\n this.slider()?.elementRef.nativeElement,\r\n 'width',\r\n `calc(100% - ${this.actionsRef()?.nativeElement.clientWidth}px)`\r\n );\r\n });\r\n }\r\n }\r\n\r\n setRouter() {\r\n if (!this.linkRouter) return;\r\n if (!this.router) {\r\n console.warn(`${XTabsPrefix}: you should import 'RouterModule' if you want to use 'linkRouter'!`);\r\n return;\r\n }\r\n this.router.events\r\n .pipe(\r\n filter((x) => x instanceof NavigationEnd),\r\n startWith(true),\r\n delay(0),\r\n takeUntil(this.unSubject)\r\n )\r\n .subscribe(() => {\r\n this.updateRouterActive();\r\n });\r\n }\r\n\r\n updateRouterActive() {\r\n if (!this.router?.navigated) return;\r\n const index = this.findShouldActiveTabIndex();\r\n if (index !== -1 && index !== this.activatedIndex()) {\r\n this.activatedIndex.set(index);\r\n }\r\n }\r\n\r\n findShouldActiveTabIndex(): number {\r\n const tabs = this.listTabs();\r\n const isActive = this.isLinkActive(this.router!);\r\n\r\n return tabs.findIndex((tab) => {\r\n const c = tab.linkDirective();\r\n return c ? isActive(c.routerLink) || isActive(c.routerLinkWithHref) : false;\r\n });\r\n }\r\n\r\n isLinkActive(router: Router): (link?: RouterLink | RouterLink) => boolean {\r\n return (link?: RouterLink | RouterLink) => {\r\n router.isActive;\r\n return link\r\n ? router.isActive(\r\n link.urlTree!,\r\n this.linkExact()\r\n ? {\r\n paths: 'exact',\r\n queryParams: 'exact',\r\n fragment: 'ignored',\r\n matrixParams: 'ignored'\r\n }\r\n : {\r\n paths: 'subset',\r\n queryParams: 'subset',\r\n fragment: 'ignored',\r\n matrixParams: 'ignored'\r\n }\r\n )\r\n : false;\r\n };\r\n }\r\n\r\n activatedChange(index: number) {\r\n this.activatedIndex.set(index);\r\n this.indexChange.emit({\r\n activatedIndex: index,\r\n activatedTab: this.tabs()[index]\r\n });\r\n }\r\n}\r\n","<div class=\"x-tabs\" [ngClass]=\"classMap()\">\r\n @if (!sliderHiddenSignal()) {\r\n <div #list class=\"x-tabs-list\">\r\n <x-slider\r\n #slider\r\n [animated]=\"animated() && type() !== 'tag'\"\r\n [justify]=\"justify()\"\r\n [nodeJustify]=\"nodeJustifySignal()!\"\r\n [data]=\"tabs()\"\r\n [layout]=\"sliderLayout()\"\r\n [size]=\"size()\"\r\n [nodeTpl]=\"nodeTpl()\"\r\n [activatedIndex]=\"activatedIndex()\"\r\n [showExpand]=\"showExpand()\"\r\n [expandMaxHeight]=\"expandMaxHeight()\"\r\n [trigger]=\"trigger()\"\r\n (activatedIndexChange)=\"activatedChange($event)\"\r\n ></x-slider>\r\n @if (actionTpl()) {\r\n <div #actionsRef class=\"x-tabs-actions\">\r\n <ng-container *ngTemplateOutlet=\"actionTpl()!\"></ng-container>\r\n </div>\r\n }\r\n </div>\r\n }\r\n <div\r\n #content\r\n class=\"x-tabs-contents\"\r\n [class.x-tabs-contents-animated]=\"animated() && (layout() === 'top' || layout() === 'bottom')\"\r\n >\r\n @for (tab of listTabs(); track tab) {\r\n <x-tab-content\r\n [active]=\"activatedIndex() == $index\"\r\n [content]=\"tab.content()\"\r\n [class.x-tab-content-unactivated]=\"activatedIndex() !== $index\"\r\n [class.x-tab-content-disabled]=\"tab.disabled()\"\r\n [style.transform]=\"'translate(' + (-activatedIndex() || 0) * 100 + '%, 0px)'\"\r\n >\r\n </x-tab-content>\r\n }\r\n </div>\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XTabsComponent } from './tabs.component';\r\nimport { XTabComponent } from './tab.component';\r\nimport { XTabLinkTemplateDirective, XTabLinkDirective } from './tab-link.directive';\r\n\r\n@NgModule({\r\n exports: [XTabsComponent, XTabComponent, XTabLinkDirective, XTabLinkTemplateDirective],\r\n imports: [XTabsComponent, XTabComponent, XTabLinkDirective, XTabLinkTemplateDirective]\r\n})\r\nexport class XTabsModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAaA;;;;AAIG;AACI,MAAM,WAAW,GAAG;AAC3B,MAAM,kBAAkB,GAAG,MAAM;AAEjC;;AAEG;MAEU,aAAc,SAAQ,iBAAiB,CAAC,kBAAkB,CAAC,CAAA;AADxE,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAqC,EAAE,wCAAI,SAAS,EAAE,YAAY,EAAA,CAAA,GAAA,CAAzB,EAAE,SAAS,EAAE,YAAY,EAAE,GAAC;AAC1F;;;AAGG;AACM,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAW,OAAO,mDAAC;AAC3C;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAY,OAAO,gDAAC;AACzC;;;AAGG;AACM,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAc,KAAK,kDAAC;AAC3C;;;AAGG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAe,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,OAAO,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACvE;;;AAGG;AACM,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAS,CAAC,0DAAC;AAC1C;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAoB,IAAI,4CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAC7E;;;AAGG;QACM,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAoB;AAC5C;;;AAGG;QACM,IAAA,CAAA,IAAI,GAAG,KAAK,CAAQ,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,QAAQ,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AAC3D;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAY;AACxC;;;AAGG;AACM,QAAA,IAAA,CAAA,YAAY,GAAG,KAAK,CAAoB,KAAK,gDAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAClF;;;AAGG;QACM,IAAA,CAAA,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAoB;AAC9C;;;AAGG;AACM,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAoB,KAAK,8CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAChF;;;AAGG;AACM,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAkB,IAAI,CAAC,MAAM,EAAE,eAAe,IAAI,OAAO,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,iBAAA,EACvF,SAAS,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAD8D;AACzF,gBAAA,SAAS,EAAE;AACZ,aAAA,CAAA,CAAA,CAAC;AACF;;;AAGG;AACM,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAoB,KAAK,8CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAChF;;;AAGG;AACM,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAoB,IAAI,6CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAC9E;;;AAGG;QACM,IAAA,CAAA,WAAW,GAAG,MAAM,EAAiB;AAC/C,IAAA;iIAxFY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,0uEADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FACjD,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAA,EAAG,WAAW,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;;AAuIhE;;;;AAIG;AACI,MAAM,UAAU,GAAG;AAE1B;;AAEG;MAEU,YAAY,CAAA;AADzB,IAAA,WAAA,GAAA;AAEE;;;AAGG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAa;AACnC;;;AAGG;AACM,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAoB,KAAK,4CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;AAC/E,IAAA;iIAXY,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAZ,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,+UADkC,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA;;2FAChD,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,SAAS;mBAAC,EAAE,QAAQ,EAAE,CAAA,EAAG,UAAU,WAAW,EAAE,QAAQ,EAAE,EAAE,EAAE;;;MClKlD,yBAAyB,CAAA;AACpC,IAAA,WAAA,CAA2B,WAA8B,EAAA;QAA9B,IAAA,CAAA,WAAW,GAAX,WAAW;IAAsB;iIADjD,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,QAAQ,EAAE;AACX,iBAAA;;0BAEc;;MAOF,iBAAiB,CAAA;AAC5B,IAAA,WAAA,CACS,UAAsB,EACF,UAAuB,EACvB,kBAA+B,EAAA;QAFnD,IAAA,CAAA,UAAU,GAAV,UAAU;QACU,IAAA,CAAA,UAAU,GAAV,UAAU;QACV,IAAA,CAAA,kBAAkB,GAAlB,kBAAkB;IAC5C;iIALQ,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE;AACX,iBAAA;;0BAII;;0BAAY;;0BACZ;;0BAAY;;;ACFX,MAAO,aAAc,SAAQ,YAAY,CAAA;AAN/C,IAAA,WAAA,GAAA;;AAOE,QAAA,IAAA,CAAA,OAAO,GAAG,SAAS,CAAC,YAAY,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAI,IAAI,GAAE,WAAgB,CAAA,EAAA,CAAA,GAAA,CAAxB,EAAE,IAAI,GAAE,WAAgB,CAAA,EAAE,GAAC;AAC7D,QAAA,IAAA,CAAA,qBAAqB,GAAG,YAAY,CAAC,yBAAyB,iEAAC;AAC/D,QAAA,IAAA,CAAA,aAAa,GAAG,YAAY,CAAC,iBAAiB,yDAAC;AAChD,IAAA;iIAJY,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,oHAEa,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACjC,iBAAiB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAFJ,WAAW,oEClBvD,sLAMA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDWa,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;+BACE,CAAA,EAAG,UAAU,EAAE,EAAA,aAAA,EAEV,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,sLAAA,EAAA;;;MEHpC,oBAAoB,CAAA;AARjC,IAAA,WAAA,GAAA;QASE,IAAA,CAAA,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAoB;AACnC,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAoB,KAAK,0CAAI,SAAS,EAAE,UAAU,EAAA,CAAA,GAAA,CAAvB,EAAE,SAAS,EAAE,UAAU,EAAE,GAAC;QAE/B,IAAA,CAAA,IAAI,GAAG,IAAI;AAChD,IAAA;iIALY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;qHAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZjC,6FAGA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDIY,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAKf,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAAA,mBAAA,EACJ,KAAK,EAAA,OAAA,EACjB,CAAC,gBAAgB,CAAC,EAAA,aAAA,EACZ,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6FAAA,EAAA;8BAOX,IAAI,EAAA,CAAA;sBAAvC,WAAW;uBAAC,qBAAqB;;;AEc9B,MAAO,cAAe,SAAQ,aAAa,CAAA;AARjD,IAAA,WAAA,GAAA;;AASE,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,GAAG,QAAQ,CAAC,wDAAC;AAC3F,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,OAAO,EAAQ;AAEvC,QAAA,IAAA,CAAA,QAAQ,GAAG,eAAe,CAAC,aAAa,4CAAI,IAAI,EAAE,aAAa,EAAA,CAAA,GAAA,CAArB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAC;AAElE,QAAA,IAAA,CAAA,IAAI,GAAG,QAAQ,CAAC,MAAK;AACnB,YAAA,IAAI,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtB,YAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE;AAClB,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,gBAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;oBACvB,IAAI,KAAK,GAAgB,EAAE;oBAC3B,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,KAAI;AAC5B,wBAAA,MAAM,KAAK,GAAG,CAAC,CAAC,qBAAqB,EAAE,EAAE,WAAW,IAAI,CAAC,CAAC,KAAK,EAAE;wBACjE,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,IAAI,KAAK;wBAC7B,KAAK,GAAG,CAAC,GAAG,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC;AACtE,oBAAA,CAAC,CAAC;oBACF,IAAI,GAAG,KAAK;gBACd;YACF;AACA,YAAA,OAAO,IAAI;AACb,QAAA,CAAC,gDAAC;AAEF,QAAA,IAAA,CAAA,MAAM,GAAG,SAAS,CAAC,gBAAgB,0CAAI,IAAI,EAAE,gBAAgB,EAAA,CAAA,GAAA,CAAxB,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAAC;AAChE,QAAA,IAAA,CAAA,UAAU,GAAG,SAAS,CAAC,YAAY,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAI,IAAI,GAAE,UAAuB,CAAA,EAAA,CAAA,GAAA,CAA/B,EAAE,IAAI,GAAE,UAAuB,CAAA,EAAE,GAAC;AAE/D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;QAC5B,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACnD,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,cAAc,CAAC;AAEtC,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,OAAO;AACzB,YAAA,CAAC,GAAG,WAAW,CAAA,CAAA,EAAI,IAAI,CAAC,MAAM,EAAE,CAAA,CAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;AAC7D,YAAA,CAAC,GAAG,WAAW,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACzD,CAAC,CAAA,EAAG,WAAW,CAAA,SAAA,CAAW,GAAG,IAAI,CAAC,cAAc,EAAE,KAAK,CAAC;AACxD,YAAA,CAAC,GAAG,WAAW,CAAA,QAAA,CAAU,GAAG,IAAI,CAAC,cAAc,EAAE,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG;AAC5E,SAAA,CAAC,oDAAC;QAEH,IAAA,CAAA,iBAAiB,GAAG,QAAQ,CAAC,MAC3B,IAAI,CAAC,WAAW;AACd,cAAE,IAAI,CAAC,WAAW;AAClB,cAAE,IAAI,CAAC,MAAM,EAAE,KAAK;AAClB,kBAAE;AACF,kBAAE,IAAI,CAAC,MAAM,EAAE,KAAK;AAClB,sBAAE;sBACA,QAAQ,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CACjB;AAED,QAAA,IAAA,CAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AACjC,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE;YACxC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE;gBACtC,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC;YAChC;AACA,YAAA,OAAO,YAAY;AACrB,QAAA,CAAC,8DAAC;AAiGH,IAAA;IA/FC,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;AACrB,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE;AACzB,QAAA,IAAI,CAAC,cAAc,EAAE,UAAU,EAAE;IACnC;IAEA,eAAe,GAAA;QACb,IAAI,CAAC,cAAc,EAAE;AACrB,QAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAK;YAC1B,IAAI,CAAC,SAAS,EAAE;AAClB,QAAA,CAAC,CAAC;IACJ;IAEA,cAAc,GAAA;QACZ,IAAI,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;AACtC,YAAA,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,aAAa;AACrC,iBAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AAC9B,iBAAA,SAAS,CAAC,CAAC,CAAC,KAAI;AACf,gBAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,cAAc;gBACtC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,IAAI,CAAC,MAAM,EAAE,EAAE,UAAU,CAAC,aAAa,EACvC,OAAO,EACP,CAAA,YAAA,EAAe,IAAI,CAAC,UAAU,EAAE,EAAE,aAAa,CAAC,WAAW,CAAA,GAAA,CAAK,CACjE;AACH,YAAA,CAAC,CAAC;QACN;IACF;IAEA,SAAS,GAAA;QACP,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,OAAO,CAAC,IAAI,CAAC,GAAG,WAAW,CAAA,mEAAA,CAAqE,CAAC;YACjG;QACF;QACA,IAAI,CAAC,MAAM,CAAC;AACT,aAAA,IAAI,CACH,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,aAAa,CAAC,EACzC,SAAS,CAAC,IAAI,CAAC,EACf,KAAK,CAAC,CAAC,CAAC,EACR,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;aAE1B,SAAS,CAAC,MAAK;YACd,IAAI,CAAC,kBAAkB,EAAE;AAC3B,QAAA,CAAC,CAAC;IACN;IAEA,kBAAkB,GAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS;YAAE;AAC7B,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,wBAAwB,EAAE;AAC7C,QAAA,IAAI,KAAK,KAAK,CAAC,CAAC,IAAI,KAAK,KAAK,IAAI,CAAC,cAAc,EAAE,EAAE;AACnD,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;QAChC;IACF;IAEA,wBAAwB,GAAA;AACtB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAO,CAAC;AAEhD,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,KAAI;AAC5B,YAAA,MAAM,CAAC,GAAG,GAAG,CAAC,aAAa,EAAE;YAC7B,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,KAAK;AAC7E,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,YAAY,CAAC,MAAc,EAAA;QACzB,OAAO,CAAC,IAA8B,KAAI;YACxC,MAAM,CAAC,QAAQ;AACf,YAAA,OAAO;AACL,kBAAE,MAAM,CAAC,QAAQ,CACb,IAAI,CAAC,OAAQ,EACb,IAAI,CAAC,SAAS;AACZ,sBAAE;AACE,wBAAA,KAAK,EAAE,OAAO;AACd,wBAAA,WAAW,EAAE,OAAO;AACpB,wBAAA,QAAQ,EAAE,SAAS;AACnB,wBAAA,YAAY,EAAE;AACf;AACH,sBAAE;AACE,wBAAA,KAAK,EAAE,QAAQ;AACf,wBAAA,WAAW,EAAE,QAAQ;AACrB,wBAAA,QAAQ,EAAE,SAAS;AACnB,wBAAA,YAAY,EAAE;qBACf;kBAEP,KAAK;AACX,QAAA,CAAC;IACH;AAEA,IAAA,eAAe,CAAC,KAAa,EAAA;AAC3B,QAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AACpB,YAAA,cAAc,EAAE,KAAK;AACrB,YAAA,YAAY,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK;AAChC,SAAA,CAAC;IACJ;iIArJW,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,2FAIE,aAAa,EAAA,IAAA,EAAU,aAAa,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAmB5C,gBAAgB,2BAAU,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,YAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,YAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAChB,UAAU,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECtDzD,kgDA0CA,myqBDlBY,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,qDAAE,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMhE,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAG,WAAW,CAAA,CAAE,EAAA,OAAA,EACjB,CAAC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,CAAC,iBAG7D,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kgDAAA,EAAA,MAAA,EAAA,CAAA,2uqBAAA,CAAA,EAAA;;;MEnBpC,WAAW,CAAA;iIAAX,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAX,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,EAAA,OAAA,EAAA,CAFZ,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAD3E,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAG1E,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAW,YAFZ,cAAc,CAAA,EAAA,CAAA,CAAA;;2FAEb,WAAW,EAAA,UAAA,EAAA,CAAA;kBAJvB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,yBAAyB,CAAC;oBACtF,OAAO,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,yBAAyB;AACtF,iBAAA;;;ACRD;;AAEG;;;;"}
|
|
@@ -21,62 +21,62 @@ class XTagProperty extends XPropertyFunction(X_TAG_CONFIG_NAME) {
|
|
|
21
21
|
* @zh_CN 标签样式类型
|
|
22
22
|
* @en_US Label style type
|
|
23
23
|
*/
|
|
24
|
-
this.type = input('initial');
|
|
24
|
+
this.type = input('initial', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
25
25
|
/**
|
|
26
26
|
* @zh_CN 尺寸
|
|
27
27
|
* @en_US Size
|
|
28
28
|
*/
|
|
29
|
-
this.size = input(this.config?.size ?? 'medium');
|
|
29
|
+
this.size = input(this.config?.size ?? 'medium', ...(ngDevMode ? [{ debugName: "size" }] : []));
|
|
30
30
|
/**
|
|
31
31
|
* @zh_CN 显示边框
|
|
32
32
|
* @en_US Display Border
|
|
33
33
|
*/
|
|
34
|
-
this.bordered = input(this.config?.bordered ?? true, { transform: XToBoolean });
|
|
34
|
+
this.bordered = input(this.config?.bordered ?? true, ...(ngDevMode ? [{ debugName: "bordered", transform: XToBoolean }] : [{ transform: XToBoolean }]));
|
|
35
35
|
/**
|
|
36
36
|
* @zh_CN 显示关闭按钮
|
|
37
37
|
* @en_US Show close button
|
|
38
38
|
*/
|
|
39
|
-
this.closable = input(this.config?.closable ?? false, { transform: XToBoolean });
|
|
39
|
+
this.closable = input(this.config?.closable ?? false, ...(ngDevMode ? [{ debugName: "closable", transform: XToBoolean }] : [{ transform: XToBoolean }]));
|
|
40
40
|
/**
|
|
41
41
|
* @zh_CN 深色主题
|
|
42
42
|
* @en_US Dark theme
|
|
43
43
|
*/
|
|
44
|
-
this.dark = input(this.config?.dark ?? false, { transform: XToBoolean });
|
|
44
|
+
this.dark = input(this.config?.dark ?? false, ...(ngDevMode ? [{ debugName: "dark", transform: XToBoolean }] : [{ transform: XToBoolean }]));
|
|
45
45
|
/**
|
|
46
46
|
* @zh_CN 禁用
|
|
47
47
|
* @en_US Disabled
|
|
48
48
|
*/
|
|
49
|
-
this.disabled = input(false, { transform: XToBoolean });
|
|
49
|
+
this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: XToBoolean }] : [{ transform: XToBoolean }]));
|
|
50
50
|
/**
|
|
51
51
|
* @zh_CN 可选择标签
|
|
52
52
|
* @en_US checked
|
|
53
53
|
*/
|
|
54
|
-
this.checked = input(false, { transform: XToBoolean });
|
|
54
|
+
this.checked = input(false, ...(ngDevMode ? [{ debugName: "checked", transform: XToBoolean }] : [{ transform: XToBoolean }]));
|
|
55
55
|
/**
|
|
56
56
|
* @zh_CN 手动控制选择标签是否选中
|
|
57
57
|
* @en_US Manual control
|
|
58
58
|
*/
|
|
59
|
-
this.manual = input(false, { transform: XToBoolean });
|
|
59
|
+
this.manual = input(false, ...(ngDevMode ? [{ debugName: "manual", transform: XToBoolean }] : [{ transform: XToBoolean }]));
|
|
60
60
|
/**
|
|
61
61
|
* @zh_CN 选中
|
|
62
62
|
* @en_US Selected
|
|
63
63
|
*/
|
|
64
|
-
this.selected = model(false);
|
|
64
|
+
this.selected = model(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
|
|
65
65
|
/**
|
|
66
66
|
* @zh_CN 样式
|
|
67
67
|
* @en_US Style
|
|
68
68
|
*/
|
|
69
|
-
this.style = input();
|
|
69
|
+
this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : []));
|
|
70
70
|
/**
|
|
71
71
|
* @zh_CN 点击关闭的事件
|
|
72
72
|
* @en_US Click to close the event
|
|
73
73
|
*/
|
|
74
74
|
this.close = output();
|
|
75
75
|
}
|
|
76
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
77
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
76
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTagProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
77
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", type: XTagProperty, isStandalone: true, selector: "x-tag-property", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, dark: { classPropertyName: "dark", publicName: "dark", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, checked: { classPropertyName: "checked", publicName: "checked", isSignal: true, isRequired: false, transformFunction: null }, manual: { classPropertyName: "manual", publicName: "manual", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selectedChange", close: "close" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
78
78
|
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
79
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTagProperty, decorators: [{
|
|
80
80
|
type: Component,
|
|
81
81
|
args: [{ selector: `${XTagPrefix}-property`, template: '' }]
|
|
82
82
|
}] });
|
|
@@ -85,13 +85,13 @@ class XTagComponent extends XTagProperty {
|
|
|
85
85
|
constructor() {
|
|
86
86
|
super(...arguments);
|
|
87
87
|
this.animation = true;
|
|
88
|
-
this.animating = signal(false);
|
|
88
|
+
this.animating = signal(false, ...(ngDevMode ? [{ debugName: "animating" }] : []));
|
|
89
89
|
this.classMap = computed(() => ({
|
|
90
90
|
[`${XTagPrefix}-${this.type()}`]: !XIsEmpty(this.type()),
|
|
91
91
|
[`${XTagPrefix}-${this.size()}`]: !XIsEmpty(this.size()),
|
|
92
92
|
[`${XTagPrefix}-dark`]: this.dark(),
|
|
93
93
|
[`${XTagPrefix}-checked`]: this.checked()
|
|
94
|
-
}));
|
|
94
|
+
}), ...(ngDevMode ? [{ debugName: "classMap" }] : []));
|
|
95
95
|
}
|
|
96
96
|
done() {
|
|
97
97
|
this.animating.set(false);
|
|
@@ -109,10 +109,10 @@ class XTagComponent extends XTagProperty {
|
|
|
109
109
|
return;
|
|
110
110
|
this.close.emit(event);
|
|
111
111
|
}
|
|
112
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
113
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.0", type: XTagComponent, isStandalone: true, selector: "x-tag", host: { listeners: { "@x-base-animation.done": "done($event)", "@x-base-animation.start": "start($event)" }, properties: { "@x-base-animation": "this.animation" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n #tag\r\n class=\"x-tag\"\r\n [ngClass]=\"classMap()\"\r\n [style]=\"style()\"\r\n [class.x-disabled]=\"disabled()\"\r\n [class.x-tag-bordered]=\"bordered()\"\r\n [class.x-tag-selected]=\"selected()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n @if (closable()) {\r\n <x-icon type=\"fto-x\" (click)=\"onClose($event)\"></x-icon>\r\n }\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0}.x-tag{display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-checked{cursor:pointer;transition:.3s}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-checked:not(.x-tag-selected):hover,.x-tag-initial.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-initial.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-checked:not(.x-tag-selected):hover,.x-tag-primary.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-primary.x-tag-selected,.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-checked:not(.x-tag-selected):hover,.x-tag-success.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-success);color:var(--x-success);background-color:\"transparent\"}.x-tag-success.x-tag-selected,.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-checked:not(.x-tag-selected):hover,.x-tag-warning.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-warning);color:var(--x-warning);background-color:\"transparent\"}.x-tag-warning.x-tag-selected,.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-checked:not(.x-tag-selected):hover,.x-tag-danger.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-danger);color:var(--x-danger);background-color:\"transparent\"}.x-tag-danger.x-tag-selected,.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-checked:not(.x-tag-selected):hover,.x-tag-info.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-info);color:var(--x-info);background-color:\"transparent\"}.x-tag-info.x-tag-selected,.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-text{border-color:\"transparent\";color:var(--x-text);background-color:var(--x-background-200)}.x-tag-text>.x-icon:hover{background-color:var(--x-text)}.x-tag-text.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover,.x-tag-text.x-disabled:active,.x-tag-text.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-disabled:hover,.x-tag-text.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover:hover,.x-tag-text.x-disabled:hover:active,.x-tag-text.x-disabled:hover:focus,.x-tag-text.x-disabled:active:hover,.x-tag-text.x-disabled:active:active,.x-tag-text.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover>.x-icon:hover,.x-tag-text.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-tag-checked:not(.x-tag-selected):hover,.x-tag-text.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-text.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-text.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-text.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-text.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover,.x-tag-text.x-tag-dark.x-disabled:active,.x-tag-text.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-tag-dark.x-disabled:hover,.x-tag-text.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover:hover,.x-tag-text.x-tag-dark.x-disabled:hover:active,.x-tag-text.x-tag-dark.x-disabled:hover:focus,.x-tag-text.x-tag-dark.x-disabled:active:hover,.x-tag-text.x-tag-dark.x-disabled:active:active,.x-tag-text.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-text.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], animations: [XBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
112
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
113
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: XTagComponent, isStandalone: true, selector: "x-tag", host: { listeners: { "@x-base-animation.done": "done($event)", "@x-base-animation.start": "start($event)" }, properties: { "@x-base-animation": "this.animation" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n #tag\r\n class=\"x-tag\"\r\n [ngClass]=\"classMap()\"\r\n [style]=\"style()\"\r\n [class.x-disabled]=\"disabled()\"\r\n [class.x-tag-bordered]=\"bordered()\"\r\n [class.x-tag-selected]=\"selected()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n @if (closable()) {\r\n <x-icon type=\"fto-x\" (click)=\"onClose($event)\"></x-icon>\r\n }\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0}.x-tag{display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-checked{cursor:pointer;transition:.3s}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-checked:not(.x-tag-selected):hover,.x-tag-initial.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-initial.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-checked:not(.x-tag-selected):hover,.x-tag-primary.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-primary.x-tag-selected,.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-checked:not(.x-tag-selected):hover,.x-tag-success.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-success);color:var(--x-success);background-color:\"transparent\"}.x-tag-success.x-tag-selected,.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-checked:not(.x-tag-selected):hover,.x-tag-warning.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-warning);color:var(--x-warning);background-color:\"transparent\"}.x-tag-warning.x-tag-selected,.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-checked:not(.x-tag-selected):hover,.x-tag-danger.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-danger);color:var(--x-danger);background-color:\"transparent\"}.x-tag-danger.x-tag-selected,.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-checked:not(.x-tag-selected):hover,.x-tag-info.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-info);color:var(--x-info);background-color:\"transparent\"}.x-tag-info.x-tag-selected,.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-text{border-color:\"transparent\";color:var(--x-text);background-color:var(--x-background-200)}.x-tag-text>.x-icon:hover{background-color:var(--x-text)}.x-tag-text.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover,.x-tag-text.x-disabled:active,.x-tag-text.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-disabled:hover,.x-tag-text.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover:hover,.x-tag-text.x-disabled:hover:active,.x-tag-text.x-disabled:hover:focus,.x-tag-text.x-disabled:active:hover,.x-tag-text.x-disabled:active:active,.x-tag-text.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover>.x-icon:hover,.x-tag-text.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-tag-checked:not(.x-tag-selected):hover,.x-tag-text.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-text.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-text.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-text.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-text.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover,.x-tag-text.x-tag-dark.x-disabled:active,.x-tag-text.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-tag-dark.x-disabled:hover,.x-tag-text.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover:hover,.x-tag-text.x-tag-dark.x-disabled:hover:active,.x-tag-text.x-tag-dark.x-disabled:hover:focus,.x-tag-text.x-tag-dark.x-disabled:active:hover,.x-tag-text.x-tag-dark.x-disabled:active:active,.x-tag-text.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-text.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: XIconComponent, selector: "x-icon" }], animations: [XBaseAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
114
114
|
}
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTagComponent, decorators: [{
|
|
116
116
|
type: Component,
|
|
117
117
|
args: [{ selector: `${XTagPrefix}`, imports: [NgClass, XIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [XBaseAnimation], template: "<div\r\n #tag\r\n class=\"x-tag\"\r\n [ngClass]=\"classMap()\"\r\n [style]=\"style()\"\r\n [class.x-disabled]=\"disabled()\"\r\n [class.x-tag-bordered]=\"bordered()\"\r\n [class.x-tag-selected]=\"selected()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n @if (closable()) {\r\n <x-icon type=\"fto-x\" (click)=\"onClose($event)\"></x-icon>\r\n }\r\n</div>\r\n", styles: ["x-tag{display:inline-block}.x-tag{margin:0;padding:0}.x-tag{display:inline-flex;align-items:center;font-size:var(--x-font-size-small);border-radius:var(--x-border-radius);height:1.625rem;line-height:1.625rem;padding:0 .65rem;white-space:nowrap;border:var(--x-border-width) var(--x-border-style);border-width:0}.x-tag>.x-icon{position:relative;right:-.25rem;border-radius:50%;cursor:pointer;padding:.0625rem;font-size:calc(var(--x-font-size-small) + .0625rem);transition:.3s}.x-tag>.x-icon:hover{background-color:var(--x-text-500);color:var(--x-white)}.x-tag-dark{background-color:var(--x-text);color:var(--x-background-100)}.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-bordered{border-width:var(--x-border-width)}.x-tag-checked{cursor:pointer;transition:.3s}.x-tag-big{height:var(--x-height-big);line-height:var(--x-height-big);padding:0 var(--x-padding-big)}.x-tag-large{height:var(--x-height-large);line-height:var(--x-height-large);padding:0 var(--x-padding-large)}.x-tag-medium{height:var(--x-height-medium);line-height:var(--x-height-medium);padding:0 var(--x-padding-medium)}.x-tag-small{height:var(--x-height-small);line-height:var(--x-height-small);padding:0 var(--x-padding-small)}.x-tag-mini{height:var(--x-height-mini);line-height:var(--x-height-mini);padding:0 var(--x-padding-mini)}.x-tag-initial{border-color:var(--x-border);color:var(--x-text);background-color:var(--x-background-200)}.x-tag-initial>.x-icon:hover{background-color:var(--x-text)}.x-tag-initial.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active,.x-tag-initial.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-disabled:hover,.x-tag-initial.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover:hover,.x-tag-initial.x-disabled:hover:active,.x-tag-initial.x-disabled:hover:focus,.x-tag-initial.x-disabled:active:hover,.x-tag-initial.x-disabled:active:active,.x-tag-initial.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-checked:not(.x-tag-selected):hover,.x-tag-initial.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-initial.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-initial.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-initial.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-initial.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active,.x-tag-initial.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-initial.x-tag-dark.x-disabled:hover,.x-tag-initial.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover:hover,.x-tag-initial.x-tag-dark.x-disabled:hover:active,.x-tag-initial.x-tag-dark.x-disabled:hover:focus,.x-tag-initial.x-tag-dark.x-disabled:active:hover,.x-tag-initial.x-tag-dark.x-disabled:active:active,.x-tag-initial.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:var(--x-border)}.x-tag-initial.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-initial.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-primary{border-color:var(--x-primary-600);color:var(--x-primary);background-color:var(--x-primary-900)}.x-tag-primary>.x-icon:hover{background-color:var(--x-primary)}.x-tag-primary.x-disabled{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active,.x-tag-primary.x-disabled:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-disabled:hover,.x-tag-primary.x-disabled:active{color:var(--x-primary-400);cursor:not-allowed;background-image:none;background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover:hover,.x-tag-primary.x-disabled:hover:active,.x-tag-primary.x-disabled:hover:focus,.x-tag-primary.x-disabled:active:hover,.x-tag-primary.x-disabled:active:active,.x-tag-primary.x-disabled:active:focus{color:var(--x-primary-400);background-color:var(--x-primary-900);border-color:var(--x-primary-800)}.x-tag-primary.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-400);background-color:var(--x-primary-900)}.x-tag-primary.x-tag-checked:not(.x-tag-selected):hover,.x-tag-primary.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-primary.x-tag-selected,.x-tag-primary.x-tag-dark{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-primary.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-primary.x-tag-dark.x-disabled{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active,.x-tag-primary.x-tag-dark.x-disabled:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover,.x-tag-primary.x-tag-dark.x-disabled:active{color:var(--x-primary-800);cursor:not-allowed;background-image:none;background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover:hover,.x-tag-primary.x-tag-dark.x-disabled:hover:active,.x-tag-primary.x-tag-dark.x-disabled:hover:focus,.x-tag-primary.x-tag-dark.x-disabled:active:hover,.x-tag-primary.x-tag-dark.x-disabled:active:active,.x-tag-primary.x-tag-dark.x-disabled:active:focus{color:var(--x-primary-800);background-color:var(--x-primary-500);border-color:var(--x-primary-500)}.x-tag-primary.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-primary.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-primary-800);background-color:var(--x-primary-500)}.x-tag-success{border-color:var(--x-success-600);color:var(--x-success);background-color:var(--x-success-900)}.x-tag-success>.x-icon:hover{background-color:var(--x-success)}.x-tag-success.x-disabled{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active,.x-tag-success.x-disabled:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-disabled:hover,.x-tag-success.x-disabled:active{color:var(--x-success-400);cursor:not-allowed;background-image:none;background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover:hover,.x-tag-success.x-disabled:hover:active,.x-tag-success.x-disabled:hover:focus,.x-tag-success.x-disabled:active:hover,.x-tag-success.x-disabled:active:active,.x-tag-success.x-disabled:active:focus{color:var(--x-success-400);background-color:var(--x-success-900);border-color:var(--x-success-800)}.x-tag-success.x-disabled:hover>.x-icon:hover,.x-tag-success.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-400);background-color:var(--x-success-900)}.x-tag-success.x-tag-checked:not(.x-tag-selected):hover,.x-tag-success.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-success);color:var(--x-success);background-color:\"transparent\"}.x-tag-success.x-tag-selected,.x-tag-success.x-tag-dark{border-color:var(--x-success);color:var(--x-white);background-color:var(--x-success)}.x-tag-success.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-success.x-tag-dark.x-disabled{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active,.x-tag-success.x-tag-dark.x-disabled:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover,.x-tag-success.x-tag-dark.x-disabled:active{color:var(--x-success-800);cursor:not-allowed;background-image:none;background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover:hover,.x-tag-success.x-tag-dark.x-disabled:hover:active,.x-tag-success.x-tag-dark.x-disabled:hover:focus,.x-tag-success.x-tag-dark.x-disabled:active:hover,.x-tag-success.x-tag-dark.x-disabled:active:active,.x-tag-success.x-tag-dark.x-disabled:active:focus{color:var(--x-success-800);background-color:var(--x-success-500);border-color:var(--x-success-500)}.x-tag-success.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-success.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-success-800);background-color:var(--x-success-500)}.x-tag-warning{border-color:var(--x-warning-600);color:var(--x-warning);background-color:var(--x-warning-900)}.x-tag-warning>.x-icon:hover{background-color:var(--x-warning)}.x-tag-warning.x-disabled{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active,.x-tag-warning.x-disabled:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-disabled:hover,.x-tag-warning.x-disabled:active{color:var(--x-warning-400);cursor:not-allowed;background-image:none;background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover:hover,.x-tag-warning.x-disabled:hover:active,.x-tag-warning.x-disabled:hover:focus,.x-tag-warning.x-disabled:active:hover,.x-tag-warning.x-disabled:active:active,.x-tag-warning.x-disabled:active:focus{color:var(--x-warning-400);background-color:var(--x-warning-900);border-color:var(--x-warning-800)}.x-tag-warning.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-400);background-color:var(--x-warning-900)}.x-tag-warning.x-tag-checked:not(.x-tag-selected):hover,.x-tag-warning.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-warning);color:var(--x-warning);background-color:\"transparent\"}.x-tag-warning.x-tag-selected,.x-tag-warning.x-tag-dark{border-color:var(--x-warning);color:var(--x-white);background-color:var(--x-warning)}.x-tag-warning.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-warning.x-tag-dark.x-disabled{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active,.x-tag-warning.x-tag-dark.x-disabled:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover,.x-tag-warning.x-tag-dark.x-disabled:active{color:var(--x-warning-800);cursor:not-allowed;background-image:none;background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover:hover,.x-tag-warning.x-tag-dark.x-disabled:hover:active,.x-tag-warning.x-tag-dark.x-disabled:hover:focus,.x-tag-warning.x-tag-dark.x-disabled:active:hover,.x-tag-warning.x-tag-dark.x-disabled:active:active,.x-tag-warning.x-tag-dark.x-disabled:active:focus{color:var(--x-warning-800);background-color:var(--x-warning-500);border-color:var(--x-warning-500)}.x-tag-warning.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-warning.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-warning-800);background-color:var(--x-warning-500)}.x-tag-danger{border-color:var(--x-danger-600);color:var(--x-danger);background-color:var(--x-danger-900)}.x-tag-danger>.x-icon:hover{background-color:var(--x-danger)}.x-tag-danger.x-disabled{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active,.x-tag-danger.x-disabled:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-disabled:hover,.x-tag-danger.x-disabled:active{color:var(--x-danger-400);cursor:not-allowed;background-image:none;background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover:hover,.x-tag-danger.x-disabled:hover:active,.x-tag-danger.x-disabled:hover:focus,.x-tag-danger.x-disabled:active:hover,.x-tag-danger.x-disabled:active:active,.x-tag-danger.x-disabled:active:focus{color:var(--x-danger-400);background-color:var(--x-danger-900);border-color:var(--x-danger-800)}.x-tag-danger.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-400);background-color:var(--x-danger-900)}.x-tag-danger.x-tag-checked:not(.x-tag-selected):hover,.x-tag-danger.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-danger);color:var(--x-danger);background-color:\"transparent\"}.x-tag-danger.x-tag-selected,.x-tag-danger.x-tag-dark{border-color:var(--x-danger);color:var(--x-white);background-color:var(--x-danger)}.x-tag-danger.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-danger.x-tag-dark.x-disabled{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active,.x-tag-danger.x-tag-dark.x-disabled:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover,.x-tag-danger.x-tag-dark.x-disabled:active{color:var(--x-danger-800);cursor:not-allowed;background-image:none;background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover:hover,.x-tag-danger.x-tag-dark.x-disabled:hover:active,.x-tag-danger.x-tag-dark.x-disabled:hover:focus,.x-tag-danger.x-tag-dark.x-disabled:active:hover,.x-tag-danger.x-tag-dark.x-disabled:active:active,.x-tag-danger.x-tag-dark.x-disabled:active:focus{color:var(--x-danger-800);background-color:var(--x-danger-500);border-color:var(--x-danger-500)}.x-tag-danger.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-danger.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-danger-800);background-color:var(--x-danger-500)}.x-tag-info{border-color:var(--x-info-600);color:var(--x-info);background-color:var(--x-info-900)}.x-tag-info>.x-icon:hover{background-color:var(--x-info)}.x-tag-info.x-disabled{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active,.x-tag-info.x-disabled:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-disabled:hover,.x-tag-info.x-disabled:active{color:var(--x-info-400);cursor:not-allowed;background-image:none;background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover:hover,.x-tag-info.x-disabled:hover:active,.x-tag-info.x-disabled:hover:focus,.x-tag-info.x-disabled:active:hover,.x-tag-info.x-disabled:active:active,.x-tag-info.x-disabled:active:focus{color:var(--x-info-400);background-color:var(--x-info-900);border-color:var(--x-info-800)}.x-tag-info.x-disabled:hover>.x-icon:hover,.x-tag-info.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-400);background-color:var(--x-info-900)}.x-tag-info.x-tag-checked:not(.x-tag-selected):hover,.x-tag-info.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-info);color:var(--x-info);background-color:\"transparent\"}.x-tag-info.x-tag-selected,.x-tag-info.x-tag-dark{border-color:var(--x-info);color:var(--x-white);background-color:var(--x-info)}.x-tag-info.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-info.x-tag-dark.x-disabled{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active,.x-tag-info.x-tag-dark.x-disabled:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover,.x-tag-info.x-tag-dark.x-disabled:active{color:var(--x-info-800);cursor:not-allowed;background-image:none;background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover:hover,.x-tag-info.x-tag-dark.x-disabled:hover:active,.x-tag-info.x-tag-dark.x-disabled:hover:focus,.x-tag-info.x-tag-dark.x-disabled:active:hover,.x-tag-info.x-tag-dark.x-disabled:active:active,.x-tag-info.x-tag-dark.x-disabled:active:focus{color:var(--x-info-800);background-color:var(--x-info-500);border-color:var(--x-info-500)}.x-tag-info.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-info.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-info-800);background-color:var(--x-info-500)}.x-tag-text{border-color:\"transparent\";color:var(--x-text);background-color:var(--x-background-200)}.x-tag-text>.x-icon:hover{background-color:var(--x-text)}.x-tag-text.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover,.x-tag-text.x-disabled:active,.x-tag-text.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-disabled:hover,.x-tag-text.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover:hover,.x-tag-text.x-disabled:hover:active,.x-tag-text.x-disabled:hover:focus,.x-tag-text.x-disabled:active:hover,.x-tag-text.x-disabled:active:active,.x-tag-text.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-disabled:hover>.x-icon:hover,.x-tag-text.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-tag-checked:not(.x-tag-selected):hover,.x-tag-text.x-tag-checked:not(.x-tag-selected):active{border-color:var(--x-primary);color:var(--x-primary);background-color:\"transparent\"}.x-tag-text.x-tag-selected{border-color:var(--x-primary);color:var(--x-white);background-color:var(--x-primary)}.x-tag-text.x-tag-dark{border-color:var(--x-text);color:var(--x-white);background-color:var(--x-text)}.x-tag-text.x-tag-dark>.x-icon:hover{background-color:#ffffff4d}.x-tag-text.x-tag-dark.x-disabled{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover,.x-tag-text.x-tag-dark.x-disabled:active,.x-tag-text.x-tag-dark.x-disabled:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}.x-tag-text.x-tag-dark.x-disabled:hover,.x-tag-text.x-tag-dark.x-disabled:active{color:var(--x-text-400);cursor:not-allowed;background-image:none;background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover:hover,.x-tag-text.x-tag-dark.x-disabled:hover:active,.x-tag-text.x-tag-dark.x-disabled:hover:focus,.x-tag-text.x-tag-dark.x-disabled:active:hover,.x-tag-text.x-tag-dark.x-disabled:active:active,.x-tag-text.x-tag-dark.x-disabled:active:focus{color:var(--x-text-400);background-color:var(--x-background-200);border-color:\"transparent\"}.x-tag-text.x-tag-dark.x-disabled:hover>.x-icon:hover,.x-tag-text.x-tag-dark.x-disabled:active>.x-icon:hover{cursor:inherit;color:var(--x-text-400);background-color:var(--x-background-200)}\n"] }]
|
|
118
118
|
}], propDecorators: { animation: [{
|
|
@@ -127,11 +127,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImpor
|
|
|
127
127
|
}] } });
|
|
128
128
|
|
|
129
129
|
class XTagModule {
|
|
130
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
131
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
132
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
130
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
131
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: XTagModule, imports: [XTagComponent], exports: [XTagComponent] }); }
|
|
132
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTagModule, imports: [XTagComponent] }); }
|
|
133
133
|
}
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTagModule, decorators: [{
|
|
135
135
|
type: NgModule,
|
|
136
136
|
args: [{
|
|
137
137
|
exports: [XTagComponent],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ng-nest-ui-tag.mjs","sources":["../../../../lib/ng-nest/ui/tag/tag.property.ts","../../../../lib/ng-nest/ui/tag/tag.component.ts","../../../../lib/ng-nest/ui/tag/tag.component.html","../../../../lib/ng-nest/ui/tag/tag.module.ts","../../../../lib/ng-nest/ui/tag/ng-nest-ui-tag.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Component, input, output, model } from '@angular/core';\r\nimport type { XType, XSize, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Tag\r\n * @selector x-tag\r\n * @decorator component\r\n */\r\nexport const XTagPrefix = 'x-tag';\r\nconst X_TAG_CONFIG_NAME = 'tag';\r\n\r\n/**\r\n * Tag Property\r\n */\r\n@Component({ selector: `${XTagPrefix}-property`, template: '' })\r\nexport class XTagProperty extends XPropertyFunction(X_TAG_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 标签样式类型\r\n * @en_US Label style type\r\n */\r\n readonly type = input<XType>('initial');\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 显示边框\r\n * @en_US Display Border\r\n */\r\n readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 显示关闭按钮\r\n * @en_US Show close button\r\n */\r\n readonly closable = input<boolean, XBoolean>(this.config?.closable ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 深色主题\r\n * @en_US Dark theme\r\n */\r\n readonly dark = input<boolean, XBoolean>(this.config?.dark ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用\r\n * @en_US Disabled\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 可选择标签\r\n * @en_US checked\r\n */\r\n readonly checked = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 手动控制选择标签是否选中\r\n * @en_US Manual control\r\n */\r\n readonly manual = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 选中\r\n * @en_US Selected\r\n */\r\n readonly selected = model<boolean>(false);\r\n /**\r\n * @zh_CN 样式\r\n * @en_US Style\r\n */\r\n readonly style = input<{ [cssStyle: string]: any }>();\r\n /**\r\n * @zh_CN 点击关闭的事件\r\n * @en_US Click to close the event\r\n */\r\n readonly close = output<Event>();\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n HostBinding,\r\n HostListener,\r\n computed,\r\n signal\r\n} from '@angular/core';\r\nimport { XTagPrefix, XTagProperty } from './tag.property';\r\nimport { XIsEmpty, XBaseAnimation } from '@ng-nest/ui/core';\r\nimport { NgClass } from '@angular/common';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\n\r\n@Component({\r\n selector: `${XTagPrefix}`,\r\n imports: [NgClass, XIconComponent],\r\n templateUrl: './tag.component.html',\r\n styleUrls: ['./tag.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [XBaseAnimation]\r\n})\r\nexport class XTagComponent extends XTagProperty {\r\n @HostBinding('@x-base-animation') public animation = true;\r\n animating = signal(false);\r\n @HostListener('@x-base-animation.done', ['$event']) done() {\r\n this.animating.set(false);\r\n }\r\n @HostListener('@x-base-animation.start', ['$event']) start() {\r\n this.animating.set(true);\r\n }\r\n\r\n classMap = computed(() => ({\r\n [`${XTagPrefix}-${this.type()}`]: !XIsEmpty(this.type()),\r\n [`${XTagPrefix}-${this.size()}`]: !XIsEmpty(this.size()),\r\n [`${XTagPrefix}-dark`]: this.dark(),\r\n [`${XTagPrefix}-checked`]: this.checked()\r\n }));\r\n\r\n onClick() {\r\n if (!this.checked() || this.manual()) return;\r\n this.selected.update((x) => !x);\r\n }\r\n\r\n onClose(event: Event) {\r\n if (this.disabled()) return;\r\n this.close.emit(event);\r\n }\r\n}\r\n","<div\r\n #tag\r\n class=\"x-tag\"\r\n [ngClass]=\"classMap()\"\r\n [style]=\"style()\"\r\n [class.x-disabled]=\"disabled()\"\r\n [class.x-tag-bordered]=\"bordered()\"\r\n [class.x-tag-selected]=\"selected()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n @if (closable()) {\r\n <x-icon type=\"fto-x\" (click)=\"onClose($event)\"></x-icon>\r\n }\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XTagComponent } from './tag.component';\r\n\r\n@NgModule({\r\n exports: [XTagComponent],\r\n imports: [XTagComponent]\r\n})\r\nexport class XTagModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAIA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AAC1B,MAAM,iBAAiB,GAAG,KAAK;AAE/B;;AAEG;MAEU,YAAa,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AADtE,IAAA,WAAA,GAAA;;AAEE;;;AAGG;AACM,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAQ,SAAS,
|
|
1
|
+
{"version":3,"file":"ng-nest-ui-tag.mjs","sources":["../../../../lib/ng-nest/ui/tag/tag.property.ts","../../../../lib/ng-nest/ui/tag/tag.component.ts","../../../../lib/ng-nest/ui/tag/tag.component.html","../../../../lib/ng-nest/ui/tag/tag.module.ts","../../../../lib/ng-nest/ui/tag/ng-nest-ui-tag.ts"],"sourcesContent":["import { XPropertyFunction, XToBoolean } from '@ng-nest/ui/core';\r\nimport { Component, input, output, model } from '@angular/core';\r\nimport type { XType, XSize, XBoolean } from '@ng-nest/ui/core';\r\n\r\n/**\r\n * Tag\r\n * @selector x-tag\r\n * @decorator component\r\n */\r\nexport const XTagPrefix = 'x-tag';\r\nconst X_TAG_CONFIG_NAME = 'tag';\r\n\r\n/**\r\n * Tag Property\r\n */\r\n@Component({ selector: `${XTagPrefix}-property`, template: '' })\r\nexport class XTagProperty extends XPropertyFunction(X_TAG_CONFIG_NAME) {\r\n /**\r\n * @zh_CN 标签样式类型\r\n * @en_US Label style type\r\n */\r\n readonly type = input<XType>('initial');\r\n /**\r\n * @zh_CN 尺寸\r\n * @en_US Size\r\n */\r\n readonly size = input<XSize>(this.config?.size ?? 'medium');\r\n /**\r\n * @zh_CN 显示边框\r\n * @en_US Display Border\r\n */\r\n readonly bordered = input<boolean, XBoolean>(this.config?.bordered ?? true, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 显示关闭按钮\r\n * @en_US Show close button\r\n */\r\n readonly closable = input<boolean, XBoolean>(this.config?.closable ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 深色主题\r\n * @en_US Dark theme\r\n */\r\n readonly dark = input<boolean, XBoolean>(this.config?.dark ?? false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 禁用\r\n * @en_US Disabled\r\n */\r\n readonly disabled = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 可选择标签\r\n * @en_US checked\r\n */\r\n readonly checked = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 手动控制选择标签是否选中\r\n * @en_US Manual control\r\n */\r\n readonly manual = input<boolean, XBoolean>(false, { transform: XToBoolean });\r\n /**\r\n * @zh_CN 选中\r\n * @en_US Selected\r\n */\r\n readonly selected = model<boolean>(false);\r\n /**\r\n * @zh_CN 样式\r\n * @en_US Style\r\n */\r\n readonly style = input<{ [cssStyle: string]: any }>();\r\n /**\r\n * @zh_CN 点击关闭的事件\r\n * @en_US Click to close the event\r\n */\r\n readonly close = output<Event>();\r\n}\r\n","import {\r\n Component,\r\n ViewEncapsulation,\r\n ChangeDetectionStrategy,\r\n HostBinding,\r\n HostListener,\r\n computed,\r\n signal\r\n} from '@angular/core';\r\nimport { XTagPrefix, XTagProperty } from './tag.property';\r\nimport { XIsEmpty, XBaseAnimation } from '@ng-nest/ui/core';\r\nimport { NgClass } from '@angular/common';\r\nimport { XIconComponent } from '@ng-nest/ui/icon';\r\n\r\n@Component({\r\n selector: `${XTagPrefix}`,\r\n imports: [NgClass, XIconComponent],\r\n templateUrl: './tag.component.html',\r\n styleUrls: ['./tag.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n animations: [XBaseAnimation]\r\n})\r\nexport class XTagComponent extends XTagProperty {\r\n @HostBinding('@x-base-animation') public animation = true;\r\n animating = signal(false);\r\n @HostListener('@x-base-animation.done', ['$event']) done() {\r\n this.animating.set(false);\r\n }\r\n @HostListener('@x-base-animation.start', ['$event']) start() {\r\n this.animating.set(true);\r\n }\r\n\r\n classMap = computed(() => ({\r\n [`${XTagPrefix}-${this.type()}`]: !XIsEmpty(this.type()),\r\n [`${XTagPrefix}-${this.size()}`]: !XIsEmpty(this.size()),\r\n [`${XTagPrefix}-dark`]: this.dark(),\r\n [`${XTagPrefix}-checked`]: this.checked()\r\n }));\r\n\r\n onClick() {\r\n if (!this.checked() || this.manual()) return;\r\n this.selected.update((x) => !x);\r\n }\r\n\r\n onClose(event: Event) {\r\n if (this.disabled()) return;\r\n this.close.emit(event);\r\n }\r\n}\r\n","<div\r\n #tag\r\n class=\"x-tag\"\r\n [ngClass]=\"classMap()\"\r\n [style]=\"style()\"\r\n [class.x-disabled]=\"disabled()\"\r\n [class.x-tag-bordered]=\"bordered()\"\r\n [class.x-tag-selected]=\"selected()\"\r\n (click)=\"onClick()\"\r\n>\r\n <ng-content></ng-content>\r\n @if (closable()) {\r\n <x-icon type=\"fto-x\" (click)=\"onClose($event)\"></x-icon>\r\n }\r\n</div>\r\n","import { NgModule } from '@angular/core';\r\nimport { XTagComponent } from './tag.component';\r\n\r\n@NgModule({\r\n exports: [XTagComponent],\r\n imports: [XTagComponent]\r\n})\r\nexport class XTagModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -22,17 +22,17 @@ class XTextRetractProperty extends XPropertyFunction(X_TEXT_RETRACT_CONFIG_NAME)
|
|
|
22
22
|
* @zh_CN 文本
|
|
23
23
|
* @en_US text
|
|
24
24
|
*/
|
|
25
|
-
this.content = input();
|
|
25
|
+
this.content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
|
|
26
26
|
/**
|
|
27
27
|
* @zh_CN 默认最大显示字符数
|
|
28
28
|
* @en_US Default maximum number of characters displayed
|
|
29
29
|
*/
|
|
30
|
-
this.max = input(this.config?.max ?? 256, { transform: XToNumber });
|
|
30
|
+
this.max = input(this.config?.max ?? 256, ...(ngDevMode ? [{ debugName: "max", transform: XToNumber }] : [{ transform: XToNumber }]));
|
|
31
31
|
}
|
|
32
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
33
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.
|
|
32
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractProperty, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.4", type: XTextRetractProperty, isStandalone: true, selector: "x-text-retract-property", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
|
|
34
34
|
}
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractProperty, decorators: [{
|
|
36
36
|
type: Component,
|
|
37
37
|
args: [{ selector: `${XTextRetractPrefix}-property`, template: '' }]
|
|
38
38
|
}] });
|
|
@@ -55,30 +55,30 @@ class XTextRetractComponent extends XTextRetractProperty {
|
|
|
55
55
|
else {
|
|
56
56
|
return content;
|
|
57
57
|
}
|
|
58
|
-
});
|
|
58
|
+
}, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
|
|
59
59
|
this.retract = computed(() => {
|
|
60
60
|
const content = this.content();
|
|
61
61
|
return content && content.length > this.max();
|
|
62
|
-
});
|
|
63
|
-
this.unfold = signal(false);
|
|
62
|
+
}, ...(ngDevMode ? [{ debugName: "retract" }] : []));
|
|
63
|
+
this.unfold = signal(false, ...(ngDevMode ? [{ debugName: "unfold" }] : []));
|
|
64
64
|
}
|
|
65
65
|
toggle() {
|
|
66
66
|
this.unfold.update((x) => !x);
|
|
67
67
|
}
|
|
68
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
69
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
68
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
69
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: XTextRetractComponent, isStandalone: true, selector: "x-text-retract", usesInheritance: true, ngImport: i0, template: "<div class=\"x-text-retract\">\r\n {{ displayValue() }}\r\n @if (retract()) {\r\n @if (unfold()) {\r\n <x-link type=\"primary\" (click)=\"toggle()\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n } @else {\r\n <x-link type=\"primary\" (click)=\"toggle()\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n }\r\n }\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0}.x-text-retract{font-size:var(--x-font-size);display:inline}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "component", type: XLinkComponent, selector: "x-link" }, { kind: "pipe", type: XI18nPipe, name: "xI18n" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
70
70
|
}
|
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
71
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractComponent, decorators: [{
|
|
72
72
|
type: Component,
|
|
73
73
|
args: [{ selector: `${XTextRetractPrefix}`, imports: [FormsModule, XLinkComponent, XI18nPipe], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"x-text-retract\">\r\n {{ displayValue() }}\r\n @if (retract()) {\r\n @if (unfold()) {\r\n <x-link type=\"primary\" (click)=\"toggle()\">...{{ 'textRetract.unfold' | xI18n }}</x-link>\r\n } @else {\r\n <x-link type=\"primary\" (click)=\"toggle()\">{{ 'textRetract.packUp' | xI18n }}</x-link>\r\n }\r\n }\r\n</div>\r\n", styles: [".x-text-retract{margin:0;padding:0}.x-text-retract{font-size:var(--x-font-size);display:inline}\n"] }]
|
|
74
74
|
}] });
|
|
75
75
|
|
|
76
76
|
class XTextRetractModule {
|
|
77
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
78
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.
|
|
79
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.
|
|
77
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
78
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractModule, imports: [XTextRetractComponent], exports: [XTextRetractComponent] }); }
|
|
79
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractModule, imports: [XTextRetractComponent] }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: XTextRetractModule, decorators: [{
|
|
82
82
|
type: NgModule,
|
|
83
83
|
args: [{
|
|
84
84
|
exports: [XTextRetractComponent],
|