ember-container-query 1.1.6 → 2.0.0-alpha.0
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/.github/workflows/ci.yml +64 -89
- package/CHANGELOG.md +69 -0
- package/README.md +3 -3
- package/addon/components/container-query.hbs +1 -1
- package/addon/components/container-query.js +17 -3
- package/addon/helpers/cq-aspect-ratio.js +5 -7
- package/addon/helpers/cq-height.js +5 -7
- package/addon/helpers/cq-width.js +5 -7
- package/app/components/container-query.js +1 -1
- package/app/helpers/cq-aspect-ratio.js +4 -1
- package/app/helpers/cq-height.js +1 -1
- package/app/helpers/cq-width.js +1 -1
- package/config/environment.js +2 -2
- package/index.js +1 -1
- package/package.json +51 -47
package/.github/workflows/ci.yml
CHANGED
|
@@ -6,11 +6,11 @@ on:
|
|
|
6
6
|
- main
|
|
7
7
|
pull_request:
|
|
8
8
|
schedule:
|
|
9
|
-
# Run the workflow every Monday at 6 am
|
|
10
|
-
- cron: '0
|
|
9
|
+
# Run the workflow every Monday at 6 am CET
|
|
10
|
+
- cron: '0 4 * * MON'
|
|
11
11
|
|
|
12
12
|
env:
|
|
13
|
-
NODE_VERSION:
|
|
13
|
+
NODE_VERSION: 14
|
|
14
14
|
PERCY_PARALLEL_NONCE: ${{ github.run_id }}-${{ github.run_number }}
|
|
15
15
|
PERCY_PARALLEL_TOTAL: 9
|
|
16
16
|
|
|
@@ -24,27 +24,13 @@ jobs:
|
|
|
24
24
|
uses: actions/checkout@v2
|
|
25
25
|
|
|
26
26
|
- name: Use Node.js ${{ env.NODE_VERSION }}
|
|
27
|
-
uses: actions/setup-node@v2
|
|
27
|
+
uses: actions/setup-node@v2
|
|
28
28
|
with:
|
|
29
|
+
cache: 'yarn'
|
|
29
30
|
node-version: ${{ env.NODE_VERSION }}
|
|
30
31
|
|
|
31
|
-
- name: Get Yarn cache path
|
|
32
|
-
id: yarn-cache-dir-path
|
|
33
|
-
run: echo "::set-output name=dir::$(yarn cache dir)"
|
|
34
|
-
|
|
35
|
-
- name: Cache Yarn cache and node_modules
|
|
36
|
-
id: cache-dependencies
|
|
37
|
-
uses: actions/cache@v2
|
|
38
|
-
with:
|
|
39
|
-
path: |
|
|
40
|
-
${{ steps.yarn-cache-dir-path.outputs.dir }}
|
|
41
|
-
node_modules
|
|
42
|
-
key: ${{ runner.os }}-${{ env.NODE_VERSION }}-${{ hashFiles('**/yarn.lock') }}
|
|
43
|
-
restore-keys: ${{ runner.os }}-${{ env.NODE_VERSION }}-
|
|
44
|
-
|
|
45
32
|
- name: Install dependencies
|
|
46
33
|
run: yarn install --frozen-lockfile
|
|
47
|
-
if: steps.cache-dependencies.outputs.cache-hit != 'true'
|
|
48
34
|
|
|
49
35
|
- name: Build app
|
|
50
36
|
run: yarn build:test
|
|
@@ -59,33 +45,19 @@ jobs:
|
|
|
59
45
|
lint:
|
|
60
46
|
name: Lint files and dependencies
|
|
61
47
|
runs-on: ubuntu-latest
|
|
62
|
-
timeout-minutes:
|
|
48
|
+
timeout-minutes: 5
|
|
63
49
|
steps:
|
|
64
50
|
- name: Check out a copy of the repo
|
|
65
51
|
uses: actions/checkout@v2
|
|
66
52
|
|
|
67
53
|
- name: Use Node.js ${{ env.NODE_VERSION }}
|
|
68
|
-
uses: actions/setup-node@v2
|
|
54
|
+
uses: actions/setup-node@v2
|
|
69
55
|
with:
|
|
56
|
+
cache: 'yarn'
|
|
70
57
|
node-version: ${{ env.NODE_VERSION }}
|
|
71
58
|
|
|
72
|
-
- name: Get Yarn cache path
|
|
73
|
-
id: yarn-cache-dir-path
|
|
74
|
-
run: echo "::set-output name=dir::$(yarn cache dir)"
|
|
75
|
-
|
|
76
|
-
- name: Cache Yarn cache and node_modules
|
|
77
|
-
id: cache-dependencies
|
|
78
|
-
uses: actions/cache@v2
|
|
79
|
-
with:
|
|
80
|
-
path: |
|
|
81
|
-
${{ steps.yarn-cache-dir-path.outputs.dir }}
|
|
82
|
-
node_modules
|
|
83
|
-
key: ${{ runner.os }}-${{ env.NODE_VERSION }}-${{ hashFiles('**/yarn.lock') }}
|
|
84
|
-
restore-keys: ${{ runner.os }}-${{ env.NODE_VERSION }}-
|
|
85
|
-
|
|
86
59
|
- name: Install dependencies
|
|
87
60
|
run: yarn install --frozen-lockfile
|
|
88
|
-
if: steps.cache-dependencies.outputs.cache-hit != 'true'
|
|
89
61
|
|
|
90
62
|
- name: Lint
|
|
91
63
|
run: yarn lint
|
|
@@ -96,42 +68,50 @@ jobs:
|
|
|
96
68
|
needs: [build-app]
|
|
97
69
|
runs-on: ubuntu-latest
|
|
98
70
|
strategy:
|
|
71
|
+
fail-fast: false
|
|
99
72
|
matrix:
|
|
100
|
-
|
|
101
|
-
- 'w1'
|
|
102
|
-
- 'w2'
|
|
103
|
-
- 'w3'
|
|
104
|
-
|
|
105
|
-
- '
|
|
106
|
-
- 'h2'
|
|
107
|
-
- 'h3'
|
|
73
|
+
device:
|
|
74
|
+
- 'w1-h1'
|
|
75
|
+
- 'w2-h1'
|
|
76
|
+
- 'w3-h1'
|
|
77
|
+
- 'w1-h2'
|
|
78
|
+
- 'w2-h2'
|
|
79
|
+
- 'w3-h2'
|
|
80
|
+
- 'w1-h3'
|
|
81
|
+
- 'w2-h3'
|
|
82
|
+
- 'w3-h3'
|
|
83
|
+
include:
|
|
84
|
+
- device: 'w1-h1'
|
|
85
|
+
test-port: 7357
|
|
86
|
+
- device: 'w2-h1'
|
|
87
|
+
test-port: 7358
|
|
88
|
+
- device: 'w3-h1'
|
|
89
|
+
test-port: 7359
|
|
90
|
+
- device: 'w1-h2'
|
|
91
|
+
test-port: 7360
|
|
92
|
+
- device: 'w2-h2'
|
|
93
|
+
test-port: 7361
|
|
94
|
+
- device: 'w3-h2'
|
|
95
|
+
test-port: 7362
|
|
96
|
+
- device: 'w1-h3'
|
|
97
|
+
test-port: 7363
|
|
98
|
+
- device: 'w2-h3'
|
|
99
|
+
test-port: 7364
|
|
100
|
+
- device: 'w3-h3'
|
|
101
|
+
test-port: 7365
|
|
108
102
|
timeout-minutes: 5
|
|
109
103
|
steps:
|
|
110
104
|
- name: Check out a copy of the repo
|
|
111
105
|
uses: actions/checkout@v2
|
|
112
106
|
|
|
113
107
|
- name: Use Node.js ${{ env.NODE_VERSION }}
|
|
114
|
-
uses: actions/setup-node@v2
|
|
108
|
+
uses: actions/setup-node@v2
|
|
115
109
|
with:
|
|
110
|
+
cache: 'yarn'
|
|
116
111
|
node-version: ${{ env.NODE_VERSION }}
|
|
117
112
|
|
|
118
|
-
- name: Get Yarn cache path
|
|
119
|
-
id: yarn-cache-dir-path
|
|
120
|
-
run: echo "::set-output name=dir::$(yarn cache dir)"
|
|
121
|
-
|
|
122
|
-
- name: Cache Yarn cache and node_modules
|
|
123
|
-
id: cache-dependencies
|
|
124
|
-
uses: actions/cache@v2
|
|
125
|
-
with:
|
|
126
|
-
path: |
|
|
127
|
-
${{ steps.yarn-cache-dir-path.outputs.dir }}
|
|
128
|
-
node_modules
|
|
129
|
-
key: ${{ runner.os }}-${{ env.NODE_VERSION }}-${{ hashFiles('**/yarn.lock') }}
|
|
130
|
-
restore-keys: ${{ runner.os }}-${{ env.NODE_VERSION }}-
|
|
131
|
-
|
|
132
113
|
- name: Install dependencies
|
|
133
114
|
run: yarn install --frozen-lockfile
|
|
134
|
-
if: steps.cache-dependencies.outputs.cache-hit != 'true'
|
|
135
115
|
|
|
136
116
|
- name: Download app
|
|
137
117
|
uses: actions/download-artifact@v2
|
|
@@ -140,10 +120,9 @@ jobs:
|
|
|
140
120
|
path: dist
|
|
141
121
|
|
|
142
122
|
- name: Test
|
|
143
|
-
|
|
144
|
-
with:
|
|
145
|
-
custom-command: yarn test:ember:${{ matrix.width }}-${{ matrix.height }} --path=dist
|
|
123
|
+
run: npx percy exec -- yarn test:ember --path=dist --test-port=${{ matrix.test-port }}
|
|
146
124
|
env:
|
|
125
|
+
DEVICE: ${{ matrix.device }}
|
|
147
126
|
PERCY_PARALLEL_NONCE: ${{ env.PERCY_PARALLEL_NONCE }}
|
|
148
127
|
PERCY_PARALLEL_TOTAL: ${{ env.PERCY_PARALLEL_TOTAL }}
|
|
149
128
|
PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}
|
|
@@ -153,47 +132,43 @@ jobs:
|
|
|
153
132
|
name: Test compatibility
|
|
154
133
|
runs-on: ubuntu-latest
|
|
155
134
|
strategy:
|
|
135
|
+
fail-fast: false
|
|
156
136
|
matrix:
|
|
157
137
|
scenario:
|
|
158
|
-
- 'ember-lts-3.16'
|
|
159
138
|
- 'ember-lts-3.20'
|
|
139
|
+
- 'ember-lts-3.24'
|
|
160
140
|
- 'ember-release'
|
|
161
|
-
- 'ember-beta'
|
|
162
|
-
- 'ember-canary'
|
|
163
|
-
|
|
164
|
-
- '
|
|
165
|
-
|
|
166
|
-
- '
|
|
167
|
-
|
|
168
|
-
- 'h3'
|
|
141
|
+
# - 'ember-beta'
|
|
142
|
+
# - 'ember-canary'
|
|
143
|
+
- 'embroider-safe'
|
|
144
|
+
# - 'embroider-optimized'
|
|
145
|
+
device:
|
|
146
|
+
- 'w1-h3'
|
|
147
|
+
- 'w2-h3'
|
|
148
|
+
- 'w3-h3'
|
|
149
|
+
include:
|
|
150
|
+
- device: 'w1-h3'
|
|
151
|
+
test-port: 7363
|
|
152
|
+
- device: 'w2-h3'
|
|
153
|
+
test-port: 7364
|
|
154
|
+
- device: 'w3-h3'
|
|
155
|
+
test-port: 7365
|
|
169
156
|
timeout-minutes: 5
|
|
170
157
|
steps:
|
|
171
158
|
- name: Check out a copy of the repo
|
|
172
159
|
uses: actions/checkout@v2
|
|
173
160
|
|
|
174
161
|
- name: Use Node.js ${{ env.NODE_VERSION }}
|
|
175
|
-
uses: actions/setup-node@v2
|
|
162
|
+
uses: actions/setup-node@v2
|
|
176
163
|
with:
|
|
164
|
+
cache: 'yarn'
|
|
177
165
|
node-version: ${{ env.NODE_VERSION }}
|
|
178
166
|
|
|
179
|
-
- name: Get Yarn cache path
|
|
180
|
-
id: yarn-cache-dir-path
|
|
181
|
-
run: echo "::set-output name=dir::$(yarn cache dir)"
|
|
182
|
-
|
|
183
|
-
- name: Cache Yarn cache and node_modules
|
|
184
|
-
id: cache-dependencies
|
|
185
|
-
uses: actions/cache@v2
|
|
186
|
-
with:
|
|
187
|
-
path: |
|
|
188
|
-
${{ steps.yarn-cache-dir-path.outputs.dir }}
|
|
189
|
-
node_modules
|
|
190
|
-
key: ${{ runner.os }}-${{ env.NODE_VERSION }}-${{ matrix.scenario }}-${{ hashFiles('**/yarn.lock') }}
|
|
191
|
-
restore-keys: ${{ runner.os }}-${{ env.NODE_VERSION }}-${{ matrix.scenario }}-
|
|
192
|
-
|
|
193
167
|
- name: Install dependencies
|
|
194
168
|
run: yarn install --frozen-lockfile
|
|
195
|
-
if: steps.cache-dependencies.outputs.cache-hit != 'true'
|
|
196
169
|
|
|
197
170
|
# Test compatibility without Percy
|
|
198
171
|
- name: Test
|
|
199
|
-
run: yarn test:ember-compatibility ${{ matrix.scenario }} --- yarn test:ember
|
|
172
|
+
run: yarn test:ember-compatibility ${{ matrix.scenario }} --- yarn test:ember --test-port=${{ matrix.test-port }}
|
|
173
|
+
env:
|
|
174
|
+
DEVICE: ${{ matrix.device }}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,72 @@
|
|
|
1
|
+
## 2.0.0-alpha.0 (2021-12-12)
|
|
2
|
+
|
|
3
|
+
### Breaking Change
|
|
4
|
+
* [#94](https://github.com/ijlee2/ember-container-query/pull/94) Dropped support for Node 10 ([@ijlee2](https://github.com/ijlee2))
|
|
5
|
+
* [#93](https://github.com/ijlee2/ember-container-query/pull/93) Dropped support for 3.16 LTS ([@ijlee2](https://github.com/ijlee2))
|
|
6
|
+
|
|
7
|
+
### Internal
|
|
8
|
+
* [#74](https://github.com/ijlee2/ember-container-query/pull/74) Replaced ember-did-resize-modifier with ember-on-resize-modifier ([@st-h](https://github.com/st-h))
|
|
9
|
+
* [#100](https://github.com/ijlee2/ember-container-query/pull/100) Updated development dependencies to their latest version ([@ijlee2](https://github.com/ijlee2))
|
|
10
|
+
* [#97](https://github.com/ijlee2/ember-container-query/pull/97) Updated ember-source to v3.28.6 ([@ijlee2](https://github.com/ijlee2))
|
|
11
|
+
* [#96](https://github.com/ijlee2/ember-container-query/pull/96) Updated dependencies to their latest version ([@ijlee2](https://github.com/ijlee2))
|
|
12
|
+
|
|
13
|
+
### Documentation
|
|
14
|
+
* [#104](https://github.com/ijlee2/ember-container-query/pull/104) Updated style and tests for demo app ([@ijlee2](https://github.com/ijlee2))
|
|
15
|
+
* [#102](https://github.com/ijlee2/ember-container-query/pull/102) Removed @percy/exec-action (deprecated) ([@ijlee2](https://github.com/ijlee2))
|
|
16
|
+
* [#103](https://github.com/ijlee2/ember-container-query/pull/103) Applied timeout to all rendering and application tests ([@ijlee2](https://github.com/ijlee2))
|
|
17
|
+
* [#101](https://github.com/ijlee2/ember-container-query/pull/101) Added a form example to the demo app ([@ijlee2](https://github.com/ijlee2))
|
|
18
|
+
* [#99](https://github.com/ijlee2/ember-container-query/pull/99) Replaced custom caching strategy with one built into @actions/setup-node ([@ijlee2](https://github.com/ijlee2))
|
|
19
|
+
|
|
20
|
+
### Committers: 2
|
|
21
|
+
- Isaac Lee ([@ijlee2](https://github.com/ijlee2))
|
|
22
|
+
- Steve ([@st-h](https://github.com/st-h))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
## 1.1.9 (2021-08-25)
|
|
26
|
+
|
|
27
|
+
### Bug Fix
|
|
28
|
+
* [#88](https://github.com/ijlee2/ember-container-query/pull/88) Temporarily skipped ember-beta and ember-canary ([@ijlee2](https://github.com/ijlee2))
|
|
29
|
+
* [#84](https://github.com/ijlee2/ember-container-query/pull/84) Fixed failing accessibility audits in Album page ([@ijlee2](https://github.com/ijlee2))
|
|
30
|
+
|
|
31
|
+
### Internal
|
|
32
|
+
* [#92](https://github.com/ijlee2/ember-container-query/pull/92) Updated ember-source to v3.27.5 ([@ijlee2](https://github.com/ijlee2))
|
|
33
|
+
* [#91](https://github.com/ijlee2/ember-container-query/pull/91) Updated development dependencies to their latest version ([@ijlee2](https://github.com/ijlee2))
|
|
34
|
+
* [#89](https://github.com/ijlee2/ember-container-query/pull/89) Updated development dependencies ([@ijlee2](https://github.com/ijlee2))
|
|
35
|
+
* [#85](https://github.com/ijlee2/ember-container-query/pull/85) Updated development dependencies to their latest ([@ijlee2](https://github.com/ijlee2))
|
|
36
|
+
|
|
37
|
+
### Committers: 1
|
|
38
|
+
- Isaac Lee ([@ijlee2](https://github.com/ijlee2))
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
## 1.1.8 (2021-04-22)
|
|
42
|
+
|
|
43
|
+
### Internal
|
|
44
|
+
* [#81](https://github.com/ijlee2/ember-container-query/pull/81) Updated ember-source to v3.26.1 ([@ijlee2](https://github.com/ijlee2))
|
|
45
|
+
* [#80](https://github.com/ijlee2/ember-container-query/pull/80) Updated ember-element-helper to v0.5.0 ([@ijlee2](https://github.com/ijlee2))
|
|
46
|
+
|
|
47
|
+
### Documentation
|
|
48
|
+
* [#79](https://github.com/ijlee2/ember-container-query/pull/79) Added embroider-safe to ember-try scenarios ([@ijlee2](https://github.com/ijlee2))
|
|
49
|
+
|
|
50
|
+
### Committers: 1
|
|
51
|
+
- Isaac Lee ([@ijlee2](https://github.com/ijlee2))
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
## 1.1.7 (2021-04-01)
|
|
55
|
+
|
|
56
|
+
### Bug Fix
|
|
57
|
+
* [#76](https://github.com/ijlee2/ember-container-query/pull/76) Fixed brittle tests ([@ijlee2](https://github.com/ijlee2))
|
|
58
|
+
|
|
59
|
+
### Internal
|
|
60
|
+
* [#77](https://github.com/ijlee2/ember-container-query/pull/77) Updated ember-source to v3.25 ([@ijlee2](https://github.com/ijlee2))
|
|
61
|
+
* [#75](https://github.com/ijlee2/ember-container-query/pull/75) Updated dependencies to their latest version ([@ijlee2](https://github.com/ijlee2))
|
|
62
|
+
|
|
63
|
+
### Documentation
|
|
64
|
+
* [#78](https://github.com/ijlee2/ember-container-query/pull/78) Added 3.24 LTS to ember-try scenario ([@ijlee2](https://github.com/ijlee2))
|
|
65
|
+
|
|
66
|
+
### Committers: 1
|
|
67
|
+
- Isaac Lee ([@ijlee2](https://github.com/ijlee2))
|
|
68
|
+
|
|
69
|
+
|
|
1
70
|
## 1.1.6 (2020-12-16)
|
|
2
71
|
|
|
3
72
|
### Internal
|
package/README.md
CHANGED
|
@@ -286,9 +286,9 @@ For more examples, I encourage you to check out the code for my demo app. It is
|
|
|
286
286
|
Compatibility
|
|
287
287
|
------------------------------------------------------------------------------
|
|
288
288
|
|
|
289
|
-
* Ember.js v3.
|
|
290
|
-
* Ember CLI
|
|
291
|
-
* Node.js
|
|
289
|
+
* Ember.js v3.20 or above<sup>1</sup>
|
|
290
|
+
* Ember CLI v3.20 or above
|
|
291
|
+
* Node.js v12 or above
|
|
292
292
|
* Modern browsers<sup>1</sup> (IE 11 won't be supported)
|
|
293
293
|
|
|
294
294
|
<sup>1. Until you can adopt Ember Octane and drop support for IE 11, I recommend using [`ember-fill-up`](https://github.com/chadian/ember-fill-up) to do container queries. The APIs are similar so your migration should be smooth. Chad Carbert and I will ensure that the addons are maintained side-by-side for some time.</sup>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { action } from '@ember/object';
|
|
2
2
|
import Component from '@glimmer/component';
|
|
3
3
|
import { tracked } from '@glimmer/tracking';
|
|
4
|
+
import { debounce } from '@ember/runloop';
|
|
4
5
|
|
|
5
6
|
export default class ContainerQueryComponent extends Component {
|
|
6
7
|
@tracked queryResults = {};
|
|
@@ -23,6 +24,17 @@ export default class ContainerQueryComponent extends Component {
|
|
|
23
24
|
// The dynamic tag is restricted to be immutable
|
|
24
25
|
tagName = this.args.tagName ?? 'div';
|
|
25
26
|
|
|
27
|
+
@action onResize(resizeObserverEntry) {
|
|
28
|
+
const element = resizeObserverEntry.target;
|
|
29
|
+
|
|
30
|
+
if (this.debounce > 0) {
|
|
31
|
+
debounce(this, this.queryContainer, element, this.debounce);
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
this.queryContainer(element);
|
|
36
|
+
}
|
|
37
|
+
|
|
26
38
|
@action queryContainer(element) {
|
|
27
39
|
this.measureDimensions(element);
|
|
28
40
|
this.evaluateQueries();
|
|
@@ -42,7 +54,7 @@ export default class ContainerQueryComponent extends Component {
|
|
|
42
54
|
const { dimension, min, max } = metadata;
|
|
43
55
|
const value = this[dimension];
|
|
44
56
|
|
|
45
|
-
queryResults[featureName] =
|
|
57
|
+
queryResults[featureName] = min <= value && value < max;
|
|
46
58
|
}
|
|
47
59
|
|
|
48
60
|
this.queryResults = queryResults;
|
|
@@ -51,7 +63,9 @@ export default class ContainerQueryComponent extends Component {
|
|
|
51
63
|
setDataAttributes(element) {
|
|
52
64
|
const prefix = this.dataAttributePrefix;
|
|
53
65
|
|
|
54
|
-
for (const [featureName, meetsFeature] of Object.entries(
|
|
66
|
+
for (const [featureName, meetsFeature] of Object.entries(
|
|
67
|
+
this.queryResults
|
|
68
|
+
)) {
|
|
55
69
|
let attributeName;
|
|
56
70
|
|
|
57
71
|
if (prefix) {
|
|
@@ -67,4 +81,4 @@ export default class ContainerQueryComponent extends Component {
|
|
|
67
81
|
}
|
|
68
82
|
}
|
|
69
83
|
}
|
|
70
|
-
}
|
|
84
|
+
}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { helper } from '@ember/component/helper';
|
|
2
2
|
|
|
3
|
-
export default helper(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const { min = 0, max = Infinity } = hash;
|
|
3
|
+
export default helper(function cqAspectRatio(params, hash) {
|
|
4
|
+
const dimension = 'aspectRatio';
|
|
5
|
+
const { min = 0, max = Infinity } = hash;
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
);
|
|
7
|
+
return { dimension, min, max };
|
|
8
|
+
});
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { helper } from '@ember/component/helper';
|
|
2
2
|
|
|
3
|
-
export default helper(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const { min = 0, max = Infinity } = hash;
|
|
3
|
+
export default helper(function cqHeight(params, hash) {
|
|
4
|
+
const dimension = 'height';
|
|
5
|
+
const { min = 0, max = Infinity } = hash;
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
);
|
|
7
|
+
return { dimension, min, max };
|
|
8
|
+
});
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { helper } from '@ember/component/helper';
|
|
2
2
|
|
|
3
|
-
export default helper(
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const { min = 0, max = Infinity } = hash;
|
|
3
|
+
export default helper(function cqWidth(params, hash) {
|
|
4
|
+
const dimension = 'width';
|
|
5
|
+
const { min = 0, max = Infinity } = hash;
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
);
|
|
7
|
+
return { dimension, min, max };
|
|
8
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from 'ember-container-query/components/container-query';
|
|
1
|
+
export { default } from 'ember-container-query/components/container-query';
|
package/app/helpers/cq-height.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, cqHeight } from 'ember-container-query/helpers/cq-height';
|
|
1
|
+
export { default, cqHeight } from 'ember-container-query/helpers/cq-height';
|
package/app/helpers/cq-width.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default, cqWidth } from 'ember-container-query/helpers/cq-width';
|
|
1
|
+
export { default, cqWidth } from 'ember-container-query/helpers/cq-width';
|
package/config/environment.js
CHANGED
package/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ember-container-query",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-alpha.0",
|
|
4
4
|
"description": "Container queries using Ember modifiers",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"container-queries",
|
|
@@ -26,22 +26,17 @@
|
|
|
26
26
|
"build": "ember build --environment=production",
|
|
27
27
|
"build:test": "ember build --environment=test",
|
|
28
28
|
"changelog": "lerna-changelog",
|
|
29
|
-
"lint": "npm-run-all --aggregate-output --continue-on-error --parallel lint
|
|
29
|
+
"lint": "npm-run-all --aggregate-output --continue-on-error --parallel \"lint:!(fix)\"",
|
|
30
30
|
"lint:dependency": "ember dependency-lint",
|
|
31
|
+
"lint:fix": "npm-run-all --aggregate-output --continue-on-error --parallel lint:*:fix",
|
|
31
32
|
"lint:hbs": "ember-template-lint .",
|
|
32
|
-
"lint:
|
|
33
|
+
"lint:hbs:fix": "ember-template-lint . --fix",
|
|
34
|
+
"lint:js": "eslint . --cache",
|
|
35
|
+
"lint:js:fix": "eslint . --fix",
|
|
33
36
|
"start": "ember serve",
|
|
34
|
-
"test": "
|
|
35
|
-
"test:ember
|
|
36
|
-
"test:ember
|
|
37
|
-
"test:ember:w3-h1": "DEVICE='w3-h1' percy exec -- ember test --test-port=7359",
|
|
38
|
-
"test:ember:w1-h2": "DEVICE='w1-h2' percy exec -- ember test --test-port=7360",
|
|
39
|
-
"test:ember:w2-h2": "DEVICE='w2-h2' percy exec -- ember test --test-port=7361",
|
|
40
|
-
"test:ember:w3-h2": "DEVICE='w3-h2' percy exec -- ember test --test-port=7362",
|
|
41
|
-
"test:ember:w1-h3": "DEVICE='w1-h3' percy exec -- ember test --test-port=7363",
|
|
42
|
-
"test:ember:w2-h3": "DEVICE='w2-h3' percy exec -- ember test --test-port=7364",
|
|
43
|
-
"test:ember:w3-h3": "DEVICE='w3-h3' percy exec -- ember test --test-port=7365",
|
|
44
|
-
"test:ember-compatibility": "ember try:one"
|
|
37
|
+
"test": "DEVICE='w3-h3' ember test",
|
|
38
|
+
"test:ember": "ember test",
|
|
39
|
+
"test:ember-compatibility": "./node_modules/.bin/ember try:one"
|
|
45
40
|
},
|
|
46
41
|
"changelog": {
|
|
47
42
|
"labels": {
|
|
@@ -54,57 +49,66 @@
|
|
|
54
49
|
}
|
|
55
50
|
},
|
|
56
51
|
"dependencies": {
|
|
57
|
-
"@ember/render-modifiers": "^
|
|
58
|
-
"ember-cli-babel": "^7.
|
|
59
|
-
"ember-cli-htmlbars": "^
|
|
60
|
-
"ember-
|
|
61
|
-
"ember-
|
|
52
|
+
"@ember/render-modifiers": "^2.0.0",
|
|
53
|
+
"ember-cli-babel": "^7.26.6",
|
|
54
|
+
"ember-cli-htmlbars": "^6.0.0",
|
|
55
|
+
"ember-element-helper": "^0.5.5",
|
|
56
|
+
"ember-on-resize-modifier": "^0.4.5"
|
|
62
57
|
},
|
|
63
58
|
"devDependencies": {
|
|
64
59
|
"@ember/optional-features": "^2.0.0",
|
|
65
|
-
"@
|
|
66
|
-
"@
|
|
67
|
-
"@
|
|
60
|
+
"@ember/test-helpers": "^2.6.0",
|
|
61
|
+
"@embroider/test-setup": "^0.47.2",
|
|
62
|
+
"@glimmer/component": "^1.0.4",
|
|
63
|
+
"@glimmer/tracking": "^1.0.4",
|
|
64
|
+
"@percy/cli": "^1.0.0-beta.71",
|
|
65
|
+
"@percy/ember": "^3.0.0",
|
|
68
66
|
"babel-eslint": "^10.1.0",
|
|
69
67
|
"broccoli-asset-rev": "^3.0.0",
|
|
70
|
-
"d3-array": "^
|
|
71
|
-
"d3-axis": "^
|
|
72
|
-
"d3-scale": "^
|
|
73
|
-
"d3-selection": "^
|
|
74
|
-
"d3-shape": "^
|
|
75
|
-
"ember-a11y-testing": "^3.0
|
|
76
|
-
"ember-auto-import": "^
|
|
77
|
-
"ember-cli": "~3.
|
|
68
|
+
"d3-array": "^3.1.1",
|
|
69
|
+
"d3-axis": "^3.0.0",
|
|
70
|
+
"d3-scale": "^4.0.2",
|
|
71
|
+
"d3-selection": "^3.0.0",
|
|
72
|
+
"d3-shape": "^3.0.1",
|
|
73
|
+
"ember-a11y-testing": "^4.3.0",
|
|
74
|
+
"ember-auto-import": "^2.2.4",
|
|
75
|
+
"ember-cli": "~3.28.4",
|
|
78
76
|
"ember-cli-dependency-checker": "^3.2.0",
|
|
79
|
-
"ember-cli-dependency-lint": "^2.0.
|
|
80
|
-
"ember-cli-inject-live-reload": "^2.0
|
|
77
|
+
"ember-cli-dependency-lint": "^2.0.1",
|
|
78
|
+
"ember-cli-inject-live-reload": "^2.1.0",
|
|
81
79
|
"ember-cli-netlify": "^0.4.1",
|
|
82
80
|
"ember-cli-sri": "^2.1.1",
|
|
83
|
-
"ember-cli-terser": "^4.0.
|
|
84
|
-
"ember-css-modules": "^
|
|
81
|
+
"ember-cli-terser": "^4.0.2",
|
|
82
|
+
"ember-css-modules": "^2.0.0",
|
|
85
83
|
"ember-disable-prototype-extensions": "^1.1.3",
|
|
86
84
|
"ember-export-application-global": "^2.0.1",
|
|
87
85
|
"ember-load-initializers": "^2.1.2",
|
|
88
|
-
"ember-maybe-import-regenerator": "^0.
|
|
89
|
-
"ember-
|
|
90
|
-
"ember-
|
|
91
|
-
"ember-
|
|
86
|
+
"ember-maybe-import-regenerator": "^1.0.0",
|
|
87
|
+
"ember-page-title": "^7.0.0",
|
|
88
|
+
"ember-qunit": "^5.1.5",
|
|
89
|
+
"ember-resolver": "^8.0.3",
|
|
90
|
+
"ember-source": "~3.28.8",
|
|
92
91
|
"ember-source-channel-url": "^3.0.0",
|
|
93
|
-
"ember-svg-jar": "^2.
|
|
94
|
-
"ember-template-lint": "^
|
|
95
|
-
"ember-test-selectors": "^
|
|
92
|
+
"ember-svg-jar": "^2.3.3",
|
|
93
|
+
"ember-template-lint": "^3.14.0",
|
|
94
|
+
"ember-test-selectors": "^6.0.0",
|
|
96
95
|
"ember-truth-helpers": "^3.0.0",
|
|
97
|
-
"ember-try": "^
|
|
98
|
-
"eslint": "^7.
|
|
99
|
-
"eslint-
|
|
96
|
+
"ember-try": "^2.0.0",
|
|
97
|
+
"eslint": "^7.32.0",
|
|
98
|
+
"eslint-config-prettier": "^8.3.0",
|
|
99
|
+
"eslint-plugin-ember": "^10.5.8",
|
|
100
100
|
"eslint-plugin-node": "^11.1.0",
|
|
101
|
-
"
|
|
101
|
+
"eslint-plugin-prettier": "^4.0.0",
|
|
102
|
+
"lerna-changelog": "^2.2.0",
|
|
102
103
|
"loader.js": "^4.7.0",
|
|
103
104
|
"npm-run-all": "^4.1.5",
|
|
104
|
-
"
|
|
105
|
+
"prettier": "^2.4.1",
|
|
106
|
+
"qunit": "^2.17.2",
|
|
107
|
+
"qunit-dom": "^2.0.0",
|
|
108
|
+
"webpack": "^5.64.4"
|
|
105
109
|
},
|
|
106
110
|
"engines": {
|
|
107
|
-
"node": "
|
|
111
|
+
"node": "12.* || 14.* || >= 16"
|
|
108
112
|
},
|
|
109
113
|
"ember": {
|
|
110
114
|
"edition": "octane"
|