kwikid-components
Version:
KwikID's Components Library
34 lines • 5.94 kB
JavaScript
import { __decorate } from "tslib";
import { Component, EventEmitter, Input, Output } from "@angular/core";
import { logMethod } from "kwikid-toolkit";
import * as i0 from "@angular/core";
import * as i1 from "kwikui";
import * as i2 from "@angular/common";
export class KwikIDScheduleLaterButtonComponent {
constructor() {
this.config = undefined;
this.onClickScheduleLater = new EventEmitter();
}
ngOnInit() { }
handleOnClickScheduleLater() {
this.onClickScheduleLater.emit("Schedule Later");
}
}
/** @nocollapse */ KwikIDScheduleLaterButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDScheduleLaterButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ KwikIDScheduleLaterButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: KwikIDScheduleLaterButtonComponent, selector: "kwikid-schedule-later-button", inputs: { config: "config" }, outputs: { onClickScheduleLater: "onClickScheduleLater" }, ngImport: i0, template: "<div\n id=\"schedule-later\"\n *ngIf=\"config?.showScheduleLater\"\n>\n <div\n id=\"or\"\n *ngIf=\"!config?.hideOr\"\n >\n <div id=\"left\"></div>\n <span id=\"or-label\">{{ config?.orLabel }}</span>\n <div id=\"right\"></div\n ></div>\n\n <kwikui-button\n appearance=\"primary\"\n [label]=\"config?.buttonLabel\"\n size=\"m\"\n styles=\"width: 100%;\"\n (onClick)=\"handleOnClickScheduleLater()\"\n ></kwikui-button>\n</div>\n", styles: [":host{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#schedule-later{width:100%}#schedule-later #or{position:relative;display:flex}#schedule-later #or #left,#schedule-later #or #right{height:1px;width:44%;margin:.6rem 0 1.5rem;border-top:2px solid #d3d3d3}#schedule-later #or #or-label{width:12%;text-align:center;font-weight:600;padding:0 .5rem}\n"], components: [{ type: i1.KwikUIButtonComponent, selector: "kwikui-button", inputs: ["appearance", "class", "disabled", "icon", "iconRight", "id", "label", "shape", "showLoader", "size", "styles", "type", "pseudoHover"], outputs: ["onClick"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
__decorate([
logMethod
], KwikIDScheduleLaterButtonComponent.prototype, "handleOnClickScheduleLater", null);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0, type: KwikIDScheduleLaterButtonComponent, decorators: [{
type: Component,
args: [{
selector: "kwikid-schedule-later-button",
templateUrl: "./schedule-later-button.component.html",
styleUrls: ["./schedule-later-button.component.scss"]
}]
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
type: Input
}], onClickScheduleLater: [{
type: Output
}], handleOnClickScheduleLater: [] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2NoZWR1bGUtbGF0ZXItYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2t3aWtpZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zY2hlZHVsZS1sYXRlci1idXR0b24vc2NoZWR1bGUtbGF0ZXItYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2t3aWtpZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zY2hlZHVsZS1sYXRlci1idXR0b24vc2NoZWR1bGUtbGF0ZXItYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9FLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQU8zQyxNQUFNLE9BQU8sa0NBQWtDO0lBTzdDO1FBTEEsV0FBTSxHQUFRLFNBQVMsQ0FBQztRQUd4Qix5QkFBb0IsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUU5QyxDQUFDO0lBRWhCLFFBQVEsS0FBVSxDQUFDO0lBR25CLDBCQUEwQjtRQUN4QixJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDbkQsQ0FBQzs7bUpBZFUsa0NBQWtDO3VJQUFsQyxrQ0FBa0MsNkpDUi9DLGtkQXFCQTtBRERFO0lBREMsU0FBUztvRkFHVDs0RkFkVSxrQ0FBa0M7a0JBTDlDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDhCQUE4QjtvQkFDeEMsV0FBVyxFQUFFLHdDQUF3QztvQkFDckQsU0FBUyxFQUFFLENBQUMsd0NBQXdDLENBQUM7aUJBQ3REOzBFQUdDLE1BQU07c0JBREwsS0FBSztnQkFJTixvQkFBb0I7c0JBRG5CLE1BQU07Z0JBUVAsMEJBQTBCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBsb2dNZXRob2QgfSBmcm9tIFwia3dpa2lkLXRvb2xraXRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiBcImt3aWtpZC1zY2hlZHVsZS1sYXRlci1idXR0b25cIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9zY2hlZHVsZS1sYXRlci1idXR0b24uY29tcG9uZW50Lmh0bWxcIixcbiAgc3R5bGVVcmxzOiBbXCIuL3NjaGVkdWxlLWxhdGVyLWJ1dHRvbi5jb21wb25lbnQuc2Nzc1wiXVxufSlcbmV4cG9ydCBjbGFzcyBLd2lrSURTY2hlZHVsZUxhdGVyQnV0dG9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KClcbiAgY29uZmlnOiBhbnkgPSB1bmRlZmluZWQ7XG5cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2tTY2hlZHVsZUxhdGVyOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIEBsb2dNZXRob2RcbiAgaGFuZGxlT25DbGlja1NjaGVkdWxlTGF0ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5vbkNsaWNrU2NoZWR1bGVMYXRlci5lbWl0KFwiU2NoZWR1bGUgTGF0ZXJcIik7XG4gIH1cbn1cbiIsIjxkaXZcbiAgaWQ9XCJzY2hlZHVsZS1sYXRlclwiXG4gICpuZ0lmPVwiY29uZmlnPy5zaG93U2NoZWR1bGVMYXRlclwiXG4+XG4gIDxkaXZcbiAgICBpZD1cIm9yXCJcbiAgICAqbmdJZj1cIiFjb25maWc/LmhpZGVPclwiXG4gID5cbiAgICA8ZGl2IGlkPVwibGVmdFwiPjwvZGl2PlxuICAgIDxzcGFuIGlkPVwib3ItbGFiZWxcIj57eyBjb25maWc/Lm9yTGFiZWwgfX08L3NwYW4+XG4gICAgPGRpdiBpZD1cInJpZ2h0XCI+PC9kaXZcbiAgPjwvZGl2PlxuXG4gIDxrd2lrdWktYnV0dG9uXG4gICAgYXBwZWFyYW5jZT1cInByaW1hcnlcIlxuICAgIFtsYWJlbF09XCJjb25maWc/LmJ1dHRvbkxhYmVsXCJcbiAgICBzaXplPVwibVwiXG4gICAgc3R5bGVzPVwid2lkdGg6IDEwMCU7XCJcbiAgICAob25DbGljayk9XCJoYW5kbGVPbkNsaWNrU2NoZWR1bGVMYXRlcigpXCJcbiAgPjwva3dpa3VpLWJ1dHRvbj5cbjwvZGl2PlxuIl19