ember-container-query 3.1.0 → 4.0.0-alpha.1

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.
Files changed (57) hide show
  1. package/README.md +33 -12
  2. package/addon-main.js +5 -0
  3. package/dist/_app_/components/container-query.js +1 -0
  4. package/dist/_app_/helpers/aspect-ratio.js +1 -0
  5. package/dist/_app_/helpers/height.js +1 -0
  6. package/dist/_app_/helpers/width.js +1 -0
  7. package/dist/_app_/modifiers/container-query.js +1 -0
  8. package/dist/applyDecoratedDescriptor-fa858ac4.js +77 -0
  9. package/dist/applyDecoratedDescriptor-fa858ac4.js.map +1 -0
  10. package/{addon/styles → dist/components}/container-query.css +0 -0
  11. package/{components → dist/components}/container-query.d.ts +4 -4
  12. package/dist/components/container-query.d.ts.map +1 -0
  13. package/dist/components/container-query.js +40 -0
  14. package/dist/components/container-query.js.map +1 -0
  15. package/dist/helpers/aspect-ratio.d.ts +13 -0
  16. package/dist/helpers/aspect-ratio.js +15 -0
  17. package/dist/helpers/aspect-ratio.js.map +1 -0
  18. package/dist/helpers/height.d.ts +13 -0
  19. package/dist/helpers/height.js +15 -0
  20. package/dist/helpers/height.js.map +1 -0
  21. package/dist/helpers/width.d.ts +13 -0
  22. package/dist/helpers/width.js +15 -0
  23. package/dist/helpers/width.js.map +1 -0
  24. package/dist/index.d.ts +5 -0
  25. package/dist/index.js +6 -0
  26. package/dist/index.js.map +1 -0
  27. package/{modifiers → dist/modifiers}/container-query.d.ts +5 -5
  28. package/dist/modifiers/container-query.js +106 -0
  29. package/dist/modifiers/container-query.js.map +1 -0
  30. package/dist/template-registry.d.ts +13 -0
  31. package/dist/template-registry.js +2 -0
  32. package/dist/template-registry.js.map +1 -0
  33. package/package.json +48 -107
  34. package/.netlifyredirects +0 -1
  35. package/.stylelintcache +0 -1
  36. package/.stylelintrc.js +0 -64
  37. package/CHANGELOG.md +0 -410
  38. package/addon/components/container-query.hbs +0 -21
  39. package/addon/components/container-query.ts +0 -48
  40. package/addon/helpers/cq-aspect-ratio.ts +0 -25
  41. package/addon/helpers/cq-height.ts +0 -23
  42. package/addon/helpers/cq-width.ts +0 -23
  43. package/addon/modifiers/container-query.ts +0 -179
  44. package/addon/template-registry.ts +0 -13
  45. package/app/components/container-query.js +0 -1
  46. package/app/helpers/cq-aspect-ratio.js +0 -1
  47. package/app/helpers/cq-height.js +0 -1
  48. package/app/helpers/cq-width.js +0 -1
  49. package/app/modifiers/container-query.js +0 -1
  50. package/helpers/cq-aspect-ratio.d.ts +0 -13
  51. package/helpers/cq-height.d.ts +0 -13
  52. package/helpers/cq-width.d.ts +0 -13
  53. package/index.js +0 -5
  54. package/template-registry.d.ts +0 -13
  55. package/tsconfig.json +0 -47
  56. package/types/dummy/index.d.ts +0 -33
  57. package/types/global.d.ts +0 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ember-container-query",
3
- "version": "3.1.0",
3
+ "version": "4.0.0-alpha.1",
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": {
@@ -18,134 +19,66 @@
18
19
  },
19
20
  "license": "MIT",
20
21
  "author": "Isaac J. Lee",
22
+ "exports": {
23
+ ".": "./dist/index.js",
24
+ "./*": "./dist/*.js",
25
+ "./addon-main.js": "./addon-main.js"
26
+ },
21
27
  "directories": {
22
28
  "doc": "doc",
23
29
  "test": "tests"
24
30
  },
31
+ "files": [
32
+ "addon-main.js",
33
+ "dist"
34
+ ],
25
35
  "scripts": {
26
- "build": "ember build --environment=production",
27
- "build:test": "ember build --environment=test",
28
- "changelog": "lerna-changelog",
36
+ "build": "rollup --config",
29
37
  "lint": "concurrently \"npm:lint:*(!fix)\" --names \"lint:\"",
30
- "lint:css": "stylelint \"tests/dummy/app/**/*.css\" --cache",
31
- "lint:css:fix": "stylelint \"tests/dummy/app/**/*.css\" --fix",
32
- "lint:dependency": "ember dependency-lint",
33
38
  "lint:fix": "concurrently \"npm:lint:*:fix\" --names \"fix:\"",
34
39
  "lint:hbs": "ember-template-lint .",
35
40
  "lint:hbs:fix": "ember-template-lint . --fix",
36
- "lint:js": "eslint . --cache --ext=.js,.ts",
37
- "lint:js:fix": "eslint . --fix",
41
+ "lint:js": "eslint . --cache --ext=.js,.mjs,.ts",
42
+ "lint:js:fix": "eslint . --ext=.js,.mjs,.ts --fix",
38
43
  "lint:types": "glint",
39
- "prepack": "ember ts:precompile",
40
- "postpack": "ember ts:clean",
41
- "start": "ember serve",
42
- "test": "DEVICE='w3-h3' ember test",
43
- "test:ember": "ember test",
44
- "test:ember-compatibility": "./node_modules/.bin/ember try:one"
45
- },
46
- "changelog": {
47
- "labels": {
48
- "breaking": "Breaking Change",
49
- "bug": "Bug Fix",
50
- "enhance: code": "Enhancement",
51
- "enhance: dependency": "Internal",
52
- "enhance: documentation": "Documentation",
53
- "user feedback": "User Feedback"
54
- }
44
+ "prepack": "rollup --config",
45
+ "start": "rollup --config --watch",
46
+ "test": "echo 'A v2 addon does not have tests, run tests in test-app'"
55
47
  },
56
48
  "dependencies": {
57
- "ember-cli-babel": "^7.26.11",
58
- "ember-cli-htmlbars": "^6.1.1",
59
- "ember-cli-typescript": "^5.2.1",
49
+ "@embroider/addon-shim": "^1.8.4",
60
50
  "ember-element-helper": "^0.6.1",
61
51
  "ember-modifier": "^3.2.7",
62
52
  "ember-resize-observer-service": "^1.1.0",
63
53
  "ember-test-selectors": "^6.0.0"
64
54
  },
65
55
  "devDependencies": {
66
- "@ember/optional-features": "^2.0.0",
67
- "@ember/test-helpers": "^2.9.1",
68
- "@embroider/test-setup": "^2.0.2",
69
- "@gavant/glint-template-types": "^0.3.0",
70
- "@glimmer/component": "^1.1.2",
71
- "@glimmer/tracking": "^1.1.2",
56
+ "@babel/core": "^7.20.12",
57
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
58
+ "@babel/plugin-proposal-decorators": "^7.20.7",
59
+ "@babel/preset-typescript": "^7.18.6",
60
+ "@embroider/addon-dev": "^3.0.0",
61
+ "@gavant/glint-template-types": "^0.3.1",
72
62
  "@glint/core": "^v1.0.0-beta.2",
73
63
  "@glint/environment-ember-loose": "^v1.0.0-beta.2",
74
64
  "@glint/template": "^v1.0.0-beta.2",
75
- "@percy/cli": "^1.16.0",
76
- "@percy/ember": "^4.0.0",
77
- "@tsconfig/ember": "^1.1.0",
78
- "@types/ember__application": "^4.0.5",
79
- "@types/ember__array": "^4.0.3",
80
- "@types/ember__component": "^4.0.11",
81
- "@types/ember__controller": "^4.0.4",
82
- "@types/ember__debug": "^4.0.3",
83
- "@types/ember__destroyable": "^4.0.1",
84
- "@types/ember__engine": "^4.0.4",
85
- "@types/ember__error": "^4.0.2",
86
- "@types/ember__object": "^4.0.5",
87
- "@types/ember__polyfills": "^4.0.1",
88
- "@types/ember__routing": "^4.0.12",
89
- "@types/ember__runloop": "^4.0.2",
90
- "@types/ember__service": "^4.0.2",
91
- "@types/ember__string": "^3.0.10",
92
- "@types/ember__template": "^4.0.1",
93
- "@types/ember__test": "^4.0.1",
94
- "@types/ember__utils": "^4.0.2",
95
- "@types/htmlbars-inline-precompile": "^3.0.0",
96
- "@types/qunit": "^2.19.3",
97
- "@types/rsvp": "^4.0.4",
98
- "@typescript-eslint/eslint-plugin": "^5.47.0",
99
- "@typescript-eslint/parser": "^5.47.0",
100
- "broccoli-asset-rev": "^3.0.0",
101
- "concurrently": "^7.6.0",
102
- "d3-array": "^3.2.1",
103
- "d3-axis": "^3.0.0",
104
- "d3-scale": "^4.0.2",
105
- "d3-selection": "^3.0.0",
106
- "d3-shape": "^3.1.0",
107
- "ember-a11y-refocus": "^3.0.2",
108
- "ember-a11y-testing": "^5.1.0",
109
- "ember-auto-import": "^2.5.0",
110
- "ember-cli": "~4.9.2",
111
- "ember-cli-dependency-checker": "^3.3.1",
112
- "ember-cli-dependency-lint": "^2.0.1",
113
- "ember-cli-inject-live-reload": "^2.1.0",
114
- "ember-cli-netlify": "^0.4.1",
115
- "ember-cli-sri": "^2.1.1",
116
- "ember-cli-terser": "^4.0.2",
117
- "ember-css-modules": "^2.0.1",
118
- "ember-load-initializers": "^2.1.2",
119
- "ember-named-blocks-polyfill": "^0.2.5",
120
- "ember-page-title": "^7.0.0",
121
- "ember-qunit": "^6.1.1",
122
- "ember-resolver": "^9.0.0",
123
- "ember-source": "~4.9.3",
124
- "ember-source-channel-url": "^3.0.0",
125
- "ember-svg-jar": "^2.4.2",
126
- "ember-template-lint": "^5.3.0",
65
+ "@tsconfig/ember": "^2.0.0",
66
+ "@typescript-eslint/eslint-plugin": "^5.48.2",
67
+ "@typescript-eslint/parser": "^5.48.2",
68
+ "ember-template-lint": "^5.3.1",
127
69
  "ember-template-lint-plugin-prettier": "^4.1.0",
128
- "ember-truth-helpers": "^3.1.1",
129
- "ember-try": "^2.0.0",
130
- "eslint": "^8.30.0",
131
- "eslint-config-prettier": "^8.5.0",
132
- "eslint-plugin-ember": "^11.3.0",
133
- "eslint-plugin-n": "^15.6.0",
70
+ "eslint": "^8.32.0",
71
+ "eslint-config-prettier": "^8.6.0",
72
+ "eslint-plugin-ember": "^11.4.3",
73
+ "eslint-plugin-n": "^15.6.1",
134
74
  "eslint-plugin-prettier": "^4.2.1",
135
- "eslint-plugin-qunit": "^7.3.4",
136
- "eslint-plugin-simple-import-sort": "^8.0.0",
75
+ "eslint-plugin-simple-import-sort": "^9.0.0",
137
76
  "eslint-plugin-typescript-sort-keys": "^2.1.0",
138
- "lerna-changelog": "^2.2.0",
139
- "loader.js": "^4.7.0",
140
- "prettier": "^2.8.1",
141
- "qunit": "^2.19.3",
142
- "qunit-dom": "^2.0.0",
143
- "stylelint": "^14.16.0",
144
- "stylelint-config-standard": "^29.0.0",
145
- "stylelint-no-unsupported-browser-features": "^6.0.1",
146
- "stylelint-order": "^5.0.0",
147
- "typescript": "^4.9.4",
148
- "webpack": "^5.75.0"
77
+ "prettier": "^2.8.3",
78
+ "rollup": "^3.10.0",
79
+ "rollup-plugin-copy": "^3.4.0",
80
+ "rollup-plugin-ts": "^3.1.1",
81
+ "typescript": "^4.9.4"
149
82
  },
150
83
  "engines": {
151
84
  "node": "14.* || 16.* || >= 18"
@@ -154,7 +87,15 @@
154
87
  "edition": "octane"
155
88
  },
156
89
  "ember-addon": {
157
- "configPath": "tests/dummy/config",
158
- "demoURL": "https://ember-container-query.netlify.app"
90
+ "app-js": {
91
+ "./components/container-query.js": "./dist/_app_/components/container-query.js",
92
+ "./helpers/aspect-ratio.js": "./dist/_app_/helpers/aspect-ratio.js",
93
+ "./helpers/height.js": "./dist/_app_/helpers/height.js",
94
+ "./helpers/width.js": "./dist/_app_/helpers/width.js",
95
+ "./modifiers/container-query.js": "./dist/_app_/modifiers/container-query.js"
96
+ },
97
+ "main": "addon-main.js",
98
+ "type": "addon",
99
+ "version": 2
159
100
  }
160
101
  }
package/.netlifyredirects DELETED
@@ -1 +0,0 @@
1
- /* /index.html 200
package/.stylelintcache DELETED
@@ -1 +0,0 @@
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/index.css":"2","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/navigation-menu.css":"3","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/form.css":"4","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/styles/app.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/tracks/list.css":"9","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/tracks/table.css":"10","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form.css":"11","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/page.css":"12","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4.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-3.css":"15","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-5.css":"16","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-1.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/widgets/widget-2/captions.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/ui/form/field.css":"22","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-1/item.css":"23","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-3/tour-schedule.css":"24","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo.css":"25","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-2/stacked-chart.css":"26","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/ui/form/input.css":"27","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo/header.css":"28","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-3/tour-schedule/responsive-image.css":"29","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo/body.css":"30","/Users/isaaclee/Documents/GitHub/ember-container-query/tests/dummy/app/components/widgets/widget-4/memo/actions.css":"31"},{"size":892,"mtime":1656746523421,"hashOfConfig":"32"},{"size":36,"mtime":1670927594479,"hashOfConfig":"32"},{"size":323,"mtime":1656746523373,"hashOfConfig":"32"},{"size":82,"mtime":1656746523432,"hashOfConfig":"32"},{"size":1494,"mtime":1670927594478,"hashOfConfig":"32"},{"size":980,"mtime":1656746523427,"hashOfConfig":"32"},{"size":1299,"mtime":1656746523434,"hashOfConfig":"32"},{"size":1846,"mtime":1656746523430,"hashOfConfig":"32"},{"size":323,"mtime":1656746523376,"hashOfConfig":"32"},{"size":106,"mtime":1656746523378,"hashOfConfig":"32"},{"size":324,"mtime":1656746523380,"hashOfConfig":"32"},{"size":306,"mtime":1656746523386,"hashOfConfig":"32"},{"size":400,"mtime":1656746523408,"hashOfConfig":"32"},{"size":439,"mtime":1656746523393,"hashOfConfig":"32"},{"size":268,"mtime":1656746523400,"hashOfConfig":"32"},{"size":657,"mtime":1656746523418,"hashOfConfig":"32"},{"size":797,"mtime":1656746523388,"hashOfConfig":"32"},{"size":225,"mtime":1656746523384,"hashOfConfig":"32"},{"size":566,"mtime":1653552800391,"hashOfConfig":"32"},{"size":2101,"mtime":1656746523395,"hashOfConfig":"32"},{"size":375,"mtime":1653552800412,"hashOfConfig":"32"},{"size":1630,"mtime":1656746523382,"hashOfConfig":"32"},{"size":243,"mtime":1656746523391,"hashOfConfig":"32"},{"size":1570,"mtime":1656746523403,"hashOfConfig":"32"},{"size":937,"mtime":1656746523410,"hashOfConfig":"32"},{"size":267,"mtime":1656746523397,"hashOfConfig":"32"},{"size":360,"mtime":1653552800408,"hashOfConfig":"32"},{"size":888,"mtime":1656746523416,"hashOfConfig":"32"},{"size":159,"mtime":1656746523405,"hashOfConfig":"32"},{"size":493,"mtime":1656746523414,"hashOfConfig":"32"},{"size":701,"mtime":1656746523412,"hashOfConfig":"32"},"187t81u"]
package/.stylelintrc.js DELETED
@@ -1,64 +0,0 @@
1
- 'use strict';
2
-
3
- /* eslint-disable-next-line n/no-unpublished-require */
4
- const { browsers } = require('./tests/dummy/config/targets');
5
-
6
- module.exports = {
7
- extends: ['stylelint-config-standard'],
8
- plugins: ['stylelint-no-unsupported-browser-features', 'stylelint-order'],
9
- rules: {
10
- /*
11
- Customize plugins
12
- */
13
- 'order/properties-order': [
14
- [
15
- // Defined by ember-css-modules
16
- 'composes',
17
- ],
18
- {
19
- unspecified: 'bottomAlphabetical',
20
- },
21
- ],
22
-
23
- 'plugin/no-unsupported-browser-features': [
24
- true,
25
- {
26
- browsers,
27
- ignore: [
28
- // grid-template-columns falsely identified as multicolumn
29
- 'multicolumn',
30
- ],
31
- },
32
- ],
33
-
34
- /*
35
- Customize rules
36
- */
37
- 'declaration-block-no-redundant-longhand-properties': [
38
- true,
39
- {
40
- ignoreShorthands: ['grid-gap', 'grid-template'],
41
- },
42
- ],
43
-
44
- 'property-no-unknown': [
45
- true,
46
- {
47
- ignoreProperties: [
48
- // Defined by ember-css-modules
49
- 'composes',
50
- ],
51
- },
52
- ],
53
-
54
- 'selector-pseudo-class-no-unknown': [
55
- true,
56
- {
57
- ignorePseudoClasses: [
58
- // Defined by ember-css-modules
59
- 'global',
60
- ],
61
- },
62
- ],
63
- },
64
- };