@taiga-ui/core 4.0.0 → 4.1.0

package/styles/components/group.less

@@ -0,0 +1,155 @@
+/**
+ * @name Group
+ * @selector [tuiGroup]
+ *
+ * @description
+ * A directive to combine children into rounded flex group
+ *
+ * @attributes
+ * data-size — size (default: 'l') ('s' | 'm' | 'l')
+ * data-orientation — orientation (default: 'horizontal') ('horizontal' | 'vertical')
+ *
+ * @example
+ * <div tuiGroup>
+ *   <button tuiButton>Click me</button>
+ *   <button tuiButton>Click me</button>
+ *   <button tuiButton>Click me</button>
+ * </div>
+ *
+ * @see-also
+ * Button, Block, Textfield
+ */
+[tuiGroup] {
+    position: relative;
+    display: flex;
+    isolation: isolate;
+
+    --t-group-radius: var(--tui-radius-l);
+    --t-group-margin: -1px;
+    --t-group-clip: inset(-1px 1px -1px -1px);
+
+    & > * {
+        z-index: 1;
+        flex: 1 1 0;
+        min-width: 0;
+
+        &._disabled,
+        &._disabled:hover {
+            z-index: 0;
+        }
+
+        &:invalid {
+            z-index: 2;
+
+            --t-group-clip: none;
+
+            &:hover {
+                z-index: 4;
+            }
+        }
+
+        &:has(:invalid),
+        &:has([data-mode='invalid']) {
+            z-index: 2;
+
+            --t-group-clip: none;
+
+            &:hover {
+                z-index: 4;
+            }
+        }
+
+        &:hover {
+            z-index: 3;
+
+            --t-group-clip: inset(-1px 0.5px -1px -1px);
+        }
+
+        &:has([data-state='hover']) {
+            z-index: 3;
+
+            --t-group-clip: none;
+        }
+
+        &:focus-within {
+            z-index: 5;
+
+            --t-group-clip: none;
+        }
+
+        &:has([data-focus='true']) {
+            z-index: 5;
+
+            --t-group-clip: none;
+        }
+
+        &[data-mode='checked'] {
+            z-index: 6;
+
+            --t-group-clip: none;
+        }
+
+        &:has([tuiBlock]:checked) {
+            z-index: 6;
+
+            --t-group-clip: none;
+        }
+
+        &:not(:last-child) {
+            margin-inline-end: var(--t-group-margin);
+            clip-path: var(--t-group-clip);
+        }
+
+        &:nth-child(n) {
+            border-radius: 0;
+        }
+
+        &:first-child {
+            border-top-left-radius: var(--t-group-radius);
+            border-bottom-left-radius: var(--t-group-radius);
+        }
+
+        &:last-child {
+            border-top-right-radius: var(--t-group-radius);
+            border-bottom-right-radius: var(--t-group-radius);
+        }
+    }
+
+    &[data-size='s'],
+    &[data-size='m'] {
+        --t-group-radius: var(--tui-radius-m);
+    }
+
+    &[data-orientation='vertical'] {
+        display: inline-flex;
+        flex-direction: column;
+
+        --t-group-clip: inset(-1px -1px 1px -1px);
+
+        & > * {
+            min-height: auto;
+            flex: 0 0 auto;
+
+            &:not(:last-child) {
+                margin-inline-end: 0;
+                margin-block-end: var(--t-group-margin);
+            }
+
+            &:first-child {
+                border-radius: var(--t-group-radius) var(--t-group-radius) 0 0;
+            }
+
+            &:last-child {
+                border-radius: 0 0 var(--t-group-radius) var(--t-group-radius);
+            }
+
+            &:only-child {
+                border-radius: var(--t-group-radius);
+            }
+
+            &:hover {
+                --t-group-clip: inset(-1px -1px 0.5px -1px);
+            }
+        }
+    }
+}

package/styles/components/notification.less

@@ -1,4 +1,4 @@
-@import '@taiga-ui/core/styles/taiga-ui-local';
+@import '@taiga-ui/core/styles/taiga-ui-local.less';
 
 /**
  * @name Notification

package/styles/components/textfield.less

@@ -3,8 +3,6 @@
 tui-textfield {
     .transition(color);
 
-    --t-left: 0rem;
-    --t-right: 0rem;
     --t-height: var(--tui-height-l);
 
     position: relative;
@@ -163,8 +161,8 @@ tui-textfield {
         appearance: none;
         box-sizing: border-box;
         border: none;
-        border-inline-start: var(--t-left) solid transparent !important;
-        border-inline-end: calc(var(--t-right) + var(--t-side)) solid transparent !important;
+        border-inline-start: var(--t-left, 0) solid transparent !important;
+        border-inline-end: calc(var(--t-right, var(--t-0, 0rem)) + var(--t-side)) solid transparent !important;
         border-radius: inherit;
         padding: inherit;
     }

package/styles/mixins/mixins.less

@@ -70,7 +70,7 @@
     overflow: hidden;
     vertical-align: middle;
     max-width: 100%;
-    gap: calc(var(--t-gap) - 2 * var(--t-margin));
+    gap: calc(var(--t-gap, var(--t-0, 0rem)) - 2 * var(--t-margin, 0rem));
 
     > img,
     > tui-svg,

package/styles/theme/appearance/secondary.less

@@ -15,7 +15,7 @@
     });
 
     &:checked,
-    &:indeterminate {
+    &[type='checkbox']:indeterminate {
         background: var(--tui-background-accent-1);
         color: var(--tui-text-primary-on-accent-1);
 

package/esm2022/components/group/group.directive.mjs

@@ -1,59 +0,0 @@
-import { ChangeDetectionStrategy, Component, Directive, HostBinding, inject, Input, ViewEncapsulation, } from '@angular/core';
-import { tuiDirectiveBinding, tuiWithStyles } from '@taiga-ui/cdk/utils/miscellaneous';
-import { TUI_GROUP_OPTIONS } from './group.options';
-import * as i0 from "@angular/core";
-class TuiGroupStyles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-group-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, decorators: [{
-            type: Component,
-            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'tui-group-styles',
-                    }, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"] }]
-        }] });
-class TuiGroup {
-    constructor() {
-        this.options = inject(TUI_GROUP_OPTIONS);
-        this.nothing = tuiWithStyles(TuiGroupStyles);
-        this.orientation = this.options.orientation;
-        this.collapsed = this.options.collapsed;
-        this.rounded = this.options.rounded;
-        this.size = this.options.size;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: "orientation", collapsed: "collapsed", rounded: "rounded", size: "size" }, host: { attributes: { "role": "group" }, properties: { "class.tui-group_orientation_horizontal": "orientation === \"horizontal\"", "class.tui-group_orientation_vertical": "orientation === \"vertical\"", "class.tui-group_radius_large": "size === \"l\"", "class.tui-group_collapsed": "this.collapsed", "class.tui-group_rounded": "this.rounded" }, classAttribute: "tui-group" }, ngImport: i0 }); }
-}
-export { TuiGroup };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[tuiGroup]:not(ng-container)',
-                    host: {
-                        class: 'tui-group',
-                        role: 'group',
-                        '[class.tui-group_orientation_horizontal]': 'orientation === "horizontal"',
-                        '[class.tui-group_orientation_vertical]': 'orientation === "vertical"',
-                        '[class.tui-group_radius_large]': 'size === "l"',
-                    },
-                }]
-        }], propDecorators: { orientation: [{
-                type: Input
-            }], collapsed: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.tui-group_collapsed']
-            }], rounded: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.tui-group_rounded']
-            }], size: [{
-                type: Input
-            }] } });
-export function tuiGroupSize(signal) {
-    return tuiDirectiveBinding(TuiGroup, 'size', signal);
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL2dyb3VwL2dyb3VwLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQ0gsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxTQUFTLEVBQ1QsV0FBVyxFQUNYLE1BQU0sRUFDTixLQUFLLEVBQ0wsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyxtQkFBbUIsRUFBRSxhQUFhLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQztBQUdyRixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQzs7QUFFbEQsTUFVTSxjQUFjOytHQUFkLGNBQWM7bUdBQWQsY0FBYyxzSEFSTixFQUFFOzs0RkFRVixjQUFjO2tCQVZuQixTQUFTO2lDQUNNLElBQUksWUFDTixFQUFFLGlCQUVHLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsS0FBSyxFQUFFLGtCQUFrQjtxQkFDNUI7O0FBSUwsTUFXYSxRQUFRO0lBWHJCO1FBWXFCLFlBQU8sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUVsQyxZQUFPLEdBQUcsYUFBYSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBR3BELGdCQUFXLEdBQW1CLElBQUksQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDO1FBSXZELGNBQVMsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQztRQUluQyxZQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUM7UUFHL0IsU0FBSSxHQUF3QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztLQUN4RDsrR0FsQlksUUFBUTttR0FBUixRQUFROztTQUFSLFFBQVE7NEZBQVIsUUFBUTtrQkFYcEIsU0FBUzttQkFBQztvQkFDUCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxXQUFXO3dCQUNsQixJQUFJLEVBQUUsT0FBTzt3QkFDYiwwQ0FBMEMsRUFBRSw4QkFBOEI7d0JBQzFFLHdDQUF3QyxFQUFFLDRCQUE0Qjt3QkFDdEUsZ0NBQWdDLEVBQUUsY0FBYztxQkFDbkQ7aUJBQ0o7OEJBT1UsV0FBVztzQkFEakIsS0FBSztnQkFLQyxTQUFTO3NCQUZmLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsMkJBQTJCO2dCQUtqQyxPQUFPO3NCQUZiLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMseUJBQXlCO2dCQUkvQixJQUFJO3NCQURWLEtBQUs7O0FBSVYsTUFBTSxVQUFVLFlBQVksQ0FDeEIsTUFBbUM7SUFFbkMsT0FBTyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0FBQ3pELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7U2lnbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIERpcmVjdGl2ZSxcbiAgICBIb3N0QmluZGluZyxcbiAgICBpbmplY3QsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHt0dWlEaXJlY3RpdmVCaW5kaW5nLCB0dWlXaXRoU3R5bGVzfSBmcm9tICdAdGFpZ2EtdWkvY2RrL3V0aWxzL21pc2NlbGxhbmVvdXMnO1xuaW1wb3J0IHR5cGUge1R1aU9yaWVudGF0aW9uLCBUdWlTaXplTCwgVHVpU2l6ZVN9IGZyb20gJ0B0YWlnYS11aS9jb3JlL3R5cGVzJztcblxuaW1wb3J0IHtUVUlfR1JPVVBfT1BUSU9OU30gZnJvbSAnLi9ncm91cC5vcHRpb25zJztcblxuQENvbXBvbmVudCh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICB0ZW1wbGF0ZTogJycsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ3JvdXAuc3R5bGUubGVzcyddLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ3R1aS1ncm91cC1zdHlsZXMnLFxuICAgIH0sXG59KVxuY2xhc3MgVHVpR3JvdXBTdHlsZXMge31cblxuQERpcmVjdGl2ZSh7XG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgICBzZWxlY3RvcjogJ1t0dWlHcm91cF06bm90KG5nLWNvbnRhaW5lciknLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICd0dWktZ3JvdXAnLFxuICAgICAgICByb2xlOiAnZ3JvdXAnLFxuICAgICAgICAnW2NsYXNzLnR1aS1ncm91cF9vcmllbnRhdGlvbl9ob3Jpem9udGFsXSc6ICdvcmllbnRhdGlvbiA9PT0gXCJob3Jpem9udGFsXCInLFxuICAgICAgICAnW2NsYXNzLnR1aS1ncm91cF9vcmllbnRhdGlvbl92ZXJ0aWNhbF0nOiAnb3JpZW50YXRpb24gPT09IFwidmVydGljYWxcIicsXG4gICAgICAgICdbY2xhc3MudHVpLWdyb3VwX3JhZGl1c19sYXJnZV0nOiAnc2l6ZSA9PT0gXCJsXCInLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aUdyb3VwIHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IG9wdGlvbnMgPSBpbmplY3QoVFVJX0dST1VQX09QVElPTlMpO1xuXG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IG5vdGhpbmcgPSB0dWlXaXRoU3R5bGVzKFR1aUdyb3VwU3R5bGVzKTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG9yaWVudGF0aW9uOiBUdWlPcmllbnRhdGlvbiA9IHRoaXMub3B0aW9ucy5vcmllbnRhdGlvbjtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50dWktZ3JvdXBfY29sbGFwc2VkJylcbiAgICBwdWJsaWMgY29sbGFwc2VkID0gdGhpcy5vcHRpb25zLmNvbGxhcHNlZDtcblxuICAgIEBJbnB1dCgpXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50dWktZ3JvdXBfcm91bmRlZCcpXG4gICAgcHVibGljIHJvdW5kZWQgPSB0aGlzLm9wdGlvbnMucm91bmRlZDtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNpemU6IFR1aVNpemVMIHwgVHVpU2l6ZVMgPSB0aGlzLm9wdGlvbnMuc2l6ZTtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHR1aUdyb3VwU2l6ZShcbiAgICBzaWduYWw6IFNpZ25hbDxUdWlTaXplTCB8IFR1aVNpemVTPixcbik6IFNpZ25hbDxUdWlTaXplTCB8IFR1aVNpemVTPiB7XG4gICAgcmV0dXJuIHR1aURpcmVjdGl2ZUJpbmRpbmcoVHVpR3JvdXAsICdzaXplJywgc2lnbmFsKTtcbn1cbiJdfQ==

package/fesm2022/taiga-ui-core-components-group.mjs

@@ -1,75 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, Directive, Input, HostBinding } from '@angular/core';
-import { tuiCreateToken, tuiProvideOptions, tuiWithStyles, tuiDirectiveBinding } from '@taiga-ui/cdk/utils/miscellaneous';
-
-const TUI_GROUP_DEFAULT_OPTIONS = {
-    size: 'm',
-    collapsed: false,
-    rounded: true,
-    orientation: 'horizontal',
-};
-const TUI_GROUP_OPTIONS = tuiCreateToken(TUI_GROUP_DEFAULT_OPTIONS);
-function tuiGroupOptionsProvider(options) {
-    return tuiProvideOptions(TUI_GROUP_OPTIONS, options, TUI_GROUP_DEFAULT_OPTIONS);
-}
-
-class TuiGroupStyles {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroupStyles, isStandalone: true, selector: "ng-component", host: { classAttribute: "tui-group-styles" }, ngImport: i0, template: '', isInline: true, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroupStyles, decorators: [{
-            type: Component,
-            args: [{ standalone: true, template: '', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'tui-group-styles',
-                    }, styles: [".tui-group{position:relative;display:flex;isolation:isolate;--t-radius: var(--tui-radius-m)}.tui-group>*{flex:1 1 0;min-width:0}.tui-group>*:not(:last-child){margin-right:.125rem}.tui-group.tui-group>*:nth-child(n){border-radius:0}.tui-group_radius_large{--t-radius: var(--tui-radius-l)}.tui-group_collapsed>*{z-index:1}.tui-group_collapsed>*:not(:last-child){margin:0 -1px 0 0}.tui-group_collapsed>*._readonly,.tui-group_collapsed>*._disabled,.tui-group_collapsed>*._readonly:hover,.tui-group_collapsed>*._disabled:hover{z-index:0}.tui-group_collapsed>*._invalid{z-index:2}.tui-group_collapsed>*._invalid:hover,.tui-group_collapsed>*._invalid._hovered,.tui-group_collapsed>*._invalid._pressed{z-index:4}.tui-group_collapsed>*:hover,.tui-group_collapsed>*._hovered,.tui-group_collapsed>*._pressed{z-index:3}.tui-group_collapsed>*._hosted_dropdown_focused,.tui-group_collapsed>*._focus-visible,.tui-group_collapsed>*._focused.ng-touched,.tui-group_collapsed>*._focused.ng-untouched{z-index:5}.tui-group_collapsed>*._active,.tui-group_collapsed>*[data-appearance=whiteblock-active]{z-index:6}.tui-group_collapsed>*:has([tuiBlock]:checked){z-index:6}.tui-group_collapsed>*._focus-visible._focused,.tui-group_collapsed>*._focus-visible._active,.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active]{z-index:7}.tui-group_orientation_vertical{display:inline-flex;flex-direction:column}.tui-group_orientation_vertical>*{min-height:auto;flex:0 0 auto}.tui-group_orientation_vertical>*:not(:last-child){margin-right:0;margin-bottom:.125rem}.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child){margin:0 0 -1px}.tui-group_rounded.tui-group_orientation_horizontal>*:first-child{border-top-left-radius:var(--t-radius);border-bottom-left-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_horizontal>*:last-child{border-top-right-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:first-child{border-top-left-radius:var(--t-radius);border-top-right-radius:var(--t-radius)}.tui-group_rounded.tui-group_orientation_vertical>*:last-child{border-bottom-left-radius:var(--t-radius);border-bottom-right-radius:var(--t-radius)}.tui-group__auto-width-item{min-width:auto;flex:0 0 auto}.tui-group .tui-group__inherit-item{border-radius:inherit}\n"] }]
-        }] });
-class TuiGroup {
-    constructor() {
-        this.options = inject(TUI_GROUP_OPTIONS);
-        this.nothing = tuiWithStyles(TuiGroupStyles);
-        this.orientation = this.options.orientation;
-        this.collapsed = this.options.collapsed;
-        this.rounded = this.options.rounded;
-        this.size = this.options.size;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TuiGroup, isStandalone: true, selector: "[tuiGroup]:not(ng-container)", inputs: { orientation: "orientation", collapsed: "collapsed", rounded: "rounded", size: "size" }, host: { attributes: { "role": "group" }, properties: { "class.tui-group_orientation_horizontal": "orientation === \"horizontal\"", "class.tui-group_orientation_vertical": "orientation === \"vertical\"", "class.tui-group_radius_large": "size === \"l\"", "class.tui-group_collapsed": "this.collapsed", "class.tui-group_rounded": "this.rounded" }, classAttribute: "tui-group" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiGroup, decorators: [{
-            type: Directive,
-            args: [{
-                    standalone: true,
-                    selector: '[tuiGroup]:not(ng-container)',
-                    host: {
-                        class: 'tui-group',
-                        role: 'group',
-                        '[class.tui-group_orientation_horizontal]': 'orientation === "horizontal"',
-                        '[class.tui-group_orientation_vertical]': 'orientation === "vertical"',
-                        '[class.tui-group_radius_large]': 'size === "l"',
-                    },
-                }]
-        }], propDecorators: { orientation: [{
-                type: Input
-            }], collapsed: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.tui-group_collapsed']
-            }], rounded: [{
-                type: Input
-            }, {
-                type: HostBinding,
-                args: ['class.tui-group_rounded']
-            }], size: [{
-                type: Input
-            }] } });
-function tuiGroupSize(signal) {
-    return tuiDirectiveBinding(TuiGroup, 'size', signal);
-}
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { TUI_GROUP_DEFAULT_OPTIONS, TUI_GROUP_OPTIONS, TuiGroup, tuiGroupOptionsProvider, tuiGroupSize };
-//# sourceMappingURL=taiga-ui-core-components-group.mjs.map

package/fesm2022/taiga-ui-core-components-group.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"taiga-ui-core-components-group.mjs","sources":["../../../projects/core/components/group/group.options.ts","../../../projects/core/components/group/group.directive.ts","../../../projects/core/components/group/taiga-ui-core-components-group.ts"],"sourcesContent":["import type {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiOrientation, TuiSizeL} from '@taiga-ui/core/types';\n\nexport interface TuiGroupOptions {\n    readonly size: TuiSizeL;\n    readonly collapsed: boolean;\n    readonly rounded: boolean;\n    readonly orientation: TuiOrientation;\n}\n\nexport const TUI_GROUP_DEFAULT_OPTIONS: TuiGroupOptions = {\n    size: 'm',\n    collapsed: false,\n    rounded: true,\n    orientation: 'horizontal',\n};\n\nexport const TUI_GROUP_OPTIONS = tuiCreateToken(TUI_GROUP_DEFAULT_OPTIONS);\n\nexport function tuiGroupOptionsProvider(options: Partial<TuiGroupOptions>): Provider {\n    return tuiProvideOptions(TUI_GROUP_OPTIONS, options, TUI_GROUP_DEFAULT_OPTIONS);\n}\n","import type {Signal} from '@angular/core';\nimport {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    HostBinding,\n    inject,\n    Input,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {tuiDirectiveBinding, tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport type {TuiOrientation, TuiSizeL, TuiSizeS} from '@taiga-ui/core/types';\n\nimport {TUI_GROUP_OPTIONS} from './group.options';\n\n@Component({\n    standalone: true,\n    template: '',\n    styleUrls: ['./group.style.less'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'tui-group-styles',\n    },\n})\nclass TuiGroupStyles {}\n\n@Directive({\n    standalone: true,\n    selector: '[tuiGroup]:not(ng-container)',\n    host: {\n        class: 'tui-group',\n        role: 'group',\n        '[class.tui-group_orientation_horizontal]': 'orientation === \"horizontal\"',\n        '[class.tui-group_orientation_vertical]': 'orientation === \"vertical\"',\n        '[class.tui-group_radius_large]': 'size === \"l\"',\n    },\n})\nexport class TuiGroup {\n    private readonly options = inject(TUI_GROUP_OPTIONS);\n\n    protected readonly nothing = tuiWithStyles(TuiGroupStyles);\n\n    @Input()\n    public orientation: TuiOrientation = this.options.orientation;\n\n    @Input()\n    @HostBinding('class.tui-group_collapsed')\n    public collapsed = this.options.collapsed;\n\n    @Input()\n    @HostBinding('class.tui-group_rounded')\n    public rounded = this.options.rounded;\n\n    @Input()\n    public size: TuiSizeL | TuiSizeS = this.options.size;\n}\n\nexport function tuiGroupSize(\n    signal: Signal<TuiSizeL | TuiSizeS>,\n): Signal<TuiSizeL | TuiSizeS> {\n    return tuiDirectiveBinding(TuiGroup, 'size', signal);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}