static-columns 16.5.7 → 16.5.8

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 CHANGED
@@ -1,99 +1,99 @@
1
-
2
- # STATIC-COLUMNS - effortless Angular2+ layouts
3
-
4
- # forget about flex box complicated rules !
5
-
6
- With this simple library
7
-
8
- **angular / html columns with static width**
9
-
10
- mixed with
11
-
12
- **columns with responsive width**
13
-
14
- are not a problem anymore!
15
-
16
-
17
- ---
18
- ### How to install:
19
- ```
20
- npm install static-columns --save
21
- ```
22
-
23
-
24
- ### Import it:
25
- ```ts
26
- import { StaticColumnsModule } form "static-columns/browser"
27
- ```
28
-
29
- ### Put module inside angular imports:
30
- ```ts
31
-
32
- @NgModule(
33
- // ...
34
- imports: [StaticColumnsModule]
35
- // ...
36
- )
37
- class MyExampleModule {
38
- // ...
39
- }
40
- ```
41
-
42
- # Examples
43
-
44
- ## Basic usage:
45
- ```html
46
- <columns-container>
47
- <column grow > <!-- this column will grow/shring based on screen width -->
48
- something
49
- </column>
50
- <column width="190">
51
- <button>ZAKRES</button>
52
- </column>
53
- <column width="190">
54
- <button-magnifier></button-magnifier>
55
- <button-bell></button-bell>
56
- <button-gears></button-gears>
57
- </column>
58
- </columns-container>
59
- ```
60
-
61
- ![Modules marked](screen.png)
62
-
63
-
64
- ## Hide/show column in mobile view:
65
- ```html
66
- <columns-container>
67
- <column hideMobile >
68
- I am not visible when screen < 600px
69
- </column>
70
- <column showMobile>
71
- I am visible only when screen < 600px
72
- </column>
73
- </columns-container>
74
- ```
75
-
76
- ## Hide/show column in tablet view:
77
- ```html
78
- <columns-container>
79
- <column hideTablet >
80
- I am not visible when screen > 600px and < 840 px
81
- </column>
82
- <column showTablet>
83
- I am visible only when screen > 600px and < 840 px
84
- </column>
85
- </columns-container>
86
- ```
87
-
88
-
89
- ## Hide/show column in desktop view:
90
- ```html
91
- <columns-container>
92
- <column hideDesktop >
93
- I am not visible when screen > 840 px
94
- </column>
95
- <column showDesktop>
96
- I am visible only when screen > 840 px
97
- </column>
98
- </columns-container>
99
- ```
1
+
2
+ # STATIC-COLUMNS - effortless Angular2+ layouts
3
+
4
+ # forget about flex box complicated rules !
5
+
6
+ With this simple library
7
+
8
+ **angular / html columns with static width**
9
+
10
+ mixed with
11
+
12
+ **columns with responsive width**
13
+
14
+ are not a problem anymore!
15
+
16
+
17
+ ---
18
+ ### How to install:
19
+ ```
20
+ npm install static-columns --save
21
+ ```
22
+
23
+
24
+ ### Import it:
25
+ ```ts
26
+ import { StaticColumnsModule } form "static-columns/browser"
27
+ ```
28
+
29
+ ### Put module inside angular imports:
30
+ ```ts
31
+
32
+ @NgModule(
33
+ // ...
34
+ imports: [StaticColumnsModule]
35
+ // ...
36
+ )
37
+ class MyExampleModule {
38
+ // ...
39
+ }
40
+ ```
41
+
42
+ # Examples
43
+
44
+ ## Basic usage:
45
+ ```html
46
+ <columns-container>
47
+ <column grow > <!-- this column will grow/shring based on screen width -->
48
+ something
49
+ </column>
50
+ <column width="190">
51
+ <button>ZAKRES</button>
52
+ </column>
53
+ <column width="190">
54
+ <button-magnifier></button-magnifier>
55
+ <button-bell></button-bell>
56
+ <button-gears></button-gears>
57
+ </column>
58
+ </columns-container>
59
+ ```
60
+
61
+ ![Modules marked](screen.png)
62
+
63
+
64
+ ## Hide/show column in mobile view:
65
+ ```html
66
+ <columns-container>
67
+ <column hideMobile >
68
+ I am not visible when screen < 600px
69
+ </column>
70
+ <column showMobile>
71
+ I am visible only when screen < 600px
72
+ </column>
73
+ </columns-container>
74
+ ```
75
+
76
+ ## Hide/show column in tablet view:
77
+ ```html
78
+ <columns-container>
79
+ <column hideTablet >
80
+ I am not visible when screen > 600px and < 840 px
81
+ </column>
82
+ <column showTablet>
83
+ I am visible only when screen > 600px and < 840 px
84
+ </column>
85
+ </columns-container>
86
+ ```
87
+
88
+
89
+ ## Hide/show column in desktop view:
90
+ ```html
91
+ <columns-container>
92
+ <column hideDesktop >
93
+ I am not visible when screen > 840 px
94
+ </column>
95
+ <column showDesktop>
96
+ I am visible only when screen > 840 px
97
+ </column>
98
+ </columns-container>
99
+ ```
@@ -1,6 +1,6 @@
1
1
  THIS FILE IS GENERATED. THIS FILE IS GENERATED. THIS FILE IS GENERATED.
2
2
 
3
- Assets from this folder are being shipped with this npm package (static-columns@16.5.7)
3
+ Assets from this folder are being shipped with this npm package (static-columns@16.5.8)
4
4
  created from this project.
5
5
 
6
6
  THIS FILE IS GENERATED.THIS FILE IS GENERATED. THIS FILE IS GENERATED.
package/browser/README.md CHANGED
@@ -1,24 +1,24 @@
1
- # MyLib
2
-
3
- This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
4
-
5
- ## Code scaffolding
6
-
7
- Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
8
- > Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file.
9
-
10
- ## Build
11
-
12
- Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
13
-
14
- ## Publishing
15
-
16
- After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
17
-
18
- ## Running unit tests
19
-
20
- Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
-
22
- ## Further help
23
-
24
- To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
1
+ # MyLib
2
+
3
+ This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
4
+
5
+ ## Code scaffolding
6
+
7
+ Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
8
+ > Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file.
9
+
10
+ ## Build
11
+
12
+ Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
13
+
14
+ ## Publishing
15
+
16
+ After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
17
+
18
+ ## Running unit tests
19
+
20
+ Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
+
22
+ ## Further help
23
+
24
+ To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
package/client/README.md CHANGED
@@ -1,24 +1,24 @@
1
- # MyLib
2
-
3
- This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
4
-
5
- ## Code scaffolding
6
-
7
- Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
8
- > Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file.
9
-
10
- ## Build
11
-
12
- Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
13
-
14
- ## Publishing
15
-
16
- After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
17
-
18
- ## Running unit tests
19
-
20
- Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
-
22
- ## Further help
23
-
24
- To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
1
+ # MyLib
2
+
3
+ This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.
4
+
5
+ ## Code scaffolding
6
+
7
+ Run `ng generate component component-name --project my-lib` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project my-lib`.
8
+ > Note: Don't forget to add `--project my-lib` or else it will be added to the default project in your `angular.json` file.
9
+
10
+ ## Build
11
+
12
+ Run `ng build my-lib` to build the project. The build artifacts will be stored in the `dist/` directory.
13
+
14
+ ## Publishing
15
+
16
+ After building your library with `ng build my-lib`, go to the dist folder `cd dist/my-lib` and run `npm publish`.
17
+
18
+ ## Running unit tests
19
+
20
+ Run `ng test my-lib` to execute the unit tests via [Karma](https://karma-runner.github.io).
21
+
22
+ ## Further help
23
+
24
+ To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
@@ -45,7 +45,7 @@
45
45
  "workerPlugins": {}
46
46
  },
47
47
  "name": "static-columns",
48
- "version": "16.5.7",
48
+ "version": "16.5.8",
49
49
  "description": "Static columns with flexbox for Agnular2",
50
50
  "repository": {
51
51
  "type": "git",
@@ -69,7 +69,7 @@
69
69
  "homepage": "https://github.com/darekf77/static-columns#readme",
70
70
  "dependencies": {},
71
71
  "private": false,
72
- "lastBuildTagHash": "27a55bfa85d59d1c599f91273ec73304932d0b9c",
72
+ "lastBuildTagHash": "3728ca129575947e9c36668283422686bf396b8e",
73
73
  "devDependencies": {
74
74
  "@angular-devkit/build-angular": "~16.0.5",
75
75
  "@angular-devkit/core": "~16.0.5",
@@ -151,9 +151,9 @@
151
151
  "angular-material-css-vars": "5.0.2",
152
152
  "angular-resize-event": "3.2.0",
153
153
  "animate.css": "4.1.1 ",
154
- "any-project-cli": "~16.5.6",
154
+ "any-project-cli": "~16.5.7",
155
155
  "axios": "1.3.5",
156
- "background-worker-process": "~16.5.6",
156
+ "background-worker-process": "~16.5.7",
157
157
  "base32": "0.0.7",
158
158
  "bcryptjs": "2.4.3",
159
159
  "better-sqlite3": "7.6.2",
@@ -200,13 +200,13 @@
200
200
  "file-saver": "2.0.5",
201
201
  "file-type": "18.5.0",
202
202
  "firedev": "^16",
203
- "firedev-crud": "~16.5.6",
204
- "firedev-crud-deamon": "~16.5.6",
205
- "firedev-ports": "~16.5.6",
206
- "firedev-storage": "~16.5.6",
207
- "firedev-type-sql": "~16.5.6",
208
- "firedev-typeorm": "~16.5.6",
209
- "firedev-ui": "~16.5.5",
203
+ "firedev-crud": "~16.5.7",
204
+ "firedev-crud-deamon": "~16.5.7",
205
+ "firedev-ports": "~16.5.7",
206
+ "firedev-storage": "~16.5.7",
207
+ "firedev-type-sql": "~16.5.7",
208
+ "firedev-typeorm": "~16.5.7",
209
+ "firedev-ui": "~16.5.6",
210
210
  "fkill": "6.1.0",
211
211
  "font-awesome": "4.7.0",
212
212
  "form-data": "4.0.0",
@@ -223,11 +223,11 @@
223
223
  "image-focus": "1.2.1",
224
224
  "immer": "10.0.2",
225
225
  "immutable": "4.3.0",
226
- "incremental-compiler": "~16.5.16",
226
+ "incremental-compiler": "~16.5.17",
227
227
  "inquirer": "7.3.3",
228
228
  "inquirer-autocomplete-prompt": "1.3.0",
229
229
  "is-elevated": "3.0.0",
230
- "isomorphic-region-loader": "~16.5.6",
230
+ "isomorphic-region-loader": "~16.5.7",
231
231
  "istanbul-instrumenter-loader": "2.0.0",
232
232
  "jest": "29.5.0",
233
233
  "jest-date-mock": "1.0.8",
@@ -238,8 +238,8 @@
238
238
  "joi": "17.9.2",
239
239
  "jscodeshift": "0.6.3",
240
240
  "json-stringify-safe": "5.0.1",
241
- "json10": "~16.5.5",
242
- "json10-writer": "~16.5.6",
241
+ "json10": "~16.5.6",
242
+ "json10-writer": "~16.5.7",
243
243
  "json5": "2.2.1",
244
244
  "json5-writer": "0.2.0",
245
245
  "jszip": "3.10.1",
@@ -248,23 +248,23 @@
248
248
  "localforage": "1.10.0",
249
249
  "lockfile": "1.0.4",
250
250
  "lodash": "4.17.20",
251
- "lodash-walk-object": "~16.5.5",
251
+ "lodash-walk-object": "~16.5.6",
252
252
  "lowdb": "1.0.0",
253
- "magic-renamer": "~16.5.6",
253
+ "magic-renamer": "~16.5.7",
254
254
  "material-design-icons": "3.0.1",
255
255
  "method-override": "2.3.10",
256
256
  "minimist": "1.2.0",
257
257
  "mkdirp": "0.5.1",
258
258
  "mocha": "10.2.0",
259
259
  "moment": "2.29.3",
260
- "morphi": "~16.5.5",
260
+ "morphi": "~16.5.6",
261
261
  "ng-for-track-by-property": "16.0.1",
262
262
  "ng-in-viewport": "15.0.2",
263
263
  "ng-lock": "16.0.1",
264
264
  "ng-packagr": "16.0.1",
265
- "ng-talkback": "~16.5.5",
266
- "ng2-logger": "~16.5.6",
267
- "ng2-rest": "~16.5.5",
265
+ "ng-talkback": "~16.5.6",
266
+ "ng2-logger": "~16.5.9",
267
+ "ng2-rest": "~16.5.6",
268
268
  "ngx-ace-wrapper": "14.0.0",
269
269
  "ngx-editor": "15.3.0",
270
270
  "ngx-highlightjs": "9.0.0",
@@ -277,7 +277,7 @@
277
277
  "ngx-scrolltop": "6.0.0",
278
278
  "ngx-store": "3.1.1",
279
279
  "ngx-typed-js": "2.1.1",
280
- "node-cli-tester": "~16.5.5",
280
+ "node-cli-tester": "~16.5.6",
281
281
  "node-localstorage": "2.1.6",
282
282
  "node-notifier": "6.0.0",
283
283
  "node-polyfill-webpack-plugin": "2.0.1",
@@ -304,7 +304,7 @@
304
304
  "q": "1.5.1",
305
305
  "rallax.js": "2.0.4",
306
306
  "randomcolor": "0.5.3",
307
- "record-replay-req-res-scenario": "~16.5.5",
307
+ "record-replay-req-res-scenario": "~16.5.6",
308
308
  "reflect-metadata": "0.1.10",
309
309
  "rimraf": "2.6.2",
310
310
  "rxjs": "~7.8.0",
@@ -315,7 +315,7 @@
315
315
  "socket.io": "2.4.1",
316
316
  "sort-package-json": "1.11.0",
317
317
  "sql.js": "1.8.0",
318
- "static-columns": "~16.5.6",
318
+ "static-columns": "~16.5.7",
319
319
  "string-similarity": "4.0.2",
320
320
  "sudo-block": "3.0.0",
321
321
  "supertest": "6.3.3",
@@ -323,12 +323,12 @@
323
323
  "systeminformation": "3.45.7",
324
324
  "task.js": "0.1.5",
325
325
  "threads": "1.7.0",
326
- "tnp-cli": "~16.5.5",
327
- "tnp-config": "~16.5.6",
328
- "tnp-core": "~16.5.11",
329
- "tnp-db": "~16.5.6",
330
- "tnp-helpers": "~16.5.7",
331
- "tnp-models": "~16.5.6",
326
+ "tnp-cli": "~16.5.6",
327
+ "tnp-config": "~16.5.8",
328
+ "tnp-core": "~16.5.13",
329
+ "tnp-db": "~16.5.7",
330
+ "tnp-helpers": "~16.5.8",
331
+ "tnp-models": "~16.5.7",
332
332
  "ts-debug": "1.3.0",
333
333
  "ts-loader": "2.3.1",
334
334
  "ts-node": "10.9.1",
@@ -337,13 +337,13 @@
337
337
  "turndown": "7.1.2",
338
338
  "typeorm": "~0.3.10",
339
339
  "typescript": "~5.0.2",
340
- "typescript-class-helpers": "~16.5.6",
340
+ "typescript-class-helpers": "~16.5.8",
341
341
  "typescript-formatter": "~7.2.2",
342
342
  "underscore": "1.9.1",
343
343
  "uuid": "8.3.2",
344
344
  "validator": "9.2.0",
345
345
  "video.js": "8.3.0",
346
- "vpn-split": "~16.5.6",
346
+ "vpn-split": "~16.5.7",
347
347
  "watch": "1.0.2",
348
348
  "yup": "1.1.1",
349
349
  "zone.js": "~0.13.0"
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.dummy1704654273098 = void 0;
4
- function dummy1704654273098() { }
5
- exports.dummy1704654273098 = dummy1704654273098;
3
+ exports.dummy1705839406267 = void 0;
4
+ function dummy1705839406267() { }
5
+ exports.dummy1705839406267 = dummy1705839406267;
6
6
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.dummy1704654273112 = void 0;
4
- function dummy1704654273112() { }
5
- exports.dummy1704654273112 = dummy1704654273112;
3
+ exports.dummy1705839406271 = void 0;
4
+ function dummy1705839406271() { }
5
+ exports.dummy1705839406271 = dummy1705839406271;
6
6
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -45,7 +45,7 @@
45
45
  "workerPlugins": {}
46
46
  },
47
47
  "name": "static-columns",
48
- "version": "16.5.7",
48
+ "version": "16.5.8",
49
49
  "description": "Static columns with flexbox for Agnular2",
50
50
  "repository": {
51
51
  "type": "git",
@@ -69,6 +69,6 @@
69
69
  "homepage": "https://github.com/darekf77/static-columns#readme",
70
70
  "dependencies": {},
71
71
  "private": false,
72
- "lastBuildTagHash": "27a55bfa85d59d1c599f91273ec73304932d0b9c",
72
+ "lastBuildTagHash": "3728ca129575947e9c36668283422686bf396b8e",
73
73
  "devDependencies": {}
74
74
  }