@nova-ui/bits
Version:
SolarWinds Nova Framework
46 lines • 8.48 kB
JavaScript
// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to
// deal in the Software without restriction, including without limitation the
// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
// sell copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
import { Component, EventEmitter, Input, Output, ViewEncapsulation, } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "../chips.component";
export class ChipsOverflowComponent {
constructor() {
this.chipRemoved = new EventEmitter();
}
onClear(data) {
if (data.group) {
data.group = this.itemsSource.groupedItems?.find((g) => g.items.find((item) => item === data.item));
}
this.chipRemoved.emit(data);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipsOverflowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ChipsOverflowComponent, selector: "nui-chips-overflow", inputs: { overflowSource: "overflowSource", itemsSource: "itemsSource" }, outputs: { chipRemoved: "chipRemoved" }, host: { classAttribute: "nui-chips-overflow" }, ngImport: i0, template: "<nui-chips\n [itemsSource]=\"overflowSource\"\n [allowRemoveAll]=\"false\"\n [overflow]=\"false\"\n (chipRemoved)=\"onClear($event)\"\n orientation=\"vertical\"\n>\n</nui-chips>\n", styles: [".nui-chips-overflow .nui-chips{background-color:var(--nui-color-bg-content_popover,#fff)}\n"], dependencies: [{ kind: "component", type: i1.ChipsComponent, selector: "nui-chips", inputs: ["overflow", "overflowLinesNumber", "allowRemoveAll", "autoHide", "removeAllLinkText", "itemsSource", "orientation", "title", "customClass"], outputs: ["chipRemoved", "removeAll", "chipsOverflowed"] }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ChipsOverflowComponent, decorators: [{
type: Component,
args: [{ selector: "nui-chips-overflow", encapsulation: ViewEncapsulation.None, host: { class: "nui-chips-overflow" }, template: "<nui-chips\n [itemsSource]=\"overflowSource\"\n [allowRemoveAll]=\"false\"\n [overflow]=\"false\"\n (chipRemoved)=\"onClear($event)\"\n orientation=\"vertical\"\n>\n</nui-chips>\n", styles: [".nui-chips-overflow .nui-chips{background-color:var(--nui-color-bg-content_popover,#fff)}\n"] }]
}], propDecorators: { overflowSource: [{
type: Input
}], itemsSource: [{
type: Input
}], chipRemoved: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMtb3ZlcmZsb3cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jaGlwcy9jaGlwcy1vdmVyZmxvdy9jaGlwcy1vdmVyZmxvdy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NoaXBzL2NoaXBzLW92ZXJmbG93L2NoaXBzLW92ZXJmbG93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YsK0VBQStFO0FBQy9FLDRFQUE0RTtBQUM1RSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLDhFQUE4RTtBQUM5RSw0REFBNEQ7QUFDNUQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSx1REFBdUQ7QUFDdkQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSw0RUFBNEU7QUFDNUUsK0VBQStFO0FBQy9FLDBFQUEwRTtBQUMxRSxpRkFBaUY7QUFDakYsNkVBQTZFO0FBQzdFLGlCQUFpQjtBQUVqQixPQUFPLEVBQ0gsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLGlCQUFpQixHQUNwQixNQUFNLGVBQWUsQ0FBQzs7O0FBV3ZCLE1BQU0sT0FBTyxzQkFBc0I7SUFQbkM7UUFXcUIsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFHM0MsQ0FBQztLQVVSO0lBUlUsT0FBTyxDQUFDLElBQStDO1FBQzFELElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FDbkQsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQzdDLENBQUM7U0FDTDtRQUNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7K0dBaEJRLHNCQUFzQjttR0FBdEIsc0JBQXNCLDZOQ3JDbkMsb01BUUE7OzRGRDZCYSxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0ksb0JBQW9CLGlCQUdmLGlCQUFpQixDQUFDLElBQUksUUFDL0IsRUFBRSxLQUFLLEVBQUUsb0JBQW9CLEVBQUU7OEJBRzVCLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFVyxXQUFXO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLy8gwqkgMjAyMiBTb2xhcldpbmRzIFdvcmxkd2lkZSwgTExDLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuLy9cbi8vIFBlcm1pc3Npb24gaXMgaGVyZWJ5IGdyYW50ZWQsIGZyZWUgb2YgY2hhcmdlLCB0byBhbnkgcGVyc29uIG9idGFpbmluZyBhIGNvcHlcbi8vICBvZiB0aGlzIHNvZnR3YXJlIGFuZCBhc3NvY2lhdGVkIGRvY3VtZW50YXRpb24gZmlsZXMgKHRoZSBcIlNvZnR3YXJlXCIpLCB0b1xuLy8gIGRlYWwgaW4gdGhlIFNvZnR3YXJlIHdpdGhvdXQgcmVzdHJpY3Rpb24sIGluY2x1ZGluZyB3aXRob3V0IGxpbWl0YXRpb24gdGhlXG4vLyAgcmlnaHRzIHRvIHVzZSwgY29weSwgbW9kaWZ5LCBtZXJnZSwgcHVibGlzaCwgZGlzdHJpYnV0ZSwgc3VibGljZW5zZSwgYW5kL29yXG4vLyAgc2VsbCBjb3BpZXMgb2YgdGhlIFNvZnR3YXJlLCBhbmQgdG8gcGVybWl0IHBlcnNvbnMgdG8gd2hvbSB0aGUgU29mdHdhcmUgaXNcbi8vICBmdXJuaXNoZWQgdG8gZG8gc28sIHN1YmplY3QgdG8gdGhlIGZvbGxvd2luZyBjb25kaXRpb25zOlxuLy9cbi8vIFRoZSBhYm92ZSBjb3B5cmlnaHQgbm90aWNlIGFuZCB0aGlzIHBlcm1pc3Npb24gbm90aWNlIHNoYWxsIGJlIGluY2x1ZGVkIGluXG4vLyAgYWxsIGNvcGllcyBvciBzdWJzdGFudGlhbCBwb3J0aW9ucyBvZiB0aGUgU29mdHdhcmUuXG4vL1xuLy8gVEhFIFNPRlRXQVJFIElTIFBST1ZJREVEIFwiQVMgSVNcIiwgV0lUSE9VVCBXQVJSQU5UWSBPRiBBTlkgS0lORCwgRVhQUkVTUyBPUlxuLy8gIElNUExJRUQsIElOQ0xVRElORyBCVVQgTk9UIExJTUlURUQgVE8gVEhFIFdBUlJBTlRJRVMgT0YgTUVSQ0hBTlRBQklMSVRZLFxuLy8gIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFIEFORCBOT05JTkZSSU5HRU1FTlQuIElOIE5PIEVWRU5UIFNIQUxMIFRIRVxuLy8gIEFVVEhPUlMgT1IgQ09QWVJJR0hUIEhPTERFUlMgQkUgTElBQkxFIEZPUiBBTlkgQ0xBSU0sIERBTUFHRVMgT1IgT1RIRVJcbi8vICBMSUFCSUxJVFksIFdIRVRIRVIgSU4gQU4gQUNUSU9OIE9GIENPTlRSQUNULCBUT1JUIE9SIE9USEVSV0lTRSwgQVJJU0lORyBGUk9NLFxuLy8gIE9VVCBPRiBPUiBJTiBDT05ORUNUSU9OIFdJVEggVEhFIFNPRlRXQVJFIE9SIFRIRSBVU0UgT1IgT1RIRVIgREVBTElOR1MgSU5cbi8vICBUSEUgU09GVFdBUkUuXG5cbmltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBJbnB1dCxcbiAgICBPdXRwdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IElDaGlwc0dyb3VwLCBJQ2hpcHNJdGVtLCBJQ2hpcHNJdGVtc1NvdXJjZSB9IGZyb20gXCIuLi9wdWJsaWMtYXBpXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm51aS1jaGlwcy1vdmVyZmxvd1wiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vY2hpcHMtb3ZlcmZsb3cuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vY2hpcHMtb3ZlcmZsb3cuY29tcG9uZW50Lmxlc3NcIl0sXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0OiB7IGNsYXNzOiBcIm51aS1jaGlwcy1vdmVyZmxvd1wiIH0sXG59KVxuZXhwb3J0IGNsYXNzIENoaXBzT3ZlcmZsb3dDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIG92ZXJmbG93U291cmNlOiBJQ2hpcHNJdGVtc1NvdXJjZTtcbiAgICBASW5wdXQoKSBpdGVtc1NvdXJjZTogSUNoaXBzSXRlbXNTb3VyY2U7XG5cbiAgICBAT3V0cHV0KCkgcHVibGljIGNoaXBSZW1vdmVkID0gbmV3IEV2ZW50RW1pdHRlcjx7XG4gICAgICAgIGl0ZW06IElDaGlwc0l0ZW07XG4gICAgICAgIGdyb3VwPzogSUNoaXBzR3JvdXA7XG4gICAgfT4oKTtcblxuICAgIHB1YmxpYyBvbkNsZWFyKGRhdGE6IHsgaXRlbTogSUNoaXBzSXRlbTsgZ3JvdXA/OiBJQ2hpcHNHcm91cCB9KTogdm9pZCB7XG4gICAgICAgIGlmIChkYXRhLmdyb3VwKSB7XG4gICAgICAgICAgICBkYXRhLmdyb3VwID0gdGhpcy5pdGVtc1NvdXJjZS5ncm91cGVkSXRlbXM/LmZpbmQoKGcpID0+XG4gICAgICAgICAgICAgICAgZy5pdGVtcy5maW5kKChpdGVtKSA9PiBpdGVtID09PSBkYXRhLml0ZW0pXG4gICAgICAgICAgICApO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY2hpcFJlbW92ZWQuZW1pdChkYXRhKTtcbiAgICB9XG59XG4iLCI8bnVpLWNoaXBzXG4gICAgW2l0ZW1zU291cmNlXT1cIm92ZXJmbG93U291cmNlXCJcbiAgICBbYWxsb3dSZW1vdmVBbGxdPVwiZmFsc2VcIlxuICAgIFtvdmVyZmxvd109XCJmYWxzZVwiXG4gICAgKGNoaXBSZW1vdmVkKT1cIm9uQ2xlYXIoJGV2ZW50KVwiXG4gICAgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG4+XG48L251aS1jaGlwcz5cbiJdfQ==