@kushki/ng-suka - npm Package Compare versions

Comparing version 0.0.16 to 0.0.17

bundles/kushki-ng-suka.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")):"function"==typeof define&&define.amd?define("@kushki/ng-suka",["exports","@angular/core","@angular/common","@angular/forms"],t):t(((e=e||self).kushki=e.kushki||{},e.kushki["ng-suka"]={}),e.ng.core,e.ng.common,e.ng.forms)}(this,function(e,t,n,o){"use strict";var i=function(){function e(){this.sukaButton="primary",this.size="normal",this.primary=!0,this.secondary=!1,this.plain=!1,this.ghost=!1,this.danger=!1,this.skeleton=!1,this.hover=!1,this.smallSize=!1}return e.prototype.ngOnInit=function(){switch("sm"===this.size&&(this.smallSize=!0),this.primary=!1,this.sukaButton){case"primary":this.primary=!0;break;case"secondary":this.secondary=!0;break;case"plain":this.plain=!0;break;case"ghost":this.ghost=!0;break;case"danger":this.danger=!0;break;default:this.primary=!0}},e.decorators=[{type:t.Directive,args:[{selector:"[sukaButton]"}]}],e.propDecorators={sukaButton:[{type:t.Input}],size:[{type:t.Input}],primary:[{type:t.HostBinding,args:["class.btn--primary"]}],secondary:[{type:t.HostBinding,args:["class.btn--secondary"]}],plain:[{type:t.HostBinding,args:["class.btn--plain"]}],ghost:[{type:t.HostBinding,args:["class.btn--ghost"]}],danger:[{type:t.HostBinding,args:["class.btn--danger"]}],skeleton:[{type:t.HostBinding,args:["class.skeleton"]},{type:t.Input}],hover:[{type:t.HostBinding,args:["class.hover"]},{type:t.Input}],smallSize:[{type:t.HostBinding,args:["class.btn--sm"]}]},e}();var a=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[i],exports:[i],imports:[n.CommonModule]}]}],e}(),r={Init:0,Indeterminate:1,Checked:2,Unchecked:3};r[r.Init]="Init",r[r.Indeterminate]="Indeterminate",r[r.Checked]="Checked",r[r.Unchecked]="Unchecked";var s=function(){};var l=function(){function e(n){this.changeDetectorRef=n,this.size="md",this.inline=!1,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id="checkbox-"+e.checkboxCount,this.ariaLabel="",this.change=new t.EventEmitter,this.indeterminateChange=new t.EventEmitter,this._checked=!1,this._indeterminate=!1,this.currentCheckboxState=r.Init,this.onTouched=function(){},this.propagateChange=function(e){},e.checkboxCount++}return Object.defineProperty(e.prototype,"indeterminate",{get:function(){return this._indeterminate},set:function(e){var t=this._indeterminate!==e;this._indeterminate=e,t?this.transitionCheckboxState(r.Indeterminate):this.transitionCheckboxState(this.checked?r.Checked:r.Unchecked),this.indeterminateChange.emit(this._indeterminate)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return this._checked},set:function(e){var t=this;e!==this.checked&&(this._indeterminate&&Promise.resolve().then(function(){t._indeterminate=!1,t.indeterminateChange.emit(t._indeterminate)}),this._checked=e,this.changeDetectorRef.markForCheck())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checkboxWrapperClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"formItemClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),e.prototype.toggle=function(){this.checked=!this.checked},e.prototype.writeValue=function(e){this.checked=!!e},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.onChange=function(e){e.stopPropagation()},e.prototype.onClick=function(e){this.disabled||(this.toggle(),this.transitionCheckboxState(this._checked?r.Checked:r.Unchecked),this.emitChangeEvent())},e.prototype.transitionCheckboxState=function(e){var t=this.currentCheckboxState;e===r.Indeterminate&&(this.checked=!1,this.inputCheckbox.nativeElement.indeterminate=!0),t!==e&&(this.currentCheckboxState=e)},e.prototype.emitChangeEvent=function(){var e=new s;e.source=this,e.checked=this.checked,this.propagateChange(this.checked),this.change.emit(e)},e.prototype.ngAfterViewInit=function(){this.indeterminate&&(this.inputCheckbox.nativeElement.indeterminate=!0,this.checked=!1)},e.checkboxCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-checkbox",template:'\n    <input\n      #inputCheckbox\n      class="checkbox"\n      type="checkbox"\n      [id]="id"\n      [value]="value"\n      [name]="name"\n      [required]="required"\n      [checked]="checked"\n      [disabled]="disabled"\n      [indeterminate]="indeterminate"\n      [attr.aria-label]="ariaLabel"\n      [attr.aria-labelledby]="ariaLabelledby"\n      [attr.aria-checked]="(indeterminate ? \'mixed\' : checked)"\n      (change)="onChange($event)"\n      (click)="onClick($event)">\n    <label\n      [for]="id"\n      class="checkbox-label"\n      [ngClass]="{\n        \'skeleton\' : skeleton\n      }">\n      <span [ngClass]="{\'visually-hidden\' : hideLabel}">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},e.propDecorators={size:[{type:t.Input}],nested:[{type:t.Input}],inline:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],hideLabel:[{type:t.Input}],name:[{type:t.Input}],id:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],ariaLabel:[{type:t.Input,args:["aria-label"]}],ariaLabelledby:[{type:t.Input,args:["aria-labelledby"]}],indeterminate:[{type:t.Input}],checked:[{type:t.Input}],checkboxWrapperClass:[{type:t.HostBinding,args:["class.checkbox-wrapper"]}],formItemClass:[{type:t.HostBinding,args:["class.form-item"]}],change:[{type:t.Output}],indeterminateChange:[{type:t.Output}],inputCheckbox:[{type:t.ViewChild,args:["inputCheckbox",{static:!0}]}]},e}();var c=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[l],exports:[l],imports:[n.CommonModule,o.FormsModule]}]}],e}(),p=function(){function e(){this.display="default",this.id="select-"+e.selectCount++,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.valid=!1,this.selected=new t.EventEmitter,this.onChangeHandler=function(e){},this.onTouchedHandler=function(){}}return Object.defineProperty(e.prototype,"value",{get:function(){return this.select.nativeElement.value},set:function(e){this.select.nativeElement.value=e},enumerable:!0,configurable:!0}),e.prototype.writeValue=function(e){this.value=e},e.prototype.registerOnChange=function(e){this.onChangeHandler=e},e.prototype.registerOnTouched=function(e){this.onTouchedHandler=e},e.prototype.setDisabledState=function(e){this.disabled=e},e.prototype.onChange=function(e){this.onChangeHandler(e.target.value),this.selected.emit(e.target.value)},e.prototype.blur=function(){this.onTouchedHandler()},e.prototype.isTemplate=function(e){return e instanceof t.TemplateRef},e.selectCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-select",template:'\n    <div class="form-item">\n      <div\n        [ngClass]="{\n          \'select--inline\': display === \'inline\',\n          \'skeleton\': skeleton\n        }"\n        class="select"\n        style="width: 100%">\n        <label *ngIf="skeleton && label" [for]="id" class="label skeleton"></label>\n        <label *ngIf="!skeleton && label" [for]="id" class="label">\n          <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>\n          <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>\n        </label>\n        <div *ngIf="helperText" class="form__helper-text">\n          <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container>\n          <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>\n        </div>\n        <div class="select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)" [attr.data-valid]="(valid ? true : null)">\n          <select\n            #select\n            [attr.id]="id"\n            [disabled]="disabled"\n            (change)="onChange($event)"\n            class="select-input">\n            <ng-content></ng-content>\n          </select>\n          <svg *ngIf="invalid"\n            class="select__invalid-icon"\n            width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.3079 7.70548L4.0025 5.40122L1.6921 7.70947C1.30553 8.09684 0.677238 8.09684 0.290673 7.70947C-0.096891 7.3231 -0.096891 6.69612 0.290673 6.30875L2.60008 3.9995L0.290673 1.69125C-0.096891 1.30388 -0.096891 0.6769 0.290673 0.290528C0.677238 -0.0968426 1.30553 -0.0968426 1.6921 0.290528L4.0025 2.59878L6.3079 0.294521C6.69447 -0.0928491 7.32176 -0.0928491 7.70933 0.294521C8.09589 0.681892 8.09589 1.30887 7.70933 1.69525L5.40392 4.0005L7.70933 6.30475C8.09689 6.69113 8.09689 7.31911 7.70933 7.70548C7.32276 8.09185 6.69447 8.09185 6.3079 7.70548Z" />\n          </svg>\n          <svg *ngIf="valid"\n            class="select__valid-icon"\n            width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path fill-rule="evenodd" clip-rule="evenodd" d="M9.72353 1.69213L3.99981 7.70935C3.63118 8.09688 3.03439 8.09688 2.6667 7.70935L0.275768 5.1968C-0.0919226 4.80927 -0.0919226 4.18187 0.275768 3.79434C0.644401 3.40779 1.24119 3.40779 1.60888 3.79434L3.33325 5.60714L8.39041 0.290652C8.7581 -0.0968841 9.35489 -0.0968841 9.72353 0.290652C10.0922 0.677198 10.0922 1.30459 9.72353 1.69213Z"/>\n          </svg>\n          <svg *ngIf="!skeleton" class="select__arrow" style="display: inherit;" width="10" height="9" viewBox="0 0 10 9" xmlns="http://www.w3.org/2000/svg">\n            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.35351 3.91432C1.15824 4.10958 1.15824 4.42616 1.35351 4.62142L4.70158 7.9695C4.71895 7.99498 4.73894 8.01921 4.76154 8.04181L4.90923 8.18951C5.02187 8.30215 5.17489 8.34981 5.32169 8.33249C5.43331 8.32185 5.54203 8.27379 5.6275 8.18832L5.77519 8.04062C5.79547 8.02035 5.81364 7.99876 5.8297 7.97614L9.18323 4.62261C9.37849 4.42735 9.37849 4.11077 9.18323 3.91551L9.03554 3.76781C8.84028 3.57255 8.52369 3.57255 8.32843 3.76782L5.26896 6.82729L2.2083 3.76662C2.01304 3.57136 1.69646 3.57136 1.5012 3.76662L1.35351 3.91432Z" fill="#677784"/>\n          </svg>\n\n        </div>\n        <div *ngIf="invalid" class="form-requirement">\n          <ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>\n          <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n        </div>\n      </div>\n    </div>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}],styles:["\n    [data-invalid] ~ .select__arrow {\n      bottom: 2.25rem;\n    }\n  "]}]}],e.propDecorators={display:[{type:t.Input}],label:[{type:t.Input}],helperText:[{type:t.Input}],invalidText:[{type:t.Input}],id:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],invalid:[{type:t.Input}],valid:[{type:t.Input}],selected:[{type:t.Output}],select:[{type:t.ViewChild,args:["select",{static:!0}]}],blur:[{type:t.HostListener,args:["blur"]}]},e}();var u=function(){function e(){this.inputClass="select-option"}return e.decorators=[{type:t.Directive,args:[{selector:"option"}]}],e.propDecorators={inputClass:[{type:t.HostBinding,args:["class"]}]},e}();var d=function(){function e(){this.inputClass="select-option"}return e.decorators=[{type:t.Directive,args:[{selector:"optgroup"}]}],e.propDecorators={inputClass:[{type:t.HostBinding,args:["class"]}]},e}();var h=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[p,u,d],exports:[p,u,d],imports:[n.CommonModule,o.FormsModule]}]}],e}(),g=function(){function e(){this.labelInputID="suka-label-"+e.labelCounter,this.labelState="",this.skeleton=!1,this.invalid=!1,this.valid=!1,this.labelClass=!0,e.labelCounter++}return e.prototype.ngAfterContentInit=function(){this.wrapper.nativeElement.querySelector("input,textarea,div").setAttribute("id",this.labelInputID)},e.prototype.isTemplate=function(e){return e instanceof t.TemplateRef},e.labelCounter=0,e.decorators=[{type:t.Component,args:[{selector:"suka-label",template:'\n    <label\n      [for]="labelInputID"\n      class="label"\n      [ngClass]="{\n        \'skeleton\': skeleton\n      }">\n      <ng-content></ng-content>\n    </label>\n    <div *ngIf="!skeleton" class="form__helper-text">{{helperText}}</div>\n    <div class="text-input__field-wrapper" [attr.data-invalid]="(invalid ? true : null)" #wrapper>\n      <svg *ngIf="invalid"\n        class="text-input__invalid-icon text-area__invalid-icon"\n        width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.3079 7.70548L4.0025 5.40122L1.6921 7.70947C1.30553 8.09684 0.677238 8.09684 0.290673 7.70947C-0.096891 7.3231 -0.096891 6.69612 0.290673 6.30875L2.60008 3.9995L0.290673 1.69125C-0.096891 1.30388 -0.096891 0.6769 0.290673 0.290528C0.677238 -0.0968426 1.30553 -0.0968426 1.6921 0.290528L4.0025 2.59878L6.3079 0.294521C6.69447 -0.0928491 7.32176 -0.0928491 7.70933 0.294521C8.09589 0.681892 8.09589 1.30887 7.70933 1.69525L5.40392 4.0005L7.70933 6.30475C8.09689 6.69113 8.09689 7.31911 7.70933 7.70548C7.32276 8.09185 6.69447 8.09185 6.3079 7.70548Z" />\n      </svg>\n      <svg *ngIf="valid"\n        class="text-input__valid-icon text-area__valid-icon"\n        width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.72353 1.69213L3.99981 7.70935C3.63118 8.09688 3.03439 8.09688 2.6667 7.70935L0.275768 5.1968C-0.0919226 4.80927 -0.0919226 4.18187 0.275768 3.79434C0.644401 3.40779 1.24119 3.40779 1.60888 3.79434L3.33325 5.60714L8.39041 0.290652C8.7581 -0.0968841 9.35489 -0.0968841 9.72353 0.290652C10.0922 0.677198 10.0922 1.30459 9.72353 1.69213Z"/>\n      </svg>\n      <ng-content select="input,textarea,div"></ng-content>\n    </div>\n    <div *ngIf="invalid" class="form-requirement">\n      <ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>\n      <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n    </div>\n  '}]}],e.ctorParameters=function(){return[]},e.propDecorators={labelState:[{type:t.Input}],skeleton:[{type:t.Input}],helperText:[{type:t.Input}],invalidText:[{type:t.Input}],invalid:[{type:t.Input}],valid:[{type:t.Input}],wrapper:[{type:t.ViewChild,args:["wrapper",{static:!0}]}],labelClass:[{type:t.HostBinding,args:["class.form-item"]}]},e}();var f=function(){function e(){this.inputClass=!0,this.invalid=!1,this.valid=!1,this.skeleton=!1}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaText]"}]}],e.propDecorators={inputClass:[{type:t.HostBinding,args:["class.text-input"]}],invalid:[{type:t.HostBinding,args:["class.text-input--invalid"]},{type:t.Input}],valid:[{type:t.HostBinding,args:["class.text-input--valid"]},{type:t.Input}],skeleton:[{type:t.HostBinding,args:["class.skeleton"]},{type:t.Input}]},e}();var m=function(){function e(){this.baseClass=!0,this.invalid=!1,this.valid=!1,this.skeleton=!1}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaTextArea]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.text-area"]}],invalid:[{type:t.HostBinding,args:["class.text-area--invalid"]},{type:t.Input}],valid:[{type:t.HostBinding,args:["class.text-area--valid"]},{type:t.Input}],skeleton:[{type:t.HostBinding,args:["class.skeleton"]},{type:t.Input}]},e}();var y=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[g,f,m],exports:[g,f,m],imports:[n.CommonModule,o.FormsModule]}]}],e}(),b=function(){function e(){this.baseClass=!0}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaGrid]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.grid"]}]},e}();var v=function(){function e(){this.baseClass=!0,this.noGutters=!1}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaRow]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.row"]}],noGutters:[{type:t.HostBinding,args:["class.no-gutters"]},{type:t.Input}]},e}();var C=function(){function e(){this.class="",this.columnNumbers={},this.offsets={},this._columnClasses=[]}return Object.defineProperty(e.prototype,"columnClasses",{get:function(){return this._columnClasses.join(" ")},enumerable:!0,configurable:!0}),e.prototype.set=function(e){this._columnClasses=e.split(" ")},e.prototype.ngOnInit=function(){var e=this;try{var t=Object.keys(this.columnNumbers);t.length<=0&&this._columnClasses.push("col"),t.forEach(function(t){"nobreak"===e.columnNumbers[t]?e._columnClasses.push("col-"+t):e._columnClasses.push("col-"+t+"-"+e.columnNumbers[t])}),Object.keys(this.offsets).forEach(function(t){e._columnClasses.push("offset-"+t+"-"+e.offsets[t])})}catch(e){console.error("Malformed `offsets` or `columnNumbers`: "+e)}this.class&&this._columnClasses.push(this.class)},e.decorators=[{type:t.Directive,args:[{selector:"[sukaCol]"}]}],e.propDecorators={class:[{type:t.Input}],columnNumbers:[{type:t.Input}],offsets:[{type:t.Input}],columnClasses:[{type:t.HostBinding,args:["class"]}]},e}();var k=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[C,b,v],exports:[C,b,v],imports:[n.CommonModule]}]}],e}(),I={Init:0,Checked:1,Unchecked:2};I[I.Init]="Init",I[I.Checked]="Checked",I[I.Unchecked]="Unchecked";var R=function(){};var E=function(){function e(n){this.changeDetectorRef=n,this.inline=!1,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id="toggle-"+e.toggleCount,this.ariaLabel="",this.change=new t.EventEmitter,this._checked=!1,this.currentToggleState=I.Init,this.onTouched=function(){},this.propagateChange=function(e){},e.toggleCount++}return Object.defineProperty(e.prototype,"checked",{get:function(){return this._checked},set:function(e){e!==this.checked&&(this._checked=e,this.changeDetectorRef.markForCheck())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"toggleWrapperClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"formItemClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),e.prototype.toggle=function(){this.checked=!this.checked},e.prototype.writeValue=function(e){this.checked=!!e},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.onChange=function(e){e.stopPropagation()},e.prototype.onClick=function(e){this.disabled||(this.toggle(),this.transitionToggleState(this._checked?I.Checked:I.Unchecked),this.emitChangeEvent())},e.prototype.transitionToggleState=function(e){this.currentToggleState!==e&&(this.currentToggleState=e)},e.prototype.emitChangeEvent=function(){var e=new R;e.source=this,e.checked=this.checked,this.propagateChange(this.checked),this.change.emit(e)},e.toggleCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-toggle",template:'\n    <label\n      class="toggle"\n      [ngClass]="{\n        \'skeleton\' : skeleton,\n        \'disabled\': disabled\n      }"\n    >\n      <ng-content></ng-content>\n      <input\n        type="checkbox"\n        [id]="id"\n        [value]="value"\n        [name]="name"\n        [required]="required"\n        [checked]="checked"\n        [disabled]="disabled"\n        [attr.aria-label]="ariaLabel"\n        [attr.aria-labelledby]="ariaLabelledby"\n        [attr.aria-checked]="checked"\n        (change)="onChange($event)"\n        (click)="onClick($event)"\n      />\n      <span class="toggle-body">\n        <span class="toggle-switch"></span>\n        <span class="toggle-track">\n          <span class="toggle-bg"></span>\n          <span class="toggle-bg toggle-bg_negative"></span>\n        </span>\n      </span>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},e.propDecorators={nested:[{type:t.Input}],inline:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],hideLabel:[{type:t.Input}],name:[{type:t.Input}],id:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],ariaLabel:[{type:t.Input,args:["aria-label"]}],ariaLabelledby:[{type:t.Input,args:["aria-labelledby"]}],checked:[{type:t.Input}],toggleWrapperClass:[{type:t.HostBinding,args:["class.toggle-wrapper"]}],formItemClass:[{type:t.HostBinding,args:["class.form-item"]}],change:[{type:t.Output}],inputToggle:[{type:t.ViewChild,args:["inputToggle",{static:!0}]}]},e}();var _=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[E],exports:[E],imports:[n.CommonModule,o.FormsModule]}]}],e}(),x=function(e,t){this.source=e,this.value=t};var L=function(){function e(){this.checked=!1,this.name="",this.disabled=!1,this.labelPlacement="right",this.required=!1,this.value="",this.skeleton=!1,this.id="radio-"+e.radioCount++,this.change=new t.EventEmitter,this.role="radio",this.hostClass=!0,this._labelledby="",this.radioChangeHandler=function(e){}}return Object.defineProperty(e.prototype,"ariaLabelledby",{get:function(){return this._labelledby?this._labelledby:"label-"+this.id},set:function(e){this._labelledby=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"labelLeft",{get:function(){return"left"===this.labelPlacement},enumerable:!0,configurable:!0}),e.prototype.onChange=function(e){e.stopPropagation(),this.checked=e.target.checked;var t=new x(this,this.value);this.change.emit(t),this.radioChangeHandler(t)},e.prototype.registerRadioChangeHandler=function(e){this.radioChangeHandler=e},e.radioCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-radio",template:'\n    <input\n      *ngIf="!skeleton"\n      class="radio-button"\n      type="radio"\n      [checked]="checked"\n      [disabled]="disabled"\n      [name]="name"\n      [id]="id"\n      [required]="required"\n      [value]="value"\n      [attr.aria-labelledby]="ariaLabelledby"\n      (change)="onChange($event)">\n    <div *ngIf="skeleton" class="radio-button skeleton"></div>\n    <label\n      class="radio-button__label"\n      [ngClass]="{\n        \'skeleton\': skeleton\n      }"\n      [for]="id"\n      id="label-{{id}}">\n      <span class="radio-button__appearance"></span>\n      <ng-content></ng-content>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={checked:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],labelPlacement:[{type:t.Input}],ariaLabelledby:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],skeleton:[{type:t.Input}],id:[{type:t.Input}],change:[{type:t.Output}],role:[{type:t.HostBinding,args:["attr.role"]}],hostClass:[{type:t.HostBinding,args:["class.radio-button-wrapper"]}],labelLeft:[{type:t.HostBinding,args:["class.radio-button-wrapper--label-left"]}]},e}();var O=function(){function e(){this.orientation="horizontal",this.labelPlacement="right",this.change=new t.EventEmitter,this.disabled=!1,this.radioButtonGroupClass=!0,this.isInitialized=!1,this._disabled=!1,this._skeleton=!1,this._value=null,this._selected=null,this._name="radio-group-"+e.radioGroupCount++,this.onTouched=function(){},this.propagateChange=function(e){}}return Object.defineProperty(e.prototype,"selected",{get:function(){return this._selected},set:function(e){this._selected=e,this.value=e?e.value:null,this.checkSelectedRadio()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value!==e&&(this._value=e,this.updateSelectedRadioFromValue(),this.checkSelectedRadio())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){this._name=e,this.updateRadios()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skeleton",{get:function(){return this._skeleton},set:function(e){this._skeleton=e,this.updateChildren()},enumerable:!0,configurable:!0}),e.prototype.checkSelectedRadio=function(){this.selected&&!this._selected.checked&&(this.selected.checked=!0)},e.prototype.updateSelectedRadioFromValue=function(){var e=this,t=null!=this._selected&&this._selected.value===this._value;this.radios&&!t&&(this._selected=null,this.radios.forEach(function(t){t.checked&&(e._selected=t)}))},e.prototype.emitChangeEvent=function(e){this.change.emit(e),this.propagateChange(e.value),this.onTouched()},e.prototype.updateRadioNames=function(){console.warn("updateRadioNames had been deprecated. Use updateRadios instead"),this.updateRadios()},e.prototype.updateRadios=function(){var e=this;this.radios&&setTimeout(function(){e.radios.forEach(function(t){return t.name=e.name}),"left"===e.labelPlacement&&e.radios.forEach(function(e){return e.labelPlacement="left"})})},e.prototype.writeValue=function(e){this.value=e},e.prototype.ngAfterContentInit=function(){var e=this;this.radios.changes.subscribe(function(){e.updateRadios(),e.updateRadioChangeHandler()}),this.updateChildren(),this.updateRadioChangeHandler()},e.prototype.ngAfterViewInit=function(){this.updateRadios()},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.updateChildren=function(){var e=this;this.radios&&this.radios.forEach(function(t){return t.skeleton=e.skeleton})},e.prototype.updateRadioChangeHandler=function(){var e=this;this.radios.forEach(function(t){t.registerRadioChangeHandler(function(t){e._selected=t.source,e._value=t.value,e.emitChangeEvent(t)})})},e.radioGroupCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-radio-group",template:"\n    <div\n      class=\"radio-button-group\"\n      [ngClass]=\"{\n        'radio-button-group--vertical': orientation === 'vertical',\n        'radio-button-group--label-left': orientation === 'vertical' && labelPlacement === 'left'\n      }\"\n      role=\"radiogroup\">\n      <ng-content></ng-content>\n    </div>\n  ",providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={orientation:[{type:t.Input}],labelPlacement:[{type:t.Input}],change:[{type:t.Output}],radios:[{type:t.ContentChildren,args:[t.forwardRef(function(){return L})]}],selected:[{type:t.Input}],value:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],radioButtonGroupClass:[{type:t.HostBinding,args:["class.form-item"]}]},e}();var w=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[L,O],exports:[L,O],imports:[n.CommonModule,o.FormsModule]}]}],e}(),B=function(e,t){this.source=e,this.value=t};var D=function(){function e(){this.checked=!1,this.name="",this.disabled=!1,this.required=!1,this.value="",this.skeleton=!1,this.id="button-radio-"+e.buttonRadioCount++,this.change=new t.EventEmitter,this.role="radio",this.hostClass=!0,this._labelledby="",this.buttonRadioChangeHandler=function(e){}}return Object.defineProperty(e.prototype,"ariaLabelledby",{get:function(){return this._labelledby?this._labelledby:"label-"+this.id},set:function(e){this._labelledby=e},enumerable:!0,configurable:!0}),e.prototype.onChange=function(e){e.stopPropagation(),this.checked=e.target.checked;var t=new B(this,this.value);this.change.emit(t),this.buttonRadioChangeHandler(t)},e.prototype.registerButtonRadioChangeHandler=function(e){this.buttonRadioChangeHandler=e},e.buttonRadioCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-button-radio",template:'\n    <input\n      *ngIf="!skeleton"\n      class="button-radio"\n      type="radio"\n      [checked]="checked"\n      [disabled]="disabled"\n      [name]="name"\n      [id]="id"\n      [required]="required"\n      [value]="value"\n      [attr.aria-labelledby]="ariaLabelledby"\n      (change)="onChange($event)">\n    <div *ngIf="skeleton" class="button-radio skeleton"></div>\n    <label\n      class="button-radio__label"\n      [ngClass]="{\n        \'skeleton\': skeleton\n      }"\n      [for]="id"\n      id="label-{{id}}">\n      <ng-content></ng-content>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={checked:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],ariaLabelledby:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],skeleton:[{type:t.Input}],id:[{type:t.Input}],change:[{type:t.Output}],role:[{type:t.HostBinding,args:["attr.role"]}],hostClass:[{type:t.HostBinding,args:["class.button-radio-wrapper"]}]},e}();var T=function(){function e(){this.change=new t.EventEmitter,this.disabled=!1,this.buttonRadioButtonGroupClass=!0,this.isInitialized=!1,this._disabled=!1,this._skeleton=!1,this._value=null,this._selected=null,this._name="button-radio-group-"+e.buttonRadioGroupCount++,this.onTouched=function(){},this.propagateChange=function(e){}}return Object.defineProperty(e.prototype,"selected",{get:function(){return this._selected},set:function(e){this._selected=e,this.value=e?e.value:null,this.checkSelectedButtonRadio()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value!==e&&(this._value=e,this.updateSelectedButtonRadioFromValue(),this.checkSelectedButtonRadio())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){this._name=e,this.updateButtonRadios()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skeleton",{get:function(){return this._skeleton},set:function(e){this._skeleton=e,this.updateChildren()},enumerable:!0,configurable:!0}),e.prototype.checkSelectedButtonRadio=function(){this.selected&&!this._selected.checked&&(this.selected.checked=!0)},e.prototype.updateSelectedButtonRadioFromValue=function(){var e=this,t=null!=this._selected&&this._selected.value===this._value;this.buttonRadios&&!t&&(this._selected=null,this.buttonRadios.forEach(function(t){t.checked&&(e._selected=t)}))},e.prototype.emitChangeEvent=function(e){this.change.emit(e),this.propagateChange(e.value),this.onTouched()},e.prototype.updateButtonRadioNames=function(){console.warn("updateButtonRadioNames had been deprecated. Use updateButtonRadios instead"),this.updateButtonRadios()},e.prototype.updateButtonRadios=function(){var e=this;this.buttonRadios&&setTimeout(function(){e.buttonRadios.forEach(function(t){return t.name=e.name})})},e.prototype.writeValue=function(e){this.value=e},e.prototype.ngAfterContentInit=function(){var e=this;this.buttonRadios.changes.subscribe(function(){e.updateButtonRadios(),e.updateButtonRadioChangeHandler()}),this.updateChildren(),this.updateButtonRadioChangeHandler()},e.prototype.ngAfterViewInit=function(){this.updateButtonRadios()},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.updateChildren=function(){var e=this;this.buttonRadios&&this.buttonRadios.forEach(function(t){return t.skeleton=e.skeleton})},e.prototype.updateButtonRadioChangeHandler=function(){var e=this;this.buttonRadios.forEach(function(t){t.registerButtonRadioChangeHandler(function(t){e._selected=t.source,e._value=t.value,e.emitChangeEvent(t)})})},e.buttonRadioGroupCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-button-radio-group",template:'\n    <div\n      class="button-radio-group"\n      role="buttonRadiogroup">\n      <ng-content></ng-content>\n    </div>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={change:[{type:t.Output}],buttonRadios:[{type:t.ContentChildren,args:[t.forwardRef(function(){return D})]}],selected:[{type:t.Input}],value:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],buttonRadioButtonGroupClass:[{type:t.HostBinding,args:["class.form-item"]}]},e}();var H=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[D,T],exports:[D,T],imports:[n.CommonModule,o.FormsModule]}]}],e}(),M=function(){function e(){this.baseClass=!0,this.sukaContainer="default",this.fluid=!1}return e.prototype.ngOnInit=function(){"fluid"===this.sukaContainer&&(this.fluid=!0)},e.decorators=[{type:t.Directive,args:[{selector:"[sukaContainer]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.container"]}],sukaContainer:[{type:t.Input}],fluid:[{type:t.HostBinding,args:["class.container--fluid"]}]},e}();var A=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[M],exports:[M],imports:[n.CommonModule]}]}],e}(),S=function(){function e(e){this.m={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.m).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("m-"+e.m[t]):e.elementRef.nativeElement.classList.add("m-"+t+"-"+e.m[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[m]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={m:[{type:t.Input}]},e}();var P=function(){function e(e){this.mt={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mt).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mt-"+e.mt[t]):e.elementRef.nativeElement.classList.add("mt-"+t+"-"+e.mt[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mt]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mt:[{type:t.Input}]},e}();var j=function(){function e(e){this.mb={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mb).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mb-"+e.mb[t]):e.elementRef.nativeElement.classList.add("mb-"+t+"-"+e.mb[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mb]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mb:[{type:t.Input}]},e}();var F=function(){function e(e){this.ml={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.ml).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("ml-"+e.ml[t]):e.elementRef.nativeElement.classList.add("ml-"+t+"-"+e.ml[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[ml]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={ml:[{type:t.Input}]},e}();var N=function(){function e(e){this.mr={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mr).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mr-"+e.mr[t]):e.elementRef.nativeElement.classList.add("mr-"+t+"-"+e.mr[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mr]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mr:[{type:t.Input}]},e}();var V=function(){function e(e){this.mx={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mx).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mx-"+e.mx[t]):e.elementRef.nativeElement.classList.add("mx-"+t+"-"+e.mx[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mx]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mx:[{type:t.Input}]},e}();var G=function(){function e(e){this.my={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.my).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("my-"+e.my[t]):e.elementRef.nativeElement.classList.add("my-"+t+"-"+e.my[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[my]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={my:[{type:t.Input}]},e}();var q=function(){function e(e){this.p={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.p).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("p-"+e.p[t]):e.elementRef.nativeElement.classList.add("p-"+t+"-"+e.p[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[p]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={p:[{type:t.Input}]},e}();var U=function(){function e(e){this.pt={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pt).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pt-"+e.pt[t]):e.elementRef.nativeElement.classList.add("pt-"+t+"-"+e.pt[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pt]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pt:[{type:t.Input}]},e}();var z=function(){function e(e){this.pb={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pb).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pb-"+e.pb[t]):e.elementRef.nativeElement.classList.add("pb-"+t+"-"+e.pb[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pb]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pb:[{type:t.Input}]},e}();var $=function(){function e(e){this.pl={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pl).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pl-"+e.pl[t]):e.elementRef.nativeElement.classList.add("pl-"+t+"-"+e.pl[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pl]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pl:[{type:t.Input}]},e}();var Z=function(){function e(e){this.pr={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pr).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pr-"+e.pr[t]):e.elementRef.nativeElement.classList.add("pr-"+t+"-"+e.pr[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pr]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pr:[{type:t.Input}]},e}();var W=function(){function e(e){this.px={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.px).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("px-"+e.px[t]):e.elementRef.nativeElement.classList.add("px-"+t+"-"+e.px[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[px]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={px:[{type:t.Input}]},e}();var J=function(){function e(e){this.py={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.py).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("py-"+e.py[t]):e.elementRef.nativeElement.classList.add("py-"+t+"-"+e.py[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[py]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={py:[{type:t.Input}]},e}();var K=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[S,P,j,F,N,V,G,q,U,z,$,Z,W,J],exports:[S,P,j,F,N,V,G,q,U,z,$,Z,W,J],imports:[n.CommonModule]}]}],e}(),Q=function(){function e(){this.primaryFooterAction=new t.EventEmitter,this.secondaryFooterAction=new t.EventEmitter,this.headerAction=new t.EventEmitter,this.cardClass=!0,this.showFooter=!1}return e.prototype.ngOnInit=function(){this.showFooter=this.primaryFooterAction.observers.length>0},e.prototype.onPrimaryFooterAction=function(e){this.primaryFooterAction.emit(e)},e.prototype.onSecondaryFooterAction=function(e){this.secondaryFooterAction.emit(e)},e.prototype.onHeaderAction=function(e){this.headerAction.emit(e)},e.decorators=[{type:t.Component,args:[{selector:"suka-card",template:'\n    <suka-card-header\n      *ngIf="title"\n      (action)="onHeaderAction($event)"\n      [actionLabel]="headerActionLabel"\n    >\n      {{title}}\n    </suka-card-header>\n\n    <suka-card-section\n      *ngIf="(sectioned !== false)\n      else elseTpl"\n    >\n      <ng-container *ngTemplateOutlet="elseTpl"></ng-container>\n    </suka-card-section>\n\n    <suka-card-footer\n      *ngIf="showFooter"\n      (primaryAction)="onPrimaryFooterAction($event)"\n      [primaryLabel]="primaryFooterActionLabel"\n      (secondaryAction)="secondaryFooterAction ? onSecondaryFooterAction($event): undefined"\n      [secondaryLabel]="secondaryFooterActionLabel"\n    ></suka-card-footer>\n\n    <ng-template #elseTpl><ng-content></ng-content></ng-template>\n  '}]}],e.propDecorators={title:[{type:t.Input}],sectioned:[{type:t.Input}],primaryFooterActionLabel:[{type:t.Input}],primaryFooterAction:[{type:t.Output}],secondaryFooterActionLabel:[{type:t.Input}],secondaryFooterAction:[{type:t.Output}],headerActionLabel:[{type:t.Input}],headerAction:[{type:t.Output}],cardClass:[{type:t.HostBinding,args:["class.card"]}]},e}();var X=function(){function e(){this.showAction=!1,this.cardHeaderClass=!0,this.action=new t.EventEmitter}return e.prototype.ngOnInit=function(){this.showAction=this.action.observers.length>0},e.prototype.onClick=function(e){this.action.emit(e)},e.decorators=[{type:t.Component,args:[{selector:"suka-card-header",template:'\n    <h5><ng-content></ng-content></h5>\n    <button\n      *ngIf="showAction"\n      sukaButton="plain"\n      (click)="onClick($event)"\n    >\n      {{actionLabel}}\n    </button>\n  '}]}],e.propDecorators={cardHeaderClass:[{type:t.HostBinding,args:["class.card-header"]}],actionLabel:[{type:t.Input}],action:[{type:t.Output}]},e}();var Y=function(){function e(){this.cardSectionClass=!0}return e.decorators=[{type:t.Component,args:[{selector:"suka-card-section",template:"\n    <ng-content></ng-content>\n  "}]}],e.propDecorators={cardSectionClass:[{type:t.HostBinding,args:["class.card-section"]}]},e}();var ee=function(){function e(){this.showSecondaryButton=!1,this.baseClass=!0,this.primaryAction=new t.EventEmitter,this.secondaryAction=new t.EventEmitter}return e.prototype.ngOnInit=function(){this.showSecondaryButton=this.secondaryAction.observers.length>0},e.prototype.onButtonClick=function(e){"primary"===e&&this.primaryAction.emit(),"secondary"===e&&this.secondaryAction.emit()},e.decorators=[{type:t.Component,args:[{selector:"suka-card-footer",template:'\n    <button\n      *ngIf="showSecondaryButton"\n      sukaButton="plain"\n      (click)="onButtonClick(\'secondary\')"\n    >\n      {{secondaryLabel}}\n    </button>\n    <button\n      sukaButton="primary"\n      (click)="onButtonClick(\'primary\')"\n    >\n      {{primaryLabel}}\n    </button>\n  '}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.card-footer"]}],primaryLabel:[{type:t.Input}],secondaryLabel:[{type:t.Input}],primaryAction:[{type:t.Output}],secondaryAction:[{type:t.Output}]},e}();var te=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[Q,X,Y,ee],exports:[Q,X,Y,ee],imports:[n.CommonModule,a]}]}],e}();e.Button=i,e.ButtonModule=a,e.ButtonRadio=D,e.ButtonRadioChange=B,e.ButtonRadioGroup=T,e.ButtonRadioModule=H,e.Card=Q,e.CardFooter=ee,e.CardHeader=X,e.CardModule=te,e.CardSection=Y,e.Checkbox=l,e.CheckboxModule=c,e.Container=M,e.ContainerModule=A,e.GridModule=k,e.InputModule=y,e.Label=g,e.OptGroup=d,e.Option=u,e.Radio=L,e.RadioChange=x,e.RadioGroup=O,e.RadioModule=w,e.Select=p,e.SelectModule=h,e.SpacingModule=K,e.TextArea=m,e.TextInput=f,e.Toggle=E,e.ToggleModule=_,e.ɵa=b,e.ɵb=v,e.ɵc=C,e.ɵd=S,e.ɵe=P,e.ɵf=j,e.ɵg=F,e.ɵh=N,e.ɵi=V,e.ɵj=G,e.ɵk=q,e.ɵl=U,e.ɵm=z,e.ɵn=$,e.ɵo=Z,e.ɵp=W,e.ɵq=J,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define("@kushki/ng-suka",["exports","@angular/core","@angular/common","@angular/forms"],t):t(((e=e||self).kushki=e.kushki||{},e.kushki["ng-suka"]={}),e.ng.core,e.ng.common,e.ng.forms)}(this,function(e,t,n,o){"use strict";var i=function(){function e(){this.sukaButton="primary",this.size="md",this.primary=!0,this.secondary=!1,this.plain=!1,this.ghost=!1,this.destructive=!1,this.skeleton=!1,this.hover=!1,this.fullWidth=!1,this.inGroup=!1}return Object.defineProperty(e.prototype,"buttonSmall",{get:function(){return"sm"===this.size},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"buttonLarge",{get:function(){return"lg"===this.size},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){switch(this.primary=!1,this.sukaButton){case"primary":this.primary=!0;break;case"secondary":this.secondary=!0;break;case"plain":this.plain=!0;break;case"ghost":this.ghost=!0;break;case"destructive":this.destructive=!0;break;default:this.primary=!0}},e.decorators=[{type:t.Directive,args:[{selector:"[sukaButton]"}]}],e.propDecorators={sukaButton:[{type:t.Input}],size:[{type:t.Input}],primary:[{type:t.HostBinding,args:["class.btn--primary"]}],secondary:[{type:t.HostBinding,args:["class.btn--secondary"]}],plain:[{type:t.HostBinding,args:["class.btn--plain"]}],ghost:[{type:t.HostBinding,args:["class.btn--ghost"]}],destructive:[{type:t.HostBinding,args:["class.btn--destructive"]}],skeleton:[{type:t.HostBinding,args:["class.skeleton"]},{type:t.Input}],hover:[{type:t.HostBinding,args:["class.btn--hover"]},{type:t.Input}],fullWidth:[{type:t.HostBinding,args:["class.btn--full_width"]},{type:t.Input}],inGroup:[{type:t.HostBinding,args:["class.btn--group_item"]},{type:t.Input}],buttonSmall:[{type:t.HostBinding,args:["class.btn--sm"]}],buttonLarge:[{type:t.HostBinding,args:["class.btn--lg"]}]},e}();var r=function(){function e(){this.baseClass=!0}return e.prototype.ngAfterContentInit=function(){this.buttons.toArray().forEach(function(e){e.inGroup=!0})},e.decorators=[{type:t.Directive,args:[{selector:"[sukaButtonGroup]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.btn-group"]}],segmented:[{type:t.HostBinding,args:["class.btn-group--segmented"]},{type:t.Input}],buttons:[{type:t.ContentChildren,args:[i]}]},e}();var a=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[i,r],exports:[i,r],imports:[n.CommonModule]}]}],e}(),s={Init:0,Indeterminate:1,Checked:2,Unchecked:3};s[s.Init]="Init",s[s.Indeterminate]="Indeterminate",s[s.Checked]="Checked",s[s.Unchecked]="Unchecked";var l=function(){};var c=function(){function e(n){this.changeDetectorRef=n,this.size="md",this.inline=!1,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id="checkbox-"+e.checkboxCount,this.ariaLabel="",this.change=new t.EventEmitter,this.indeterminateChange=new t.EventEmitter,this._checked=!1,this._indeterminate=!1,this.currentCheckboxState=s.Init,this.onTouched=function(){},this.propagateChange=function(e){},e.checkboxCount++}return Object.defineProperty(e.prototype,"indeterminate",{get:function(){return this._indeterminate},set:function(e){var t=this._indeterminate!==e;this._indeterminate=e,t?this.transitionCheckboxState(s.Indeterminate):this.transitionCheckboxState(this.checked?s.Checked:s.Unchecked),this.indeterminateChange.emit(this._indeterminate)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return this._checked},set:function(e){var t=this;e!==this.checked&&(this._indeterminate&&Promise.resolve().then(function(){t._indeterminate=!1,t.indeterminateChange.emit(t._indeterminate)}),this._checked=e,this.changeDetectorRef.markForCheck())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checkboxWrapperClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"formItemClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),e.prototype.toggle=function(){this.checked=!this.checked},e.prototype.writeValue=function(e){this.checked=!!e},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.onChange=function(e){e.stopPropagation()},e.prototype.onClick=function(e){this.disabled||(this.toggle(),this.transitionCheckboxState(this._checked?s.Checked:s.Unchecked),this.emitChangeEvent())},e.prototype.transitionCheckboxState=function(e){var t=this.currentCheckboxState;e===s.Indeterminate&&(this.checked=!1,this.inputCheckbox.nativeElement.indeterminate=!0),t!==e&&(this.currentCheckboxState=e)},e.prototype.emitChangeEvent=function(){var e=new l;e.source=this,e.checked=this.checked,this.propagateChange(this.checked),this.change.emit(e)},e.prototype.ngAfterViewInit=function(){this.indeterminate&&(this.inputCheckbox.nativeElement.indeterminate=!0,this.checked=!1)},e.checkboxCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-checkbox",template:'\n    <input\n      #inputCheckbox\n      class="checkbox"\n      type="checkbox"\n      [id]="id"\n      [value]="value"\n      [name]="name"\n      [required]="required"\n      [checked]="checked"\n      [disabled]="disabled"\n      [indeterminate]="indeterminate"\n      [attr.aria-label]="ariaLabel"\n      [attr.aria-labelledby]="ariaLabelledby"\n      [attr.aria-checked]="(indeterminate ? \'mixed\' : checked)"\n      (change)="onChange($event)"\n      (click)="onClick($event)">\n    <label\n      [for]="id"\n      class="checkbox-label"\n      [ngClass]="{\n        \'skeleton\' : skeleton\n      }">\n      <span [ngClass]="{\'visually-hidden\' : hideLabel}">\n        <ng-content></ng-content>\n      </span>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},e.propDecorators={size:[{type:t.Input}],nested:[{type:t.Input}],inline:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],hideLabel:[{type:t.Input}],name:[{type:t.Input}],id:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],ariaLabel:[{type:t.Input,args:["aria-label"]}],ariaLabelledby:[{type:t.Input,args:["aria-labelledby"]}],indeterminate:[{type:t.Input}],checked:[{type:t.Input}],checkboxWrapperClass:[{type:t.HostBinding,args:["class.checkbox-wrapper"]}],formItemClass:[{type:t.HostBinding,args:["class.form-item"]}],change:[{type:t.Output}],indeterminateChange:[{type:t.Output}],inputCheckbox:[{type:t.ViewChild,args:["inputCheckbox",{static:!0}]}]},e}();var p=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[c],exports:[c],imports:[n.CommonModule,o.FormsModule]}]}],e}(),u=function(){function e(){this.display="default",this.id="select-"+e.selectCount++,this.disabled=!1,this.skeleton=!1,this.invalid=!1,this.valid=!1,this.selected=new t.EventEmitter,this.onChangeHandler=function(e){},this.onTouchedHandler=function(){}}return Object.defineProperty(e.prototype,"value",{get:function(){return this.select.nativeElement.value},set:function(e){this.select.nativeElement.value=e},enumerable:!0,configurable:!0}),e.prototype.writeValue=function(e){this.value=e},e.prototype.registerOnChange=function(e){this.onChangeHandler=e},e.prototype.registerOnTouched=function(e){this.onTouchedHandler=e},e.prototype.setDisabledState=function(e){this.disabled=e},e.prototype.onChange=function(e){this.onChangeHandler(e.target.value),this.selected.emit(e.target.value)},e.prototype.blur=function(){this.onTouchedHandler()},e.prototype.isTemplate=function(e){return e instanceof t.TemplateRef},e.selectCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-select",template:'\n    <div class="form-item">\n      <div\n        [ngClass]="{\n          \'select--inline\': display === \'inline\',\n          \'skeleton\': skeleton\n        }"\n        class="select"\n        style="width: 100%">\n        <label *ngIf="skeleton && label" [for]="id" class="label skeleton"></label>\n        <label *ngIf="!skeleton && label" [for]="id" class="label">\n          <ng-container *ngIf="!isTemplate(label)">{{label}}</ng-container>\n          <ng-template *ngIf="isTemplate(label)" [ngTemplateOutlet]="label"></ng-template>\n        </label>\n        <div *ngIf="helperText" class="form__helper-text">\n          <ng-container *ngIf="!isTemplate(helperText)">{{helperText}}</ng-container>\n          <ng-template *ngIf="isTemplate(helperText)" [ngTemplateOutlet]="helperText"></ng-template>\n        </div>\n        <div class="select-input__wrapper" [attr.data-invalid]="(invalid ? true : null)" [attr.data-valid]="(valid ? true : null)">\n          <select\n            #select\n            [attr.id]="id"\n            [disabled]="disabled"\n            (change)="onChange($event)"\n            class="select-input">\n            <ng-content></ng-content>\n          </select>\n          <svg *ngIf="invalid"\n            class="select__invalid-icon"\n            width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path fill-rule="evenodd" clip-rule="evenodd" d="M6.3079 7.70548L4.0025 5.40122L1.6921 7.70947C1.30553 8.09684 0.677238 8.09684 0.290673 7.70947C-0.096891 7.3231 -0.096891 6.69612 0.290673 6.30875L2.60008 3.9995L0.290673 1.69125C-0.096891 1.30388 -0.096891 0.6769 0.290673 0.290528C0.677238 -0.0968426 1.30553 -0.0968426 1.6921 0.290528L4.0025 2.59878L6.3079 0.294521C6.69447 -0.0928491 7.32176 -0.0928491 7.70933 0.294521C8.09589 0.681892 8.09589 1.30887 7.70933 1.69525L5.40392 4.0005L7.70933 6.30475C8.09689 6.69113 8.09689 7.31911 7.70933 7.70548C7.32276 8.09185 6.69447 8.09185 6.3079 7.70548Z" />\n          </svg>\n          <svg *ngIf="valid"\n            class="select__valid-icon"\n            width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n            <path fill-rule="evenodd" clip-rule="evenodd" d="M9.72353 1.69213L3.99981 7.70935C3.63118 8.09688 3.03439 8.09688 2.6667 7.70935L0.275768 5.1968C-0.0919226 4.80927 -0.0919226 4.18187 0.275768 3.79434C0.644401 3.40779 1.24119 3.40779 1.60888 3.79434L3.33325 5.60714L8.39041 0.290652C8.7581 -0.0968841 9.35489 -0.0968841 9.72353 0.290652C10.0922 0.677198 10.0922 1.30459 9.72353 1.69213Z"/>\n          </svg>\n          <svg *ngIf="!skeleton" class="select__arrow" style="display: inherit;" width="10" height="9" viewBox="0 0 10 9" xmlns="http://www.w3.org/2000/svg">\n            <path fill-rule="evenodd" clip-rule="evenodd" d="M1.35351 3.91432C1.15824 4.10958 1.15824 4.42616 1.35351 4.62142L4.70158 7.9695C4.71895 7.99498 4.73894 8.01921 4.76154 8.04181L4.90923 8.18951C5.02187 8.30215 5.17489 8.34981 5.32169 8.33249C5.43331 8.32185 5.54203 8.27379 5.6275 8.18832L5.77519 8.04062C5.79547 8.02035 5.81364 7.99876 5.8297 7.97614L9.18323 4.62261C9.37849 4.42735 9.37849 4.11077 9.18323 3.91551L9.03554 3.76781C8.84028 3.57255 8.52369 3.57255 8.32843 3.76782L5.26896 6.82729L2.2083 3.76662C2.01304 3.57136 1.69646 3.57136 1.5012 3.76662L1.35351 3.91432Z" fill="#677784"/>\n          </svg>\n\n        </div>\n        <div *ngIf="invalid" class="form-requirement">\n          <ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>\n          <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n        </div>\n      </div>\n    </div>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}],styles:["\n    [data-invalid] ~ .select__arrow {\n      bottom: 2.25rem;\n    }\n  "]}]}],e.propDecorators={display:[{type:t.Input}],label:[{type:t.Input}],helperText:[{type:t.Input}],invalidText:[{type:t.Input}],id:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],invalid:[{type:t.Input}],valid:[{type:t.Input}],selected:[{type:t.Output}],select:[{type:t.ViewChild,args:["select",{static:!0}]}],blur:[{type:t.HostListener,args:["blur"]}]},e}();var d=function(){function e(){this.inputClass="select-option"}return e.decorators=[{type:t.Directive,args:[{selector:"option"}]}],e.propDecorators={inputClass:[{type:t.HostBinding,args:["class"]}]},e}();var h=function(){function e(){this.inputClass="select-option"}return e.decorators=[{type:t.Directive,args:[{selector:"optgroup"}]}],e.propDecorators={inputClass:[{type:t.HostBinding,args:["class"]}]},e}();var g=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[u,d,h],exports:[u,d,h],imports:[n.CommonModule,o.FormsModule]}]}],e}(),f=function(){function e(){this.labelInputID="suka-label-"+e.labelCounter,this.labelState="",this.skeleton=!1,this.invalid=!1,this.valid=!1,this.labelClass=!0,e.labelCounter++}return e.prototype.ngAfterContentInit=function(){this.wrapper.nativeElement.querySelector("input,textarea,div").setAttribute("id",this.labelInputID)},e.prototype.isTemplate=function(e){return e instanceof t.TemplateRef},e.labelCounter=0,e.decorators=[{type:t.Component,args:[{selector:"suka-label",template:'\n    <label\n      [for]="labelInputID"\n      class="label"\n      [ngClass]="{\n        \'skeleton\': skeleton\n      }">\n      <ng-content></ng-content>\n    </label>\n    <div *ngIf="!skeleton" class="form__helper-text">{{helperText}}</div>\n    <div class="text-input__field-wrapper" [attr.data-invalid]="(invalid ? true : null)" #wrapper>\n      <svg *ngIf="invalid"\n        class="text-input__invalid-icon text-area__invalid-icon"\n        width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n        <path fill-rule="evenodd" clip-rule="evenodd" d="M6.3079 7.70548L4.0025 5.40122L1.6921 7.70947C1.30553 8.09684 0.677238 8.09684 0.290673 7.70947C-0.096891 7.3231 -0.096891 6.69612 0.290673 6.30875L2.60008 3.9995L0.290673 1.69125C-0.096891 1.30388 -0.096891 0.6769 0.290673 0.290528C0.677238 -0.0968426 1.30553 -0.0968426 1.6921 0.290528L4.0025 2.59878L6.3079 0.294521C6.69447 -0.0928491 7.32176 -0.0928491 7.70933 0.294521C8.09589 0.681892 8.09589 1.30887 7.70933 1.69525L5.40392 4.0005L7.70933 6.30475C8.09689 6.69113 8.09689 7.31911 7.70933 7.70548C7.32276 8.09185 6.69447 8.09185 6.3079 7.70548Z" />\n      </svg>\n      <svg *ngIf="valid"\n        class="text-input__valid-icon text-area__valid-icon"\n        width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n        <path fill-rule="evenodd" clip-rule="evenodd" d="M9.72353 1.69213L3.99981 7.70935C3.63118 8.09688 3.03439 8.09688 2.6667 7.70935L0.275768 5.1968C-0.0919226 4.80927 -0.0919226 4.18187 0.275768 3.79434C0.644401 3.40779 1.24119 3.40779 1.60888 3.79434L3.33325 5.60714L8.39041 0.290652C8.7581 -0.0968841 9.35489 -0.0968841 9.72353 0.290652C10.0922 0.677198 10.0922 1.30459 9.72353 1.69213Z"/>\n      </svg>\n      <ng-content select="input,textarea,div"></ng-content>\n    </div>\n    <div *ngIf="invalid" class="form-requirement">\n      <ng-container *ngIf="!isTemplate(invalidText)">{{invalidText}}</ng-container>\n      <ng-template *ngIf="isTemplate(invalidText)" [ngTemplateOutlet]="invalidText"></ng-template>\n    </div>\n  '}]}],e.ctorParameters=function(){return[]},e.propDecorators={labelState:[{type:t.Input}],skeleton:[{type:t.Input}],helperText:[{type:t.Input}],invalidText:[{type:t.Input}],invalid:[{type:t.Input}],valid:[{type:t.Input}],wrapper:[{type:t.ViewChild,args:["wrapper",{static:!0}]}],labelClass:[{type:t.HostBinding,args:["class.form-item"]}]},e}();var m=function(){function e(){this.inputClass=!0,this.invalid=!1,this.valid=!1,this.skeleton=!1}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaText]"}]}],e.propDecorators={inputClass:[{type:t.HostBinding,args:["class.text-input"]}],invalid:[{type:t.HostBinding,args:["class.text-input--invalid"]},{type:t.Input}],valid:[{type:t.HostBinding,args:["class.text-input--valid"]},{type:t.Input}],skeleton:[{type:t.HostBinding,args:["class.skeleton"]},{type:t.Input}]},e}();var y=function(){function e(){this.baseClass=!0,this.invalid=!1,this.valid=!1,this.skeleton=!1}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaTextArea]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.text-area"]}],invalid:[{type:t.HostBinding,args:["class.text-area--invalid"]},{type:t.Input}],valid:[{type:t.HostBinding,args:["class.text-area--valid"]},{type:t.Input}],skeleton:[{type:t.HostBinding,args:["class.skeleton"]},{type:t.Input}]},e}();var b=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[f,m,y],exports:[f,m,y],imports:[n.CommonModule,o.FormsModule]}]}],e}(),v=function(){function e(){this.baseClass=!0}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaGrid]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.grid"]}]},e}();var C=function(){function e(){this.baseClass=!0,this.noGutters=!1}return e.decorators=[{type:t.Directive,args:[{selector:"[sukaRow]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.row"]}],noGutters:[{type:t.HostBinding,args:["class.no-gutters"]},{type:t.Input}]},e}();var k=function(){function e(){this.class="",this.columnNumbers={},this.offsets={},this._columnClasses=[]}return Object.defineProperty(e.prototype,"columnClasses",{get:function(){return this._columnClasses.join(" ")},enumerable:!0,configurable:!0}),e.prototype.set=function(e){this._columnClasses=e.split(" ")},e.prototype.ngOnInit=function(){var e=this;try{var t=Object.keys(this.columnNumbers);t.length<=0&&this._columnClasses.push("col"),t.forEach(function(t){"nobreak"===e.columnNumbers[t]?e._columnClasses.push("col-"+t):e._columnClasses.push("col-"+t+"-"+e.columnNumbers[t])}),Object.keys(this.offsets).forEach(function(t){e._columnClasses.push("offset-"+t+"-"+e.offsets[t])})}catch(e){console.error("Malformed `offsets` or `columnNumbers`: "+e)}this.class&&this._columnClasses.push(this.class)},e.decorators=[{type:t.Directive,args:[{selector:"[sukaCol]"}]}],e.propDecorators={class:[{type:t.Input}],columnNumbers:[{type:t.Input}],offsets:[{type:t.Input}],columnClasses:[{type:t.HostBinding,args:["class"]}]},e}();var I=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[k,v,C],exports:[k,v,C],imports:[n.CommonModule]}]}],e}(),R={Init:0,Checked:1,Unchecked:2};R[R.Init]="Init",R[R.Checked]="Checked",R[R.Unchecked]="Unchecked";var E=function(){};var _=function(){function e(n){this.changeDetectorRef=n,this.inline=!1,this.disabled=!1,this.skeleton=!1,this.hideLabel=!1,this.id="toggle-"+e.toggleCount,this.ariaLabel="",this.change=new t.EventEmitter,this._checked=!1,this.currentToggleState=R.Init,this.onTouched=function(){},this.propagateChange=function(e){},e.toggleCount++}return Object.defineProperty(e.prototype,"checked",{get:function(){return this._checked},set:function(e){e!==this.checked&&(this._checked=e,this.changeDetectorRef.markForCheck())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"toggleWrapperClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"formItemClass",{get:function(){return!this.inline},enumerable:!0,configurable:!0}),e.prototype.toggle=function(){this.checked=!this.checked},e.prototype.writeValue=function(e){this.checked=!!e},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.onChange=function(e){e.stopPropagation()},e.prototype.onClick=function(e){this.disabled||(this.toggle(),this.transitionToggleState(this._checked?R.Checked:R.Unchecked),this.emitChangeEvent())},e.prototype.transitionToggleState=function(e){this.currentToggleState!==e&&(this.currentToggleState=e)},e.prototype.emitChangeEvent=function(){var e=new E;e.source=this,e.checked=this.checked,this.propagateChange(this.checked),this.change.emit(e)},e.toggleCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-toggle",template:'\n    <label\n      class="toggle"\n      [ngClass]="{\n        \'skeleton\' : skeleton,\n        \'disabled\': disabled\n      }"\n    >\n      <ng-content></ng-content>\n      <input\n        type="checkbox"\n        [id]="id"\n        [value]="value"\n        [name]="name"\n        [required]="required"\n        [checked]="checked"\n        [disabled]="disabled"\n        [attr.aria-label]="ariaLabel"\n        [attr.aria-labelledby]="ariaLabelledby"\n        [attr.aria-checked]="checked"\n        (change)="onChange($event)"\n        (click)="onClick($event)"\n      />\n      <span class="toggle-body">\n        <span class="toggle-switch"></span>\n        <span class="toggle-track">\n          <span class="toggle-bg"></span>\n          <span class="toggle-bg toggle-bg_negative"></span>\n        </span>\n      </span>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],e.ctorParameters=function(){return[{type:t.ChangeDetectorRef}]},e.propDecorators={nested:[{type:t.Input}],inline:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],hideLabel:[{type:t.Input}],name:[{type:t.Input}],id:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],ariaLabel:[{type:t.Input,args:["aria-label"]}],ariaLabelledby:[{type:t.Input,args:["aria-labelledby"]}],checked:[{type:t.Input}],toggleWrapperClass:[{type:t.HostBinding,args:["class.toggle-wrapper"]}],formItemClass:[{type:t.HostBinding,args:["class.form-item"]}],change:[{type:t.Output}],inputToggle:[{type:t.ViewChild,args:["inputToggle",{static:!0}]}]},e}();var x=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[_],exports:[_],imports:[n.CommonModule,o.FormsModule]}]}],e}(),L=function(e,t){this.source=e,this.value=t};var O=function(){function e(){this.checked=!1,this.name="",this.disabled=!1,this.labelPlacement="right",this.required=!1,this.value="",this.skeleton=!1,this.id="radio-"+e.radioCount++,this.change=new t.EventEmitter,this.role="radio",this.hostClass=!0,this._labelledby="",this.radioChangeHandler=function(e){}}return Object.defineProperty(e.prototype,"ariaLabelledby",{get:function(){return this._labelledby?this._labelledby:"label-"+this.id},set:function(e){this._labelledby=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"labelLeft",{get:function(){return"left"===this.labelPlacement},enumerable:!0,configurable:!0}),e.prototype.onChange=function(e){e.stopPropagation(),this.checked=e.target.checked;var t=new L(this,this.value);this.change.emit(t),this.radioChangeHandler(t)},e.prototype.registerRadioChangeHandler=function(e){this.radioChangeHandler=e},e.radioCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-radio",template:'\n    <input\n      *ngIf="!skeleton"\n      class="radio-button"\n      type="radio"\n      [checked]="checked"\n      [disabled]="disabled"\n      [name]="name"\n      [id]="id"\n      [required]="required"\n      [value]="value"\n      [attr.aria-labelledby]="ariaLabelledby"\n      (change)="onChange($event)">\n    <div *ngIf="skeleton" class="radio-button skeleton"></div>\n    <label\n      class="radio-button__label"\n      [ngClass]="{\n        \'skeleton\': skeleton\n      }"\n      [for]="id"\n      id="label-{{id}}">\n      <span class="radio-button__appearance"></span>\n      <ng-content></ng-content>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={checked:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],labelPlacement:[{type:t.Input}],ariaLabelledby:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],skeleton:[{type:t.Input}],id:[{type:t.Input}],change:[{type:t.Output}],role:[{type:t.HostBinding,args:["attr.role"]}],hostClass:[{type:t.HostBinding,args:["class.radio-button-wrapper"]}],labelLeft:[{type:t.HostBinding,args:["class.radio-button-wrapper--label-left"]}]},e}();var B=function(){function e(){this.orientation="horizontal",this.labelPlacement="right",this.change=new t.EventEmitter,this.disabled=!1,this.radioButtonGroupClass=!0,this.isInitialized=!1,this._disabled=!1,this._skeleton=!1,this._value=null,this._selected=null,this._name="radio-group-"+e.radioGroupCount++,this.onTouched=function(){},this.propagateChange=function(e){}}return Object.defineProperty(e.prototype,"selected",{get:function(){return this._selected},set:function(e){this._selected=e,this.value=e?e.value:null,this.checkSelectedRadio()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value!==e&&(this._value=e,this.updateSelectedRadioFromValue(),this.checkSelectedRadio())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){this._name=e,this.updateRadios()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skeleton",{get:function(){return this._skeleton},set:function(e){this._skeleton=e,this.updateChildren()},enumerable:!0,configurable:!0}),e.prototype.checkSelectedRadio=function(){this.selected&&!this._selected.checked&&(this.selected.checked=!0)},e.prototype.updateSelectedRadioFromValue=function(){var e=this,t=null!=this._selected&&this._selected.value===this._value;this.radios&&!t&&(this._selected=null,this.radios.forEach(function(t){t.checked&&(e._selected=t)}))},e.prototype.emitChangeEvent=function(e){this.change.emit(e),this.propagateChange(e.value),this.onTouched()},e.prototype.updateRadioNames=function(){console.warn("updateRadioNames had been deprecated. Use updateRadios instead"),this.updateRadios()},e.prototype.updateRadios=function(){var e=this;this.radios&&setTimeout(function(){e.radios.forEach(function(t){return t.name=e.name}),"left"===e.labelPlacement&&e.radios.forEach(function(e){return e.labelPlacement="left"})})},e.prototype.writeValue=function(e){this.value=e},e.prototype.ngAfterContentInit=function(){var e=this;this.radios.changes.subscribe(function(){e.updateRadios(),e.updateRadioChangeHandler()}),this.updateChildren(),this.updateRadioChangeHandler()},e.prototype.ngAfterViewInit=function(){this.updateRadios()},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.updateChildren=function(){var e=this;this.radios&&this.radios.forEach(function(t){return t.skeleton=e.skeleton})},e.prototype.updateRadioChangeHandler=function(){var e=this;this.radios.forEach(function(t){t.registerRadioChangeHandler(function(t){e._selected=t.source,e._value=t.value,e.emitChangeEvent(t)})})},e.radioGroupCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-radio-group",template:"\n    <div\n      class=\"radio-button-group\"\n      [ngClass]=\"{\n        'radio-button-group--vertical': orientation === 'vertical',\n        'radio-button-group--label-left': orientation === 'vertical' && labelPlacement === 'left'\n      }\"\n      role=\"radiogroup\">\n      <ng-content></ng-content>\n    </div>\n  ",providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={orientation:[{type:t.Input}],labelPlacement:[{type:t.Input}],change:[{type:t.Output}],radios:[{type:t.ContentChildren,args:[t.forwardRef(function(){return O})]}],selected:[{type:t.Input}],value:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],radioButtonGroupClass:[{type:t.HostBinding,args:["class.form-item"]}]},e}();var w=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[O,B],exports:[O,B],imports:[n.CommonModule,o.FormsModule]}]}],e}(),D=function(e,t){this.source=e,this.value=t};var H=function(){function e(){this.checked=!1,this.name="",this.disabled=!1,this.required=!1,this.value="",this.skeleton=!1,this.id="button-radio-"+e.buttonRadioCount++,this.change=new t.EventEmitter,this.role="radio",this.hostClass=!0,this._labelledby="",this.buttonRadioChangeHandler=function(e){}}return Object.defineProperty(e.prototype,"ariaLabelledby",{get:function(){return this._labelledby?this._labelledby:"label-"+this.id},set:function(e){this._labelledby=e},enumerable:!0,configurable:!0}),e.prototype.onChange=function(e){e.stopPropagation(),this.checked=e.target.checked;var t=new D(this,this.value);this.change.emit(t),this.buttonRadioChangeHandler(t)},e.prototype.registerButtonRadioChangeHandler=function(e){this.buttonRadioChangeHandler=e},e.buttonRadioCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-button-radio",template:'\n    <input\n      *ngIf="!skeleton"\n      class="button-radio"\n      type="radio"\n      [checked]="checked"\n      [disabled]="disabled"\n      [name]="name"\n      [id]="id"\n      [required]="required"\n      [value]="value"\n      [attr.aria-labelledby]="ariaLabelledby"\n      (change)="onChange($event)">\n    <div *ngIf="skeleton" class="button-radio skeleton"></div>\n    <label\n      class="button-radio__label"\n      [ngClass]="{\n        \'skeleton\': skeleton\n      }"\n      [for]="id"\n      id="label-{{id}}">\n      <ng-content></ng-content>\n    </label>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={checked:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],ariaLabelledby:[{type:t.Input}],required:[{type:t.Input}],value:[{type:t.Input}],skeleton:[{type:t.Input}],id:[{type:t.Input}],change:[{type:t.Output}],role:[{type:t.HostBinding,args:["attr.role"]}],hostClass:[{type:t.HostBinding,args:["class.button-radio-wrapper"]}]},e}();var T=function(){function e(){this.change=new t.EventEmitter,this.disabled=!1,this.buttonRadioButtonGroupClass=!0,this.isInitialized=!1,this._disabled=!1,this._skeleton=!1,this._value=null,this._selected=null,this._name="button-radio-group-"+e.buttonRadioGroupCount++,this.onTouched=function(){},this.propagateChange=function(e){}}return Object.defineProperty(e.prototype,"selected",{get:function(){return this._selected},set:function(e){this._selected=e,this.value=e?e.value:null,this.checkSelectedButtonRadio()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return this._value},set:function(e){this._value!==e&&(this._value=e,this.updateSelectedButtonRadioFromValue(),this.checkSelectedButtonRadio())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"name",{get:function(){return this._name},set:function(e){this._name=e,this.updateButtonRadios()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skeleton",{get:function(){return this._skeleton},set:function(e){this._skeleton=e,this.updateChildren()},enumerable:!0,configurable:!0}),e.prototype.checkSelectedButtonRadio=function(){this.selected&&!this._selected.checked&&(this.selected.checked=!0)},e.prototype.updateSelectedButtonRadioFromValue=function(){var e=this,t=null!=this._selected&&this._selected.value===this._value;this.buttonRadios&&!t&&(this._selected=null,this.buttonRadios.forEach(function(t){t.checked&&(e._selected=t)}))},e.prototype.emitChangeEvent=function(e){this.change.emit(e),this.propagateChange(e.value),this.onTouched()},e.prototype.updateButtonRadioNames=function(){console.warn("updateButtonRadioNames had been deprecated. Use updateButtonRadios instead"),this.updateButtonRadios()},e.prototype.updateButtonRadios=function(){var e=this;this.buttonRadios&&setTimeout(function(){e.buttonRadios.forEach(function(t){return t.name=e.name})})},e.prototype.writeValue=function(e){this.value=e},e.prototype.ngAfterContentInit=function(){var e=this;this.buttonRadios.changes.subscribe(function(){e.updateButtonRadios(),e.updateButtonRadioChangeHandler()}),this.updateChildren(),this.updateButtonRadioChangeHandler()},e.prototype.ngAfterViewInit=function(){this.updateButtonRadios()},e.prototype.registerOnChange=function(e){this.propagateChange=e},e.prototype.registerOnTouched=function(e){this.onTouched=e},e.prototype.updateChildren=function(){var e=this;this.buttonRadios&&this.buttonRadios.forEach(function(t){return t.skeleton=e.skeleton})},e.prototype.updateButtonRadioChangeHandler=function(){var e=this;this.buttonRadios.forEach(function(t){t.registerButtonRadioChangeHandler(function(t){e._selected=t.source,e._value=t.value,e.emitChangeEvent(t)})})},e.buttonRadioGroupCount=0,e.decorators=[{type:t.Component,args:[{selector:"suka-button-radio-group",template:'\n    <div\n      class="button-radio-group"\n      role="buttonRadiogroup">\n      <ng-content></ng-content>\n    </div>\n  ',providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:e,multi:!0}]}]}],e.propDecorators={change:[{type:t.Output}],buttonRadios:[{type:t.ContentChildren,args:[t.forwardRef(function(){return H})]}],selected:[{type:t.Input}],value:[{type:t.Input}],name:[{type:t.Input}],disabled:[{type:t.Input}],skeleton:[{type:t.Input}],buttonRadioButtonGroupClass:[{type:t.HostBinding,args:["class.form-item"]}]},e}();var A=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[H,T],exports:[H,T],imports:[n.CommonModule,o.FormsModule]}]}],e}(),M=function(){function e(){this.baseClass=!0,this.sukaContainer="default",this.fluid=!1}return e.prototype.ngOnInit=function(){"fluid"===this.sukaContainer&&(this.fluid=!0)},e.decorators=[{type:t.Directive,args:[{selector:"[sukaContainer]"}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.container"]}],sukaContainer:[{type:t.Input}],fluid:[{type:t.HostBinding,args:["class.container--fluid"]}]},e}();var P=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[M],exports:[M],imports:[n.CommonModule]}]}],e}(),S=function(){function e(e){this.m={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.m).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("m-"+e.m[t]):e.elementRef.nativeElement.classList.add("m-"+t+"-"+e.m[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[m]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={m:[{type:t.Input}]},e}();var j=function(){function e(e){this.mt={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mt).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mt-"+e.mt[t]):e.elementRef.nativeElement.classList.add("mt-"+t+"-"+e.mt[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mt]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mt:[{type:t.Input}]},e}();var F=function(){function e(e){this.mb={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mb).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mb-"+e.mb[t]):e.elementRef.nativeElement.classList.add("mb-"+t+"-"+e.mb[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mb]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mb:[{type:t.Input}]},e}();var G=function(){function e(e){this.ml={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.ml).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("ml-"+e.ml[t]):e.elementRef.nativeElement.classList.add("ml-"+t+"-"+e.ml[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[ml]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={ml:[{type:t.Input}]},e}();var N=function(){function e(e){this.mr={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mr).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mr-"+e.mr[t]):e.elementRef.nativeElement.classList.add("mr-"+t+"-"+e.mr[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mr]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mr:[{type:t.Input}]},e}();var V=function(){function e(e){this.mx={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.mx).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("mx-"+e.mx[t]):e.elementRef.nativeElement.classList.add("mx-"+t+"-"+e.mx[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[mx]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={mx:[{type:t.Input}]},e}();var q=function(){function e(e){this.my={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.my).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("my-"+e.my[t]):e.elementRef.nativeElement.classList.add("my-"+t+"-"+e.my[t])})}catch(e){console.error("Malformed margins`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[my]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={my:[{type:t.Input}]},e}();var U=function(){function e(e){this.p={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.p).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("p-"+e.p[t]):e.elementRef.nativeElement.classList.add("p-"+t+"-"+e.p[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[p]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={p:[{type:t.Input}]},e}();var $=function(){function e(e){this.pt={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pt).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pt-"+e.pt[t]):e.elementRef.nativeElement.classList.add("pt-"+t+"-"+e.pt[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pt]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pt:[{type:t.Input}]},e}();var z=function(){function e(e){this.pb={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pb).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pb-"+e.pb[t]):e.elementRef.nativeElement.classList.add("pb-"+t+"-"+e.pb[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pb]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pb:[{type:t.Input}]},e}();var W=function(){function e(e){this.pl={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pl).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pl-"+e.pl[t]):e.elementRef.nativeElement.classList.add("pl-"+t+"-"+e.pl[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pl]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pl:[{type:t.Input}]},e}();var Z=function(){function e(e){this.pr={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.pr).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("pr-"+e.pr[t]):e.elementRef.nativeElement.classList.add("pr-"+t+"-"+e.pr[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[pr]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={pr:[{type:t.Input}]},e}();var J=function(){function e(e){this.px={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.px).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("px-"+e.px[t]):e.elementRef.nativeElement.classList.add("px-"+t+"-"+e.px[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[px]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={px:[{type:t.Input}]},e}();var K=function(){function e(e){this.py={},this.elementRef=e}return e.prototype.ngOnInit=function(){var e=this;try{Object.keys(this.py).forEach(function(t){"all"===t?e.elementRef.nativeElement.classList.add("py-"+e.py[t]):e.elementRef.nativeElement.classList.add("py-"+t+"-"+e.py[t])})}catch(e){console.error("Malformed paddings`: "+e)}},e.decorators=[{type:t.Directive,args:[{selector:"[py]"}]}],e.ctorParameters=function(){return[{type:t.ElementRef}]},e.propDecorators={py:[{type:t.Input}]},e}();var Q=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[S,j,F,G,N,V,q,U,$,z,W,Z,J,K],exports:[S,j,F,G,N,V,q,U,$,z,W,Z,J,K],imports:[n.CommonModule]}]}],e}(),X=function(){function e(){this.primaryFooterAction=new t.EventEmitter,this.secondaryFooterAction=new t.EventEmitter,this.headerAction=new t.EventEmitter,this.cardClass=!0,this.showFooter=!1}return e.prototype.ngOnInit=function(){this.showFooter=this.primaryFooterAction.observers.length>0},e.prototype.onPrimaryFooterAction=function(e){this.primaryFooterAction.emit(e)},e.prototype.onSecondaryFooterAction=function(e){this.secondaryFooterAction.emit(e)},e.prototype.onHeaderAction=function(e){this.headerAction.emit(e)},e.decorators=[{type:t.Component,args:[{selector:"suka-card",template:'\n    <suka-card-header\n      *ngIf="title"\n      (action)="onHeaderAction($event)"\n      [actionLabel]="headerActionLabel"\n    >\n      {{title}}\n    </suka-card-header>\n\n    <suka-card-section\n      *ngIf="(sectioned !== false)\n      else elseTpl"\n    >\n      <ng-container *ngTemplateOutlet="elseTpl"></ng-container>\n    </suka-card-section>\n\n    <suka-card-footer\n      *ngIf="showFooter"\n      (primaryAction)="onPrimaryFooterAction($event)"\n      [primaryLabel]="primaryFooterActionLabel"\n      (secondaryAction)="secondaryFooterAction ? onSecondaryFooterAction($event): undefined"\n      [secondaryLabel]="secondaryFooterActionLabel"\n    ></suka-card-footer>\n\n    <ng-template #elseTpl><ng-content></ng-content></ng-template>\n  '}]}],e.propDecorators={title:[{type:t.Input}],sectioned:[{type:t.Input}],primaryFooterActionLabel:[{type:t.Input}],primaryFooterAction:[{type:t.Output}],secondaryFooterActionLabel:[{type:t.Input}],secondaryFooterAction:[{type:t.Output}],headerActionLabel:[{type:t.Input}],headerAction:[{type:t.Output}],cardClass:[{type:t.HostBinding,args:["class.card"]}]},e}();var Y=function(){function e(){this.showAction=!1,this.cardHeaderClass=!0,this.action=new t.EventEmitter}return e.prototype.ngOnInit=function(){this.showAction=this.action.observers.length>0},e.prototype.onClick=function(e){this.action.emit(e)},e.decorators=[{type:t.Component,args:[{selector:"suka-card-header",template:'\n    <h5><ng-content></ng-content></h5>\n    <button\n      *ngIf="showAction"\n      sukaButton="plain"\n      (click)="onClick($event)"\n    >\n      {{actionLabel}}\n    </button>\n  '}]}],e.propDecorators={cardHeaderClass:[{type:t.HostBinding,args:["class.card-header"]}],actionLabel:[{type:t.Input}],action:[{type:t.Output}]},e}();var ee=function(){function e(){this.cardSectionClass=!0}return e.decorators=[{type:t.Component,args:[{selector:"suka-card-section",template:"\n    <ng-content></ng-content>\n  "}]}],e.propDecorators={cardSectionClass:[{type:t.HostBinding,args:["class.card-section"]}]},e}();var te=function(){function e(){this.showSecondaryButton=!1,this.baseClass=!0,this.primaryAction=new t.EventEmitter,this.secondaryAction=new t.EventEmitter}return e.prototype.ngOnInit=function(){this.showSecondaryButton=this.secondaryAction.observers.length>0},e.prototype.onButtonClick=function(e){"primary"===e&&this.primaryAction.emit(),"secondary"===e&&this.secondaryAction.emit()},e.decorators=[{type:t.Component,args:[{selector:"suka-card-footer",template:'\n    <div sukaButtonGroup>\n      <button\n        *ngIf="showSecondaryButton"\n        sukaButton="plain"\n        (click)="onButtonClick(\'secondary\')"\n      >\n        {{secondaryLabel}}\n      </button>\n      <button\n        sukaButton="primary"\n        (click)="onButtonClick(\'primary\')"\n      >\n        {{primaryLabel}}\n      </button>\n    </div>\n  '}]}],e.propDecorators={baseClass:[{type:t.HostBinding,args:["class.card-footer"]}],primaryLabel:[{type:t.Input}],secondaryLabel:[{type:t.Input}],primaryAction:[{type:t.Output}],secondaryAction:[{type:t.Output}]},e}();var ne=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{declarations:[X,Y,ee,te],exports:[X,Y,ee,te],imports:[n.CommonModule,a]}]}],e}();e.Button=i,e.ButtonGroup=r,e.ButtonModule=a,e.ButtonRadio=H,e.ButtonRadioChange=D,e.ButtonRadioGroup=T,e.ButtonRadioModule=A,e.Card=X,e.CardFooter=te,e.CardHeader=Y,e.CardModule=ne,e.CardSection=ee,e.Checkbox=c,e.CheckboxModule=p,e.Container=M,e.ContainerModule=P,e.GridModule=I,e.InputModule=b,e.Label=f,e.OptGroup=h,e.Option=d,e.Radio=O,e.RadioChange=L,e.RadioGroup=B,e.RadioModule=w,e.Select=u,e.SelectModule=g,e.SpacingModule=Q,e.TextArea=y,e.TextInput=m,e.Toggle=_,e.ToggleModule=x,e.ɵa=v,e.ɵb=C,e.ɵc=k,e.ɵd=S,e.ɵe=j,e.ɵf=F,e.ɵg=G,e.ɵh=N,e.ɵi=V,e.ɵj=q,e.ɵk=U,e.ɵl=$,e.ɵm=z,e.ɵn=W,e.ɵo=Z,e.ɵp=J,e.ɵq=K,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=kushki-ng-suka.umd.min.js.map

esm2015/kushki-ng-suka.js

@@ -8,6 +8,6 @@ /**
  */
-export { Button, ButtonModule, Checkbox, CheckboxModule, Select, Option, OptGroup, SelectModule, TextInput, TextArea, Label, InputModule, GridModule, Toggle, ToggleModule, Radio, RadioGroup, RadioChange, RadioModule, ButtonRadio, ButtonRadioGroup, ButtonRadioChange, ButtonRadioModule, Container, ContainerModule, SpacingModule, Card, CardHeader, CardSection, CardFooter, CardModule } from './public-api';
+export { Button, ButtonGroup, ButtonModule, Checkbox, CheckboxModule, Select, Option, OptGroup, SelectModule, TextInput, TextArea, Label, InputModule, GridModule, Toggle, ToggleModule, Radio, RadioGroup, RadioChange, RadioModule, ButtonRadio, ButtonRadioGroup, ButtonRadioChange, ButtonRadioModule, Container, ContainerModule, SpacingModule, Card, CardHeader, CardSection, CardFooter, CardModule } from './public-api';
 export { ColumnDirective as ɵc, GridDirective as ɵa, RowDirective as ɵb } from './lib/grid/grid.directive';
 export { MarginBottomDirective as ɵf, MarginDirective as ɵd, MarginHorizontalDirective as ɵi, MarginLeftDirective as ɵg, MarginRightDirective as ɵh, MarginTopDirective as ɵe, MarginVerticalDirective as ɵj } from './lib/spacing/margin.directive';
 export { PaddingBottomDirective as ɵm, PaddingDirective as ɵk, PaddingHorizontalDirective as ɵp, PaddingLeftDirective as ɵn, PaddingRightDirective as ɵo, PaddingTopDirective as ɵl, PaddingVerticalDirective as ɵq } from './lib/spacing/padding.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3VzaGtpLW5nLXN1a2EuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJrdXNoa2ktbmctc3VrYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsc1lBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxlQUFlLElBQUksRUFBRSxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsWUFBWSxJQUFJLEVBQUUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZHLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsZUFBZSxJQUFJLEVBQUUsRUFBQyx5QkFBeUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsdUJBQXVCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDN08sT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsMEJBQTBCLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge0NvbHVtbkRpcmVjdGl2ZSBhcyDJtWMsR3JpZERpcmVjdGl2ZSBhcyDJtWEsUm93RGlyZWN0aXZlIGFzIMm1Yn0gZnJvbSAnLi9saWIvZ3JpZC9ncmlkLmRpcmVjdGl2ZSc7XG5leHBvcnQge01hcmdpbkJvdHRvbURpcmVjdGl2ZSBhcyDJtWYsTWFyZ2luRGlyZWN0aXZlIGFzIMm1ZCxNYXJnaW5Ib3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1aSxNYXJnaW5MZWZ0RGlyZWN0aXZlIGFzIMm1ZyxNYXJnaW5SaWdodERpcmVjdGl2ZSBhcyDJtWgsTWFyZ2luVG9wRGlyZWN0aXZlIGFzIMm1ZSxNYXJnaW5WZXJ0aWNhbERpcmVjdGl2ZSBhcyDJtWp9IGZyb20gJy4vbGliL3NwYWNpbmcvbWFyZ2luLmRpcmVjdGl2ZSc7XG5leHBvcnQge1BhZGRpbmdCb3R0b21EaXJlY3RpdmUgYXMgybVtLFBhZGRpbmdEaXJlY3RpdmUgYXMgybVrLFBhZGRpbmdIb3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1cCxQYWRkaW5nTGVmdERpcmVjdGl2ZSBhcyDJtW4sUGFkZGluZ1JpZ2h0RGlyZWN0aXZlIGFzIMm1byxQYWRkaW5nVG9wRGlyZWN0aXZlIGFzIMm1bCxQYWRkaW5nVmVydGljYWxEaXJlY3RpdmUgYXMgybVxfSBmcm9tICcuL2xpYi9zcGFjaW5nL3BhZGRpbmcuZGlyZWN0aXZlJzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3VzaGtpLW5nLXN1a2EuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJrdXNoa2ktbmctc3VrYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsbVpBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxlQUFlLElBQUksRUFBRSxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsWUFBWSxJQUFJLEVBQUUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZHLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsZUFBZSxJQUFJLEVBQUUsRUFBQyx5QkFBeUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsdUJBQXVCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDN08sT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsMEJBQTBCLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge0NvbHVtbkRpcmVjdGl2ZSBhcyDJtWMsR3JpZERpcmVjdGl2ZSBhcyDJtWEsUm93RGlyZWN0aXZlIGFzIMm1Yn0gZnJvbSAnLi9saWIvZ3JpZC9ncmlkLmRpcmVjdGl2ZSc7XG5leHBvcnQge01hcmdpbkJvdHRvbURpcmVjdGl2ZSBhcyDJtWYsTWFyZ2luRGlyZWN0aXZlIGFzIMm1ZCxNYXJnaW5Ib3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1aSxNYXJnaW5MZWZ0RGlyZWN0aXZlIGFzIMm1ZyxNYXJnaW5SaWdodERpcmVjdGl2ZSBhcyDJtWgsTWFyZ2luVG9wRGlyZWN0aXZlIGFzIMm1ZSxNYXJnaW5WZXJ0aWNhbERpcmVjdGl2ZSBhcyDJtWp9IGZyb20gJy4vbGliL3NwYWNpbmcvbWFyZ2luLmRpcmVjdGl2ZSc7XG5leHBvcnQge1BhZGRpbmdCb3R0b21EaXJlY3RpdmUgYXMgybVtLFBhZGRpbmdEaXJlY3RpdmUgYXMgybVrLFBhZGRpbmdIb3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1cCxQYWRkaW5nTGVmdERpcmVjdGl2ZSBhcyDJtW4sUGFkZGluZ1JpZ2h0RGlyZWN0aXZlIGFzIMm1byxQYWRkaW5nVG9wRGlyZWN0aXZlIGFzIMm1bCxQYWRkaW5nVmVydGljYWxEaXJlY3RpdmUgYXMgybVxfSBmcm9tICcuL2xpYi9zcGFjaW5nL3BhZGRpbmcuZGlyZWN0aXZlJzsiXX0=

esm2015/lib/button/button.directive.js

@@ -10,3 +10,3 @@ /**
         this.sukaButton = 'primary';
-        this.size = 'normal';
+        this.size = 'md';
         this.primary = true;
@@ -16,6 +16,7 @@ this.secondary = false;
         this.ghost = false;
-        this.danger = false;
+        this.destructive = false;
         this.skeleton = false;
         this.hover = false;
-        this.smallSize = false;
+        this.fullWidth = false;
+        this.inGroup = false;
     }
@@ -25,6 +26,15 @@ /**
      */
+    get buttonSmall() {
+        return this.size === 'sm';
+    }
+    /**
+     * @return {?}
+     */
+    get buttonLarge() {
+        return this.size === 'lg';
+    }
+    /**
+     * @return {?}
+     */
     ngOnInit() {
-        if (this.size === 'sm') {
-            this.smallSize = true;
-        }
         this.primary = false;
@@ -44,4 +54,4 @@ switch (this.sukaButton) {
                 break;
-            case 'danger':
-                this.danger = true;
+            case 'destructive':
+                this.destructive = true;
                 break;
@@ -66,6 +76,9 @@ default:
     ghost: [{ type: HostBinding, args: ['class.btn--ghost',] }],
-    danger: [{ type: HostBinding, args: ['class.btn--danger',] }],
+    destructive: [{ type: HostBinding, args: ['class.btn--destructive',] }],
     skeleton: [{ type: HostBinding, args: ['class.skeleton',] }, { type: Input }],
-    hover: [{ type: HostBinding, args: ['class.hover',] }, { type: Input }],
-    smallSize: [{ type: HostBinding, args: ['class.btn--sm',] }]
+    hover: [{ type: HostBinding, args: ['class.btn--hover',] }, { type: Input }],
+    fullWidth: [{ type: HostBinding, args: ['class.btn--full_width',] }, { type: Input }],
+    inGroup: [{ type: HostBinding, args: ['class.btn--group_item',] }, { type: Input }],
+    buttonSmall: [{ type: HostBinding, args: ['class.btn--sm',] }],
+    buttonLarge: [{ type: HostBinding, args: ['class.btn--lg',] }]
 };
@@ -86,3 +99,3 @@ if (false) {
     /** @type {?} */
-    Button.prototype.danger;
+    Button.prototype.destructive;
     /** @type {?} */
@@ -93,4 +106,6 @@ Button.prototype.skeleton;
     /** @type {?} */
-    Button.prototype.smallSize;
+    Button.prototype.fullWidth;
+    /** @type {?} */
+    Button.prototype.inGroup;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUdOLE1BQU0sZUFBZSxDQUFDO0FBS3ZCLG1EQUFtRDtBQUNuRCxNQUFNLE9BQU8sTUFBTTtJQUpuQjtRQUtXLGVBQVUsR0FBMkQsU0FBUyxDQUFDO1FBQy9FLFNBQUksR0FBb0IsUUFBUSxDQUFDO1FBRVAsWUFBTyxHQUFHLElBQUksQ0FBQztRQUNiLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdEIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDYixXQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ1QsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNwQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLGNBQVMsR0FBRyxLQUFLLENBQUM7SUFnQmxELENBQUM7Ozs7SUFkUSxRQUFRO1FBQ2IsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksRUFBRTtZQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztTQUN2QjtRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN2QixLQUFLLFNBQVM7Z0JBQUUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUMzQyxLQUFLLFdBQVc7Z0JBQUUsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUMvQyxLQUFLLE9BQU87Z0JBQUUsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN2QyxLQUFLLE9BQU87Z0JBQUUsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN2QyxLQUFLLFFBQVE7Z0JBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN6QztnQkFBUyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFBQyxNQUFNO1NBQ3JDO0lBQ0gsQ0FBQzs7O1lBOUJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYzthQUN6Qjs7O3lCQUdFLEtBQUs7bUJBQ0wsS0FBSztzQkFFTCxXQUFXLFNBQUMsb0JBQW9CO3dCQUNoQyxXQUFXLFNBQUMsc0JBQXNCO29CQUNsQyxXQUFXLFNBQUMsa0JBQWtCO29CQUM5QixXQUFXLFNBQUMsa0JBQWtCO3FCQUM5QixXQUFXLFNBQUMsbUJBQW1CO3VCQUMvQixXQUFXLFNBQUMsZ0JBQWdCLGNBQUcsS0FBSztvQkFDcEMsV0FBVyxTQUFDLGFBQWEsY0FBRyxLQUFLO3dCQUNqQyxXQUFXLFNBQUMsZUFBZTs7OztJQVY1Qiw0QkFBd0Y7O0lBQ3hGLHNCQUEwQzs7SUFFMUMseUJBQWtEOztJQUNsRCwyQkFBdUQ7O0lBQ3ZELHVCQUErQzs7SUFDL0MsdUJBQStDOztJQUMvQyx3QkFBaUQ7O0lBQ2pELDBCQUF5RDs7SUFDekQsdUJBQW1EOztJQUNuRCwyQkFBZ0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPbkNoYW5nZXNcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzdWthQnV0dG9uXSdcbn0pXG4vLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6IGRpcmVjdGl2ZS1jbGFzcy1zdWZmaXhcbmV4cG9ydCBjbGFzcyBCdXR0b24gaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBzdWthQnV0dG9uOiAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwbGFpbicgfCAnZ2hvc3QnIHwgJ2RhbmdlcicgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6ICdub3JtYWwnIHwgJ3NtJyA9ICdub3JtYWwnO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYnRuLS1wcmltYXJ5JykgcHJpbWFyeSA9IHRydWU7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYnRuLS1zZWNvbmRhcnknKSBzZWNvbmRhcnkgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXBsYWluJykgcGxhaW4gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWdob3N0JykgZ2hvc3QgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWRhbmdlcicpIGRhbmdlciA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNrZWxldG9uJykgQElucHV0KCkgc2tlbGV0b24gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5ob3ZlcicpIEBJbnB1dCgpIGhvdmVyID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYnRuLS1zbScpIHNtYWxsU2l6ZSA9IGZhbHNlO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5zaXplID09PSAnc20nKSB7XG4gICAgICB0aGlzLnNtYWxsU2l6ZSA9IHRydWU7XG4gICAgfVxuICAgIHRoaXMucHJpbWFyeSA9IGZhbHNlO1xuICAgIHN3aXRjaCAodGhpcy5zdWthQnV0dG9uKSB7XG4gICAgICBjYXNlICdwcmltYXJ5JzogdGhpcy5wcmltYXJ5ID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBjYXNlICdzZWNvbmRhcnknOiB0aGlzLnNlY29uZGFyeSA9IHRydWU7IGJyZWFrO1xuICAgICAgY2FzZSAncGxhaW4nOiB0aGlzLnBsYWluID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBjYXNlICdnaG9zdCc6IHRoaXMuZ2hvc3QgPSB0cnVlOyBicmVhaztcbiAgICAgIGNhc2UgJ2Rhbmdlcic6IHRoaXMuZGFuZ2VyID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBkZWZhdWx0OiB0aGlzLnByaW1hcnkgPSB0cnVlOyBicmVhaztcbiAgICB9XG4gIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUdOLE1BQU0sZUFBZSxDQUFDO0FBS3ZCLG1EQUFtRDtBQUNuRCxNQUFNLE9BQU8sTUFBTTtJQUpuQjtRQUtXLGVBQVUsR0FBZ0UsU0FBUyxDQUFDO1FBQ3BGLFNBQUksR0FBdUIsSUFBSSxDQUFDO1FBRU4sWUFBTyxHQUFHLElBQUksQ0FBQztRQUNiLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdEIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNkLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDUixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNuQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2YsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNULGNBQVMsR0FBRyxLQUFLLENBQUM7UUFDbEIsWUFBTyxHQUFHLEtBQUssQ0FBQztJQW9CakUsQ0FBQzs7OztJQW5CQyxJQUFrQyxXQUFXO1FBQzNDLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUM7SUFDNUIsQ0FBQzs7OztJQUNELElBQWtDLFdBQVc7UUFDM0MsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQztJQUM1QixDQUFDOzs7O0lBR00sUUFBUTtRQUNiLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN2QixLQUFLLFNBQVM7Z0JBQUUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUMzQyxLQUFLLFdBQVc7Z0JBQUUsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUMvQyxLQUFLLE9BQU87Z0JBQUUsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN2QyxLQUFLLE9BQU87Z0JBQUUsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN2QyxLQUFLLGFBQWE7Z0JBQUUsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUNuRDtnQkFBUyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFBQyxNQUFNO1NBQ3JDO0lBQ0gsQ0FBQzs7O1lBbkNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsY0FBYzthQUN6Qjs7O3lCQUdFLEtBQUs7bUJBQ0wsS0FBSztzQkFFTCxXQUFXLFNBQUMsb0JBQW9CO3dCQUNoQyxXQUFXLFNBQUMsc0JBQXNCO29CQUNsQyxXQUFXLFNBQUMsa0JBQWtCO29CQUM5QixXQUFXLFNBQUMsa0JBQWtCOzBCQUM5QixXQUFXLFNBQUMsd0JBQXdCO3VCQUNwQyxXQUFXLFNBQUMsZ0JBQWdCLGNBQUcsS0FBSztvQkFDcEMsV0FBVyxTQUFDLGtCQUFrQixjQUFHLEtBQUs7d0JBQ3RDLFdBQVcsU0FBQyx1QkFBdUIsY0FBRyxLQUFLO3NCQUMzQyxXQUFXLFNBQUMsdUJBQXVCLGNBQUcsS0FBSzswQkFDM0MsV0FBVyxTQUFDLGVBQWU7MEJBRzNCLFdBQVcsU0FBQyxlQUFlOzs7O0lBZjVCLDRCQUE2Rjs7SUFDN0Ysc0JBQXlDOztJQUV6Qyx5QkFBa0Q7O0lBQ2xELDJCQUF1RDs7SUFDdkQsdUJBQStDOztJQUMvQyx1QkFBK0M7O0lBQy9DLDZCQUEyRDs7SUFDM0QsMEJBQXlEOztJQUN6RCx1QkFBd0Q7O0lBQ3hELDJCQUFpRTs7SUFDakUseUJBQStEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT25DaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3VrYUJ1dHRvbl0nXG59KVxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBkaXJlY3RpdmUtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQnV0dG9uIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc3VrYUJ1dHRvbjogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncGxhaW4nIHwgJ2dob3N0JyB8ICdkZXN0cnVjdGl2ZScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6ICdtZCcgfCAnc20nIHwgJ2xnJyA9ICdtZCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXByaW1hcnknKSBwcmltYXJ5ID0gdHJ1ZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXNlY29uZGFyeScpIHNlY29uZGFyeSA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tcGxhaW4nKSBwbGFpbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tZ2hvc3QnKSBnaG9zdCA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tZGVzdHJ1Y3RpdmUnKSBkZXN0cnVjdGl2ZSA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNrZWxldG9uJykgQElucHV0KCkgc2tlbGV0b24gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWhvdmVyJykgQElucHV0KCkgaG92ZXIgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWZ1bGxfd2lkdGgnKSBASW5wdXQoKSBmdWxsV2lkdGggPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWdyb3VwX2l0ZW0nKSBASW5wdXQoKSBpbkdyb3VwID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYnRuLS1zbScpIGdldCBidXR0b25TbWFsbCgpIHtcbiAgICByZXR1cm4gdGhpcy5zaXplID09PSAnc20nO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYnRuLS1sZycpIGdldCBidXR0b25MYXJnZSgpIHtcbiAgICByZXR1cm4gdGhpcy5zaXplID09PSAnbGcnO1xuICB9XG5cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5wcmltYXJ5ID0gZmFsc2U7XG4gICAgc3dpdGNoICh0aGlzLnN1a2FCdXR0b24pIHtcbiAgICAgIGNhc2UgJ3ByaW1hcnknOiB0aGlzLnByaW1hcnkgPSB0cnVlOyBicmVhaztcbiAgICAgIGNhc2UgJ3NlY29uZGFyeSc6IHRoaXMuc2Vjb25kYXJ5ID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBjYXNlICdwbGFpbic6IHRoaXMucGxhaW4gPSB0cnVlOyBicmVhaztcbiAgICAgIGNhc2UgJ2dob3N0JzogdGhpcy5naG9zdCA9IHRydWU7IGJyZWFrO1xuICAgICAgY2FzZSAnZGVzdHJ1Y3RpdmUnOiB0aGlzLmRlc3RydWN0aXZlID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBkZWZhdWx0OiB0aGlzLnByaW1hcnkgPSB0cnVlOyBicmVhaztcbiAgICB9XG4gIH1cbn1cbiJdfQ==

esm2015/lib/button/button.module.js

@@ -8,3 +8,5 @@ /**
 import { Button } from './button.directive';
+import { ButtonGroup } from './button-group.directive';
 export { Button } from './button.directive';
+export { ButtonGroup } from './button-group.directive';
 export class ButtonModule {
@@ -14,7 +16,7 @@ }
     { type: NgModule, args: [{
-                declarations: [Button],
-                exports: [Button],
+                declarations: [Button, ButtonGroup],
+                exports: [Button, ButtonGroup],
                 imports: [CommonModule]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRTVDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQU81QyxNQUFNLE9BQU8sWUFBWTs7O1lBTHhCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxNQUFNLENBQUM7Z0JBQ3RCLE9BQU8sRUFBRSxDQUFDLE1BQU0sQ0FBQztnQkFDakIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO2FBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4vYnV0dG9uLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4vYnV0dG9uLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0J1dHRvbl0sXG4gIGV4cG9ydHM6IFtCdXR0b25dLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Nb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDNUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBT3ZELE1BQU0sT0FBTyxZQUFZOzs7WUFMeEIsUUFBUSxTQUFDO2dCQUNSLFlBQVksRUFBRSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7Z0JBQ25DLE9BQU8sRUFBRSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUM7Z0JBQzlCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQzthQUN4QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuL2J1dHRvbi5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXAgfSBmcm9tICcuL2J1dHRvbi1ncm91cC5kaXJlY3RpdmUnO1xuXG5leHBvcnQgeyBCdXR0b24gfSBmcm9tICcuL2J1dHRvbi5kaXJlY3RpdmUnO1xuZXhwb3J0IHsgQnV0dG9uR3JvdXAgfSBmcm9tICcuL2J1dHRvbi1ncm91cC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCdXR0b24sIEJ1dHRvbkdyb3VwXSxcbiAgZXhwb3J0czogW0J1dHRvbiwgQnV0dG9uR3JvdXBdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBCdXR0b25Nb2R1bGUgeyB9XG4iXX0=

esm2015/lib/card/card-footer.component.js

@@ -37,15 +37,17 @@ /**
                 template: `
-    <button
-      *ngIf="showSecondaryButton"
-      sukaButton="plain"
-      (click)="onButtonClick('secondary')"
-    >
-      {{secondaryLabel}}
-    </button>
-    <button
-      sukaButton="primary"
-      (click)="onButtonClick('primary')"
-    >
-      {{primaryLabel}}
-    </button>
+    <div sukaButtonGroup>
+      <button
+        *ngIf="showSecondaryButton"
+        sukaButton="plain"
+        (click)="onButtonClick('secondary')"
+      >
+        {{secondaryLabel}}
+      </button>
+      <button
+        sukaButton="primary"
+        (click)="onButtonClick('primary')"
+      >
+        {{primaryLabel}}
+      </button>
+    </div>
   `
@@ -75,2 +77,2 @@ }] }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQXFCNUYsbURBQW1EO0FBQ25ELE1BQU0sT0FBTyxVQUFVO0lBcEJ2QjtRQXFCRSx3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFFTSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBSXpDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFlakQsQ0FBQzs7OztJQWJDLFFBQVE7UUFDTixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUN2RSxDQUFDOzs7OztJQUVELGFBQWEsQ0FBQyxVQUFrQjtRQUM5QixJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUMzQjtRQUVELElBQUksVUFBVSxLQUFLLFdBQVcsRUFBRTtZQUM5QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQzs7O1lBMUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7YUFDRjs7O3dCQU1FLFdBQVcsU0FBQyxtQkFBbUI7MkJBRS9CLEtBQUs7NkJBQ0wsS0FBSzs0QkFDTCxNQUFNOzhCQUNOLE1BQU07Ozs7SUFQUCx5Q0FBNEI7O0lBRTVCLCtCQUFtRDs7SUFFbkQsa0NBQThCOztJQUM5QixvQ0FBZ0M7O0lBQ2hDLG1DQUE2Qzs7SUFDN0MscUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1jYXJkLWZvb3RlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvblxuICAgICAgKm5nSWY9XCJzaG93U2Vjb25kYXJ5QnV0dG9uXCJcbiAgICAgIHN1a2FCdXR0b249XCJwbGFpblwiXG4gICAgICAoY2xpY2spPVwib25CdXR0b25DbGljaygnc2Vjb25kYXJ5JylcIlxuICAgID5cbiAgICAgIHt7c2Vjb25kYXJ5TGFiZWx9fVxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b25cbiAgICAgIHN1a2FCdXR0b249XCJwcmltYXJ5XCJcbiAgICAgIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKCdwcmltYXJ5JylcIlxuICAgID5cbiAgICAgIHt7cHJpbWFyeUxhYmVsfX1cbiAgICA8L2J1dHRvbj5cbiAgYCxcbn0pXG5cbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIENhcmRGb290ZXIgaW1wbGVtZW50cyBPbkluaXQge1xuICBzaG93U2Vjb25kYXJ5QnV0dG9uID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jYXJkLWZvb3RlcicpIGJhc2VDbGFzcyA9IHRydWU7XG5cbiAgQElucHV0KCkgcHJpbWFyeUxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUxhYmVsOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBwcmltYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgc2Vjb25kYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2hvd1NlY29uZGFyeUJ1dHRvbiA9IHRoaXMuc2Vjb25kYXJ5QWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgb25CdXR0b25DbGljayhidXR0b25UeXBlOiBzdHJpbmcpIHtcbiAgICBpZiAoYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknKSB7XG4gICAgICB0aGlzLnByaW1hcnlBY3Rpb24uZW1pdCgpO1xuICAgIH1cblxuICAgIGlmIChidXR0b25UeXBlID09PSAnc2Vjb25kYXJ5Jykge1xuICAgICAgdGhpcy5zZWNvbmRhcnlBY3Rpb24uZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQXVCNUYsbURBQW1EO0FBQ25ELE1BQU0sT0FBTyxVQUFVO0lBdEJ2QjtRQXVCRSx3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFFTSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBSXpDLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNuQyxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFlakQsQ0FBQzs7OztJQWJDLFFBQVE7UUFDTixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUN2RSxDQUFDOzs7OztJQUVELGFBQWEsQ0FBQyxVQUFrQjtRQUM5QixJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUMzQjtRQUVELElBQUksVUFBVSxLQUFLLFdBQVcsRUFBRTtZQUM5QixJQUFJLENBQUMsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQzs7O1lBNUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsa0JBQWtCO2dCQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7YUFDRjs7O3dCQU1FLFdBQVcsU0FBQyxtQkFBbUI7MkJBRS9CLEtBQUs7NkJBQ0wsS0FBSzs0QkFDTCxNQUFNOzhCQUNOLE1BQU07Ozs7SUFQUCx5Q0FBNEI7O0lBRTVCLCtCQUFtRDs7SUFFbkQsa0NBQThCOztJQUM5QixvQ0FBZ0M7O0lBQ2hDLG1DQUE2Qzs7SUFDN0MscUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1jYXJkLWZvb3RlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBzdWthQnV0dG9uR3JvdXA+XG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ0lmPVwic2hvd1NlY29uZGFyeUJ1dHRvblwiXG4gICAgICAgIHN1a2FCdXR0b249XCJwbGFpblwiXG4gICAgICAgIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKCdzZWNvbmRhcnknKVwiXG4gICAgICA+XG4gICAgICAgIHt7c2Vjb25kYXJ5TGFiZWx9fVxuICAgICAgPC9idXR0b24+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIHN1a2FCdXR0b249XCJwcmltYXJ5XCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJ3ByaW1hcnknKVwiXG4gICAgICA+XG4gICAgICAgIHt7cHJpbWFyeUxhYmVsfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICBgLFxufSlcblxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBjb21wb25lbnQtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQ2FyZEZvb3RlciBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHNob3dTZWNvbmRhcnlCdXR0b24gPSBmYWxzZTtcblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNhcmQtZm9vdGVyJykgYmFzZUNsYXNzID0gdHJ1ZTtcblxuICBASW5wdXQoKSBwcmltYXJ5TGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgc2Vjb25kYXJ5TGFiZWw6IHN0cmluZztcbiAgQE91dHB1dCgpIHByaW1hcnlBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBzZWNvbmRhcnlBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5zaG93U2Vjb25kYXJ5QnV0dG9uID0gdGhpcy5zZWNvbmRhcnlBY3Rpb24ub2JzZXJ2ZXJzLmxlbmd0aCA+IDA7XG4gIH1cblxuICBvbkJ1dHRvbkNsaWNrKGJ1dHRvblR5cGU6IHN0cmluZykge1xuICAgIGlmIChidXR0b25UeXBlID09PSAncHJpbWFyeScpIHtcbiAgICAgIHRoaXMucHJpbWFyeUFjdGlvbi5lbWl0KCk7XG4gICAgfVxuXG4gICAgaWYgKGJ1dHRvblR5cGUgPT09ICdzZWNvbmRhcnknKSB7XG4gICAgICB0aGlzLnNlY29uZGFyeUFjdGlvbi5lbWl0KCk7XG4gICAgfVxuICB9XG59XG4iXX0=

esm2015/public-api.js

@@ -8,3 +8,3 @@ /**
  */
-export { Button, ButtonModule } from './lib/button/button.module';
+export { Button, ButtonGroup, ButtonModule } from './lib/button/button.module';
 export { Checkbox, CheckboxModule } from './lib/checkbox/checkbox.module';
@@ -20,2 +20,2 @@ export { Select, Option, OptGroup, SelectModule } from './lib/select/select.module';
 export { Card, CardHeader, CardSection, CardFooter, CardModule } from './lib/card/card.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUdBLHFDQUFjLDRCQUE0QixDQUFDO0FBQzNDLHlDQUFjLGdDQUFnQyxDQUFDO0FBQy9DLHVEQUFjLDRCQUE0QixDQUFDO0FBQzNDLHdEQUFjLDBCQUEwQixDQUFDO0FBQ3pDLDJCQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLHFDQUFjLDRCQUE0QixDQUFDO0FBQzNDLDREQUFjLDBCQUEwQixDQUFDO0FBQ3pDLG9GQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELDJDQUFjLGtDQUFrQyxDQUFDO0FBQ2pELDhCQUFjLDhCQUE4QixDQUFDO0FBQzdDLHNFQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzdWthXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWxlY3Qvc2VsZWN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC9pbnB1dC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC9ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2dnbGUvdG9nZ2xlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpby9yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXJhZGlvL2J1dHRvbi1yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFpbmVyL2NvbnRhaW5lci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3BhY2luZy9zcGFjaW5nLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2FjY29yZGlvbi9hY2NvcmRpb24ubW9kdWxlJztcblxuXG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUdBLGtEQUFjLDRCQUE0QixDQUFDO0FBQzNDLHlDQUFjLGdDQUFnQyxDQUFDO0FBQy9DLHVEQUFjLDRCQUE0QixDQUFDO0FBQzNDLHdEQUFjLDBCQUEwQixDQUFDO0FBQ3pDLDJCQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLHFDQUFjLDRCQUE0QixDQUFDO0FBQzNDLDREQUFjLDBCQUEwQixDQUFDO0FBQ3pDLG9GQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELDJDQUFjLGtDQUFrQyxDQUFDO0FBQ2pELDhCQUFjLDhCQUE4QixDQUFDO0FBQzdDLHNFQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzdWthXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWxlY3Qvc2VsZWN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC9pbnB1dC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC9ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2dnbGUvdG9nZ2xlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpby9yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXJhZGlvL2J1dHRvbi1yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFpbmVyL2NvbnRhaW5lci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3BhY2luZy9zcGFjaW5nLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2FjY29yZGlvbi9hY2NvcmRpb24ubW9kdWxlJztcblxuXG5cbiJdfQ==

esm5/kushki-ng-suka.js

@@ -8,6 +8,6 @@ /**
  */
-export { Button, ButtonModule, Checkbox, CheckboxModule, Select, Option, OptGroup, SelectModule, TextInput, TextArea, Label, InputModule, GridModule, Toggle, ToggleModule, Radio, RadioGroup, RadioChange, RadioModule, ButtonRadio, ButtonRadioGroup, ButtonRadioChange, ButtonRadioModule, Container, ContainerModule, SpacingModule, Card, CardHeader, CardSection, CardFooter, CardModule } from './public-api';
+export { Button, ButtonGroup, ButtonModule, Checkbox, CheckboxModule, Select, Option, OptGroup, SelectModule, TextInput, TextArea, Label, InputModule, GridModule, Toggle, ToggleModule, Radio, RadioGroup, RadioChange, RadioModule, ButtonRadio, ButtonRadioGroup, ButtonRadioChange, ButtonRadioModule, Container, ContainerModule, SpacingModule, Card, CardHeader, CardSection, CardFooter, CardModule } from './public-api';
 export { ColumnDirective as ɵc, GridDirective as ɵa, RowDirective as ɵb } from './lib/grid/grid.directive';
 export { MarginBottomDirective as ɵf, MarginDirective as ɵd, MarginHorizontalDirective as ɵi, MarginLeftDirective as ɵg, MarginRightDirective as ɵh, MarginTopDirective as ɵe, MarginVerticalDirective as ɵj } from './lib/spacing/margin.directive';
 export { PaddingBottomDirective as ɵm, PaddingDirective as ɵk, PaddingHorizontalDirective as ɵp, PaddingLeftDirective as ɵn, PaddingRightDirective as ɵo, PaddingTopDirective as ɵl, PaddingVerticalDirective as ɵq } from './lib/spacing/padding.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3VzaGtpLW5nLXN1a2EuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJrdXNoa2ktbmctc3VrYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsc1lBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxlQUFlLElBQUksRUFBRSxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsWUFBWSxJQUFJLEVBQUUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZHLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsZUFBZSxJQUFJLEVBQUUsRUFBQyx5QkFBeUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsdUJBQXVCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDN08sT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsMEJBQTBCLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge0NvbHVtbkRpcmVjdGl2ZSBhcyDJtWMsR3JpZERpcmVjdGl2ZSBhcyDJtWEsUm93RGlyZWN0aXZlIGFzIMm1Yn0gZnJvbSAnLi9saWIvZ3JpZC9ncmlkLmRpcmVjdGl2ZSc7XG5leHBvcnQge01hcmdpbkJvdHRvbURpcmVjdGl2ZSBhcyDJtWYsTWFyZ2luRGlyZWN0aXZlIGFzIMm1ZCxNYXJnaW5Ib3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1aSxNYXJnaW5MZWZ0RGlyZWN0aXZlIGFzIMm1ZyxNYXJnaW5SaWdodERpcmVjdGl2ZSBhcyDJtWgsTWFyZ2luVG9wRGlyZWN0aXZlIGFzIMm1ZSxNYXJnaW5WZXJ0aWNhbERpcmVjdGl2ZSBhcyDJtWp9IGZyb20gJy4vbGliL3NwYWNpbmcvbWFyZ2luLmRpcmVjdGl2ZSc7XG5leHBvcnQge1BhZGRpbmdCb3R0b21EaXJlY3RpdmUgYXMgybVtLFBhZGRpbmdEaXJlY3RpdmUgYXMgybVrLFBhZGRpbmdIb3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1cCxQYWRkaW5nTGVmdERpcmVjdGl2ZSBhcyDJtW4sUGFkZGluZ1JpZ2h0RGlyZWN0aXZlIGFzIMm1byxQYWRkaW5nVG9wRGlyZWN0aXZlIGFzIMm1bCxQYWRkaW5nVmVydGljYWxEaXJlY3RpdmUgYXMgybVxfSBmcm9tICcuL2xpYi9zcGFjaW5nL3BhZGRpbmcuZGlyZWN0aXZlJzsiXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia3VzaGtpLW5nLXN1a2EuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJrdXNoa2ktbmctc3VrYS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBSUEsbVpBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyxlQUFlLElBQUksRUFBRSxFQUFDLGFBQWEsSUFBSSxFQUFFLEVBQUMsWUFBWSxJQUFJLEVBQUUsRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZHLE9BQU8sRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsZUFBZSxJQUFJLEVBQUUsRUFBQyx5QkFBeUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxrQkFBa0IsSUFBSSxFQUFFLEVBQUMsdUJBQXVCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0NBQWdDLENBQUM7QUFDN08sT0FBTyxFQUFDLHNCQUFzQixJQUFJLEVBQUUsRUFBQyxnQkFBZ0IsSUFBSSxFQUFFLEVBQUMsMEJBQTBCLElBQUksRUFBRSxFQUFDLG9CQUFvQixJQUFJLEVBQUUsRUFBQyxxQkFBcUIsSUFBSSxFQUFFLEVBQUMsbUJBQW1CLElBQUksRUFBRSxFQUFDLHdCQUF3QixJQUFJLEVBQUUsRUFBQyxNQUFNLGlDQUFpQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5leHBvcnQge0NvbHVtbkRpcmVjdGl2ZSBhcyDJtWMsR3JpZERpcmVjdGl2ZSBhcyDJtWEsUm93RGlyZWN0aXZlIGFzIMm1Yn0gZnJvbSAnLi9saWIvZ3JpZC9ncmlkLmRpcmVjdGl2ZSc7XG5leHBvcnQge01hcmdpbkJvdHRvbURpcmVjdGl2ZSBhcyDJtWYsTWFyZ2luRGlyZWN0aXZlIGFzIMm1ZCxNYXJnaW5Ib3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1aSxNYXJnaW5MZWZ0RGlyZWN0aXZlIGFzIMm1ZyxNYXJnaW5SaWdodERpcmVjdGl2ZSBhcyDJtWgsTWFyZ2luVG9wRGlyZWN0aXZlIGFzIMm1ZSxNYXJnaW5WZXJ0aWNhbERpcmVjdGl2ZSBhcyDJtWp9IGZyb20gJy4vbGliL3NwYWNpbmcvbWFyZ2luLmRpcmVjdGl2ZSc7XG5leHBvcnQge1BhZGRpbmdCb3R0b21EaXJlY3RpdmUgYXMgybVtLFBhZGRpbmdEaXJlY3RpdmUgYXMgybVrLFBhZGRpbmdIb3Jpem9udGFsRGlyZWN0aXZlIGFzIMm1cCxQYWRkaW5nTGVmdERpcmVjdGl2ZSBhcyDJtW4sUGFkZGluZ1JpZ2h0RGlyZWN0aXZlIGFzIMm1byxQYWRkaW5nVG9wRGlyZWN0aXZlIGFzIMm1bCxQYWRkaW5nVmVydGljYWxEaXJlY3RpdmUgYXMgybVxfSBmcm9tICcuL2xpYi9zcGFjaW5nL3BhZGRpbmcuZGlyZWN0aXZlJzsiXX0=

esm5/lib/button/button.directive.js

@@ -9,3 +9,3 @@ /**
         this.sukaButton = 'primary';
-        this.size = 'normal';
+        this.size = 'md';
         this.primary = true;
@@ -15,7 +15,28 @@ this.secondary = false;
         this.ghost = false;
-        this.danger = false;
+        this.destructive = false;
         this.skeleton = false;
         this.hover = false;
-        this.smallSize = false;
+        this.fullWidth = false;
+        this.inGroup = false;
     }
+    Object.defineProperty(Button.prototype, "buttonSmall", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.size === 'sm';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Button.prototype, "buttonLarge", {
+        get: /**
+         * @return {?}
+         */
+        function () {
+            return this.size === 'lg';
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
@@ -28,5 +49,2 @@ * @return {?}
     function () {
-        if (this.size === 'sm') {
-            this.smallSize = true;
-        }
         this.primary = false;
@@ -46,4 +64,4 @@ switch (this.sukaButton) {
                 break;
-            case 'danger':
-                this.danger = true;
+            case 'destructive':
+                this.destructive = true;
                 break;
@@ -67,6 +85,9 @@ default:
         ghost: [{ type: HostBinding, args: ['class.btn--ghost',] }],
-        danger: [{ type: HostBinding, args: ['class.btn--danger',] }],
+        destructive: [{ type: HostBinding, args: ['class.btn--destructive',] }],
         skeleton: [{ type: HostBinding, args: ['class.skeleton',] }, { type: Input }],
-        hover: [{ type: HostBinding, args: ['class.hover',] }, { type: Input }],
-        smallSize: [{ type: HostBinding, args: ['class.btn--sm',] }]
+        hover: [{ type: HostBinding, args: ['class.btn--hover',] }, { type: Input }],
+        fullWidth: [{ type: HostBinding, args: ['class.btn--full_width',] }, { type: Input }],
+        inGroup: [{ type: HostBinding, args: ['class.btn--group_item',] }, { type: Input }],
+        buttonSmall: [{ type: HostBinding, args: ['class.btn--sm',] }],
+        buttonLarge: [{ type: HostBinding, args: ['class.btn--lg',] }]
     };
@@ -90,3 +111,3 @@ return Button;
     /** @type {?} */
-    Button.prototype.danger;
+    Button.prototype.destructive;
     /** @type {?} */
@@ -97,4 +118,6 @@ Button.prototype.skeleton;
     /** @type {?} */
-    Button.prototype.smallSize;
+    Button.prototype.fullWidth;
+    /** @type {?} */
+    Button.prototype.inGroup;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUdOLE1BQU0sZUFBZSxDQUFDO0FBRXZCO0lBQUE7UUFLVyxlQUFVLEdBQTJELFNBQVMsQ0FBQztRQUMvRSxTQUFJLEdBQW9CLFFBQVEsQ0FBQztRQUVQLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDYixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2IsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUNULGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDcEIsVUFBSyxHQUFHLEtBQUssQ0FBQztRQUNyQixjQUFTLEdBQUcsS0FBSyxDQUFDO0lBZ0JsRCxDQUFDOzs7O0lBZFEseUJBQVE7OztJQUFmO1FBQ0UsSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksRUFBRTtZQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztTQUN2QjtRQUNELElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLFFBQVEsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUN2QixLQUFLLFNBQVM7Z0JBQUUsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUMzQyxLQUFLLFdBQVc7Z0JBQUUsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUMvQyxLQUFLLE9BQU87Z0JBQUUsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN2QyxLQUFLLE9BQU87Z0JBQUUsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN2QyxLQUFLLFFBQVE7Z0JBQUUsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtZQUN6QztnQkFBUyxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztnQkFBQyxNQUFNO1NBQ3JDO0lBQ0gsQ0FBQzs7Z0JBOUJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsY0FBYztpQkFDekI7Ozs2QkFHRSxLQUFLO3VCQUNMLEtBQUs7MEJBRUwsV0FBVyxTQUFDLG9CQUFvQjs0QkFDaEMsV0FBVyxTQUFDLHNCQUFzQjt3QkFDbEMsV0FBVyxTQUFDLGtCQUFrQjt3QkFDOUIsV0FBVyxTQUFDLGtCQUFrQjt5QkFDOUIsV0FBVyxTQUFDLG1CQUFtQjsyQkFDL0IsV0FBVyxTQUFDLGdCQUFnQixjQUFHLEtBQUs7d0JBQ3BDLFdBQVcsU0FBQyxhQUFhLGNBQUcsS0FBSzs0QkFDakMsV0FBVyxTQUFDLGVBQWU7O0lBZ0I5QixhQUFDO0NBQUEsQUEvQkQsSUErQkM7U0EzQlksTUFBTTs7O0lBQ2pCLDRCQUF3Rjs7SUFDeEYsc0JBQTBDOztJQUUxQyx5QkFBa0Q7O0lBQ2xELDJCQUF1RDs7SUFDdkQsdUJBQStDOztJQUMvQyx1QkFBK0M7O0lBQy9DLHdCQUFpRDs7SUFDakQsMEJBQXlEOztJQUN6RCx1QkFBbUQ7O0lBQ25ELDJCQUFnRCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9uQ2hhbmdlc1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3N1a2FCdXR0b25dJ1xufSlcbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogZGlyZWN0aXZlLWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIEJ1dHRvbiBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIHN1a2FCdXR0b246ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknIHwgJ3BsYWluJyB8ICdnaG9zdCcgfCAnZGFuZ2VyJyA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2l6ZTogJ25vcm1hbCcgfCAnc20nID0gJ25vcm1hbCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXByaW1hcnknKSBwcmltYXJ5ID0gdHJ1ZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXNlY29uZGFyeScpIHNlY29uZGFyeSA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tcGxhaW4nKSBwbGFpbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tZ2hvc3QnKSBnaG9zdCA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tZGFuZ2VyJykgZGFuZ2VyID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3Muc2tlbGV0b24nKSBASW5wdXQoKSBza2VsZXRvbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmhvdmVyJykgQElucHV0KCkgaG92ZXIgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXNtJykgc21hbGxTaXplID0gZmFsc2U7XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLnNpemUgPT09ICdzbScpIHtcbiAgICAgIHRoaXMuc21hbGxTaXplID0gdHJ1ZTtcbiAgICB9XG4gICAgdGhpcy5wcmltYXJ5ID0gZmFsc2U7XG4gICAgc3dpdGNoICh0aGlzLnN1a2FCdXR0b24pIHtcbiAgICAgIGNhc2UgJ3ByaW1hcnknOiB0aGlzLnByaW1hcnkgPSB0cnVlOyBicmVhaztcbiAgICAgIGNhc2UgJ3NlY29uZGFyeSc6IHRoaXMuc2Vjb25kYXJ5ID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBjYXNlICdwbGFpbic6IHRoaXMucGxhaW4gPSB0cnVlOyBicmVhaztcbiAgICAgIGNhc2UgJ2dob3N0JzogdGhpcy5naG9zdCA9IHRydWU7IGJyZWFrO1xuICAgICAgY2FzZSAnZGFuZ2VyJzogdGhpcy5kYW5nZXIgPSB0cnVlOyBicmVhaztcbiAgICAgIGRlZmF1bHQ6IHRoaXMucHJpbWFyeSA9IHRydWU7IGJyZWFrO1xuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxXQUFXLEVBQ1gsS0FBSyxFQUdOLE1BQU0sZUFBZSxDQUFDO0FBRXZCO0lBQUE7UUFLVyxlQUFVLEdBQWdFLFNBQVMsQ0FBQztRQUNwRixTQUFJLEdBQXVCLElBQUksQ0FBQztRQUVOLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFDYixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ1IsZ0JBQVcsR0FBRyxLQUFLLENBQUM7UUFDbkIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNmLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDVCxjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLFlBQU8sR0FBRyxLQUFLLENBQUM7SUFvQmpFLENBQUM7SUFuQkMsc0JBQWtDLCtCQUFXOzs7O1FBQTdDO1lBQ0UsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQztRQUM1QixDQUFDOzs7T0FBQTtJQUNELHNCQUFrQywrQkFBVzs7OztRQUE3QztZQUNFLE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUM7UUFDNUIsQ0FBQzs7O09BQUE7Ozs7SUFHTSx5QkFBUTs7O0lBQWY7UUFDRSxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixRQUFRLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDdkIsS0FBSyxTQUFTO2dCQUFFLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO2dCQUFDLE1BQU07WUFDM0MsS0FBSyxXQUFXO2dCQUFFLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDO2dCQUFDLE1BQU07WUFDL0MsS0FBSyxPQUFPO2dCQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2dCQUFDLE1BQU07WUFDdkMsS0FBSyxPQUFPO2dCQUFFLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO2dCQUFDLE1BQU07WUFDdkMsS0FBSyxhQUFhO2dCQUFFLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDO2dCQUFDLE1BQU07WUFDbkQ7Z0JBQVMsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7Z0JBQUMsTUFBTTtTQUNyQztJQUNILENBQUM7O2dCQW5DRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGNBQWM7aUJBQ3pCOzs7NkJBR0UsS0FBSzt1QkFDTCxLQUFLOzBCQUVMLFdBQVcsU0FBQyxvQkFBb0I7NEJBQ2hDLFdBQVcsU0FBQyxzQkFBc0I7d0JBQ2xDLFdBQVcsU0FBQyxrQkFBa0I7d0JBQzlCLFdBQVcsU0FBQyxrQkFBa0I7OEJBQzlCLFdBQVcsU0FBQyx3QkFBd0I7MkJBQ3BDLFdBQVcsU0FBQyxnQkFBZ0IsY0FBRyxLQUFLO3dCQUNwQyxXQUFXLFNBQUMsa0JBQWtCLGNBQUcsS0FBSzs0QkFDdEMsV0FBVyxTQUFDLHVCQUF1QixjQUFHLEtBQUs7MEJBQzNDLFdBQVcsU0FBQyx1QkFBdUIsY0FBRyxLQUFLOzhCQUMzQyxXQUFXLFNBQUMsZUFBZTs4QkFHM0IsV0FBVyxTQUFDLGVBQWU7O0lBZ0I5QixhQUFDO0NBQUEsQUFwQ0QsSUFvQ0M7U0FoQ1ksTUFBTTs7O0lBQ2pCLDRCQUE2Rjs7SUFDN0Ysc0JBQXlDOztJQUV6Qyx5QkFBa0Q7O0lBQ2xELDJCQUF1RDs7SUFDdkQsdUJBQStDOztJQUMvQyx1QkFBK0M7O0lBQy9DLDZCQUEyRDs7SUFDM0QsMEJBQXlEOztJQUN6RCx1QkFBd0Q7O0lBQ3hELDJCQUFpRTs7SUFDakUseUJBQStEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT25DaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3VrYUJ1dHRvbl0nXG59KVxuLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBkaXJlY3RpdmUtY2xhc3Mtc3VmZml4XG5leHBvcnQgY2xhc3MgQnV0dG9uIGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgc3VrYUJ1dHRvbjogJ3ByaW1hcnknIHwgJ3NlY29uZGFyeScgfCAncGxhaW4nIHwgJ2dob3N0JyB8ICdkZXN0cnVjdGl2ZScgPSAncHJpbWFyeSc7XG4gIEBJbnB1dCgpIHNpemU6ICdtZCcgfCAnc20nIHwgJ2xnJyA9ICdtZCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXByaW1hcnknKSBwcmltYXJ5ID0gdHJ1ZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLXNlY29uZGFyeScpIHNlY29uZGFyeSA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tcGxhaW4nKSBwbGFpbiA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tZ2hvc3QnKSBnaG9zdCA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmJ0bi0tZGVzdHJ1Y3RpdmUnKSBkZXN0cnVjdGl2ZSA9IGZhbHNlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNrZWxldG9uJykgQElucHV0KCkgc2tlbGV0b24gPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWhvdmVyJykgQElucHV0KCkgaG92ZXIgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWZ1bGxfd2lkdGgnKSBASW5wdXQoKSBmdWxsV2lkdGggPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5idG4tLWdyb3VwX2l0ZW0nKSBASW5wdXQoKSBpbkdyb3VwID0gZmFsc2U7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYnRuLS1zbScpIGdldCBidXR0b25TbWFsbCgpIHtcbiAgICByZXR1cm4gdGhpcy5zaXplID09PSAnc20nO1xuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MuYnRuLS1sZycpIGdldCBidXR0b25MYXJnZSgpIHtcbiAgICByZXR1cm4gdGhpcy5zaXplID09PSAnbGcnO1xuICB9XG5cblxuICBwdWJsaWMgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5wcmltYXJ5ID0gZmFsc2U7XG4gICAgc3dpdGNoICh0aGlzLnN1a2FCdXR0b24pIHtcbiAgICAgIGNhc2UgJ3ByaW1hcnknOiB0aGlzLnByaW1hcnkgPSB0cnVlOyBicmVhaztcbiAgICAgIGNhc2UgJ3NlY29uZGFyeSc6IHRoaXMuc2Vjb25kYXJ5ID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBjYXNlICdwbGFpbic6IHRoaXMucGxhaW4gPSB0cnVlOyBicmVhaztcbiAgICAgIGNhc2UgJ2dob3N0JzogdGhpcy5naG9zdCA9IHRydWU7IGJyZWFrO1xuICAgICAgY2FzZSAnZGVzdHJ1Y3RpdmUnOiB0aGlzLmRlc3RydWN0aXZlID0gdHJ1ZTsgYnJlYWs7XG4gICAgICBkZWZhdWx0OiB0aGlzLnByaW1hcnkgPSB0cnVlOyBicmVhaztcbiAgICB9XG4gIH1cbn1cbiJdfQ==

esm5/lib/button/button.module.js

@@ -8,3 +8,5 @@ /**
 import { Button } from './button.directive';
+import { ButtonGroup } from './button-group.directive';
 export { Button } from './button.directive';
+export { ButtonGroup } from './button-group.directive';
 var ButtonModule = /** @class */ (function () {
@@ -15,4 +17,4 @@ function ButtonModule() {
         { type: NgModule, args: [{
-                    declarations: [Button],
-                    exports: [Button],
+                    declarations: [Button, ButtonGroup],
+                    exports: [Button, ButtonGroup],
                     imports: [CommonModule]
@@ -24,2 +26,2 @@ },] }
 export { ButtonModule };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRTVDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUU1QztJQUFBO0lBSzRCLENBQUM7O2dCQUw1QixRQUFRLFNBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsTUFBTSxDQUFDO29CQUN0QixPQUFPLEVBQUUsQ0FBQyxNQUFNLENBQUM7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztpQkFDeEI7O0lBQzJCLG1CQUFDO0NBQUEsQUFMN0IsSUFLNkI7U0FBaEIsWUFBWSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuL2J1dHRvbi5kaXJlY3RpdmUnO1xuXG5leHBvcnQgeyBCdXR0b24gfSBmcm9tICcuL2J1dHRvbi5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtCdXR0b25dLFxuICBleHBvcnRzOiBbQnV0dG9uXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uTW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbImxpYi9idXR0b24vYnV0dG9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDNUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRXZEO0lBQUE7SUFLNEIsQ0FBQzs7Z0JBTDVCLFFBQVEsU0FBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxNQUFNLEVBQUUsV0FBVyxDQUFDO29CQUM5QixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCOztJQUMyQixtQkFBQztDQUFBLEFBTDdCLElBSzZCO1NBQWhCLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi9idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IEJ1dHRvbkdyb3VwIH0gZnJvbSAnLi9idXR0b24tZ3JvdXAuZGlyZWN0aXZlJztcblxuZXhwb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi9idXR0b24uZGlyZWN0aXZlJztcbmV4cG9ydCB7IEJ1dHRvbkdyb3VwIH0gZnJvbSAnLi9idXR0b24tZ3JvdXAuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQnV0dG9uLCBCdXR0b25Hcm91cF0sXG4gIGV4cG9ydHM6IFtCdXR0b24sIEJ1dHRvbkdyb3VwXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgQnV0dG9uTW9kdWxlIHsgfVxuIl19

esm5/lib/card/card-footer.component.js

@@ -41,3 +41,3 @@ /**
                     selector: 'suka-card-footer',
-                    template: "\n    <button\n      *ngIf=\"showSecondaryButton\"\n      sukaButton=\"plain\"\n      (click)=\"onButtonClick('secondary')\"\n    >\n      {{secondaryLabel}}\n    </button>\n    <button\n      sukaButton=\"primary\"\n      (click)=\"onButtonClick('primary')\"\n    >\n      {{primaryLabel}}\n    </button>\n  "
+                    template: "\n    <div sukaButtonGroup>\n      <button\n        *ngIf=\"showSecondaryButton\"\n        sukaButton=\"plain\"\n        (click)=\"onButtonClick('secondary')\"\n      >\n        {{secondaryLabel}}\n      </button>\n      <button\n        sukaButton=\"primary\"\n        (click)=\"onButtonClick('primary')\"\n      >\n        {{primaryLabel}}\n      </button>\n    </div>\n  "
                 }] }
@@ -69,2 +69,2 @@ ];
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU1RjtJQUFBO1FBcUJFLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUVNLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFJekMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQWVqRCxDQUFDOzs7O0lBYkMsNkJBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDdkUsQ0FBQzs7Ozs7SUFFRCxrQ0FBYTs7OztJQUFiLFVBQWMsVUFBa0I7UUFDOUIsSUFBSSxVQUFVLEtBQUssU0FBUyxFQUFFO1lBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDM0I7UUFFRCxJQUFJLFVBQVUsS0FBSyxXQUFXLEVBQUU7WUFDOUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM3QjtJQUNILENBQUM7O2dCQTFDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLHVUQWNUO2lCQUNGOzs7NEJBTUUsV0FBVyxTQUFDLG1CQUFtQjsrQkFFL0IsS0FBSztpQ0FDTCxLQUFLO2dDQUNMLE1BQU07a0NBQ04sTUFBTTs7SUFlVCxpQkFBQztDQUFBLEFBM0NELElBMkNDO1NBdkJZLFVBQVU7OztJQUNyQix5Q0FBNEI7O0lBRTVCLCtCQUFtRDs7SUFFbkQsa0NBQThCOztJQUM5QixvQ0FBZ0M7O0lBQ2hDLG1DQUE2Qzs7SUFDN0MscUNBQStDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3VrYS1jYXJkLWZvb3RlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGJ1dHRvblxuICAgICAgKm5nSWY9XCJzaG93U2Vjb25kYXJ5QnV0dG9uXCJcbiAgICAgIHN1a2FCdXR0b249XCJwbGFpblwiXG4gICAgICAoY2xpY2spPVwib25CdXR0b25DbGljaygnc2Vjb25kYXJ5JylcIlxuICAgID5cbiAgICAgIHt7c2Vjb25kYXJ5TGFiZWx9fVxuICAgIDwvYnV0dG9uPlxuICAgIDxidXR0b25cbiAgICAgIHN1a2FCdXR0b249XCJwcmltYXJ5XCJcbiAgICAgIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKCdwcmltYXJ5JylcIlxuICAgID5cbiAgICAgIHt7cHJpbWFyeUxhYmVsfX1cbiAgICA8L2J1dHRvbj5cbiAgYCxcbn0pXG5cbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIENhcmRGb290ZXIgaW1wbGVtZW50cyBPbkluaXQge1xuICBzaG93U2Vjb25kYXJ5QnV0dG9uID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jYXJkLWZvb3RlcicpIGJhc2VDbGFzcyA9IHRydWU7XG5cbiAgQElucHV0KCkgcHJpbWFyeUxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUxhYmVsOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBwcmltYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgc2Vjb25kYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2hvd1NlY29uZGFyeUJ1dHRvbiA9IHRoaXMuc2Vjb25kYXJ5QWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgb25CdXR0b25DbGljayhidXR0b25UeXBlOiBzdHJpbmcpIHtcbiAgICBpZiAoYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknKSB7XG4gICAgICB0aGlzLnByaW1hcnlBY3Rpb24uZW1pdCgpO1xuICAgIH1cblxuICAgIGlmIChidXR0b25UeXBlID09PSAnc2Vjb25kYXJ5Jykge1xuICAgICAgdGhpcy5zZWNvbmRhcnlBY3Rpb24uZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGt1c2hraS9uZy1zdWthLyIsInNvdXJjZXMiOlsibGliL2NhcmQvY2FyZC1mb290ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUU1RjtJQUFBO1FBdUJFLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUVNLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFJekMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ25DLG9CQUFlLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQWVqRCxDQUFDOzs7O0lBYkMsNkJBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUM7SUFDdkUsQ0FBQzs7Ozs7SUFFRCxrQ0FBYTs7OztJQUFiLFVBQWMsVUFBa0I7UUFDOUIsSUFBSSxVQUFVLEtBQUssU0FBUyxFQUFFO1lBQzVCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDM0I7UUFFRCxJQUFJLFVBQVUsS0FBSyxXQUFXLEVBQUU7WUFDOUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUM3QjtJQUNILENBQUM7O2dCQTVDRixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFLHdYQWdCVDtpQkFDRjs7OzRCQU1FLFdBQVcsU0FBQyxtQkFBbUI7K0JBRS9CLEtBQUs7aUNBQ0wsS0FBSztnQ0FDTCxNQUFNO2tDQUNOLE1BQU07O0lBZVQsaUJBQUM7Q0FBQSxBQTdDRCxJQTZDQztTQXZCWSxVQUFVOzs7SUFDckIseUNBQTRCOztJQUU1QiwrQkFBbUQ7O0lBRW5ELGtDQUE4Qjs7SUFDOUIsb0NBQWdDOztJQUNoQyxtQ0FBNkM7O0lBQzdDLHFDQUErQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtY2FyZC1mb290ZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgc3VrYUJ1dHRvbkdyb3VwPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cInNob3dTZWNvbmRhcnlCdXR0b25cIlxuICAgICAgICBzdWthQnV0dG9uPVwicGxhaW5cIlxuICAgICAgICAoY2xpY2spPVwib25CdXR0b25DbGljaygnc2Vjb25kYXJ5JylcIlxuICAgICAgPlxuICAgICAgICB7e3NlY29uZGFyeUxhYmVsfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgICAgPGJ1dHRvblxuICAgICAgICBzdWthQnV0dG9uPVwicHJpbWFyeVwiXG4gICAgICAgIChjbGljayk9XCJvbkJ1dHRvbkNsaWNrKCdwcmltYXJ5JylcIlxuICAgICAgPlxuICAgICAgICB7e3ByaW1hcnlMYWJlbH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2Rpdj5cbiAgYCxcbn0pXG5cbi8vIHRzbGludDpkaXNhYmxlLW5leHQtbGluZTogY29tcG9uZW50LWNsYXNzLXN1ZmZpeFxuZXhwb3J0IGNsYXNzIENhcmRGb290ZXIgaW1wbGVtZW50cyBPbkluaXQge1xuICBzaG93U2Vjb25kYXJ5QnV0dG9uID0gZmFsc2U7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5jYXJkLWZvb3RlcicpIGJhc2VDbGFzcyA9IHRydWU7XG5cbiAgQElucHV0KCkgcHJpbWFyeUxhYmVsOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUxhYmVsOiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBwcmltYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgc2Vjb25kYXJ5QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuc2hvd1NlY29uZGFyeUJ1dHRvbiA9IHRoaXMuc2Vjb25kYXJ5QWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgb25CdXR0b25DbGljayhidXR0b25UeXBlOiBzdHJpbmcpIHtcbiAgICBpZiAoYnV0dG9uVHlwZSA9PT0gJ3ByaW1hcnknKSB7XG4gICAgICB0aGlzLnByaW1hcnlBY3Rpb24uZW1pdCgpO1xuICAgIH1cblxuICAgIGlmIChidXR0b25UeXBlID09PSAnc2Vjb25kYXJ5Jykge1xuICAgICAgdGhpcy5zZWNvbmRhcnlBY3Rpb24uZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIl19

esm5/public-api.js

@@ -8,3 +8,3 @@ /**
  */
-export { Button, ButtonModule } from './lib/button/button.module';
+export { Button, ButtonGroup, ButtonModule } from './lib/button/button.module';
 export { Checkbox, CheckboxModule } from './lib/checkbox/checkbox.module';
@@ -20,2 +20,2 @@ export { Select, Option, OptGroup, SelectModule } from './lib/select/select.module';
 export { Card, CardHeader, CardSection, CardFooter, CardModule } from './lib/card/card.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUdBLHFDQUFjLDRCQUE0QixDQUFDO0FBQzNDLHlDQUFjLGdDQUFnQyxDQUFDO0FBQy9DLHVEQUFjLDRCQUE0QixDQUFDO0FBQzNDLHdEQUFjLDBCQUEwQixDQUFDO0FBQ3pDLDJCQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLHFDQUFjLDRCQUE0QixDQUFDO0FBQzNDLDREQUFjLDBCQUEwQixDQUFDO0FBQ3pDLG9GQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELDJDQUFjLGtDQUFrQyxDQUFDO0FBQ2pELDhCQUFjLDhCQUE4QixDQUFDO0FBQzdDLHNFQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzdWthXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWxlY3Qvc2VsZWN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC9pbnB1dC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC9ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2dnbGUvdG9nZ2xlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpby9yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXJhZGlvL2J1dHRvbi1yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFpbmVyL2NvbnRhaW5lci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3BhY2luZy9zcGFjaW5nLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2FjY29yZGlvbi9hY2NvcmRpb24ubW9kdWxlJztcblxuXG5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BrdXNoa2kvbmctc3VrYS8iLCJzb3VyY2VzIjpbInB1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUdBLGtEQUFjLDRCQUE0QixDQUFDO0FBQzNDLHlDQUFjLGdDQUFnQyxDQUFDO0FBQy9DLHVEQUFjLDRCQUE0QixDQUFDO0FBQzNDLHdEQUFjLDBCQUEwQixDQUFDO0FBQ3pDLDJCQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLHFDQUFjLDRCQUE0QixDQUFDO0FBQzNDLDREQUFjLDBCQUEwQixDQUFDO0FBQ3pDLG9GQUFjLHdDQUF3QyxDQUFDO0FBQ3ZELDJDQUFjLGtDQUFrQyxDQUFDO0FBQ2pELDhCQUFjLDhCQUE4QixDQUFDO0FBQzdDLHNFQUFjLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBzdWthXG4gKi9cbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi9idXR0b24ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NoZWNrYm94L2NoZWNrYm94Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZWxlY3Qvc2VsZWN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9pbnB1dC9pbnB1dC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZ3JpZC9ncmlkLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi90b2dnbGUvdG9nZ2xlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9yYWRpby9yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvYnV0dG9uLXJhZGlvL2J1dHRvbi1yYWRpby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29udGFpbmVyL2NvbnRhaW5lci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc3BhY2luZy9zcGFjaW5nLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jYXJkL2NhcmQubW9kdWxlJztcbi8vIGV4cG9ydCAqIGZyb20gJy4vbGliL2FjY29yZGlvbi9hY2NvcmRpb24ubW9kdWxlJztcblxuXG5cbiJdfQ==

lib/button/button.directive.d.ts

 import { OnInit } from '@angular/core';
 export declare class Button implements OnInit {
-    sukaButton: 'primary' | 'secondary' | 'plain' | 'ghost' | 'danger';
-    size: 'normal' | 'sm';
+    sukaButton: 'primary' | 'secondary' | 'plain' | 'ghost' | 'destructive';
+    size: 'md' | 'sm' | 'lg';
     primary: boolean;
@@ -9,7 +9,10 @@ secondary: boolean;
     ghost: boolean;
-    danger: boolean;
+    destructive: boolean;
     skeleton: boolean;
     hover: boolean;
-    smallSize: boolean;
+    fullWidth: boolean;
+    inGroup: boolean;
+    readonly buttonSmall: boolean;
+    readonly buttonLarge: boolean;
     ngOnInit(): void;
 }

lib/button/button.module.d.ts

 export { Button } from './button.directive';
+export { ButtonGroup } from './button-group.directive';
 export declare class ButtonModule {
 }

package.json

 {
   "name": "@kushki/ng-suka",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^8.2.3",

No alert changes

Improved metrics

Total package byte prevSize

1737141

increased by1.71%

Number of package files

146

increased by2.1%

Lines of code

23609

increased by1.54%

No dependency changes