angular-generics
Version:
A collection of generic controls for Angular 9+
820 lines (780 loc) • 192 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@angular/common'), require('@angular/forms'), require('@angular/router')) :
typeof define === 'function' && define.amd ? define('angular-generics', ['exports', '@angular/core', 'rxjs', '@angular/common', '@angular/forms', '@angular/router'], factory) :
(global = global || self, factory(global['angular-generics'] = {}, global.ng.core, global.rxjs, global.ng.common, global.ng.forms, global.ng.router));
}(this, (function (exports, core, rxjs, common, forms, router) { 'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/* global Reflect, Promise */
var extendStatics = function(d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return extendStatics(d, b);
};
function __extends(d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}
var __assign = function() {
__assign = Object.assign || function __assign(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
function __rest(s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
}
function __decorate(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
}
function __param(paramIndex, decorator) {
return function (target, key) { decorator(target, key, paramIndex); }
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
}
function __awaiter(thisArg, _arguments, P, generator) {
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
}
function __generator(thisArg, body) {
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
function verb(n) { return function (v) { return step([n, v]); }; }
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0: case 1: t = op; break;
case 4: _.label++; return { value: op[1], done: false };
case 5: _.label++; y = op[1]; op = [0]; continue;
case 7: op = _.ops.pop(); _.trys.pop(); continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
if (t[2]) _.ops.pop();
_.trys.pop(); continue;
}
op = body.call(thisArg, _);
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
}
}
function __exportStar(m, exports) {
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
}
function __values(o) {
var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
if (m) return m.call(o);
return {
next: function () {
if (o && i >= o.length) o = void 0;
return { value: o && o[i++], done: !o };
}
};
}
function __read(o, n) {
var m = typeof Symbol === "function" && o[Symbol.iterator];
if (!m) return o;
var i = m.call(o), r, ar = [], e;
try {
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
}
catch (error) { e = { error: error }; }
finally {
try {
if (r && !r.done && (m = i["return"])) m.call(i);
}
finally { if (e) throw e.error; }
}
return ar;
}
function __spread() {
for (var ar = [], i = 0; i < arguments.length; i++)
ar = ar.concat(__read(arguments[i]));
return ar;
}
function __spreadArrays() {
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
for (var r = Array(s), k = 0, i = 0; i < il; i++)
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
r[k] = a[j];
return r;
};
function __await(v) {
return this instanceof __await ? (this.v = v, this) : new __await(v);
}
function __asyncGenerator(thisArg, _arguments, generator) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var g = generator.apply(thisArg, _arguments || []), i, q = [];
return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
function fulfill(value) { resume("next", value); }
function reject(value) { resume("throw", value); }
function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
}
function __asyncDelegator(o) {
var i, p;
return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
}
function __asyncValues(o) {
if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
var m = o[Symbol.asyncIterator], i;
return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
}
function __makeTemplateObject(cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
function __importStar(mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result.default = mod;
return result;
}
function __importDefault(mod) {
return (mod && mod.__esModule) ? mod : { default: mod };
}
var GenericAlertService = /** @class */ (function () {
function GenericAlertService() {
this._addAlertSource = new rxjs.BehaviorSubject(null);
this.alertAdded$ = this._addAlertSource.asObservable();
this._closeAlertSource = new rxjs.BehaviorSubject(null);
this.alertClosed$ = this._closeAlertSource.asObservable();
}
GenericAlertService.prototype.addAlert = function (alert) {
var _this = this;
if (alert) {
this._addAlertSource.next(alert);
if (alert.timeout > 0) {
setTimeout(function () {
_this.closeAlert(alert);
}, alert.timeout);
}
}
};
GenericAlertService.prototype.closeAlert = function (alert) {
if (alert) {
this._closeAlertSource.next(alert);
}
};
/** @nocollapse */ GenericAlertService.ɵfac = function GenericAlertService_Factory(t) { return new (t || GenericAlertService)(); };
/** @nocollapse */ GenericAlertService.ɵprov = core["ɵɵdefineInjectable"]({ token: GenericAlertService, factory: GenericAlertService.ɵfac });
return GenericAlertService;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](GenericAlertService, [{
type: core.Injectable
}], function () { return []; }, null); })();
var ValueTypeHelpers = /** @class */ (function () {
function ValueTypeHelpers() {
}
ValueTypeHelpers.prototype.isNumber = function (value) {
return ((value != null) && !isNaN(Number(value.toString())));
};
return ValueTypeHelpers;
}());
var _c0 = function (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9, a10, a11, a12) { return { "grid-template-columns": a0, "grid-template-rows": a1, "place-items": a2, "grid-auto-flow": a3, "height": a4, "width": a5, "gap": a6, "padding": a7, "position": a8, "top": a9, "bottom": a10, "left": a11, "right": a12 }; };
var _c1 = ["*"];
var ContentComponent = /** @class */ (function () {
function ContentComponent() {
this.typeHelper = new ValueTypeHelpers();
}
ContentComponent.prototype.isNumber = function (value) {
return this.typeHelper.isNumber(value);
};
/** @nocollapse */ ContentComponent.ɵfac = function ContentComponent_Factory(t) { return new (t || ContentComponent)(); };
/** @nocollapse */ ContentComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: ContentComponent, selectors: [["agc"]], inputs: { height: "height", width: "width", gap: "gap", pad: "pad", anchor: "anchor", flow: "flow", rows: "rows", cols: "cols", forceUp: "forceUp", forceDown: "forceDown", forceLeft: "forceLeft", forceRight: "forceRight" }, ngContentSelectors: _c1, decls: 2, vars: 15, consts: [[1, "generic-element", 3, "ngStyle"]], template: function ContentComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵprojectionDef"]();
core["ɵɵelementStart"](0, "div", 0);
core["ɵɵprojection"](1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵproperty"]("ngStyle", core["ɵɵpureFunctionV"](1, _c0, [ctx.isNumber(ctx.cols) ? "repeat(" + ctx.cols + ", 1fr)" : ctx.cols, ctx.isNumber(ctx.rows) ? "repeat(" + ctx.rows + ", 1fr)" : ctx.rows, ctx.anchor ? ctx.anchor : null, ctx.flow ? ctx.flow : null, ctx.isNumber(ctx.height) ? ctx.height + "px" : ctx.height, ctx.isNumber(ctx.width) ? ctx.width + "px" : ctx.width, ctx.isNumber(ctx.gap) ? ctx.gap + "px" : ctx.gap, ctx.isNumber(ctx.pad) ? ctx.pad + "px" : ctx.pad, ctx.forceUp || ctx.forceLeft || ctx.forceDown || ctx.forceRight ? "relative" : null, ctx.isNumber(ctx.forceUp) ? "-" + ctx.forceUp + "px" : ctx.forceUp, ctx.isNumber(ctx.forceDown) ? "-" + ctx.forceDown + "px" : ctx.forceDown, ctx.isNumber(ctx.forceLeft) ? "-" + ctx.forceLeft + "px" : ctx.forceLeft, ctx.isNumber(ctx.forceRight) ? "-" + ctx.forceRight + "px" : ctx.forceRight]));
} }, directives: [common.NgStyle], styles: [":root{--inputOutlineColor:rgb(171, 192, 216);--inputOutline:1px solid var(--inputOutlineColor);--inputShadow:inset 0 0 3px 0px #f2fdff;--inputBackground:white;--inputPadding:5px 5px 2px 5px;--inputLabelColor:rgb(7, 7, 7);--inputLabelSize:20px;--disabledBackground:rgb(221, 232, 239);--disabledBorder:rgb(99, 127, 151);--sliderHeight:30px;--sliderWidth:100%;--sliderCoverWidth:75px;--sliderChangeSpeed:0.35s;--sliderRadius:10px;--sliderPadding:7px;--sliderBackgroundColor:#354558;--sliderFontSize:16px;--sliderTrueText:'Yes';--sliderFalseText:'No';--sliderTrueColor:#26ca28;--sliderFalseColor:rgb(231, 66, 44);--sliderFalseTextOffset:35px;--buttonBorderRadius:5px;--buttonPadding:5px 8px;--buttonTextShadow:0px 0px 4px rgb(34, 34, 34);--buttonBackground:linear-gradient(to bottom, #437ab1 0%, #003366 100%);--buttonBorder:1px solid #465d6c;--buttonDisabledBackground:rgb(95, 95, 95);--modalBorder:1px solid rgb(129, 129, 129)}.pointer,.pointer:hover{cursor:pointer}.no-selection{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.generic-element{box-sizing:border-box;display:-ms-grid;display:grid}.generic-input input{width:inherit;height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generic-input select{width:100%;height:31px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:var(--inputPadding);border:var(--inputOutline);background:var(--inputBackground);box-shadow:var(--inputShadow)}.generic-input input,.generic-input textarea{padding:var(--inputPadding);border:var(--inputOutline);background:var(--inputBackground);box-shadow:var(--inputShadow)}.generic-input input:disabled,.generic-input textarea:disabled{background-color:var(--disabledBackground);border-color:var(--disabledBorder)}ag-check,ag-file,ag-select,ag-text{-ms-grid-row-align:end;-ms-grid-column-align:stretch;place-self:end stretch}ag-side-nav{overflow:hidden}"], encapsulation: 2 });
return ContentComponent;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](ContentComponent, [{
type: core.Component,
args: [{
selector: 'agc',
templateUrl: './content.component.html',
styleUrls: ['../../../../styles/base.css'],
encapsulation: core.ViewEncapsulation.None
}]
}], function () { return []; }, { height: [{
type: core.Input
}], width: [{
type: core.Input
}], gap: [{
type: core.Input
}], pad: [{
type: core.Input
}], anchor: [{
type: core.Input
}], flow: [{
type: core.Input
}], rows: [{
type: core.Input
}], cols: [{
type: core.Input
}], forceUp: [{
type: core.Input
}], forceDown: [{
type: core.Input
}], forceLeft: [{
type: core.Input
}], forceRight: [{
type: core.Input
}] }); })();
function GenericAlertComponent_agc_1_Template(rf, ctx) { if (rf & 1) {
var _r177 = core["ɵɵgetCurrentView"]();
core["ɵɵelementStart"](0, "agc", 2);
core["ɵɵelementStart"](1, "agc", 3);
core["ɵɵtext"](2);
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](3, "agc", 4);
core["ɵɵelementStart"](4, "i", 5);
core["ɵɵlistener"]("click", function GenericAlertComponent_agc_1_Template_i_click_4_listener() { core["ɵɵrestoreView"](_r177); var item_r175 = ctx.$implicit; var ctx_r176 = core["ɵɵnextContext"](); return ctx_r176.alertClosed(item_r175); });
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
} if (rf & 2) {
var item_r175 = ctx.$implicit;
core["ɵɵproperty"]("cols", "1fr auto")("gap", 10)("pad", 3);
core["ɵɵadvance"](2);
core["ɵɵtextInterpolate1"](" ", item_r175.message, " ");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("anchor", "center");
} }
var GenericAlertComponent = /** @class */ (function () {
function GenericAlertComponent(alertService) {
var _this = this;
this.alerts = [];
alertService.alertAdded$.subscribe({
next: function (alert) { return _this.alertAdded(alert); },
});
alertService.alertClosed$.subscribe({
next: function (alert) { return _this.alertClosed(alert); },
});
}
GenericAlertComponent.prototype.alertAdded = function (alert) {
if (alert) {
this.alerts.push(alert);
}
};
GenericAlertComponent.prototype.alertClosed = function (alert) {
if (alert) {
var index = this.alerts.indexOf(alert);
if (index > -1) {
this.alerts.splice(index, 1);
}
}
};
/** @nocollapse */ GenericAlertComponent.ɵfac = function GenericAlertComponent_Factory(t) { return new (t || GenericAlertComponent)(core["ɵɵdirectiveInject"](GenericAlertService)); };
/** @nocollapse */ GenericAlertComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: GenericAlertComponent, selectors: [["ag-alert"]], features: [core["ɵɵProvidersFeature"]([GenericAlertService])], decls: 2, vars: 2, consts: [[1, "alerts", 3, "gap"], ["class", "alert", 3, "cols", "gap", "pad", 4, "ngFor", "ngForOf"], [1, "alert", 3, "cols", "gap", "pad"], [1, "alert-message"], [3, "anchor"], [1, "fas", "fa-times-circle", "pointer", 3, "click"]], template: function GenericAlertComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "agc", 0);
core["ɵɵtemplate"](1, GenericAlertComponent_agc_1_Template, 5, 5, "agc", 1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵproperty"]("gap", 5);
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngForOf", ctx.alerts);
} }, directives: [ContentComponent, common.NgForOf], styles: [".alerts .alert{padding:5px}.alerts .close-button:active{box-shadow:inset 0 0 7px 0 #222}"], encapsulation: 2 });
return GenericAlertComponent;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](GenericAlertComponent, [{
type: core.Component,
args: [{
selector: 'ag-alert',
templateUrl: './alert.component.html',
styleUrls: ['./alert.component.css'],
providers: [GenericAlertService],
encapsulation: core.ViewEncapsulation.None
}]
}], function () { return [{ type: GenericAlertService }]; }, null); })();
var GenericContentModule = /** @class */ (function () {
function GenericContentModule() {
}
/** @nocollapse */ GenericContentModule.ɵmod = core["ɵɵdefineNgModule"]({ type: GenericContentModule });
/** @nocollapse */ GenericContentModule.ɵinj = core["ɵɵdefineInjector"]({ factory: function GenericContentModule_Factory(t) { return new (t || GenericContentModule)(); }, imports: [[
common.CommonModule,
]] });
return GenericContentModule;
}());
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && core["ɵɵsetNgModuleScope"](GenericContentModule, { declarations: [ContentComponent], imports: [common.CommonModule], exports: [ContentComponent] }); })();
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](GenericContentModule, [{
type: core.NgModule,
args: [{
declarations: [
ContentComponent
],
imports: [
common.CommonModule,
],
exports: [
ContentComponent
]
}]
}], null, null); })();
var GenericAlertModule = /** @class */ (function () {
function GenericAlertModule() {
}
/** @nocollapse */ GenericAlertModule.ɵmod = core["ɵɵdefineNgModule"]({ type: GenericAlertModule });
/** @nocollapse */ GenericAlertModule.ɵinj = core["ɵɵdefineInjector"]({ factory: function GenericAlertModule_Factory(t) { return new (t || GenericAlertModule)(); }, providers: [
GenericAlertService
], imports: [[
common.CommonModule,
GenericContentModule,
]] });
return GenericAlertModule;
}());
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && core["ɵɵsetNgModuleScope"](GenericAlertModule, { declarations: [GenericAlertComponent], imports: [common.CommonModule,
GenericContentModule], exports: [GenericAlertComponent] }); })();
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](GenericAlertModule, [{
type: core.NgModule,
args: [{
declarations: [
GenericAlertComponent,
],
imports: [
common.CommonModule,
GenericContentModule,
],
providers: [
GenericAlertService
],
exports: [
GenericAlertComponent,
]
}]
}], null, null); })();
var GenericAlert = /** @class */ (function () {
function GenericAlert() {
this.timeout = 0;
}
return GenericAlert;
}());
function GenericModalComponent_ng_container_0_ng_container_4_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementContainer"](0);
} }
function GenericModalComponent_ng_container_0_ng_container_9_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementContainer"](0);
} }
function GenericModalComponent_ng_container_0_ng_template_10_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "h2");
core["ɵɵtext"](1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
var ctx_r182 = core["ɵɵnextContext"](2);
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate"](ctx_r182.title);
} }
function GenericModalComponent_ng_container_0_ng_template_12_Template(rf, ctx) { }
function GenericModalComponent_ng_container_0_Template(rf, ctx) { if (rf & 1) {
var _r186 = core["ɵɵgetCurrentView"]();
core["ɵɵelementContainerStart"](0);
core["ɵɵelementStart"](1, "agc", 1);
core["ɵɵelementStart"](2, "agc", 2);
core["ɵɵelementStart"](3, "agc", 3);
core["ɵɵtemplate"](4, GenericModalComponent_ng_container_0_ng_container_4_Template, 1, 0, "ng-container", 4);
core["ɵɵelementStart"](5, "i", 5);
core["ɵɵlistener"]("click", function GenericModalComponent_ng_container_0_Template_i_click_5_listener() { core["ɵɵrestoreView"](_r186); var ctx_r185 = core["ɵɵnextContext"](); return ctx_r185.close(); });
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](6, "agc", 6);
core["ɵɵprojection"](7);
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](8, "agc", 7);
core["ɵɵtemplate"](9, GenericModalComponent_ng_container_0_ng_container_9_Template, 1, 0, "ng-container", 4);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
core["ɵɵtemplate"](10, GenericModalComponent_ng_container_0_ng_template_10_Template, 2, 1, "ng-template", null, 8, core["ɵɵtemplateRefExtractor"]);
core["ɵɵtemplate"](12, GenericModalComponent_ng_container_0_ng_template_12_Template, 0, 0, "ng-template", null, 9, core["ɵɵtemplateRefExtractor"]);
core["ɵɵelementContainerEnd"]();
} if (rf & 2) {
var _r181 = core["ɵɵreference"](11);
var _r183 = core["ɵɵreference"](13);
var ctx_r178 = core["ɵɵnextContext"]();
core["ɵɵadvance"](1);
core["ɵɵproperty"]("height", "100vh")("anchor", "center center")("width", "100vw");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("gap", 10)("rows", "auto 1fr auto");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("cols", "1fr auto")("pad", "10px 10px 2px 10px");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngTemplateOutlet", ctx_r178.header ? ctx_r178.header : _r181);
core["ɵɵadvance"](2);
core["ɵɵproperty"]("pad", 10)("height", "100%");
core["ɵɵadvance"](2);
core["ɵɵproperty"]("anchor", "end")("pad", "5");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngTemplateOutlet", ctx_r178.footer ? ctx_r178.footer : _r183);
} }
var _c0$1 = ["*"];
var GenericModalComponent = /** @class */ (function () {
function GenericModalComponent() {
this.isOpen = false;
this.closed = new core.EventEmitter();
}
GenericModalComponent.prototype.open = function () {
this.isOpen = true;
};
GenericModalComponent.prototype.close = function () {
this.isOpen = false;
this.closed.emit();
};
/** @nocollapse */ GenericModalComponent.ɵfac = function GenericModalComponent_Factory(t) { return new (t || GenericModalComponent)(); };
/** @nocollapse */ GenericModalComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: GenericModalComponent, selectors: [["ag-modal"]], inputs: { footer: "footer", header: "header", title: "title" }, outputs: { closed: "closed" }, ngContentSelectors: _c0$1, decls: 1, vars: 1, consts: [[4, "ngIf"], [1, "modal-cover", 3, "height", "anchor", "width"], [1, "modal-panel", 3, "gap", "rows"], [1, "modal-header", 3, "cols", "pad"], [4, "ngTemplateOutlet"], [1, "pointer", "close", "fas", "fa-window-close", 3, "click"], [1, "modal-body", 3, "pad", "height"], [1, "modal-footer", 3, "anchor", "pad"], ["defaultHeader", ""], ["defaultFooter", ""]], template: function GenericModalComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵprojectionDef"]();
core["ɵɵtemplate"](0, GenericModalComponent_ng_container_0_Template, 14, 13, "ng-container", 0);
} if (rf & 2) {
core["ɵɵproperty"]("ngIf", ctx.isOpen);
} }, directives: [common.NgIf, ContentComponent, common.NgTemplateOutlet], styles: [".modal-cover{position:absolute;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);overflow:hidden;padding-top:calc(100vh - (100vh * .93));box-sizing:border-box}.modal-panel{box-sizing:border-box;max-width:85%;max-height:95%;overflow:auto;-ms-grid-columns:1fr;grid-template-columns:1fr;background-color:#fefefe;border:var(--modalBorder);border-radius:5px;box-shadow:0 0 8px 2px #333;-ms-grid-row-align:start;-ms-grid-column-align:center;place-self:start center}.modal-header{box-sizing:border-box;border-bottom:var(--modalBorder);overflow:hidden}.modal-body{box-sizing:border-box;height:100%;overflow-x:hidden;overflow-y:auto}.modal-footer{box-sizing:border-box;border-top:var(--modalBorder);overflow:hidden}.close{color:#707070;font-size:24px;font-weight:700}.close:focus,.close:hover{color:#6e0000}", ":root{--inputOutlineColor:rgb(171, 192, 216);--inputOutline:1px solid var(--inputOutlineColor);--inputShadow:inset 0 0 3px 0px #f2fdff;--inputBackground:white;--inputPadding:5px 5px 2px 5px;--inputLabelColor:rgb(7, 7, 7);--inputLabelSize:20px;--disabledBackground:rgb(221, 232, 239);--disabledBorder:rgb(99, 127, 151);--sliderHeight:30px;--sliderWidth:100%;--sliderCoverWidth:75px;--sliderChangeSpeed:0.35s;--sliderRadius:10px;--sliderPadding:7px;--sliderBackgroundColor:#354558;--sliderFontSize:16px;--sliderTrueText:'Yes';--sliderFalseText:'No';--sliderTrueColor:#26ca28;--sliderFalseColor:rgb(231, 66, 44);--sliderFalseTextOffset:35px;--buttonBorderRadius:5px;--buttonPadding:5px 8px;--buttonTextShadow:0px 0px 4px rgb(34, 34, 34);--buttonBackground:linear-gradient(to bottom, #437ab1 0%, #003366 100%);--buttonBorder:1px solid #465d6c;--buttonDisabledBackground:rgb(95, 95, 95);--modalBorder:1px solid rgb(129, 129, 129)}.pointer,.pointer:hover{cursor:pointer}.no-selection{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.generic-element{box-sizing:border-box;display:-ms-grid;display:grid}.generic-input input{width:inherit;height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generic-input select{width:100%;height:31px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:var(--inputPadding);border:var(--inputOutline);background:var(--inputBackground);box-shadow:var(--inputShadow)}.generic-input input,.generic-input textarea{padding:var(--inputPadding);border:var(--inputOutline);background:var(--inputBackground);box-shadow:var(--inputShadow)}.generic-input input:disabled,.generic-input textarea:disabled{background-color:var(--disabledBackground);border-color:var(--disabledBorder)}ag-check,ag-file,ag-select,ag-text{-ms-grid-row-align:end;-ms-grid-column-align:stretch;place-self:end stretch}ag-side-nav{overflow:hidden}"], encapsulation: 2 });
return GenericModalComponent;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](GenericModalComponent, [{
type: core.Component,
args: [{
selector: 'ag-modal',
templateUrl: './generic-modal.component.html',
styleUrls: [
'./generic-modal.component.css',
'../../../../styles/base.css'
],
encapsulation: core.ViewEncapsulation.None
}]
}], function () { return []; }, { footer: [{
type: core.Input
}], header: [{
type: core.Input
}], title: [{
type: core.Input
}], closed: [{
type: core.Output
}] }); })();
var _c0$2 = function (a0) { return { "disabled": a0 }; };
var _c1$1 = function (a0, a1, a2) { return { "width": a0, "height": a1, "font-size": a2 }; };
var _c2 = ["*"];
var ButtonComponent = /** @class */ (function () {
function ButtonComponent() {
this.width = 'inherit';
this.height = 'inherit';
this.fontSize = 'inherit';
this.disableControl = false;
this.click = new core.EventEmitter();
this._helpers = new ValueTypeHelpers();
}
ButtonComponent.prototype.onClick = function (event) {
if (!this.disableControl) {
event.stopPropagation();
this.click.next();
}
else {
event.stopImmediatePropagation();
}
};
ButtonComponent.prototype.isNumber = function (value) {
return this._helpers.isNumber(value);
};
/** @nocollapse */ ButtonComponent.ɵfac = function ButtonComponent_Factory(t) { return new (t || ButtonComponent)(); };
/** @nocollapse */ ButtonComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: ButtonComponent, selectors: [["ag-button"]], inputs: { width: "width", height: "height", fontSize: "fontSize", disableControl: ["disabled", "disableControl"] }, outputs: { click: "click" }, ngContentSelectors: _c2, decls: 2, vars: 8, consts: [[1, "generic-button", "no-selection", "pointer", 3, "ngClass", "ngStyle", "click"]], template: function ButtonComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵprojectionDef"]();
core["ɵɵelementStart"](0, "button", 0);
core["ɵɵlistener"]("click", function ButtonComponent_Template_button_click_0_listener($event) { return ctx.onClick($event); });
core["ɵɵprojection"](1);
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵproperty"]("ngClass", core["ɵɵpureFunction1"](2, _c0$2, ctx.disableControl))("ngStyle", core["ɵɵpureFunction3"](4, _c1$1, ctx.isNumber(ctx.width) ? ctx.width + "px" : ctx.width, ctx.isNumber(ctx.height) ? ctx.height + "px" : ctx.height, ctx.isNumber(ctx.fontSize) ? ctx.fontSize + "px" : ctx.fontSize));
} }, directives: [common.NgClass, common.NgStyle], styles: [".generic-button{box-sizing:border-box;text-align:center;padding:var(--buttonPadding);border-radius:var(--buttonBorderRadius);background:var(--buttonBackground);border:var(--buttonBorder);color:#fff}.generic-button.shadows{text-shadow:var(--buttonTextShadow)}.generic-button.disabled,.generic-button.disabled:active{box-shadow:none;text-shadow:none;background:var(--buttonDisabledBackground)}.generic-button.disabled:hover{cursor:default}", ":root{--inputOutlineColor:rgb(171, 192, 216);--inputOutline:1px solid var(--inputOutlineColor);--inputShadow:inset 0 0 3px 0px #f2fdff;--inputBackground:white;--inputPadding:5px 5px 2px 5px;--inputLabelColor:rgb(7, 7, 7);--inputLabelSize:20px;--disabledBackground:rgb(221, 232, 239);--disabledBorder:rgb(99, 127, 151);--sliderHeight:30px;--sliderWidth:100%;--sliderCoverWidth:75px;--sliderChangeSpeed:0.35s;--sliderRadius:10px;--sliderPadding:7px;--sliderBackgroundColor:#354558;--sliderFontSize:16px;--sliderTrueText:'Yes';--sliderFalseText:'No';--sliderTrueColor:#26ca28;--sliderFalseColor:rgb(231, 66, 44);--sliderFalseTextOffset:35px;--buttonBorderRadius:5px;--buttonPadding:5px 8px;--buttonTextShadow:0px 0px 4px rgb(34, 34, 34);--buttonBackground:linear-gradient(to bottom, #437ab1 0%, #003366 100%);--buttonBorder:1px solid #465d6c;--buttonDisabledBackground:rgb(95, 95, 95);--modalBorder:1px solid rgb(129, 129, 129)}.pointer,.pointer:hover{cursor:pointer}.no-selection{user-select:none;-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.generic-element{box-sizing:border-box;display:-ms-grid;display:grid}.generic-input input{width:inherit;height:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generic-input select{width:100%;height:31px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:var(--inputPadding);border:var(--inputOutline);background:var(--inputBackground);box-shadow:var(--inputShadow)}.generic-input input,.generic-input textarea{padding:var(--inputPadding);border:var(--inputOutline);background:var(--inputBackground);box-shadow:var(--inputShadow)}.generic-input input:disabled,.generic-input textarea:disabled{background-color:var(--disabledBackground);border-color:var(--disabledBorder)}ag-check,ag-file,ag-select,ag-text{-ms-grid-row-align:end;-ms-grid-column-align:stretch;place-self:end stretch}ag-side-nav{overflow:hidden}"], encapsulation: 2 });
return ButtonComponent;
}());
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](ButtonComponent, [{
type: core.Component,
args: [{
selector: 'ag-button',
templateUrl: './button.component.html',
styleUrls: ['./button.component.css',
'../../../../styles/base.css'],
encapsulation: core.ViewEncapsulation.None
}]
}], function () { return []; }, { width: [{
type: core.Input
}], height: [{
type: core.Input
}], fontSize: [{
type: core.Input
}], disableControl: [{
type: core.Input,
args: ['disabled']
}], click: [{
type: core.Output
}] }); })();
var GenericButtonModule = /** @class */ (function () {
function GenericButtonModule() {
}
/** @nocollapse */ GenericButtonModule.ɵmod = core["ɵɵdefineNgModule"]({ type: GenericButtonModule });
/** @nocollapse */ GenericButtonModule.ɵinj = core["ɵɵdefineInjector"]({ factory: function GenericButtonModule_Factory(t) { return new (t || GenericButtonModule)(); }, imports: [[
common.CommonModule,
forms.FormsModule
]] });
return GenericButtonModule;
}());
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && core["ɵɵsetNgModuleScope"](GenericButtonModule, { declarations: [ButtonComponent], imports: [common.CommonModule,
forms.FormsModule], exports: [ButtonComponent] }); })();
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](GenericButtonModule, [{
type: core.NgModule,
args: [{
declarations: [
ButtonComponent
],
imports: [
common.CommonModule,
forms.FormsModule
],
exports: [
ButtonComponent
]
}]
}], null, null); })();
var GenericModalModule = /** @class */ (function () {
function GenericModalModule() {
}
/** @nocollapse */ GenericModalModule.ɵmod = core["ɵɵdefineNgModule"]({ type: GenericModalModule });
/** @nocollapse */ GenericModalModule.ɵinj = core["ɵɵdefineInjector"]({ factory: function GenericModalModule_Factory(t) { return new (t || GenericModalModule)(); }, imports: [[
common.CommonModule,
GenericButtonModule,
GenericContentModule
]] });
return GenericModalModule;
}());
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && core["ɵɵsetNgModuleScope"](GenericModalModule, { declarations: [GenericModalComponent], imports: [common.CommonModule,
GenericButtonModule,
GenericContentModule], exports: [GenericModalComponent] }); })();
/*@__PURE__*/ (function () { core["ɵsetClassMetadata"](GenericModalModule, [{
type: core.NgModule,
args: [{
declarations: [
GenericModalComponent
],
imports: [
common.CommonModule,
GenericButtonModule,
GenericContentModule
],
exports: [
GenericModalComponent
]
}]
}], null, null); })();
(function (PAGE_STATE) {
PAGE_STATE["CREATING"] = "creating";
PAGE_STATE["EDITING"] = "editing";
PAGE_STATE["VIEWING"] = "viewing";
PAGE_STATE["LOADING"] = "loading";
PAGE_STATE["LOADED"] = "loaded";
PAGE_STATE["SAVING"] = "saving";
PAGE_STATE["SAVED"] = "saved";
PAGE_STATE["CLOSING"] = "closing";
PAGE_STATE["CLOSED"] = "closed";
})(exports.PAGE_STATE || (exports.PAGE_STATE = {}));
var PageBase = /** @class */ (function () {
function PageBase() {
this.stateSubject = new rxjs.Subject();
this.stateChange = this.stateSubject.asObservable();
}
Object.defineProperty(PageBase.prototype, "pageState", {
get: function () {
return this._pageState;
},
set: function (v) {
this.setState(v);
},
enumerable: true,
configurable: true
});
Object.defineProperty(PageBase.prototype, "pageData", {
get: function () {
return this._pageData;
},
set: function (v) {
this._pageData = v;
},
enumerable: true,
configurable: true
});
PageBase.prototype.create = function () {
this.setState(exports.PAGE_STATE.CREATING);
};
PageBase.prototype.edit = function () {
this.setState(exports.PAGE_STATE.EDITING);
};
PageBase.prototype.save = function (savePromise) {
var _this = this;
var previousState = this._pageState;
this.setState(exports.PAGE_STATE.SAVING);
savePromise
.then(function () {
_this.setState(exports.PAGE_STATE.SAVED);
_this.setState(exports.PAGE_STATE.VIEWING);
})
.catch(function () {
_this.setState(previousState);
});
};
PageBase.prototype.view = function () {
this.setState(exports.PAGE_STATE.VIEWING);
};
PageBase.prototype.back = function () {
this.cancel();
};
PageBase.prototype.cancel = function () {
if (this._pageState == exports.PAGE_STATE.VIEWING || this._pageState == exports.PAGE_STATE.CREATING) {
this.close();
}
else {
this.setState(exports.PAGE_STATE.VIEWING);
}
};
PageBase.prototype.close = function () {
this.setState(exports.PAGE_STATE.CLOSING);
this.setState(exports.PAGE_STATE.CLOSED);
};
PageBase.prototype.setState = function (state) {
this._pageState = state;
console.log("State Change: " + state);
this.stateSubject.next(state);
};
return PageBase;
}());
function ValueAccessProvider(elemType) {
return {
provide: forms.NG_VALUE_ACCESSOR,
useExisting: core.forwardRef(function () { return elemType; }),
multi: true,
};
}
var GenericInputAccessor = /** @class */ (function () {
function GenericInputAccessor() {
this.typeHelpers = new ValueTypeHelpers();
this.val = ''; // this is the updated value that the class accesses
this.onChange = function () { };
this.onTouch = function () { };
}
Object.defineProperty(GenericInputAccessor.prototype, "value", {
get: function () {
return this.val ? this.val : '';
},
set: function (v) {
this.val = v ? v : '';
this.onChange(v);
this.onTouch(v);
},
enumerable: true,
configurable: true
});
// this method sets the value programmatically
GenericInputAccessor.prototype.writeValue = function (v) {
this.value = v;
};
// upon UI element value changes, this method gets triggered
GenericInputAccessor.prototype.registerOnChange = function (fn) {
this.onChange = fn;
};
// upon touching the element, this method gets triggered
GenericInputAccessor.prototype.registerOnTouched = function (fn) {
this.onTouch = fn;
};
GenericInputAccessor.prototype.isNumber = function (v) {
return this.typeHelpers.isNumber(v);
};
return GenericInputAccessor;
}());
function InputComponent_span_2_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "span");
core["ɵɵtext"](1, " *");
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵstyleProp"]("color", "red");
} }
function InputComponent_span_4_Template(rf, ctx) { if (rf & 1) {
core["ɵɵelementStart"](0, "span");
core["ɵɵtext"](1, " *");
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵstyleProp"]("color", "red");
} }
var _c0$3 = function (a0, a1) { return { "label-left": a0, "label-top": a1 }; };
var _c1$2 = ["*"];
var InputComponent = /** @class */ (function () {
function InputComponent(elementRef) {
this.elementRef = elementRef;
this.labelPos = 'top';
this.typeHelpers = new ValueTypeHelpers();
this.elementRef.nativeElement.style.setProperty('--color', 'red');
}
/** @nocollapse */ InputComponent.ɵfac = function InputComponent_Factory(t) { return new (t || InputComponent)(core["ɵɵdirectiveInject"](core.ElementRef)); };
/** @nocollapse */ InputComponent.ɵcmp = core["ɵɵdefineComponent"]({ type: InputComponent, selectors: [["ag-input"]], inputs: { disabled: "disabled", required: "required", label: "label", labelPos: "labelPos" }, ngContentSelectors: _c1$2, decls: 7, vars: 10, consts: [[1, "generic-input", 3, "ngClass"], [1, "row-label", 3, "anchor", "cols", "gap"], [3, "color", 4, "ngIf"], [1, "row-content"]], template: function InputComponent_Template(rf, ctx) { if (rf & 1) {
core["ɵɵprojectionDef"]();
core["ɵɵelementStart"](0, "agc", 0);
core["ɵɵelementStart"](1, "agc", 1);
core["ɵɵtemplate"](2, InputComponent_span_2_Template, 2, 2, "span", 2);
core["ɵɵtext"](3);
core["ɵɵtemplate"](4, InputComponent_span_4_Template, 2, 2, "span", 2);
core["ɵɵelementEnd"]();
core["ɵɵelementStart"](5, "agc", 3);
core["ɵɵprojection"](6, 0, ["#genericControl", ""]);
core["ɵɵelementEnd"]();
core["ɵɵelementEnd"]();
} if (rf & 2) {
core["ɵɵproperty"]("ngClass", core["ɵɵpureFunction2"](7, _c0$3, ctx.labelPos == "left", ctx.labelPos == "top"));
core["ɵɵadvance"](1);
core["ɵɵproperty"]("anchor", ctx.labelPos == "left" ? "end end" : "end start")("cols", ctx.labelPos == "top" ? "auto 1fr" : "1fr auto")("gap", 2);
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx.required && !ctx.disabled && ctx.labelPos == "left");
core["ɵɵadvance"](1);
core["ɵɵtextInterpolate1"](" ", ctx.label, " ");
core["ɵɵadvance"](1);
core["ɵɵproperty"]("ngIf", ctx.required && !ctx.disabled && ctx.labelPos == "top");
} }, directives: [ContentComponent, common.NgClass, common.NgIf], styles: [".label-left>.generic-element{gap:5px;-ms-grid-columns:4fr 5fr;grid-template-columns:4fr 5fr}.label-top>.generic-element{gap:1px;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr}.row-content.generic-element{place-items:end start}.row-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.row-label>.generic-element{height:100%}.generic-input{font-weight:700}", ":root{--inputOutlineColor:rgb(17