ember-container-query 5.0.3 → 5.0.4

package/dist/components/container-query.js

@@ -1,22 +1,24 @@
-import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty, b as _defineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
 import './container-query.css';
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { precompileTemplate } from '@ember/template-compilation';
+import { f, i, m } 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}}");
 
-var _class, _descriptor, _descriptor2;
-let ContainerQueryComponent = (_class = class ContainerQueryComponent extends Component {
-  constructor(...args) {
-    super(...args);
-    _initializerDefineProperty(this, "dimensions", _descriptor, this);
-    _initializerDefineProperty(this, "queryResults", _descriptor2, this);
-    // The dynamic tag is restricted to be immutable
-    _defineProperty(this, "tagName", this.args.tagName ?? 'div');
+class ContainerQueryComponent extends Component {
+  static {
+    f(this, "dimensions", [tracked]);
   }
+  #dimensions = (i(this, "dimensions"), void 0);
+  static {
+    f(this, "queryResults", [tracked]);
+  }
+  #queryResults = (i(this, "queryResults"), void 0);
+  // The dynamic tag is restricted to be immutable
+  tagName = this.args.tagName ?? 'div';
   updateState({
     dimensions,
     queryResults
@@ -24,17 +26,10 @@ let ContainerQueryComponent = (_class = class ContainerQueryComponent extends Co
     this.dimensions = dimensions;
     this.queryResults = queryResults;
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "dimensions", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "queryResults", [tracked], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "updateState", [action], Object.getOwnPropertyDescriptor(_class.prototype, "updateState"), _class.prototype)), _class);
+  static {
+    m(this, "updateState", [action]);
+  }
+}
 setComponentTemplate(TEMPLATE, ContainerQueryComponent);
 
 export { ContainerQueryComponent as default };

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

@@ -1 +1 @@
-{"version":3,"file":"container-query.js","sources":["../../src/components/container-query.hbs","../../src/components/container-query.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default 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 './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","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","_defineProperty","tagName","updateState","dimensions","queryResults","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,0YAA0Y;;;AC8BvZA,IAAAA,uBAAuB,IAAAC,MAAA,GAA7B,MAAMD,uBAAuB,SAElCE,SAAS,CAA6B;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,0BAAA,qBAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,uBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;AAI9C;AAAAC,IAAAA,eAAA,kBACU,IAAI,CAACJ,IAAI,CAACK,OAAO,IAAI,KAAK,CAAA,CAAA;AAAA,GAAA;AAE5BC,EAAAA,WAAWA,CAAC;IAClBC,UAAU;AACVC,IAAAA,YAAAA;AAIF,GAAC,EAAQ;IACP,IAAI,CAACD,UAAU,GAAGA,UAAU,CAAA;IAC5B,IAAI,CAACC,YAAY,GAAGA,YAAY,CAAA;AAClC,GAAA;AACF,CAAC,GAAAN,WAAA,GAAAO,yBAAA,CAAAZ,MAAA,CAAAa,SAAA,EAAA,YAAA,EAAA,CAhBEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;EAAAC,WAAA,EAAA,IAAA;AAAA,CAAAZ,CAAAA,EAAAA,YAAA,GAAAM,yBAAA,CAAAZ,MAAA,CAAAa,SAAA,mBACPC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;EAAAC,WAAA,EAAA,IAAA;AAAA,CAAAN,CAAAA,EAAAA,yBAAA,CAAAZ,MAAA,CAAAa,SAAA,EAKPM,aAAAA,EAAAA,CAAAA,MAAM,GAAAC,MAAA,CAAAC,wBAAA,CAAArB,MAAA,CAAAa,SAAA,EAAA,aAAA,CAAA,EAAAb,MAAA,CAAAa,SAAA,IAAAb,MAAA,EAAA;AATmCsB,oBAAA,CAAAC,QAAA,EAAAxB,uBAAA,CAAA;;;;"}
+{"version":3,"file":"container-query.js","sources":["../../src/components/container-query.hbs","../../src/components/container-query.ts"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default 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 './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","f","this","tracked","i","void 0","tagName","args","updateState","dimensions","queryResults","m","action","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;AACA,eAAe,kBAAkB,CAAC,0YAA0Y;;AC8B7Z,MAAMA,uBAAuB,SAElCC,SAAS,CAA6B;AAAA,EAAA;IAAAC,CAAA,CAAAC,IAAA,EAAA,YAAA,EAAA,CAC7CC,OAAO,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,WAAA,IAAAC,CAAA,CAAAF,IAAA,iBAAAG,KAAA,CAAA,EAAA;AAAA,EAAA;IAAAJ,CAAA,CAAAC,IAAA,EAAA,cAAA,EAAA,CACPC,OAAO,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,aAAA,IAAAC,CAAA,CAAAF,IAAA,mBAAAG,KAAA,CAAA,EAAA;AAER;AACAC,EAAAA,OAAO,GAAG,IAAI,CAACC,IAAI,CAACD,OAAO,IAAI,KAAK,CAAA;AAE5BE,EAAAA,WAAWA,CAAC;IAClBC,UAAU;AACVC,IAAAA,YAAAA;AAIF,GAAC,EAAQ;IACP,IAAI,CAACD,UAAU,GAAGA,UAAU,CAAA;IAC5B,IAAI,CAACC,YAAY,GAAGA,YAAY,CAAA;AAClC,GAAA;AAAC,EAAA;IAAAC,CAAA,CAAAT,IAAA,EAAA,aAAA,EAAA,CATAU,MAAM,CAAA,CAAA,CAAA;AAAA,GAAA;AAUT,CAAA;AAACC,oBAAA,CAAAC,QAAA,EAnBoBf,uBAAuB,CAAA;;;;"}

package/dist/modifiers/container-query.js

@@ -1,12 +1,20 @@
-import { _ as _applyDecoratedDescriptor, a as _initializerDefineProperty, b as _defineProperty } from '../_rollupPluginBabelHelpers-9wjJaosZ.js';
 import { registerDestructor } from '@ember/destroyable';
 import { action } from '@ember/object';
 import { debounce } from '@ember/runloop';
 import { inject } from '@ember/service';
 import Modifier from 'ember-modifier';
+import { f, i, m } from 'decorator-transforms/runtime';
 
-var _class, _descriptor;
-let ContainerQueryModifier = (_class = class ContainerQueryModifier extends Modifier {
+class ContainerQueryModifier extends Modifier {
+  static {
+    f(this, "resizeObserver", [inject]);
+  }
+  #resizeObserver = (i(this, "resizeObserver"), void 0);
+  dimensions;
+  queryResults;
+  _dataAttributes = [];
+  _element;
+  _named;
   get dataAttributePrefix() {
     return this._named.dataAttributePrefix ?? 'container-query';
   }
@@ -18,12 +26,6 @@ let ContainerQueryModifier = (_class = class ContainerQueryModifier extends Modi
   }
   constructor(owner, args) {
     super(owner, args);
-    _initializerDefineProperty(this, "resizeObserver", _descriptor, this);
-    _defineProperty(this, "dimensions", void 0);
-    _defineProperty(this, "queryResults", void 0);
-    _defineProperty(this, "_dataAttributes", []);
-    _defineProperty(this, "_element", void 0);
-    _defineProperty(this, "_named", void 0);
     registerDestructor(this, () => {
       this.resizeObserver.unobserve(this._element, this.onResize);
     });
@@ -41,6 +43,9 @@ let ContainerQueryModifier = (_class = class ContainerQueryModifier extends Modi
     }
     this.queryContainer(element);
   }
+  static {
+    m(this, "onResize", [action]);
+  }
   registerResizeObserver(element) {
     this.resizeObserver.unobserve(this._element, this.onResize);
     this._element = element;
@@ -95,12 +100,7 @@ let ContainerQueryModifier = (_class = class ContainerQueryModifier extends Modi
       this._dataAttributes.push(dataAttribute);
     }
   }
-}, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "resizeObserver", [inject], {
-  configurable: true,
-  enumerable: true,
-  writable: true,
-  initializer: null
-}), _applyDecoratedDescriptor(_class.prototype, "onResize", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onResize"), _class.prototype)), _class);
+}
 
 export { ContainerQueryModifier as default };
 //# sourceMappingURL=container-query.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"container-query.js","sources":["../../src/modifiers/container-query.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\nimport { debounce as _debounce } from '@ember/runloop';\nimport { inject as service } from '@ember/service';\nimport type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';\nimport Modifier from 'ember-modifier';\n\ntype IndexSignatureParameter = string | number | symbol;\ntype ObjectEntry<T> = [keyof T, T[keyof T]];\ntype ObjectEntries<T> = ObjectEntry<T>[];\n\ntype Dimensions = {\n  aspectRatio: number;\n  height: number;\n  width: number;\n};\n\ntype Metadata = {\n  dimension: keyof Dimensions;\n  max: number;\n  min: number;\n};\n\ntype Features<T extends IndexSignatureParameter> = Record<T, Metadata>;\n\ntype QueryResults<T extends IndexSignatureParameter> = Record<T, boolean>;\n\ninterface ContainerQueryModifierSignature<T extends IndexSignatureParameter> {\n  Args: {\n    Named: {\n      dataAttributePrefix?: string;\n      debounce?: number;\n      features?: Features<T>;\n      onQuery?: ({\n        dimensions,\n        queryResults,\n      }: {\n        dimensions: Dimensions;\n        queryResults: QueryResults<T>;\n      }) => void;\n    };\n    Positional: [];\n  };\n  Element: Element;\n}\n\nexport default class ContainerQueryModifier<\n  T extends IndexSignatureParameter,\n> extends Modifier<ContainerQueryModifierSignature<T>> {\n  @service private declare readonly resizeObserver;\n\n  dimensions!: Dimensions;\n  queryResults!: QueryResults<T>;\n\n  private _dataAttributes: string[] = [];\n  private _element?: Element;\n  private _named!: NamedArgs<ContainerQueryModifierSignature<T>>;\n\n  get dataAttributePrefix(): string {\n    return this._named.dataAttributePrefix ?? 'container-query';\n  }\n\n  get debounce(): number {\n    return this._named.debounce ?? 0;\n  }\n\n  get features(): Features<T> {\n    return this._named.features ?? ({} as Features<T>);\n  }\n\n  constructor(owner: Owner, args: ArgsFor<ContainerQueryModifierSignature<T>>) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      this.resizeObserver.unobserve(this._element, this.onResize);\n    });\n  }\n\n  modify(\n    element: Element,\n    _positional: PositionalArgs<ContainerQueryModifierSignature<T>>,\n    named: NamedArgs<ContainerQueryModifierSignature<T>>,\n  ): void {\n    this._named = named;\n\n    this.registerResizeObserver(element);\n    this.queryContainer(element);\n  }\n\n  @action private onResize(resizeObserverEntry: ResizeObserverEntry): void {\n    const element = resizeObserverEntry.target;\n\n    if (this.debounce > 0) {\n      _debounce(this, this.queryContainer, element, this.debounce);\n      return;\n    }\n\n    this.queryContainer(element);\n  }\n\n  private registerResizeObserver(element: Element): void {\n    this.resizeObserver.unobserve(this._element, this.onResize);\n\n    this._element = element;\n    this.resizeObserver.observe(this._element, this.onResize);\n  }\n\n  private queryContainer(element: Element): void {\n    this.measureDimensions(element);\n    this.evaluateQueries();\n    this.resetDataAttributes(element);\n    this.setDataAttributes(element);\n\n    this._named.onQuery?.({\n      dimensions: this.dimensions,\n      queryResults: this.queryResults,\n    });\n  }\n\n  private measureDimensions(element: Element): void {\n    const height = element.clientHeight;\n    const width = element.clientWidth;\n\n    this.dimensions = {\n      aspectRatio: width / height,\n      height,\n      width,\n    };\n  }\n\n  private evaluateQueries(): void {\n    const queryResults = {} as QueryResults<T>;\n\n    for (const [featureName, metadata] of Object.entries(\n      this.features,\n    ) as ObjectEntries<Features<T>>) {\n      const { dimension, min, max } = metadata;\n      const value = this.dimensions[dimension];\n\n      queryResults[featureName] = min <= value && value < max;\n    }\n\n    this.queryResults = queryResults;\n  }\n\n  private resetDataAttributes(element: Element): void {\n    this._dataAttributes.forEach((dataAttribute) => {\n      element.removeAttribute(dataAttribute);\n    });\n\n    this._dataAttributes = [];\n  }\n\n  private setDataAttributes(element: Element): void {\n    const prefix = this.dataAttributePrefix;\n\n    for (const [featureName, meetsFeature] of Object.entries(\n      this.queryResults,\n    ) as ObjectEntries<QueryResults<T>>) {\n      if (!meetsFeature) {\n        continue;\n      }\n\n      const dataAttribute = prefix\n        ? `data-${prefix}-${String(featureName)}`\n        : `data-${String(featureName)}`;\n\n      element.setAttribute(dataAttribute, '');\n\n      this._dataAttributes.push(dataAttribute);\n    }\n  }\n}\n\nexport type {\n  Dimensions,\n  Features,\n  IndexSignatureParameter,\n  Metadata,\n  QueryResults,\n};\n"],"names":["ContainerQueryModifier","_class","Modifier","dataAttributePrefix","_named","debounce","features","constructor","owner","args","_initializerDefineProperty","_descriptor","_defineProperty","registerDestructor","resizeObserver","unobserve","_element","onResize","modify","element","_positional","named","registerResizeObserver","queryContainer","resizeObserverEntry","target","_debounce","observe","measureDimensions","evaluateQueries","resetDataAttributes","setDataAttributes","onQuery","dimensions","queryResults","height","clientHeight","width","clientWidth","aspectRatio","featureName","metadata","Object","entries","dimension","min","max","value","_dataAttributes","forEach","dataAttribute","removeAttribute","prefix","meetsFeature","String","setAttribute","push","_applyDecoratedDescriptor","prototype","service","configurable","enumerable","writable","initializer","action","getOwnPropertyDescriptor"],"mappings":"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"}
+{"version":3,"file":"container-query.js","sources":["../../src/modifiers/container-query.ts"],"sourcesContent":["import { registerDestructor } from '@ember/destroyable';\nimport { action } from '@ember/object';\nimport type Owner from '@ember/owner';\nimport { debounce as _debounce } from '@ember/runloop';\nimport { inject as service } from '@ember/service';\nimport type { ArgsFor, NamedArgs, PositionalArgs } from 'ember-modifier';\nimport Modifier from 'ember-modifier';\n\ntype IndexSignatureParameter = string | number | symbol;\ntype ObjectEntry<T> = [keyof T, T[keyof T]];\ntype ObjectEntries<T> = ObjectEntry<T>[];\n\ntype Dimensions = {\n  aspectRatio: number;\n  height: number;\n  width: number;\n};\n\ntype Metadata = {\n  dimension: keyof Dimensions;\n  max: number;\n  min: number;\n};\n\ntype Features<T extends IndexSignatureParameter> = Record<T, Metadata>;\n\ntype QueryResults<T extends IndexSignatureParameter> = Record<T, boolean>;\n\ninterface ContainerQueryModifierSignature<T extends IndexSignatureParameter> {\n  Args: {\n    Named: {\n      dataAttributePrefix?: string;\n      debounce?: number;\n      features?: Features<T>;\n      onQuery?: ({\n        dimensions,\n        queryResults,\n      }: {\n        dimensions: Dimensions;\n        queryResults: QueryResults<T>;\n      }) => void;\n    };\n    Positional: [];\n  };\n  Element: Element;\n}\n\nexport default class ContainerQueryModifier<\n  T extends IndexSignatureParameter,\n> extends Modifier<ContainerQueryModifierSignature<T>> {\n  @service private declare readonly resizeObserver;\n\n  dimensions!: Dimensions;\n  queryResults!: QueryResults<T>;\n\n  private _dataAttributes: string[] = [];\n  private _element?: Element;\n  private _named!: NamedArgs<ContainerQueryModifierSignature<T>>;\n\n  get dataAttributePrefix(): string {\n    return this._named.dataAttributePrefix ?? 'container-query';\n  }\n\n  get debounce(): number {\n    return this._named.debounce ?? 0;\n  }\n\n  get features(): Features<T> {\n    return this._named.features ?? ({} as Features<T>);\n  }\n\n  constructor(owner: Owner, args: ArgsFor<ContainerQueryModifierSignature<T>>) {\n    super(owner, args);\n\n    registerDestructor(this, () => {\n      this.resizeObserver.unobserve(this._element, this.onResize);\n    });\n  }\n\n  modify(\n    element: Element,\n    _positional: PositionalArgs<ContainerQueryModifierSignature<T>>,\n    named: NamedArgs<ContainerQueryModifierSignature<T>>,\n  ): void {\n    this._named = named;\n\n    this.registerResizeObserver(element);\n    this.queryContainer(element);\n  }\n\n  @action private onResize(resizeObserverEntry: ResizeObserverEntry): void {\n    const element = resizeObserverEntry.target;\n\n    if (this.debounce > 0) {\n      _debounce(this, this.queryContainer, element, this.debounce);\n      return;\n    }\n\n    this.queryContainer(element);\n  }\n\n  private registerResizeObserver(element: Element): void {\n    this.resizeObserver.unobserve(this._element, this.onResize);\n\n    this._element = element;\n    this.resizeObserver.observe(this._element, this.onResize);\n  }\n\n  private queryContainer(element: Element): void {\n    this.measureDimensions(element);\n    this.evaluateQueries();\n    this.resetDataAttributes(element);\n    this.setDataAttributes(element);\n\n    this._named.onQuery?.({\n      dimensions: this.dimensions,\n      queryResults: this.queryResults,\n    });\n  }\n\n  private measureDimensions(element: Element): void {\n    const height = element.clientHeight;\n    const width = element.clientWidth;\n\n    this.dimensions = {\n      aspectRatio: width / height,\n      height,\n      width,\n    };\n  }\n\n  private evaluateQueries(): void {\n    const queryResults = {} as QueryResults<T>;\n\n    for (const [featureName, metadata] of Object.entries(\n      this.features,\n    ) as ObjectEntries<Features<T>>) {\n      const { dimension, min, max } = metadata;\n      const value = this.dimensions[dimension];\n\n      queryResults[featureName] = min <= value && value < max;\n    }\n\n    this.queryResults = queryResults;\n  }\n\n  private resetDataAttributes(element: Element): void {\n    this._dataAttributes.forEach((dataAttribute) => {\n      element.removeAttribute(dataAttribute);\n    });\n\n    this._dataAttributes = [];\n  }\n\n  private setDataAttributes(element: Element): void {\n    const prefix = this.dataAttributePrefix;\n\n    for (const [featureName, meetsFeature] of Object.entries(\n      this.queryResults,\n    ) as ObjectEntries<QueryResults<T>>) {\n      if (!meetsFeature) {\n        continue;\n      }\n\n      const dataAttribute = prefix\n        ? `data-${prefix}-${String(featureName)}`\n        : `data-${String(featureName)}`;\n\n      element.setAttribute(dataAttribute, '');\n\n      this._dataAttributes.push(dataAttribute);\n    }\n  }\n}\n\nexport type {\n  Dimensions,\n  Features,\n  IndexSignatureParameter,\n  Metadata,\n  QueryResults,\n};\n"],"names":["ContainerQueryModifier","Modifier","f","this","service","i","void 0","dimensions","queryResults","_dataAttributes","_element","_named","dataAttributePrefix","debounce","features","constructor","owner","args","registerDestructor","resizeObserver","unobserve","onResize","modify","element","_positional","named","registerResizeObserver","queryContainer","resizeObserverEntry","target","_debounce","m","action","observe","measureDimensions","evaluateQueries","resetDataAttributes","setDataAttributes","onQuery","height","clientHeight","width","clientWidth","aspectRatio","featureName","metadata","Object","entries","dimension","min","max","value","forEach","dataAttribute","removeAttribute","prefix","meetsFeature","String","setAttribute","push"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ember-container-query",
-  "version": "5.0.3",
+  "version": "5.0.4",
   "description": "Make container queries that harness the power of Ember",
   "keywords": [
     "container-queries",
@@ -49,19 +49,16 @@
   ],
   "dependencies": {
     "@embroider/addon-shim": "^1.8.7",
+    "decorator-transforms": "^1.0.1",
     "ember-element-helper": "^0.8.5",
     "ember-modifier": "^4.1.0",
     "ember-resize-observer-service": "^1.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.23.6",
-    "@babel/plugin-proposal-decorators": "^7.23.6",
-    "@babel/plugin-transform-class-properties": "^7.23.3",
-    "@babel/plugin-transform-class-static-block": "^7.23.4",
     "@babel/plugin-transform-typescript": "^7.23.6",
     "@babel/runtime": "^7.23.6",
     "@embroider/addon-dev": "^4.1.3",
-    "@gavant/glint-template-types": "^0.3.6",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
     "@glint/core": "^1.2.1",
@@ -83,10 +80,10 @@
     "rollup": "^4.9.1",
     "rollup-plugin-copy": "^3.5.0",
     "typescript": "^5.3.3",
+    "@shared-configs/typescript": "0.0.0",
     "@shared-configs/ember-template-lint": "0.0.0",
     "@shared-configs/eslint-config-ember": "0.0.0",
-    "@shared-configs/prettier": "0.0.0",
-    "@shared-configs/typescript": "0.0.0"
+    "@shared-configs/prettier": "0.0.0"
   },
   "engines": {
     "node": "18.* || >= 20"

package/dist/_rollupPluginBabelHelpers-9wjJaosZ.js

@@ -1,63 +0,0 @@
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : String(i);
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _initializerDefineProperty(target, property, descriptor, context) {
-  if (!descriptor) return;
-  Object.defineProperty(target, property, {
-    enumerable: descriptor.enumerable,
-    configurable: descriptor.configurable,
-    writable: descriptor.writable,
-    value: descriptor.initializer ? descriptor.initializer.call(context) : void 0
-  });
-}
-function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) {
-  var desc = {};
-  Object.keys(descriptor).forEach(function (key) {
-    desc[key] = descriptor[key];
-  });
-  desc.enumerable = !!desc.enumerable;
-  desc.configurable = !!desc.configurable;
-  if ('value' in desc || desc.initializer) {
-    desc.writable = true;
-  }
-  desc = decorators.slice().reverse().reduce(function (desc, decorator) {
-    return decorator(target, property, desc) || desc;
-  }, desc);
-  if (context && desc.initializer !== void 0) {
-    desc.value = desc.initializer ? desc.initializer.call(context) : void 0;
-    desc.initializer = undefined;
-  }
-  if (desc.initializer === void 0) {
-    Object.defineProperty(target, property, desc);
-    desc = null;
-  }
-  return desc;
-}
-
-export { _applyDecoratedDescriptor as _, _initializerDefineProperty as a, _defineProperty as b };
-//# sourceMappingURL=_rollupPluginBabelHelpers-9wjJaosZ.js.map

package/dist/_rollupPluginBabelHelpers-9wjJaosZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-9wjJaosZ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}