ng2-qgrid
Version:
Angular Grid
613 lines (509 loc) • 29.5 kB
JavaScript
import { Component, ChangeDetectionStrategy, ViewEncapsulation, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { PluginModule, CommonModule as CommonModule$1, TemplateModule, PipeModule, GridModule, VscrollModule, ThemeService } from 'ng2-qgrid';
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
return typeof obj;
} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
var jsx = function () {
var REACT_ELEMENT_TYPE = typeof Symbol === "function" && Symbol.for && Symbol.for("react.element") || 0xeac7;
return function createRawReactElement(type, props, key, children) {
var defaultProps = type && type.defaultProps;
var childrenLength = arguments.length - 3;
if (!props && childrenLength !== 0) {
props = {};
}
if (props && defaultProps) {
for (var propName in defaultProps) {
if (props[propName] === void 0) {
props[propName] = defaultProps[propName];
}
}
} else if (!props) {
props = defaultProps || {};
}
if (childrenLength === 1) {
props.children = children;
} else if (childrenLength > 1) {
var childArray = Array(childrenLength);
for (var i = 0; i < childrenLength; i++) {
childArray[i] = arguments[i + 3];
}
props.children = childArray;
}
return {
$$typeof: REACT_ELEMENT_TYPE,
type: type,
key: key === undefined ? null : '' + key,
ref: null,
props: props,
_owner: null
};
};
}();
var asyncIterator = function (iterable) {
if (typeof Symbol === "function") {
if (Symbol.asyncIterator) {
var method = iterable[Symbol.asyncIterator];
if (method != null) return method.call(iterable);
}
if (Symbol.iterator) {
return iterable[Symbol.iterator]();
}
}
throw new TypeError("Object is not async iterable");
};
var asyncGenerator = function () {
function AwaitValue(value) {
this.value = value;
}
function AsyncGenerator(gen) {
var front, back;
function send(key, arg) {
return new Promise(function (resolve, reject) {
var request = {
key: key,
arg: arg,
resolve: resolve,
reject: reject,
next: null
};
if (back) {
back = back.next = request;
} else {
front = back = request;
resume(key, arg);
}
});
}
function resume(key, arg) {
try {
var result = gen[key](arg);
var value = result.value;
if (value instanceof AwaitValue) {
Promise.resolve(value.value).then(function (arg) {
resume("next", arg);
}, function (arg) {
resume("throw", arg);
});
} else {
settle(result.done ? "return" : "normal", result.value);
}
} catch (err) {
settle("throw", err);
}
}
function settle(type, value) {
switch (type) {
case "return":
front.resolve({
value: value,
done: true
});
break;
case "throw":
front.reject(value);
break;
default:
front.resolve({
value: value,
done: false
});
break;
}
front = front.next;
if (front) {
resume(front.key, front.arg);
} else {
back = null;
}
}
this._invoke = send;
if (typeof gen.return !== "function") {
this.return = undefined;
}
}
if (typeof Symbol === "function" && Symbol.asyncIterator) {
AsyncGenerator.prototype[Symbol.asyncIterator] = function () {
return this;
};
}
AsyncGenerator.prototype.next = function (arg) {
return this._invoke("next", arg);
};
AsyncGenerator.prototype.throw = function (arg) {
return this._invoke("throw", arg);
};
AsyncGenerator.prototype.return = function (arg) {
return this._invoke("return", arg);
};
return {
wrap: function (fn) {
return function () {
return new AsyncGenerator(fn.apply(this, arguments));
};
},
await: function (value) {
return new AwaitValue(value);
}
};
}();
var asyncGeneratorDelegate = function (inner, awaitWrap) {
var iter = {},
waiting = false;
function pump(key, value) {
waiting = true;
value = new Promise(function (resolve) {
resolve(inner[key](value));
});
return {
done: false,
value: awaitWrap(value)
};
}
if (typeof Symbol === "function" && Symbol.iterator) {
iter[Symbol.iterator] = function () {
return this;
};
}
iter.next = function (value) {
if (waiting) {
waiting = false;
return value;
}
return pump("next", value);
};
if (typeof inner.throw === "function") {
iter.throw = function (value) {
if (waiting) {
waiting = false;
throw value;
}
return pump("throw", value);
};
}
if (typeof inner.return === "function") {
iter.return = function (value) {
return pump("return", value);
};
}
return iter;
};
var asyncToGenerator = function (fn) {
return function () {
var gen = fn.apply(this, arguments);
return new Promise(function (resolve, reject) {
function step(key, arg) {
try {
var info = gen[key](arg);
var value = info.value;
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(value);
} else {
return Promise.resolve(value).then(function (value) {
step("next", value);
}, function (err) {
step("throw", err);
});
}
}
return step("next");
});
};
};
var classCallCheck = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
var createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
var defineEnumerableProperties = function (obj, descs) {
for (var key in descs) {
var desc = descs[key];
desc.configurable = desc.enumerable = true;
if ("value" in desc) desc.writable = true;
Object.defineProperty(obj, key, desc);
}
return obj;
};
var defaults = function (obj, defaults) {
var keys = Object.getOwnPropertyNames(defaults);
for (var i = 0; i < keys.length; i++) {
var key = keys[i];
var value = Object.getOwnPropertyDescriptor(defaults, key);
if (value && value.configurable && obj[key] === undefined) {
Object.defineProperty(obj, key, value);
}
}
return obj;
};
var defineProperty = function (obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
};
var _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
var get = function get(object, property, receiver) {
if (object === null) object = Function.prototype;
var desc = Object.getOwnPropertyDescriptor(object, property);
if (desc === undefined) {
var parent = Object.getPrototypeOf(object);
if (parent === null) {
return undefined;
} else {
return get(parent, property, receiver);
}
} else if ("value" in desc) {
return desc.value;
} else {
var getter = desc.get;
if (getter === undefined) {
return undefined;
}
return getter.call(receiver);
}
};
var inherits = function (subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
enumerable: false,
writable: true,
configurable: true
}
});
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
};
var _instanceof = function (left, right) {
if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
return right[Symbol.hasInstance](left);
} else {
return left instanceof right;
}
};
var interopRequireDefault = function (obj) {
return obj && obj.__esModule ? obj : {
default: obj
};
};
var interopRequireWildcard = function (obj) {
if (obj && obj.__esModule) {
return obj;
} else {
var newObj = {};
if (obj != null) {
for (var key in obj) {
if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key];
}
}
newObj.default = obj;
return newObj;
}
};
var newArrowCheck = function (innerThis, boundThis) {
if (innerThis !== boundThis) {
throw new TypeError("Cannot instantiate an arrow function");
}
};
var objectDestructuringEmpty = function (obj) {
if (obj == null) throw new TypeError("Cannot destructure undefined");
};
var objectWithoutProperties = function (obj, keys) {
var target = {};
for (var i in obj) {
if (keys.indexOf(i) >= 0) continue;
if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
target[i] = obj[i];
}
return target;
};
var possibleConstructorReturn = function (self, call) {
if (!self) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return call && (typeof call === "object" || typeof call === "function") ? call : self;
};
var selfGlobal = typeof global === "undefined" ? self : global;
var set = function set(object, property, value, receiver) {
var desc = Object.getOwnPropertyDescriptor(object, property);
if (desc === undefined) {
var parent = Object.getPrototypeOf(object);
if (parent !== null) {
set(parent, property, value, receiver);
}
} else if ("value" in desc && desc.writable) {
desc.value = value;
} else {
var setter = desc.set;
if (setter !== undefined) {
setter.call(receiver, value);
}
}
return value;
};
var slicedToArray = function () {
function sliceIterator(arr, i) {
var _arr = [];
var _n = true;
var _d = false;
var _e = undefined;
try {
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally {
try {
if (!_n && _i["return"]) _i["return"]();
} finally {
if (_d) throw _e;
}
}
return _arr;
}
return function (arr, i) {
if (Array.isArray(arr)) {
return arr;
} else if (Symbol.iterator in Object(arr)) {
return sliceIterator(arr, i);
} else {
throw new TypeError("Invalid attempt to destructure non-iterable instance");
}
};
}();
var slicedToArrayLoose = function (arr, i) {
if (Array.isArray(arr)) {
return arr;
} else if (Symbol.iterator in Object(arr)) {
var _arr = [];
for (var _iterator = arr[Symbol.iterator](), _step; !(_step = _iterator.next()).done;) {
_arr.push(_step.value);
if (i && _arr.length === i) break;
}
return _arr;
} else {
throw new TypeError("Invalid attempt to destructure non-iterable instance");
}
};
var taggedTemplateLiteral = function (strings, raw) {
return Object.freeze(Object.defineProperties(strings, {
raw: {
value: Object.freeze(raw)
}
}));
};
var taggedTemplateLiteralLoose = function (strings, raw) {
strings.raw = raw;
return strings;
};
var temporalRef = function (val, name, undef) {
if (val === undef) {
throw new ReferenceError(name + " is not defined - temporal dead zone");
} else {
return val;
}
};
var temporalUndefined = {};
var toArray = function (arr) {
return Array.isArray(arr) ? arr : Array.from(arr);
};
var toConsumableArray = function (arr) {
if (Array.isArray(arr)) {
for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
return arr2;
} else {
return Array.from(arr);
}
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
var ThemeComponent = function ThemeComponent() {
classCallCheck(this, ThemeComponent);
};
ThemeComponent.decorators = [{ type: Component, args: [{
selector: 'q-grid-theme',
styles: [".q-grid.q-grid-theme-basic { font-family: Roboto, \"Helvetica Neue\", sans-serif; } .q-grid.q-grid-theme-basic tr:not(.q-grid-highlighted) td.q-grid-selected { background-color: #f5f5f5; } .q-grid.q-grid-theme-basic.q-grid-box .q-grid-row-indicator .q-grid-can-drag .q-grid-icon { font-style: normal; } .q-grid.q-grid-theme-basic.q-grid-box:not(.q-grid-drag) th .q-grid-sort:not(.q-grid-active):hover .q-grid-desc { opacity: 1; } .q-grid.q-grid-theme-basic.q-grid-box:not(.q-grid-drag) tr.q-grid-highlighted { background-color: #eee; } .q-grid.q-grid-theme-basic.q-grid-box:not(.q-grid-drag) td.q-grid-highlighted { background-color: #eee; } .q-grid.q-grid-theme-basic div.q-grid-caption { height: 32px; } .q-grid.q-grid-theme-basic .q-grid-caption h3 { margin: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; overflow: hidden; text-overflow: ellipsis; } .q-grid.q-grid-theme-basic .q-grid-icon { font-style: normal; display: inline-block; font-size: 16px; } .q-grid.q-grid-theme-basic thead { box-shadow: 0 1px 0px #ddd; } .q-grid.q-grid-theme-basic thead th { padding-left: 16px; } .q-grid.q-grid-theme-basic th .q-grid-desc, .q-grid.q-grid-theme-basic th .q-grid-asc { display: none; } .q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-sort { cursor: pointer; } .q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-desc, .q-grid.q-grid-theme-basic th .q-grid-can-sort .q-grid-asc { display: block; } .q-grid.q-grid-theme-basic th .q-grid-sort .q-grid-icon { margin-left: -16px; } .q-grid.q-grid-theme-basic td.q-grid-row-expand button.q-grid-expand .q-grid-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .q-grid.q-grid-theme-basic td.q-grid-group button, .q-grid.q-grid-theme-basic td.q-grid-row-expand button { width: 24px; height: 24px; line-height: 24px; min-height: 24px; margin: -1px 0 0 -6px; padding: 0; } .q-grid.q-grid-theme-basic td.q-grid-group button.q-grid-expand .q-grid-icon, .q-grid.q-grid-theme-basic td.q-grid-row-expand button.q-grid-expand .q-grid-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .q-grid.q-grid-theme-basic td.q-grid-group-summary { color: #007fa3 !important; } .q-grid.q-grid-theme-basic .q-grid-icon-button { color: inherit; background: 0 0; font-family: Roboto,\"Helvetica Neue\",sans-serif; font-weight: 500; border-radius: 50%; min-width: 0; flex-shrink: 0; box-sizing: border-box; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; outline: 0; border: none; -webkit-tap-highlight-color: transparent; display: inline-block; white-space: nowrap; text-decoration: none; vertical-align: middle; text-align: center; overflow: visible; } .q-grid.q-grid-theme-basic .q-grid-icon-button[disabled][disabled] { color: rgba(0, 0, 0, 0.26); } .q-grid.q-grid-theme-basic .q-grid-pager { font-family: Roboto, \"Helvetica Neue\", sans-serif; padding: 11px 0; height: 24px; font-size: 12px; color: #757575; } .q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select { height: 32px; padding: 3px 0; } .q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select select { font-family: Roboto, \"Helvetica Neue\", sans-serif; font-size: 12px; color: #757575; border: none; height: 24px; width: 34.5px; margin: 0 0 0 12px; } .q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-select select:focus { outline: none; } .q-grid.q-grid-theme-basic .q-grid-pager .q-grid-pager-page { margin-left: 30px; margin-right: 0; width: 37.2px; display: inline-block; } .q-grid.q-grid-theme-basic .q-grid-pager button { background: transparent; border: none; font-size: 20px; width: 24px; height: 24px; line-height: 24px; padding-top: 2px; } .q-grid.q-grid-theme-basic .q-grid-pager button.q-grid-pager-prev { top: -4px; margin-left: 44px; margin-right: 0; } .q-grid.q-grid-theme-basic .q-grid-pager button.q-grid-pager-next { top: -4px; margin-right: 14px; margin-left: 0; } .q-grid.q-grid-theme-basic .q-grid-pager-target-trigger { top: -4px; } .q-grid.q-grid-theme-basic .q-grid-pager-target-trigger .q-grid-icon { font-size: 14px; color: transparent; background: transparent; } .q-grid.q-grid-theme-basic .q-grid-head-span thead tr { height: 30px; } .q-grid.q-grid-theme-basic .q-grid-head-span thead th { border-top: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } .q-grid.q-grid-theme-basic .q-grid-head-span thead th:nth-last-child(2) { border-right: 1px solid #e0e0e0; } .q-grid.q-grid-theme-basic .q-grid-table tr { height: 30px; } .q-grid.q-grid-theme-basic .q-grid-table td.q-grid-sorted { background-color: #f5f5f5; } .q-grid.q-grid-theme-basic .q-grid-table th { font-size: 12px !important; color: #006f8f !important; font-weight: normal !important; line-height: 14px; } .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-desc, .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-asc { display: none; } .q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-sort { cursor: pointer; } .q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-desc, .q-grid.q-grid-theme-basic .q-grid-table th.q-grid-can-sort .q-grid-asc { display: block; } .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort { overflow: hidden; text-overflow: ellipsis; margin-left: -16px; padding-left: 16px; } .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort label { display: inline; } .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort.q-grid-active label { color: #004559; } .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort.q-grid-active .q-grid-icon { color: #004559; } .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort .q-grid-icon { transition: opacity 0.3s; opacity: 0; position: absolute; color: #005D78; font-size: 12px; font-weight: bold; height: 16px; width: 16px; min-height: 16px; min-width: 16px; vertical-align: middle; text-align: center; } .q-grid.q-grid-theme-basic .q-grid-table th .q-grid-sort .q-grid-icon.q-grid-active { opacity: 1; } .q-grid.q-grid-theme-basic .q-grid-table td { font-weight: normal; color: #212121; font-size: 16px; line-height: 16px; padding: 0 16px; padding-top: 0px; padding-right: 16px; padding-bottom: 0px; padding-left: 16px; } .q-grid.q-grid-theme-basic .q-grid-table td.q-grid-row-expand button { width: 24px; height: 24px; line-height: 24px; min-height: 24px; margin: -1px 0 0 -6px; padding: 0; opacity: 0.54; } .q-grid.q-grid-theme-basic .q-grid-table td.q-grid-array > ul { list-style: none; margin: 0; padding: 0; overflow: hidden; } .q-grid.q-grid-theme-basic .q-grid-table td.q-grid-array > ul li { display: inline-block; min-width: 16px; padding: 4px 8px; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #e0e0e0; border-radius: 16px; margin-right: 4px; } .q-grid.q-grid-theme-basic .q-grid-table td.q-grid-image { cursor: pointer; text-align: center; } .q-grid.q-grid-theme-basic .q-grid-table td.q-grid-image img { max-height: 40px; max-width: 40px; } .q-grid.q-grid-theme-basic .q-grid-table td.q-grid-image .q-grid-icon { color: #757575; } .q-grid.q-grid-theme-basic .q-grid-table tfoot tr, .q-grid.q-grid-theme-basic .q-grid-table tbody tr { border-top: 1px solid #e0e0e0; height: 30px; } .q-grid.q-grid-theme-basic .q-grid-table tfoot tr:nth-child(2), .q-grid.q-grid-theme-basic .q-grid-table tbody tr:nth-child(2) { border-top: 0; } .q-grid.q-grid-theme-basic tfoot tr { border-bottom: 1px solid #e0e0e0; } .q-grid.q-grid-theme-basic tfoot tr td span { font-weight: bold; } "],
template: "<ng-template key=\"body-cell-array-of-date.tpl.html\" let-$cell> <ul> <li *ngFor=\"let item of $cell.value\">{{item | date: $cell.column.itemFormat}}</li> </ul> </ng-template><ng-template key=\"body-cell-array-of-number.tpl.html\" let-$cell> <ul> <li *ngFor=\"let item of $cell.value\">{{item | number: $cell.column.itemFormat}}</li> </ul> </ng-template><ng-template key=\"body-cell-array.tpl.html\" let-$cell> <ul> <li *ngFor=\"let item of $cell.value\">{{$cell.column.itemLabel(item)}}</li> </ul> </ng-template><ng-template key=\"body-cell-currency.tpl.html\" let-$cell> <span>{{$cell.value | currency: $cell.column.code}}</span> </ng-template><ng-template key=\"body-cell-date.tpl.html\" let-$cell> <span>{{$cell.label | date: $cell.column.format}}</span> </ng-template> <ng-template key=\"body-cell-group.tpl.html\" let-$cell let-$view=\"$view\"> <div [ngStyle]=\"{'padding-left': $view.group.offset($cell.row, $cell.column) + 'px'}\" *ngIf=\"$view.group.isVisible($cell.row, $cell.column)\"> <button (mouseup)=\"$view.group.toggleStatus.execute($cell.row, $cell.column)\" *ngIf=\"$view.group.toggleStatus.canExecute($cell.row, $cell.column)\" [ngClass]=\"'q-grid-'+$view.group.status($cell.row, $cell.column) + ' q-grid-icon-button'\" tabindex=\"-1\"> <i class=\"q-grid-icon\">❯</i> </button> <span>{{$view.group.value($cell.row, $cell.column)}}</span> <span *ngIf=\" $view.group.toggleStatus.canExecute($cell.row, $cell.column)\">({{$view.group.count($cell.row, $cell.column)}})</span> </div> </ng-template> <ng-template key=\"body-cell-image.tpl.html\" let-$cell> <img *ngIf=\"$cell.value\" [src]=\"$cell.value\"/> </ng-template> <ng-template key=\"body-cell-number.tpl.html\" let-$cell> <span>{{$cell.label | number: $cell.column.format}}</span> </ng-template><ng-template key=\"body-cell-password.tpl.html\"> *** </ng-template><ng-template key=\"body-cell-pivot.tpl.html\" let-$cell let-$view=\"$view\"> {{$view.pivot.value($cell.rowIndex, $cell.columnIndex)}} </ng-template><ng-template key=\"body-cell-row-expand.tpl.html\" let-$cell let-$view=\"$view\"> <button (mouseup)=\"$view.rowDetails.toggleStatus.execute($cell.row)\" *ngIf=\"$view.rowDetails.toggleStatus.canExecute($cell.row)\" [ngClass]=\"'q-grid-'+$view.rowDetails.status($cell.row) + ' q-grid-icon-button'\" tabindex=\"-1\"> <i class=\"q-grid-icon\">❯</i> </button> </ng-template><ng-template key=\"body-cell-row-indicator.tpl.html\" let-$cell let-$view=\"$view\"> <ng-container *ngIf=\"$view.row.canMove\"> <div [q-grid-drag]=\"$view.row.drag\" [q-grid-drag-data]=\"$cell.rowIndex\" q-grid-drop-area=\"body\"> <i class=\"q-grid-icon\">∷</i> </div> </ng-container> <ng-container *ngIf=\"$view.row.canResize\"> <div [q-grid-drag]=\"$view.row.resize\" [q-grid-resize]=\"$cell.row\" q-grid-resize-path=\"rows\" [q-grid-can-resize]=\"$view.row.resize.canExecute\"> </div> </ng-container> </ng-template><ng-template key=\"body-cell-row-number.tpl.html\" let-$cell> {{$cell.rowIndex + 1}} </ng-template> <ng-template key=\"body-cell-select.tpl.html\" let-$cell let-$view=\"$view\"> <input type=\"checkbox\" [checked]=\"$view.selection.state($cell.row)\" [disabled]=\"!$view.selection.toggleRow.canExecute($cell.row)\" (change)=\"$view.selection.toggleRow.execute($cell.row)\" tabindex=\"-1\" class=\"q-grid-checkbox\" /> </ng-template><ng-template key=\"body-cell-text.tpl.html\" let-$cell> <span>{{$cell.label}}</span> </ng-template><ng-template key=\"body-cell-time.tpl.html\" let-$cell> {{$cell.label | date: $cell.column.format}} </ng-template><ng-template key=\"body-cell-url.tpl.html\" let-$cell let-$view=\"$view\"> <a [attr.href]=\"$cell.value\"> {{$cell.label || $cell.value}} </a> </ng-template><ng-template key=\"foot-cell-currency.tpl.html\" let-$cell> <span>{{$cell.value | currency:$cell.column.code}}</span> </ng-template> <ng-template key=\"foot-cell-number.tpl.html\" let-$cell> <span>{{$cell.value | number:$cell.column.format}}</span> </ng-template><ng-template key=\"foot-cell-text.tpl.html\" let-$cell> <span>{{$cell.value}}</span> </ng-template><ng-template key=\"head-cell-text.tpl.html\" let-$cell let-$view=\"$view\"> <q-grid-column-sort *ngIf=\"$cell.column.canSort\" [column]=\"$cell.column\" class=\"q-grid-sort\"> <ng-template> <label> {{$cell.column.title}} </label> </ng-template> </q-grid-column-sort> <label *ngIf=\"!$cell.column.canSort\"> {{$cell.column.title}} </label> </ng-template><ng-template key=\"plugin-caption.tpl.html\" let-$caption> <div class=\"q-grid-caption\"> <h3 class=\"mat-card-title\"> {{$caption.value}} </h3> </div> </ng-template><!-- https://www.w3schools.com/charsets/ref_utf_arrows.asp --> <ng-template key=\"plugin-column-sort.tpl.html\" let-$columnSort> <i class=\"q-grid-icon q-grid-asc\">↑</i> <i class=\"q-grid-icon q-grid-desc\">↓</i> <ng-container [ngTemplateOutlet]=\"$columnSort.template\"></ng-container> </ng-template><ng-template key=\"plugin-pager-target.tpl.html\" let-$target> <button tabindex=\"-1\" disabled (click)=\"$target.value = $target.current\" class=\"q-grid-pager-target-trigger q-grid-icon-button\"> <i class=\"q-grid-icon\">⚪</i> </button> </ng-template><ng-template key=\"plugin-pager.tpl.html\" let-$pager> <div class=\"q-grid-pager\" [ngSwitch]=\"$pager.scroll.mode\"> <div *ngSwitchCase=\"'virtual'\"> <label class=\"q-grid-pager-page\" [ngSwitch]=\"$pager.mode\"> <span *ngSwitchCase=\"'row'\">{{$pager.from}}-{{$pager.to}} of {{$pager.total}}</span> <span *ngSwitchDefault>{{$pager.current + 1}} of {{$pager.totalPages}}</span> </label> </div> <div *ngSwitchDefault class=\"q-grid-pager-select\"> <label class=\"q-grid-page-size hide-xs\">Rows per page:</label> <select tabindex=\"-1\" aria-label=\"Page Size List\" class=\"q-grid-page-size hide-xs\" [(ngModel)]=\"$pager.size\"> <option *ngFor=\"let size of $pager.sizeList\" [value]=\"size\">{{size}}</option> </select> <div class=\"q-grid-pager-page\"> <label class=\"hide-xs\" ng-switch=\"::$pager.mode\"> <span *ngSwitchCase=\"'row'\">{{$pager.from}}-{{$pager.to}} of {{$pager.total}}</span> <span *ngSwitchDefault>{{$pager.current + 1}} of {{$pager.totalPages}}</span> </label> </div> <button tabindex=\"-1\" class=\"q-grid-icon-button q-grid-pager-prev\" [disabled]=\"!$pager.prev.canExecute()\" (click)=\"$pager.prev.execute();\"> <i class=\"q-grid-icon\">❮</i> </button> <q-grid-pager-target></q-grid-pager-target> <button tabindex=\"-1\" class=\"q-grid-icon-button q-grid-pager-next\" [disabled]=\"!$pager.next.canExecute()\" (click)=\"$pager.next.execute();\"> <i class=\"q-grid-icon\">❯</i> </button> </div> </div> </ng-template><ng-template key=\"plugin-title.tpl.html\" let-$title> <div class=\"q-grid-title\"> <h3> {{$title.value}} </h3> </div> </ng-template><ng-template key=\"toolbar-bottom.tpl.html\"> <div class=\"layout-row\"> <div class=\"flex\"> <q-grid-legend></q-grid-legend> </div> <div class=\"flex-none\"> <q-grid-pager></q-grid-pager> </div> </div> </ng-template> <ng-template key=\"toolbar-left.tpl.html\"> </ng-template> <ng-template key=\"toolbar-right.tpl.html\"> </ng-template> <ng-template key=\"toolbar-top.tpl.html\"> <div class=\"layout-row\"> <div class=\"flex-100\" style=\"padding: 16px 0;\"> <q-grid-caption></q-grid-caption> </div> <div class=\"flex-auto layout-row\" style=\"padding: 12px 0;\"> <div class=\"flex-100\"> <q-grid-action-bar></q-grid-action-bar> </div> </div> </div> <div class=\"q-grid-progress\"> <q-grid-progress></q-grid-progress> </div> </ng-template> ",
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None
}] }];
/** @nocollapse */
ThemeComponent.ctorParameters = function () {
return [];
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
var ThemeModule =
/**
* @param {?} theme
*/
function ThemeModule(theme) {
classCallCheck(this, ThemeModule);
theme.name = 'basic';
theme.component = ThemeComponent;
};
ThemeModule.decorators = [{ type: NgModule, args: [{
declarations: [ThemeComponent],
exports: [ThemeComponent],
imports: [CommonModule, CommonModule$1, FormsModule, TemplateModule, GridModule, PluginModule, PipeModule, VscrollModule],
entryComponents: [ThemeComponent]
}] }];
/** @nocollapse */
ThemeModule.ctorParameters = function () {
return [{ type: ThemeService }];
};
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
export { ThemeModule, ThemeComponent as ɵa };
//# sourceMappingURL=theme-basic.js.map