@skyux/core 5.7.2 → 5.8.2

package/esm2015/index.js

@@ -43,6 +43,8 @@ export * from './lib/modules/overlay/overlay.module';
 export * from './lib/modules/overlay/overlay.service';
 export * from './lib/modules/percent-pipe/percent-pipe.module';
 export * from './lib/modules/percent-pipe/percent.pipe';
+export * from './lib/modules/resize-observer/resize-observer.service';
+export * from './lib/modules/resize-observer/resize-observer-media-query.service';
 export * from './lib/modules/scrollable-host/scrollable-host.service';
 export * from './lib/modules/title/set-title-args';
 export * from './lib/modules/title/title.service';

package/esm2015/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/core/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0DAA0D,CAAC;AAEzE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,4DAA4D,CAAC;AAC3E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,0DAA0D,CAAC;AACzE,cAAc,2DAA2D,CAAC;AAE1E,cAAc,iCAAiC,CAAC;AAEhD,cAAc,4BAA4B,CAAC;AAE3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAE9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC;AAE9D,cAAc,kDAAkD,CAAC;AAEjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,yCAAyC,CAAC;AAExD,cAAc,uDAAuD,CAAC;AAEtE,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAElD,cAAc,2CAA2C,CAAC;AAE1D,cAAc,kDAAkD,CAAC;AACjE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,6CAA6C,CAAC;AAE5D,cAAc,iCAAiC,CAAC;AAEhD,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,iBAAiB,IAAI,EAAE,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,cAAc,IAAI,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,sBAAsB,IAAI,EAAE,EAAE,MAAM,+CAA+C,CAAC","sourcesContent":["export * from './lib/modules/adapter-service/adapter.module';\nexport * from './lib/modules/adapter-service/adapter.service';\nexport * from './lib/modules/adapter-service/focusable-children-options';\n\nexport * from './lib/modules/affix/affix-auto-fit-context';\nexport * from './lib/modules/affix/affix-config';\nexport * from './lib/modules/affix/affix-horizontal-alignment';\nexport * from './lib/modules/affix/affix-offset';\nexport * from './lib/modules/affix/affix-offset-change';\nexport * from './lib/modules/affix/affix-placement';\nexport * from './lib/modules/affix/affix-placement-change';\nexport * from './lib/modules/affix/affix-vertical-alignment';\nexport * from './lib/modules/affix/affix.module';\nexport * from './lib/modules/affix/affix.service';\nexport * from './lib/modules/affix/affixer';\n\nexport * from './lib/modules/dock/dock-insert-component-config';\nexport * from './lib/modules/dock/dock-item';\nexport * from './lib/modules/dock/dock-item-config';\nexport * from './lib/modules/dock/dock-location';\nexport * from './lib/modules/dock/dock-options';\nexport * from './lib/modules/dock/dock.module';\nexport * from './lib/modules/dock/dock.service';\n\nexport * from './lib/modules/dynamic-component/dynamic-component-location';\nexport * from './lib/modules/dynamic-component/dynamic-component-options';\nexport * from './lib/modules/dynamic-component/dynamic-component.module';\nexport * from './lib/modules/dynamic-component/dynamic-component.service';\n\nexport * from './lib/modules/format/app-format';\n\nexport * from './lib/modules/id/id.module';\n\nexport * from './lib/modules/log/log.module';\nexport * from './lib/modules/log/log.service';\n\nexport * from './lib/modules/media-query/media-breakpoints';\nexport * from './lib/modules/media-query/media-query-listener';\nexport * from './lib/modules/media-query/media-query.module';\nexport * from './lib/modules/media-query/media-query.service';\n\nexport * from './lib/modules/mutation/mutation-observer-service';\n\nexport * from './lib/modules/numeric/numeric-symbol';\nexport * from './lib/modules/numeric/numeric.module';\nexport * from './lib/modules/numeric/numeric.options';\nexport * from './lib/modules/numeric/numeric.pipe';\nexport * from './lib/modules/numeric/numeric.service';\n\nexport * from './lib/modules/overlay/overlay-config';\nexport * from './lib/modules/overlay/overlay-instance';\nexport * from './lib/modules/overlay/overlay.module';\nexport * from './lib/modules/overlay/overlay.service';\n\nexport * from './lib/modules/percent-pipe/percent-pipe.module';\nexport * from './lib/modules/percent-pipe/percent.pipe';\n\nexport * from './lib/modules/scrollable-host/scrollable-host.service';\n\nexport * from './lib/modules/title/set-title-args';\nexport * from './lib/modules/title/title.service';\n\nexport * from './lib/modules/ui-config/ui-config.service';\n\nexport * from './lib/modules/viewkeeper/viewkeeper-host-options';\nexport * from './lib/modules/viewkeeper/viewkeeper-options';\nexport * from './lib/modules/viewkeeper/viewkeeper.module';\nexport * from './lib/modules/viewkeeper/viewkeeper.service';\n\nexport * from './lib/modules/window/window-ref';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyAffixDirective as λ1 } from './lib/modules/affix/affix.directive';\nexport { SkyIdDirective as λ2 } from './lib/modules/id/id.directive';\nexport { SkyViewkeeperDirective as λ3 } from './lib/modules/viewkeeper/viewkeeper.directive';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/core/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC;AAC9D,cAAc,0DAA0D,CAAC;AAEzE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,iDAAiD,CAAC;AAChE,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,4DAA4D,CAAC;AAC3E,cAAc,2DAA2D,CAAC;AAC1E,cAAc,0DAA0D,CAAC;AACzE,cAAc,2DAA2D,CAAC;AAE1E,cAAc,iCAAiC,CAAC;AAEhD,cAAc,4BAA4B,CAAC;AAE3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAE9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,+CAA+C,CAAC;AAE9D,cAAc,kDAAkD,CAAC;AAEjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,sCAAsC,CAAC;AACrD,cAAc,wCAAwC,CAAC;AACvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,yCAAyC,CAAC;AAExD,cAAc,uDAAuD,CAAC;AACtE,cAAc,mEAAmE,CAAC;AAElF,cAAc,uDAAuD,CAAC;AAEtE,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAElD,cAAc,2CAA2C,CAAC;AAE1D,cAAc,kDAAkD,CAAC;AACjE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,6CAA6C,CAAC;AAE5D,cAAc,iCAAiC,CAAC;AAEhD,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,iBAAiB,IAAI,EAAE,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,cAAc,IAAI,EAAE,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,sBAAsB,IAAI,EAAE,EAAE,MAAM,+CAA+C,CAAC","sourcesContent":["export * from './lib/modules/adapter-service/adapter.module';\nexport * from './lib/modules/adapter-service/adapter.service';\nexport * from './lib/modules/adapter-service/focusable-children-options';\n\nexport * from './lib/modules/affix/affix-auto-fit-context';\nexport * from './lib/modules/affix/affix-config';\nexport * from './lib/modules/affix/affix-horizontal-alignment';\nexport * from './lib/modules/affix/affix-offset';\nexport * from './lib/modules/affix/affix-offset-change';\nexport * from './lib/modules/affix/affix-placement';\nexport * from './lib/modules/affix/affix-placement-change';\nexport * from './lib/modules/affix/affix-vertical-alignment';\nexport * from './lib/modules/affix/affix.module';\nexport * from './lib/modules/affix/affix.service';\nexport * from './lib/modules/affix/affixer';\n\nexport * from './lib/modules/dock/dock-insert-component-config';\nexport * from './lib/modules/dock/dock-item';\nexport * from './lib/modules/dock/dock-item-config';\nexport * from './lib/modules/dock/dock-location';\nexport * from './lib/modules/dock/dock-options';\nexport * from './lib/modules/dock/dock.module';\nexport * from './lib/modules/dock/dock.service';\n\nexport * from './lib/modules/dynamic-component/dynamic-component-location';\nexport * from './lib/modules/dynamic-component/dynamic-component-options';\nexport * from './lib/modules/dynamic-component/dynamic-component.module';\nexport * from './lib/modules/dynamic-component/dynamic-component.service';\n\nexport * from './lib/modules/format/app-format';\n\nexport * from './lib/modules/id/id.module';\n\nexport * from './lib/modules/log/log.module';\nexport * from './lib/modules/log/log.service';\n\nexport * from './lib/modules/media-query/media-breakpoints';\nexport * from './lib/modules/media-query/media-query-listener';\nexport * from './lib/modules/media-query/media-query.module';\nexport * from './lib/modules/media-query/media-query.service';\n\nexport * from './lib/modules/mutation/mutation-observer-service';\n\nexport * from './lib/modules/numeric/numeric-symbol';\nexport * from './lib/modules/numeric/numeric.module';\nexport * from './lib/modules/numeric/numeric.options';\nexport * from './lib/modules/numeric/numeric.pipe';\nexport * from './lib/modules/numeric/numeric.service';\n\nexport * from './lib/modules/overlay/overlay-config';\nexport * from './lib/modules/overlay/overlay-instance';\nexport * from './lib/modules/overlay/overlay.module';\nexport * from './lib/modules/overlay/overlay.service';\n\nexport * from './lib/modules/percent-pipe/percent-pipe.module';\nexport * from './lib/modules/percent-pipe/percent.pipe';\n\nexport * from './lib/modules/resize-observer/resize-observer.service';\nexport * from './lib/modules/resize-observer/resize-observer-media-query.service';\n\nexport * from './lib/modules/scrollable-host/scrollable-host.service';\n\nexport * from './lib/modules/title/set-title-args';\nexport * from './lib/modules/title/title.service';\n\nexport * from './lib/modules/ui-config/ui-config.service';\n\nexport * from './lib/modules/viewkeeper/viewkeeper-host-options';\nexport * from './lib/modules/viewkeeper/viewkeeper-options';\nexport * from './lib/modules/viewkeeper/viewkeeper.module';\nexport * from './lib/modules/viewkeeper/viewkeeper.service';\n\nexport * from './lib/modules/window/window-ref';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyAffixDirective as λ1 } from './lib/modules/affix/affix.directive';\nexport { SkyIdDirective as λ2 } from './lib/modules/id/id.directive';\nexport { SkyViewkeeperDirective as λ3 } from './lib/modules/viewkeeper/viewkeeper.directive';\n"]}

package/esm2015/lib/modules/media-query/media-query-listener.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-query-listener.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/media-query/media-query-listener.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyMediaBreakpoints } from './media-breakpoints';\n\n/**\n * Specifies a funciton that is called when the breakpoints change. It is called\n * with a `SkyMediaBreakpoints` argument, which is an enum that represents the new breakpoint.\n */\nexport type SkyMediaQueryListener = (args: SkyMediaBreakpoints) => void;\n"]}
+{"version":3,"file":"media-query-listener.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/media-query/media-query-listener.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyMediaBreakpoints } from './media-breakpoints';\n\n/**\n * Specifies a function that is called when the breakpoints change. It is called\n * with a `SkyMediaBreakpoints` argument, which is an enum that represents the new breakpoint.\n */\nexport type SkyMediaQueryListener = (args: SkyMediaBreakpoints) => void;\n"]}

package/esm2015/lib/modules/media-query/media-query.service.js

@@ -39,7 +39,7 @@ export class SkyMediaQueryService {
         this.currentSubject.complete();
     }
     /**
-     * Suscribes to screen size changes.
+     * Subscribes to screen size changes.
      * @param listener Specifies a function that is called when breakpoints change.
      */
     subscribe(listener) {

package/esm2015/lib/modules/media-query/media-query.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"media-query.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/media-query/media-query.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, NgZone, OnDestroy } from '@angular/core';\n\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\nimport { SkyMediaBreakpoints } from './media-breakpoints';\nimport { SkyMediaQueryListener } from './media-query-listener';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyMediaQueryService implements OnDestroy {\n  /**\n   * The size for the `xs` breakpoint.\n   * @default \"(max-width: 767px)\"\n   */\n  public static xs = '(max-width: 767px)';\n\n  /**\n   * The size for the `sm` breakpoint.\n   * @default \"(min-width: 768px) and (max-width: 991px)\"\n   */\n  public static sm = '(min-width: 768px) and (max-width: 991px)';\n\n  /**\n   * The size for the `md` breakpoint.\n   * @default \"(min-width: 992px) and (max-width: 1199px)\"\n   */\n  public static md = '(min-width: 992px) and (max-width: 1199px)';\n\n  /**\n   * The size for the `lg` breakpoint.\n   * @default \"(min-width: 1200px)\"\n   */\n  public static lg = '(min-width: 1200px)';\n\n  /**\n   * Returns the current breakpoint.\n   */\n  public get current(): SkyMediaBreakpoints {\n    return this._current;\n  }\n\n  private currentSubject = new BehaviorSubject<SkyMediaBreakpoints>(\n    this.current\n  );\n\n  private _current = SkyMediaBreakpoints.md;\n\n  private breakpoints: {\n    mediaQueryString: string;\n    name: SkyMediaBreakpoints;\n  }[] = [\n    {\n      mediaQueryString: SkyMediaQueryService.xs,\n      name: SkyMediaBreakpoints.xs,\n    },\n    {\n      mediaQueryString: SkyMediaQueryService.sm,\n      name: SkyMediaBreakpoints.sm,\n    },\n    {\n      mediaQueryString: SkyMediaQueryService.md,\n      name: SkyMediaBreakpoints.md,\n    },\n    {\n      mediaQueryString: SkyMediaQueryService.lg,\n      name: SkyMediaBreakpoints.lg,\n    },\n  ];\n\n  private mediaQueries: {\n    mediaQueryList: MediaQueryList;\n    listener: (event: any) => void;\n  }[] = [];\n\n  constructor(private zone: NgZone) {\n    this.addListeners();\n  }\n\n  public ngOnDestroy(): void {\n    this.removeListeners();\n    this.currentSubject.complete();\n  }\n\n  /**\n   * Suscribes to screen size changes.\n   * @param listener Specifies a function that is called when breakpoints change.\n   */\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.currentSubject.subscribe({\n      next: (breakpoints: SkyMediaBreakpoints) => {\n        listener(breakpoints);\n      },\n    });\n  }\n\n  /**\n   * @internal\n   */\n  public destroy(): void {\n    this.removeListeners();\n    this.currentSubject.complete();\n  }\n\n  private addListeners(): void {\n    this.mediaQueries = this.breakpoints.map((breakpoint: any) => {\n      const mq = matchMedia(breakpoint.mediaQueryString);\n\n      const listener = (event: any) => {\n        // Run the check outside of Angular's change detection since Angular\n        // does not wrap matchMedia listeners in NgZone.\n        // See: https://blog.assaf.co/angular-2-change-detection-zones-and-an-example/\n        this.zone.run(() => {\n          if (event.matches) {\n            this.notifyBreakpointChange(breakpoint.name);\n          }\n        });\n      };\n\n      mq.addListener(listener);\n\n      if (mq.matches) {\n        this.notifyBreakpointChange(breakpoint.name);\n      }\n\n      return {\n        mediaQueryList: mq,\n        listener,\n      };\n    });\n  }\n\n  private removeListeners(): void {\n    this.mediaQueries.forEach((mediaQuery) => {\n      mediaQuery.mediaQueryList.removeListener(mediaQuery.listener);\n    });\n    this.mediaQueries = [];\n  }\n\n  private notifyBreakpointChange(breakpoint: SkyMediaBreakpoints): void {\n    this._current = breakpoint;\n    this.currentSubject.next(breakpoint);\n  }\n}\n"]}
+{"version":3,"file":"media-query.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/media-query/media-query.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAa,MAAM,eAAe,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAgB,MAAM,MAAM,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;;AAM1D,MAAM,OAAO,oBAAoB;IAiE/B,YAAoB,IAAY;QAAZ,SAAI,GAAJ,IAAI,CAAQ;QAjCxB,mBAAc,GAAG,IAAI,eAAe,CAC1C,IAAI,CAAC,OAAO,CACb,CAAC;QAEM,aAAQ,GAAG,mBAAmB,CAAC,EAAE,CAAC;QAElC,gBAAW,GAGb;YACJ;gBACE,gBAAgB,EAAE,oBAAoB,CAAC,EAAE;gBACzC,IAAI,EAAE,mBAAmB,CAAC,EAAE;aAC7B;YACD;gBACE,gBAAgB,EAAE,oBAAoB,CAAC,EAAE;gBACzC,IAAI,EAAE,mBAAmB,CAAC,EAAE;aAC7B;YACD;gBACE,gBAAgB,EAAE,oBAAoB,CAAC,EAAE;gBACzC,IAAI,EAAE,mBAAmB,CAAC,EAAE;aAC7B;YACD;gBACE,gBAAgB,EAAE,oBAAoB,CAAC,EAAE;gBACzC,IAAI,EAAE,mBAAmB,CAAC,EAAE;aAC7B;SACF,CAAC;QAEM,iBAAY,GAGd,EAAE,CAAC;QAGP,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IA1CD;;OAEG;IACH,IAAW,OAAO;QAChB,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAuCM,WAAW;QAChB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC;IAED;;;OAGG;IACI,SAAS,CAAC,QAA+B;QAC9C,OAAO,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC;YACnC,IAAI,EAAE,CAAC,WAAgC,EAAE,EAAE;gBACzC,QAAQ,CAAC,WAAW,CAAC,CAAC;YACxB,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACI,OAAO;QACZ,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC;IAEO,YAAY;QAClB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAe,EAAE,EAAE;YAC3D,MAAM,EAAE,GAAG,UAAU,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;YAEnD,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;gBAC9B,oEAAoE;gBACpE,gDAAgD;gBAChD,8EAA8E;gBAC9E,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE;oBACjB,IAAI,KAAK,CAAC,OAAO,EAAE;wBACjB,IAAI,CAAC,sBAAsB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;qBAC9C;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC;YAEF,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;YAEzB,IAAI,EAAE,CAAC,OAAO,EAAE;gBACd,IAAI,CAAC,sBAAsB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC9C;YAED,OAAO;gBACL,cAAc,EAAE,EAAE;gBAClB,QAAQ;aACT,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;YACvC,UAAU,CAAC,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAChE,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;IACzB,CAAC;IAEO,sBAAsB,CAAC,UAA+B;QAC5D,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACvC,CAAC;;AAnID;;;GAGG;AACW,uBAAE,GAAG,oBAAoB,CAAC;AAExC;;;GAGG;AACW,uBAAE,GAAG,2CAA2C,CAAC;AAE/D;;;GAGG;AACW,uBAAE,GAAG,4CAA4C,CAAC;AAEhE;;;GAGG;AACW,uBAAE,GAAG,qBAAqB,CAAC;kHAvB9B,oBAAoB;sHAApB,oBAAoB,cAFnB,MAAM;4FAEP,oBAAoB;kBAHhC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { Injectable, NgZone, OnDestroy } from '@angular/core';\n\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\nimport { SkyMediaBreakpoints } from './media-breakpoints';\nimport { SkyMediaQueryListener } from './media-query-listener';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyMediaQueryService implements OnDestroy {\n  /**\n   * The size for the `xs` breakpoint.\n   * @default \"(max-width: 767px)\"\n   */\n  public static xs = '(max-width: 767px)';\n\n  /**\n   * The size for the `sm` breakpoint.\n   * @default \"(min-width: 768px) and (max-width: 991px)\"\n   */\n  public static sm = '(min-width: 768px) and (max-width: 991px)';\n\n  /**\n   * The size for the `md` breakpoint.\n   * @default \"(min-width: 992px) and (max-width: 1199px)\"\n   */\n  public static md = '(min-width: 992px) and (max-width: 1199px)';\n\n  /**\n   * The size for the `lg` breakpoint.\n   * @default \"(min-width: 1200px)\"\n   */\n  public static lg = '(min-width: 1200px)';\n\n  /**\n   * Returns the current breakpoint.\n   */\n  public get current(): SkyMediaBreakpoints {\n    return this._current;\n  }\n\n  private currentSubject = new BehaviorSubject<SkyMediaBreakpoints>(\n    this.current\n  );\n\n  private _current = SkyMediaBreakpoints.md;\n\n  private breakpoints: {\n    mediaQueryString: string;\n    name: SkyMediaBreakpoints;\n  }[] = [\n    {\n      mediaQueryString: SkyMediaQueryService.xs,\n      name: SkyMediaBreakpoints.xs,\n    },\n    {\n      mediaQueryString: SkyMediaQueryService.sm,\n      name: SkyMediaBreakpoints.sm,\n    },\n    {\n      mediaQueryString: SkyMediaQueryService.md,\n      name: SkyMediaBreakpoints.md,\n    },\n    {\n      mediaQueryString: SkyMediaQueryService.lg,\n      name: SkyMediaBreakpoints.lg,\n    },\n  ];\n\n  private mediaQueries: {\n    mediaQueryList: MediaQueryList;\n    listener: (event: any) => void;\n  }[] = [];\n\n  constructor(private zone: NgZone) {\n    this.addListeners();\n  }\n\n  public ngOnDestroy(): void {\n    this.removeListeners();\n    this.currentSubject.complete();\n  }\n\n  /**\n   * Subscribes to screen size changes.\n   * @param listener Specifies a function that is called when breakpoints change.\n   */\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.currentSubject.subscribe({\n      next: (breakpoints: SkyMediaBreakpoints) => {\n        listener(breakpoints);\n      },\n    });\n  }\n\n  /**\n   * @internal\n   */\n  public destroy(): void {\n    this.removeListeners();\n    this.currentSubject.complete();\n  }\n\n  private addListeners(): void {\n    this.mediaQueries = this.breakpoints.map((breakpoint: any) => {\n      const mq = matchMedia(breakpoint.mediaQueryString);\n\n      const listener = (event: any) => {\n        // Run the check outside of Angular's change detection since Angular\n        // does not wrap matchMedia listeners in NgZone.\n        // See: https://blog.assaf.co/angular-2-change-detection-zones-and-an-example/\n        this.zone.run(() => {\n          if (event.matches) {\n            this.notifyBreakpointChange(breakpoint.name);\n          }\n        });\n      };\n\n      mq.addListener(listener);\n\n      if (mq.matches) {\n        this.notifyBreakpointChange(breakpoint.name);\n      }\n\n      return {\n        mediaQueryList: mq,\n        listener,\n      };\n    });\n  }\n\n  private removeListeners(): void {\n    this.mediaQueries.forEach((mediaQuery) => {\n      mediaQuery.mediaQueryList.removeListener(mediaQuery.listener);\n    });\n    this.mediaQueries = [];\n  }\n\n  private notifyBreakpointChange(breakpoint: SkyMediaBreakpoints): void {\n    this._current = breakpoint;\n    this.currentSubject.next(breakpoint);\n  }\n}\n"]}

package/esm2015/lib/modules/resize-observer/resize-observer-media-query.service.js

@@ -0,0 +1,117 @@
+import { Injectable } from '@angular/core';
+import { ReplaySubject, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SkyMediaBreakpoints } from '../media-query/media-breakpoints';
+import { SkyResizeObserverService } from './resize-observer.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./resize-observer.service";
+/**
+ * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.
+ */
+export class SkyResizeObserverMediaQueryService {
+    constructor(resizeObserverService) {
+        this.resizeObserverService = resizeObserverService;
+        this._breakpoints = [
+            {
+                check: (width) => width <= 767,
+                name: SkyMediaBreakpoints.xs,
+            },
+            {
+                check: (width) => width > 767 && width <= 991,
+                name: SkyMediaBreakpoints.sm,
+            },
+            {
+                check: (width) => width > 991 && width <= 1199,
+                name: SkyMediaBreakpoints.md,
+            },
+            {
+                check: (width) => width > 1199,
+                name: SkyMediaBreakpoints.lg,
+            },
+        ];
+        this._currentBreakpointObservable = new ReplaySubject(1);
+        this._stopListening = new Subject();
+        this._stopListening.subscribe(() => {
+            this._target = undefined;
+            this.updateBreakpoint(undefined);
+        });
+    }
+    /**
+     * Returns the current breakpoint.
+     */
+    get current() {
+        return this._currentBreakpoint;
+    }
+    ngOnDestroy() {
+        this._stopListening.next();
+        this._currentBreakpoint = undefined;
+        this._stopListening.complete();
+        this._currentBreakpointObservable.complete();
+    }
+    /**
+     * @internal
+     */
+    destroy() {
+        this.ngOnDestroy();
+    }
+    /**
+     * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a
+     * time. Any previous subscriptions will be unsubscribed when a new element is observed.
+     */
+    observe(element) {
+        if (this._target) {
+            if (this._target === element) {
+                return this;
+            }
+            this._stopListening.next();
+        }
+        this._target = element;
+        const width = element.nativeElement.offsetWidth;
+        if (width) {
+            const breakpoint = this.checkBreakpoint(width);
+            this.updateBreakpoint(breakpoint);
+        }
+        this._resizeSubscription = this.resizeObserverService
+            .observe(element)
+            .pipe(takeUntil(this._stopListening))
+            .subscribe((value) => {
+            const breakpoint = this.checkBreakpoint(value.contentRect.width);
+            /* istanbul ignore else */
+            if (breakpoint !== this._currentBreakpoint) {
+                this.updateBreakpoint(breakpoint);
+            }
+        });
+        return this;
+    }
+    /**
+     * Stop watching the container element.
+     */
+    unobserve() {
+        this._stopListening.next();
+    }
+    /**
+     * Subscribes to element size changes that cross breakpoints.
+     */
+    subscribe(listener) {
+        return this._currentBreakpointObservable
+            .pipe(takeUntil(this._stopListening))
+            .subscribe(listener);
+    }
+    updateBreakpoint(breakpoint) {
+        this._currentBreakpoint = breakpoint;
+        this._currentBreakpointObservable.next(breakpoint);
+    }
+    checkBreakpoint(width) {
+        var _a;
+        return (_a = this._breakpoints.find((breakpoint) => breakpoint.check(width))) === null || _a === void 0 ? void 0 : _a.name;
+    }
+}
+SkyResizeObserverMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: i1.SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyResizeObserverService }]; } });
+//# sourceMappingURL=resize-observer-media-query.service.js.map

package/esm2015/lib/modules/resize-observer/resize-observer-media-query.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer-media-query.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer-media-query.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, OnDestroy } from '@angular/core';\n\nimport { ReplaySubject, Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyMediaBreakpoints } from '../media-query/media-breakpoints';\nimport { SkyMediaQueryListener } from '../media-query/media-query-listener';\n\nimport { SkyResizeObserverService } from './resize-observer.service';\n\n/**\n * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverMediaQueryService implements OnDestroy {\n  /**\n   * Returns the current breakpoint.\n   */\n  public get current(): SkyMediaBreakpoints | undefined {\n    return this._currentBreakpoint;\n  }\n\n  private _breakpoints: {\n    check: (width: number) => boolean;\n    name: SkyMediaBreakpoints;\n  }[] = [\n    {\n      check: (width: number) => width <= 767,\n      name: SkyMediaBreakpoints.xs,\n    },\n    {\n      check: (width: number) => width > 767 && width <= 991,\n      name: SkyMediaBreakpoints.sm,\n    },\n    {\n      check: (width: number) => width > 991 && width <= 1199,\n      name: SkyMediaBreakpoints.md,\n    },\n    {\n      check: (width: number) => width > 1199,\n      name: SkyMediaBreakpoints.lg,\n    },\n  ];\n  private _currentBreakpointObservable = new ReplaySubject<\n    SkyMediaBreakpoints | undefined\n  >(1);\n  private _currentBreakpoint: SkyMediaBreakpoints;\n  private _resizeSubscription: Subscription;\n  private _stopListening = new Subject<void>();\n  private _target?: ElementRef;\n\n  constructor(private resizeObserverService: SkyResizeObserverService) {\n    this._stopListening.subscribe(() => {\n      this._target = undefined;\n      this.updateBreakpoint(undefined);\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this._stopListening.next();\n    this._currentBreakpoint = undefined;\n    this._stopListening.complete();\n    this._currentBreakpointObservable.complete();\n  }\n\n  /**\n   * @internal\n   */\n  public destroy(): void {\n    this.ngOnDestroy();\n  }\n\n  /**\n   * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a\n   * time. Any previous subscriptions will be unsubscribed when a new element is observed.\n   */\n  public observe(element: ElementRef): SkyResizeObserverMediaQueryService {\n    if (this._target) {\n      if (this._target === element) {\n        return this;\n      }\n      this._stopListening.next();\n    }\n    this._target = element;\n    const width = (element.nativeElement as HTMLElement).offsetWidth;\n    if (width) {\n      const breakpoint = this.checkBreakpoint(width);\n      this.updateBreakpoint(breakpoint);\n    }\n    this._resizeSubscription = this.resizeObserverService\n      .observe(element)\n      .pipe(takeUntil(this._stopListening))\n      .subscribe((value) => {\n        const breakpoint = this.checkBreakpoint(value.contentRect.width);\n        /* istanbul ignore else */\n        if (breakpoint !== this._currentBreakpoint) {\n          this.updateBreakpoint(breakpoint);\n        }\n      });\n    return this;\n  }\n\n  /**\n   * Stop watching the container element.\n   */\n  public unobserve(): void {\n    this._stopListening.next();\n  }\n\n  /**\n   * Subscribes to element size changes that cross breakpoints.\n   */\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this._currentBreakpointObservable\n      .pipe(takeUntil(this._stopListening))\n      .subscribe(listener);\n  }\n\n  private updateBreakpoint(breakpoint: SkyMediaBreakpoints) {\n    this._currentBreakpoint = breakpoint;\n    this._currentBreakpointObservable.next(breakpoint);\n  }\n\n  private checkBreakpoint(width: number): SkyMediaBreakpoints | undefined {\n    return this._breakpoints.find((breakpoint) => breakpoint.check(width))\n      ?.name;\n  }\n}\n"]}

package/esm2015/lib/modules/resize-observer/resize-observer.service.js

@@ -0,0 +1,73 @@
+import { Injectable, NgZone } from '@angular/core';
+import { Subject } from 'rxjs';
+import { finalize } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+/**
+ * Service to create rxjs observables for changes to the content box dimensions of elements.
+ */
+export class SkyResizeObserverService {
+    constructor(zone) {
+        this.zone = zone;
+        this._tracking = [];
+        this._resizeObserver = new ResizeObserver((entries) => {
+            entries.forEach((entry) => this.callback(entry));
+        });
+    }
+    ngOnDestroy() {
+        this._resizeObserver.disconnect();
+    }
+    /**
+     * Create rxjs observable to get size changes for an element ref.
+     */
+    observe(element) {
+        return this.observeAndTrack(element).subjectObservable;
+    }
+    observeAndTrack(element) {
+        const checkTracking = this._tracking.findIndex((value) => {
+            return !value.subject.closed && value.element === element.nativeElement;
+        });
+        if (checkTracking === -1) {
+            this._resizeObserver.observe(element.nativeElement);
+        }
+        const subject = new Subject();
+        const subjectObservable = subject.pipe(finalize(() => {
+            // Are there any other tracking entries still watching this element?
+            const checkTracking = this._tracking.findIndex((value) => {
+                return (value.subject !== subject &&
+                    !value.subject.closed &&
+                    value.element === element.nativeElement);
+            });
+            if (checkTracking === -1) {
+                this._resizeObserver.unobserve(element.nativeElement);
+            }
+        }));
+        const tracking = {
+            element: element.nativeElement,
+            subject,
+            subjectObservable,
+        };
+        this._tracking.push(tracking);
+        return tracking;
+    }
+    callback(entry) {
+        this._tracking
+            .filter((value) => !(value.subject.closed || value.subject.isStopped))
+            .forEach((value) => {
+            /* istanbul ignore else */
+            if (value.element === entry.target) {
+                this.zone.run(() => {
+                    value.subject.next(entry);
+                });
+            }
+        });
+    }
+}
+SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
+//# sourceMappingURL=resize-observer.service.js.map

package/esm2015/lib/modules/resize-observer/resize-observer.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resize-observer.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/core/src/lib/modules/resize-observer/resize-observer.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { ElementRef, Injectable, NgZone, OnDestroy } from '@angular/core';\n\nimport { Observable, Subject } from 'rxjs';\nimport { finalize } from 'rxjs/operators';\n\ntype ResizeObserverTracking = {\n  element: Element;\n  subject: Subject<ResizeObserverEntry>;\n  subjectObservable: Observable<ResizeObserverEntry>;\n};\n\n/**\n * Service to create rxjs observables for changes to the content box dimensions of elements.\n */\n@Injectable({\n  providedIn: 'any',\n})\nexport class SkyResizeObserverService implements OnDestroy {\n  private _resizeObserver: ResizeObserver;\n  private _tracking: ResizeObserverTracking[] = [];\n\n  constructor(private zone: NgZone) {\n    this._resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        entries.forEach((entry) => this.callback(entry));\n      }\n    );\n  }\n\n  public ngOnDestroy(): void {\n    this._resizeObserver.disconnect();\n  }\n\n  /**\n   * Create rxjs observable to get size changes for an element ref.\n   */\n  public observe(element: ElementRef): Observable<ResizeObserverEntry> {\n    return this.observeAndTrack(element).subjectObservable;\n  }\n\n  private observeAndTrack(element: ElementRef): ResizeObserverTracking {\n    const checkTracking = this._tracking.findIndex((value) => {\n      return !value.subject.closed && value.element === element.nativeElement;\n    });\n    if (checkTracking === -1) {\n      this._resizeObserver.observe(element.nativeElement);\n    }\n    const subject = new Subject<ResizeObserverEntry>();\n    const subjectObservable = subject.pipe(\n      finalize(() => {\n        // Are there any other tracking entries still watching this element?\n        const checkTracking = this._tracking.findIndex((value) => {\n          return (\n            value.subject !== subject &&\n            !value.subject.closed &&\n            value.element === element.nativeElement\n          );\n        });\n        if (checkTracking === -1) {\n          this._resizeObserver.unobserve(element.nativeElement);\n        }\n      })\n    );\n    const tracking = {\n      element: element.nativeElement,\n      subject,\n      subjectObservable,\n    };\n    this._tracking.push(tracking);\n    return tracking;\n  }\n\n  private callback(entry: ResizeObserverEntry) {\n    this._tracking\n      .filter((value) => !(value.subject.closed || value.subject.isStopped))\n      .forEach((value) => {\n        /* istanbul ignore else */\n        if (value.element === entry.target) {\n          this.zone.run(() => {\n            value.subject.next(entry);\n          });\n        }\n      });\n  }\n}\n"]}

package/fesm2015/skyux-core.js

@@ -2,8 +2,8 @@ import * as i0 from '@angular/core';
 import { NgModule, Injectable, EventEmitter, Directive, Input, Output, Injector, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, Pipe, ElementRef, Optional } from '@angular/core';
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import { Subject, fromEvent, BehaviorSubject, Observable, of } from 'rxjs';
-import { takeUntil, debounceTime } from 'rxjs/operators';
+import { Subject, fromEvent, BehaviorSubject, ReplaySubject, Observable, of } from 'rxjs';
+import { takeUntil, debounceTime, finalize } from 'rxjs/operators';
 import * as i1 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, SkyIntlNumberFormatStyle, SkyIntlNumberFormatter } from '@skyux/i18n';
 import * as i3 from '@angular/router';
@@ -1472,7 +1472,7 @@ class SkyMediaQueryService {
         this.currentSubject.complete();
     }
     /**
-     * Suscribes to screen size changes.
+     * Subscribes to screen size changes.
      * @param listener Specifies a function that is called when breakpoints change.
      */
     subscribe(listener) {
@@ -2409,6 +2409,185 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }]
         }] });
 
+/**
+ * Service to create rxjs observables for changes to the content box dimensions of elements.
+ */
+class SkyResizeObserverService {
+    constructor(zone) {
+        this.zone = zone;
+        this._tracking = [];
+        this._resizeObserver = new ResizeObserver((entries) => {
+            entries.forEach((entry) => this.callback(entry));
+        });
+    }
+    ngOnDestroy() {
+        this._resizeObserver.disconnect();
+    }
+    /**
+     * Create rxjs observable to get size changes for an element ref.
+     */
+    observe(element) {
+        return this.observeAndTrack(element).subjectObservable;
+    }
+    observeAndTrack(element) {
+        const checkTracking = this._tracking.findIndex((value) => {
+            return !value.subject.closed && value.element === element.nativeElement;
+        });
+        if (checkTracking === -1) {
+            this._resizeObserver.observe(element.nativeElement);
+        }
+        const subject = new Subject();
+        const subjectObservable = subject.pipe(finalize(() => {
+            // Are there any other tracking entries still watching this element?
+            const checkTracking = this._tracking.findIndex((value) => {
+                return (value.subject !== subject &&
+                    !value.subject.closed &&
+                    value.element === element.nativeElement);
+            });
+            if (checkTracking === -1) {
+                this._resizeObserver.unobserve(element.nativeElement);
+            }
+        }));
+        const tracking = {
+            element: element.nativeElement,
+            subject,
+            subjectObservable,
+        };
+        this._tracking.push(tracking);
+        return tracking;
+    }
+    callback(entry) {
+        this._tracking
+            .filter((value) => !(value.subject.closed || value.subject.isStopped))
+            .forEach((value) => {
+            /* istanbul ignore else */
+            if (value.element === entry.target) {
+                this.zone.run(() => {
+                    value.subject.next(entry);
+                });
+            }
+        });
+    }
+}
+SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
+
+/**
+ * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.
+ */
+class SkyResizeObserverMediaQueryService {
+    constructor(resizeObserverService) {
+        this.resizeObserverService = resizeObserverService;
+        this._breakpoints = [
+            {
+                check: (width) => width <= 767,
+                name: SkyMediaBreakpoints.xs,
+            },
+            {
+                check: (width) => width > 767 && width <= 991,
+                name: SkyMediaBreakpoints.sm,
+            },
+            {
+                check: (width) => width > 991 && width <= 1199,
+                name: SkyMediaBreakpoints.md,
+            },
+            {
+                check: (width) => width > 1199,
+                name: SkyMediaBreakpoints.lg,
+            },
+        ];
+        this._currentBreakpointObservable = new ReplaySubject(1);
+        this._stopListening = new Subject();
+        this._stopListening.subscribe(() => {
+            this._target = undefined;
+            this.updateBreakpoint(undefined);
+        });
+    }
+    /**
+     * Returns the current breakpoint.
+     */
+    get current() {
+        return this._currentBreakpoint;
+    }
+    ngOnDestroy() {
+        this._stopListening.next();
+        this._currentBreakpoint = undefined;
+        this._stopListening.complete();
+        this._currentBreakpointObservable.complete();
+    }
+    /**
+     * @internal
+     */
+    destroy() {
+        this.ngOnDestroy();
+    }
+    /**
+     * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a
+     * time. Any previous subscriptions will be unsubscribed when a new element is observed.
+     */
+    observe(element) {
+        if (this._target) {
+            if (this._target === element) {
+                return this;
+            }
+            this._stopListening.next();
+        }
+        this._target = element;
+        const width = element.nativeElement.offsetWidth;
+        if (width) {
+            const breakpoint = this.checkBreakpoint(width);
+            this.updateBreakpoint(breakpoint);
+        }
+        this._resizeSubscription = this.resizeObserverService
+            .observe(element)
+            .pipe(takeUntil(this._stopListening))
+            .subscribe((value) => {
+            const breakpoint = this.checkBreakpoint(value.contentRect.width);
+            /* istanbul ignore else */
+            if (breakpoint !== this._currentBreakpoint) {
+                this.updateBreakpoint(breakpoint);
+            }
+        });
+        return this;
+    }
+    /**
+     * Stop watching the container element.
+     */
+    unobserve() {
+        this._stopListening.next();
+    }
+    /**
+     * Subscribes to element size changes that cross breakpoints.
+     */
+    subscribe(listener) {
+        return this._currentBreakpointObservable
+            .pipe(takeUntil(this._stopListening))
+            .subscribe(listener);
+    }
+    updateBreakpoint(breakpoint) {
+        this._currentBreakpoint = breakpoint;
+        this._currentBreakpointObservable.next(breakpoint);
+    }
+    checkBreakpoint(width) {
+        var _a;
+        return (_a = this._breakpoints.find((breakpoint) => breakpoint.check(width))) === null || _a === void 0 ? void 0 : _a.name;
+    }
+}
+SkyResizeObserverMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyResizeObserverMediaQueryService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return [{ type: SkyResizeObserverService }]; } });
+
 function notifySubscribers(subscribers, item) {
     for (const subscriber of subscribers) {
         subscriber.next(item);
@@ -3046,5 +3225,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { MutationObserverService, NumericOptions, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyScrollableHostService, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3 };
+export { MutationObserverService, NumericOptions, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyScrollableHostService, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3 };
 //# sourceMappingURL=skyux-core.js.map