ember-container-query 3.1.0 → 3.2.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/.stylelintcache +1 -1
- package/CHANGELOG.md +15 -0
- package/README.md +32 -11
- package/addon/components/container-query.ts +2 -1
- package/addon/helpers/{cq-aspect-ratio.ts → aspect-ratio.ts} +5 -4
- package/addon/helpers/{cq-height.ts → height.ts} +5 -4
- package/addon/helpers/{cq-width.ts → width.ts} +5 -4
- package/addon/index.ts +5 -0
- package/addon/template-registry.ts +11 -8
- package/app/helpers/aspect-ratio.js +1 -0
- package/app/helpers/cq-aspect-ratio.js +18 -1
- package/app/helpers/cq-height.js +18 -1
- package/app/helpers/cq-width.js +18 -1
- package/app/helpers/height.js +1 -0
- package/app/helpers/width.js +1 -0
- package/components/container-query.d.ts +1 -1
- package/helpers/aspect-ratio.d.ts +13 -0
- package/helpers/height.d.ts +13 -0
- package/helpers/width.d.ts +13 -0
- package/index.d.ts +6 -0
- package/package.json +14 -13
- package/template-registry.d.ts +11 -8
- package/helpers/cq-aspect-ratio.d.ts +0 -13
- package/helpers/cq-height.d.ts +0 -13
- package/helpers/cq-width.d.ts +0 -13
package/.stylelintcache
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[{"/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/album.css":"1","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/
|
|
1
|
+
[{"/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/album.css":"1","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/form.css":"2","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/app.css":"3","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/navigation-menu.css":"4","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/index.css":"5","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/application.css":"6","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/not-found.css":"7","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/dashboard.css":"8","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-1.css":"9","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form.css":"10","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/page.css":"11","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/tracks/table.css":"12","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/tracks/list.css":"13","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-2.css":"14","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-5.css":"15","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-3.css":"16","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4.css":"17","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form/information.css":"18","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form/checkbox.css":"19","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form/field.css":"20","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form/textarea.css":"21","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-1/item.css":"22","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-2/captions.css":"23","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form/input.css":"24","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-2/stacked-chart.css":"25","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo.css":"26","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-3/tour-schedule.css":"27","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo/body.css":"28","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo/actions.css":"29","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-3/tour-schedule/responsive-image.css":"30","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo/header.css":"31"},{"size":892,"mtime":1672845344230,"hashOfConfig":"32"},{"size":82,"mtime":1672845344239,"hashOfConfig":"32"},{"size":1494,"mtime":1672845344232,"hashOfConfig":"32"},{"size":323,"mtime":1672845342271,"hashOfConfig":"32"},{"size":36,"mtime":1672845344240,"hashOfConfig":"32"},{"size":980,"mtime":1672845344234,"hashOfConfig":"32"},{"size":1299,"mtime":1672845344242,"hashOfConfig":"32"},{"size":1846,"mtime":1672845344237,"hashOfConfig":"32"},{"size":797,"mtime":1672845342436,"hashOfConfig":"32"},{"size":324,"mtime":1672845342377,"hashOfConfig":"32"},{"size":306,"mtime":1672845342429,"hashOfConfig":"32"},{"size":106,"mtime":1672845342371,"hashOfConfig":"32"},{"size":323,"mtime":1672845342365,"hashOfConfig":"32"},{"size":439,"mtime":1672845342448,"hashOfConfig":"32"},{"size":657,"mtime":1672845342511,"hashOfConfig":"32"},{"size":268,"mtime":1672845342466,"hashOfConfig":"32"},{"size":400,"mtime":1672845342484,"hashOfConfig":"32"},{"size":225,"mtime":1672845342406,"hashOfConfig":"32"},{"size":566,"mtime":1672845342392,"hashOfConfig":"32"},{"size":1630,"mtime":1672845342398,"hashOfConfig":"32"},{"size":375,"mtime":1672845342424,"hashOfConfig":"32"},{"size":243,"mtime":1672845342443,"hashOfConfig":"32"},{"size":2101,"mtime":1672845342453,"hashOfConfig":"32"},{"size":360,"mtime":1672845342416,"hashOfConfig":"32"},{"size":267,"mtime":1672845342460,"hashOfConfig":"32"},{"size":937,"mtime":1672845342490,"hashOfConfig":"32"},{"size":1570,"mtime":1672845342474,"hashOfConfig":"32"},{"size":493,"mtime":1672845342500,"hashOfConfig":"32"},{"size":701,"mtime":1672845342495,"hashOfConfig":"32"},{"size":159,"mtime":1672845342479,"hashOfConfig":"32"},{"size":888,"mtime":1672845342505,"hashOfConfig":"32"},"v8nntw"]
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
## 3.2.0 (2023-01-05)
|
|
2
|
+
|
|
3
|
+
### Enhancement
|
|
4
|
+
* [#147](https://github.com/ijlee2/ember-container-query/pull/147) Use relative paths whenever possible ([@ijlee2](https://github.com/ijlee2))
|
|
5
|
+
* [#130](https://github.com/ijlee2/ember-container-query/pull/130) Add easier imports from strict mode users ([@NullVoxPopuli](https://github.com/NullVoxPopuli))
|
|
6
|
+
* [#146](https://github.com/ijlee2/ember-container-query/pull/146) Renamed the helpers by dropping the cq prefix ([@ijlee2](https://github.com/ijlee2))
|
|
7
|
+
|
|
8
|
+
### Internal
|
|
9
|
+
* [#148](https://github.com/ijlee2/ember-container-query/pull/148) Updated development dependencies ([@ijlee2](https://github.com/ijlee2))
|
|
10
|
+
|
|
11
|
+
### Committers: 2
|
|
12
|
+
- Isaac Lee ([@ijlee2](https://github.com/ijlee2))
|
|
13
|
+
- [@NullVoxPopuli](https://github.com/NullVoxPopuli)
|
|
14
|
+
|
|
15
|
+
|
|
1
16
|
## 3.1.0 (2022-12-20)
|
|
2
17
|
|
|
3
18
|
### Enhancement
|
package/README.md
CHANGED
|
@@ -21,7 +21,28 @@ ember install ember-container-query
|
|
|
21
21
|
<details>
|
|
22
22
|
<summary>Use Glint? ✨</summary>
|
|
23
23
|
|
|
24
|
-
- If you are using [strict mode](
|
|
24
|
+
- If you are using [strict mode](https://github.com/ember-template-imports/ember-template-imports), then you are good to go!
|
|
25
|
+
|
|
26
|
+
```ts
|
|
27
|
+
/* app/components/tracks.{gjs,gts} */
|
|
28
|
+
|
|
29
|
+
import { hash } from '@ember/helper';
|
|
30
|
+
import { ContainerQuery, height, width } from 'ember-container-query';
|
|
31
|
+
|
|
32
|
+
<template>
|
|
33
|
+
<ContainerQuery
|
|
34
|
+
@features={{hash
|
|
35
|
+
small=(width max=480)
|
|
36
|
+
medium=(width min=480 max=640)
|
|
37
|
+
large=(width min=640)
|
|
38
|
+
tall=(height min=320)
|
|
39
|
+
}}
|
|
40
|
+
as |CQ|
|
|
41
|
+
>
|
|
42
|
+
...
|
|
43
|
+
</ContainerQuery>
|
|
44
|
+
</template>
|
|
45
|
+
```
|
|
25
46
|
|
|
26
47
|
- Otherwise, update your template registry to extend this addon's. Check the [Glint documentation](https://typed-ember.gitbook.io/glint/using-glint/ember/using-addons#using-glint-enabled-addons) for more information.
|
|
27
48
|
|
|
@@ -132,9 +153,9 @@ API
|
|
|
132
153
|
The addon provides 1 Glimmer component and 3 helpers:
|
|
133
154
|
|
|
134
155
|
- `<ContainerQuery>`
|
|
135
|
-
- `{{
|
|
136
|
-
- `{{
|
|
137
|
-
- `{{
|
|
156
|
+
- `{{aspect-ratio}}`
|
|
157
|
+
- `{{height}}`
|
|
158
|
+
- `{{width}}`
|
|
138
159
|
|
|
139
160
|
Starting `v2.1.1`, the addon extracts the core logic into a modifier. This lets you opt out of using the provided component.
|
|
140
161
|
|
|
@@ -186,7 +207,7 @@ You can consume these values in your app or addon.
|
|
|
186
207
|
|
|
187
208
|
|
|
188
209
|
<details>
|
|
189
|
-
<summary><code>{{
|
|
210
|
+
<summary><code>{{aspect-ratio}}</code>, <code>{{height}}</code>, <code>{{width}}</code></summary>
|
|
190
211
|
|
|
191
212
|
### Arguments
|
|
192
213
|
|
|
@@ -239,8 +260,8 @@ Let's look at the code that created the video demo above.
|
|
|
239
260
|
```hbs
|
|
240
261
|
<ContainerQuery
|
|
241
262
|
@features={{hash
|
|
242
|
-
large=(
|
|
243
|
-
tall=(
|
|
263
|
+
large=(width min=960)
|
|
264
|
+
tall=(height min=400)
|
|
244
265
|
}}
|
|
245
266
|
as |CQ|
|
|
246
267
|
>
|
|
@@ -280,10 +301,10 @@ Let's look at the code that created the video demo above.
|
|
|
280
301
|
```hbs
|
|
281
302
|
<ContainerQuery
|
|
282
303
|
@features={{hash
|
|
283
|
-
small=(
|
|
284
|
-
medium=(
|
|
285
|
-
large=(
|
|
286
|
-
tall=(
|
|
304
|
+
small=(width max=480)
|
|
305
|
+
medium=(width min=480 max=640)
|
|
306
|
+
large=(width min=640)
|
|
307
|
+
tall=(height min=320)
|
|
287
308
|
}}
|
|
288
309
|
as |CQ|
|
|
289
310
|
>
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { action } from '@ember/object';
|
|
2
2
|
import Component from '@glimmer/component';
|
|
3
3
|
import { tracked } from '@glimmer/tracking';
|
|
4
|
+
|
|
4
5
|
import type {
|
|
5
6
|
Dimensions,
|
|
6
7
|
Features,
|
|
7
8
|
IndexSignatureParameter,
|
|
8
9
|
QueryResults,
|
|
9
|
-
} from '
|
|
10
|
+
} from '../modifiers/container-query';
|
|
10
11
|
|
|
11
12
|
interface ContainerQueryComponentSignature<T extends IndexSignatureParameter> {
|
|
12
13
|
Args: {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { helper } from '@ember/component/helper';
|
|
2
|
-
import type { Metadata } from 'ember-container-query/modifiers/container-query';
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
import type { Metadata } from '../modifiers/container-query';
|
|
4
|
+
|
|
5
|
+
interface AspectRatioHelperSignature {
|
|
5
6
|
Args: {
|
|
6
7
|
Named: {
|
|
7
8
|
max?: number;
|
|
@@ -12,7 +13,7 @@ interface CqAspectRatioHelperSignature {
|
|
|
12
13
|
Return: Metadata;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
const
|
|
16
|
+
const AspectRatioHelper = helper<AspectRatioHelperSignature>(
|
|
16
17
|
(_positional, named) => {
|
|
17
18
|
const dimension = 'aspectRatio';
|
|
18
19
|
const max = named.max ?? Infinity;
|
|
@@ -22,4 +23,4 @@ const CqAspectRatioHelper = helper<CqAspectRatioHelperSignature>(
|
|
|
22
23
|
}
|
|
23
24
|
);
|
|
24
25
|
|
|
25
|
-
export default
|
|
26
|
+
export default AspectRatioHelper;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { helper } from '@ember/component/helper';
|
|
2
|
-
import type { Metadata } from 'ember-container-query/modifiers/container-query';
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
import type { Metadata } from '../modifiers/container-query';
|
|
4
|
+
|
|
5
|
+
interface HeightHelperSignature {
|
|
5
6
|
Args: {
|
|
6
7
|
Named: {
|
|
7
8
|
max?: number;
|
|
@@ -12,7 +13,7 @@ interface CqHeightHelperSignature {
|
|
|
12
13
|
Return: Metadata;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
const
|
|
16
|
+
const HeightHelper = helper<HeightHelperSignature>((_positional, named) => {
|
|
16
17
|
const dimension = 'height';
|
|
17
18
|
const max = named.max ?? Infinity;
|
|
18
19
|
const min = named.min ?? 0;
|
|
@@ -20,4 +21,4 @@ const CqHeightHelper = helper<CqHeightHelperSignature>((_positional, named) => {
|
|
|
20
21
|
return { dimension, max, min };
|
|
21
22
|
});
|
|
22
23
|
|
|
23
|
-
export default
|
|
24
|
+
export default HeightHelper;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { helper } from '@ember/component/helper';
|
|
2
|
-
import type { Metadata } from 'ember-container-query/modifiers/container-query';
|
|
3
2
|
|
|
4
|
-
|
|
3
|
+
import type { Metadata } from '../modifiers/container-query';
|
|
4
|
+
|
|
5
|
+
interface WidthHelperSignature {
|
|
5
6
|
Args: {
|
|
6
7
|
Named: {
|
|
7
8
|
max?: number;
|
|
@@ -12,7 +13,7 @@ interface CqWidthHelperSignature {
|
|
|
12
13
|
Return: Metadata;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
const
|
|
16
|
+
const WidthHelper = helper<WidthHelperSignature>((_positional, named) => {
|
|
16
17
|
const dimension = 'width';
|
|
17
18
|
const max = named.max ?? Infinity;
|
|
18
19
|
const min = named.min ?? 0;
|
|
@@ -20,4 +21,4 @@ const CqWidthHelper = helper<CqWidthHelperSignature>((_positional, named) => {
|
|
|
20
21
|
return { dimension, max, min };
|
|
21
22
|
});
|
|
22
23
|
|
|
23
|
-
export default
|
|
24
|
+
export default WidthHelper;
|
package/addon/index.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as ContainerQuery } from './components/container-query';
|
|
2
|
+
export { default as aspectRatio } from './helpers/aspect-ratio';
|
|
3
|
+
export { default as height } from './helpers/height';
|
|
4
|
+
export { default as width } from './helpers/width';
|
|
5
|
+
export { default as containerQuery } from './modifiers/container-query';
|
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import type ContainerQueryComponent from '
|
|
2
|
-
import type
|
|
3
|
-
import type
|
|
4
|
-
import type
|
|
5
|
-
import type ContainerQueryModifier from '
|
|
1
|
+
import type ContainerQueryComponent from './components/container-query';
|
|
2
|
+
import type AspectRatioHelper from './helpers/aspect-ratio';
|
|
3
|
+
import type HeightHelper from './helpers/height';
|
|
4
|
+
import type WidthHelper from './helpers/width';
|
|
5
|
+
import type ContainerQueryModifier from './modifiers/container-query';
|
|
6
6
|
|
|
7
7
|
export default interface EmberContainerQueryRegistry {
|
|
8
8
|
ContainerQuery: typeof ContainerQueryComponent;
|
|
9
|
+
'aspect-ratio': typeof AspectRatioHelper;
|
|
9
10
|
'container-query': typeof ContainerQueryModifier;
|
|
10
|
-
'cq-aspect-ratio': typeof
|
|
11
|
-
'cq-height': typeof
|
|
12
|
-
'cq-width': typeof
|
|
11
|
+
'cq-aspect-ratio': typeof AspectRatioHelper;
|
|
12
|
+
'cq-height': typeof HeightHelper;
|
|
13
|
+
'cq-width': typeof WidthHelper;
|
|
14
|
+
height: typeof HeightHelper;
|
|
15
|
+
width: typeof WidthHelper;
|
|
13
16
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from 'ember-container-query/helpers/aspect-ratio';
|
|
@@ -1 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import { deprecate } from '@ember/debug';
|
|
2
|
+
|
|
3
|
+
deprecate(
|
|
4
|
+
'The {{cq-aspect-ratio}} helper has been renamed to {{aspect-ratio}}. Please update the helper name in your template.',
|
|
5
|
+
false,
|
|
6
|
+
{
|
|
7
|
+
for: 'ember-container-query',
|
|
8
|
+
id: 'ember-container-query.rename-cq-aspect-ratio-helper',
|
|
9
|
+
since: {
|
|
10
|
+
available: '3.2.0',
|
|
11
|
+
enabled: '3.2.0',
|
|
12
|
+
},
|
|
13
|
+
until: '4.0.0',
|
|
14
|
+
url: 'https://github.com/ijlee2/ember-container-query/tree/3.2.0#api',
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
export { default } from 'ember-container-query/helpers/aspect-ratio';
|
package/app/helpers/cq-height.js
CHANGED
|
@@ -1 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import { deprecate } from '@ember/debug';
|
|
2
|
+
|
|
3
|
+
deprecate(
|
|
4
|
+
'The {{cq-height}} helper has been renamed to {{height}}. Please update the helper name in your template.',
|
|
5
|
+
false,
|
|
6
|
+
{
|
|
7
|
+
for: 'ember-container-query',
|
|
8
|
+
id: 'ember-container-query.rename-cq-height-helper',
|
|
9
|
+
since: {
|
|
10
|
+
available: '3.2.0',
|
|
11
|
+
enabled: '3.2.0',
|
|
12
|
+
},
|
|
13
|
+
until: '4.0.0',
|
|
14
|
+
url: 'https://github.com/ijlee2/ember-container-query/tree/3.2.0#api',
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
export { default } from 'ember-container-query/helpers/height';
|
package/app/helpers/cq-width.js
CHANGED
|
@@ -1 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import { deprecate } from '@ember/debug';
|
|
2
|
+
|
|
3
|
+
deprecate(
|
|
4
|
+
'The {{cq-width}} helper has been renamed to {{width}}. Please update the helper name in your template.',
|
|
5
|
+
false,
|
|
6
|
+
{
|
|
7
|
+
for: 'ember-container-query',
|
|
8
|
+
id: 'ember-container-query.rename-cq-width-helper',
|
|
9
|
+
since: {
|
|
10
|
+
available: '3.2.0',
|
|
11
|
+
enabled: '3.2.0',
|
|
12
|
+
},
|
|
13
|
+
until: '4.0.0',
|
|
14
|
+
url: 'https://github.com/ijlee2/ember-container-query/tree/3.2.0#api',
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
|
|
18
|
+
export { default } from 'ember-container-query/helpers/width';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from 'ember-container-query/helpers/height';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from 'ember-container-query/helpers/width';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Component from '@glimmer/component';
|
|
2
|
-
import type { Dimensions, Features, IndexSignatureParameter, QueryResults } from '
|
|
2
|
+
import type { Dimensions, Features, IndexSignatureParameter, QueryResults } from '../modifiers/container-query';
|
|
3
3
|
interface ContainerQueryComponentSignature<T extends IndexSignatureParameter> {
|
|
4
4
|
Args: {
|
|
5
5
|
dataAttributePrefix?: string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Metadata } from '../modifiers/container-query';
|
|
2
|
+
declare const AspectRatioHelper: import("@ember/component/helper").FunctionBasedHelper<{
|
|
3
|
+
Args: {
|
|
4
|
+
Positional: [];
|
|
5
|
+
Named: {
|
|
6
|
+
max?: number | undefined;
|
|
7
|
+
min?: number | undefined;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
Return: Metadata;
|
|
11
|
+
}>;
|
|
12
|
+
export default AspectRatioHelper;
|
|
13
|
+
//# sourceMappingURL=aspect-ratio.d.ts.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Metadata } from '../modifiers/container-query';
|
|
2
|
+
declare const HeightHelper: import("@ember/component/helper").FunctionBasedHelper<{
|
|
3
|
+
Args: {
|
|
4
|
+
Positional: [];
|
|
5
|
+
Named: {
|
|
6
|
+
max?: number | undefined;
|
|
7
|
+
min?: number | undefined;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
Return: Metadata;
|
|
11
|
+
}>;
|
|
12
|
+
export default HeightHelper;
|
|
13
|
+
//# sourceMappingURL=height.d.ts.map
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Metadata } from '../modifiers/container-query';
|
|
2
|
+
declare const WidthHelper: import("@ember/component/helper").FunctionBasedHelper<{
|
|
3
|
+
Args: {
|
|
4
|
+
Positional: [];
|
|
5
|
+
Named: {
|
|
6
|
+
max?: number | undefined;
|
|
7
|
+
min?: number | undefined;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
Return: Metadata;
|
|
11
|
+
}>;
|
|
12
|
+
export default WidthHelper;
|
|
13
|
+
//# sourceMappingURL=width.d.ts.map
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as ContainerQuery } from './components/container-query';
|
|
2
|
+
export { default as aspectRatio } from './helpers/aspect-ratio';
|
|
3
|
+
export { default as height } from './helpers/height';
|
|
4
|
+
export { default as width } from './helpers/width';
|
|
5
|
+
export { default as containerQuery } from './modifiers/container-query';
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ember-container-query",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"description": "Container queries using Ember modifiers",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"container-queries",
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
"ember-addon",
|
|
11
11
|
"ember-octane",
|
|
12
12
|
"emberjs",
|
|
13
|
+
"glint",
|
|
13
14
|
"responsive-design"
|
|
14
15
|
],
|
|
15
16
|
"repository": {
|
|
@@ -64,7 +65,7 @@
|
|
|
64
65
|
},
|
|
65
66
|
"devDependencies": {
|
|
66
67
|
"@ember/optional-features": "^2.0.0",
|
|
67
|
-
"@ember/test-helpers": "^2.9.
|
|
68
|
+
"@ember/test-helpers": "^2.9.3",
|
|
68
69
|
"@embroider/test-setup": "^2.0.2",
|
|
69
70
|
"@gavant/glint-template-types": "^0.3.0",
|
|
70
71
|
"@glimmer/component": "^1.1.2",
|
|
@@ -74,10 +75,10 @@
|
|
|
74
75
|
"@glint/template": "^v1.0.0-beta.2",
|
|
75
76
|
"@percy/cli": "^1.16.0",
|
|
76
77
|
"@percy/ember": "^4.0.0",
|
|
77
|
-
"@tsconfig/ember": "^
|
|
78
|
+
"@tsconfig/ember": "^2.0.0",
|
|
78
79
|
"@types/ember__application": "^4.0.5",
|
|
79
80
|
"@types/ember__array": "^4.0.3",
|
|
80
|
-
"@types/ember__component": "^4.0.
|
|
81
|
+
"@types/ember__component": "^4.0.12",
|
|
81
82
|
"@types/ember__controller": "^4.0.4",
|
|
82
83
|
"@types/ember__debug": "^4.0.3",
|
|
83
84
|
"@types/ember__destroyable": "^4.0.1",
|
|
@@ -95,15 +96,15 @@
|
|
|
95
96
|
"@types/htmlbars-inline-precompile": "^3.0.0",
|
|
96
97
|
"@types/qunit": "^2.19.3",
|
|
97
98
|
"@types/rsvp": "^4.0.4",
|
|
98
|
-
"@typescript-eslint/eslint-plugin": "^5.
|
|
99
|
-
"@typescript-eslint/parser": "^5.
|
|
99
|
+
"@typescript-eslint/eslint-plugin": "^5.48.0",
|
|
100
|
+
"@typescript-eslint/parser": "^5.48.0",
|
|
100
101
|
"broccoli-asset-rev": "^3.0.0",
|
|
101
102
|
"concurrently": "^7.6.0",
|
|
102
103
|
"d3-array": "^3.2.1",
|
|
103
104
|
"d3-axis": "^3.0.0",
|
|
104
105
|
"d3-scale": "^4.0.2",
|
|
105
106
|
"d3-selection": "^3.0.0",
|
|
106
|
-
"d3-shape": "^3.
|
|
107
|
+
"d3-shape": "^3.2.0",
|
|
107
108
|
"ember-a11y-refocus": "^3.0.2",
|
|
108
109
|
"ember-a11y-testing": "^5.1.0",
|
|
109
110
|
"ember-auto-import": "^2.5.0",
|
|
@@ -119,7 +120,7 @@
|
|
|
119
120
|
"ember-named-blocks-polyfill": "^0.2.5",
|
|
120
121
|
"ember-page-title": "^7.0.0",
|
|
121
122
|
"ember-qunit": "^6.1.1",
|
|
122
|
-
"ember-resolver": "^9.0.
|
|
123
|
+
"ember-resolver": "^9.0.1",
|
|
123
124
|
"ember-source": "~4.9.3",
|
|
124
125
|
"ember-source-channel-url": "^3.0.0",
|
|
125
126
|
"ember-svg-jar": "^2.4.2",
|
|
@@ -127,9 +128,9 @@
|
|
|
127
128
|
"ember-template-lint-plugin-prettier": "^4.1.0",
|
|
128
129
|
"ember-truth-helpers": "^3.1.1",
|
|
129
130
|
"ember-try": "^2.0.0",
|
|
130
|
-
"eslint": "^8.
|
|
131
|
-
"eslint-config-prettier": "^8.
|
|
132
|
-
"eslint-plugin-ember": "^11.
|
|
131
|
+
"eslint": "^8.31.0",
|
|
132
|
+
"eslint-config-prettier": "^8.6.0",
|
|
133
|
+
"eslint-plugin-ember": "^11.4.2",
|
|
133
134
|
"eslint-plugin-n": "^15.6.0",
|
|
134
135
|
"eslint-plugin-prettier": "^4.2.1",
|
|
135
136
|
"eslint-plugin-qunit": "^7.3.4",
|
|
@@ -140,10 +141,10 @@
|
|
|
140
141
|
"prettier": "^2.8.1",
|
|
141
142
|
"qunit": "^2.19.3",
|
|
142
143
|
"qunit-dom": "^2.0.0",
|
|
143
|
-
"stylelint": "^14.16.
|
|
144
|
+
"stylelint": "^14.16.1",
|
|
144
145
|
"stylelint-config-standard": "^29.0.0",
|
|
145
146
|
"stylelint-no-unsupported-browser-features": "^6.0.1",
|
|
146
|
-
"stylelint-order": "^
|
|
147
|
+
"stylelint-order": "^6.0.0",
|
|
147
148
|
"typescript": "^4.9.4",
|
|
148
149
|
"webpack": "^5.75.0"
|
|
149
150
|
},
|
package/template-registry.d.ts
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
|
-
import type ContainerQueryComponent from '
|
|
2
|
-
import type
|
|
3
|
-
import type
|
|
4
|
-
import type
|
|
5
|
-
import type ContainerQueryModifier from '
|
|
1
|
+
import type ContainerQueryComponent from './components/container-query';
|
|
2
|
+
import type AspectRatioHelper from './helpers/aspect-ratio';
|
|
3
|
+
import type HeightHelper from './helpers/height';
|
|
4
|
+
import type WidthHelper from './helpers/width';
|
|
5
|
+
import type ContainerQueryModifier from './modifiers/container-query';
|
|
6
6
|
export default interface EmberContainerQueryRegistry {
|
|
7
7
|
ContainerQuery: typeof ContainerQueryComponent;
|
|
8
|
+
'aspect-ratio': typeof AspectRatioHelper;
|
|
8
9
|
'container-query': typeof ContainerQueryModifier;
|
|
9
|
-
'cq-aspect-ratio': typeof
|
|
10
|
-
'cq-height': typeof
|
|
11
|
-
'cq-width': typeof
|
|
10
|
+
'cq-aspect-ratio': typeof AspectRatioHelper;
|
|
11
|
+
'cq-height': typeof HeightHelper;
|
|
12
|
+
'cq-width': typeof WidthHelper;
|
|
13
|
+
height: typeof HeightHelper;
|
|
14
|
+
width: typeof WidthHelper;
|
|
12
15
|
}
|
|
13
16
|
//# sourceMappingURL=template-registry.d.ts.map
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Metadata } from 'ember-container-query/modifiers/container-query';
|
|
2
|
-
declare const CqAspectRatioHelper: import("@ember/component/helper").FunctionBasedHelper<{
|
|
3
|
-
Args: {
|
|
4
|
-
Positional: [];
|
|
5
|
-
Named: {
|
|
6
|
-
max?: number | undefined;
|
|
7
|
-
min?: number | undefined;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
Return: Metadata;
|
|
11
|
-
}>;
|
|
12
|
-
export default CqAspectRatioHelper;
|
|
13
|
-
//# sourceMappingURL=cq-aspect-ratio.d.ts.map
|
package/helpers/cq-height.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Metadata } from 'ember-container-query/modifiers/container-query';
|
|
2
|
-
declare const CqHeightHelper: import("@ember/component/helper").FunctionBasedHelper<{
|
|
3
|
-
Args: {
|
|
4
|
-
Positional: [];
|
|
5
|
-
Named: {
|
|
6
|
-
max?: number | undefined;
|
|
7
|
-
min?: number | undefined;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
Return: Metadata;
|
|
11
|
-
}>;
|
|
12
|
-
export default CqHeightHelper;
|
|
13
|
-
//# sourceMappingURL=cq-height.d.ts.map
|
package/helpers/cq-width.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Metadata } from 'ember-container-query/modifiers/container-query';
|
|
2
|
-
declare const CqWidthHelper: import("@ember/component/helper").FunctionBasedHelper<{
|
|
3
|
-
Args: {
|
|
4
|
-
Positional: [];
|
|
5
|
-
Named: {
|
|
6
|
-
max?: number | undefined;
|
|
7
|
-
min?: number | undefined;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
Return: Metadata;
|
|
11
|
-
}>;
|
|
12
|
-
export default CqWidthHelper;
|
|
13
|
-
//# sourceMappingURL=cq-width.d.ts.map
|