@taiga-ui/kit 4.0.0-rc.8 → 4.0.0

package/styles/components/block.less

@@ -8,7 +8,7 @@
  * A general purpose container, typically used for labels and inputs
  *
  * @attributes
- * data-size — size ('s' | 'm' | 'l')
+ * data-size — size (default: 'l') ('s' | 'm' | 'l')
  *
  * @example
  * <label tuiBlock>
@@ -20,9 +20,12 @@
  * Icons, Appearance, Link, Button
  */
 [tuiBlock] {
+    --t-height: var(--tui-height-l);
+    --t-radius: var(--tui-radius-l);
+
     position: relative;
     display: inline-flex;
-    gap: 1rem;
+    gap: 0.75rem;
     color: var(--tui-text-primary);
     border-radius: var(--t-radius);
     min-height: var(--t-height);
@@ -30,6 +33,12 @@
     box-sizing: border-box;
     cursor: pointer;
     overflow: hidden;
+    font: var(--tui-font-text-m);
+    padding: var(--tui-padding-l);
+
+    [tuiTooltip] {
+        margin: 0.25rem;
+    }
 
     &[data-size='s'] {
         gap: 0.5rem;
@@ -65,19 +74,6 @@
         }
     }
 
-    &[data-size='l'] {
-        gap: 0.75rem;
-        font: var(--tui-font-text-m);
-        padding: var(--tui-padding-l);
-
-        --t-height: var(--tui-height-l);
-        --t-radius: var(--tui-radius-l);
-
-        [tuiTooltip] {
-            margin: 0.25rem;
-        }
-    }
-
     &._disabled {
         pointer-events: none;
         opacity: var(--tui-disabled-opacity);

package/styles/components/checkbox.less

@@ -8,7 +8,7 @@
  * A stylized input type="checkbox"
  *
  * @attributes
- * data-size — size ('s' | 'm')
+ * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
  * --t-checked-icon-icon — checkmark icon
@@ -31,7 +31,7 @@
     margin: 0;
     flex-shrink: 0;
 
-    &:before {
+    &::before {
         .fullsize();
 
         content: '';
@@ -49,7 +49,7 @@
 
     &:checked,
     &:indeterminate {
-        &:before {
+        &::before {
             mask-image: var(--t-checked-icon);
             transform: scale(1);
             transition:
@@ -58,7 +58,7 @@
         }
     }
 
-    &:indeterminate:before {
+    &:indeterminate::before {
         mask-image: var(--t-indeterminate-icon);
     }
 

package/styles/components/chip.less

@@ -8,7 +8,7 @@
  * A chip component that can be used on it's own or on buttons/links/inputs
  *
  * @attributes
- * data-size — size ('xxs' | 'xs' | 's' | 'm')
+ * data-size — size (default: 's') ('xxs' | 'xs' | 's' | 'm')
  *
  * @example
  * <tui-chip>Sale</tui-badge>
@@ -21,6 +21,8 @@ tui-chip,
     --t-gap: 0.125rem;
     --t-margin: -0.125rem;
     --t-icon-size: 1rem;
+    --t-padding: 0 0.625rem;
+    --t-size: var(--tui-height-s);
 
     .button-base();
 
@@ -35,11 +37,15 @@ tui-chip,
     });
 
     > tui-icon,
-    &[tuiIcons]:before,
-    &[tuiIcons]:after {
+    &[tuiIcons]::before,
+    &[tuiIcons]::after {
         font-size: var(--t-icon-size) !important;
     }
 
+    & > [tuiIconButton] {
+        margin: -0.375rem;
+    }
+
     &[data-size='xxs'] {
         --t-gap: 0rem;
         --t-padding: 0 0.25rem;
@@ -66,20 +72,6 @@ tui-chip,
         }
     }
 
-    &[data-size='s'] {
-        --t-padding: 0 0.625rem;
-        --t-size: var(--tui-height-s);
-
-        & > [tuiIconButton] {
-            margin: -0.375rem;
-        }
-
-        & > img,
-        tui-avatar {
-            margin-inline-start: -0.375rem;
-        }
-    }
-
     &[data-size='m'] {
         --t-margin: -0.375rem;
         --t-icon-size: 1.5rem;
@@ -93,8 +85,10 @@ tui-chip,
         }
     }
 
-    & > img {
+    & > img,
+    tui-avatar {
         width: 1.5rem;
+        margin-inline-start: -0.375rem;
     }
 
     & > input[tuiChip] {

package/styles/components/comment.less

@@ -8,7 +8,7 @@
  * A comment bubble with an arrow
  *
  * @attributes
- * data-direction — arrow direction ('top' | 'bottom' | 'left' | 'right')
+ * data-direction — arrow direction (default: 'top') ('top' | 'bottom' | 'left' | 'right')
  *
  * @example
  * <label data-direction="top" tuiComment>Amazing product!</label>
@@ -25,7 +25,7 @@
     align-items: center;
     justify-content: center;
 
-    &:before {
+    &::before {
         content: '';
         position: absolute;
         bottom: 100%;
@@ -39,7 +39,7 @@
     }
 
     &[data-direction='bottom'] {
-        &:before {
+        &::before {
             top: 100%;
             bottom: auto;
             transform: translate(-50%) rotate(180deg);
@@ -47,7 +47,7 @@
     }
 
     &[data-direction='left'] {
-        &:before {
+        &::before {
             left: auto;
             top: 50%;
             right: 100%;
@@ -56,7 +56,7 @@
     }
 
     &[data-direction='right'] {
-        &:before {
+        &::before {
             top: 50%;
             left: 100%;
             transform: translate(-0.785rem, -50%) rotate(90deg);

package/styles/components/compass.less

@@ -27,7 +27,7 @@ tui-compass {
     box-shadow: 0 0 0.1875rem rgba(0, 0, 0, 0.3);
     transform-style: preserve-3d; // z-index doesn't work on pseudo-element
 
-    &:before {
+    &::before {
         content: '';
         position: absolute;
         top: 0;
@@ -39,7 +39,7 @@ tui-compass {
         background: currentColor;
     }
 
-    &:after {
+    &::after {
         .fullsize(absolute, inset);
 
         content: '';

package/styles/components/pin.less

@@ -45,7 +45,7 @@ tui-pin,
     &:empty {
         --t-size: 0.75rem;
 
-        &:before {
+        &::before {
             display: none;
         }
     }
@@ -91,12 +91,12 @@ tui-pin,
             height: 2.125rem;
         }
 
-        &:before {
+        &::before {
             transform: scale(0.99) translate(-1.875rem, -1.875rem);
             opacity: 1;
         }
 
-        &:after {
+        &::after {
             top: 4.5rem;
             opacity: 1;
         }
@@ -121,18 +121,18 @@ tui-pin,
             height: 2.125rem;
         }
 
-        &:before {
+        &::before {
             transform: scale(0.99) translate(-1.875rem, -1.875rem);
             opacity: 1;
         }
 
-        &:after {
+        &::after {
             top: 4.5rem;
             opacity: 1;
         }
     }
 
-    &:before {
+    &::before {
         .transition(~'transform, opacity');
 
         content: '';
@@ -153,7 +153,7 @@ tui-pin,
             no-repeat;
     }
 
-    &:after {
+    &::after {
         .transition(~'top, opacity');
 
         content: '';

package/styles/components/progress-bar.less

@@ -0,0 +1,117 @@
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
+
+/**
+ * @name ProgressBar
+ * @selector [tuiProgressBar]
+ *
+ * @description
+ * A stylized native progress element
+ *
+ * @attributes
+ * data-size — size (default: 'm') ('xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' )
+ *
+ * @example
+ * <progress tuiProgressBar value="33"></progress>
+ */
+.clearProgress() {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: none;
+}
+
+/* used to style inner value bar */
+.progressValue(@ruleset) {
+    &::-webkit-progress-value {
+        @ruleset(); // Chromium Edge | Chrome | Opera | Safari
+    }
+
+    &::-moz-progress-bar {
+        @ruleset(); // Mozilla
+    }
+}
+
+/*
+* Edge and IE animate the progress bar right out of the box
+* Chrome | Opera | Safari animation is controlled by its mixins
+* No possibility for firefox animation (https://snook.ca/archives/html_and_css/animating-progress)
+*/
+.progressAnimation() {
+    &::-webkit-progress-value {
+        transition: width var(--tui-duration) linear;
+    }
+}
+
+@keyframes tuiIndeterminateAnimation {
+    50% {
+        background-position: left;
+    }
+}
+
+[tuiProgressBar] {
+    @track-color: var(--tui-background-neutral-1);
+    @progress-color: var(--tui-progress-color, currentColor);
+
+    .clearProgress();
+    .progressAnimation();
+    .progressValue({ background: @progress-color; border-radius: inherit });
+
+    --t-height: 0.75rem;
+
+    display: block;
+    width: 100%;
+    height: var(--t-height);
+    color: var(--tui-background-accent-1);
+    background: @track-color;
+    clip-path: inset(0 0.5px round var(--tui-radius-m)); // 0.5px is a hack to prevent jagged edges on low dpi screens
+    overflow: hidden;
+    border-radius: 1rem;
+    flex-shrink: 0;
+
+    &[data-size='xxs'] {
+        --t-height: 0.125rem;
+    }
+
+    &[data-size='xs'] {
+        --t-height: 0.25rem;
+    }
+
+    &[data-size='s'] {
+        --t-height: 0.5rem;
+    }
+
+    &[data-size='l'] {
+        --t-height: 1rem;
+    }
+
+    &[data-size='xl'] {
+        --t-height: 1.25rem;
+    }
+
+    &[data-size='xxl'] {
+        --t-height: 1.5rem;
+    }
+
+    &:indeterminate {
+        .progressValue({ background: transparent });
+
+        background: linear-gradient(to right, @track-color 0 45%, @progress-color 45% 55%, @track-color 55% 100%) right;
+        background-size: 225%;
+        animation: tuiIndeterminateAnimation 3s infinite ease-in-out;
+    }
+
+    &::-webkit-progress-inner-element {
+        border-radius: inherit;
+    }
+
+    &::-webkit-progress-bar {
+        background: transparent;
+        border-radius: inherit;
+    }
+
+    label[tuiProgressLabel] &:not(:first-child) {
+        .fullsize();
+
+        background: transparent;
+    }
+}

package/styles/components/radio.less

@@ -8,7 +8,7 @@
  * A stylized input type="radio"
  *
  * @attributes
- * data-size — size ('s' | 'm')
+ * data-size — size (default: 'm') ('s' | 'm')
  *
  * @example
  * <input type="radio" tuiRadio />
@@ -33,7 +33,7 @@
         opacity: 1;
     }
 
-    &:before {
+    &::before {
         .fullsize();
         .transition(transform);
 
@@ -43,7 +43,7 @@
         transform: scale(0);
     }
 
-    &:checked:before {
+    &:checked::before {
         transform: scale(0.5);
     }
 

package/styles/components/status.less

@@ -19,7 +19,7 @@
     align-items: center;
     gap: 0.5rem;
 
-    &:before {
+    &::before {
         content: '';
         display: var(--t-status, none);
         width: 0.5rem;

package/styles/components/switch.less

@@ -8,7 +8,7 @@
  * A stylized input type="checkbox" switch
  *
  * @attributes
- * data-size — size ('s' | 'm')
+ * data-size — size (default: 'm') ('s' | 'm')
  *
  * @vars
  * --t-checked-icon — checkmark icon
@@ -35,30 +35,30 @@
         height: 1rem;
         width: 2rem;
 
-        &:before {
+        &::before {
             width: 1rem;
             transform: translateX(-1rem);
             mask-size: 0.75rem;
         }
 
-        &:after {
+        &::after {
             width: 1rem;
             box-shadow: -2.625rem 0 0 0.5rem currentColor;
             outline-width: 0.167rem;
             transform: scale(0.375);
         }
 
-        &:checked:after {
+        &:checked::after {
             transform: scale(0.375) translateX(2.625rem);
         }
     }
 
     &:checked {
-        &:before {
+        &::before {
             transform: none;
         }
 
-        &:after {
+        &::after {
             transform: scale(0.33333) translateX(4.5rem);
         }
     }
@@ -67,8 +67,8 @@
         opacity: 1;
     }
 
-    &:before,
-    &:after {
+    &::before,
+    &::after {
         .transition(transform);
 
         content: '';
@@ -77,7 +77,7 @@
         width: 1.5rem;
     }
 
-    &:before {
+    &::before {
         display: var(--t-checked-icon, none);
         background: currentColor;
         mask: var(--t-checked-icon) no-repeat center;
@@ -85,7 +85,7 @@
         transform: translateX(-1.5rem);
     }
 
-    &:after {
+    &::after {
         right: 0;
         border-radius: 100%;
         transform: scale(0.33333);

package/tokens/date-inputs-value-transformers.d.ts

@@ -13,3 +13,7 @@ export declare const TUI_DATE_RANGE_VALUE_TRANSFORMER: InjectionToken<TuiValueTr
  * Control value transformer for InputDateTime component
  */
 export declare const TUI_DATE_TIME_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<[TuiDay | null, TuiTime | null], unknown>>;
+/**
+ * Control value transformer for InputTime component
+ */
+export declare const TUI_TIME_VALUE_TRANSFORMER: InjectionToken<TuiValueTransformer<TuiTime | null, unknown>>;

package/directives/button-vertical/button-vertical.directive.d.ts

@@ -1,6 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class TuiButtonVertical {
-    protected readonly nothing: undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TuiButtonVertical, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TuiButtonVertical, "[tuiButtonVertical]", never, {}, {}, never, never, true, never>;
-}

package/directives/button-vertical/index.d.ts

@@ -1 +0,0 @@
-export * from './button-vertical.directive';

package/esm2022/directives/button-vertical/button-vertical.directive.mjs

@@ -1,29 +0,0 @@
-import { ChangeDetectionStrategy, Component, Directive, ViewEncapsulation, } from '@angular/core';
-import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
-import * as i0 from "@angular/core";
-class TuiButtonVerticalStyles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVerticalStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonVerticalStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button-vertical-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: 0rem !important;flex-direction:column;height:auto;padding:.75rem;gap:.375rem;min-width:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButton][tuiButtonVertical]>*{max-height:calc(var(--t-line-height) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVerticalStyles, decorators: [{
-            type: Component,
-            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'tui-button-vertical-styles',
-                    }, styles: ["[tuiButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: 0rem !important;flex-direction:column;height:auto;padding:.75rem;gap:.375rem;min-width:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButton][tuiButtonVertical]>*{max-height:calc(var(--t-line-height) * 2)}\n"] }]
-        }] });
-class TuiButtonVertical {
-    constructor() {
-        this.nothing = tuiWithStyles(TuiButtonVerticalStyles);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVertical, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonVertical, isStandalone: true, selector: "[tuiButtonVertical]", ngImport: i0 }); }
-}
-export { TuiButtonVertical };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVertical, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[tuiButtonVertical]',
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLXZlcnRpY2FsLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tpdC9kaXJlY3RpdmVzL2J1dHRvbi12ZXJ0aWNhbC9idXR0b24tdmVydGljYWwuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFNBQVMsRUFDVCxpQkFBaUIsR0FDcEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLGFBQWEsRUFBQyxNQUFNLG1DQUFtQyxDQUFDOztBQUVoRSxNQVVNLHVCQUF1QjsrR0FBdkIsdUJBQXVCO21HQUF2Qix1QkFBdUIsZ0lBUmYsRUFBRTs7NEZBUVYsdUJBQXVCO2tCQVY1QixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsS0FBSyxFQUFFLDRCQUE0QjtxQkFDdEM7O0FBSUwsTUFJYSxpQkFBaUI7SUFKOUI7UUFLdUIsWUFBTyxHQUFHLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO0tBQ3ZFOytHQUZZLGlCQUFpQjttR0FBakIsaUJBQWlCOztTQUFqQixpQkFBaUI7NEZBQWpCLGlCQUFpQjtrQkFKN0IsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLHFCQUFxQjtpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICAgIENvbXBvbmVudCxcbiAgICBEaXJlY3RpdmUsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlXaXRoU3R5bGVzfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHRlbXBsYXRlOiAnJyxcbiAgICBzdHlsZVVybHM6IFsnLi9idXR0b24tdmVydGljYWwuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS1idXR0b24tdmVydGljYWwtc3R5bGVzJyxcbiAgICB9LFxufSlcbmNsYXNzIFR1aUJ1dHRvblZlcnRpY2FsU3R5bGVzIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgc2VsZWN0b3I6ICdbdHVpQnV0dG9uVmVydGljYWxdJyxcbn0pXG5leHBvcnQgY2xhc3MgVHVpQnV0dG9uVmVydGljYWwge1xuICAgIHByb3RlY3RlZCByZWFkb25seSBub3RoaW5nID0gdHVpV2l0aFN0eWxlcyhUdWlCdXR0b25WZXJ0aWNhbFN0eWxlcyk7XG59XG4iXX0=

package/esm2022/directives/button-vertical/index.mjs

@@ -1,2 +0,0 @@
-export * from './button-vertical.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9raXQvZGlyZWN0aXZlcy9idXR0b24tdmVydGljYWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYnV0dG9uLXZlcnRpY2FsLmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/directives/button-vertical/taiga-ui-kit-directives-button-vertical.mjs

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpZ2EtdWkta2l0LWRpcmVjdGl2ZXMtYnV0dG9uLXZlcnRpY2FsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2l0L2RpcmVjdGl2ZXMvYnV0dG9uLXZlcnRpY2FsL3RhaWdhLXVpLWtpdC1kaXJlY3RpdmVzLWJ1dHRvbi12ZXJ0aWNhbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/fesm2022/taiga-ui-kit-directives-button-vertical.mjs

@@ -1,35 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, Directive } from '@angular/core';
-import { tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
-
-class TuiButtonVerticalStyles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVerticalStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonVerticalStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-button-vertical-styles" }, ngImport: i0, template: '', isInline: true, styles: ["[tuiButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: 0rem !important;flex-direction:column;height:auto;padding:.75rem;gap:.375rem;min-width:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButton][tuiButtonVertical]>*{max-height:calc(var(--t-line-height) * 2)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVerticalStyles, decorators: [{
-            type: Component,
-            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'tui-button-vertical-styles',
-                    }, styles: ["[tuiButton][tuiButtonVertical]{--t-line-height: 1rem;--t-margin: 0rem !important;flex-direction:column;height:auto;padding:.75rem;gap:.375rem;min-width:5rem;white-space:pre-line;font:var(--tui-font-text-ui-s)}[tuiButton][tuiButtonVertical]>*{max-height:calc(var(--t-line-height) * 2)}\n"] }]
-        }] });
-class TuiButtonVertical {
-    constructor() {
-        this.nothing = tuiWithStyles(TuiButtonVerticalStyles);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVertical, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiButtonVertical, isStandalone: true, selector: "[tuiButtonVertical]", ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiButtonVertical, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[tuiButtonVertical]',
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TuiButtonVertical };
-//# sourceMappingURL=taiga-ui-kit-directives-button-vertical.mjs.map

package/fesm2022/taiga-ui-kit-directives-button-vertical.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-kit-directives-button-vertical.mjs","sources":["../../../projects/kit/directives/button-vertical/button-vertical.directive.ts","../../../projects/kit/directives/button-vertical/taiga-ui-kit-directives-button-vertical.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\n\n@Component({\n    standalone: true,\n    template: '',\n    styleUrls: ['./button-vertical.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-button-vertical-styles',\n    },\n})\nclass TuiButtonVerticalStyles {}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiButtonVertical]',\n})\nexport class TuiButtonVertical {\n    protected readonly nothing = tuiWithStyles(TuiButtonVerticalStyles);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAQA,MAUM,uBAAuB,CAAA;+GAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,gIARf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,gSAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAQV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;iCACM,IAAI,EAAA,QAAA,EACN,EAAE,EAAA,aAAA,EAEG,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACzC,IAAA,EAAA;AACF,wBAAA,KAAK,EAAE,4BAA4B;AACtC,qBAAA,EAAA,MAAA,EAAA,CAAA,gSAAA,CAAA,EAAA,CAAA;;AAIL,MAIa,iBAAiB,CAAA;AAJ9B,IAAA,WAAA,GAAA;AAKuB,QAAA,IAAA,CAAA,OAAO,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAC;AACvE,KAAA;+GAFY,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;mGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,qBAAqB;AAClC,iBAAA,CAAA;;;ACvBD;;AAEG;;;;"}