@sebgroup/green-angular 1.0.0-beta.1 → 1.0.0-beta.12

package/bundles/sebgroup-green-angular.umd.js

@@ -1,610 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/router'), require('@angular/forms'), require('rxjs'), require('rxjs/operators'), require('@popperjs/core'), require('body-scroll-lock')) :
-  typeof define === 'function' && define.amd ? define('@sebgroup/green-angular', ['exports', '@angular/core', '@angular/common', '@angular/router', '@angular/forms', 'rxjs', 'rxjs/operators', '@popperjs/core', 'body-scroll-lock'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.sebgroup = global.sebgroup || {}, global.sebgroup["green-angular"] = {}), global.ng.core, global.ng.common, global.ng.router, global.ng.forms, global.rxjs, global.rxjs.operators, global.core, global.bodyScrollLock));
-})(this, (function (exports, i0, i1, i2, forms, rxjs, operators, core, bodyScrollLock) { 'use strict';
-
-  function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        if (k !== 'default') {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(n, k, d.get ? d : {
-            enumerable: true,
-            get: function () { return e[k]; }
-          });
-        }
-      });
-    }
-    n["default"] = e;
-    return Object.freeze(n);
-  }
-
-  var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-  var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-  var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-
-  var NggSegmentedControlComponent = /** @class */ (function () {
-      function NggSegmentedControlComponent() {
-      }
-      return NggSegmentedControlComponent;
-  }());
-  NggSegmentedControlComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggSegmentedControlComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NggSegmentedControlComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: NggSegmentedControlComponent, selector: "ngg-segmented-control", inputs: { $controls: "$controls" }, ngImport: i0__namespace, template: "\n    <div class=\"group\">\n      <a\n        *ngFor=\"let control of $controls | async\"\n        [routerLink]=\"control.url\"\n        routerLinkActive=\"active\"\n        class=\"button\"\n        >{{ control.text }}</a\n      >\n    </div>\n  ", isInline: true, directives: [{ type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i2__namespace.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], exportAs: ["routerLinkActive"] }], pipes: { "async": i1__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggSegmentedControlComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'ngg-segmented-control',
-                      template: "\n    <div class=\"group\">\n      <a\n        *ngFor=\"let control of $controls | async\"\n        [routerLink]=\"control.url\"\n        routerLinkActive=\"active\"\n        class=\"button\"\n        >{{ control.text }}</a\n      >\n    </div>\n  ",
-                      styles: [],
-                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                  }]
-          }], propDecorators: { $controls: [{
-                  type: i0.Input
-              }] } });
-
-  var NggSegmentedControlModule = /** @class */ (function () {
-      function NggSegmentedControlModule() {
-      }
-      return NggSegmentedControlModule;
-  }());
-  NggSegmentedControlModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggSegmentedControlModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  NggSegmentedControlModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggSegmentedControlModule, declarations: [NggSegmentedControlComponent], imports: [i2.RouterModule, i1.CommonModule], exports: [NggSegmentedControlComponent] });
-  NggSegmentedControlModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggSegmentedControlModule, imports: [[i2.RouterModule, i1.CommonModule]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggSegmentedControlModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [NggSegmentedControlComponent],
-                      imports: [i2.RouterModule, i1.CommonModule],
-                      exports: [NggSegmentedControlComponent],
-                  }]
-          }] });
-
-  var NggPopoverDirective = /** @class */ (function () {
-      function NggPopoverDirective() {
-          this._config = {
-              usePopper: true,
-              container: '',
-              useBodyScrollLock: true,
-          };
-          this.state = {
-              $isOpen: new rxjs.BehaviorSubject(false),
-          };
-      }
-      Object.defineProperty(NggPopoverDirective.prototype, "config", {
-          get: function () {
-              return this._config;
-          },
-          set: function (config) {
-              this._config = Object.assign(Object.assign({}, this.config), config);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      NggPopoverDirective.prototype.close = function () {
-          this.state.$isOpen.next(false);
-      };
-      NggPopoverDirective.prototype.open = function () {
-          this.state.$isOpen.next(true);
-      };
-      NggPopoverDirective.prototype.toggle = function () {
-          if (this.state.$isOpen.value) {
-              this.close();
-          }
-          else {
-              this.open();
-          }
-      };
-      return NggPopoverDirective;
-  }());
-  NggPopoverDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverDirective, deps: [], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  NggPopoverDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: NggPopoverDirective, selector: "[nggPopover]", inputs: { config: "config" }, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverDirective, decorators: [{
-              type: i0.Directive,
-              args: [{
-                      selector: '[nggPopover]',
-                  }]
-          }], propDecorators: { config: [{
-                  type: i0.Input
-              }] } });
-
-  var NggPopoverTriggerDirective = /** @class */ (function () {
-      function NggPopoverTriggerDirective(popover, _elRef) {
-          var _this = this;
-          this.popover = popover;
-          this._elRef = _elRef;
-          this.$unsubscribe = new rxjs.Subject();
-          this.class = 'dropdown-toggle';
-          this.haspopup = 'listbox';
-          this.owns = null;
-          this.expanded = this.popover.state.$isOpen.value;
-          this.toggle = function (event) {
-              if ('key' in event && event.key === 'ArrowDown') {
-                  // open popover on arrow down by not stopping event propagation
-                  if (_this.popover.state.$isOpen.value) {
-                      return;
-                  }
-                  else {
-                      // prevent container from scrolling
-                      event.preventDefault();
-                  }
-              }
-              event.stopPropagation();
-              _this.popover.toggle();
-          };
-      }
-      NggPopoverTriggerDirective.prototype.ngOnInit = function () {
-          var _this = this;
-          // if trigger element does not have an id...
-          if (!this._elRef.nativeElement.id) {
-              // ...add a unique id
-              this._elRef.nativeElement.id = "ngg_dropdownTrigger_" + new Date().getTime();
-              this.owns = this._elRef.nativeElement.id.replace(/dropdownTrigger/, 'popover');
-          }
-          else {
-              this.owns = this._elRef.nativeElement.id + '_popover';
-          }
-          this.popover.triggerElement = this._elRef;
-          this.popover.state.$isOpen
-              .pipe(operators.tap(function (isOpen) { return (_this.expanded = isOpen); }), operators.takeUntil(this.$unsubscribe))
-              .subscribe();
-      };
-      NggPopoverTriggerDirective.prototype.ngOnDestroy = function () {
-          this.$unsubscribe.next();
-          this.$unsubscribe.complete();
-      };
-      return NggPopoverTriggerDirective;
-  }());
-  NggPopoverTriggerDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverTriggerDirective, deps: [{ token: i0.forwardRef(function () { return NggPopoverDirective; }) }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  NggPopoverTriggerDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: NggPopoverTriggerDirective, selector: "[nggPopoverTrigger]", host: { listeners: { "keydown.arrowdown": "toggle($event)", "click": "toggle($event)" }, properties: { "class": "this.class", "attr.aria-haspopup": "this.haspopup", "attr.aria-owns": "this.owns", "attr.aria-expanded": "this.expanded" } }, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverTriggerDirective, decorators: [{
-              type: i0.Directive,
-              args: [{
-                      selector: '[nggPopoverTrigger]',
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: NggPopoverDirective, decorators: [{
-                          type: i0.Inject,
-                          args: [i0.forwardRef(function () { return NggPopoverDirective; })]
-                      }] }, { type: i0__namespace.ElementRef }];
-      }, propDecorators: { class: [{
-                  type: i0.HostBinding,
-                  args: ['class']
-              }], haspopup: [{
-                  type: i0.HostBinding,
-                  args: ['attr.aria-haspopup']
-              }], owns: [{
-                  type: i0.HostBinding,
-                  args: ['attr.aria-owns']
-              }], expanded: [{
-                  type: i0.HostBinding,
-                  args: ['attr.aria-expanded']
-              }], toggle: [{
-                  type: i0.HostListener,
-                  args: ['keydown.arrowdown', ['$event']]
-              }, {
-                  type: i0.HostListener,
-                  args: ['click', ['$event']]
-              }] } });
-
-  var NggPopoverOptionDirective = /** @class */ (function () {
-      function NggPopoverOptionDirective(popover, elRef) {
-          var _this = this;
-          this.popover = popover;
-          this.elRef = elRef;
-          this.selected = false;
-          this.selectedChanged = new i0.EventEmitter();
-          this.role = 'option';
-          this.id = '';
-          this.clickHandler = function (event) {
-              _this.select(event);
-          };
-          this.select = function (event) {
-              _this.selectedChanged.emit(_this.nggPopoverOption);
-          };
-      }
-      Object.defineProperty(NggPopoverOptionDirective.prototype, "ariaSelected", {
-          get: function () {
-              return this.selected || null;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      NggPopoverOptionDirective.prototype.ngOnInit = function () {
-          var _a;
-          this.id = ((_a = this.popover.triggerElement) === null || _a === void 0 ? void 0 : _a.nativeElement.id) + "_dropdownOption_" + this.index;
-      };
-      return NggPopoverOptionDirective;
-  }());
-  NggPopoverOptionDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverOptionDirective, deps: [{ token: i0.forwardRef(function () { return NggPopoverDirective; }) }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  NggPopoverOptionDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: NggPopoverOptionDirective, selector: "[nggPopoverOption]", inputs: { nggPopoverOption: "nggPopoverOption", index: "index", selected: "selected" }, outputs: { selectedChanged: "selectedChanged" }, host: { listeners: { "click": "clickHandler()" }, properties: { "attr.role": "this.role", "attr.aria-selected": "this.ariaSelected", "attr.id": "this.id" } }, ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverOptionDirective, decorators: [{
-              type: i0.Directive,
-              args: [{
-                      selector: '[nggPopoverOption]',
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: NggPopoverDirective, decorators: [{
-                          type: i0.Inject,
-                          args: [i0.forwardRef(function () { return NggPopoverDirective; })]
-                      }] }, { type: i0__namespace.ElementRef }];
-      }, propDecorators: { nggPopoverOption: [{
-                  type: i0.Input
-              }], index: [{
-                  type: i0.Input
-              }], selected: [{
-                  type: i0.Input
-              }], selectedChanged: [{
-                  type: i0.Output
-              }], role: [{
-                  type: i0.HostBinding,
-                  args: ['attr.role']
-              }], ariaSelected: [{
-                  type: i0.HostBinding,
-                  args: ['attr.aria-selected']
-              }], id: [{
-                  type: i0.HostBinding,
-                  args: ['attr.id']
-              }], clickHandler: [{
-                  type: i0.HostListener,
-                  args: ['click']
-              }] } });
-
-  var NggPopoverElementDirective = /** @class */ (function () {
-      function NggPopoverElementDirective(popover, _elRef, _renderer, _cdr) {
-          this.popover = popover;
-          this._elRef = _elRef;
-          this._renderer = _renderer;
-          this._cdr = _cdr;
-          this.$unsubscribe = new rxjs.Subject();
-          this.sm = window.innerWidth <= 576;
-          this.class = true;
-          this.role = 'listbox';
-          this.id = null;
-          this.show = this.popover.state.$isOpen.value;
-          this.activeDescendant = null;
-      }
-      // TODO: refactor and move to general size/device service
-      NggPopoverElementDirective.prototype.onResize = function (event) {
-          // determine if small screen size i.e less than or equal to 576 pixels which is the breakpoint for small screens
-          this.sm = event.target.innerWidth <= 576;
-          if (this.sm) {
-              // remove popper
-              this.removePopper();
-          }
-          else if (!this._popper) {
-              // add popper
-              this.addPopper();
-          }
-      };
-      NggPopoverElementDirective.prototype.handleClickEvent = function (event) {
-          // if click inside popover element...
-          if (this._elRef.nativeElement.contains(event.target)) {
-              this.popover.close();
-          }
-          else if (this.popover.state.$isOpen.value) {
-              // else if click outside popover element...
-              this.popover.close();
-          }
-      };
-      NggPopoverElementDirective.prototype.handleKeydownEvent = function (event) {
-          var _a, _b, _c, _d, _e, _f;
-          if (event.key === 'Escape') {
-              this.popover.close();
-              return;
-          }
-          var next = 0; // Used for home key
-          var currentSelection = ((_b = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find(function (option) { return !!option.selected; })) === null || _b === void 0 ? void 0 : _b.index) || 0;
-          if (event.key === 'End') {
-              // set next to last option
-              next = (((_c = this.options) === null || _c === void 0 ? void 0 : _c.length) || 1) - 1;
-          }
-          else if (event.key === 'ArrowUp') {
-              // next can't be less than zero
-              next = Math.max(0, currentSelection - 1);
-              // prevent container from scrolling
-              event.preventDefault();
-          }
-          else if (event.key === 'ArrowDown') {
-              // next can't be greater than number of options
-              next = Math.min((((_d = this.options) === null || _d === void 0 ? void 0 : _d.length) || 1) - 1, currentSelection + 1);
-              // prevent container from scrolling
-              event.preventDefault();
-          }
-          // select next option
-          (_f = (_e = this.options) === null || _e === void 0 ? void 0 : _e.get(next)) === null || _f === void 0 ? void 0 : _f.select(event);
-      };
-      NggPopoverElementDirective.prototype.ngOnInit = function () {
-          var _this = this;
-          var _a, _b, _c;
-          this.id = /^ngg_dropdownTrigger/.test((_a = this.popover.triggerElement) === null || _a === void 0 ? void 0 : _a.nativeElement.id)
-              ? (_b = this.popover.triggerElement) === null || _b === void 0 ? void 0 : _b.nativeElement.id.replace(/dropdownTrigger/, 'popover')
-              : ((_c = this.popover.triggerElement) === null || _c === void 0 ? void 0 : _c.nativeElement.id) + '_popover';
-          this.popover.state.$isOpen
-              .pipe(operators.skip(1), // skip initial value
-          operators.tap(function (isOpen) {
-              var _a, _b;
-              _this.show = isOpen; // toggle visibility
-              if (isOpen) {
-                  _this.activeDescendant =
-                      ((_b = (_a = _this.options) === null || _a === void 0 ? void 0 : _a.find(function (option) { return !!option.selected; })) === null || _b === void 0 ? void 0 : _b.id) || null;
-                  // if use body scroll lock
-                  if (_this.popover.config.useBodyScrollLock) {
-                      _this.disableBodyScrollLock();
-                  }
-                  // if popover is configured to use a container...
-                  if (_this.popover.config.container !== '') {
-                      // ...add container
-                      _this.addContainer();
-                  }
-                  // if popover is configured to use popper.js...
-                  if (_this.popover.config.usePopper) {
-                      _this.addPopper();
-                  }
-              }
-              else {
-                  _this.activeDescendant = null;
-                  if (_this.popover.config.useBodyScrollLock) {
-                      _this.enableBodyScrollLock();
-                  }
-                  _this.removeContainer();
-                  _this.removePopper();
-              }
-          }), operators.switchMap(function (isOpen) { return isOpen
-              ? rxjs.merge(
-              // listen to click events
-              rxjs.fromEvent(document, 'click').pipe(operators.tap(function (event) { return _this.handleClickEvent(event); })), 
-              // listen to keydown events
-              rxjs.fromEvent(document, 'keydown').pipe(
-              // filter keys
-              operators.filter(function (event) { return ['ArrowDown', 'ArrowUp', 'Escape', 'Home', 'End'].indexOf(event.key) !== -1; }), operators.tap(function (event) { return _this.handleKeydownEvent(event); })))
-              : rxjs.EMPTY; }), operators.takeUntil(this.$unsubscribe))
-              .subscribe();
-      };
-      NggPopoverElementDirective.prototype.ngOnDestroy = function () {
-          this.removePopper();
-          this.disableBodyScrollLock();
-          // remove container if declared
-          if (this._container) {
-              this.removeContainer();
-          }
-          this.$unsubscribe.next();
-          this.$unsubscribe.complete();
-      };
-      NggPopoverElementDirective.prototype.enableBodyScrollLock = function () {
-          bodyScrollLock.enableBodyScroll(this._elRef.nativeElement);
-      };
-      NggPopoverElementDirective.prototype.disableBodyScrollLock = function () {
-          bodyScrollLock.disableBodyScroll(this._elRef.nativeElement);
-      };
-      NggPopoverElementDirective.prototype.addPopper = function () {
-          var _this = this;
-          var _a, _b;
-          if (this.sm) {
-              return;
-          }
-          if (!this._popper) {
-              // ...create popper instance for anchoring popover with trigger element
-              this._popper = core.createPopper((_a = this.popover.triggerElement) === null || _a === void 0 ? void 0 : _a.nativeElement, this._elRef.nativeElement, {
-                  placement: 'bottom-start',
-                  modifiers: [
-                      {
-                          name: 'offset',
-                          options: {
-                              offset: [0, 4],
-                          },
-                      },
-                  ],
-              });
-              // detect changes once element and popper is initiated to update initial position
-              this._cdr.detectChanges();
-          }
-          else {
-              this._popper.state.elements.reference =
-                  (_b = this.popover.triggerElement) === null || _b === void 0 ? void 0 : _b.nativeElement;
-              this._popper.update().then(function (_) { return _this._cdr.detectChanges(); });
-          }
-      };
-      NggPopoverElementDirective.prototype.removePopper = function () {
-          var _a;
-          // destroy popper if declared
-          if (this._popper) {
-              (_a = this._popper) === null || _a === void 0 ? void 0 : _a.destroy();
-              this._popper = null;
-          }
-      };
-      NggPopoverElementDirective.prototype.addContainer = function () {
-          // create global container for popover if not already present
-          if (!this._container) {
-              this._container = this._renderer.createElement('div');
-          }
-          this._renderer.appendChild(this._container, this._elRef.nativeElement);
-          this._renderer.appendChild(document.body, this._container);
-      };
-      NggPopoverElementDirective.prototype.removeContainer = function () {
-          if (this._container) {
-              // remove container from DOM tree
-              this._renderer.removeChild(document.body, this._container);
-              // clear container
-              this._container = null;
-          }
-      };
-      return NggPopoverElementDirective;
-  }());
-  NggPopoverElementDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverElementDirective, deps: [{ token: i0.forwardRef(function () { return NggPopoverDirective; }) }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-  NggPopoverElementDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.10", type: NggPopoverElementDirective, selector: "[nggPopoverElement]", host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class.popover": "this.class", "attr.role": "this.role", "attr.id": "this.id", "class.active": "this.show", "attr.aria-activedescendant": "this.activeDescendant" } }, queries: [{ propertyName: "options", predicate: NggPopoverOptionDirective, descendants: true }], ngImport: i0__namespace });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggPopoverElementDirective, decorators: [{
-              type: i0.Directive,
-              args: [{
-                      selector: '[nggPopoverElement]',
-                  }]
-          }], ctorParameters: function () {
-          return [{ type: NggPopoverDirective, decorators: [{
-                          type: i0.Inject,
-                          args: [i0.forwardRef(function () { return NggPopoverDirective; })]
-                      }] }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }, { type: i0__namespace.ChangeDetectorRef }];
-      }, propDecorators: { options: [{
-                  type: i0.ContentChildren,
-                  args: [NggPopoverOptionDirective, { descendants: true }]
-              }], class: [{
-                  type: i0.HostBinding,
-                  args: ['class.popover']
-              }], role: [{
-                  type: i0.HostBinding,
-                  args: ['attr.role']
-              }], id: [{
-                  type: i0.HostBinding,
-                  args: ['attr.id']
-              }], show: [{
-                  type: i0.HostBinding,
-                  args: ['class.active']
-              }], activeDescendant: [{
-                  type: i0.HostBinding,
-                  args: ['attr.aria-activedescendant']
-              }], onResize: [{
-                  type: i0.HostListener,
-                  args: ['window:resize', ['$event']]
-              }] } });
-
-  var NggDropdownComponent = /** @class */ (function () {
-      function NggDropdownComponent() {
-          this._options = [];
-          this._config = {};
-      }
-      Object.defineProperty(NggDropdownComponent.prototype, "options", {
-          get: function () {
-              return this._options;
-          },
-          set: function (value) {
-              this._options = value;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Object.defineProperty(NggDropdownComponent.prototype, "config", {
-          get: function () {
-              return this._config;
-          },
-          set: function (value) {
-              this._config = value;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      NggDropdownComponent.prototype.writeValue = function (obj) {
-          this.value = obj;
-      };
-      NggDropdownComponent.prototype.registerOnChange = function (fn) {
-          this.onChangeFn = fn;
-      };
-      NggDropdownComponent.prototype.registerOnTouched = function (fn) {
-          this.onTouchedFn = fn;
-      };
-      NggDropdownComponent.prototype.select = function (value) {
-          this.onChangeFn(value);
-          this.value = value;
-      };
-      return NggDropdownComponent;
-  }());
-  NggDropdownComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggDropdownComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-  NggDropdownComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.10", type: NggDropdownComponent, selector: "ngg-dropdown", inputs: { options: "options", config: "config" }, providers: [
-          {
-              provide: forms.NG_VALUE_ACCESSOR,
-              useExisting: NggDropdownComponent,
-              multi: true,
-          },
-      ], ngImport: i0__namespace, template: "\n    <div nggPopover [config]=\"config\">\n      <button type=\"button\" nggPopoverTrigger>\n        {{ value }}\n      </button>\n      <div nggPopoverElement tabindex=\"-1\" autofocus>\n        <button class=\"close m-4 m-sm-2 d-block d-sm-none \">\n          <span class=\"sr-only\">Close</span>\n        </button>\n        <ul role=\"listbox\">\n          <li\n            *ngFor=\"let option of options; let i = index\"\n            [nggPopoverOption]=\"option.value\"\n            [index]=\"i\"\n            [selected]=\"value === option.value\"\n            (selectedChanged)=\"select($event)\"\n          >\n            {{ option.key }}\n          </li>\n        </ul>\n      </div>\n    </div>\n  ", isInline: true, directives: [{ type: NggPopoverDirective, selector: "[nggPopover]", inputs: ["config"] }, { type: NggPopoverTriggerDirective, selector: "[nggPopoverTrigger]" }, { type: NggPopoverElementDirective, selector: "[nggPopoverElement]" }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: NggPopoverOptionDirective, selector: "[nggPopoverOption]", inputs: ["nggPopoverOption", "index", "selected"], outputs: ["selectedChanged"] }] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggDropdownComponent, decorators: [{
-              type: i0.Component,
-              args: [{
-                      selector: 'ngg-dropdown',
-                      template: "\n    <div nggPopover [config]=\"config\">\n      <button type=\"button\" nggPopoverTrigger>\n        {{ value }}\n      </button>\n      <div nggPopoverElement tabindex=\"-1\" autofocus>\n        <button class=\"close m-4 m-sm-2 d-block d-sm-none \">\n          <span class=\"sr-only\">Close</span>\n        </button>\n        <ul role=\"listbox\">\n          <li\n            *ngFor=\"let option of options; let i = index\"\n            [nggPopoverOption]=\"option.value\"\n            [index]=\"i\"\n            [selected]=\"value === option.value\"\n            (selectedChanged)=\"select($event)\"\n          >\n            {{ option.key }}\n          </li>\n        </ul>\n      </div>\n    </div>\n  ",
-                      providers: [
-                          {
-                              provide: forms.NG_VALUE_ACCESSOR,
-                              useExisting: NggDropdownComponent,
-                              multi: true,
-                          },
-                      ],
-                      //changeDetection: ChangeDetectionStrategy.OnPush
-                  }]
-          }], propDecorators: { options: [{
-                  type: i0.Input
-              }], config: [{
-                  type: i0.Input
-              }] } });
-
-  var NggDropdownModule = /** @class */ (function () {
-      function NggDropdownModule() {
-      }
-      return NggDropdownModule;
-  }());
-  NggDropdownModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggDropdownModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  NggDropdownModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggDropdownModule, declarations: [NggPopoverDirective,
-          NggPopoverOptionDirective,
-          NggPopoverElementDirective,
-          NggPopoverTriggerDirective,
-          NggDropdownComponent], imports: [i1.CommonModule], exports: [NggPopoverDirective,
-          NggPopoverOptionDirective,
-          NggPopoverElementDirective,
-          NggPopoverTriggerDirective,
-          NggDropdownComponent] });
-  NggDropdownModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggDropdownModule, imports: [[i1.CommonModule]] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggDropdownModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [
-                          NggPopoverDirective,
-                          NggPopoverOptionDirective,
-                          NggPopoverElementDirective,
-                          NggPopoverTriggerDirective,
-                          NggDropdownComponent,
-                      ],
-                      imports: [i1.CommonModule],
-                      exports: [
-                          NggPopoverDirective,
-                          NggPopoverOptionDirective,
-                          NggPopoverElementDirective,
-                          NggPopoverTriggerDirective,
-                          NggDropdownComponent,
-                      ],
-                  }]
-          }] });
-
-  var NggModule = /** @class */ (function () {
-      function NggModule() {
-      }
-      return NggModule;
-  }());
-  NggModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-  NggModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggModule, imports: [i1.CommonModule], exports: [NggSegmentedControlModule, NggDropdownModule] });
-  NggModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggModule, imports: [[i1.CommonModule], NggSegmentedControlModule, NggDropdownModule] });
-  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.10", ngImport: i0__namespace, type: NggModule, decorators: [{
-              type: i0.NgModule,
-              args: [{
-                      declarations: [],
-                      imports: [i1.CommonModule],
-                      exports: [NggSegmentedControlModule, NggDropdownModule],
-                  }]
-          }] });
-
-  /**
-   * Generated bundle index. Do not edit.
-   */
-
-  exports.NggDropdownComponent = NggDropdownComponent;
-  exports.NggDropdownModule = NggDropdownModule;
-  exports.NggModule = NggModule;
-  exports.NggPopoverDirective = NggPopoverDirective;
-  exports.NggPopoverElementDirective = NggPopoverElementDirective;
-  exports.NggPopoverOptionDirective = NggPopoverOptionDirective;
-  exports.NggPopoverTriggerDirective = NggPopoverTriggerDirective;
-  exports.NggSegmentedControlComponent = NggSegmentedControlComponent;
-  exports.NggSegmentedControlModule = NggSegmentedControlModule;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=sebgroup-green-angular.umd.js.map