mis-crystal-design-system 2.1.3 → 2.2.3

package/fesm2015/mis-crystal-design-system-button.js

@@ -1,4 +1,4 @@
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Directive, ElementRef, Renderer2, HostBinding, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 class ButtonComponent {
@@ -43,6 +43,62 @@ ButtonComponent.propDecorators = {
     click: [{ type: Output }]
 };
 
+class ButtonDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+        this.type = 'none';
+        this.size = 'md';
+        this.elementClass = 'mis-btn';
+    }
+    ngAfterViewInit() {
+        this.bindTypeClass();
+        this.bindSizeClass();
+    }
+    bindTypeClass() {
+        let className = '';
+        switch (this.type) {
+            case 'primary':
+                className = 'mis-primary';
+                break;
+            case 'outline':
+                className = 'mis-outline';
+                break;
+            default:
+                className = 'mis-none';
+        }
+        this.renderer.addClass(this.el.nativeElement, className);
+    }
+    bindSizeClass() {
+        let className = '';
+        switch (this.size) {
+            case 'lg':
+                className = 'mis-btn-lg';
+                break;
+            case 'sm':
+                className = 'mis-btn-sm';
+                break;
+            default:
+                className = 'mis-btn-md';
+        }
+        this.renderer.addClass(this.el.nativeElement, className);
+    }
+}
+ButtonDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[mis-button]',
+            },] }
+];
+ButtonDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+ButtonDirective.propDecorators = {
+    type: [{ type: Input }],
+    size: [{ type: Input }],
+    elementClass: [{ type: HostBinding, args: ['class',] }]
+};
+
 class ButtonModule {
     static forRoot() {
         return { ngModule: ButtonModule, providers: [] };
@@ -50,9 +106,9 @@ class ButtonModule {
 }
 ButtonModule.decorators = [
     { type: NgModule, args: [{
-                declarations: [ButtonComponent],
+                declarations: [ButtonComponent, ButtonDirective],
                 imports: [CommonModule],
-                exports: [ButtonComponent]
+                exports: [ButtonComponent, ButtonDirective]
             },] }
 ];
 
@@ -60,5 +116,5 @@ ButtonModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent, ButtonModule };
+export { ButtonComponent, ButtonModule, ButtonDirective as ɵa };
 //# sourceMappingURL=mis-crystal-design-system-button.js.map

package/fesm2015/mis-crystal-design-system-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"mis-crystal-design-system-button.js","sources":["../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["import {Component, Input, OnInit, Output, EventEmitter, ContentChild, TemplateRef} from '@angular/core';\n\n@Component({\n  selector: 'mis-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent implements OnInit{\n\n  @Input() name: string = 'Enabled'\n  @Input() type: 'Solid' | 'Outline' | 'Text' = 'Solid'\n  @Input() size: 'Small' | 'Medium' | 'Large' | 'Small-M' | 'Large-M' = 'Medium'\n  @Input() width: string = ''\n\n  @Input() showIcon: boolean = false\n  @Input() iconUrl: string = ''\n  @Input() iconPosition: 'Left' | 'Right' = 'Left'\n\n  @Input() disabled: boolean = false\n  @Input() disableLeftBorderRadius: boolean = false\n  @Input() disableRightBorderRadius: boolean = false\n\n  /** Emits event when button is clicked */\n  @Output() click = new EventEmitter<any>()\n\n  constructor(){}\n\n  ngOnInit(){}\n\n  onClick(event){\n    this.click.emit(event)\n  }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent],\n  imports: [CommonModule],\n  exports: [ButtonComponent]\n})\nexport class ButtonModule {\n  static forRoot(): ModuleWithProviders<ButtonModule> {\n    return { ngModule: ButtonModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,eAAe;IAkB1B;QAhBS,SAAI,GAAW,SAAS,CAAA;QACxB,SAAI,GAAiC,OAAO,CAAA;QAC5C,SAAI,GAAyD,QAAQ,CAAA;QACrE,UAAK,GAAW,EAAE,CAAA;QAElB,aAAQ,GAAY,KAAK,CAAA;QACzB,YAAO,GAAW,EAAE,CAAA;QACpB,iBAAY,GAAqB,MAAM,CAAA;QAEvC,aAAQ,GAAY,KAAK,CAAA;QACzB,4BAAuB,GAAY,KAAK,CAAA;QACxC,6BAAwB,GAAY,KAAK,CAAA;;QAGxC,UAAK,GAAG,IAAI,YAAY,EAAO,CAAA;KAE1B;IAEf,QAAQ,MAAI;IAEZ,OAAO,CAAC,KAAK;QACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACvB;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,m9BAAsC;;aAEvC;;;;mBAGE,KAAK;mBACL,KAAK;mBACL,KAAK;oBACL,KAAK;uBAEL,KAAK;sBACL,KAAK;2BACL,KAAK;uBAEL,KAAK;sCACL,KAAK;uCACL,KAAK;oBAGL,MAAM;;;MCbI,YAAY;IACvB,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KAClD;;;YARF,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,eAAe,CAAC;gBAC/B,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,eAAe,CAAC;aAC3B;;;ACTD;;;;;;"}
+{"version":3,"file":"mis-crystal-design-system-button.js","sources":["../../../projects/mis-components/button/button.component.ts","../../../projects/mis-components/button/button.directive.ts","../../../projects/mis-components/button/button.module.ts","../../../projects/mis-components/button/mis-crystal-design-system-button.ts"],"sourcesContent":["import {Component, Input, OnInit, Output, EventEmitter, ContentChild, TemplateRef} from '@angular/core';\n\n@Component({\n  selector: 'mis-button',\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss']\n})\nexport class ButtonComponent implements OnInit{\n\n  @Input() name: string = 'Enabled'\n  @Input() type: 'Solid' | 'Outline' | 'Text' = 'Solid'\n  @Input() size: 'Small' | 'Medium' | 'Large' | 'Small-M' | 'Large-M' = 'Medium'\n  @Input() width: string = ''\n\n  @Input() showIcon: boolean = false\n  @Input() iconUrl: string = ''\n  @Input() iconPosition: 'Left' | 'Right' = 'Left'\n\n  @Input() disabled: boolean = false\n  @Input() disableLeftBorderRadius: boolean = false\n  @Input() disableRightBorderRadius: boolean = false\n\n  /** Emits event when button is clicked */\n  @Output() click = new EventEmitter<any>()\n\n  constructor(){}\n\n  ngOnInit(){}\n\n  onClick(event){\n    this.click.emit(event)\n  }\n}\n","import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  HostBinding,\n  Input,\n  Renderer2,\n} from '@angular/core';\n\n@Directive({\n  selector: '[mis-button]',\n})\nexport class ButtonDirective implements AfterViewInit {\n  @Input() type: 'primary' | 'outline' | 'none' = 'none';\n  @Input() size: 'sm' | 'md' | 'lg' = 'md';\n  @HostBinding('class') elementClass = 'mis-btn';\n\n  constructor(private el: ElementRef, private renderer: Renderer2) { }\n\n  ngAfterViewInit(): void {\n    this.bindTypeClass();\n    this.bindSizeClass();\n  }\n\n  private bindTypeClass(): void {\n    let className = '';\n    switch (this.type) {\n      case 'primary':\n        className = 'mis-primary';\n        break;\n      case 'outline':\n        className = 'mis-outline';\n        break;\n      default:\n        className = 'mis-none';\n    }\n    this.renderer.addClass(this.el.nativeElement, className);\n  }\n\n  private bindSizeClass(): void {\n    let className = '';\n    switch (this.size) {\n      case 'lg':\n        className = 'mis-btn-lg';\n        break;\n      case 'sm':\n        className = 'mis-btn-sm';\n        break;\n      default:\n        className = 'mis-btn-md';\n    }\n    this.renderer.addClass(this.el.nativeElement, className);\n  }\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonDirective } from './button.directive';\nimport { ButtonComponent } from './button.component';\n\n@NgModule({\n  declarations: [ButtonComponent, ButtonDirective],\n  imports: [CommonModule],\n  exports: [ButtonComponent, ButtonDirective]\n})\nexport class ButtonModule {\n  static forRoot(): ModuleWithProviders<ButtonModule> {\n    return { ngModule: ButtonModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n\nexport {ButtonDirective as ɵa} from './button.directive';"],"names":[],"mappings":";;;MAOa,eAAe;IAkB1B;QAhBS,SAAI,GAAW,SAAS,CAAA;QACxB,SAAI,GAAiC,OAAO,CAAA;QAC5C,SAAI,GAAyD,QAAQ,CAAA;QACrE,UAAK,GAAW,EAAE,CAAA;QAElB,aAAQ,GAAY,KAAK,CAAA;QACzB,YAAO,GAAW,EAAE,CAAA;QACpB,iBAAY,GAAqB,MAAM,CAAA;QAEvC,aAAQ,GAAY,KAAK,CAAA;QACzB,4BAAuB,GAAY,KAAK,CAAA;QACxC,6BAAwB,GAAY,KAAK,CAAA;;QAGxC,UAAK,GAAG,IAAI,YAAY,EAAO,CAAA;KAE1B;IAEf,QAAQ,MAAI;IAEZ,OAAO,CAAC,KAAK;QACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACvB;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,m9BAAsC;;aAEvC;;;;mBAGE,KAAK;mBACL,KAAK;mBACL,KAAK;oBACL,KAAK;uBAEL,KAAK;sBACL,KAAK;2BACL,KAAK;uBAEL,KAAK;sCACL,KAAK;uCACL,KAAK;oBAGL,MAAM;;;MCXI,eAAe;IAK1B,YAAoB,EAAc,EAAU,QAAmB;QAA3C,OAAE,GAAF,EAAE,CAAY;QAAU,aAAQ,GAAR,QAAQ,CAAW;QAJtD,SAAI,GAAmC,MAAM,CAAC;QAC9C,SAAI,GAAuB,IAAI,CAAC;QACnB,iBAAY,GAAG,SAAS,CAAC;KAEqB;IAEpE,eAAe;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;KACtB;IAEO,aAAa;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,SAAS;gBACZ,SAAS,GAAG,aAAa,CAAC;gBAC1B,MAAM;YACR,KAAK,SAAS;gBACZ,SAAS,GAAG,aAAa,CAAC;gBAC1B,MAAM;YACR;gBACE,SAAS,GAAG,UAAU,CAAC;SAC1B;QACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;KAC1D;IAEO,aAAa;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,QAAQ,IAAI,CAAC,IAAI;YACf,KAAK,IAAI;gBACP,SAAS,GAAG,YAAY,CAAC;gBACzB,MAAM;YACR,KAAK,IAAI;gBACP,SAAS,GAAG,YAAY,CAAC;gBACzB,MAAM;YACR;gBACE,SAAS,GAAG,YAAY,CAAC;SAC5B;QACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;KAC1D;;;YA3CF,SAAS,SAAC;gBACT,QAAQ,EAAE,cAAc;aACzB;;;YARC,UAAU;YAGV,SAAS;;;mBAOR,KAAK;mBACL,KAAK;2BACL,WAAW,SAAC,OAAO;;;MCLT,YAAY;IACvB,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KAClD;;;YARF,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;gBAChD,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC;aAC5C;;;ACTD;;;;;;"}

package/fesm2015/mis-crystal-design-system-datepicker.js

@@ -12628,7 +12628,9 @@ class MisDatePickerModule {
                 MisDatePickerStore,
                 MisDatePickerActions,
                 MisDatePickerEffects,
-                BsLocaleService
+                BsLocaleService,
+                MisDatePickerConfig,
+                MisDateRangePickerConfig
             ]
         };
     }