@indice/ng-components 0.2.116 → 0.2.119
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_styles.css +10 -38
- package/bundles/indice-ng-components.umd.js +1 -1
- package/bundles/indice-ng-components.umd.js.map +1 -1
- package/esm2015/lib/layouts/views/view-layout/view-layout.component.js +2 -2
- package/fesm2015/indice-ng-components.js +1 -1
- package/fesm2015/indice-ng-components.js.map +1 -1
- package/package.json +1 -1
package/_styles.css
CHANGED
|
@@ -363,51 +363,31 @@
|
|
|
363
363
|
}
|
|
364
364
|
|
|
365
365
|
.view-layout-title-container {
|
|
366
|
-
@apply
|
|
366
|
+
@apply flex flex-row justify-start ;
|
|
367
367
|
}
|
|
368
368
|
|
|
369
369
|
.view-layout-title-container-inner {
|
|
370
|
-
@apply flex-1
|
|
371
|
-
}
|
|
372
|
-
|
|
373
|
-
.view-layout-title-container-sm {
|
|
374
|
-
@apply hidden md:flex justify-between items-center;
|
|
375
|
-
}
|
|
376
|
-
|
|
377
|
-
.view-layout-title-container-sm-inner {
|
|
378
|
-
@apply flex-1 justify-start items-center;
|
|
370
|
+
@apply flex-1 min-w-0;
|
|
379
371
|
}
|
|
380
372
|
|
|
381
373
|
.title-icon {
|
|
382
|
-
@apply text-xl text-white font-thin mr-1;
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
.title-icon-sm {
|
|
386
|
-
@apply text-2xl text-white font-thin mr-2 mt-1;
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
.view-layout-title-busy {
|
|
390
|
-
@apply animate-pulse inline text-xl text-gray-200;
|
|
374
|
+
@apply text-2xl md:text-xl text-white font-thin mr-1;
|
|
391
375
|
}
|
|
392
376
|
|
|
393
377
|
.view-layout-title {
|
|
394
|
-
@apply inline text-xl text-white;
|
|
395
|
-
}
|
|
396
|
-
|
|
397
|
-
.view-layout-title-busy-sm {
|
|
398
|
-
@apply animate-pulse inline text-3xl text-gray-200;
|
|
378
|
+
@apply inline text-xl md:text-3xl text-white;
|
|
399
379
|
}
|
|
400
380
|
|
|
401
|
-
.view-layout-title-
|
|
402
|
-
@apply inline text-3xl text-
|
|
381
|
+
.view-layout-title-busy {
|
|
382
|
+
@apply animate-pulse inline text-xl md:text-3xl text-gray-200;
|
|
403
383
|
}
|
|
404
384
|
|
|
405
385
|
.meta-container {
|
|
406
|
-
@apply flex space-x-
|
|
386
|
+
@apply mt-1 flex flex-col sm:flex-row sm:flex-wrap sm:mt-0 sm:space-x-6;
|
|
407
387
|
}
|
|
408
388
|
|
|
409
|
-
.meta-container
|
|
410
|
-
@apply mt-2 flex items-center
|
|
389
|
+
.meta-item-container {
|
|
390
|
+
@apply mt-2 flex items-center text-sm text-gray-500;
|
|
411
391
|
}
|
|
412
392
|
|
|
413
393
|
.meta-icon {
|
|
@@ -418,19 +398,11 @@
|
|
|
418
398
|
@apply flex flex-wrap sm:flex-row space-x-2;
|
|
419
399
|
}
|
|
420
400
|
|
|
421
|
-
.meta-container-sm-inner {
|
|
422
|
-
@apply flex flex-wrap mt-2 sm:flex-row space-x-2 text-white;
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
.meta-icon-sm {
|
|
426
|
-
@apply text-sm text-gray-400 mr-1;
|
|
427
|
-
}
|
|
428
|
-
|
|
429
401
|
.meta-text {
|
|
430
402
|
@apply text-white text-xs;
|
|
431
403
|
margin-top: 2px;
|
|
432
404
|
margin-left: 2px;
|
|
433
|
-
margin-right:
|
|
405
|
+
margin-right: 2px;
|
|
434
406
|
}
|
|
435
407
|
|
|
436
408
|
.search-container {
|
|
@@ -2355,7 +2355,7 @@
|
|
|
2355
2355
|
return ViewLayoutComponent;
|
|
2356
2356
|
}());
|
|
2357
2357
|
ViewLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0__namespace, type: ViewLayoutComponent, deps: [{ token: i1__namespace$1.ActivatedRoute }, { token: i1__namespace$1.Router }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2358
|
-
ViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.1", type: ViewLayoutComponent, selector: "lib-view-layout", inputs: { header: ["show-header", "header"], fluid: "fluid", title: "title", icon: "icon", actions: "actions", busy: "busy", searchPlaceholder: ["search-placeholder", "searchPlaceholder"], view: "view", metaItems: ["meta-items", "metaItems"] }, outputs: { onAction: "onAction", onSearch: "onSearch" }, viewQueries: [{ propertyName: "searchInput$", first: true, predicate: ["search"], descendants: true }], ngImport: i0__namespace, template: "<header *ngIf=\"header\"
|
|
2358
|
+
ViewLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.1", type: ViewLayoutComponent, selector: "lib-view-layout", inputs: { header: ["show-header", "header"], fluid: "fluid", title: "title", icon: "icon", actions: "actions", busy: "busy", searchPlaceholder: ["search-placeholder", "searchPlaceholder"], view: "view", metaItems: ["meta-items", "metaItems"] }, outputs: { onAction: "onAction", onSearch: "onSearch" }, viewQueries: [{ propertyName: "searchInput$", first: true, predicate: ["search"], descendants: true }], ngImport: i0__namespace, template: "<header *ngIf=\"header\" class=\"view-layout-paddings\">\r\n\r\n <div class=\"view-layout-title-container\">\r\n\r\n <div class=\"view-layout-title-container-inner\">\r\n <div class=\"flex items-center\">\r\n <i *ngIf=\"icon\" [class]=\"icon + ' title-icon'\" aria-hidden=\"true\"></i>\r\n <h1 [class]=\"busy ? 'view-layout-title-busy' : 'view-layout-title'\">{{title}}</h1>\r\n </div>\r\n <div *ngIf=\"metaItems && metaItems.length > 0\" class=\"meta-container\">\r\n <ng-container *ngFor=\"let meta of metaItems\">\r\n <div class=\"meta-item-container\">\r\n <i *ngIf=\"meta.icon\" [class]=\"meta.icon + ' meta-icon'\" aria-hidden=\"true\"></i>\r\n <span class=\"meta-text\">{{meta.text}}</span>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"flex items-center justify-end\">\r\n <ng-container *ngFor=\"let action of actions\" [ngSwitch]=\"action.type\">\r\n\r\n <ng-container *ngSwitchCase=\"'switch-view'\">\r\n <button [disabled]=\"view === action.param\" type=\"button\" href=\"#\" class=\"ml-1 disabled:opacity-50 btn-view-header\" (click)=\"switchViewActionClick(action)\">\r\n <span class=\"inline-block relative\">\r\n <i [class]=\"action.icon\"></i>\r\n <span *ngIf=\"view === action.param\" class=\"selected-view-indicator\"></span>\r\n </span>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'search'\">\r\n <label for=\"search\" class=\"sr-only\">Search</label>\r\n <div class=\"search-container\">\r\n <div class=\"pointer-events-none absolute inset-y-0 left-0 pl-3 flex items-center\">\r\n <!--<svg class=\"h-5 w-5\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path fill-rule=\"evenodd\" d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\" clip-rule=\"evenodd\" />\r\n </svg>-->\r\n </div>\r\n <input id=\"search\" #search class=\"search-input\" [placeholder]=\"searchPlaceholder\"\r\n type=\"search\" name=\"search\" (input)=\"searchActionType(search.value)\" (onsearch)=\"handleClear($event)\">\r\n </div>\r\n <button type=\"button\" href=\"#\" class=\"btn-view-header rounded-l-none\" [title]=\"action.tooltip\" (click)=\"searchActionClick(action, search.value)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n\r\n <ng-container *ngSwitchCase=\"'router-link'\">\r\n <button type=\"button\" href=\"#\" class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"routerLinkActionClick(action)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n\r\n\r\n <ng-container *ngSwitchDefault>\r\n <button type=\"button\" class=\"ml-1 btn-view-header\" [title]=\"action.tooltip\" (click)=\"emitActionClick(action)\">\r\n <i [class]=\"action.icon\"></i>\r\n </button>\r\n </ng-container>\r\n </ng-container>\r\n </div>\r\n </div>\r\n</header>\r\n\r\n<!-- component -->\r\n<div [class]=\"fluid ? 'view-container-fluid' : 'view-container'\">\r\n <ng-content></ng-content>\r\n</div>\r\n", directives: [{ type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i1__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
2359
2359
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.1", ngImport: i0__namespace, type: ViewLayoutComponent, decorators: [{
|
|
2360
2360
|
type: i0.Component,
|
|
2361
2361
|
args: [{
|