@taiga-ui/core
Version:
Core library for creating Angular components and applications using Taiga UI
34 lines • 8.22 kB
JavaScript
import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
import { tuiInjectElement } from '@taiga-ui/cdk/utils/dom';
import { TUI_ITEMS_HANDLERS } from '@taiga-ui/core/directives/items-handlers';
import { injectContext, PolymorpheusOutlet, } from '@taiga-ui/polymorpheus';
import { TuiTextfieldMultiComponent } from './textfield-multi.component';
import * as i0 from "@angular/core";
/*
* Internal wrapper for polymorpheus-context
*/
class TuiTextfieldItemComponent {
constructor() {
this.el = tuiInjectElement();
this.handlers = inject(TUI_ITEMS_HANDLERS);
this.context = injectContext();
this.textfield = inject(TuiTextfieldMultiComponent);
}
get content() {
return (this.textfield.item ?? this.handlers.stringify()(this.context.$implicit.item));
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTextfieldItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TuiTextfieldItemComponent, isStandalone: true, selector: "tui-textfield-item", host: { listeners: { "pointerdown.self.prevent": "0", "keydown.arrowLeft.prevent": "el.previousElementSibling?.firstChild?.focus()", "keydown.arrowRight.prevent": "el.nextElementSibling?.firstChild?.focus()" }, properties: { "class._string": "!textfield.item", "class._disabled": "handlers.disabledItemHandler()(context.$implicit.item)" } }, ngImport: i0, template: '<ng-container *polymorpheusOutlet="content as text; context: context">{{ text }}</ng-container>', isInline: true, styles: [":host{max-inline-size:100%;flex-shrink:0;white-space:pre-wrap;text-overflow:ellipsis}:host._string{overflow:hidden}:host._string._disabled{opacity:var(--tui-disabled-opacity)}:host._string:after{content:\", \"}:host:last-of-type{max-inline-size:80%}:host-context(tui-textfield:not([data-focus=\"true\"])):last-of-type:after{display:none}:host-context(tui-textfield:has([tuiSelectLike])):last-of-type:after,:host-context(tui-textfield[data-mode~=\"readonly\"]):last-of-type:after{content:\" \"}\n"], dependencies: [{ kind: "directive", type: PolymorpheusOutlet, selector: "[polymorpheusOutlet]", inputs: ["polymorpheusOutlet", "polymorpheusOutletContext"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
}
export { TuiTextfieldItemComponent };
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TuiTextfieldItemComponent, decorators: [{
type: Component,
args: [{ standalone: true, selector: 'tui-textfield-item', imports: [PolymorpheusOutlet], template: '<ng-container *polymorpheusOutlet="content as text; context: context">{{ text }}</ng-container>', changeDetection: ChangeDetectionStrategy.Default, host: {
'[class._string]': '!textfield.item',
'[class._disabled]': 'handlers.disabledItemHandler()(context.$implicit.item)',
'(pointerdown.self.prevent)': '0',
'(keydown.arrowLeft.prevent)': 'el.previousElementSibling?.firstChild?.focus()',
'(keydown.arrowRight.prevent)': 'el.nextElementSibling?.firstChild?.focus()',
}, styles: [":host{max-inline-size:100%;flex-shrink:0;white-space:pre-wrap;text-overflow:ellipsis}:host._string{overflow:hidden}:host._string._disabled{opacity:var(--tui-disabled-opacity)}:host._string:after{content:\", \"}:host:last-of-type{max-inline-size:80%}:host-context(tui-textfield:not([data-focus=\"true\"])):last-of-type:after{display:none}:host-context(tui-textfield:has([tuiSelectLike])):last-of-type:after,:host-context(tui-textfield[data-mode~=\"readonly\"]):last-of-type:after{content:\" \"}\n"] }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGZpZWxkLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9jb21wb25lbnRzL3RleHRmaWVsZC90ZXh0ZmllbGQtbXVsdGkvdGV4dGZpZWxkLWl0ZW0uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXpFLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLDBDQUEwQyxDQUFDO0FBQzVFLE9BQU8sRUFDSCxhQUFhLEVBRWIsa0JBQWtCLEdBQ3JCLE1BQU0sd0JBQXdCLENBQUM7QUFFaEMsT0FBTyxFQUFDLDBCQUEwQixFQUFDLE1BQU0sNkJBQTZCLENBQUM7O0FBT3ZFOztHQUVHO0FBQ0gsTUFrQmEseUJBQXlCO0lBbEJ0QztRQW1CdUIsT0FBRSxHQUFHLGdCQUFnQixFQUFFLENBQUM7UUFDeEIsYUFBUSxHQUFHLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1FBQ3RDLFlBQU8sR0FBRyxhQUFhLEVBQW1DLENBQUM7UUFDM0QsY0FBUyxHQUFrQyxNQUFNLENBQ2hFLDBCQUEwQixDQUM3QixDQUFDO0tBT0w7SUFMRyxJQUFjLE9BQU87UUFDakIsT0FBTyxDQUNILElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsU0FBUyxFQUFFLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQ2hGLENBQUM7SUFDTixDQUFDOytHQVpRLHlCQUF5QjttR0FBekIseUJBQXlCLG9hQWI5QixpR0FBaUcseWpCQUYzRixrQkFBa0I7O1NBZW5CLHlCQUF5Qjs0RkFBekIseUJBQXlCO2tCQWxCckMsU0FBUztpQ0FDTSxJQUFJLFlBQ04sb0JBQW9CLFdBQ3JCLENBQUMsa0JBQWtCLENBQUMsWUFFekIsaUdBQWlHLG1CQUlwRix1QkFBdUIsQ0FBQyxPQUFPLFFBQzFDO3dCQUNGLGlCQUFpQixFQUFFLGlCQUFpQjt3QkFDcEMsbUJBQW1CLEVBQUUsd0RBQXdEO3dCQUM3RSw0QkFBNEIsRUFBRSxHQUFHO3dCQUNqQyw2QkFBNkIsRUFBRSxnREFBZ0Q7d0JBQy9FLDhCQUE4QixFQUFFLDRDQUE0QztxQkFDL0UiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge3R5cGUgVHVpQ29udGV4dH0gZnJvbSAnQHRhaWdhLXVpL2Nkay90eXBlcyc7XG5pbXBvcnQge3R1aUluamVjdEVsZW1lbnR9IGZyb20gJ0B0YWlnYS11aS9jZGsvdXRpbHMvZG9tJztcbmltcG9ydCB7VFVJX0lURU1TX0hBTkRMRVJTfSBmcm9tICdAdGFpZ2EtdWkvY29yZS9kaXJlY3RpdmVzL2l0ZW1zLWhhbmRsZXJzJztcbmltcG9ydCB7XG4gICAgaW5qZWN0Q29udGV4dCxcbiAgICB0eXBlIFBvbHltb3JwaGV1c0NvbnRlbnQsXG4gICAgUG9seW1vcnBoZXVzT3V0bGV0LFxufSBmcm9tICdAdGFpZ2EtdWkvcG9seW1vcnBoZXVzJztcblxuaW1wb3J0IHtUdWlUZXh0ZmllbGRNdWx0aUNvbXBvbmVudH0gZnJvbSAnLi90ZXh0ZmllbGQtbXVsdGkuY29tcG9uZW50JztcblxuZXhwb3J0IGludGVyZmFjZSBUdWlUZXh0ZmllbGRJdGVtPFQ+IHtcbiAgICByZWFkb25seSBpdGVtOiBUO1xuICAgIHJlYWRvbmx5IGluZGV4OiBudW1iZXI7XG59XG5cbi8qXG4gKiBJbnRlcm5hbCB3cmFwcGVyIGZvciBwb2x5bW9ycGhldXMtY29udGV4dFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxuICAgIHNlbGVjdG9yOiAndHVpLXRleHRmaWVsZC1pdGVtJyxcbiAgICBpbXBvcnRzOiBbUG9seW1vcnBoZXVzT3V0bGV0XSxcbiAgICB0ZW1wbGF0ZTpcbiAgICAgICAgJzxuZy1jb250YWluZXIgKnBvbHltb3JwaGV1c091dGxldD1cImNvbnRlbnQgYXMgdGV4dDsgY29udGV4dDogY29udGV4dFwiPnt7IHRleHQgfX08L25nLWNvbnRhaW5lcj4nLFxuICAgIHN0eWxlVXJsczogWycuL3RleHRmaWVsZC1pdGVtLnN0eWxlLmxlc3MnXSxcbiAgICAvLyBUT0RPOiBTZXQgdG8gT25QdXNoIGluIHY1IHdoZW4gdGV4dGZpZWxkLml0ZW0gYmVjb21lcyBhIHNpZ25hbFxuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvcHJlZmVyLW9uLXB1c2gtY29tcG9uZW50LWNoYW5nZS1kZXRlY3Rpb25cbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG4gICAgaG9zdDoge1xuICAgICAgICAnW2NsYXNzLl9zdHJpbmddJzogJyF0ZXh0ZmllbGQuaXRlbScsXG4gICAgICAgICdbY2xhc3MuX2Rpc2FibGVkXSc6ICdoYW5kbGVycy5kaXNhYmxlZEl0ZW1IYW5kbGVyKCkoY29udGV4dC4kaW1wbGljaXQuaXRlbSknLFxuICAgICAgICAnKHBvaW50ZXJkb3duLnNlbGYucHJldmVudCknOiAnMCcsXG4gICAgICAgICcoa2V5ZG93bi5hcnJvd0xlZnQucHJldmVudCknOiAnZWwucHJldmlvdXNFbGVtZW50U2libGluZz8uZmlyc3RDaGlsZD8uZm9jdXMoKScsXG4gICAgICAgICcoa2V5ZG93bi5hcnJvd1JpZ2h0LnByZXZlbnQpJzogJ2VsLm5leHRFbGVtZW50U2libGluZz8uZmlyc3RDaGlsZD8uZm9jdXMoKScsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpVGV4dGZpZWxkSXRlbUNvbXBvbmVudDxUPiB7XG4gICAgcHJvdGVjdGVkIHJlYWRvbmx5IGVsID0gdHVpSW5qZWN0RWxlbWVudCgpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBoYW5kbGVycyA9IGluamVjdChUVUlfSVRFTVNfSEFORExFUlMpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSBjb250ZXh0ID0gaW5qZWN0Q29udGV4dDxUdWlDb250ZXh0PFR1aVRleHRmaWVsZEl0ZW08VD4+PigpO1xuICAgIHByb3RlY3RlZCByZWFkb25seSB0ZXh0ZmllbGQ6IFR1aVRleHRmaWVsZE11bHRpQ29tcG9uZW50PFQ+ID0gaW5qZWN0KFxuICAgICAgICBUdWlUZXh0ZmllbGRNdWx0aUNvbXBvbmVudCxcbiAgICApO1xuXG4gICAgcHJvdGVjdGVkIGdldCBjb250ZW50KCk6IFBvbHltb3JwaGV1c0NvbnRlbnQ8VHVpQ29udGV4dDxUdWlUZXh0ZmllbGRJdGVtPFQ+Pj4ge1xuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgdGhpcy50ZXh0ZmllbGQuaXRlbSA/PyB0aGlzLmhhbmRsZXJzLnN0cmluZ2lmeSgpKHRoaXMuY29udGV4dC4kaW1wbGljaXQuaXRlbSlcbiAgICAgICAgKTtcbiAgICB9XG59XG4iXX0=