@hyahfoufi/ng-snotify
Version:
Angular 2+ alternative notifications center
30 lines • 5.46 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../pipes/truncate.pipe";
/**
* Prompt component. Part of PROMPT type
*/
export class PromptComponent {
/**
* Get PROMPT placeholder
*/
toast;
/**
* Is PROMPT focused
*/
isPromptFocused = false;
handleInput($event) {
this.toast.value = $event.target.value;
this.toast.eventEmitter.next('input');
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PromptComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PromptComponent, selector: "ng-snotify-prompt", inputs: { toast: "toast" }, ngImport: i0, template: "<span class=\"snotifyToast__input\" [ngClass]=\"{ 'snotifyToast__input--filled': isPromptFocused }\">\n <input\n (input)=\"handleInput($event)\"\n autofocus\n class=\"snotifyToast__input__field\"\n type=\"text\"\n [id]=\"toast.id\"\n (focus)=\"isPromptFocused = true\"\n (blur)=\"isPromptFocused = !!toast.value.length\"\n />\n <label class=\"snotifyToast__input__label\" [for]=\"toast.id\">\n <span class=\"snotifyToast__input__labelContent\">{{ toast.config.placeholder | truncate }}</span>\n </label>\n</span>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: i2.TruncatePipe, name: "truncate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PromptComponent, decorators: [{
type: Component,
args: [{ selector: 'ng-snotify-prompt', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<span class=\"snotifyToast__input\" [ngClass]=\"{ 'snotifyToast__input--filled': isPromptFocused }\">\n <input\n (input)=\"handleInput($event)\"\n autofocus\n class=\"snotifyToast__input__field\"\n type=\"text\"\n [id]=\"toast.id\"\n (focus)=\"isPromptFocused = true\"\n (blur)=\"isPromptFocused = !!toast.value.length\"\n />\n <label class=\"snotifyToast__input__label\" [for]=\"toast.id\">\n <span class=\"snotifyToast__input__labelContent\">{{ toast.config.placeholder | truncate }}</span>\n </label>\n</span>\n" }]
}], propDecorators: { toast: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvbXB0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXNub3RpZnkvc3JjL2xpYi9jb21wb25lbnRzL3Byb21wdC9wcm9tcHQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctc25vdGlmeS9zcmMvbGliL2NvbXBvbmVudHMvcHJvbXB0L3Byb21wdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVU3Rjs7R0FFRztBQUNILE1BQU0sT0FBTyxlQUFlO0lBQzFCOztPQUVHO0lBQ00sS0FBSyxDQUFlO0lBQzdCOztPQUVHO0lBQ0gsZUFBZSxHQUFHLEtBQUssQ0FBQztJQUV4QixXQUFXLENBQUMsTUFBYTtRQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBSSxNQUFNLENBQUMsTUFBMkIsQ0FBQyxLQUFLLENBQUM7UUFDN0QsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3hDLENBQUM7d0dBYlUsZUFBZTs0RkFBZixlQUFlLHFGQ2I1QixnaUJBY0E7OzRGRERhLGVBQWU7a0JBVjNCLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUVaLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBVTVCLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU25vdGlmeVRvYXN0IH0gZnJvbSAnLi4vLi4vbW9kZWxzL3Nub3RpZnktdG9hc3QubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1zbm90aWZ5LXByb21wdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9tcHQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcblxuLyoqXG4gKiBQcm9tcHQgY29tcG9uZW50LiBQYXJ0IG9mIFBST01QVCB0eXBlXG4gKi9cbmV4cG9ydCBjbGFzcyBQcm9tcHRDb21wb25lbnQge1xuICAvKipcbiAgICogR2V0IFBST01QVCBwbGFjZWhvbGRlclxuICAgKi9cbiAgQElucHV0KCkgdG9hc3Q6IFNub3RpZnlUb2FzdDtcbiAgLyoqXG4gICAqIElzIFBST01QVCBmb2N1c2VkXG4gICAqL1xuICBpc1Byb21wdEZvY3VzZWQgPSBmYWxzZTtcblxuICBoYW5kbGVJbnB1dCgkZXZlbnQ6IEV2ZW50KSB7XG4gICAgdGhpcy50b2FzdC52YWx1ZSA9ICgkZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQpLnZhbHVlO1xuICAgIHRoaXMudG9hc3QuZXZlbnRFbWl0dGVyLm5leHQoJ2lucHV0Jyk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic25vdGlmeVRvYXN0X19pbnB1dFwiIFtuZ0NsYXNzXT1cInsgJ3Nub3RpZnlUb2FzdF9faW5wdXQtLWZpbGxlZCc6IGlzUHJvbXB0Rm9jdXNlZCB9XCI+XG4gIDxpbnB1dFxuICAgIChpbnB1dCk9XCJoYW5kbGVJbnB1dCgkZXZlbnQpXCJcbiAgICBhdXRvZm9jdXNcbiAgICBjbGFzcz1cInNub3RpZnlUb2FzdF9faW5wdXRfX2ZpZWxkXCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgW2lkXT1cInRvYXN0LmlkXCJcbiAgICAoZm9jdXMpPVwiaXNQcm9tcHRGb2N1c2VkID0gdHJ1ZVwiXG4gICAgKGJsdXIpPVwiaXNQcm9tcHRGb2N1c2VkID0gISF0b2FzdC52YWx1ZS5sZW5ndGhcIlxuICAvPlxuICA8bGFiZWwgY2xhc3M9XCJzbm90aWZ5VG9hc3RfX2lucHV0X19sYWJlbFwiIFtmb3JdPVwidG9hc3QuaWRcIj5cbiAgICA8c3BhbiBjbGFzcz1cInNub3RpZnlUb2FzdF9faW5wdXRfX2xhYmVsQ29udGVudFwiPnt7IHRvYXN0LmNvbmZpZy5wbGFjZWhvbGRlciB8IHRydW5jYXRlIH19PC9zcGFuPlxuICA8L2xhYmVsPlxuPC9zcGFuPlxuIl19