column-fitter 15.0.7 → 15.0.9
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/README.md +1035 -13
- package/column-fitter-15.0.9.tgz +0 -0
- package/fesm2022/column-fitter.mjs +31 -25
- package/fesm2022/column-fitter.mjs.map +1 -1
- package/package.json +3 -5
- package/types/column-fitter.d.ts +60 -0
- package/column-fitter-15.0.7.tgz +0 -0
- package/esm2022/column-fitter.mjs +0 -5
- package/esm2022/lib/column-fitter-demo/column-fitter-demo.component.mjs +0 -33
- package/esm2022/lib/column-fitter.component.mjs +0 -75
- package/esm2022/lib/column-fitter.module.mjs +0 -29
- package/esm2022/lib/models/column.model.mjs +0 -11
- package/esm2022/lib/models/device-sizes.model.mjs +0 -8
- package/esm2022/lib/models/index.mjs +0 -6
- package/esm2022/public-api.mjs +0 -8
- package/index.d.ts +0 -5
- package/lib/column-fitter-demo/column-fitter-demo.component.d.ts +0 -13
- package/lib/column-fitter.component.d.ts +0 -23
- package/lib/column-fitter.module.d.ts +0 -9
- package/lib/models/column.model.d.ts +0 -11
- package/lib/models/device-sizes.model.d.ts +0 -6
- package/lib/models/index.d.ts +0 -2
- package/public-api.d.ts +0 -4
|
Binary file
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import { Subscription
|
|
4
|
-
import { ScreenObserverService } from 'screen-observer';
|
|
5
|
-
import * as i1 from '@angular/common';
|
|
2
|
+
import { Input, Component, NgModule } from '@angular/core';
|
|
3
|
+
import { Subscription } from 'rxjs';
|
|
6
4
|
import { CommonModule } from '@angular/common';
|
|
7
5
|
|
|
8
6
|
var DeviceSizes;
|
|
@@ -27,9 +25,10 @@ class Column {
|
|
|
27
25
|
* Public API Surface of selections
|
|
28
26
|
*/
|
|
29
27
|
|
|
28
|
+
// import { ScreenObserverService } from 'screen-observer';
|
|
30
29
|
class ColumnFitterComponent {
|
|
31
30
|
constructor() {
|
|
32
|
-
|
|
31
|
+
// screenObserverService = inject(ScreenObserverService)
|
|
33
32
|
this.padding = '';
|
|
34
33
|
this.margin = '';
|
|
35
34
|
this.backgroundColor = '';
|
|
@@ -44,13 +43,20 @@ class ColumnFitterComponent {
|
|
|
44
43
|
this.found = (device) => (Array.isArray(this.columns)) ? this.columns.find(item => item.device === device) : 0;
|
|
45
44
|
}
|
|
46
45
|
ngOnInit() {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
// Temporary mock implementation until screen-observer is available
|
|
47
|
+
// this.subscriptions.add(
|
|
48
|
+
// this.screenObserverService
|
|
49
|
+
// .device$
|
|
50
|
+
// .pipe(
|
|
51
|
+
// distinctUntilChanged()
|
|
52
|
+
// )
|
|
53
|
+
// .subscribe((screen: string) => {
|
|
54
|
+
// this.gridColumns = this.getGridTemplateColumns(screen)
|
|
55
|
+
// console.log(screen)
|
|
56
|
+
// })
|
|
57
|
+
// )
|
|
58
|
+
// Default to desktop view for now
|
|
59
|
+
this.gridColumns = this.getGridTemplateColumns('desktop');
|
|
54
60
|
}
|
|
55
61
|
getGridTemplateColumns(device) {
|
|
56
62
|
if (typeof this.columns === 'number') {
|
|
@@ -76,13 +82,13 @@ class ColumnFitterComponent {
|
|
|
76
82
|
return `repeat(auto-fit, minmax(${this.minWidth}, 1fr))`;
|
|
77
83
|
}
|
|
78
84
|
}
|
|
79
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
80
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
85
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
86
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ColumnFitterComponent, selector: "app-column-fitter", inputs: { padding: "padding", margin: "margin", backgroundColor: "backgroundColor", minWidth: "minWidth", gap: "gap", columns: "columns" }, ngImport: i0, template: "<div\n class=\"container\"\n [style.minWidth]=\"minWidth\"\n [style.gap]=\"gap\"\n [style.margin]=\"margin\"\n [style.padding]=\"padding\"\n [style.backgroundColor]=\"backgroundColor\"\n [style.gridTemplateColumns]=\"gridColumns\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,1fr));grid-auto-rows:minmax(auto,auto)}\n"] }); }
|
|
81
87
|
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterComponent, decorators: [{
|
|
83
89
|
type: Component,
|
|
84
|
-
args: [{ selector: 'app-column-fitter', template: "<div\n class=\"container\"\n [style.minWidth]=\"minWidth\"\n [style.gap]=\"gap\"\n [style.margin]=\"margin\"\n [style.padding]=\"padding\"\n [style.backgroundColor]=\"backgroundColor\"\n [style.gridTemplateColumns]=\"gridColumns\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,1fr));grid-auto-rows:minmax(auto,auto)}\n"] }]
|
|
85
|
-
}], ctorParameters:
|
|
90
|
+
args: [{ selector: 'app-column-fitter', standalone: false, template: "<div\n class=\"container\"\n [style.minWidth]=\"minWidth\"\n [style.gap]=\"gap\"\n [style.margin]=\"margin\"\n [style.padding]=\"padding\"\n [style.backgroundColor]=\"backgroundColor\"\n [style.gridTemplateColumns]=\"gridColumns\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,1fr));grid-auto-rows:minmax(auto,auto)}\n"] }]
|
|
91
|
+
}], ctorParameters: () => [], propDecorators: { padding: [{
|
|
86
92
|
type: Input
|
|
87
93
|
}], margin: [{
|
|
88
94
|
type: Input
|
|
@@ -116,22 +122,22 @@ class ColumnFitterDemoComponent {
|
|
|
116
122
|
}
|
|
117
123
|
ngOnInit() {
|
|
118
124
|
}
|
|
119
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
120
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
125
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
126
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ColumnFitterDemoComponent, selector: "app-column-fitter-demo", ngImport: i0, template: "<app-column-fitter\n gap=\"1rem\"\n margin=\"1rem\"\n padding=\"1rem\"\n backgroundColor=\"green\"\n minWidth=\"240px\"\n [columns]=\"columns\"\n >\n @for (item of bookmarks; track item) {\n <div\n class=\"column-format\"\n >\n {{ item.value }}\n </div>\n }\n</app-column-fitter>\n", styles: [".column-format{border:1px solid black;padding:2rem;background-color:#fff;border-radius:1rem}\n"], dependencies: [{ kind: "component", type: ColumnFitterComponent, selector: "app-column-fitter", inputs: ["padding", "margin", "backgroundColor", "minWidth", "gap", "columns"] }] }); }
|
|
121
127
|
}
|
|
122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
128
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterDemoComponent, decorators: [{
|
|
123
129
|
type: Component,
|
|
124
|
-
args: [{ selector: 'app-column-fitter-demo', template: "<app-column-fitter\n gap=\"1rem\"\n margin=\"1rem\"\n padding=\"1rem\"\n backgroundColor=\"green\"\n minWidth=\"240px\"\n [columns]=\"columns\"\n>\n
|
|
130
|
+
args: [{ selector: 'app-column-fitter-demo', standalone: false, template: "<app-column-fitter\n gap=\"1rem\"\n margin=\"1rem\"\n padding=\"1rem\"\n backgroundColor=\"green\"\n minWidth=\"240px\"\n [columns]=\"columns\"\n >\n @for (item of bookmarks; track item) {\n <div\n class=\"column-format\"\n >\n {{ item.value }}\n </div>\n }\n</app-column-fitter>\n", styles: [".column-format{border:1px solid black;padding:2rem;background-color:#fff;border-radius:1rem}\n"] }]
|
|
125
131
|
}] });
|
|
126
132
|
|
|
127
133
|
class ColumnFitterModule {
|
|
128
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
129
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
134
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
135
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterModule, declarations: [ColumnFitterDemoComponent,
|
|
130
136
|
ColumnFitterComponent], imports: [CommonModule], exports: [ColumnFitterDemoComponent,
|
|
131
137
|
ColumnFitterComponent] }); }
|
|
132
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
138
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterModule, imports: [CommonModule] }); }
|
|
133
139
|
}
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ColumnFitterModule, decorators: [{
|
|
135
141
|
type: NgModule,
|
|
136
142
|
args: [{
|
|
137
143
|
imports: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"column-fitter.mjs","sources":["../../../projects/column-fitter/src/lib/models/device-sizes.model.ts","../../../projects/column-fitter/src/lib/models/column.model.ts","../../../projects/column-fitter/src/lib/models/index.ts","../../../projects/column-fitter/src/lib/column-fitter.component.ts","../../../projects/column-fitter/src/lib/column-fitter.component.html","../../../projects/column-fitter/src/lib/column-fitter-demo/column-fitter-demo.component.ts","../../../projects/column-fitter/src/lib/column-fitter-demo/column-fitter-demo.component.html","../../../projects/column-fitter/src/lib/column-fitter.module.ts","../../../projects/column-fitter/src/public-api.ts","../../../projects/column-fitter/src/column-fitter.ts"],"sourcesContent":["export enum DeviceSizes {\n DESKTOP = 'desktop',\n TABLET = 'tablet',\n MINI = 'mini',\n MOBILE = 'mobile'\n}\n\n\n\n\n\n","import { DeviceSizes } from \"./device-sizes.model\"\n\nexport interface ColumnInterface {\n device: DeviceSizes\n columns: number\n}\n\nexport class Column implements ColumnInterface {\n\n constructor(\n public device = DeviceSizes.DESKTOP,\n public columns = 0,\n ) {}\n\n static adapt(item?: any): Column {\n\n return new Column(\n item?.device,\n item?.columns\n )\n\n }\n\n}\n","/*\n * Public API Surface of selections\n */\n\nexport * from './column.model';\nexport * from './device-sizes.model';\n\n\n","import { Component, inject, Input, OnInit } from '@angular/core';\nimport { Column } from './models/column.model';\nimport { DeviceSizes } from './models/device-sizes.model';\nimport { distinctUntilChanged, Subscription } from 'rxjs';\nimport { ScreenObserverService } from 'screen-observer';\n\n\n@Component({\n selector: 'app-column-fitter',\n templateUrl: './column-fitter.component.html',\n styleUrls: ['./column-fitter.component.scss']\n})\nexport class ColumnFitterComponent implements OnInit {\n\n screenObserverService = inject(ScreenObserverService)\n\n @Input() padding = ''\n @Input() margin = ''\n @Input() backgroundColor = ''\n @Input() minWidth = ''\n @Input() gap = '1rem'\n @Input() columns: number | Column[] = 0;\n\n gridColumns: any = ''\n\n subscriptions = new Subscription()\n\n hasColumns = Array.isArray(this.columns)\n ? this.columns.every(col => col instanceof Column)\n : (typeof this.columns === 'number' && this.columns > 0);\n\n constructor() { }\n\n ngOnInit() {\n this.subscriptions.add(\n this.screenObserverService\n .device$\n .pipe(\n distinctUntilChanged()\n )\n .subscribe((screen: string) => {\n this.gridColumns = this.getGridTemplateColumns(screen)\n console.log(screen)\n })\n )\n }\n\n found = (device: string) => (Array.isArray(this.columns)) ? this.columns.find(item => item.device === device) as Column : 0\n\n getGridTemplateColumns(device: string): any {\n\n if (typeof this.columns === 'number') {\n return this.columns > 0 ? `repeat(${this.columns}, 1fr)` : `repeat(auto-fit, minmax(${this.minWidth}, 1fr))`;\n }\n\n if (device === 'desktop' && this.found(DeviceSizes.DESKTOP)) {\n\n const cols = this.found(DeviceSizes.DESKTOP) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else if (device === 'tablet' && this.found(DeviceSizes.TABLET)) {\n\n const cols = this.found(DeviceSizes.TABLET) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else if (device === 'mini' && this.found(DeviceSizes.MINI)) {\n\n const cols = this.found(DeviceSizes.MINI) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else if (device === 'mobile' && this.found(DeviceSizes.MOBILE)) {\n\n const cols = this.found(DeviceSizes.MOBILE) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else {\n return `repeat(auto-fit, minmax(${this.minWidth}, 1fr))`;\n }\n\n }\n\n}\n\n\n\n","<div\n class=\"container\"\n [style.minWidth]=\"minWidth\"\n [style.gap]=\"gap\"\n [style.margin]=\"margin\"\n [style.padding]=\"padding\"\n [style.backgroundColor]=\"backgroundColor\"\n [style.gridTemplateColumns]=\"gridColumns\"\n>\n <ng-content></ng-content>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { Column, DeviceSizes } from '../models';\n\n\n@Component({\n selector: 'app-column-fitter-demo',\n templateUrl: './column-fitter-demo.component.html',\n styleUrls: ['./column-fitter-demo.component.css']\n})\nexport class ColumnFitterDemoComponent implements OnInit {\n\n columns: Column[] = [\n { device: DeviceSizes.MOBILE, columns: 1 },\n { device: DeviceSizes.TABLET, columns: 4 },\n { device: DeviceSizes.MINI, columns: 2 },\n ]\n\n bookmarks = [\n { value: 'To Kill a Mockingbird', id: 1 },\n { value: '1984', id: 2 },\n { value: 'The Great Gatsby', id: 3 },\n { value: 'Moby Dick', id: 4 },\n { value: 'War and Peace', id: 5 },\n { value: 'Pride and Prejudice', id: 6 },\n { value: 'The Catcher in the Rye', id: 7 },\n { value: 'Brave New World', id: 8 },\n]\n\n ngOnInit() {\n }\n\n}\n","<app-column-fitter\n gap=\"1rem\"\n margin=\"1rem\"\n padding=\"1rem\"\n backgroundColor=\"green\"\n minWidth=\"240px\"\n [columns]=\"columns\"\n>\n <div\n *ngFor=\"let item of bookmarks\"\n class=\"column-format\"\n >\n {{ item.value }}\n </div>\n</app-column-fitter>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ColumnFitterComponent } from './column-fitter.component';\nimport { ColumnFitterDemoComponent } from './column-fitter-demo/column-fitter-demo.component';\n\n@NgModule({\n imports: [\n CommonModule\n ],\n declarations: [\n ColumnFitterDemoComponent,\n ColumnFitterComponent,\n ],\n exports: [\n ColumnFitterDemoComponent,\n ColumnFitterComponent,\n ]\n})\nexport class ColumnFitterModule { }\n","/*\n * Public API Surface of column-fitter\n */\n\nexport * from './lib/models/index';\n\nexport * from './lib/column-fitter.component';\nexport * from './lib/column-fitter.module';\n\nexport * from './lib/column-fitter-demo/column-fitter-demo.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.ColumnFitterComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"column-fitter.mjs","sources":["../../../projects/column-fitter/src/lib/models/device-sizes.model.ts","../../../projects/column-fitter/src/lib/models/column.model.ts","../../../projects/column-fitter/src/lib/models/index.ts","../../../projects/column-fitter/src/lib/column-fitter.component.ts","../../../projects/column-fitter/src/lib/column-fitter.component.html","../../../projects/column-fitter/src/lib/column-fitter-demo/column-fitter-demo.component.ts","../../../projects/column-fitter/src/lib/column-fitter-demo/column-fitter-demo.component.html","../../../projects/column-fitter/src/lib/column-fitter.module.ts","../../../projects/column-fitter/src/public-api.ts","../../../projects/column-fitter/src/column-fitter.ts"],"sourcesContent":["export enum DeviceSizes {\n DESKTOP = 'desktop',\n TABLET = 'tablet',\n MINI = 'mini',\n MOBILE = 'mobile'\n}\n\n\n\n\n\n","import { DeviceSizes } from \"./device-sizes.model\"\n\nexport interface ColumnInterface {\n device: DeviceSizes\n columns: number\n}\n\nexport class Column implements ColumnInterface {\n\n constructor(\n public device = DeviceSizes.DESKTOP,\n public columns = 0,\n ) {}\n\n static adapt(item?: any): Column {\n\n return new Column(\n item?.device,\n item?.columns\n )\n\n }\n\n}\n","/*\n * Public API Surface of selections\n */\n\nexport * from './column.model';\nexport * from './device-sizes.model';\n\n\n","import { Component, inject, Input, OnInit } from '@angular/core';\nimport { Column } from './models/column.model';\nimport { DeviceSizes } from './models/device-sizes.model';\nimport { distinctUntilChanged, Subscription } from 'rxjs';\n// import { ScreenObserverService } from 'screen-observer';\n\n\n@Component({\n selector: 'app-column-fitter',\n templateUrl: './column-fitter.component.html',\n styleUrls: ['./column-fitter.component.scss'],\n standalone: false\n})\nexport class ColumnFitterComponent implements OnInit {\n\n // screenObserverService = inject(ScreenObserverService)\n\n @Input() padding = ''\n @Input() margin = ''\n @Input() backgroundColor = ''\n @Input() minWidth = ''\n @Input() gap = '1rem'\n @Input() columns: number | Column[] = 0;\n\n gridColumns: any = ''\n\n subscriptions = new Subscription()\n\n hasColumns = Array.isArray(this.columns)\n ? this.columns.every(col => col instanceof Column)\n : (typeof this.columns === 'number' && this.columns > 0);\n\n constructor() { }\n\n ngOnInit() {\n // Temporary mock implementation until screen-observer is available\n // this.subscriptions.add(\n // this.screenObserverService\n // .device$\n // .pipe(\n // distinctUntilChanged()\n // )\n // .subscribe((screen: string) => {\n // this.gridColumns = this.getGridTemplateColumns(screen)\n // console.log(screen)\n // })\n // )\n \n // Default to desktop view for now\n this.gridColumns = this.getGridTemplateColumns('desktop')\n }\n\n found = (device: string) => (Array.isArray(this.columns)) ? this.columns.find(item => item.device === device) as Column : 0\n\n getGridTemplateColumns(device: string): any {\n\n if (typeof this.columns === 'number') {\n return this.columns > 0 ? `repeat(${this.columns}, 1fr)` : `repeat(auto-fit, minmax(${this.minWidth}, 1fr))`;\n }\n\n if (device === 'desktop' && this.found(DeviceSizes.DESKTOP)) {\n\n const cols = this.found(DeviceSizes.DESKTOP) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else if (device === 'tablet' && this.found(DeviceSizes.TABLET)) {\n\n const cols = this.found(DeviceSizes.TABLET) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else if (device === 'mini' && this.found(DeviceSizes.MINI)) {\n\n const cols = this.found(DeviceSizes.MINI) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else if (device === 'mobile' && this.found(DeviceSizes.MOBILE)) {\n\n const cols = this.found(DeviceSizes.MOBILE) as Column\n return `repeat(${cols.columns}, 1fr)`;\n\n } else {\n return `repeat(auto-fit, minmax(${this.minWidth}, 1fr))`;\n }\n\n }\n\n}\n\n\n\n","<div\n class=\"container\"\n [style.minWidth]=\"minWidth\"\n [style.gap]=\"gap\"\n [style.margin]=\"margin\"\n [style.padding]=\"padding\"\n [style.backgroundColor]=\"backgroundColor\"\n [style.gridTemplateColumns]=\"gridColumns\"\n>\n <ng-content></ng-content>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { Column, DeviceSizes } from '../models';\n\n\n@Component({\n selector: 'app-column-fitter-demo',\n templateUrl: './column-fitter-demo.component.html',\n styleUrls: ['./column-fitter-demo.component.css'],\n standalone: false\n})\nexport class ColumnFitterDemoComponent implements OnInit {\n\n columns: Column[] = [\n { device: DeviceSizes.MOBILE, columns: 1 },\n { device: DeviceSizes.TABLET, columns: 4 },\n { device: DeviceSizes.MINI, columns: 2 },\n ]\n\n bookmarks = [\n { value: 'To Kill a Mockingbird', id: 1 },\n { value: '1984', id: 2 },\n { value: 'The Great Gatsby', id: 3 },\n { value: 'Moby Dick', id: 4 },\n { value: 'War and Peace', id: 5 },\n { value: 'Pride and Prejudice', id: 6 },\n { value: 'The Catcher in the Rye', id: 7 },\n { value: 'Brave New World', id: 8 },\n]\n\n ngOnInit() {\n }\n\n}\n","<app-column-fitter\n gap=\"1rem\"\n margin=\"1rem\"\n padding=\"1rem\"\n backgroundColor=\"green\"\n minWidth=\"240px\"\n [columns]=\"columns\"\n >\n @for (item of bookmarks; track item) {\n <div\n class=\"column-format\"\n >\n {{ item.value }}\n </div>\n }\n</app-column-fitter>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ColumnFitterComponent } from './column-fitter.component';\nimport { ColumnFitterDemoComponent } from './column-fitter-demo/column-fitter-demo.component';\n\n@NgModule({\n imports: [\n CommonModule\n ],\n declarations: [\n ColumnFitterDemoComponent,\n ColumnFitterComponent,\n ],\n exports: [\n ColumnFitterDemoComponent,\n ColumnFitterComponent,\n ]\n})\nexport class ColumnFitterModule { }\n","/*\n * Public API Surface of column-fitter\n */\n\nexport * from './lib/models/index';\n\nexport * from './lib/column-fitter.component';\nexport * from './lib/column-fitter.module';\n\nexport * from './lib/column-fitter-demo/column-fitter-demo.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ColumnFitterComponent"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "column-fitter",
|
|
3
|
-
"version": "15.0.
|
|
3
|
+
"version": "15.0.9",
|
|
4
4
|
"homepage": "https://wavecoders.ca",
|
|
5
5
|
"author": "Mike Bonifacio <wavecoders@gmail.com> (http://wavecoders@gmail.com/)",
|
|
6
6
|
"description": "This is an Angular Module containing Components/Services using Material",
|
|
@@ -20,15 +20,13 @@
|
|
|
20
20
|
},
|
|
21
21
|
"sideEffects": false,
|
|
22
22
|
"module": "fesm2022/column-fitter.mjs",
|
|
23
|
-
"typings": "
|
|
23
|
+
"typings": "types/column-fitter.d.ts",
|
|
24
24
|
"exports": {
|
|
25
25
|
"./package.json": {
|
|
26
26
|
"default": "./package.json"
|
|
27
27
|
},
|
|
28
28
|
".": {
|
|
29
|
-
"types": "./
|
|
30
|
-
"esm2022": "./esm2022/column-fitter.mjs",
|
|
31
|
-
"esm": "./esm2022/column-fitter.mjs",
|
|
29
|
+
"types": "./types/column-fitter.d.ts",
|
|
32
30
|
"default": "./fesm2022/column-fitter.mjs"
|
|
33
31
|
}
|
|
34
32
|
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
2
|
+
import { OnInit } from '@angular/core';
|
|
3
|
+
import { Subscription } from 'rxjs';
|
|
4
|
+
import * as i3 from '@angular/common';
|
|
5
|
+
|
|
6
|
+
declare enum DeviceSizes {
|
|
7
|
+
DESKTOP = "desktop",
|
|
8
|
+
TABLET = "tablet",
|
|
9
|
+
MINI = "mini",
|
|
10
|
+
MOBILE = "mobile"
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
interface ColumnInterface {
|
|
14
|
+
device: DeviceSizes;
|
|
15
|
+
columns: number;
|
|
16
|
+
}
|
|
17
|
+
declare class Column implements ColumnInterface {
|
|
18
|
+
device: DeviceSizes;
|
|
19
|
+
columns: number;
|
|
20
|
+
constructor(device?: DeviceSizes, columns?: number);
|
|
21
|
+
static adapt(item?: any): Column;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
declare class ColumnFitterComponent implements OnInit {
|
|
25
|
+
padding: string;
|
|
26
|
+
margin: string;
|
|
27
|
+
backgroundColor: string;
|
|
28
|
+
minWidth: string;
|
|
29
|
+
gap: string;
|
|
30
|
+
columns: number | Column[];
|
|
31
|
+
gridColumns: any;
|
|
32
|
+
subscriptions: Subscription;
|
|
33
|
+
hasColumns: boolean;
|
|
34
|
+
constructor();
|
|
35
|
+
ngOnInit(): void;
|
|
36
|
+
found: (device: string) => Column | 0;
|
|
37
|
+
getGridTemplateColumns(device: string): any;
|
|
38
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFitterComponent, never>;
|
|
39
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFitterComponent, "app-column-fitter", never, { "padding": { "alias": "padding"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare class ColumnFitterDemoComponent implements OnInit {
|
|
43
|
+
columns: Column[];
|
|
44
|
+
bookmarks: {
|
|
45
|
+
value: string;
|
|
46
|
+
id: number;
|
|
47
|
+
}[];
|
|
48
|
+
ngOnInit(): void;
|
|
49
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFitterDemoComponent, never>;
|
|
50
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFitterDemoComponent, "app-column-fitter-demo", never, {}, {}, never, never, false, never>;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
declare class ColumnFitterModule {
|
|
54
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFitterModule, never>;
|
|
55
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnFitterModule, [typeof ColumnFitterDemoComponent, typeof ColumnFitterComponent], [typeof i3.CommonModule], [typeof ColumnFitterDemoComponent, typeof ColumnFitterComponent]>;
|
|
56
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColumnFitterModule>;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export { Column, ColumnFitterComponent, ColumnFitterDemoComponent, ColumnFitterModule, DeviceSizes };
|
|
60
|
+
export type { ColumnInterface };
|
package/column-fitter-15.0.7.tgz
DELETED
|
Binary file
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWZpdHRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbHVtbi1maXR0ZXIvc3JjL2NvbHVtbi1maXR0ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { DeviceSizes } from '../models';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
import * as i2 from "../column-fitter.component";
|
|
6
|
-
export class ColumnFitterDemoComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.columns = [
|
|
9
|
-
{ device: DeviceSizes.MOBILE, columns: 1 },
|
|
10
|
-
{ device: DeviceSizes.TABLET, columns: 4 },
|
|
11
|
-
{ device: DeviceSizes.MINI, columns: 2 },
|
|
12
|
-
];
|
|
13
|
-
this.bookmarks = [
|
|
14
|
-
{ value: 'To Kill a Mockingbird', id: 1 },
|
|
15
|
-
{ value: '1984', id: 2 },
|
|
16
|
-
{ value: 'The Great Gatsby', id: 3 },
|
|
17
|
-
{ value: 'Moby Dick', id: 4 },
|
|
18
|
-
{ value: 'War and Peace', id: 5 },
|
|
19
|
-
{ value: 'Pride and Prejudice', id: 6 },
|
|
20
|
-
{ value: 'The Catcher in the Rye', id: 7 },
|
|
21
|
-
{ value: 'Brave New World', id: 8 },
|
|
22
|
-
];
|
|
23
|
-
}
|
|
24
|
-
ngOnInit() {
|
|
25
|
-
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterDemoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnFitterDemoComponent, selector: "app-column-fitter-demo", ngImport: i0, template: "<app-column-fitter\n gap=\"1rem\"\n margin=\"1rem\"\n padding=\"1rem\"\n backgroundColor=\"green\"\n minWidth=\"240px\"\n [columns]=\"columns\"\n>\n <div\n *ngFor=\"let item of bookmarks\"\n class=\"column-format\"\n >\n {{ item.value }}\n </div>\n</app-column-fitter>\n", styles: [".column-format{border:1px solid black;padding:2rem;background-color:#fff;border-radius:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.ColumnFitterComponent, selector: "app-column-fitter", inputs: ["padding", "margin", "backgroundColor", "minWidth", "gap", "columns"] }] }); }
|
|
28
|
-
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterDemoComponent, decorators: [{
|
|
30
|
-
type: Component,
|
|
31
|
-
args: [{ selector: 'app-column-fitter-demo', template: "<app-column-fitter\n gap=\"1rem\"\n margin=\"1rem\"\n padding=\"1rem\"\n backgroundColor=\"green\"\n minWidth=\"240px\"\n [columns]=\"columns\"\n>\n <div\n *ngFor=\"let item of bookmarks\"\n class=\"column-format\"\n >\n {{ item.value }}\n </div>\n</app-column-fitter>\n", styles: [".column-format{border:1px solid black;padding:2rem;background-color:#fff;border-radius:1rem}\n"] }]
|
|
32
|
-
}] });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWZpdHRlci1kZW1vLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbHVtbi1maXR0ZXIvc3JjL2xpYi9jb2x1bW4tZml0dGVyLWRlbW8vY29sdW1uLWZpdHRlci1kZW1vLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbHVtbi1maXR0ZXIvc3JjL2xpYi9jb2x1bW4tZml0dGVyLWRlbW8vY29sdW1uLWZpdHRlci1kZW1vLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFVLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7OztBQVFoRCxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBT0UsWUFBTyxHQUFhO1lBQ2xCLEVBQUUsTUFBTSxFQUFFLFdBQVcsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRTtZQUMxQyxFQUFFLE1BQU0sRUFBRSxXQUFXLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUU7WUFDMUMsRUFBRSxNQUFNLEVBQUUsV0FBVyxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFO1NBQ3pDLENBQUE7UUFFRCxjQUFTLEdBQUc7WUFDVixFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFO1lBQ3pDLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFO1lBQ3hCLEVBQUUsS0FBSyxFQUFFLGtCQUFrQixFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUU7WUFDcEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUU7WUFDN0IsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUU7WUFDakMsRUFBRSxLQUFLLEVBQUUscUJBQXFCLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRTtZQUN2QyxFQUFFLEtBQUssRUFBRSx3QkFBd0IsRUFBRSxFQUFFLEVBQUUsQ0FBQyxFQUFFO1lBQzFDLEVBQUUsS0FBSyxFQUFFLGlCQUFpQixFQUFFLEVBQUUsRUFBRSxDQUFDLEVBQUU7U0FDdEMsQ0FBQTtLQUtBO0lBSEMsUUFBUTtJQUNSLENBQUM7K0dBcEJVLHlCQUF5QjttR0FBekIseUJBQXlCLDhEQ1R0QyxvU0FlQTs7NEZETmEseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHdCQUF3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb2x1bW4sIERldmljZVNpemVzIH0gZnJvbSAnLi4vbW9kZWxzJztcblxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY29sdW1uLWZpdHRlci1kZW1vJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbHVtbi1maXR0ZXItZGVtby5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbHVtbi1maXR0ZXItZGVtby5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uRml0dGVyRGVtb0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29sdW1uczogQ29sdW1uW10gPSBbXG4gICAgeyBkZXZpY2U6IERldmljZVNpemVzLk1PQklMRSwgY29sdW1uczogMSB9LFxuICAgIHsgZGV2aWNlOiBEZXZpY2VTaXplcy5UQUJMRVQsIGNvbHVtbnM6IDQgfSxcbiAgICB7IGRldmljZTogRGV2aWNlU2l6ZXMuTUlOSSwgY29sdW1uczogMiB9LFxuICBdXG5cbiAgYm9va21hcmtzID0gW1xuICAgIHsgdmFsdWU6ICdUbyBLaWxsIGEgTW9ja2luZ2JpcmQnLCBpZDogMSB9LFxuICAgIHsgdmFsdWU6ICcxOTg0JywgaWQ6IDIgfSxcbiAgICB7IHZhbHVlOiAnVGhlIEdyZWF0IEdhdHNieScsIGlkOiAzIH0sXG4gICAgeyB2YWx1ZTogJ01vYnkgRGljaycsIGlkOiA0IH0sXG4gICAgeyB2YWx1ZTogJ1dhciBhbmQgUGVhY2UnLCBpZDogNSB9LFxuICAgIHsgdmFsdWU6ICdQcmlkZSBhbmQgUHJlanVkaWNlJywgaWQ6IDYgfSxcbiAgICB7IHZhbHVlOiAnVGhlIENhdGNoZXIgaW4gdGhlIFJ5ZScsIGlkOiA3IH0sXG4gICAgeyB2YWx1ZTogJ0JyYXZlIE5ldyBXb3JsZCcsIGlkOiA4IH0sXG5dXG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxufVxuIiwiPGFwcC1jb2x1bW4tZml0dGVyXG4gIGdhcD1cIjFyZW1cIlxuICBtYXJnaW49XCIxcmVtXCJcbiAgcGFkZGluZz1cIjFyZW1cIlxuICBiYWNrZ3JvdW5kQ29sb3I9XCJncmVlblwiXG4gIG1pbldpZHRoPVwiMjQwcHhcIlxuICBbY29sdW1uc109XCJjb2x1bW5zXCJcbj5cbiAgPGRpdlxuICAgICpuZ0Zvcj1cImxldCBpdGVtIG9mIGJvb2ttYXJrc1wiXG4gICAgY2xhc3M9XCJjb2x1bW4tZm9ybWF0XCJcbiAgPlxuICAgICAge3sgaXRlbS52YWx1ZSB9fVxuICA8L2Rpdj5cbjwvYXBwLWNvbHVtbi1maXR0ZXI+XG4iXX0=
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { Component, inject, Input } from '@angular/core';
|
|
2
|
-
import { Column } from './models/column.model';
|
|
3
|
-
import { DeviceSizes } from './models/device-sizes.model';
|
|
4
|
-
import { distinctUntilChanged, Subscription } from 'rxjs';
|
|
5
|
-
import { ScreenObserverService } from 'screen-observer';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export class ColumnFitterComponent {
|
|
8
|
-
constructor() {
|
|
9
|
-
this.screenObserverService = inject(ScreenObserverService);
|
|
10
|
-
this.padding = '';
|
|
11
|
-
this.margin = '';
|
|
12
|
-
this.backgroundColor = '';
|
|
13
|
-
this.minWidth = '';
|
|
14
|
-
this.gap = '1rem';
|
|
15
|
-
this.columns = 0;
|
|
16
|
-
this.gridColumns = '';
|
|
17
|
-
this.subscriptions = new Subscription();
|
|
18
|
-
this.hasColumns = Array.isArray(this.columns)
|
|
19
|
-
? this.columns.every(col => col instanceof Column)
|
|
20
|
-
: (typeof this.columns === 'number' && this.columns > 0);
|
|
21
|
-
this.found = (device) => (Array.isArray(this.columns)) ? this.columns.find(item => item.device === device) : 0;
|
|
22
|
-
}
|
|
23
|
-
ngOnInit() {
|
|
24
|
-
this.subscriptions.add(this.screenObserverService
|
|
25
|
-
.device$
|
|
26
|
-
.pipe(distinctUntilChanged())
|
|
27
|
-
.subscribe((screen) => {
|
|
28
|
-
this.gridColumns = this.getGridTemplateColumns(screen);
|
|
29
|
-
console.log(screen);
|
|
30
|
-
}));
|
|
31
|
-
}
|
|
32
|
-
getGridTemplateColumns(device) {
|
|
33
|
-
if (typeof this.columns === 'number') {
|
|
34
|
-
return this.columns > 0 ? `repeat(${this.columns}, 1fr)` : `repeat(auto-fit, minmax(${this.minWidth}, 1fr))`;
|
|
35
|
-
}
|
|
36
|
-
if (device === 'desktop' && this.found(DeviceSizes.DESKTOP)) {
|
|
37
|
-
const cols = this.found(DeviceSizes.DESKTOP);
|
|
38
|
-
return `repeat(${cols.columns}, 1fr)`;
|
|
39
|
-
}
|
|
40
|
-
else if (device === 'tablet' && this.found(DeviceSizes.TABLET)) {
|
|
41
|
-
const cols = this.found(DeviceSizes.TABLET);
|
|
42
|
-
return `repeat(${cols.columns}, 1fr)`;
|
|
43
|
-
}
|
|
44
|
-
else if (device === 'mini' && this.found(DeviceSizes.MINI)) {
|
|
45
|
-
const cols = this.found(DeviceSizes.MINI);
|
|
46
|
-
return `repeat(${cols.columns}, 1fr)`;
|
|
47
|
-
}
|
|
48
|
-
else if (device === 'mobile' && this.found(DeviceSizes.MOBILE)) {
|
|
49
|
-
const cols = this.found(DeviceSizes.MOBILE);
|
|
50
|
-
return `repeat(${cols.columns}, 1fr)`;
|
|
51
|
-
}
|
|
52
|
-
else {
|
|
53
|
-
return `repeat(auto-fit, minmax(${this.minWidth}, 1fr))`;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ColumnFitterComponent, selector: "app-column-fitter", inputs: { padding: "padding", margin: "margin", backgroundColor: "backgroundColor", minWidth: "minWidth", gap: "gap", columns: "columns" }, ngImport: i0, template: "<div\n class=\"container\"\n [style.minWidth]=\"minWidth\"\n [style.gap]=\"gap\"\n [style.margin]=\"margin\"\n [style.padding]=\"padding\"\n [style.backgroundColor]=\"backgroundColor\"\n [style.gridTemplateColumns]=\"gridColumns\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,1fr));grid-auto-rows:minmax(auto,auto)}\n"] }); }
|
|
58
|
-
}
|
|
59
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterComponent, decorators: [{
|
|
60
|
-
type: Component,
|
|
61
|
-
args: [{ selector: 'app-column-fitter', template: "<div\n class=\"container\"\n [style.minWidth]=\"minWidth\"\n [style.gap]=\"gap\"\n [style.margin]=\"margin\"\n [style.padding]=\"padding\"\n [style.backgroundColor]=\"backgroundColor\"\n [style.gridTemplateColumns]=\"gridColumns\"\n>\n <ng-content></ng-content>\n</div>\n", styles: [".container{display:grid;grid-template-columns:repeat(auto-fit,minmax(auto,1fr));grid-auto-rows:minmax(auto,auto)}\n"] }]
|
|
62
|
-
}], ctorParameters: function () { return []; }, propDecorators: { padding: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], margin: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], backgroundColor: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], minWidth: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}], gap: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], columns: [{
|
|
73
|
-
type: Input
|
|
74
|
-
}] } });
|
|
75
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWZpdHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2x1bW4tZml0dGVyL3NyYy9saWIvY29sdW1uLWZpdHRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2x1bW4tZml0dGVyL3NyYy9saWIvY29sdW1uLWZpdHRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDakUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzFELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVF4RCxNQUFNLE9BQU8scUJBQXFCO0lBbUJoQztRQWpCQSwwQkFBcUIsR0FBRyxNQUFNLENBQUMscUJBQXFCLENBQUMsQ0FBQTtRQUU1QyxZQUFPLEdBQUcsRUFBRSxDQUFBO1FBQ1osV0FBTSxHQUFHLEVBQUUsQ0FBQTtRQUNYLG9CQUFlLEdBQUcsRUFBRSxDQUFBO1FBQ3BCLGFBQVEsR0FBRyxFQUFFLENBQUE7UUFDYixRQUFHLEdBQUcsTUFBTSxDQUFBO1FBQ1osWUFBTyxHQUFzQixDQUFDLENBQUM7UUFFeEMsZ0JBQVcsR0FBUSxFQUFFLENBQUE7UUFFckIsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFBO1FBRWxDLGVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDdEMsQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxFQUFF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QixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29sdW1uIH0gZnJvbSAnLi9tb2RlbHMvY29sdW1uLm1vZGVsJztcbmltcG9ydCB7IERldmljZVNpemVzIH0gZnJvbSAnLi9tb2RlbHMvZGV2aWNlLXNpemVzLm1vZGVsJztcbmltcG9ydCB7IGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNjcmVlbk9ic2VydmVyU2VydmljZSB9IGZyb20gJ3NjcmVlbi1vYnNlcnZlcic7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWNvbHVtbi1maXR0ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vY29sdW1uLWZpdHRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbHVtbi1maXR0ZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDb2x1bW5GaXR0ZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIHNjcmVlbk9ic2VydmVyU2VydmljZSA9IGluamVjdChTY3JlZW5PYnNlcnZlclNlcnZpY2UpXG5cbiAgQElucHV0KCkgcGFkZGluZyA9ICcnXG4gIEBJbnB1dCgpIG1hcmdpbiA9ICcnXG4gIEBJbnB1dCgpIGJhY2tncm91bmRDb2xvciA9ICcnXG4gIEBJbnB1dCgpIG1pbldpZHRoID0gJydcbiAgQElucHV0KCkgZ2FwID0gJzFyZW0nXG4gIEBJbnB1dCgpIGNvbHVtbnM6IG51bWJlciB8IENvbHVtbltdID0gMDtcblxuICBncmlkQ29sdW1uczogYW55ID0gJydcblxuICBzdWJzY3JpcHRpb25zID0gbmV3IFN1YnNjcmlwdGlvbigpXG5cbiAgaGFzQ29sdW1ucyA9IEFycmF5LmlzQXJyYXkodGhpcy5jb2x1bW5zKVxuICAgID8gdGhpcy5jb2x1bW5zLmV2ZXJ5KGNvbCA9PiBjb2wgaW5zdGFuY2VvZiBDb2x1bW4pXG4gICAgOiAodHlwZW9mIHRoaXMuY29sdW1ucyA9PT0gJ251bWJlcicgJiYgdGhpcy5jb2x1bW5zID4gMCk7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuYWRkKFxuICAgICAgdGhpcy5zY3JlZW5PYnNlcnZlclNlcnZpY2VcbiAgICAgIC5kZXZpY2UkXG4gICAgICAucGlwZShcbiAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgoc2NyZWVuOiBzdHJpbmcpID0+IHtcbiAgICAgICAgdGhpcy5ncmlkQ29sdW1ucyA9IHRoaXMuZ2V0R3JpZFRlbXBsYXRlQ29sdW1ucyhzY3JlZW4pXG4gICAgICAgIGNvbnNvbGUubG9nKHNjcmVlbilcbiAgICAgIH0pXG4gICAgKVxuICB9XG5cbiAgZm91bmQgPSAoZGV2aWNlOiBzdHJpbmcpID0+IChBcnJheS5pc0FycmF5KHRoaXMuY29sdW1ucykpID8gdGhpcy5jb2x1bW5zLmZpbmQoaXRlbSA9PiBpdGVtLmRldmljZSA9PT0gZGV2aWNlKSBhcyBDb2x1bW4gOiAwXG5cbiAgZ2V0R3JpZFRlbXBsYXRlQ29sdW1ucyhkZXZpY2U6IHN0cmluZyk6IGFueSB7XG5cbiAgICBpZiAodHlwZW9mIHRoaXMuY29sdW1ucyA9PT0gJ251bWJlcicpIHtcbiAgICAgIHJldHVybiB0aGlzLmNvbHVtbnMgPiAwID8gYHJlcGVhdCgke3RoaXMuY29sdW1uc30sIDFmcilgIDogYHJlcGVhdChhdXRvLWZpdCwgbWlubWF4KCR7dGhpcy5taW5XaWR0aH0sIDFmcikpYDtcbiAgICB9XG5cbiAgICBpZiAoZGV2aWNlID09PSAnZGVza3RvcCcgJiYgdGhpcy5mb3VuZChEZXZpY2VTaXplcy5ERVNLVE9QKSkge1xuXG4gICAgICBjb25zdCBjb2xzID0gdGhpcy5mb3VuZChEZXZpY2VTaXplcy5ERVNLVE9QKSBhcyBDb2x1bW5cbiAgICAgIHJldHVybiBgcmVwZWF0KCR7Y29scy5jb2x1bW5zfSwgMWZyKWA7XG5cbiAgICB9IGVsc2UgaWYgKGRldmljZSA9PT0gJ3RhYmxldCcgJiYgdGhpcy5mb3VuZChEZXZpY2VTaXplcy5UQUJMRVQpKSB7XG5cbiAgICAgIGNvbnN0IGNvbHMgPSB0aGlzLmZvdW5kKERldmljZVNpemVzLlRBQkxFVCkgYXMgQ29sdW1uXG4gICAgICByZXR1cm4gYHJlcGVhdCgke2NvbHMuY29sdW1uc30sIDFmcilgO1xuXG4gICAgfSBlbHNlIGlmIChkZXZpY2UgPT09ICdtaW5pJyAmJiB0aGlzLmZvdW5kKERldmljZVNpemVzLk1JTkkpKSB7XG5cbiAgICAgIGNvbnN0IGNvbHMgPSB0aGlzLmZvdW5kKERldmljZVNpemVzLk1JTkkpIGFzIENvbHVtblxuICAgICAgcmV0dXJuIGByZXBlYXQoJHtjb2xzLmNvbHVtbnN9LCAxZnIpYDtcblxuICAgIH0gZWxzZSBpZiAoZGV2aWNlID09PSAnbW9iaWxlJyAmJiB0aGlzLmZvdW5kKERldmljZVNpemVzLk1PQklMRSkpIHtcblxuICAgICAgY29uc3QgY29scyA9IHRoaXMuZm91bmQoRGV2aWNlU2l6ZXMuTU9CSUxFKSBhcyBDb2x1bW5cbiAgICAgIHJldHVybiBgcmVwZWF0KCR7Y29scy5jb2x1bW5zfSwgMWZyKWA7XG5cbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIGByZXBlYXQoYXV0by1maXQsIG1pbm1heCgke3RoaXMubWluV2lkdGh9LCAxZnIpKWA7XG4gICAgfVxuXG4gIH1cblxufVxuXG5cblxuIiwiPGRpdlxuICBjbGFzcz1cImNvbnRhaW5lclwiXG4gIFtzdHlsZS5taW5XaWR0aF09XCJtaW5XaWR0aFwiXG4gIFtzdHlsZS5nYXBdPVwiZ2FwXCJcbiAgW3N0eWxlLm1hcmdpbl09XCJtYXJnaW5cIlxuICBbc3R5bGUucGFkZGluZ109XCJwYWRkaW5nXCJcbiAgW3N0eWxlLmJhY2tncm91bmRDb2xvcl09XCJiYWNrZ3JvdW5kQ29sb3JcIlxuICBbc3R5bGUuZ3JpZFRlbXBsYXRlQ29sdW1uc109XCJncmlkQ29sdW1uc1wiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { NgModule } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { ColumnFitterComponent } from './column-fitter.component';
|
|
4
|
-
import { ColumnFitterDemoComponent } from './column-fitter-demo/column-fitter-demo.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class ColumnFitterModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterModule, declarations: [ColumnFitterDemoComponent,
|
|
9
|
-
ColumnFitterComponent], imports: [CommonModule], exports: [ColumnFitterDemoComponent,
|
|
10
|
-
ColumnFitterComponent] }); }
|
|
11
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterModule, imports: [CommonModule] }); }
|
|
12
|
-
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ColumnFitterModule, decorators: [{
|
|
14
|
-
type: NgModule,
|
|
15
|
-
args: [{
|
|
16
|
-
imports: [
|
|
17
|
-
CommonModule
|
|
18
|
-
],
|
|
19
|
-
declarations: [
|
|
20
|
-
ColumnFitterDemoComponent,
|
|
21
|
-
ColumnFitterComponent,
|
|
22
|
-
],
|
|
23
|
-
exports: [
|
|
24
|
-
ColumnFitterDemoComponent,
|
|
25
|
-
ColumnFitterComponent,
|
|
26
|
-
]
|
|
27
|
-
}]
|
|
28
|
-
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLWZpdHRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2x1bW4tZml0dGVyL3NyYy9saWIvY29sdW1uLWZpdHRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sbURBQW1ELENBQUM7O0FBZTlGLE1BQU0sT0FBTyxrQkFBa0I7K0dBQWxCLGtCQUFrQjtnSEFBbEIsa0JBQWtCLGlCQVIzQix5QkFBeUI7WUFDekIscUJBQXFCLGFBSnJCLFlBQVksYUFPWix5QkFBeUI7WUFDekIscUJBQXFCO2dIQUdaLGtCQUFrQixZQVgzQixZQUFZOzs0RkFXSCxrQkFBa0I7a0JBYjlCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHlCQUF5Qjt3QkFDekIscUJBQXFCO3FCQUN0QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AseUJBQXlCO3dCQUN6QixxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IENvbHVtbkZpdHRlckNvbXBvbmVudCB9IGZyb20gJy4vY29sdW1uLWZpdHRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29sdW1uRml0dGVyRGVtb0NvbXBvbmVudCB9IGZyb20gJy4vY29sdW1uLWZpdHRlci1kZW1vL2NvbHVtbi1maXR0ZXItZGVtby5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENvbHVtbkZpdHRlckRlbW9Db21wb25lbnQsXG4gICAgQ29sdW1uRml0dGVyQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQ29sdW1uRml0dGVyRGVtb0NvbXBvbmVudCxcbiAgICBDb2x1bW5GaXR0ZXJDb21wb25lbnQsXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQ29sdW1uRml0dGVyTW9kdWxlIHsgfVxuIl19
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { DeviceSizes } from "./device-sizes.model";
|
|
2
|
-
export class Column {
|
|
3
|
-
constructor(device = DeviceSizes.DESKTOP, columns = 0) {
|
|
4
|
-
this.device = device;
|
|
5
|
-
this.columns = columns;
|
|
6
|
-
}
|
|
7
|
-
static adapt(item) {
|
|
8
|
-
return new Column(item?.device, item?.columns);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sdW1uLWZpdHRlci9zcmMvbGliL21vZGVscy9jb2x1bW4ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBT2xELE1BQU0sT0FBTyxNQUFNO0lBRWpCLFlBQ1MsU0FBUyxXQUFXLENBQUMsT0FBTyxFQUM1QixVQUFVLENBQUM7UUFEWCxXQUFNLEdBQU4sTUFBTSxDQUFzQjtRQUM1QixZQUFPLEdBQVAsT0FBTyxDQUFJO0lBQ2pCLENBQUM7SUFFSixNQUFNLENBQUMsS0FBSyxDQUFDLElBQVU7UUFFckIsT0FBTyxJQUFJLE1BQU0sQ0FDZixJQUFJLEVBQUUsTUFBTSxFQUNaLElBQUksRUFBRSxPQUFPLENBQ2QsQ0FBQTtJQUVILENBQUM7Q0FFRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERldmljZVNpemVzIH0gZnJvbSBcIi4vZGV2aWNlLXNpemVzLm1vZGVsXCJcblxuZXhwb3J0IGludGVyZmFjZSBDb2x1bW5JbnRlcmZhY2Uge1xuICBkZXZpY2U6IERldmljZVNpemVzXG4gIGNvbHVtbnM6IG51bWJlclxufVxuXG5leHBvcnQgY2xhc3MgQ29sdW1uIGltcGxlbWVudHMgQ29sdW1uSW50ZXJmYWNlIHtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZGV2aWNlID0gRGV2aWNlU2l6ZXMuREVTS1RPUCxcbiAgICBwdWJsaWMgY29sdW1ucyA9IDAsXG4gICkge31cblxuICBzdGF0aWMgYWRhcHQoaXRlbT86IGFueSk6IENvbHVtbiB7XG5cbiAgICByZXR1cm4gbmV3IENvbHVtbihcbiAgICAgIGl0ZW0/LmRldmljZSxcbiAgICAgIGl0ZW0/LmNvbHVtbnNcbiAgICApXG5cbiAgfVxuXG59XG4iXX0=
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export var DeviceSizes;
|
|
2
|
-
(function (DeviceSizes) {
|
|
3
|
-
DeviceSizes["DESKTOP"] = "desktop";
|
|
4
|
-
DeviceSizes["TABLET"] = "tablet";
|
|
5
|
-
DeviceSizes["MINI"] = "mini";
|
|
6
|
-
DeviceSizes["MOBILE"] = "mobile";
|
|
7
|
-
})(DeviceSizes || (DeviceSizes = {}));
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLXNpemVzLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29sdW1uLWZpdHRlci9zcmMvbGliL21vZGVscy9kZXZpY2Utc2l6ZXMubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksV0FLWDtBQUxELFdBQVksV0FBVztJQUNyQixrQ0FBbUIsQ0FBQTtJQUNuQixnQ0FBaUIsQ0FBQTtJQUNqQiw0QkFBYSxDQUFBO0lBQ2IsZ0NBQWlCLENBQUE7QUFDbkIsQ0FBQyxFQUxXLFdBQVcsS0FBWCxXQUFXLFFBS3RCIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gRGV2aWNlU2l6ZXMge1xuICBERVNLVE9QID0gJ2Rlc2t0b3AnLFxuICBUQUJMRVQgPSAndGFibGV0JyxcbiAgTUlOSSA9ICdtaW5pJyxcbiAgTU9CSUxFID0gJ21vYmlsZSdcbn1cblxuXG5cblxuXG4iXX0=
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of selections
|
|
3
|
-
*/
|
|
4
|
-
export * from './column.model';
|
|
5
|
-
export * from './device-sizes.model';
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb2x1bW4tZml0dGVyL3NyYy9saWIvbW9kZWxzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxnQkFBZ0IsQ0FBQztBQUMvQixjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzZWxlY3Rpb25zXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9jb2x1bW4ubW9kZWwnO1xuZXhwb3J0ICogZnJvbSAnLi9kZXZpY2Utc2l6ZXMubW9kZWwnO1xuXG5cbiJdfQ==
|
package/esm2022/public-api.mjs
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Public API Surface of column-fitter
|
|
3
|
-
*/
|
|
4
|
-
export * from './lib/models/index';
|
|
5
|
-
export * from './lib/column-fitter.component';
|
|
6
|
-
export * from './lib/column-fitter.module';
|
|
7
|
-
export * from './lib/column-fitter-demo/column-fitter-demo.component';
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2NvbHVtbi1maXR0ZXIvc3JjL3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYyw0QkFBNEIsQ0FBQztBQUUzQyxjQUFjLHVEQUF1RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBjb2x1bW4tZml0dGVyXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kZWxzL2luZGV4JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvY29sdW1uLWZpdHRlci5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29sdW1uLWZpdHRlci5tb2R1bGUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb2x1bW4tZml0dGVyLWRlbW8vY29sdW1uLWZpdHRlci1kZW1vLmNvbXBvbmVudCc7XG4iXX0=
|
package/index.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import { Column } from '../models';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export declare class ColumnFitterDemoComponent implements OnInit {
|
|
5
|
-
columns: Column[];
|
|
6
|
-
bookmarks: {
|
|
7
|
-
value: string;
|
|
8
|
-
id: number;
|
|
9
|
-
}[];
|
|
10
|
-
ngOnInit(): void;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFitterDemoComponent, never>;
|
|
12
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFitterDemoComponent, "app-column-fitter-demo", never, {}, {}, never, never, false, never>;
|
|
13
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import { Column } from './models/column.model';
|
|
3
|
-
import { Subscription } from 'rxjs';
|
|
4
|
-
import { ScreenObserverService } from 'screen-observer';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class ColumnFitterComponent implements OnInit {
|
|
7
|
-
screenObserverService: ScreenObserverService;
|
|
8
|
-
padding: string;
|
|
9
|
-
margin: string;
|
|
10
|
-
backgroundColor: string;
|
|
11
|
-
minWidth: string;
|
|
12
|
-
gap: string;
|
|
13
|
-
columns: number | Column[];
|
|
14
|
-
gridColumns: any;
|
|
15
|
-
subscriptions: Subscription;
|
|
16
|
-
hasColumns: boolean;
|
|
17
|
-
constructor();
|
|
18
|
-
ngOnInit(): void;
|
|
19
|
-
found: (device: string) => Column | 0;
|
|
20
|
-
getGridTemplateColumns(device: string): any;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFitterComponent, never>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFitterComponent, "app-column-fitter", never, { "padding": { "alias": "padding"; "required": false; }; "margin": { "alias": "margin"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
23
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./column-fitter-demo/column-fitter-demo.component";
|
|
3
|
-
import * as i2 from "./column-fitter.component";
|
|
4
|
-
import * as i3 from "@angular/common";
|
|
5
|
-
export declare class ColumnFitterModule {
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFitterModule, never>;
|
|
7
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnFitterModule, [typeof i1.ColumnFitterDemoComponent, typeof i2.ColumnFitterComponent], [typeof i3.CommonModule], [typeof i1.ColumnFitterDemoComponent, typeof i2.ColumnFitterComponent]>;
|
|
8
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ColumnFitterModule>;
|
|
9
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { DeviceSizes } from "./device-sizes.model";
|
|
2
|
-
export interface ColumnInterface {
|
|
3
|
-
device: DeviceSizes;
|
|
4
|
-
columns: number;
|
|
5
|
-
}
|
|
6
|
-
export declare class Column implements ColumnInterface {
|
|
7
|
-
device: DeviceSizes;
|
|
8
|
-
columns: number;
|
|
9
|
-
constructor(device?: DeviceSizes, columns?: number);
|
|
10
|
-
static adapt(item?: any): Column;
|
|
11
|
-
}
|
package/lib/models/index.d.ts
DELETED
package/public-api.d.ts
DELETED