@taiga-ui/experimental 3.63.0 → 3.64.0-canary.0c1cd7d

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.
Files changed (99) hide show
  1. package/bundles/taiga-ui-experimental-components-app-bar.umd.js +157 -0
  2. package/bundles/taiga-ui-experimental-components-app-bar.umd.js.map +1 -0
  3. package/bundles/taiga-ui-experimental-components-avatar-labeled.umd.js +71 -0
  4. package/bundles/taiga-ui-experimental-components-avatar-labeled.umd.js.map +1 -0
  5. package/bundles/taiga-ui-experimental-components-badge.umd.js +1 -1
  6. package/bundles/taiga-ui-experimental-components-badge.umd.js.map +1 -1
  7. package/bundles/taiga-ui-experimental-components-chip.umd.js +1 -1
  8. package/bundles/taiga-ui-experimental-components-chip.umd.js.map +1 -1
  9. package/bundles/taiga-ui-experimental-components-swipe-action.umd.js +119 -0
  10. package/bundles/taiga-ui-experimental-components-swipe-action.umd.js.map +1 -0
  11. package/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js +1 -1
  12. package/bundles/taiga-ui-experimental-components-thumbnail-card.umd.js.map +1 -1
  13. package/bundles/taiga-ui-experimental-components-tooltip.umd.js +7 -7
  14. package/bundles/taiga-ui-experimental-components-tooltip.umd.js.map +1 -1
  15. package/bundles/taiga-ui-experimental-components.umd.js +22 -4
  16. package/bundles/taiga-ui-experimental-components.umd.js.map +1 -1
  17. package/bundles/taiga-ui-experimental-directives-card.umd.js +40 -17
  18. package/bundles/taiga-ui-experimental-directives-card.umd.js.map +1 -1
  19. package/bundles/taiga-ui-experimental-directives-cell.umd.js +1 -1
  20. package/bundles/taiga-ui-experimental-directives-cell.umd.js.map +1 -1
  21. package/bundles/taiga-ui-experimental-directives-icons.umd.js +2 -2
  22. package/bundles/taiga-ui-experimental-directives-icons.umd.js.map +1 -1
  23. package/bundles/taiga-ui-experimental-directives-surface.umd.js +1 -1
  24. package/bundles/taiga-ui-experimental-directives-surface.umd.js.map +1 -1
  25. package/components/app-bar/app-bar-back.component.d.ts +5 -0
  26. package/components/app-bar/app-bar.component.d.ts +13 -0
  27. package/components/app-bar/app-bar.directive.d.ts +6 -0
  28. package/components/app-bar/app-bar.module.d.ts +12 -0
  29. package/components/app-bar/app-bar.providers.d.ts +2 -0
  30. package/components/app-bar/index.d.ts +5 -0
  31. package/components/app-bar/package.json +10 -0
  32. package/components/app-bar/taiga-ui-experimental-components-app-bar.d.ts +5 -0
  33. package/components/avatar-labeled/avatar-labeled.component.d.ts +5 -0
  34. package/components/avatar-labeled/avatar-labeled.module.d.ts +7 -0
  35. package/components/avatar-labeled/index.d.ts +2 -0
  36. package/components/avatar-labeled/package.json +10 -0
  37. package/components/avatar-labeled/taiga-ui-experimental-components-avatar-labeled.d.ts +5 -0
  38. package/components/index.d.ts +3 -0
  39. package/components/swipe-action/index.d.ts +3 -0
  40. package/components/swipe-action/package.json +10 -0
  41. package/components/swipe-action/swipe-actions-auto-close.directive.d.ts +11 -0
  42. package/components/swipe-action/swipe-actions.component.d.ts +7 -0
  43. package/components/swipe-action/swipe-actions.module.d.ts +10 -0
  44. package/components/swipe-action/taiga-ui-experimental-components-swipe-action.d.ts +5 -0
  45. package/directives/card/card.directive.d.ts +9 -5
  46. package/directives/card/card.module.d.ts +1 -1
  47. package/directives/icons/icons.directive.d.ts +1 -1
  48. package/esm2015/components/app-bar/app-bar-back.component.js +16 -0
  49. package/esm2015/components/app-bar/app-bar.component.js +51 -0
  50. package/esm2015/components/app-bar/app-bar.directive.js +18 -0
  51. package/esm2015/components/app-bar/app-bar.module.js +22 -0
  52. package/esm2015/components/app-bar/app-bar.providers.js +21 -0
  53. package/esm2015/components/app-bar/index.js +6 -0
  54. package/esm2015/components/app-bar/taiga-ui-experimental-components-app-bar.js +5 -0
  55. package/esm2015/components/avatar-labeled/avatar-labeled.component.js +17 -0
  56. package/esm2015/components/avatar-labeled/avatar-labeled.module.js +16 -0
  57. package/esm2015/components/avatar-labeled/index.js +3 -0
  58. package/esm2015/components/avatar-labeled/taiga-ui-experimental-components-avatar-labeled.js +5 -0
  59. package/esm2015/components/badge/badge.component.js +1 -1
  60. package/esm2015/components/chip/chip.component.js +1 -1
  61. package/esm2015/components/index.js +4 -1
  62. package/esm2015/components/swipe-action/index.js +4 -0
  63. package/esm2015/components/swipe-action/swipe-actions-auto-close.directive.js +38 -0
  64. package/esm2015/components/swipe-action/swipe-actions.component.js +26 -0
  65. package/esm2015/components/swipe-action/swipe-actions.module.js +20 -0
  66. package/esm2015/components/swipe-action/taiga-ui-experimental-components-swipe-action.js +5 -0
  67. package/esm2015/components/thumbnail-card/thumbnail-card.component.js +1 -1
  68. package/esm2015/components/tooltip/tooltip.component.js +3 -3
  69. package/esm2015/directives/card/card.component.js +1 -1
  70. package/esm2015/directives/card/card.directive.js +30 -11
  71. package/esm2015/directives/card/card.module.js +5 -5
  72. package/esm2015/directives/cell/cell.component.js +1 -1
  73. package/esm2015/directives/icons/icons.directive.js +3 -3
  74. package/esm2015/directives/surface/surface.component.js +1 -1
  75. package/fesm2015/taiga-ui-experimental-components-app-bar.js +123 -0
  76. package/fesm2015/taiga-ui-experimental-components-app-bar.js.map +1 -0
  77. package/fesm2015/taiga-ui-experimental-components-avatar-labeled.js +37 -0
  78. package/fesm2015/taiga-ui-experimental-components-avatar-labeled.js.map +1 -0
  79. package/fesm2015/taiga-ui-experimental-components-badge.js +1 -1
  80. package/fesm2015/taiga-ui-experimental-components-badge.js.map +1 -1
  81. package/fesm2015/taiga-ui-experimental-components-chip.js +1 -1
  82. package/fesm2015/taiga-ui-experimental-components-chip.js.map +1 -1
  83. package/fesm2015/taiga-ui-experimental-components-swipe-action.js +84 -0
  84. package/fesm2015/taiga-ui-experimental-components-swipe-action.js.map +1 -0
  85. package/fesm2015/taiga-ui-experimental-components-thumbnail-card.js +1 -1
  86. package/fesm2015/taiga-ui-experimental-components-thumbnail-card.js.map +1 -1
  87. package/fesm2015/taiga-ui-experimental-components-tooltip.js +3 -3
  88. package/fesm2015/taiga-ui-experimental-components-tooltip.js.map +1 -1
  89. package/fesm2015/taiga-ui-experimental-components.js +3 -0
  90. package/fesm2015/taiga-ui-experimental-components.js.map +1 -1
  91. package/fesm2015/taiga-ui-experimental-directives-card.js +34 -15
  92. package/fesm2015/taiga-ui-experimental-directives-card.js.map +1 -1
  93. package/fesm2015/taiga-ui-experimental-directives-cell.js +1 -1
  94. package/fesm2015/taiga-ui-experimental-directives-cell.js.map +1 -1
  95. package/fesm2015/taiga-ui-experimental-directives-icons.js +2 -2
  96. package/fesm2015/taiga-ui-experimental-directives-icons.js.map +1 -1
  97. package/fesm2015/taiga-ui-experimental-directives-surface.js +1 -1
  98. package/fesm2015/taiga-ui-experimental-directives-surface.js.map +1 -1
  99. package/package.json +31 -31
@@ -0,0 +1 @@
1
+ {"version":3,"file":"taiga-ui-experimental-components-avatar-labeled.js","sources":["../../../projects/experimental/components/avatar-labeled/avatar-labeled.component.ts","../../../projects/experimental/components/avatar-labeled/avatar-labeled.module.ts","../../../projects/experimental/components/avatar-labeled/taiga-ui-experimental-components-avatar-labeled.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n selector: 'tui-avatar-labeled',\n template: '<ng-content></ng-content>',\n styleUrls: ['./avatar-labeled.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiAvatarLabeledComponent {}\n","import {NgModule} from '@angular/core';\n\nimport {TuiAvatarLabeledComponent} from './avatar-labeled.component';\n\n@NgModule({\n declarations: [TuiAvatarLabeledComponent],\n exports: [TuiAvatarLabeledComponent],\n})\nexport class TuiAvatarLabeledModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MASa,yBAAyB,CAAA;;uHAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,yBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,0DALxB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,iSAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAK5B,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,SAAS,EAAE,CAAC,8BAA8B,CAAC;oBAC3C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAClD,iBAAA,CAAA;;;MCAY,sBAAsB,CAAA;;oHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAHhB,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAC9B,yBAAyB,CAAA,EAAA,CAAA,CAAA;qHAE1B,sBAAsB,EAAA,CAAA,CAAA;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAJlC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,yBAAyB,CAAC;oBACzC,OAAO,EAAE,CAAC,yBAAyB,CAAC;AACvC,iBAAA,CAAA;;;ACPD;;AAEG;;;;"}
@@ -7,7 +7,7 @@ import { TuiIconsModule, TuiIconsDirective } from '@taiga-ui/experimental/direct
7
7
  class TuiBadgeComponent {
8
8
  }
9
9
  TuiBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeNew]{--t-gap: 0rem;--t-dot: currentColor;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));border-radius:6rem;background:#959595;color:var(--tui-base-01);padding:var(--t-padding);height:var(--t-size);min-width:var(--t-size);font:var(--tui-font-text-s)}[tuiBadgeNew]>img,[tuiBadgeNew]>tui-svg,[tuiBadgeNew]>tui-icon,[tuiBadgeNew]>tui-avatar,[tuiBadgeNew]>tui-badge,[tuiBadgeNew]>[tuiBadge],[tuiBadgeNew]>[tuiRadio],[tuiBadgeNew]>[tuiToggle],[tuiBadgeNew]>[tuiCheckbox],[tuiBadgeNew]._icon-left:before,[tuiBadgeNew]._icon-right:after{margin:var(--t-margin)}[tuiBadgeNew]._dot:before{content:\"\";display:block;width:.375rem;height:.375rem;background:var(--t-dot);border-radius:100%}[tuiBadgeNew]>tui-icon,[tuiBadgeNew][tuiIcons]:before,[tuiBadgeNew][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeNew][data-appearance=error]{--t-dot: var(--tui-error-fill)}[tuiBadgeNew][data-appearance=success]{--t-dot: var(--tui-success-fill)}[tuiBadgeNew][data-appearance=warning]{--t-dot: var(--tui-warning-fill)}[tuiBadgeNew][data-appearance=info]{--t-dot: var(--tui-info-fill)}[tuiBadgeNew][data-appearance=neutral]{--t-dot: var(--tui-neutral-fill)}[tuiBadgeNew][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=s]._dot:before{width:.25rem;height:.25rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[tuiBadgeNew][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=l]{--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem}[tuiBadgeNew][data-size=l]._dot:before{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiBadgeNew][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeNew][data-size=xl]._dot:before{width:.5rem;height:.5rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}img[tuiBadge]{padding:0}tui-icon[tuiBadge]{--t-margin: 0 !important;-webkit-mask:none;mask:none;height:var(--t-size);width:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10
+ TuiBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiBadgeComponent, selector: "ng-component", host: { classAttribute: "tui-badge" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiBadgeNew]{--t-gap: 0rem;--t-dot: currentColor;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));border-radius:6rem;background:#959595;color:var(--tui-base-01);padding:var(--t-padding);height:var(--t-size);min-width:var(--t-size);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font:var(--tui-font-text-s)}[tuiBadgeNew]>img,[tuiBadgeNew]>tui-svg,[tuiBadgeNew]>tui-icon,[tuiBadgeNew]>tui-avatar,[tuiBadgeNew]>tui-badge,[tuiBadgeNew]>[tuiBadge],[tuiBadgeNew]>[tuiRadio],[tuiBadgeNew]>[tuiToggle],[tuiBadgeNew]>[tuiCheckbox],[tuiBadgeNew]._icon-left:before,[tuiBadgeNew]._icon-right:after{margin:var(--t-margin)}[tuiBadgeNew]._dot:before{content:\"\";display:block;width:.375rem;height:.375rem;background:var(--t-dot);border-radius:100%}[tuiBadgeNew]>tui-icon,[tuiBadgeNew][tuiIcons]:before,[tuiBadgeNew][tuiIcons]:after{font-size:var(--t-icon-size)!important}[tuiBadgeNew][data-appearance=error]{--t-dot: var(--tui-error-fill)}[tuiBadgeNew][data-appearance=success]{--t-dot: var(--tui-success-fill)}[tuiBadgeNew][data-appearance=warning]{--t-dot: var(--tui-warning-fill)}[tuiBadgeNew][data-appearance=info]{--t-dot: var(--tui-info-fill)}[tuiBadgeNew][data-appearance=neutral]{--t-dot: var(--tui-neutral-fill)}[tuiBadgeNew][data-size=s]{--t-padding: 0 .3125rem;--t-size: 1rem;--t-icon-size: .625rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=s]._dot:before{width:.25rem;height:.25rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}[tuiBadgeNew][data-size=m]{--t-padding: 0 .375rem;--t-size: 1.25rem;--t-icon-size: .75rem;--t-margin: -.125rem}[tuiBadgeNew][data-size=l]{--t-padding: 0 .5rem;--t-size: var(--tui-height-xs);--t-margin: -.25rem}[tuiBadgeNew][data-size=l]._dot:before{-webkit-margin-end:-.25rem;margin-inline-end:-.25rem}[tuiBadgeNew][data-size=xl]{--t-margin: -.25rem;--t-padding: 0 .75rem;--t-size: var(--tui-height-s);font:var(--tui-font-text-m)}[tuiBadgeNew][data-size=xl]._dot:before{width:.5rem;height:.5rem;-webkit-margin-end:-.125rem;margin-inline-end:-.125rem}img[tuiBadge]{padding:0}tui-icon[tuiBadge]{--t-margin: 0 !important;-webkit-mask:none;mask:none;height:var(--t-size);width:var(--t-size)}tui-icon[tuiBadge][data-size=s]:after{-webkit-mask-size:.625rem;mask-size:.625rem}tui-icon[tuiBadge][data-size=m]:after{-webkit-mask-size:.75rem;mask-size:.75rem}tui-icon[tuiBadge][data-size=l]:after,tui-icon[tuiBadge][data-size=xl]:after{-webkit-mask-size:1rem;mask-size:1rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiBadgeComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-experimental-components-badge.js","sources":["../../../projects/experimental/components/badge/badge.component.ts","../../../projects/experimental/components/badge/badge.options.ts","../../../projects/experimental/components/badge/badge.directive.ts","../../../projects/experimental/components/badge/badge.module.ts","../../../projects/experimental/components/badge/taiga-ui-experimental-components-badge.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./badge.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-badge',\n },\n})\nexport class TuiBadgeComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\nexport interface TuiBadgeOptions {\n readonly appearance: string;\n readonly size: TuiSizeS | TuiSizeXL;\n readonly dot: boolean;\n}\n\nexport const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions = {\n size: 'l',\n appearance: 'default',\n dot: false,\n};\n\nexport const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);\n\nexport function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider {\n return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);\n}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiBadgeComponent} from './badge.component';\nimport {TUI_BADGE_OPTIONS, TuiBadgeOptions} from './badge.options';\n\n@Directive({\n selector: 'tui-badge,[tuiBadge]',\n host: {\n tuiBadgeNew: '',\n tuiAppearance: '',\n '[class._dot]': 'dot',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiBadgeDirective {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n @Input()\n dot = this.options.dot;\n\n constructor(\n @Inject(TUI_BADGE_OPTIONS) private readonly options: TuiBadgeOptions,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiBadgeComponent);\n }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiBadgeComponent} from './badge.component';\nimport {TuiBadgeDirective} from './badge.directive';\n\n@NgModule({\n imports: [TuiIconsModule],\n declarations: [TuiBadgeComponent, TuiBadgeDirective],\n exports: [TuiBadgeDirective, TuiIconsDirective],\n})\nexport class TuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-experimental-components-badge.js","sources":["../../../projects/experimental/components/badge/badge.component.ts","../../../projects/experimental/components/badge/badge.options.ts","../../../projects/experimental/components/badge/badge.directive.ts","../../../projects/experimental/components/badge/badge.module.ts","../../../projects/experimental/components/badge/taiga-ui-experimental-components-badge.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./badge.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-badge',\n },\n})\nexport class TuiBadgeComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiSizeXL} from '@taiga-ui/core';\n\nexport interface TuiBadgeOptions {\n readonly appearance: string;\n readonly size: TuiSizeS | TuiSizeXL;\n readonly dot: boolean;\n}\n\nexport const TUI_BADGE_DEFAULT_OPTIONS: TuiBadgeOptions = {\n size: 'l',\n appearance: 'default',\n dot: false,\n};\n\nexport const TUI_BADGE_OPTIONS = tuiCreateToken(TUI_BADGE_DEFAULT_OPTIONS);\n\nexport function tuiBadgeOptionsProvider(options: Partial<TuiBadgeOptions>): Provider {\n return tuiProvideOptions(TUI_BADGE_OPTIONS, options, TUI_BADGE_DEFAULT_OPTIONS);\n}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiBadgeComponent} from './badge.component';\nimport {TUI_BADGE_OPTIONS, TuiBadgeOptions} from './badge.options';\n\n@Directive({\n selector: 'tui-badge,[tuiBadge]',\n host: {\n tuiBadgeNew: '',\n tuiAppearance: '',\n '[class._dot]': 'dot',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiBadgeDirective {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n @Input()\n dot = this.options.dot;\n\n constructor(\n @Inject(TUI_BADGE_OPTIONS) private readonly options: TuiBadgeOptions,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiBadgeComponent);\n }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiBadgeComponent} from './badge.component';\nimport {TuiBadgeDirective} from './badge.directive';\n\n@NgModule({\n imports: [TuiIconsModule],\n declarations: [TuiBadgeComponent, TuiBadgeDirective],\n exports: [TuiBadgeDirective, TuiIconsDirective],\n})\nexport class TuiBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -11,7 +11,7 @@ import { TuiIconsModule, TuiIconsDirective } from '@taiga-ui/experimental/direct
11
11
  class TuiChipComponent {
12
12
  }
13
13
  TuiChipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
14
- TuiChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiChipComponent, selector: "ng-component", host: { classAttribute: "tui-chip" }, ngImport: i0, template: '', isInline: true, styles: ["tui-chip,[tuiChip]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);height:var(--t-size)}tui-chip>img,[tuiChip]>img,tui-chip>tui-svg,[tuiChip]>tui-svg,tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip>tui-avatar,[tuiChip]>tui-avatar,tui-chip>tui-badge,[tuiChip]>tui-badge,tui-chip>[tuiBadge],[tuiChip]>[tuiBadge],tui-chip>[tuiRadio],[tuiChip]>[tuiRadio],tui-chip>[tuiToggle],[tuiChip]>[tuiToggle],tui-chip>[tuiCheckbox],[tuiChip]>[tuiCheckbox],tui-chip._icon-left:before,[tuiChip]._icon-left:before,tui-chip._icon-right:after,[tuiChip]._icon-right:after{margin:var(--t-margin)}tui-chip:-webkit-any(a,button,select,textarea,input,label),[tuiChip]:-webkit-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip:-moz-any(a,button,select,textarea,input,label),[tuiChip]:-moz-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-chip[data-size=xxs],[tuiChip][data-size=xxs]{--t-gap: 0rem;--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}tui-chip[data-size=xxs]>[tuiIconButton],[tuiChip][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}tui-chip[data-size=xs],[tuiChip][data-size=xs]{--t-padding: 0 .375rem;--t-size: 1.25rem;border-radius:var(--tui-radius-xs)}tui-chip[data-size=xs]>[tuiIconButton],[tuiChip][data-size=xs]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s],[tuiChip][data-size=s]{--t-padding: 0 .625rem;--t-size: var(--tui-height-s)}tui-chip[data-size=s]>[tuiIconButton],[tuiChip][data-size=s]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s]>img,[tuiChip][data-size=s]>img,tui-chip[data-size=s] tui-avatar,[tuiChip][data-size=s] tui-avatar{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}tui-chip[data-size=m],[tuiChip][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}tui-chip[data-size=m]>[tuiIconButton],[tuiChip][data-size=m]>[tuiIconButton]{margin:-.75rem}tui-chip>img,[tuiChip]>img{width:1.5rem}tui-chip>input[tuiChip],[tuiChip]>input[tuiChip]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
14
+ TuiChipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiChipComponent, selector: "ng-component", host: { classAttribute: "tui-chip" }, ngImport: i0, template: '', isInline: true, styles: ["tui-chip,[tuiChip]{--t-gap: .125rem;--t-margin: -.125rem;--t-icon-size: 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:inline-flex;align-items:center;flex-shrink:0;box-sizing:border-box;white-space:nowrap;overflow:hidden;vertical-align:middle;max-width:100%;grid-gap:calc(var(--t-gap) - 2 * var(--t-margin));gap:calc(var(--t-gap) - 2 * var(--t-margin));font:var(--tui-font-text-s);border-radius:var(--tui-radius-m);padding:var(--t-padding);height:var(--t-size);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}tui-chip>img,[tuiChip]>img,tui-chip>tui-svg,[tuiChip]>tui-svg,tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip>tui-avatar,[tuiChip]>tui-avatar,tui-chip>tui-badge,[tuiChip]>tui-badge,tui-chip>[tuiBadge],[tuiChip]>[tuiBadge],tui-chip>[tuiRadio],[tuiChip]>[tuiRadio],tui-chip>[tuiToggle],[tuiChip]>[tuiToggle],tui-chip>[tuiCheckbox],[tuiChip]>[tuiCheckbox],tui-chip._icon-left:before,[tuiChip]._icon-left:before,tui-chip._icon-right:after,[tuiChip]._icon-right:after{margin:var(--t-margin)}tui-chip:-webkit-any(a,button,select,textarea,input,label),[tuiChip]:-webkit-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip:-moz-any(a,button,select,textarea,input,label),[tuiChip]:-moz-any(a,button,select,textarea,input,label){cursor:pointer}tui-chip>tui-icon,[tuiChip]>tui-icon,tui-chip[tuiIcons]:before,[tuiChip][tuiIcons]:before,tui-chip[tuiIcons]:after,[tuiChip][tuiIcons]:after{font-size:var(--t-icon-size)!important}tui-chip[data-size=xxs],[tuiChip][data-size=xxs]{--t-gap: 0rem;--t-padding: 0 .25rem;--t-size: 1rem;--t-icon-size: .75rem;font:var(--tui-font-text-xs);border-radius:var(--tui-radius-xs)}tui-chip[data-size=xxs]>[tuiIconButton],[tuiChip][data-size=xxs]>[tuiIconButton]{margin:-.5rem;transform:scale(.75)}tui-chip[data-size=xs],[tuiChip][data-size=xs]{--t-padding: 0 .375rem;--t-size: 1.25rem;border-radius:var(--tui-radius-xs)}tui-chip[data-size=xs]>[tuiIconButton],[tuiChip][data-size=xs]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s],[tuiChip][data-size=s]{--t-padding: 0 .625rem;--t-size: var(--tui-height-s)}tui-chip[data-size=s]>[tuiIconButton],[tuiChip][data-size=s]>[tuiIconButton]{margin:-.375rem}tui-chip[data-size=s]>img,[tuiChip][data-size=s]>img,tui-chip[data-size=s] tui-avatar,[tuiChip][data-size=s] tui-avatar{-webkit-margin-start:-.375rem;margin-inline-start:-.375rem}tui-chip[data-size=m],[tuiChip][data-size=m]{--t-margin: -.375rem;--t-icon-size: 1.5rem;--t-padding: 0 1rem;--t-size: var(--tui-height-m);font:var(--tui-font-text-m)}tui-chip[data-size=m]>[tuiIconButton],[tuiChip][data-size=m]>[tuiIconButton]{margin:-.75rem}tui-chip>img,[tuiChip]>img{width:1.5rem}tui-chip>input[tuiChip],[tuiChip]>input[tuiChip]{position:absolute;top:0;left:0;width:100%;height:100%;margin:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
15
15
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiChipComponent, decorators: [{
16
16
  type: Component,
17
17
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-experimental-components-chip.js","sources":["../../../projects/experimental/components/chip/chip.component.ts","../../../projects/experimental/components/chip/chip.options.ts","../../../projects/experimental/components/chip/chip.directive.ts","../../../projects/experimental/components/chip/chip.module.ts","../../../projects/experimental/components/chip/taiga-ui-experimental-components-chip.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./chip.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-chip',\n },\n})\nexport class TuiChipComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiChipOptions {\n readonly appearance: string;\n readonly size: TuiSizeXXS;\n}\n\nexport const TUI_CHIP_DEFAULT_OPTIONS: TuiChipOptions = {\n size: 's',\n appearance: 'neutral',\n};\n\nexport const TUI_CHIP_OPTIONS = tuiCreateToken(TUI_CHIP_DEFAULT_OPTIONS);\n\nexport function tuiChipOptionsProvider(options: Partial<TuiChipOptions>): Provider {\n return tuiProvideOptions(TUI_CHIP_OPTIONS, options, TUI_CHIP_DEFAULT_OPTIONS);\n}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/experimental/components/avatar';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\nimport {tuiCheckboxOptionsProvider} from '@taiga-ui/experimental/components/checkbox';\nimport {tuiToggleOptionsProvider} from '@taiga-ui/experimental/components/toggle';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TUI_CHIP_OPTIONS, TuiChipOptions} from './chip.options';\n\n@Directive({\n selector: 'tui-chip,[tuiChip]',\n providers: [\n tuiToggleOptionsProvider({size: 's'}),\n tuiCheckboxOptionsProvider({size: 's'}),\n tuiAvatarOptionsProvider({size: 'xxs'}),\n tuiButtonOptionsProvider({\n size: 'xs',\n appearance: 'icon',\n }),\n ],\n host: {\n tuiAppearance: '',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiChipDirective {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n constructor(\n @Inject(TUI_CHIP_OPTIONS) private readonly options: TuiChipOptions,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiChipComponent);\n }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TuiChipDirective} from './chip.directive';\n\n@NgModule({\n imports: [TuiIconsModule],\n declarations: [TuiChipComponent, TuiChipDirective],\n exports: [TuiChipDirective, TuiIconsDirective],\n})\nexport class TuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-experimental-components-chip.js","sources":["../../../projects/experimental/components/chip/chip.component.ts","../../../projects/experimental/components/chip/chip.options.ts","../../../projects/experimental/components/chip/chip.directive.ts","../../../projects/experimental/components/chip/chip.module.ts","../../../projects/experimental/components/chip/taiga-ui-experimental-components-chip.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./chip.style.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-chip',\n },\n})\nexport class TuiChipComponent {}\n","import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\nimport {TuiSizeXXS} from '@taiga-ui/core';\n\nexport interface TuiChipOptions {\n readonly appearance: string;\n readonly size: TuiSizeXXS;\n}\n\nexport const TUI_CHIP_DEFAULT_OPTIONS: TuiChipOptions = {\n size: 's',\n appearance: 'neutral',\n};\n\nexport const TUI_CHIP_OPTIONS = tuiCreateToken(TUI_CHIP_DEFAULT_OPTIONS);\n\nexport function tuiChipOptionsProvider(options: Partial<TuiChipOptions>): Provider {\n return tuiProvideOptions(TUI_CHIP_OPTIONS, options, TUI_CHIP_DEFAULT_OPTIONS);\n}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {tuiAvatarOptionsProvider} from '@taiga-ui/experimental/components/avatar';\nimport {tuiButtonOptionsProvider} from '@taiga-ui/experimental/components/button';\nimport {tuiCheckboxOptionsProvider} from '@taiga-ui/experimental/components/checkbox';\nimport {tuiToggleOptionsProvider} from '@taiga-ui/experimental/components/toggle';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TUI_CHIP_OPTIONS, TuiChipOptions} from './chip.options';\n\n@Directive({\n selector: 'tui-chip,[tuiChip]',\n providers: [\n tuiToggleOptionsProvider({size: 's'}),\n tuiCheckboxOptionsProvider({size: 's'}),\n tuiAvatarOptionsProvider({size: 'xxs'}),\n tuiButtonOptionsProvider({\n size: 'xs',\n appearance: 'icon',\n }),\n ],\n host: {\n tuiAppearance: '',\n '[attr.data-appearance]': 'appearance',\n '[attr.data-size]': 'size',\n },\n})\nexport class TuiChipDirective {\n @Input()\n size = this.options.size;\n\n @Input()\n appearance = this.options.appearance;\n\n constructor(\n @Inject(TUI_CHIP_OPTIONS) private readonly options: TuiChipOptions,\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiChipComponent);\n }\n}\n","import {NgModule} from '@angular/core';\nimport {TuiIconsDirective, TuiIconsModule} from '@taiga-ui/experimental/directives/icons';\n\nimport {TuiChipComponent} from './chip.component';\nimport {TuiChipDirective} from './chip.directive';\n\n@NgModule({\n imports: [TuiIconsModule],\n declarations: [TuiChipComponent, TuiChipDirective],\n exports: [TuiChipDirective, TuiIconsDirective],\n})\nexport class TuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAWa,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,0FARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,i1FAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FAQH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAT5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,EAAE;oBACZ,SAAS,EAAE,CAAC,mBAAmB,CAAC;oBAChC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,UAAU;AACpB,qBAAA;AACJ,iBAAA,CAAA;;;ACDY,MAAA,wBAAwB,GAAmB;AACpD,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,UAAU,EAAE,SAAS;EACvB;MAEW,gBAAgB,GAAG,cAAc,CAAC,wBAAwB,EAAE;AAEnE,SAAU,sBAAsB,CAAC,OAAgC,EAAA;IACnE,OAAO,iBAAiB,CAAC,gBAAgB,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC;AAClF;;MCSa,gBAAgB,CAAA;IAOzB,WAC+C,CAAA,OAAuB,EAC/B,eAA0C,EAAA;QADlC,IAAO,CAAA,OAAA,GAAP,OAAO,CAAgB;AANtE,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;AAGzB,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;AAMjC,QAAA,eAAe,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;KAClD;;8GAZQ,gBAAgB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAQb,gBAAgB,EAAA,EAAA,EAAA,KAAA,EAChB,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAT5B,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAfd,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,SAAA,EAAA;AACP,QAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,QAAA,0BAA0B,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACvC,QAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;AACvC,QAAA,wBAAwB,CAAC;AACrB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,UAAU,EAAE,MAAM;SACrB,CAAC;AACL,KAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAOQ,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAjB5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,SAAS,EAAE;AACP,wBAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACrC,wBAAA,0BAA0B,CAAC,EAAC,IAAI,EAAE,GAAG,EAAC,CAAC;AACvC,wBAAA,wBAAwB,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;AACvC,wBAAA,wBAAwB,CAAC;AACrB,4BAAA,IAAI,EAAE,IAAI;AACV,4BAAA,UAAU,EAAE,MAAM;yBACrB,CAAC;AACL,qBAAA;AACD,oBAAA,IAAI,EAAE;AACF,wBAAA,aAAa,EAAE,EAAE;AACjB,wBAAA,wBAAwB,EAAE,YAAY;AACtC,wBAAA,kBAAkB,EAAE,MAAM;AAC7B,qBAAA;AACJ,iBAAA,CAAA;;0BASQ,MAAM;2BAAC,gBAAgB,CAAA;;0BACvB,MAAM;2BAAC,yBAAyB,CAAA;4CAPrC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIN,UAAU,EAAA,CAAA;sBADT,KAAK;;;MCpBG,aAAa,CAAA;;2GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;4GAAb,aAAa,EAAA,YAAA,EAAA,CAHP,gBAAgB,EAAE,gBAAgB,aADvC,cAAc,CAAA,EAAA,OAAA,EAAA,CAEd,gBAAgB,EAAE,iBAAiB,CAAA,EAAA,CAAA,CAAA;4GAEpC,aAAa,EAAA,OAAA,EAAA,CAJb,CAAC,cAAc,CAAC,CAAA,EAAA,CAAA,CAAA;4FAIhB,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,OAAO,EAAE,CAAC,cAAc,CAAC;AACzB,oBAAA,YAAY,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;AAClD,oBAAA,OAAO,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;AACjD,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
@@ -0,0 +1,84 @@
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, ElementRef, Directive, Inject, Input, NgModule } from '@angular/core';
3
+ import * as i1 from '@taiga-ui/cdk';
4
+ import { tuiGetActualTarget, TuiResizeModule } from '@taiga-ui/cdk';
5
+ import { CommonModule } from '@angular/common';
6
+
7
+ class TuiSwipeActionsComponent {
8
+ constructor() {
9
+ this.actionsWidth = 0;
10
+ }
11
+ onResize({ target }) {
12
+ this.actionsWidth = target.clientWidth;
13
+ }
14
+ }
15
+ TuiSwipeActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
+ TuiSwipeActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsComponent, selector: "tui-swipe-actions", host: { properties: { "style.--t-actions-width": "actionsWidth" } }, ngImport: i0, template: "<div class=\"t-content\">\n <ng-content></ng-content>\n</div>\n\n<div\n class=\"t-actions\"\n (tuiResize)=\"onResize($event[0])\"\n>\n <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n", styles: [":host{scrollbar-width:none;-ms-overflow-style:none;--tui-action-gap: 24;--tui-actions-padding: .5rem;--tui-item-size: 44;display:flex;width:-webkit-fill-available;width:stretch;align-items:center;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;perspective:1px;perspective-origin:calc(100% + calc(1px * var(--tui-item-size) / 2) + var(--tui-actions-padding))}:host::-webkit-scrollbar,:host::-webkit-scrollbar-thumb{display:none}.t-content{scroll-snap-align:start;flex-shrink:0;width:100%}.t-actions{display:flex;grid-gap:calc(1px * var(--tui-action-gap));gap:calc(1px * var(--tui-action-gap));padding:0 1rem 0 var(--tui-actions-padding);scroll-snap-align:start;align-items:center;transform-style:preserve-3d}::ng-deep .t-actions>*:nth-child(2){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(2 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (2 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(3){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(3 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (3 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(4){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(4 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (4 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(5){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(5 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (5 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}::ng-deep .t-actions>*:nth-child(6){--t-distance: calc(var(--tui-item-size) + var(--tui-action-gap)) * calc(6 - 1);--t-factor: calc((var(--t-actions-width) - var(--t-distance)) / var(--t-actions-width));--t-scale: calc(1 / var(--t-factor));--t-translate: calc(1px * (1 - 1 / var(--t-factor)));transform:translate3d(calc(calc((-100% - calc(1px * var(--tui-action-gap))) * (6 - 1)) / var(--t-scale)),0,var(--t-translate));scale:var(--t-scale)}\n"], directives: [{ type: i1.TuiResizeDirective, selector: "[tuiResize]", outputs: ["tuiResize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsComponent, decorators: [{
18
+ type: Component,
19
+ args: [{
20
+ selector: 'tui-swipe-actions',
21
+ templateUrl: './swipe-actions.template.html',
22
+ styleUrls: ['./swipe-actions.style.less'],
23
+ changeDetection: ChangeDetectionStrategy.OnPush,
24
+ host: {
25
+ '[style.--t-actions-width]': 'actionsWidth',
26
+ },
27
+ }]
28
+ }] });
29
+
30
+ class TuiSwipeActionsAutoCloseDirective {
31
+ constructor(el) {
32
+ this.el = el;
33
+ this.autoClose = true;
34
+ }
35
+ onPointer(event) {
36
+ const target = tuiGetActualTarget(event);
37
+ if (this.autoClose && !this.el.nativeElement.contains(target)) {
38
+ this.close();
39
+ }
40
+ }
41
+ close() {
42
+ this.el.nativeElement.scrollTo({
43
+ left: 0,
44
+ behavior: 'smooth',
45
+ });
46
+ }
47
+ }
48
+ TuiSwipeActionsAutoCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsAutoCloseDirective, deps: [{ token: ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
49
+ TuiSwipeActionsAutoCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiSwipeActionsAutoCloseDirective, selector: "tui-swipe-actions[autoClose]", inputs: { autoClose: "autoClose" }, host: { listeners: { "document:pointerdown.silent": "onPointer($event)" } }, ngImport: i0 });
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsAutoCloseDirective, decorators: [{
51
+ type: Directive,
52
+ args: [{
53
+ selector: 'tui-swipe-actions[autoClose]',
54
+ host: {
55
+ '(document:pointerdown.silent)': 'onPointer($event)',
56
+ },
57
+ }]
58
+ }], ctorParameters: function () { return [{ type: i0.ElementRef, decorators: [{
59
+ type: Inject,
60
+ args: [ElementRef]
61
+ }] }]; }, propDecorators: { autoClose: [{
62
+ type: Input
63
+ }] } });
64
+
65
+ class TuiSwipeActionsModule {
66
+ }
67
+ TuiSwipeActionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
68
+ TuiSwipeActionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective], imports: [CommonModule, TuiResizeModule], exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective] });
69
+ TuiSwipeActionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, imports: [[CommonModule, TuiResizeModule]] });
70
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiSwipeActionsModule, decorators: [{
71
+ type: NgModule,
72
+ args: [{
73
+ imports: [CommonModule, TuiResizeModule],
74
+ declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],
75
+ exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],
76
+ }]
77
+ }] });
78
+
79
+ /**
80
+ * Generated bundle index. Do not edit.
81
+ */
82
+
83
+ export { TuiSwipeActionsAutoCloseDirective, TuiSwipeActionsComponent, TuiSwipeActionsModule };
84
+ //# sourceMappingURL=taiga-ui-experimental-components-swipe-action.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"taiga-ui-experimental-components-swipe-action.js","sources":["../../../projects/experimental/components/swipe-action/swipe-actions.component.ts","../../../projects/experimental/components/swipe-action/swipe-actions.template.html","../../../projects/experimental/components/swipe-action/swipe-actions-auto-close.directive.ts","../../../projects/experimental/components/swipe-action/swipe-actions.module.ts","../../../projects/experimental/components/swipe-action/taiga-ui-experimental-components-swipe-action.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component} from '@angular/core';\n\n@Component({\n selector: 'tui-swipe-actions',\n templateUrl: './swipe-actions.template.html',\n styleUrls: ['./swipe-actions.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n '[style.--t-actions-width]': 'actionsWidth',\n },\n})\nexport class TuiSwipeActionsComponent {\n actionsWidth = 0;\n\n onResize({target}: ResizeObserverEntry): void {\n this.actionsWidth = target.clientWidth;\n }\n}\n","<div class=\"t-content\">\n <ng-content></ng-content>\n</div>\n\n<div\n class=\"t-actions\"\n (tuiResize)=\"onResize($event[0])\"\n>\n <ng-content select=\"[tuiSwipeAction]\"></ng-content>\n</div>\n","import {Directive, ElementRef, Inject, Input} from '@angular/core';\nimport {tuiGetActualTarget} from '@taiga-ui/cdk';\n\n@Directive({\n selector: 'tui-swipe-actions[autoClose]',\n host: {\n '(document:pointerdown.silent)': 'onPointer($event)',\n },\n})\nexport class TuiSwipeActionsAutoCloseDirective {\n @Input()\n autoClose = true;\n\n constructor(@Inject(ElementRef) private readonly el: ElementRef<HTMLElement>) {}\n\n onPointer(event: PointerEvent): void {\n const target = tuiGetActualTarget(event);\n\n if (this.autoClose && !this.el.nativeElement.contains(target)) {\n this.close();\n }\n }\n\n private close(): void {\n this.el.nativeElement.scrollTo({\n left: 0,\n behavior: 'smooth',\n });\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiResizeModule} from '@taiga-ui/cdk';\n\nimport {TuiSwipeActionsComponent} from './swipe-actions.component';\nimport {TuiSwipeActionsAutoCloseDirective} from './swipe-actions-auto-close.directive';\n\n@NgModule({\n imports: [CommonModule, TuiResizeModule],\n declarations: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n exports: [TuiSwipeActionsComponent, TuiSwipeActionsAutoCloseDirective],\n})\nexport class TuiSwipeActionsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -29,7 +29,7 @@ class TuiThumbnailCardComponent {
29
29
  }
30
30
  }
31
31
  TuiThumbnailCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, deps: [{ token: TUI_ICON_RESOLVER }, { token: TUI_INPUT_CARD_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
32
- TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"isMono; else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n", styles: [":host{position:relative;display:inline-flex;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\"}:host[data-size=s]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}:host[data-size=s] .t-left{transform:translate(.125rem,.125rem) scale(.625)}:host[data-size=s] .t-right{display:none}:host[data-size=s] .t-logo{bottom:-.375rem;transform:scale(.55)}:host[data-size=m]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}:host[data-size=m] .t-left{transform:translate(.1875rem,.25rem) scale(.75)}:host[data-size=m] .t-right{transform:translate(-.1875rem,.1875rem) scale(.875)}:host[data-size=m] .t-right .t-icon{transform:scale(.714)}:host[data-size=m] .t-logo{bottom:-.3125rem;transform:scale(.55)}:host[data-size=l]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}:host[data-size=l] .t-left{transform:translate(.1875rem,.1875rem)}:host[data-size=l] .t-right{transform:translate(-.1875rem,.1875rem)}:host[data-size=l] .t-logo{bottom:-.1875rem;transform:scale(.75)}.t-left,.t-right{position:absolute;top:0;display:flex}.t-left{left:0;transform-origin:top left}.t-right{right:0;transform-origin:top right}.t-right:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right .t-icon{color:#fff;transform:scale(.625)}.t-logo{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon{width:1rem;height:1rem}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";top:20%;bottom:60%;background:#959595}\n"], components: [{ type: i1.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
32
+ TuiThumbnailCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiThumbnailCardComponent, selector: "tui-thumbnail-card", inputs: { size: "size", paymentSystem: "paymentSystem", iconLeft: "iconLeft", iconRight: "iconRight" }, host: { properties: { "attr.data-size": "this.size" } }, ngImport: i0, template: "<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"isMono; else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n", styles: [":host{position:relative;display:inline-flex;flex-shrink:0;background:#000;color:#fff;transform-style:preserve-3d;overflow:hidden}:host:before{position:absolute;top:0;left:0;width:100%;height:100%;content:\"\"}:host[data-size=s]{width:2.5rem;height:1.625rem;border-radius:.25rem;font-size:0}:host[data-size=s] .t-left{transform:translate(.125rem,.125rem) scale(.625)}:host[data-size=s] .t-right{display:none}:host[data-size=s] .t-logo{bottom:-.375rem;transform:scale(.55)}:host[data-size=m]{width:3rem;height:2rem;border-radius:.3125rem;text-indent:.1875rem;font:normal .5625rem/.875rem var(--tui-font-text)}:host[data-size=m] .t-left{transform:translate(.1875rem,.25rem) scale(.75)}:host[data-size=m] .t-right{transform:translate(-.1875rem,.1875rem) scale(.875)}:host[data-size=m] .t-right .t-icon{transform:scale(.714)}:host[data-size=m] .t-logo{bottom:-.3125rem;transform:scale(.55)}:host[data-size=l]{width:3.375rem;height:2.25rem;border-radius:.375rem;text-indent:.3125rem;font:normal .625rem/1.125rem var(--tui-font-text)}:host[data-size=l] .t-left{transform:translate(.1875rem,.1875rem)}:host[data-size=l] .t-right{transform:translate(-.1875rem,.1875rem)}:host[data-size=l] .t-logo{bottom:-.1875rem;transform:scale(.75)}.t-left,.t-right{position:absolute;top:0;display:flex}.t-left{left:0;transform-origin:top left}.t-right{right:0;transform-origin:top right}.t-right:before{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;background:currentColor;opacity:.35}.t-right .t-icon{color:#fff;transform:scale(.625)}.t-logo{position:absolute;right:.1875rem;width:1.5rem;height:1.5rem;transform-origin:right}.t-icon{width:1rem;height:1rem}.t-front{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px var(--tui-clear);border-radius:inherit}.t-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg) translateZ(1px);background:#b0b0b0;border-radius:inherit}.t-back:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";top:20%;bottom:60%;background:#959595}\n"], components: [{ type: i1.TuiIconComponent, selector: "tui-icon", inputs: ["icon", "background"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
33
33
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiThumbnailCardComponent, decorators: [{
34
34
  type: Component,
35
35
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {\n TUI_INPUT_CARD_OPTIONS,\n TuiInputCardOptions,\n TuiPaymentSystem,\n} from '@taiga-ui/addon-commerce';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\n@Component({\n selector: 'tui-thumbnail-card',\n templateUrl: './thumbnail-card.template.html',\n styleUrls: ['./thumbnail-card.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiThumbnailCardComponent {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = 'm';\n\n @Input()\n paymentSystem: TuiPaymentSystem | null = null;\n\n @Input()\n iconLeft = '';\n\n @Input()\n iconRight = '';\n\n constructor(\n @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n @Inject(TUI_INPUT_CARD_OPTIONS) readonly options: TuiInputCardOptions,\n ) {}\n\n // TODO: Revisit this approach in 4.0 when icons are moved away from InputCard options\n get isMono(): boolean {\n switch (this.paymentSystem) {\n case 'mir':\n case 'visa':\n case 'electron':\n return true;\n default:\n return false;\n }\n }\n}\n","<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"isMono; else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\n\nimport {TuiThumbnailCardComponent} from './thumbnail-card.component';\n\n@NgModule({\n imports: [CommonModule, TuiIconModule],\n declarations: [TuiThumbnailCardComponent],\n exports: [TuiThumbnailCardComponent],\n})\nexport class TuiThumbnailCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-experimental-components-thumbnail-card.js","sources":["../../../projects/experimental/components/thumbnail-card/thumbnail-card.component.ts","../../../projects/experimental/components/thumbnail-card/thumbnail-card.template.html","../../../projects/experimental/components/thumbnail-card/thumbnail-card.module.ts","../../../projects/experimental/components/thumbnail-card/taiga-ui-experimental-components-thumbnail-card.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n HostBinding,\n Inject,\n Input,\n} from '@angular/core';\nimport {\n TUI_INPUT_CARD_OPTIONS,\n TuiInputCardOptions,\n TuiPaymentSystem,\n} from '@taiga-ui/addon-commerce';\nimport {TuiStringHandler} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {TUI_ICON_RESOLVER} from '@taiga-ui/experimental/tokens';\n\n@Component({\n selector: 'tui-thumbnail-card',\n templateUrl: './thumbnail-card.template.html',\n styleUrls: ['./thumbnail-card.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiThumbnailCardComponent {\n @Input()\n @HostBinding('attr.data-size')\n size: TuiSizeL | TuiSizeS = 'm';\n\n @Input()\n paymentSystem: TuiPaymentSystem | null = null;\n\n @Input()\n iconLeft = '';\n\n @Input()\n iconRight = '';\n\n constructor(\n @Inject(TUI_ICON_RESOLVER) readonly resolver: TuiStringHandler<string>,\n @Inject(TUI_INPUT_CARD_OPTIONS) readonly options: TuiInputCardOptions,\n ) {}\n\n // TODO: Revisit this approach in 4.0 when icons are moved away from InputCard options\n get isMono(): boolean {\n switch (this.paymentSystem) {\n case 'mir':\n case 'visa':\n case 'electron':\n return true;\n default:\n return false;\n }\n }\n}\n","<div class=\"t-front\">\n <div\n *ngIf=\"iconLeft\"\n class=\"t-left\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconLeft\"\n ></tui-icon>\n </div>\n <div\n *ngIf=\"iconRight\"\n class=\"t-right\"\n >\n <tui-icon\n class=\"t-icon\"\n [icon]=\"iconRight\"\n ></tui-icon>\n </div>\n <ng-content></ng-content>\n <ng-container *ngIf=\"paymentSystem\">\n <tui-icon\n *ngIf=\"isMono; else colored\"\n class=\"t-logo\"\n [icon]=\"options.icons[paymentSystem]\"\n ></tui-icon>\n <ng-template #colored>\n <img\n class=\"t-logo\"\n [alt]=\"paymentSystem\"\n [src]=\"resolver(options.icons[paymentSystem]).replace('Outline', '')\"\n />\n </ng-template>\n </ng-container>\n</div>\n<div class=\"t-back\"></div>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\n\nimport {TuiThumbnailCardComponent} from './thumbnail-card.component';\n\n@NgModule({\n imports: [CommonModule, TuiIconModule],\n declarations: [TuiThumbnailCardComponent],\n exports: [TuiThumbnailCardComponent],\n})\nexport class TuiThumbnailCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -6,9 +6,9 @@ import { TuiHintOptionsDirective, TUI_MODE, TUI_HINT_OPTIONS, MODE_PROVIDER, Tui
6
6
  import * as i3 from '@taiga-ui/experimental/directives/appearance';
7
7
  import { TuiAppearanceDirective, TuiAppearanceModule } from '@taiga-ui/experimental/directives/appearance';
8
8
  import { takeUntil } from 'rxjs/operators';
9
- import * as i1 from '@taiga-ui/experimental/components/button';
9
+ import * as i1 from '@taiga-ui/experimental/directives/icons';
10
+ import * as i2 from '@taiga-ui/experimental/components/button';
10
11
  import { TuiButtonModule } from '@taiga-ui/experimental/components/button';
11
- import * as i2 from '@taiga-ui/experimental/directives/icons';
12
12
  import * as i5 from '@angular/common';
13
13
  import { CommonModule } from '@angular/common';
14
14
  import * as i6 from 'rxjs';
@@ -53,7 +53,7 @@ class TuiTooltipComponent extends TuiHintOptionsDirective {
53
53
  }
54
54
  }
55
55
  TuiTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTooltipComponent, deps: [{ token: TuiDestroyService, self: true }, { token: TUI_MODE }, { token: TUI_HINT_OPTIONS }, { token: TUI_TOOLTIP_OPTIONS }, { token: TUI_PLATFORM }, { token: TuiAppearanceDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
56
- TuiTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTooltipComponent, selector: "tui-tooltip", inputs: { content: "content", direction: "direction", appearance: "appearance", showDelay: "showDelay", hideDelay: "hideDelay", describeId: "describeId", context: "context" }, host: { listeners: { "mousedown": "stopOnMobile($event)" } }, providers: [TuiDestroyService, MODE_PROVIDER], viewQueries: [{ propertyName: "driver$", first: true, predicate: TuiHintHoverDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n #driver=\"tuiHintHover\"\n automation-id=\"tui-tooltip__icon\"\n size=\"xs\"\n tuiIconButton\n class=\"t-tooltip-button\"\n [attr.tabindex]=\"describeId ? -1 : 0\"\n [iconLeft]=\"tooltipIcon\"\n [tuiAppearance]=\"iconAppearance?.tuiAppearance || 'icon'\"\n [tuiAppearanceState]=\"(driver | async) ? 'active' : null\"\n [tuiHint]=\"content\"\n [tuiHintAppearance]=\"computedAppearance\"\n [tuiHintContext]=\"context\"\n [tuiHintDescribe]=\"describeId\"\n [tuiHintDirection]=\"direction\"\n [tuiHintHideDelay]=\"hideDelay\"\n [tuiHintShowDelay]=\"showDelay\"\n></button>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;border-radius:100%;cursor:pointer}.t-tooltip-button{border-radius:inherit;outline-offset:-4px}.t-tooltip-button:before{width:1rem;height:1rem}:host-context([tuiWrapper][data-appearance=\"textfield\"][data-state=\"disabled\"]) .t-tooltip-button{opacity:1}\n"], directives: [{ type: i1.TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size", "appearance"] }, { type: i2.TuiIconsDirective, selector: "[iconLeft]:is(button,tui-badge,tui-chip),[iconRight]:is(button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]", inputs: ["iconLeft", "iconRight"] }, { type: i3.TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus"] }, { type: i4.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { type: i4.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { type: i4.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { type: i4.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { type: i4.TuiHintDescribeDirective, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }], pipes: { "async": i5.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
56
+ TuiTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiTooltipComponent, selector: "tui-tooltip", inputs: { content: "content", direction: "direction", appearance: "appearance", showDelay: "showDelay", hideDelay: "hideDelay", describeId: "describeId", context: "context" }, host: { listeners: { "mousedown": "stopOnMobile($event)" } }, providers: [TuiDestroyService, MODE_PROVIDER], viewQueries: [{ propertyName: "driver$", first: true, predicate: TuiHintHoverDirective, descendants: true }], usesInheritance: true, ngImport: i0, template: "<button\n #driver=\"tuiHintHover\"\n automation-id=\"tui-tooltip__icon\"\n size=\"xs\"\n tuiIconButton\n class=\"t-tooltip-button\"\n [attr.tabindex]=\"describeId ? -1 : 0\"\n [iconLeft]=\"tooltipIcon\"\n [tuiAppearance]=\"iconAppearance?.tuiAppearance || 'icon'\"\n [tuiAppearanceState]=\"(driver | async) ? 'active' : null\"\n [tuiHint]=\"content\"\n [tuiHintAppearance]=\"computedAppearance\"\n [tuiHintContext]=\"context\"\n [tuiHintDescribe]=\"describeId\"\n [tuiHintDirection]=\"direction\"\n [tuiHintHideDelay]=\"hideDelay\"\n [tuiHintShowDelay]=\"showDelay\"\n></button>\n", styles: [":host{transition-property:color;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-size:0;line-height:0;pointer-events:auto;border-radius:100%;cursor:pointer}.t-tooltip-button{border-radius:inherit;outline-offset:-4px}.t-tooltip-button:before{width:1rem;height:1rem}:host-context([tuiWrapper][data-appearance=\"textfield\"][data-state=\"disabled\"]) .t-tooltip-button{opacity:1}\n"], directives: [{ type: i1.TuiIconsDirective, selector: "[iconLeft]:is(a,button,tui-badge,tui-chip),[iconRight]:is(a,button,tui-badge,tui-chip),[tuiBadge][iconLeft],[tuiBadge][iconRight],[tuiChip][iconLeft],[tuiChip][iconRight],[tuiButtonClose]", inputs: ["iconLeft", "iconRight"] }, { type: i2.TuiButtonDirective, selector: "a[tuiButton],button[tuiButton],a[tuiIconButton],button[tuiIconButton]", inputs: ["size", "appearance"] }, { type: i3.TuiAppearanceDirective, selector: "[tuiAppearance]", inputs: ["tuiAppearance", "tuiAppearanceState", "tuiAppearanceFocus"] }, { type: i4.TuiHintDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHint", "tuiHintContext", "tuiHintAppearance"] }, { type: i4.TuiHintDriverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)" }, { type: i4.TuiHintHoverDirective, selector: "[tuiHint]:not(ng-container):not(ng-template)", inputs: ["tuiHintShowDelay", "tuiHintHideDelay"], exportAs: ["tuiHintHover"] }, { type: i4.TuiHintPositionDirective, selector: "[tuiHint]:not([tuiHintCustomPosition]):not(ng-container):not(ng-template)", inputs: ["tuiHintDirection"] }, { type: i4.TuiHintDescribeDirective, selector: "[tuiHintDescribe]", inputs: ["tuiHintDescribe"] }], pipes: { "async": i5.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
57
57
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiTooltipComponent, decorators: [{
58
58
  type: Component,
59
59
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-experimental-components-tooltip.js","sources":["../../../projects/experimental/components/tooltip/tooltip.options.ts","../../../projects/experimental/components/tooltip/tooltip.component.ts","../../../projects/experimental/components/tooltip/tooltip.template.html","../../../projects/experimental/components/tooltip/tooltip.module.ts","../../../projects/experimental/components/tooltip/taiga-ui-experimental-components-tooltip.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiPlatform, tuiProvideOptions} from '@taiga-ui/cdk';\n\nexport interface TuiTooltipOptions {\n readonly icons: Record<TuiPlatform, string> | string;\n}\n\nexport const TUI_TOOLTIP_DEFAULT_OPTIONS: TuiTooltipOptions = {\n icons: 'tuiIconHelpCircle',\n};\n\nexport const TUI_TOOLTIP_OPTIONS = tuiCreateToken(TUI_TOOLTIP_DEFAULT_OPTIONS);\n\nexport function tuiTooltipOptionsProvider(options: Partial<TuiTooltipOptions>): Provider {\n return tuiProvideOptions(TUI_TOOLTIP_OPTIONS, options, TUI_TOOLTIP_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n Optional,\n Self,\n ViewChild,\n} from '@angular/core';\nimport {TUI_PLATFORM, TuiDestroyService, tuiIsString, TuiPlatform} from '@taiga-ui/cdk';\nimport {\n MODE_PROVIDER,\n TUI_HINT_OPTIONS,\n TUI_MODE,\n TuiBrightness,\n TuiHintHoverDirective,\n TuiHintOptions,\n TuiHintOptionsDirective,\n} from '@taiga-ui/core';\nimport {TuiAppearanceDirective} from '@taiga-ui/experimental/directives/appearance';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TUI_TOOLTIP_OPTIONS, TuiTooltipOptions} from './tooltip.options';\n\n// TODO: Turn into a directive with hint as hostDirective in 4.0\n\n@Component({\n selector: 'tui-tooltip',\n templateUrl: './tooltip.template.html',\n styleUrls: ['./tooltip.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [TuiDestroyService, MODE_PROVIDER],\n inputs: ['content', 'direction', 'appearance', 'showDelay', 'hideDelay'],\n})\nexport class TuiTooltipComponent<C = any> extends TuiHintOptionsDirective {\n private mode: TuiBrightness | null = null;\n\n @ViewChild(TuiHintHoverDirective)\n readonly driver$?: TuiHintHoverDirective;\n\n @Input()\n describeId = '';\n\n @Input()\n context?: C;\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TUI_MODE) mode$: Observable<TuiBrightness | null>,\n @Inject(TUI_HINT_OPTIONS) options: TuiHintOptions,\n @Inject(TUI_TOOLTIP_OPTIONS) readonly tooltipOptions: TuiTooltipOptions,\n @Inject(TUI_PLATFORM) private readonly platform: TuiPlatform,\n @Optional()\n @Inject(TuiAppearanceDirective)\n readonly iconAppearance: TuiAppearanceDirective | null,\n ) {\n super(options);\n\n mode$.pipe(takeUntil(destroy$)).subscribe(mode => {\n this.mode = mode;\n });\n }\n\n get computedAppearance(): string {\n return this.appearance || this.mode || '';\n }\n\n get tooltipIcon(): string {\n const {icons} = this.tooltipOptions;\n\n return tuiIsString(icons) ? icons : icons[this.platform];\n }\n\n @HostListener('mousedown', ['$event'])\n stopOnMobile(event: MouseEvent): void {\n if (this.platform !== 'web') {\n event.preventDefault();\n event.stopPropagation();\n }\n\n this.driver$?.toggle();\n }\n}\n","<button\n #driver=\"tuiHintHover\"\n automation-id=\"tui-tooltip__icon\"\n size=\"xs\"\n tuiIconButton\n class=\"t-tooltip-button\"\n [attr.tabindex]=\"describeId ? -1 : 0\"\n [iconLeft]=\"tooltipIcon\"\n [tuiAppearance]=\"iconAppearance?.tuiAppearance || 'icon'\"\n [tuiAppearanceState]=\"(driver | async) ? 'active' : null\"\n [tuiHint]=\"content\"\n [tuiHintAppearance]=\"computedAppearance\"\n [tuiHintContext]=\"context\"\n [tuiHintDescribe]=\"describeId\"\n [tuiHintDirection]=\"direction\"\n [tuiHintHideDelay]=\"hideDelay\"\n [tuiHintShowDelay]=\"showDelay\"\n></button>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {TuiButtonModule} from '@taiga-ui/experimental/components/button';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\nimport {TuiAppearanceModule} from '@taiga-ui/experimental/directives/appearance';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTooltipComponent} from './tooltip.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiButtonModule,\n TuiAppearanceModule,\n TuiHintModule,\n TuiIconModule,\n PolymorpheusModule,\n ],\n declarations: [TuiTooltipComponent],\n exports: [TuiTooltipComponent],\n})\nexport class TuiTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-experimental-components-tooltip.js","sources":["../../../projects/experimental/components/tooltip/tooltip.options.ts","../../../projects/experimental/components/tooltip/tooltip.component.ts","../../../projects/experimental/components/tooltip/tooltip.template.html","../../../projects/experimental/components/tooltip/tooltip.module.ts","../../../projects/experimental/components/tooltip/taiga-ui-experimental-components-tooltip.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, TuiPlatform, tuiProvideOptions} from '@taiga-ui/cdk';\n\nexport interface TuiTooltipOptions {\n readonly icons: Record<TuiPlatform, string> | string;\n}\n\nexport const TUI_TOOLTIP_DEFAULT_OPTIONS: TuiTooltipOptions = {\n icons: 'tuiIconHelpCircle',\n};\n\nexport const TUI_TOOLTIP_OPTIONS = tuiCreateToken(TUI_TOOLTIP_DEFAULT_OPTIONS);\n\nexport function tuiTooltipOptionsProvider(options: Partial<TuiTooltipOptions>): Provider {\n return tuiProvideOptions(TUI_TOOLTIP_OPTIONS, options, TUI_TOOLTIP_DEFAULT_OPTIONS);\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n HostListener,\n Inject,\n Input,\n Optional,\n Self,\n ViewChild,\n} from '@angular/core';\nimport {TUI_PLATFORM, TuiDestroyService, tuiIsString, TuiPlatform} from '@taiga-ui/cdk';\nimport {\n MODE_PROVIDER,\n TUI_HINT_OPTIONS,\n TUI_MODE,\n TuiBrightness,\n TuiHintHoverDirective,\n TuiHintOptions,\n TuiHintOptionsDirective,\n} from '@taiga-ui/core';\nimport {TuiAppearanceDirective} from '@taiga-ui/experimental/directives/appearance';\nimport {Observable} from 'rxjs';\nimport {takeUntil} from 'rxjs/operators';\n\nimport {TUI_TOOLTIP_OPTIONS, TuiTooltipOptions} from './tooltip.options';\n\n// TODO: Turn into a directive with hint as hostDirective in 4.0\n\n@Component({\n selector: 'tui-tooltip',\n templateUrl: './tooltip.template.html',\n styleUrls: ['./tooltip.style.less'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [TuiDestroyService, MODE_PROVIDER],\n inputs: ['content', 'direction', 'appearance', 'showDelay', 'hideDelay'],\n})\nexport class TuiTooltipComponent<C = any> extends TuiHintOptionsDirective {\n private mode: TuiBrightness | null = null;\n\n @ViewChild(TuiHintHoverDirective)\n readonly driver$?: TuiHintHoverDirective;\n\n @Input()\n describeId = '';\n\n @Input()\n context?: C;\n\n constructor(\n @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n @Inject(TUI_MODE) mode$: Observable<TuiBrightness | null>,\n @Inject(TUI_HINT_OPTIONS) options: TuiHintOptions,\n @Inject(TUI_TOOLTIP_OPTIONS) readonly tooltipOptions: TuiTooltipOptions,\n @Inject(TUI_PLATFORM) private readonly platform: TuiPlatform,\n @Optional()\n @Inject(TuiAppearanceDirective)\n readonly iconAppearance: TuiAppearanceDirective | null,\n ) {\n super(options);\n\n mode$.pipe(takeUntil(destroy$)).subscribe(mode => {\n this.mode = mode;\n });\n }\n\n get computedAppearance(): string {\n return this.appearance || this.mode || '';\n }\n\n get tooltipIcon(): string {\n const {icons} = this.tooltipOptions;\n\n return tuiIsString(icons) ? icons : icons[this.platform];\n }\n\n @HostListener('mousedown', ['$event'])\n stopOnMobile(event: MouseEvent): void {\n if (this.platform !== 'web') {\n event.preventDefault();\n event.stopPropagation();\n }\n\n this.driver$?.toggle();\n }\n}\n","<button\n #driver=\"tuiHintHover\"\n automation-id=\"tui-tooltip__icon\"\n size=\"xs\"\n tuiIconButton\n class=\"t-tooltip-button\"\n [attr.tabindex]=\"describeId ? -1 : 0\"\n [iconLeft]=\"tooltipIcon\"\n [tuiAppearance]=\"iconAppearance?.tuiAppearance || 'icon'\"\n [tuiAppearanceState]=\"(driver | async) ? 'active' : null\"\n [tuiHint]=\"content\"\n [tuiHintAppearance]=\"computedAppearance\"\n [tuiHintContext]=\"context\"\n [tuiHintDescribe]=\"describeId\"\n [tuiHintDirection]=\"direction\"\n [tuiHintHideDelay]=\"hideDelay\"\n [tuiHintShowDelay]=\"showDelay\"\n></button>\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {TuiHintModule} from '@taiga-ui/core';\nimport {TuiButtonModule} from '@taiga-ui/experimental/components/button';\nimport {TuiIconModule} from '@taiga-ui/experimental/components/icon';\nimport {TuiAppearanceModule} from '@taiga-ui/experimental/directives/appearance';\nimport {PolymorpheusModule} from '@tinkoff/ng-polymorpheus';\n\nimport {TuiTooltipComponent} from './tooltip.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiButtonModule,\n TuiAppearanceModule,\n TuiHintModule,\n TuiIconModule,\n PolymorpheusModule,\n ],\n declarations: [TuiTooltipComponent],\n exports: [TuiTooltipComponent],\n})\nexport class TuiTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,4 +1,6 @@
1
+ export * from '@taiga-ui/experimental/components/app-bar';
1
2
  export * from '@taiga-ui/experimental/components/avatar';
3
+ export * from '@taiga-ui/experimental/components/avatar-labeled';
2
4
  export * from '@taiga-ui/experimental/components/avatar-stack';
3
5
  export * from '@taiga-ui/experimental/components/badge';
4
6
  export * from '@taiga-ui/experimental/components/badge-notification';
@@ -12,6 +14,7 @@ export * from '@taiga-ui/experimental/components/pin';
12
14
  export * from '@taiga-ui/experimental/components/radio';
13
15
  export * from '@taiga-ui/experimental/components/rating';
14
16
  export * from '@taiga-ui/experimental/components/segmented';
17
+ export * from '@taiga-ui/experimental/components/swipe-action';
15
18
  export * from '@taiga-ui/experimental/components/thumbnail-card';
16
19
  export * from '@taiga-ui/experimental/components/toggle';
17
20
  export * from '@taiga-ui/experimental/components/tooltip';
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-experimental-components.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AAEG"}
1
+ {"version":3,"file":"taiga-ui-experimental-components.js","sources":["../../../projects/experimental/components/taiga-ui-experimental-components.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEG"}
@@ -6,7 +6,7 @@ import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
6
6
  class TuiCardComponent {
7
7
  }
8
8
  TuiCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCard]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:inherit;line-height:inherit;display:flex;align-items:flex-start;justify-content:space-between;background:var(--tui-base-02);border-radius:.75rem;box-sizing:border-box;padding:.75rem;grid-gap:.75rem;gap:.75rem;flex-direction:column;text-decoration:none;width:var(--t-size);height:var(--t-size)}[tuiCard][data-size=m]{--t-size: 8.75rem}[tuiCard] [tuiTitle]{font-weight:bold}[tuiCard] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCard] [tuiTitle],[tuiCard] [tuiSubtitle]{max-width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
9
+ TuiCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardComponent, selector: "ng-component", host: { classAttribute: "tui-card" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCardMedium],[tuiCardLarge]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;position:relative;display:flex;align-items:flex-start;flex-shrink:0;text-decoration:none;overscroll-behavior:contain}[tuiCardMedium][tuiTitle],[tuiCardLarge][tuiTitle],[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle]{font-weight:bold}[tuiCardMedium] [tuiTitle],[tuiCardLarge] [tuiTitle],[tuiCardMedium] [tuiSubtitle],[tuiCardLarge] [tuiSubtitle]{max-width:100%}[tuiCardMedium]>*,[tuiCardLarge]>*{scrollbar-width:none;-ms-overflow-style:none}[tuiCardMedium]>*::-webkit-scrollbar,[tuiCardLarge]>*::-webkit-scrollbar,[tuiCardMedium]>*::-webkit-scrollbar-thumb,[tuiCardLarge]>*::-webkit-scrollbar-thumb{display:none}[tuiCardMedium]{width:8.75rem;height:8.75rem;flex-direction:column;justify-content:space-between;padding:.75rem;border-radius:var(--tui-radius-l);box-sizing:border-box}[tuiCardMedium][tuiTitle]{padding:.625rem .75rem}[tuiCardMedium] [tuiTitle]{margin:-.125rem 0}[tuiCardMedium] [tuiSubtitle]{color:var(--tui-text-01)}[tuiCardLarge][data-space]{--t-gap: .75rem;--t-radius: var(--tui-radius-l);--t-comp: -.25rem;--t-padding: .75rem;--t-dim: calc(var(--t-padding) + var(--t-comp));font:var(--tui-font-text-m);padding:var(--t-padding);border-radius:var(--t-radius);box-sizing:border-box}[tuiCardLarge][data-space][data-space=normal]{--t-radius: 1.5rem;--t-padding: 1.5rem;--t-gap: 1.5rem}[tuiCardLarge][data-space][data-space=compact]{--t-radius: 1rem;--t-padding: 1.25rem;--t-gap: 1.25rem}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader]){flex-direction:column;grid-gap:var(--t-gap);gap:var(--t-gap);align-items:stretch}[tuiCardLarge][data-space]:not([tuiCell],[tuiHeader])>:last-child{margin-top:auto}[tuiCardLarge][data-space][tuiHeader]{padding:var(--t-dim) var(--t-dim) var(--t-dim) var(--t-padding)}[tuiCardLarge][data-space][tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space]>[tuiHeader]{margin:var(--t-comp) var(--t-comp) calc(1.5 * var(--t-comp)) 0}[tuiCardLarge][data-space]>[tuiHeader] [tuiLink]:last-child{margin-right:calc(-1 * var(--t-comp))}[tuiCardLarge][data-space] [tuiCell]{width:-webkit-fill-available;width:stretch;padding:.5rem;margin:-.5rem -.5rem -.75rem;border-radius:var(--tui-radius-l)}[tuiCardLarge][data-space]>[tuiLink]:last-child{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--t-comp)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10
10
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardComponent, decorators: [{
11
11
  type: Component,
12
12
  args: [{
@@ -20,41 +20,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
20
20
  }]
21
21
  }] });
22
22
 
23
- class TuiCardDirective {
23
+ class TuiCardMediumDirective {
24
24
  constructor(directiveStyles) {
25
- this.size = 'm';
26
25
  directiveStyles.addComponent(TuiCardComponent);
27
26
  }
28
27
  }
29
- TuiCardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
30
- TuiCardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardDirective, selector: "[tuiCard]", inputs: { size: ["tuiCard", "size"] }, host: { attributes: { "tuiCard": "" }, properties: { "attr.data-size": "size || \"m\"" } }, ngImport: i0 });
31
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardDirective, decorators: [{
28
+ TuiCardMediumDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardMediumDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
29
+ TuiCardMediumDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardMediumDirective, selector: "[tuiCardMedium]", host: { attributes: { "tuiCardMedium": "" } }, ngImport: i0 });
30
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardMediumDirective, decorators: [{
32
31
  type: Directive,
33
32
  args: [{
34
- selector: '[tuiCard]',
33
+ selector: '[tuiCardMedium]',
35
34
  host: {
36
- tuiCard: '',
37
- '[attr.data-size]': 'size || "m"',
35
+ tuiCardMedium: '',
38
36
  },
39
37
  }]
40
38
  }], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
41
39
  type: Inject,
42
40
  args: [TuiDirectiveStylesService]
43
- }] }]; }, propDecorators: { size: [{
41
+ }] }]; } });
42
+ class TuiCardLargeDirective {
43
+ constructor(directiveStyles) {
44
+ this.space = 'normal';
45
+ directiveStyles.addComponent(TuiCardComponent);
46
+ }
47
+ }
48
+ TuiCardLargeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardLargeDirective, deps: [{ token: TuiDirectiveStylesService }], target: i0.ɵɵFactoryTarget.Directive });
49
+ TuiCardLargeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.17", type: TuiCardLargeDirective, selector: "[tuiCardLarge]", inputs: { space: ["tuiCardLarge", "space"] }, host: { attributes: { "tuiCardLarge": "" }, properties: { "attr.data-space": "space || \"normal\"" } }, ngImport: i0 });
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardLargeDirective, decorators: [{
51
+ type: Directive,
52
+ args: [{
53
+ selector: '[tuiCardLarge]',
54
+ host: {
55
+ tuiCardLarge: '',
56
+ '[attr.data-space]': 'space || "normal"',
57
+ },
58
+ }]
59
+ }], ctorParameters: function () { return [{ type: i1.TuiDirectiveStylesService, decorators: [{
60
+ type: Inject,
61
+ args: [TuiDirectiveStylesService]
62
+ }] }]; }, propDecorators: { space: [{
44
63
  type: Input,
45
- args: ['tuiCard']
64
+ args: ['tuiCardLarge']
46
65
  }] } });
47
66
 
48
67
  class TuiCardModule {
49
68
  }
50
69
  TuiCardModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
51
- TuiCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, declarations: [TuiCardComponent, TuiCardDirective], exports: [TuiCardDirective] });
70
+ TuiCardModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective], exports: [TuiCardLargeDirective, TuiCardMediumDirective] });
52
71
  TuiCardModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule });
53
72
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCardModule, decorators: [{
54
73
  type: NgModule,
55
74
  args: [{
56
- declarations: [TuiCardComponent, TuiCardDirective],
57
- exports: [TuiCardDirective],
75
+ declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective],
76
+ exports: [TuiCardLargeDirective, TuiCardMediumDirective],
58
77
  }]
59
78
  }] });
60
79
 
@@ -62,5 +81,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImpo
62
81
  * Generated bundle index. Do not edit.
63
82
  */
64
83
 
65
- export { TuiCardComponent, TuiCardDirective, TuiCardModule };
84
+ export { TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective, TuiCardModule };
66
85
  //# sourceMappingURL=taiga-ui-experimental-directives-card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-experimental-directives-card.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./card.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-card',\n },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL} from '@taiga-ui/core';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n selector: '[tuiCard]',\n host: {\n tuiCard: '',\n '[attr.data-size]': 'size || \"m\"',\n },\n})\nexport class TuiCardDirective {\n @Input('tuiCard')\n size: TuiSizeL | '' = 'm';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardDirective} from './card.directive';\n\n@NgModule({\n declarations: [TuiCardComponent, TuiCardDirective],\n exports: [TuiCardDirective],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-experimental-directives-card.js","sources":["../../../projects/experimental/directives/card/card.component.ts","../../../projects/experimental/directives/card/card.directive.ts","../../../projects/experimental/directives/card/card.module.ts","../../../projects/experimental/directives/card/taiga-ui-experimental-directives-card.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./card.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-card',\n },\n})\nexport class TuiCardComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\n\nimport {TuiCardComponent} from './card.component';\n\n@Directive({\n selector: '[tuiCardMedium]',\n host: {\n tuiCardMedium: '',\n },\n})\nexport class TuiCardMediumDirective {\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n\n@Directive({\n selector: '[tuiCardLarge]',\n host: {\n tuiCardLarge: '',\n '[attr.data-space]': 'space || \"normal\"',\n },\n})\nexport class TuiCardLargeDirective {\n @Input('tuiCardLarge')\n space: '' | 'compact' | 'normal' = 'normal';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCardComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCardComponent} from './card.component';\nimport {TuiCardLargeDirective, TuiCardMediumDirective} from './card.directive';\n\n@NgModule({\n declarations: [TuiCardComponent, TuiCardLargeDirective, TuiCardMediumDirective],\n exports: [TuiCardLargeDirective, TuiCardMediumDirective],\n})\nexport class TuiCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -7,7 +7,7 @@ import { tuiAvatarOptionsProvider, tuiButtonOptionsProvider } from '@taiga-ui/ex
7
7
  class TuiCellComponent {
8
8
  }
9
9
  TuiCellComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
10
- TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;transition-property:background;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:hover,button[tuiCell]:hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10
+ TuiCellComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: TuiCellComponent, selector: "ng-component", host: { classAttribute: "tui-cell" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiCell]{--tui-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;font-size:inherit;line-height:inherit;text-decoration:none;position:relative;display:flex;align-items:center;box-sizing:content-box;isolation:isolate;color:var(--tui-text-01);padding:var(--t-padding);min-height:var(--t-height)}[tuiCell] [tuiAccessories]{position:relative;display:flex;max-height:var(--t-height);align-items:center;align-self:stretch}[tuiCell] [tuiCellActions]{position:absolute;right:0;z-index:1;padding-right:inherit}[tuiCell] [tuiCellActions]~*{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out}[tuiCell] [tuiCellActions] button,[tuiCell] [tuiCellActions] a{transition-property:opacity;transition-duration:var(--tui-duration, .3s);transition-timing-function:ease-in-out;opacity:0}[tuiCell] [tuiCellActions] button:focus-visible,[tuiCell] [tuiCellActions] a:focus-visible{opacity:1}[tuiCell] [tuiSubtitle]{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;color:var(--tui-text-02)}[tuiCell] [tuiTitle]{flex-shrink:7;-webkit-margin-end:auto;margin-inline-end:auto;align-items:normal;text-align:left}[tuiCell] [tuiTitle]~[tuiTitle]{flex-shrink:3;-webkit-margin-end:0;margin-inline-end:0;text-align:right;align-items:flex-end}[tuiCell] tui-badge-notification[data-size=xs]{position:absolute;top:50%;transform:translateY(-50%);left:-.625rem}[tuiCell][data-size=s]{--t-height: calc(var(--tui-height-s) - .5rem);--t-padding: .125rem 1rem}[tuiCell][data-size=s] [tuiTitle]{max-height:100%;font:var(--tui-font-text-s-2);grid-gap:0;gap:0}[tuiCell][data-size=s] [tuiSubtitle]{font:var(--tui-font-text-xs-s)}[tuiCell][data-size=s]>*:not(:first-child),[tuiCell][data-size=s]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.5rem;margin-inline-start:.5rem}[tuiCell][data-size=s]>tui-avatar,[tuiCell][data-size=s]>tui-avatar-stack tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar,[tuiCell][data-size=s]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 1.5rem}[tuiCell][data-size=m]{--t-height: calc(var(--tui-height-m) - .75rem);--t-padding: .375rem 1rem}[tuiCell][data-size=m] [tuiTitle]{font:var(--tui-font-text-s-2);grid-gap:.125rem;gap:.125rem}[tuiCell][data-size=m] [tuiSubtitle]{font:var(--tui-font-text-xs-2)}[tuiCell][data-size=m]>*:not(:first-child),[tuiCell][data-size=m]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:.75rem;margin-inline-start:.75rem}[tuiCell][data-size=m]>tui-avatar,[tuiCell][data-size=m]>tui-avatar-stack tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar,[tuiCell][data-size=m]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2rem}[tuiCell][data-size=l]{--t-height: calc(var(--tui-height-l) - 1rem);--t-padding: .5rem 1rem}[tuiCell][data-size=l]>*:not(:first-child),[tuiCell][data-size=l]>[tuiAccessories]>*:not(:first-child){-webkit-margin-start:1rem;margin-inline-start:1rem}[tuiCell][data-size=l]>tui-avatar,[tuiCell][data-size=l]>tui-avatar-stack tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar,[tuiCell][data-size=l]>[tuiAccessories] tui-avatar-stack tui-avatar{--t-size: 2.5rem}[tuiCell]:hover [tuiCellActions]~*{opacity:0}[tuiCell]:hover [tuiCellActions] button,[tuiCell]:hover [tuiCellActions] a{opacity:1}[tuiOption] [tuiCell],tui-primitive-textfield [tuiCell]{padding:0}@media (hover: hover) and (pointer: fine){a[tuiCell]:not([tuiSurface]):hover,button[tuiCell]:not([tuiSurface]):hover{background:var(--tui-clear);cursor:pointer}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: TuiCellComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{
@@ -1 +1 @@
1
- {"version":3,"file":"taiga-ui-experimental-directives-cell.js","sources":["../../../projects/experimental/directives/cell/cell.component.ts","../../../projects/experimental/directives/cell/cell.directive.ts","../../../projects/experimental/directives/cell/cell.module.ts","../../../projects/experimental/directives/cell/taiga-ui-experimental-directives-cell.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./cell.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-cell',\n },\n})\nexport class TuiCellComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {\n tuiAvatarOptionsProvider,\n tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiCellComponent} from './cell.component';\n\n@Directive({\n selector: '[tuiCell]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({size: 's'}),\n ],\n host: {\n tuiCell: '',\n '[attr.data-size]': 'size || \"l\"',\n },\n})\nexport class TuiCellDirective {\n @Input('tuiCell')\n size: TuiSizeL | TuiSizeS | '' = 'l';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCellComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCellComponent} from './cell.component';\nimport {TuiCellDirective} from './cell.directive';\n\n@NgModule({\n declarations: [TuiCellComponent, TuiCellDirective],\n exports: [TuiCellComponent, TuiCellDirective],\n})\nexport class TuiCellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"taiga-ui-experimental-directives-cell.js","sources":["../../../projects/experimental/directives/cell/cell.component.ts","../../../projects/experimental/directives/cell/cell.directive.ts","../../../projects/experimental/directives/cell/cell.module.ts","../../../projects/experimental/directives/cell/taiga-ui-experimental-directives-cell.ts"],"sourcesContent":["import {ChangeDetectionStrategy, Component, ViewEncapsulation} from '@angular/core';\n\n@Component({\n template: '',\n styleUrls: ['./cell.styles.less'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'tui-cell',\n },\n})\nexport class TuiCellComponent {}\n","import {Directive, Inject, Input} from '@angular/core';\nimport {TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {TuiSizeL, TuiSizeS} from '@taiga-ui/core';\nimport {\n tuiAvatarOptionsProvider,\n tuiButtonOptionsProvider,\n} from '@taiga-ui/experimental/components';\n\nimport {TuiCellComponent} from './cell.component';\n\n@Directive({\n selector: '[tuiCell]',\n providers: [\n tuiAvatarOptionsProvider({size: 's'}),\n tuiButtonOptionsProvider({size: 's'}),\n ],\n host: {\n tuiCell: '',\n '[attr.data-size]': 'size || \"l\"',\n },\n})\nexport class TuiCellDirective {\n @Input('tuiCell')\n size: TuiSizeL | TuiSizeS | '' = 'l';\n\n constructor(\n @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n ) {\n directiveStyles.addComponent(TuiCellComponent);\n }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiCellComponent} from './cell.component';\nimport {TuiCellDirective} from './cell.directive';\n\n@NgModule({\n declarations: [TuiCellComponent, TuiCellDirective],\n exports: [TuiCellComponent, TuiCellDirective],\n})\nexport class TuiCellModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}