@sq-ui/ng-sq-ui - npm Package Compare versions

Comparing version 1.4.3 to 1.5.3

bundles/sq-ui-ng-sq-ui.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("@sq-ui/ng-sq-common"),require("rxjs"),require("rxjs/operators"),require("immutable"),require("@sq-ui/ng-modal"),require("@sq-ui/ng-datetime-picker"),require("@sq-ui/ng-datatable")):"function"==typeof define&&define.amd?define("@sq-ui/ng-sq-ui",["exports","@angular/core","@angular/common","@angular/forms","@sq-ui/ng-sq-common","rxjs","rxjs/operators","immutable","@sq-ui/ng-modal","@sq-ui/ng-datetime-picker","@sq-ui/ng-datatable"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self)["sq-ui"]=e["sq-ui"]||{},e["sq-ui"]["ng-sq-ui"]={}),e.ng.core,e.ng.common,e.ng.forms,e.i1,e.rxjs,e.rxjs.operators,e.immutable,e.ngModal,e.ngDatetimePicker,e.ngDatatable)}(this,(function(e,t,n,r,o,i,a,s,l,p,c){"use strict";function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=d(t),m=d(n),g=d(r),f=d(o),y=function(e,t){return(y=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}y(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;Object.create;var v={provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return b})),multi:!0},b=function(e){function t(){var t=e.call(this)||this;return t.type="text",t}return h(t,e),t.prototype.ngOnInit=function(){},t}(o.InputCoreComponent);b.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:b,deps:[],target:u.ɵɵFactoryTarget.Component}),b.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:b,selector:"sq-input",inputs:{type:"type"},providers:[v],usesInheritance:!0,ngImport:u,template:'<div class="input-field" [ngClass]="{\'disabled\': disabled}">\r\n  <label class="label"\r\n         for="{{controlId}}"\r\n         *ngIf="controlLabel !== \'\'">\r\n    {{controlLabel}}\r\n  </label>\r\n\r\n  <input type="{{type}}"\r\n         name="{{name}}"\r\n         id="{{controlId}}"\r\n         placeholder="{{controlPlaceholder}}"\r\n         [required]="required"\r\n         [pattern]="pattern"\r\n         [disabled]="disabled"\r\n         [(ngModel)]="value">\r\n</div>\r\n',styles:[""],directives:[{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:g.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:g.RequiredValidator,selector:":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",inputs:["required"]},{type:g.PatternValidator,selector:"[pattern][formControlName],[pattern][formControl],[pattern][ngModel]",inputs:["pattern"]},{type:g.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:g.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:b,decorators:[{type:t.Component,args:[{selector:"sq-input",templateUrl:"./input.component.html",styleUrls:["./input.component.scss"],encapsulation:t.ViewEncapsulation.None,providers:[v]}]}],ctorParameters:function(){return[]},propDecorators:{type:[{type:t.Input}]}});var C=function(e){this.template=e};C.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:C,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),C.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:C,selector:"[sq-dropdown-option]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:C,decorators:[{type:t.Directive,args:[{selector:"[sq-dropdown-option]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var I=function(e){this.template=e};I.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:I,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),I.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:I,selector:"[sq-dropdown-chevron]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:I,decorators:[{type:t.Directive,args:[{selector:"[sq-dropdown-chevron]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var x=function(e){this.template=e};x.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:x,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),x.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:x,selector:"[sq-dropdown-selected-option]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:x,decorators:[{type:t.Directive,args:[{selector:"[sq-dropdown-selected-option]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var T={provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return q})),multi:!0},q=function(e){function n(){var n=e.call(this)||this;return n.onSelectItem=new t.EventEmitter,n.isOpen=!1,n.listenForOutsideClick=!1,n}return h(n,e),n.prototype.ngOnInit=function(){},n.prototype.toggleOptionsDropdown=function(){this.listenForOutsideClick=!0,this.isOpen=!this.isOpen},n.prototype.onClickOutsideComponent=function(){this.isOpen=!1,this.listenForOutsideClick=!1},n.prototype.selectOption=function(e){this.value=Object.assign({},e),this.listenForOutsideClick=!1,this.onSelectItem.emit(e)},n}(o.InputCoreComponent);q.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:q,deps:[],target:u.ɵɵFactoryTarget.Component}),q.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:q,selector:"sq-dropdown",inputs:{options:"options"},outputs:{onSelectItem:"onSelectItem"},providers:[T],queries:[{propertyName:"optionTemplate",first:!0,predicate:C,descendants:!0,read:t.TemplateRef},{propertyName:"chevronTemplate",first:!0,predicate:I,descendants:!0,read:t.TemplateRef},{propertyName:"selectedItemTemplate",first:!0,predicate:x,descendants:!0,read:t.TemplateRef}],usesInheritance:!0,ngImport:u,template:'<div class="input-field dropdown"\r\n     [ngClass]="{\'disabled\': disabled}"\r\n     sqOutsideClickListener\r\n     [listenForOutsideClick]="listenForOutsideClick"\r\n     (clickOutside)="onClickOutsideComponent()"\r\n     (click)="toggleOptionsDropdown();">\r\n\r\n  <div class="label">{{controlLabel}}</div>\r\n\r\n  <ng-template #defaultSelectedItemTemplate>\r\n    <div class="chosen-item" *ngIf="value">{{value.label}}</div>\r\n  </ng-template>\r\n  <ng-template *ngIf="value"\r\n               [ngTemplateOutlet]="selectedItemTemplate || defaultSelectedItemTemplate"\r\n               [ngTemplateOutletContext]="{ value: value }">\r\n  </ng-template>\r\n\r\n  <div class="input-placeholder" *ngIf="!value">{{controlPlaceholder}}</div>\r\n\r\n  <ng-template #defaultChevronTemplate>\r\n    <i class="fas fa-chevron-down dropdown-icon"\r\n       aria-hidden="true">\r\n    </i>\r\n  </ng-template>\r\n  \r\n  <ng-template [ngTemplateOutlet]="chevronTemplate || defaultChevronTemplate"\r\n               [ngTemplateOutletContext]="{ isDropdownOpen: isOpen }">\r\n  </ng-template>\r\n\r\n  <div class="options" *ngIf="isOpen">\r\n    <ng-container *ngFor="let option of options">\r\n      <div (click)="selectOption(option)">\r\n        <ng-template #defaultOptionTemplate>\r\n          <div class="option">\r\n            {{option.label}}\r\n          </div>\r\n        </ng-template>\r\n\r\n        <ng-template [ngTemplateOutlet]="optionTemplate || defaultOptionTemplate"\r\n                     [ngTemplateOutletContext]="{ option: option }">\r\n        </ng-template>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n',styles:[".sq .input-field.dropdown{position:relative;flex-wrap:wrap;justify-content:flex-start}.sq .input-field.dropdown:hover{cursor:pointer}.sq .input-field.dropdown .options{width:100%;margin-top:5px;max-height:200px;overflow-y:scroll}.sq .input-field.dropdown .options .option{padding:5px 10px}.sq .input-field.dropdown .options .option:hover{cursor:pointer;background-color:rgba(18,125,104,.21)}.sq .input-field.dropdown .dropdown-icon{position:absolute;right:11px;top:11px}@media (max-width:450px){.sq .input-field.dropdown .chosen-item{margin-top:10px}}"],directives:[{type:f.OutsideClickListenerDirective,selector:"[sqOutsideClickListener]",inputs:["listenForOutsideClick"],outputs:["clickOutside"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:q,decorators:[{type:t.Component,args:[{selector:"sq-dropdown",templateUrl:"./dropdown.component.html",styleUrls:["./dropdown.component.scss"],encapsulation:t.ViewEncapsulation.None,providers:[T]}]}],ctorParameters:function(){return[]},propDecorators:{options:[{type:t.Input}],onSelectItem:[{type:t.Output}],optionTemplate:[{type:t.ContentChild,args:[C,{read:t.TemplateRef}]}],chevronTemplate:[{type:t.ContentChild,args:[I,{read:t.TemplateRef}]}],selectedItemTemplate:[{type:t.ContentChild,args:[x,{read:t.TemplateRef}]}]}});var O=function(e){this.template=e};O.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:O,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),O.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:O,selector:"[sq-tag]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:O,decorators:[{type:t.Directive,args:[{selector:"[sq-tag]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var k={provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return D})),multi:!0},D=function(e){function n(){var n=e.call(this)||this;return n.isModelEmpty=!1,n.enteredItems=s.List(),n.enteredItemsChange=new t.EventEmitter,n.newTagName="",n.removeTag=function(e){var t=n.enteredItems.indexOf(e);t<0||t>n.enteredItems.size||(n.enteredItems=n.enteredItems.remove(t),n.enteredItemsChange.emit(n.enteredItems))},n}return h(n,e),n.prototype.ngOnInit=function(){var e=this;this.enteredItemsSubscription=this.enteredItemsChange.subscribe((function(t){e.innerEnteredItemsListCopy=s.List(e.enteredItems);var n=e.innerEnteredItemsListCopy;e.value=n.toArray()})),this.valueChangedSubscription=this._modelToViewChange.subscribe((function(t){0===e.enteredItems.size&&t&&t.length>0&&(e.enteredItems=s.List(t),e.valueChangedSubscription.unsubscribe())}))},n.prototype.ngAfterViewInit=function(){var e=this;if(o.OSDetectorService.getDeviceOS()===o.DeviceOS.Android){var t=i.fromEvent(this.tagsInput.nativeElement,"input");t.pipe(a.map((function(e){return e}))),this.inputEventSubscription=t.subscribe((function(t){" "===t.data&&e.onUserInput({keyCode:32})}))}},n.prototype.ngOnDestroy=function(){this.enteredItemsSubscription.unsubscribe(),this.inputEventSubscription&&this.inputEventSubscription.unsubscribe(),this.valueChangedSubscription.closed||this.valueChangedSubscription.unsubscribe()},n.prototype.onUserInput=function(e){""!==this.newTagName.trim()?(this.isModelEmpty=!1,32===e.keyCode&&(this.enteredItems=this.enteredItems.push(this.newTagName.trim()),this.enteredItemsChange.emit(this.enteredItems),this.newTagName="")):this.isModelEmpty?8===e.keyCode&&this.enteredItems.size>0&&(this.enteredItems=this.enteredItems.remove(this.enteredItems.size-1),this.enteredItemsChange.emit(this.enteredItems)):this.isModelEmpty=!0},n}(o.InputCoreComponent);D.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:D,deps:[],target:u.ɵɵFactoryTarget.Component}),D.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:D,selector:"sq-tags-input",providers:[k],queries:[{propertyName:"tagTemplate",first:!0,predicate:O,descendants:!0,read:t.TemplateRef}],viewQueries:[{propertyName:"tagsInput",first:!0,predicate:["tagsInput"],descendants:!0,static:!0}],usesInheritance:!0,ngImport:u,template:'<div class="tags-input-wrapper">\r\n  <div class="input-field" [ngClass]="{\'disabled\': disabled}">\r\n    <label class="label"\r\n           for="{{controlId}}"\r\n           *ngIf="controlLabel">\r\n      {{controlLabel}}\r\n    </label>\r\n\r\n    <div class="entered-items" *ngIf="enteredItems.size > 0">\r\n      <div class="inner display-flex wrap">\r\n        <ng-container *ngFor="let enteredValue of enteredItems">\r\n          <ng-template #defaultTagTemplate>\r\n            <div class="entered-item">\r\n              {{enteredValue}}\r\n              <span class="button"\r\n                    (click)="removeTag(enteredValue)"\r\n                    *ngIf="!disabled">\r\n                <i aria-hidden="true"\r\n                   class="fas fa-times"></i>\r\n              </span>\r\n            </div>\r\n          </ng-template>\r\n\r\n          <ng-template [ngTemplateOutlet]="tagTemplate || defaultTagTemplate"\r\n                       [ngTemplateOutletContext]="{ tag: enteredValue, remove: removeTag }">\r\n          </ng-template>\r\n        </ng-container>\r\n      </div>\r\n    </div>\r\n\r\n    <input #tagsInput\r\n           type="text"\r\n           id="{{controlId}}"\r\n           name="{{name}}"\r\n           [disabled]="disabled"\r\n           (keyup)="onUserInput($event)"\r\n           placeholder="{{controlPlaceholder}}"\r\n           [(ngModel)]="newTagName">\r\n  </div>\r\n</div>\r\n',styles:[".sq .tags-input-wrapper .input-field{display:block}.sq .tags-input-wrapper .input-field input{min-width:250px}.sq .tags-input-wrapper .input-field .entered-items,.sq .tags-input-wrapper .input-field input{width:auto;display:inline-block}.sq .tags-input-wrapper .input-field.disabled .entered-item{background-color:rgba(76,76,76,.12)}@media (max-width:450px){.sq .tags-input-wrapper .entered-items,.sq .tags-input-wrapper .input-field input{margin-top:10px}.sq .tags-input-wrapper .input-field .entered-items{display:block;width:100%}}"],directives:[{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:g.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:g.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:g.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:D,decorators:[{type:t.Component,args:[{selector:"sq-tags-input",templateUrl:"./tags-input.component.html",styleUrls:["./tags-input.component.scss"],encapsulation:t.ViewEncapsulation.None,providers:[k]}]}],ctorParameters:function(){return[]},propDecorators:{tagsInput:[{type:t.ViewChild,args:["tagsInput",{static:!0}]}],tagTemplate:[{type:t.ContentChild,args:[O,{read:t.TemplateRef}]}]}});var V=function(e){this.template=e};V.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:V,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),V.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:V,selector:"[sq-radio-label]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:V,decorators:[{type:t.Directive,args:[{selector:"[sq-radio-label]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var w={provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return N})),multi:!0},N=function(e){function n(n){var r=e.call(this)||this;return r.eventBroadcaster=n,r.isSelectedChange=new t.EventEmitter,r}return h(n,e),n.prototype.ngOnInit=function(){var e=this;this.eventBroadcasterSubscription=this.eventBroadcaster.subscribeFor("sqRadio:selected",(function(t){t.details.group!==e.name||Object.is(e.radioValue,t.details.sqRadio.radioValue)||(e.isSelected=!1,e.value=t.details.sqRadio.radioValue,e.isSelectedChange.emit(!1))}))},n.prototype.ngOnDestroy=function(){this.eventBroadcasterSubscription.unsubscribe()},n.prototype.selectRadio=function(){this.eventBroadcaster.broadcastEvent("sqRadio:selected",{details:{group:this.name,sqRadio:this}}),this.isSelected=!0,this.value=this.radioValue,this.isSelectedChange.emit(!0)},n}(o.InputCoreComponent);N.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:N,deps:[{token:f.CustomEventBroadcasterService}],target:u.ɵɵFactoryTarget.Component}),N.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:N,selector:"sq-radiobutton",inputs:{radioValue:"radioValue",controlLabel:"controlLabel",isSelected:"isSelected"},outputs:{isSelectedChange:"isSelectedChange"},providers:[w],queries:[{propertyName:"radioButtonTemplate",first:!0,predicate:V,descendants:!0,read:t.TemplateRef}],usesInheritance:!0,ngImport:u,template:'<div class="checkable"\r\n     [ngClass]="{\'checked\': isSelected, \'disabled\': disabled}"\r\n     (click)="selectRadio()">\r\n  <input type="radio"\r\n         name="{{name}}"\r\n         id="{{controlId}}"\r\n         [disabled]="disabled"\r\n         [ngModel]="radioValue">\r\n\r\n  <ng-template #defaultRadioButtonTemplate>\r\n    <div class="radio">\r\n      <div class="inner"></div>\r\n    </div>\r\n    <div class="label">{{controlLabel ? controlLabel : radioValue}}</div>\r\n  </ng-template>\r\n\r\n  <ng-template [ngTemplateOutlet]="radioButtonTemplate || defaultRadioButtonTemplate"\r\n               [ngTemplateOutletContext]="{ value: radioValue, isSelected: isSelected }">\r\n  </ng-template>\r\n</div>\r\n',styles:[".sq .radio{position:relative;width:20px;height:20px;border-radius:50%;border:1px solid rgba(46,159,134,.69);padding:3px;margin-right:5px}.sq .disabled .radio{border-color:rgba(0,0,0,.12)}.checkable.checked .radio .inner{border-radius:50%}"],directives:[{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:g.RadioControlValueAccessor,selector:"input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]",inputs:["name","formControlName","value"]},{type:g.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:g.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:g.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:N,decorators:[{type:t.Component,args:[{selector:"sq-radiobutton",templateUrl:"./radiobutton.component.html",styleUrls:["./radiobutton.component.scss"],encapsulation:t.ViewEncapsulation.None,providers:[w]}]}],ctorParameters:function(){return[{type:f.CustomEventBroadcasterService}]},propDecorators:{radioValue:[{type:t.Input}],controlLabel:[{type:t.Input}],isSelected:[{type:t.Input}],isSelectedChange:[{type:t.Output}],radioButtonTemplate:[{type:t.ContentChild,args:[V,{read:t.TemplateRef}]}]}});var S=function(){function e(){this.groupLabel=""}return e.prototype.ngOnInit=function(){},e}();S.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:S,deps:[],target:u.ɵɵFactoryTarget.Component}),S.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:S,selector:"sq-form-group",inputs:{groupLabel:"groupLabel"},ngImport:u,template:'<div class="input-field select-group">\r\n  <div class="label">{{groupLabel}}</div>\r\n  <div class="content">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n',styles:[".sq .select-group .content{width:100%}"],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:S,decorators:[{type:t.Component,args:[{selector:"sq-form-group",templateUrl:"./form-group.component.html",styleUrls:["./form-group.component.scss"],encapsulation:t.ViewEncapsulation.None}]}],ctorParameters:function(){return[]},propDecorators:{groupLabel:[{type:t.Input}]}});var M=function(e){this.template=e};M.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:M,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),M.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:M,selector:"[sq-typeahead-option]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:M,decorators:[{type:t.Directive,args:[{selector:"[sq-typeahead-option]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var F=function(e){this.template=e};F.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:F,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),F.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:F,selector:"[sq-typeahead-selected-option]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:F,decorators:[{type:t.Directive,args:[{selector:"[sq-typeahead-selected-option]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var R={provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return E})),multi:!0},E=function(e){function n(){var n=e.call(this)||this;return n.searchResults=[],n.multiple=!1,n.delay=500,n.displayProp="",n.hideSearchIcon=!1,n.onUserInputEnd=new t.EventEmitter,n.selectedItems=s.List(),n.options=s.List(),n.queryInputControl=new r.FormControl,n.isLoading=!1,n.listenForOutsideClick=!1,n.hideResults=!0,n.onInputValueChange=new i.Subject,n.removeSearchResult=function(e){var t=n.selectedItems.indexOf(e);t<0||t>n.selectedItems.size||(n.selectedItems=n.selectedItems.remove(t),n.selectedItems.size>0?n.copyResults():n.value=[])},n}return h(n,e),n.prototype.ngOnInit=function(){var e=this;this.value=[],this.onInputValueChangeSubscription=this.onInputValueChange.pipe(a.tap((function(){e.isLoading=!0,e.hideResults=!0})),a.debounceTime(this.delay)).subscribe((function(t){e.onUserInputEnd.emit(t)})),this.onQueryInputControlSubscription=this.queryInputControl.valueChanges.subscribe((function(t){null!==t&&e.onInputValueChange.next(t)})),this.valueChangedSubscription=this._modelToViewChange.subscribe((function(t){0===e.selectedItems.size&&t&&t.length>0&&e.transformToLabelValuePairList(t).forEach((function(t){e.selectItem(t,!1,!0)})),e.valueChangedSubscription.unsubscribe()}))},n.prototype.ngOnChanges=function(e){if(e.searchResults&&e.searchResults.currentValue){var t=this.transformToLabelValuePairList(this.searchResults);this.options=s.List(t),this.isLoading=!1,this.hideResults=!1}e.disabled&&this.queryInputControl.disable()},n.prototype.ngOnDestroy=function(){this.listenForOutsideClick=!1,this.onQueryInputControlSubscription.unsubscribe(),this.onInputValueChangeSubscription.unsubscribe(),this.valueChangedSubscription.closed||this.valueChangedSubscription.unsubscribe()},n.prototype.selectSearchResult=function(e){this.selectItem(e)},n.prototype.onClickOutsideComponent=function(){this.listenForOutsideClick=!1,this.hideResults=!0,this.searchResults=[]},n.prototype.turnClickOutsideListenerOn=function(){this.listenForOutsideClick=!0,this.value=[]},n.prototype.selectItem=function(e,t,n){void 0===t&&(t=!0),void 0===n&&(n=!1),this.queryInputControl.setValue(null),(this.multiple||1!==this.selectedItems.size)&&(-1===this.selectedItems.indexOf(e)&&(this.selectedItems=this.selectedItems.push(e)),t&&this.copyResults(),this.multiple&&!n||(this.hideResults=!0))},n.prototype.copyResults=function(){this.value=this.selectedItems.toArray()},n.prototype.transformToLabelValuePairList=function(e){var t=this;return e.map((function(e){return"object"==typeof e?""===t.displayProp?Object.assign({},e):{label:e[t.displayProp],value:Object.assign({},e)}:{label:e,value:e}}))},n}(o.InputCoreComponent);E.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:E,deps:[],target:u.ɵɵFactoryTarget.Component}),E.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:E,selector:"sq-typeahead",inputs:{searchResults:"searchResults",multiple:"multiple",delay:"delay",displayProp:"displayProp",hideSearchIcon:"hideSearchIcon"},outputs:{onUserInputEnd:"onUserInputEnd"},providers:[R],queries:[{propertyName:"optionTemplate",first:!0,predicate:M,descendants:!0,read:t.TemplateRef},{propertyName:"selectedOptionTemplate",first:!0,predicate:F,descendants:!0,read:t.TemplateRef}],usesInheritance:!0,usesOnChanges:!0,ngImport:u,template:'<div class="typeahead-wrapper" sqOutsideClickListener [listenForOutsideClick]="listenForOutsideClick" (clickOutside)="onClickOutsideComponent()">\r\n  <div class="loader" *ngIf="isLoading"></div>\r\n\r\n  <div class="input-field typeahead" [ngClass]="{\'disabled\': disabled}">\r\n    <i class="fas fa-search" aria-hidden="true" *ngIf="!hideSearchIcon"></i>\r\n\r\n    <label class="label" for="{{controlId}}" *ngIf="controlLabel">\r\n      {{controlLabel}}\r\n    </label>\r\n\r\n    <div class="entered-items" *ngIf="selectedItems.size > 0">\r\n      <ng-container *ngFor="let selectedItem of selectedItems">\r\n        <ng-template #defaultSelectedOptionTemplate>\r\n          <div class="entered-item chosen-item">\r\n            <div class="content">{{ selectedItem.label }}</div>\r\n            <div class="remove" (click)="removeSearchResult(selectedItem)" *ngIf="!disabled">\r\n              <i class="fas fa-times" aria-hidden="true"></i>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n        <ng-template [ngTemplateOutlet]="selectedOptionTemplate || defaultSelectedOptionTemplate"\r\n                     [ngTemplateOutletContext]="{ item: selectedItem, remove: removeSearchResult }">\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <input *ngIf="!multiple ? selectedItems.size === 0 : multiple"\r\n            [formControl]="queryInputControl"\r\n            autocomplete="off"\r\n            type="text"\r\n            id="{{controlId}}"\r\n            name="{{name}}"\r\n            (focus)="turnClickOutsideListenerOn()"\r\n            placeholder="{{controlPlaceholder}}">\r\n\r\n    <div class="options" [ngClass]="{\'display-none\': hideResults}">\r\n      <ng-container *ngFor="let result of options">\r\n        <div (click)="selectSearchResult(result)">\r\n          <ng-template #defaultOptionTemplate>\r\n            <div class="option">\r\n              {{ result.label }}\r\n            </div>\r\n          </ng-template>\r\n\r\n          <ng-template [ngTemplateOutlet]="optionTemplate || defaultOptionTemplate"\r\n                       [ngTemplateOutletContext]="{ option: result }">\r\n          </ng-template>\r\n        </div>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n</div>\r\n',styles:[".sq .typeahead-wrapper{position:relative}.sq .typeahead-wrapper .loader{height:3px;width:100%;position:absolute;background:linear-gradient(-45deg,rgba(76,76,76,.62),rgba(27,163,156,.5),rgba(18,125,104,.21),#fff) 0 0/200% 200%;-webkit-animation:typeahead-loader 1.8s ease infinite;animation:typeahead-loader 1.8s ease infinite}.sq .input-field.typeahead{display:block;position:relative}.sq .input-field.typeahead .chosen-item,.sq .input-field.typeahead .content,.sq .input-field.typeahead .remove,.sq .input-field.typeahead input{display:inline-block;width:auto}.sq .input-field.typeahead .remove{cursor:pointer;padding-left:6px}.sq .input-field.typeahead .options{width:100%;margin-top:5px;max-height:200px;overflow-y:scroll}.sq .input-field.typeahead .options .option{padding:5px 10px}.sq .input-field.typeahead .options .option:hover{cursor:pointer;background-color:rgba(18,125,104,.21)}.sq .input-field.typeahead .dropdown-icon{position:absolute;right:11px;top:11px}.sq .input-field.typeahead.disabled .entered-item{background-color:rgba(76,76,76,.12)}.sq .input-field.typeahead .entered-items{display:inline-block}@media (max-width:450px){.sq .typeahead-wrapper .entered-items,.sq .typeahead-wrapper .input-field input{margin-top:10px}.sq .typeahead-wrapper .entered-items{display:block;width:100%}}@-webkit-keyframes typeahead-loader{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes typeahead-loader{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}"],directives:[{type:f.OutsideClickListenerDirective,selector:"[sqOutsideClickListener]",inputs:["listenForOutsideClick"],outputs:["clickOutside"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:g.DefaultValueAccessor,selector:"input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]"},{type:g.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:g.FormControlDirective,selector:"[formControl]",inputs:["disabled","formControl","ngModel"],outputs:["ngModelChange"],exportAs:["ngForm"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:E,decorators:[{type:t.Component,args:[{selector:"sq-typeahead",templateUrl:"./typeahead.component.html",styleUrls:["./typeahead.component.scss"],encapsulation:t.ViewEncapsulation.None,providers:[R]}]}],ctorParameters:function(){return[]},propDecorators:{searchResults:[{type:t.Input}],multiple:[{type:t.Input}],delay:[{type:t.Input}],displayProp:[{type:t.Input}],hideSearchIcon:[{type:t.Input}],onUserInputEnd:[{type:t.Output}],optionTemplate:[{type:t.ContentChild,args:[M,{read:t.TemplateRef}]}],selectedOptionTemplate:[{type:t.ContentChild,args:[F,{read:t.TemplateRef}]}]}});var L=function(e){this.template=e};L.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:L,deps:[{token:u.TemplateRef}],target:u.ɵɵFactoryTarget.Directive}),L.ɵdir=u.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.4",type:L,selector:"[sq-checkbox-label]",ngImport:u}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:L,decorators:[{type:t.Directive,args:[{selector:"[sq-checkbox-label]"}]}],ctorParameters:function(){return[{type:u.TemplateRef}]}});var P,U={provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return A})),multi:!0},A=function(e){function n(){var n=e.call(this)||this;return n.isSelected=!1,n.isSelectedChange=new t.EventEmitter,n}return h(n,e),n.prototype.toggleCheckboxSelection=function(){this.isSelected=!this.isSelected,this.value=this.isSelected,this.isSelectedChange.emit(this.isSelected)},n.prototype.writeValue=function(t){e.prototype.writeValue.call(this,t),this.isSelected=this.value},n}(o.InputCoreComponent);A.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:A,deps:[],target:u.ɵɵFactoryTarget.Component}),A.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:A,selector:"sq-checkbox",inputs:{isSelected:"isSelected"},outputs:{isSelectedChange:"isSelectedChange"},providers:[U],queries:[{propertyName:"checkboxTemplate",first:!0,predicate:L,descendants:!0,read:t.TemplateRef}],usesInheritance:!0,ngImport:u,template:'<div class="checkable"\r\n     [ngClass]="{\'checked\': isSelected, \'disabled\': disabled}"\r\n     (click)="toggleCheckboxSelection()">\r\n  <input type="checkbox"\r\n          name="{{name}}"\r\n          id="{{controlId}}"\r\n          [disabled]="disabled"\r\n          [ngModel]="isSelected">\r\n\r\n  <ng-template #defaultCheckboxTemplate>\r\n    <div class="checkbox">\r\n      <div class="inner"></div>\r\n    </div>\r\n    <div class="label">{{controlLabel}}</div>\r\n  </ng-template>\r\n\r\n  <ng-template [ngTemplateOutlet]="checkboxTemplate || defaultCheckboxTemplate"\r\n               [ngTemplateOutletContext]="{ isSelected: isSelected }">\r\n  </ng-template>\r\n</div>\r\n',styles:[".sq .checkbox{position:relative;border:1px solid rgba(46,159,134,.69);width:18px;height:18px;padding:3px;margin-right:5px}.sq .checkbox:hover{cursor:pointer}.sq .disabled .checkbox{border-color:rgba(0,0,0,.12)}"],directives:[{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:g.CheckboxControlValueAccessor,selector:"input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]"},{type:g.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{type:g.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:A,decorators:[{type:t.Component,args:[{selector:"sq-checkbox",templateUrl:"./checkbox.component.html",styleUrls:["./checkbox.component.scss"],encapsulation:t.ViewEncapsulation.None,providers:[U]}]}],ctorParameters:function(){return[]},propDecorators:{isSelected:[{type:t.Input}],isSelectedChange:[{type:t.Output}],checkboxTemplate:[{type:t.ContentChild,args:[L,{read:t.TemplateRef}]}]}}),function(e){e.Button="button",e.Submit="submit",e.Reset="reset"}(P||(P={}));var j=function(){function e(){this.type=P.Button,this.disabled=!1}return e.prototype.ngOnInit=function(){},e.prototype.ngOnChanges=function(e){e.hasOwnProperty("type")&&(Object.values(P).includes(e.type.currentValue)||(this.type=P.Button))},e}();j.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:j,deps:[],target:u.ɵɵFactoryTarget.Component}),j.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:j,selector:"sq-button",inputs:{type:"type",disabled:"disabled"},usesOnChanges:!0,ngImport:u,template:'<button type="{{type}}" [disabled]="disabled" class="action-button">\r\n  <span class="inner">\r\n    <ng-content></ng-content>\r\n  </span>\r\n</button>\r\n',styles:[".sq .action-button{position:relative;padding:5px;border:1px solid rgba(46,159,134,.69);font-weight:500;text-transform:uppercase;background-color:#fff}.sq .action-button .inner{display:inline-block;padding:10px;transition:all .2s ease-in-out}.sq .action-button:not(:disabled) .inner:active,.sq .action-button:not(:disabled) .inner:hover{color:#fff;transition:all .2s ease-in-out;background-color:rgba(46,159,134,.69)}.sq .action-button:disabled{cursor:not-allowed;pointer-events:none;border-color:rgba(76,76,76,.12);background-color:rgba(76,76,76,.12)}"],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:j,decorators:[{type:t.Component,args:[{selector:"sq-button",templateUrl:"./button.component.html",styleUrls:["./button.component.scss"],encapsulation:t.ViewEncapsulation.None}]}],ctorParameters:function(){return[]},propDecorators:{type:[{type:t.Input}],disabled:[{type:t.Input}]}});var _={provide:r.NG_VALUE_ACCESSOR,useExisting:t.forwardRef((function(){return B})),multi:!0},B=function(e){function t(t){var n=e.call(this)||this;return n.renderer=t,n.minHeight=100,n.isPlaceholderVisible=!0,n}return h(t,e),t.prototype.ngOnInit=function(){this.isPlaceholderVisible=!this.value},t.prototype.writeValue=function(e){e&&this.renderer.setProperty(this.textarea.nativeElement,"textContent",e),this.value=e,this.isPlaceholderVisible=!this.value},t.prototype.inputChange=function(e){this.value=e.target.textContent,this._onChange(e.target.textContent),this.isPlaceholderVisible=!e.target.textContent},t.prototype.setDisabledState=function(e){var t=this.textarea.nativeElement,n=e?"addClass":"removeClass";this.renderer[n](t,"disabled")},t.prototype.focusOnArea=function(){this.textarea.nativeElement.focus()},t}(o.InputCoreComponent);B.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:B,deps:[{token:u.Renderer2}],target:u.ɵɵFactoryTarget.Component}),B.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:B,selector:"sq-textarea",inputs:{minHeight:"minHeight"},providers:[_],viewQueries:[{propertyName:"textarea",first:!0,predicate:["textarea"],descendants:!0,static:!0}],usesInheritance:!0,ngImport:u,template:'<div class="input-field textarea" [ngClass]="{\'disabled\': disabled}">\r\n  <div class="label"\r\n       (click)="focusOnArea()"\r\n       *ngIf="controlLabel !== \'\'">\r\n    {{controlLabel}}\r\n  </div>\r\n\r\n  <div contenteditable="true"\r\n       #textarea\r\n       tabindex="0"\r\n       (click)="focusOnArea()"\r\n       (input)="inputChange($event)"\r\n       [ngStyle]="{\'min-height.px\': minHeight}"\r\n       [attr.data-placeholder]="controlPlaceholder"\r\n       [ngClass]="{\'hide-placeholder\': !isPlaceholderVisible}"\r\n       role="textarea">\r\n  </div>\r\n\r\n</div>\r\n',styles:[".sq .input-field.textarea{display:block}.sq .input-field.textarea label{padding-bottom:10px;display:block}.sq .input-field.textarea [contenteditable]{position:relative;outline:none;padding:10px 0 5px}.sq .input-field.textarea [contenteditable]:before{position:absolute;color:rgba(76,76,76,.62);content:attr(data-placeholder)}.sq .input-field.textarea [contenteditable].hide-placeholder:before{display:none}.sq .input-field.textarea .placeholder{color:rgba(76,76,76,.62)}"],directives:[{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:B,decorators:[{type:t.Component,args:[{selector:"sq-textarea",templateUrl:"./textarea.component.html",styleUrls:["./textarea.component.scss"],encapsulation:t.ViewEncapsulation.None,providers:[_]}]}],ctorParameters:function(){return[{type:u.Renderer2}]},propDecorators:{minHeight:[{type:t.Input}],textarea:[{type:t.ViewChild,args:["textarea",{static:!0}]}]}});var z=function(){};z.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:z,deps:[],target:u.ɵɵFactoryTarget.NgModule}),z.ɵmod=u.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:z,declarations:[b,q,D,N,S,E,A,j,B,C,I,x,V,O,M,F,L],imports:[n.CommonModule,o.NgSqCommonModule,r.FormsModule,r.ReactiveFormsModule],exports:[b,q,D,N,S,E,A,j,B,C,I,x,V,O,M,F,L]}),z.ɵinj=u.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:z,imports:[[n.CommonModule,o.NgSqCommonModule,r.FormsModule,r.ReactiveFormsModule]]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:z,decorators:[{type:t.NgModule,args:[{imports:[n.CommonModule,o.NgSqCommonModule,r.FormsModule,r.ReactiveFormsModule],declarations:[b,q,D,N,S,E,A,j,B,C,I,x,V,O,M,F,L],exports:[b,q,D,N,S,E,A,j,B,C,I,x,V,O,M,F,L]}]}]});var G=function(){function e(){this.infinite=!1}return e.prototype.ngOnInit=function(){this.size||(this.size="medium")},e}();G.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:G,deps:[],target:u.ɵɵFactoryTarget.Component}),G.ɵcmp=u.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.4",type:G,selector:"sq-progress-bar",inputs:{size:"size",loaded:"loaded",infinite:"infinite"},ngImport:u,template:'<div class="progress linear" [ngClass]="{\r\n    small: size === \'small\',\r\n    medium: size === \'medium\',\r\n    large: size === \'large\',\r\n    infinite: infinite\r\n  }">\r\n  <div class="background"></div>\r\n  <div class="progress-bar">\r\n    <div class="loading-line" *ngIf="!infinite" [ngStyle]="{width: loaded + \'%\'}"></div>\r\n    <div class="loading-line infinite-line-1" *ngIf="infinite"></div>\r\n    <div class="loading-line infinite-line-2" *ngIf="infinite"></div>\r\n  </div>\r\n</div>\r\n',styles:[".sq .progress{width:100%;position:relative;background:transparent;overflow:hidden}.sq .progress.small{height:2px}.sq .progress.medium{height:4px}.sq .progress.large{height:7px}.sq .progress .background{position:absolute;top:0;bottom:0;width:100%;background:rgba(18,125,104,.21)}.sq .progress .loading-line{position:absolute;top:0;bottom:0;background:rgba(46,159,134,.69);transition:.2s}.sq .progress.infinite .infinite-line-1{width:50%;-webkit-animation:infinite-animation-1;animation:infinite-animation-1;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.sq .progress.infinite .infinite-line-2{width:50%;-webkit-animation:infinite-animation-2;animation:infinite-animation-2;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes infinite-animation-1{0%{left:-100%;right:100%}60%{left:-100%;right:100%}to{left:100%;right:-40%}}@keyframes infinite-animation-1{0%{left:-100%;right:100%}60%{left:-100%;right:100%}to{left:100%;right:-40%}}@-webkit-keyframes infinite-animation-2{0%{left:-200%;right:100%}60%{left:100%;right:-20%}to{left:100%;right:-20%}}@keyframes infinite-animation-2{0%{left:-200%;right:100%}60%{left:100%;right:-20%}to{left:100%;right:-20%}}"],directives:[{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}],encapsulation:u.ViewEncapsulation.None}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:G,decorators:[{type:t.Component,args:[{selector:"sq-progress-bar",templateUrl:"./progress-bar.component.html",styleUrls:["./progress-bar.component.scss"],encapsulation:t.ViewEncapsulation.None}]}],ctorParameters:function(){return[]},propDecorators:{size:[{type:t.Input}],loaded:[{type:t.Input}],infinite:[{type:t.Input}]}});var H=function(){};H.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:H,deps:[],target:u.ɵɵFactoryTarget.NgModule}),H.ɵmod=u.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:H,declarations:[G],imports:[n.CommonModule],exports:[G]}),H.ɵinj=u.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:H,imports:[[n.CommonModule]]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:H,decorators:[{type:t.NgModule,args:[{imports:[n.CommonModule],declarations:[G],exports:[G]}]}]});var Q=function(){};Q.ɵfac=u.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:Q,deps:[],target:u.ɵɵFactoryTarget.NgModule}),Q.ɵmod=u.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:Q,imports:[o.NgSqCommonModule,z,p.NgDatetimePickerModule,H,c.NgDatatableModule],exports:[z,l.NgModalModule,p.NgDatetimePickerModule,c.NgDatatableModule,H,o.NgSqCommonModule]}),Q.ɵinj=u.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:Q,imports:[[o.NgSqCommonModule,z,p.NgDatetimePickerModule,H,c.NgDatatableModule],z,l.NgModalModule,p.NgDatetimePickerModule,c.NgDatatableModule,H,o.NgSqCommonModule]}),u.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:u,type:Q,decorators:[{type:t.NgModule,args:[{declarations:[],imports:[o.NgSqCommonModule,z,p.NgDatetimePickerModule,H,c.NgDatatableModule],exports:[z,l.NgModalModule,p.NgDatetimePickerModule,c.NgDatatableModule,H,o.NgSqCommonModule]}]}]}),e.ButtonComponent=j,e.CheckboxComponent=A,e.DropdownComponent=q,e.FormElementsModule=z,e.FormGroupComponent=S,e.InputComponent=b,e.NgSqUiModule=Q,e.ProgressBarComponent=G,e.ProgressBarModule=H,e.RadiobuttonComponent=N,e.SqCheckboxLabelTemplateDirective=L,e.SqDropdownChevronTemplateDirective=I,e.SqDropdownOptionTemplateDirective=C,e.SqDropdownSelectedOptionTemplateDirective=x,e.SqRadiobuttonLabelTemplateDirective=V,e.SqTagTemplateDirective=O,e.SqTypeaheadOptionTemplateDirective=M,e.SqTypeaheadSelectedOptionTemplateDirective=F,e.TagsInputComponent=D,e.TextareaComponent=B,e.TypeaheadComponent=E,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@sq-ui/ng-form-elements"),require("@sq-ui/ng-progress-bar"),require("@sq-ui/ng-modal"),require("@sq-ui/ng-sq-common"),require("@sq-ui/ng-datetime-picker"),require("@sq-ui/ng-datatable")):"function"==typeof define&&define.amd?define("@sq-ui/ng-sq-ui",["exports","@angular/core","@sq-ui/ng-form-elements","@sq-ui/ng-progress-bar","@sq-ui/ng-modal","@sq-ui/ng-sq-common","@sq-ui/ng-datetime-picker","@sq-ui/ng-datatable"],o):o(((e="undefined"!=typeof globalThis?globalThis:e||self)["sq-ui"]=e["sq-ui"]||{},e["sq-ui"]["ng-sq-ui"]={}),e.ng.core,e.ngFormElements,e.ngProgressBar,e.ngModal,e.ngSqCommon,e.ngDatetimePicker,e.ngDatatable)}(this,(function(e,o,r,t,n,g,u,a){"use strict";function l(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),o.default=e,Object.freeze(o)}var i=l(o),s=function(){};s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.4",ngImport:i,type:s,deps:[],target:i.ɵɵFactoryTarget.NgModule}),s.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.4",ngImport:i,type:s,imports:[g.NgSqCommonModule,r.NgFormElementsModule,u.NgDatetimePickerModule,t.NgProgressBarModule,a.NgDatatableModule],exports:[r.NgFormElementsModule,n.NgModalModule,u.NgDatetimePickerModule,a.NgDatatableModule,t.NgProgressBarModule,g.NgSqCommonModule]}),s.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.4",ngImport:i,type:s,imports:[[g.NgSqCommonModule,r.NgFormElementsModule,u.NgDatetimePickerModule,t.NgProgressBarModule,a.NgDatatableModule],r.NgFormElementsModule,n.NgModalModule,u.NgDatetimePickerModule,a.NgDatatableModule,t.NgProgressBarModule,g.NgSqCommonModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.4",ngImport:i,type:s,decorators:[{type:o.NgModule,args:[{declarations:[],imports:[g.NgSqCommonModule,r.NgFormElementsModule,u.NgDatetimePickerModule,t.NgProgressBarModule,a.NgDatatableModule],exports:[r.NgFormElementsModule,n.NgModalModule,u.NgDatetimePickerModule,a.NgDatatableModule,t.NgProgressBarModule,g.NgSqCommonModule]}]}]}),e.NgSqUiModule=s,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=sq-ui-ng-sq-ui.umd.min.js.map

esm2015/index.js

@@ -5,19 +5,2 @@ /*
 export * from './lib/ng-sq-ui.module';
-export { FormElementsModule } from './lib/form-elements/form-elements.module';
-export { ProgressBarModule } from './lib/progress-bar/progress-bar.module';
-export { ProgressBarComponent } from './lib/progress-bar/progress-bar.component';
-export { InputComponent } from './lib/form-elements/input/input.component';
-export { DropdownComponent } from './lib/form-elements/dropdown/dropdown.component';
-export { TagsInputComponent } from './lib/form-elements/tags-input/tags-input.component';
-export { RadiobuttonComponent } from './lib/form-elements/radiobutton/radiobutton.component';
-export { FormGroupComponent } from './lib/form-elements/form-group/form-group.component';
-export { TypeaheadComponent } from './lib/form-elements/typeahead/typeahead.component';
-export { CheckboxComponent } from './lib/form-elements/checkbox/checkbox.component';
-export { ButtonComponent } from './lib/form-elements/button/button.component';
-export { TextareaComponent } from './lib/form-elements/textarea/textarea.component';
-export { SqCheckboxLabelTemplateDirective } from './lib/form-elements/checkbox/checkbox.template.directive';
-export { SqDropdownOptionTemplateDirective, SqDropdownChevronTemplateDirective, SqDropdownSelectedOptionTemplateDirective } from './lib/form-elements/dropdown/dropdown.template.directive';
-export { SqRadiobuttonLabelTemplateDirective } from './lib/form-elements/radiobutton/radiobutton.template.directive';
-export { SqTagTemplateDirective } from './lib/form-elements/tags-input/tags-input.template.directive';
-export { SqTypeaheadOptionTemplateDirective, SqTypeaheadSelectedOptionTemplateDirective } from './lib/form-elements/typeahead/typeahead.template.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9uZy1zcS11aS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNwRixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUN6RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUM3RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUN6RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUN2RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUNwRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDcEYsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDNUcsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLGtDQUFrQyxFQUFFLHlDQUF5QyxFQUFFLE1BQU0sMERBQTBELENBQUM7QUFDNUwsT0FBTyxFQUFFLG1DQUFtQyxFQUFFLE1BQU0sZ0VBQWdFLENBQUM7QUFDckgsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDdEcsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLDBDQUEwQyxFQUFFLE1BQU0sNERBQTRELENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxyXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2Ygbmctc3EtdWlcclxuICovXHJcblxyXG5leHBvcnQgKiBmcm9tICcuL2xpYi9uZy1zcS11aS5tb2R1bGUnO1xyXG5leHBvcnQgeyBGb3JtRWxlbWVudHNNb2R1bGUgfSBmcm9tICcuL2xpYi9mb3JtLWVsZW1lbnRzL2Zvcm0tZWxlbWVudHMubW9kdWxlJztcclxuZXhwb3J0IHsgUHJvZ3Jlc3NCYXJNb2R1bGUgfSBmcm9tICcuL2xpYi9wcm9ncmVzcy1iYXIvcHJvZ3Jlc3MtYmFyLm1vZHVsZSc7XHJcbmV4cG9ydCB7IFByb2dyZXNzQmFyQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vbGliL2Zvcm0tZWxlbWVudHMvaW5wdXQvaW5wdXQuY29tcG9uZW50JztcclxuZXhwb3J0IHsgRHJvcGRvd25Db21wb25lbnQgfSBmcm9tICcuL2xpYi9mb3JtLWVsZW1lbnRzL2Ryb3Bkb3duL2Ryb3Bkb3duLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFRhZ3NJbnB1dENvbXBvbmVudCB9IGZyb20gJy4vbGliL2Zvcm0tZWxlbWVudHMvdGFncy1pbnB1dC90YWdzLWlucHV0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFJhZGlvYnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9saWIvZm9ybS1lbGVtZW50cy9yYWRpb2J1dHRvbi9yYWRpb2J1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBGb3JtR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL2xpYi9mb3JtLWVsZW1lbnRzL2Zvcm0tZ3JvdXAvZm9ybS1ncm91cC5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBUeXBlYWhlYWRDb21wb25lbnQgfSBmcm9tICcuL2xpYi9mb3JtLWVsZW1lbnRzL3R5cGVhaGVhZC90eXBlYWhlYWQuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQ2hlY2tib3hDb21wb25lbnQgfSBmcm9tICcuL2xpYi9mb3JtLWVsZW1lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vbGliL2Zvcm0tZWxlbWVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBUZXh0YXJlYUNvbXBvbmVudCB9IGZyb20gJy4vbGliL2Zvcm0tZWxlbWVudHMvdGV4dGFyZWEvdGV4dGFyZWEuY29tcG9uZW50JztcclxuZXhwb3J0IHsgU3FDaGVja2JveExhYmVsVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2xpYi9mb3JtLWVsZW1lbnRzL2NoZWNrYm94L2NoZWNrYm94LnRlbXBsYXRlLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IFNxRHJvcGRvd25PcHRpb25UZW1wbGF0ZURpcmVjdGl2ZSwgU3FEcm9wZG93bkNoZXZyb25UZW1wbGF0ZURpcmVjdGl2ZSwgU3FEcm9wZG93blNlbGVjdGVkT3B0aW9uVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICcuL2xpYi9mb3JtLWVsZW1lbnRzL2Ryb3Bkb3duL2Ryb3Bkb3duLnRlbXBsYXRlLmRpcmVjdGl2ZSc7XHJcbmV4cG9ydCB7IFNxUmFkaW9idXR0b25MYWJlbFRlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvZm9ybS1lbGVtZW50cy9yYWRpb2J1dHRvbi9yYWRpb2J1dHRvbi50ZW1wbGF0ZS5kaXJlY3RpdmUnO1xyXG5leHBvcnQgeyBTcVRhZ1RlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvZm9ybS1lbGVtZW50cy90YWdzLWlucHV0L3RhZ3MtaW5wdXQudGVtcGxhdGUuZGlyZWN0aXZlJztcclxuZXhwb3J0IHsgU3FUeXBlYWhlYWRPcHRpb25UZW1wbGF0ZURpcmVjdGl2ZSwgU3FUeXBlYWhlYWRTZWxlY3RlZE9wdGlvblRlbXBsYXRlRGlyZWN0aXZlIH0gZnJvbSAnLi9saWIvZm9ybS1lbGVtZW50cy90eXBlYWhlYWQvdHlwZWFoZWFkLnRlbXBsYXRlLmRpcmVjdGl2ZSc7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9uZy1zcS11aS9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIG5nLXNxLXVpXHJcbiAqL1xyXG5cclxuZXhwb3J0ICogZnJvbSAnLi9saWIvbmctc3EtdWkubW9kdWxlJztcclxuIl19

esm2015/lib/ng-sq-ui.module.js

 import { NgModule } from '@angular/core';
-import { FormElementsModule } from './form-elements/form-elements.module';
-import { ProgressBarModule } from './progress-bar/progress-bar.module';
+import { NgFormElementsModule } from '@sq-ui/ng-form-elements';
+import { NgProgressBarModule } from '@sq-ui/ng-progress-bar';
 import { NgModalModule } from '@sq-ui/ng-modal';
@@ -13,22 +13,22 @@ import { NgSqCommonModule } from '@sq-ui/ng-sq-common';
 NgSqUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: NgSqUiModule, imports: [NgSqCommonModule,
-        FormElementsModule,
+        NgFormElementsModule,
         NgDatetimePickerModule,
-        ProgressBarModule,
-        NgDatatableModule], exports: [FormElementsModule,
+        NgProgressBarModule,
+        NgDatatableModule], exports: [NgFormElementsModule,
         NgModalModule,
         NgDatetimePickerModule,
         NgDatatableModule,
-        ProgressBarModule,
+        NgProgressBarModule,
         NgSqCommonModule] });
 NgSqUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: NgSqUiModule, imports: [[
             NgSqCommonModule,
-            FormElementsModule,
+            NgFormElementsModule,
             NgDatetimePickerModule,
-            ProgressBarModule,
+            NgProgressBarModule,
             NgDatatableModule
-        ], FormElementsModule,
+        ], NgFormElementsModule,
         NgModalModule,
         NgDatetimePickerModule,
         NgDatatableModule,
-        ProgressBarModule,
+        NgProgressBarModule,
         NgSqCommonModule] });
@@ -41,13 +41,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.4", ngImport: i0, type: NgSqUiModule, decorators: [{
                         NgSqCommonModule,
-                        FormElementsModule,
+                        NgFormElementsModule,
                         NgDatetimePickerModule,
-                        ProgressBarModule,
+                        NgProgressBarModule,
                         NgDatatableModule
                     ],
                     exports: [
-                        FormElementsModule,
+                        NgFormElementsModule,
                         NgModalModule,
                         NgDatetimePickerModule,
                         NgDatatableModule,
-                        ProgressBarModule,
+                        NgProgressBarModule,
                         NgSqCommonModule
@@ -57,2 +57,2 @@ ]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctc3EtdWkubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctc3EtdWkvc3JjL2xpYi9uZy1zcS11aS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBb0J4RCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLFlBZnJCLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsc0JBQXNCO1FBQ3RCLGlCQUFpQjtRQUNqQixpQkFBaUIsYUFHakIsa0JBQWtCO1FBQ2xCLGFBQWE7UUFDYixzQkFBc0I7UUFDdEIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQixnQkFBZ0I7MEdBR1AsWUFBWSxZQWhCZDtZQUNQLGdCQUFnQjtZQUNoQixrQkFBa0I7WUFDbEIsc0JBQXNCO1lBQ3RCLGlCQUFpQjtZQUNqQixpQkFBaUI7U0FDbEIsRUFFQyxrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLHNCQUFzQjtRQUN0QixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLGdCQUFnQjsyRkFHUCxZQUFZO2tCQWxCeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQixzQkFBc0I7d0JBQ3RCLGlCQUFpQjt3QkFDakIsaUJBQWlCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLHNCQUFzQjt3QkFDdEIsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtRWxlbWVudHNNb2R1bGUgfSBmcm9tICcuL2Zvcm0tZWxlbWVudHMvZm9ybS1lbGVtZW50cy5tb2R1bGUnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJy4vcHJvZ3Jlc3MtYmFyL3Byb2dyZXNzLWJhci5tb2R1bGUnO1xyXG5pbXBvcnQgeyBOZ01vZGFsTW9kdWxlIH0gZnJvbSAnQHNxLXVpL25nLW1vZGFsJztcclxuaW1wb3J0IHsgTmdTcUNvbW1vbk1vZHVsZSB9IGZyb20gJ0BzcS11aS9uZy1zcS1jb21tb24nO1xyXG5pbXBvcnQgeyBOZ0RhdGV0aW1lUGlja2VyTW9kdWxlIH0gZnJvbSAnQHNxLXVpL25nLWRhdGV0aW1lLXBpY2tlcic7XHJcbmltcG9ydCB7IE5nRGF0YXRhYmxlTW9kdWxlIH0gZnJvbSAnQHNxLXVpL25nLWRhdGF0YWJsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW10sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTmdTcUNvbW1vbk1vZHVsZSxcclxuICAgIEZvcm1FbGVtZW50c01vZHVsZSxcclxuICAgIE5nRGF0ZXRpbWVQaWNrZXJNb2R1bGUsXHJcbiAgICBQcm9ncmVzc0Jhck1vZHVsZSxcclxuICAgIE5nRGF0YXRhYmxlTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBGb3JtRWxlbWVudHNNb2R1bGUsXHJcbiAgICBOZ01vZGFsTW9kdWxlLFxyXG4gICAgTmdEYXRldGltZVBpY2tlck1vZHVsZSxcclxuICAgIE5nRGF0YXRhYmxlTW9kdWxlLFxyXG4gICAgUHJvZ3Jlc3NCYXJNb2R1bGUsXHJcbiAgICBOZ1NxQ29tbW9uTW9kdWxlXHJcbiAgXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmdTcVVpTW9kdWxlIHt9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctc3EtdWkubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctc3EtdWkvc3JjL2xpYi9uZy1zcS11aS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdkQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBb0J4RCxNQUFNLE9BQU8sWUFBWTs7eUdBQVosWUFBWTswR0FBWixZQUFZLFlBZnJCLGdCQUFnQjtRQUNoQixvQkFBb0I7UUFDcEIsc0JBQXNCO1FBQ3RCLG1CQUFtQjtRQUNuQixpQkFBaUIsYUFHakIsb0JBQW9CO1FBQ3BCLGFBQWE7UUFDYixzQkFBc0I7UUFDdEIsaUJBQWlCO1FBQ2pCLG1CQUFtQjtRQUNuQixnQkFBZ0I7MEdBR1AsWUFBWSxZQWhCZDtZQUNQLGdCQUFnQjtZQUNoQixvQkFBb0I7WUFDcEIsc0JBQXNCO1lBQ3RCLG1CQUFtQjtZQUNuQixpQkFBaUI7U0FDbEIsRUFFQyxvQkFBb0I7UUFDcEIsYUFBYTtRQUNiLHNCQUFzQjtRQUN0QixpQkFBaUI7UUFDakIsbUJBQW1CO1FBQ25CLGdCQUFnQjsyRkFHUCxZQUFZO2tCQWxCeEIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsRUFBRTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLGdCQUFnQjt3QkFDaEIsb0JBQW9CO3dCQUNwQixzQkFBc0I7d0JBQ3RCLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3FCQUNsQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixhQUFhO3dCQUNiLHNCQUFzQjt3QkFDdEIsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLGdCQUFnQjtxQkFDakI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBOZ0Zvcm1FbGVtZW50c01vZHVsZSB9IGZyb20gJ0BzcS11aS9uZy1mb3JtLWVsZW1lbnRzJztcclxuaW1wb3J0IHsgTmdQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ0BzcS11aS9uZy1wcm9ncmVzcy1iYXInO1xyXG5pbXBvcnQgeyBOZ01vZGFsTW9kdWxlIH0gZnJvbSAnQHNxLXVpL25nLW1vZGFsJztcclxuaW1wb3J0IHsgTmdTcUNvbW1vbk1vZHVsZSB9IGZyb20gJ0BzcS11aS9uZy1zcS1jb21tb24nO1xyXG5pbXBvcnQgeyBOZ0RhdGV0aW1lUGlja2VyTW9kdWxlIH0gZnJvbSAnQHNxLXVpL25nLWRhdGV0aW1lLXBpY2tlcic7XHJcbmltcG9ydCB7IE5nRGF0YXRhYmxlTW9kdWxlIH0gZnJvbSAnQHNxLXVpL25nLWRhdGF0YWJsZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gIGRlY2xhcmF0aW9uczogW10sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTmdTcUNvbW1vbk1vZHVsZSxcclxuICAgIE5nRm9ybUVsZW1lbnRzTW9kdWxlLFxyXG4gICAgTmdEYXRldGltZVBpY2tlck1vZHVsZSxcclxuICAgIE5nUHJvZ3Jlc3NCYXJNb2R1bGUsXHJcbiAgICBOZ0RhdGF0YWJsZU1vZHVsZVxyXG4gIF0sXHJcbiAgZXhwb3J0czogW1xyXG4gICAgTmdGb3JtRWxlbWVudHNNb2R1bGUsXHJcbiAgICBOZ01vZGFsTW9kdWxlLFxyXG4gICAgTmdEYXRldGltZVBpY2tlck1vZHVsZSxcclxuICAgIE5nRGF0YXRhYmxlTW9kdWxlLFxyXG4gICAgTmdQcm9ncmVzc0Jhck1vZHVsZSxcclxuICAgIE5nU3FDb21tb25Nb2R1bGVcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOZ1NxVWlNb2R1bGUge31cclxuIl19

index.d.ts

 export * from './lib/ng-sq-ui.module';
-export { FormElementsModule } from './lib/form-elements/form-elements.module';
-export { ProgressBarModule } from './lib/progress-bar/progress-bar.module';
-export { ProgressBarComponent } from './lib/progress-bar/progress-bar.component';
-export { InputComponent } from './lib/form-elements/input/input.component';
-export { DropdownComponent } from './lib/form-elements/dropdown/dropdown.component';
-export { TagsInputComponent } from './lib/form-elements/tags-input/tags-input.component';
-export { RadiobuttonComponent } from './lib/form-elements/radiobutton/radiobutton.component';
-export { FormGroupComponent } from './lib/form-elements/form-group/form-group.component';
-export { TypeaheadComponent } from './lib/form-elements/typeahead/typeahead.component';
-export { CheckboxComponent } from './lib/form-elements/checkbox/checkbox.component';
-export { ButtonComponent } from './lib/form-elements/button/button.component';
-export { TextareaComponent } from './lib/form-elements/textarea/textarea.component';
-export { SqCheckboxLabelTemplateDirective } from './lib/form-elements/checkbox/checkbox.template.directive';
-export { SqDropdownOptionTemplateDirective, SqDropdownChevronTemplateDirective, SqDropdownSelectedOptionTemplateDirective } from './lib/form-elements/dropdown/dropdown.template.directive';
-export { SqRadiobuttonLabelTemplateDirective } from './lib/form-elements/radiobutton/radiobutton.template.directive';
-export { SqTagTemplateDirective } from './lib/form-elements/tags-input/tags-input.template.directive';
-export { SqTypeaheadOptionTemplateDirective, SqTypeaheadSelectedOptionTemplateDirective } from './lib/form-elements/typeahead/typeahead.template.directive';

lib/ng-sq-ui.module.d.ts

 import * as i0 from "@angular/core";
 import * as i1 from "@sq-ui/ng-sq-common";
-import * as i2 from "./form-elements/form-elements.module";
+import * as i2 from "@sq-ui/ng-form-elements";
 import * as i3 from "@sq-ui/ng-datetime-picker";
-import * as i4 from "./progress-bar/progress-bar.module";
+import * as i4 from "@sq-ui/ng-progress-bar";
 import * as i5 from "@sq-ui/ng-datatable";
@@ -10,4 +10,4 @@ import * as i6 from "@sq-ui/ng-modal";
     static ɵfac: i0.ɵɵFactoryDeclaration<NgSqUiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NgSqUiModule, never, [typeof i1.NgSqCommonModule, typeof i2.FormElementsModule, typeof i3.NgDatetimePickerModule, typeof i4.ProgressBarModule, typeof i5.NgDatatableModule], [typeof i2.FormElementsModule, typeof i6.NgModalModule, typeof i3.NgDatetimePickerModule, typeof i5.NgDatatableModule, typeof i4.ProgressBarModule, typeof i1.NgSqCommonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NgSqUiModule, never, [typeof i1.NgSqCommonModule, typeof i2.NgFormElementsModule, typeof i3.NgDatetimePickerModule, typeof i4.NgProgressBarModule, typeof i5.NgDatatableModule], [typeof i2.NgFormElementsModule, typeof i6.NgModalModule, typeof i3.NgDatetimePickerModule, typeof i5.NgDatatableModule, typeof i4.NgProgressBarModule, typeof i1.NgSqCommonModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NgSqUiModule>;
 }

package.json

 {
   "name": "@sq-ui/ng-sq-ui",
-  "version": "1.4.3",
+  "version": "1.5.3",
   "license": "MIT",
@@ -59,2 +59,4 @@ "private": false,
     "@sq-ui/ng-modal": "^1.0.0",
+    "@sq-ui/ng-form-elements": "^1.0.0",
+    "@sq-ui/ng-progress-bar": "^1.0.0",
     "@sq-ui/ng-datetime-picker": "^1.0.0",
@@ -61,0 +63,0 @@ "tslib": "^2.0.0"

README.md

@@ -1,2 +0,2 @@
-# NG-SQ-UI
+# NG-SQ-UI [![](https://data.jsdelivr.com/v1/package/npm/@sq-ui/ng-sq-ui/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@sq-ui/ng-sq-ui)
 
@@ -100,3 +100,3 @@ > Simple Quality UI kit for Angular
 - Use NG-SQ-UI in your daily work.
-- **Star** it if you like.
+- **Star** ⭐ it if you like.
 - Join us on <a href="http://bit.ly/ng-sq-ui-slack">ng slack</a> or our main <a href="http://bit.ly/ng-sq-slack">SQ slack channel</a>.
@@ -112,10 +112,3 @@ - Follow us on [twitter](https://twitter.com/sq_ui_kit) to get latest updates.
 
-Thank you to all <a href="https://github.com/sq-ui/ng-sq-ui/graphs/contributors">contributers</a>!
 
-<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore -->
-| [<img src="https://avatars2.githubusercontent.com/u/41083417?v=4" width="50px;"/><br /><sub><b>Plamena Radneva</b></sub>](https://github.com/ardentia)<br />[💻](https://github.com/SQ-UI/ng-sq-ui/commits?author=ardentia "Code") [📖](https://github.com/SQ-UI/ng-sq-ui/commits?author=ardentia "Documentation") [⚠️](https://github.com/SQ-UI/ng-sq-ui/commits?author=ardentia "Tests") | [<img src="https://avatars0.githubusercontent.com/u/797921?v=4" width="50px;"/><br /><sub><b>Samuil Gospodinov</b></sub>](https://github.com/samuil4)<br />[💻](https://github.com/SQ-UI/ng-sq-ui/commits?author=samuil4 "Code") [📖](https://github.com/SQ-UI/ng-sq-ui/commits?author=samuil4 "Documentation") [⚠️](https://github.com/SQ-UI/ng-sq-ui/commits?author=samuil4 "Tests") [📢](#talk-samuil4 "Talks") |
-| :---: | :---: |
-<!-- ALL-CONTRIBUTORS-LIST:END -->
-
 ## LICENSE
@@ -128,8 +121,19 @@
 
-Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
+Thanks goes to these wonderful <a href="https://github.com/sq-ui/ng-sq-ui/graphs/contributors">people</a>!
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tr>
+    <td align="center"><a href="https://github.com/ardentia"><img src="https://avatars2.githubusercontent.com/u/41083417?v=4?s=50" width="50px;" alt=""/><br /><sub><b>Plamena Radneva</b></sub></a><br /><a href="https://github.com/SQ-UI/ng-sq-ui/commits?author=ardentia" title="Code">💻</a> <a href="https://github.com/SQ-UI/ng-sq-ui/commits?author=ardentia" title="Documentation">📖</a> <a href="https://github.com/SQ-UI/ng-sq-ui/commits?author=ardentia" title="Tests">⚠️</a> <a href="#tutorial-ardentia" title="Tutorials">✅</a> <a href="#blog-ardentia" title="Blogposts">📝</a></td>
+    <td align="center"><a href="https://github.com/samuil4"><img src="https://avatars0.githubusercontent.com/u/797921?v=4?s=50" width="50px;" alt=""/><br /><sub><b>Samuil Gospodinov</b></sub></a><br /><a href="https://github.com/SQ-UI/ng-sq-ui/commits?author=samuil4" title="Code">💻</a> <a href="https://github.com/SQ-UI/ng-sq-ui/commits?author=samuil4" title="Documentation">📖</a> <a href="https://github.com/SQ-UI/ng-sq-ui/commits?author=samuil4" title="Tests">⚠️</a> <a href="#talk-samuil4" title="Talks">📢</a></td>
+  </tr>
+</table>
+
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of lines in readme file

136

increased by3.03%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

31047

decreased by-94.93%

Dependency count

9

increased by28.57%

Number of package files

14

decreased by-72%

Lines of code

239

decreased by-93.74%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@sq-ui/ng-form-elements@^1.0.0

• + Added@sq-ui/ng-progress-bar@^1.0.0

• + Added@sq-ui/ng-form-elements@1.0.1(transitive)

• + Added@sq-ui/ng-progress-bar@1.0.0(transitive)

• + Addedimmutable@4.3.7(transitive)