ember-container-query 5.0.15 → 5.1.0

package/declarations/components/container-query.d.ts

@@ -22,10 +22,10 @@ export default class ContainerQueryComponent<T extends IndexSignatureParameter>
     dimensions?: Dimensions;
     queryResults?: QueryResults<T>;
     tagName: string;
-    updateState({ dimensions, queryResults, }: {
+    updateState: ({ dimensions, queryResults, }: {
         dimensions: Dimensions;
         queryResults: QueryResults<T>;
-    }): void;
+    }) => void;
 }
 export {};
 //# sourceMappingURL=container-query.d.ts.map

package/declarations/components/container-query.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container-query.d.ts","sourceRoot":"","sources":["../../src/components/container-query.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAG/B,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAG3C,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,uBAAuB,EACvB,YAAY,EACb,MAAM,iCAAiC,CAAC;AAEzC,UAAU,uBAAuB,CAAC,CAAC,SAAS,uBAAuB;IACjE,IAAI,EAAE;QACJ,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,UAAU,CAAC,EAAE,UAAU,CAAC;gBACxB,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;aAC5B;SACF,CAAC;KACH,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,OAAO,uBAAuB,CAC1C,CAAC,SAAS,uBAAuB,CACjC,SAAQ,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAGxC,OAAO,SAA8B;IAE7B,WAAW,CAAC,EAClB,UAAU,EACV,YAAY,GACb,EAAE;QACD,UAAU,EAAE,UAAU,CAAC;QACvB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;KAC/B,GAAG,IAAI;CA+BT"}
+{"version":3,"file":"container-query.d.ts","sourceRoot":"","sources":["../../src/components/container-query.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAG/B,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAI3C,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EACR,uBAAuB,EACvB,YAAY,EACb,MAAM,iCAAiC,CAAC;AAGzC,UAAU,uBAAuB,CAAC,CAAC,SAAS,uBAAuB;IACjE,IAAI,EAAE;QACJ,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,UAAU,CAAC,EAAE,UAAU,CAAC;gBACxB,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;aAC5B;SACF,CAAC;KACH,CAAC;IACF,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,OAAO,uBAAuB,CAC1C,CAAC,SAAS,uBAAuB,CACjC,SAAQ,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAGxC,OAAO,SAA8B;IAErC,WAAW,kCAGR;QACD,UAAU,EAAE,UAAU,CAAC;QACvB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;KAC/B,KAAG,IAAI,CAGN;CA4BH"}

package/declarations/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ContainerQuery } from './components/container-query.ts';
+export { default as ContainerQuery } from './components/container-query';
 export { default as aspectRatio } from './helpers/aspect-ratio.ts';
 export { default as height } from './helpers/height.ts';
 export { default as width } from './helpers/width.ts';

package/declarations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,UAAU,EACV,QAAQ,EACR,uBAAuB,EACvB,QAAQ,EACR,YAAY,GACb,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,UAAU,EACV,QAAQ,EACR,uBAAuB,EACvB,QAAQ,EACR,YAAY,GACb,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC"}

package/declarations/template-registry.d.ts

@@ -1,4 +1,4 @@
-import type ContainerQueryComponent from './components/container-query.ts';
+import type ContainerQueryComponent from './components/container-query';
 import type AspectRatioHelper from './helpers/aspect-ratio.ts';
 import type HeightHelper from './helpers/height.ts';
 import type WidthHelper from './helpers/width.ts';

package/declarations/template-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"template-registry.d.ts","sourceRoot":"","sources":["../src/template-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,iBAAiB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,YAAY,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,sBAAsB,MAAM,gCAAgC,CAAC;AAEzE,MAAM,CAAC,OAAO,WAAW,2BAA2B;IAClD,cAAc,EAAE,OAAO,uBAAuB,CAAC;IAC/C,cAAc,EAAE,OAAO,iBAAiB,CAAC;IACzC,iBAAiB,EAAE,OAAO,sBAAsB,CAAC;IACjD,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B"}
+{"version":3,"file":"template-registry.d.ts","sourceRoot":"","sources":["../src/template-registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,uBAAuB,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,iBAAiB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,YAAY,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,WAAW,MAAM,oBAAoB,CAAC;AAClD,OAAO,KAAK,sBAAsB,MAAM,gCAAgC,CAAC;AAEzE,MAAM,CAAC,OAAO,WAAW,2BAA2B;IAClD,cAAc,EAAE,OAAO,uBAAuB,CAAC;IAC/C,cAAc,EAAE,OAAO,iBAAiB,CAAC;IACzC,iBAAiB,EAAE,OAAO,sBAAsB,CAAC;IACjD,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B"}

package/dist/components/container-query.js

@@ -1,12 +1,12 @@
 import './container-query.css';
-import { action } from '@ember/object';
+import { hash } from '@ember/helper';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
+import { element } from 'ember-element-helper';
+import ContainerQueryModifier from '../modifiers/container-query.js';
 import { precompileTemplate } from '@ember/template-compilation';
-import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
-
-var TEMPLATE = precompileTemplate("{{#let (element this.tagName) as |Tag|}}\n  <Tag\n    class=\"container-query\"\n    {{container-query\n      dataAttributePrefix=@dataAttributePrefix\n      debounce=@debounce\n      features=@features\n      onQuery=this.updateState\n    }}\n    ...attributes\n  >\n    {{yield\n      (hash\n        dimensions=this.dimensions features=this.queryResults\n      )\n    }}\n  </Tag>\n{{/let}}");
+import { g, i } from 'decorator-transforms/runtime';
 
 class ContainerQueryComponent extends Component {
   static {
@@ -19,18 +19,24 @@ class ContainerQueryComponent extends Component {
   #queryResults = (i(this, "queryResults"), void 0);
   // The dynamic tag is restricted to be immutable
   tagName = this.args.tagName ?? 'div';
-  updateState({
+  updateState = ({
     dimensions,
     queryResults
-  }) {
+  }) => {
     this.dimensions = dimensions;
     this.queryResults = queryResults;
-  }
+  };
   static {
-    n(this.prototype, "updateState", [action]);
+    setComponentTemplate(precompileTemplate("\n    {{#let (element this.tagName) as |Tag|}}\n      <Tag class=\"container-query\" {{containerQuery dataAttributePrefix=@dataAttributePrefix debounce=@debounce features=@features onQuery=this.updateState}} ...attributes>\n        {{yield (hash dimensions=this.dimensions features=this.queryResults)}}\n      </Tag>\n    {{/let}}\n  ", {
+      strictMode: true,
+      scope: () => ({
+        element,
+        containerQuery: ContainerQueryModifier,
+        hash
+      })
+    }), this);
   }
 }
-setComponentTemplate(TEMPLATE, ContainerQueryComponent);
 
 export { ContainerQueryComponent as default };
 //# sourceMappingURL=container-query.js.map

package/dist/components/container-query.js.map

@@ -1 +1 @@
-{"version":3,"file":"container-query.js","sources":["../../src/components/container-query.ts"],"sourcesContent":["import './container-query.css';\n\nimport { action } from '@ember/object';\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\n\nimport type {\n  Dimensions,\n  Features,\n  IndexSignatureParameter,\n  QueryResults,\n} from '../modifiers/container-query.ts';\n\ninterface ContainerQuerySignature<T extends IndexSignatureParameter> {\n  Args: {\n    dataAttributePrefix?: string;\n    debounce?: number;\n    features?: Features<T>;\n    tagName?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        dimensions?: Dimensions;\n        features?: QueryResults<T>;\n      },\n    ];\n  };\n  Element: Element;\n}\n\nexport default class ContainerQueryComponent<\n  T extends IndexSignatureParameter,\n> extends Component<ContainerQuerySignature<T>> {\n  @tracked dimensions?: Dimensions;\n  @tracked queryResults?: QueryResults<T>;\n\n  // The dynamic tag is restricted to be immutable\n  tagName = this.args.tagName ?? 'div';\n\n  @action updateState({\n    dimensions,\n    queryResults,\n  }: {\n    dimensions: Dimensions;\n    queryResults: QueryResults<T>;\n  }): void {\n    this.dimensions = dimensions;\n    this.queryResults = queryResults;\n  }\n}\n"],"names":["ContainerQueryComponent","Component","g","prototype","tracked","i","void 0","tagName","args","updateState","dimensions","queryResults","n","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;AA+Be,MAAMA,uBAAuB,SAElCC,SAAS,CAA6B;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CAC7CC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CACPC,OAAO,CAAA,CAAA;AAAA;AAAA,EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAAC,MAAA;AAER;AACAC,EAAAA,OAAO,GAAG,IAAI,CAACC,IAAI,CAACD,OAAO,IAAI,KAAK;AAE5BE,EAAAA,WAAWA,CAAC;IAClBC,UAAU;AACVC,IAAAA;AAIF,GAAC,EAAQ;IACP,IAAI,CAACD,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACC,YAAY,GAAGA,YAAY;AAClC;AAAC,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAT,SAAA,EAAA,aAAA,EAAA,CATAU,MAAM,CAAA,CAAA;AAAA;AAUT;AAACC,oBAAA,CAAAC,QAAA,EAnBoBf,uBAAuB,CAAA;;;;"}
+{"version":3,"file":"container-query.js","sources":["../../src/components/container-query.gts"],"sourcesContent":["import './container-query.css';\n\nimport { hash } from '@ember/helper';\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { element } from 'ember-element-helper';\n\nimport type {\n  Dimensions,\n  Features,\n  IndexSignatureParameter,\n  QueryResults,\n} from '../modifiers/container-query.ts';\nimport { default as containerQuery } from '../modifiers/container-query.ts';\n\ninterface ContainerQuerySignature<T extends IndexSignatureParameter> {\n  Args: {\n    dataAttributePrefix?: string;\n    debounce?: number;\n    features?: Features<T>;\n    tagName?: string;\n  };\n  Blocks: {\n    default: [\n      {\n        dimensions?: Dimensions;\n        features?: QueryResults<T>;\n      },\n    ];\n  };\n  Element: Element;\n}\n\nexport default class ContainerQueryComponent<\n  T extends IndexSignatureParameter,\n> extends Component<ContainerQuerySignature<T>> {\n  @tracked dimensions?: Dimensions;\n  @tracked queryResults?: QueryResults<T>;\n\n  // The dynamic tag is restricted to be immutable\n  tagName = this.args.tagName ?? 'div';\n\n  updateState = ({\n    dimensions,\n    queryResults,\n  }: {\n    dimensions: Dimensions;\n    queryResults: QueryResults<T>;\n  }): void => {\n    this.dimensions = dimensions;\n    this.queryResults = queryResults;\n  };\n\n  <template>\n    {{#let (element this.tagName) as |Tag|}}\n      <Tag\n        class=\"container-query\"\n        {{containerQuery\n          dataAttributePrefix=@dataAttributePrefix\n          debounce=@debounce\n          features=@features\n          onQuery=this.updateState\n        }}\n        ...attributes\n      >\n        {{yield (hash dimensions=this.dimensions features=this.queryResults)}}\n      </Tag>\n    {{/let}}\n  </template>\n}\n"],"names":["ContainerQueryComponent","Component","g","prototype","tracked","i","void 0","tagName","args","updateState","dimensions","queryResults","setComponentTemplate","precompileTemplate","strictMode","scope","element","containerQuery","hash"],"mappings":";;;;;;;;;;AAiCe,MAAMA,uBAAA,SAEXC,UAAkC;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,YAAA,EAAA,CACzCC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,YAAA,CAAA,EAAAC,MAAA;AAAA,EAAA;IAAAJ,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CACAC,OAAA,CAAA,CAAA;AAAA;AAAA,EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAAC,MAAA;AAED;AACAC,EAAAA,OAAA,GAAU,IAAI,CAACC,IAAI,CAACD,OAAO,IAAI,KAAM;AAErCE,EAAAA,WAAA,GAAcA,CAAC;IACbC,UAAU;AACVC,IAAAA;AAID,GAAA,KAAO;IACN,IAAI,CAACD,UAAU,GAAGA,UAAA;IAClB,IAAI,CAACC,YAAY,GAAGA,YAAA;GACpB;AAEF,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAeA,gVAAA,EAAA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;wBAAAC,sBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-container-query",
-  "version": "5.0.15",
+  "version": "5.1.0",
   "description": "Make container queries that harness the power of Ember",
   "keywords": [
     "container-queries",
@@ -55,9 +55,9 @@
     "ember-resize-observer-service": "^1.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.8",
+    "@babel/core": "^7.26.9",
     "@babel/plugin-transform-typescript": "^7.26.8",
-    "@babel/runtime": "^7.26.7",
+    "@babel/runtime": "^7.26.9",
     "@embroider/addon-dev": "^7.1.1",
     "@glimmer/component": "^2.0.0",
     "@glimmer/tracking": "^1.1.2",
@@ -65,18 +65,18 @@
     "@glint/environment-ember-loose": "^1.5.2",
     "@glint/environment-ember-template-imports": "^1.5.2",
     "@glint/template": "^1.5.2",
-    "@ijlee2-frontend-configs/ember-template-lint": "^0.4.0",
-    "@ijlee2-frontend-configs/eslint-config-ember": "^0.2.1",
-    "@ijlee2-frontend-configs/prettier": "^0.2.0",
-    "@ijlee2-frontend-configs/typescript": "^0.3.0",
+    "@ijlee2-frontend-configs/ember-template-lint": "^0.4.2",
+    "@ijlee2-frontend-configs/eslint-config-ember": "^0.2.3",
+    "@ijlee2-frontend-configs/prettier": "^0.2.1",
+    "@ijlee2-frontend-configs/typescript": "^0.3.1",
     "@rollup/plugin-babel": "^6.0.4",
     "babel-plugin-ember-template-compilation": "^2.3.0",
     "concurrently": "^9.1.2",
     "ember-source": "^6.2.0",
     "ember-template-lint": "^6.1.0",
-    "eslint": "^9.20.0",
-    "prettier": "^3.5.0",
-    "rollup": "^4.34.6",
+    "eslint": "^9.21.0",
+    "prettier": "^3.5.2",
+    "rollup": "^4.34.8",
     "rollup-plugin-copy": "^3.5.0",
     "typescript": "^5.7.3"
   },