mis-crystal-design-system 4.0.51 → 14.0.1

package/fesm2015/mis-crystal-design-system-dynamic-form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-dynamic-form.js","sources":["../../../projects/mis-components/dynamic-form/dynamic-form.component.ts","../../../projects/mis-components/dynamic-form/dynamic-form.module.ts","../../../projects/mis-components/dynamic-form/mis-crystal-design-system-dynamic-form.ts"],"sourcesContent":["import { Component, EventEmitter, HostListener, Input, OnDestroy, OnInit, Output } from \"@angular/core\";\nimport { NsDynamicForm } from \"./dynamic-form.namespace\";\nimport { AbstractControl, FormArray, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators } from \"@angular/forms\";\n\nimport * as moment from \"moment\";\nimport \"moment-timezone\";\nimport { Subscription } from \"rxjs\";\n\n@Component({\n  selector: \"mis-dynamic-form\",\n  templateUrl: \"./dynamic-form.component.html\",\n  styleUrls: [\"./dynamic-form.component.scss\"]\n})\nexport class DynamicFormComponent implements OnInit, OnDestroy {\n  /**\n   * formFields:  Dynamic fields recieved from the API metadata to build a dynamic form\n   * formValues:  Holds the value of the dynamic form with \"key\" being dynamic field \"title\"\n   *              and value being the user input.\n   */\n  @Input() formFields: Array<NsDynamicForm.IDynamicField> = [];\n  @Input() formValues: { [key: string]: any } = {};\n  // Need to deprecate these inputs and use constants.\n  @Input() activeBtnIconUrl = \"\";\n  @Input() calendarIconUrl = \"\";\n  /**\n   * dynamicForm: Constructed using formFields and formValues(in case of edit)\n   */\n  dynamicForm: FormGroup;\n\n  /**\n   * formUpdated: Emits formValues Object whenever there is a change in the dynamic form.\n   */\n  @Output() formUpdated = new EventEmitter<{ [key: string]: any }>();\n  /**\n   * formValid: Emits boolean depending on validity of the form\n   */\n  @Output() formValid = new EventEmitter<boolean>();\n  /**\n   * formInitialized: Emits dynamic form API on form initilization\n   */\n  @Output() formInitialized = new EventEmitter<any>();\n\n  dynamicFormAPI: NsDynamicForm.IDynamicFormAPI;\n  valueChangesSubscription$: Subscription;\n\n  constructor() {}\n\n  ngOnInit(): void {\n    // Building the form\n    this.dynamicForm = this.generateDynamicForm(this.formFields, this.formValues);\n\n    // Subscribing to form changes and emiting values.\n    this.valueChangesSubscription$ = this.dynamicForm.valueChanges.subscribe(formValue => {\n      this.onFormValueChanges();\n    });\n\n    //api to expose functions\n    this.dynamicFormAPI = {\n      defaultFormValues: () => {\n        return this.generateDynamicFieldsValueObject(this.dynamicForm.value.dynamicFields);\n      }\n    };\n    this.formInitialized.emit(this.dynamicFormAPI);\n    this.formValid.emit(this.dynamicForm.valid);\n  }\n  ngOnDestroy(): void {\n    this.valueChangesSubscription$?.unsubscribe();\n  }\n  onFormValueChanges(): void {\n    let formValues = this.generateDynamicFieldsValueObject(this.dynamicForm.value.dynamicFields);\n    this.formValid.emit(this.dynamicForm.valid);\n    this.formUpdated.emit(formValues);\n    console.log(formValues)\n  }\n  generateDynamicFieldsValueObject(formValues: Array<any>): { [key: string]: any } {\n    let dynamicFieldsValue = {};\n    formValues.forEach((fieldValue, index) => {\n      let formattedValue = this.mapFormFieldToFormValue(this.formFields[index], fieldValue.value);\n      if (fieldValue.subFields?.length > 0) {\n        let formattedSubFieldsValues = {}\n        fieldValue.subFields.forEach((subFieldValue, subIndex) => {\n          let subFormField = this.formFields[index].subFields[subIndex]\n          formattedSubFieldsValues[subFormField.configName] = this.mapFormFieldToFormValue(subFormField, subFieldValue)\n        })\n        dynamicFieldsValue[this.formFields[index].configName] = {\n          value: formattedValue,\n          subFields: formattedSubFieldsValues\n        }\n      }\n      else {\n        dynamicFieldsValue[this.formFields[index].configName] = formattedValue;\n      }\n    });\n    return dynamicFieldsValue;\n  }\n  generateDynamicForm(\n    formFields: Array<NsDynamicForm.IDynamicField>,\n    formValues: { [key: string]: any }\n  ): FormGroup {\n    let formArray = new FormArray([])\n\n    for (let field of formFields) {\n      let fieldValue = formValues[field.configName]?.value ? formValues[field.configName].value : formValues[field.configName]\n      let fieldControl = this.mapFormValueToFormField(field, fieldValue);\n      let subFieldsControls = this.generateSubDynamicFields(formValues, field, fieldControl.value);\n      formArray.push(new FormGroup({\n        value: fieldControl,\n        subFields: subFieldsControls\n      }))\n    }  \n    return new FormGroup({\n      dynamicFields: formArray\n    })\n  }\n  \n  getDynamicFieldsControls(): FormArray {\n    return this.dynamicForm.get(\"dynamicFields\") as FormArray;\n  }\n  updateSubDynamicFields(\n    field: NsDynamicForm.IDynamicField,\n    formGroup: FormGroup,\n    value: any\n  ): void {\n    if (field.subFields?.length > 0) {\n      let subFieldsControls = this.generateSubDynamicFields(this.formValues, field, value);\n      formGroup.removeControl('subFields')\n      formGroup.addControl('subFields', subFieldsControls)\n    }\n  }\n  updateSelectedValueForSingleSelect(\n    field: NsDynamicForm.IDynamicField,\n    control: FormControl,\n    formGroup: FormGroup,\n    value: any\n  ): void {\n    if (control.value?.value !== value.value) {\n      control.setValue(value);\n    }\n    else control.setValue('');\n    this.updateSubDynamicFields(field, formGroup, value);\n    control.markAsTouched();\n  }\n  updateSelectedValueForMultiSelect(\n    field: NsDynamicForm.IDynamicField,\n    control: FormControl,\n    formGroup: FormGroup,\n    values: Array<any>\n  ): void {\n    let selectedValues: Array<{ label: string; value: any }> = control.value;\n    for (let value of values) {\n      let itemIndex = selectedValues.findIndex(item => item.label === value.label);\n      if (itemIndex > -1) {\n        selectedValues.splice(itemIndex, 1);\n      } else {\n        selectedValues.push({ ...value });\n      }\n    }\n    control.setValue(selectedValues);\n    this.updateSubDynamicFields(field, formGroup, values);\n    control.markAsTouched();\n  }\n  isCheckBoxSelected(value: string, selectedValues: Array<{ label: string; value: string }>): boolean {\n    return selectedValues.findIndex(item => item.label === value) > -1;\n  }\n\n  findSelectedIndex(subfields, value) {\n    const selectedIndex = subfields.findIndex(item => item.parentConfigValue === value);\n    return selectedIndex !== -1 ? selectedIndex : 0;\n  }\n\n  matchParentConfig(subfields, value) {\n    if (!subfields || subfields.length === 0) {\n      return false;\n    }\n    return subfields.some(item => item.parentConfigValue === value);\n  }\n\n  generateSubDynamicFields(\n    formValues: any,\n    parentField: NsDynamicForm.IDynamicField,\n    parentValue: Array<{ label: string, value: string | number }> | {label: string, value: string } | string | number | boolean\n  ): FormArray {\n    let controls = new FormArray([])\n    let subFields = parentField.subFields\n    let subFieldsValues = formValues[parentField.configName]?.subFields ? formValues[parentField.configName].subFields : {}\n    if(!subFields) return controls;\n    if (parentField.fieldType === 'singleSelect') {\n      subFields = subFields.filter((subField) => subField.parentConfigValue === (<{label: string, value: string }>parentValue)?.value);\n    }\n    else if (parentField.fieldType === 'multiSelect') {\n      let parentValues = new Set((<Array<{ label: string, value: string | number }>>parentValue).map((value) => value.value));\n      subFields = subFields.filter((subField) => parentValues.has(subField.parentConfigValue));\n    }\n\n    if (subFields?.length > 0) {\n        for (let subField of subFields) {\n          controls.push(this.mapFormValueToFormField(subField, subFieldsValues[subField.configName]))\n        }\n      }\n    return controls;\n  }\n  mapFormValueToFormField(formField: NsDynamicForm.IDynamicField, formValue: any): any {\n    let validators = formField.validators ? [dynamicFieldValidator(formField.validators)]: []\n    let control = new FormControl(null, validators);\n\n    if (formField.fieldType === \"input\") {\n      if (formField.fieldInputType === \"text\" || formField.fieldInputType === \"textarea\") control.setValue(formValue ? formValue : \"\");\n      else if (formField.fieldInputType === \"number\") control.setValue(formValue ? formValue : 0);\n      else if (formField.fieldInputType === \"date\") {\n        if (formValue && typeof formValue === \"number\") {\n          control.setValue(moment(formValue).tz(formField.fieldConfig.timezone).format(formField.fieldConfig.format));\n        } else {\n          control.setValue(moment().tz(formField.fieldConfig.timezone).format(formField.fieldConfig.format));\n        }\n      }\n    } else if (formField.fieldType === \"singleSelect\") {\n      const findSelectedValue = () => {\n        let index = formField.itemsList.findIndex(item => item.value === formValue)\n        return index >= 0 ? formField.itemsList[index]: \"\";\n      }\n      if (formField.fieldInputType === \"dropdown\") {\n        if (!formValue) control.setValue(formField.itemsList[0]);\n        else control.setValue(findSelectedValue())\n      }\n      else if (formField.fieldInputType === \"radio\") {\n        control.setValue(findSelectedValue())\n      }\n    } else if (formField.fieldType === \"multiSelect\") {\n      if (formValue && Array.isArray(formValue)) {\n        let selectedValues = [];\n        for (let value of formValue) {\n          let index = formField.itemsList.findIndex(item => item.value === value);\n          if (index > -1) selectedValues.push({ ...formField.itemsList[index] });\n        }\n        control.setValue(selectedValues);\n      } else {\n        control.setValue([]);\n      }\n    } else if (formField.fieldType === \"boolean\") {\n      control.setValue(!!formValue);\n    } else control.setValue(null);\n    return control;\n  }\n  mapFormFieldToFormValue(formField: NsDynamicForm.IDynamicField, formValue: any): any {\n    if (formField.fieldType === \"input\") {\n      if (formField.fieldInputType === \"text\" || formField.fieldInputType === \"textarea\") return formValue;\n      else if (formField.fieldInputType === \"number\") return +formValue;\n      else if (formField.fieldInputType === \"date\") {\n        return moment.tz(formValue, formField.fieldConfig.format, formField.fieldConfig.timezone).valueOf();\n      }\n    } else if (formField.fieldType === \"singleSelect\") {\n      return formValue?.value ?? '';\n    } else if (formField.fieldType === \"multiSelect\") {\n      return formValue?.map(item => item.value);\n    } else if (formField.fieldType === \"boolean\") {\n      return formValue;\n    } else return formValue;\n  }\n}\n\nexport const dynamicFieldValidator = (validators: Array<NsDynamicForm.IDynamicFieldValidator>): ValidatorFn => {\n  return (control: AbstractControl): ValidationErrors | null => {\n    let value = control.value\n    if (Array.isArray(value)) {\n      return null;\n    }\n    else if (typeof value === 'object') {\n      value = value?.value ? value.value : ''\n    }\n    let errors = null\n\n    validators.forEach((validator) => {\n      let error = null\n      let message = validator.message\n      switch (validator.type) {\n        case \"Required\":\n          error = Validators.required(control)\n          if(error) error = {Required: message}\n          break;\n        case \"MinLength\":\n          error = Validators.minLength(+validator.value)(control)\n          message = message.replace('${0}', error?.minlength.requiredLength)\n          if(error) error = { MinLength: message }\n          break;\n        case \"MaxLength\":\n          error = Validators.maxLength(+validator.value)(control)\n          message = message.replace('${0}', error?.actualLength)\n          if(error) error = { MaxLength: message }\n          break;\n        case \"Email\":\n          error = Validators.email(control)\n          if(error) error = {Email: message}\n          break;\n        case \"Custom\":\n          error = Validators.pattern(`${validator.value}`)(control)\n          if(error) error = {Custom: message}\n          break;\n        default:\n          break;\n      }\n      if (error) errors = { ...errors, ...error }\n    })\n    return errors\n  }\n}","import { CommonModule } from \"@angular/common\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { ScrollingModule } from \"@angular/cdk-experimental/scrolling\";\nimport { DropdownModule } from \"mis-crystal-design-system/dropdown\";\nimport { ReactiveFormsModule } from \"@angular/forms\";\nimport { DynamicFormComponent } from \"./dynamic-form.component\";\nimport { SwitchModule } from \"mis-crystal-design-system/switch\";\nimport { MultiSelectDropdownModule } from \"mis-crystal-design-system/multi-select-dropdown\";\nimport { DatepickerModuleV2 } from \"mis-crystal-design-system/datepicker_v2\";\n\n@NgModule({\n  declarations: [DynamicFormComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    FormsModule,\n    OverlayModule,\n    ScrollingModule,\n    DropdownModule,\n    SwitchModule,\n    MultiSelectDropdownModule,\n    DatepickerModuleV2\n  ],\n  exports: [DynamicFormComponent]\n})\nexport class DynamicFormModule {\n  static forRoot(): ModuleWithProviders<DynamicFormModule> {\n    return { ngModule: DynamicFormModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["moment.tz"],"mappings":";;;;;;;;;;;;;MAaa,oBAAoB;IAgC/B;;;;;;QA1BS,eAAU,GAAuC,EAAE,CAAC;QACpD,eAAU,GAA2B,EAAE,CAAC;;QAExC,qBAAgB,GAAG,EAAE,CAAC;QACtB,oBAAe,GAAG,EAAE,CAAC;;;;QASpB,gBAAW,GAAG,IAAI,YAAY,EAA0B,CAAC;;;;QAIzD,cAAS,GAAG,IAAI,YAAY,EAAW,CAAC;;;;QAIxC,oBAAe,GAAG,IAAI,YAAY,EAAO,CAAC;KAKpC;IAEhB,QAAQ;;QAEN,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;;QAG9E,IAAI,CAAC,yBAAyB,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,SAAS;YAChF,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B,CAAC,CAAC;;QAGH,IAAI,CAAC,cAAc,GAAG;YACpB,iBAAiB,EAAE;gBACjB,OAAO,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;aACpF;SACF,CAAC;QACF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KAC7C;IACD,WAAW;;QACT,MAAA,IAAI,CAAC,yBAAyB,0CAAE,WAAW,GAAG;KAC/C;IACD,kBAAkB;QAChB,IAAI,UAAU,GAAG,IAAI,CAAC,gCAAgC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAC7F,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAClC,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;KACxB;IACD,gCAAgC,CAAC,UAAsB;QACrD,IAAI,kBAAkB,GAAG,EAAE,CAAC;QAC5B,UAAU,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK;;YACnC,IAAI,cAAc,GAAG,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;YAC5F,IAAI,OAAA,UAAU,CAAC,SAAS,0CAAE,MAAM,IAAG,CAAC,EAAE;gBACpC,IAAI,wBAAwB,GAAG,EAAE,CAAA;gBACjC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,QAAQ;oBACnD,IAAI,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;oBAC7D,wBAAwB,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,uBAAuB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;iBAC9G,CAAC,CAAA;gBACF,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG;oBACtD,KAAK,EAAE,cAAc;oBACrB,SAAS,EAAE,wBAAwB;iBACpC,CAAA;aACF;iBACI;gBACH,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,GAAG,cAAc,CAAC;aACxE;SACF,CAAC,CAAC;QACH,OAAO,kBAAkB,CAAC;KAC3B;IACD,mBAAmB,CACjB,UAA8C,EAC9C,UAAkC;;QAElC,IAAI,SAAS,GAAG,IAAI,SAAS,CAAC,EAAE,CAAC,CAAA;QAEjC,KAAK,IAAI,KAAK,IAAI,UAAU,EAAE;YAC5B,IAAI,UAAU,GAAG,OAAA,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,0CAAE,KAAK,IAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;YACxH,IAAI,YAAY,GAAG,IAAI,CAAC,uBAAuB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;YACnE,IAAI,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC;YAC7F,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC;gBAC3B,KAAK,EAAE,YAAY;gBACnB,SAAS,EAAE,iBAAiB;aAC7B,CAAC,CAAC,CAAA;SACJ;QACD,OAAO,IAAI,SAAS,CAAC;YACnB,aAAa,EAAE,SAAS;SACzB,CAAC,CAAA;KACH;IAED,wBAAwB;QACtB,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,eAAe,CAAc,CAAC;KAC3D;IACD,sBAAsB,CACpB,KAAkC,EAClC,SAAoB,EACpB,KAAU;;QAEV,IAAI,OAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,IAAG,CAAC,EAAE;YAC/B,IAAI,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;YACrF,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;YACpC,SAAS,CAAC,UAAU,CAAC,WAAW,EAAE,iBAAiB,CAAC,CAAA;SACrD;KACF;IACD,kCAAkC,CAChC,KAAkC,EAClC,OAAoB,EACpB,SAAoB,EACpB,KAAU;;QAEV,IAAI,OAAA,OAAO,CAAC,KAAK,0CAAE,KAAK,MAAK,KAAK,CAAC,KAAK,EAAE;YACxC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;SACzB;;YACI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC1B,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC;QACrD,OAAO,CAAC,aAAa,EAAE,CAAC;KACzB;IACD,iCAAiC,CAC/B,KAAkC,EAClC,OAAoB,EACpB,SAAoB,EACpB,MAAkB;QAElB,IAAI,cAAc,GAAyC,OAAO,CAAC,KAAK,CAAC;QACzE,KAAK,IAAI,KAAK,IAAI,MAAM,EAAE;YACxB,IAAI,SAAS,GAAG,cAAc,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC;YAC7E,IAAI,SAAS,GAAG,CAAC,CAAC,EAAE;gBAClB,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;aACrC;iBAAM;gBACL,cAAc,CAAC,IAAI,mBAAM,KAAK,EAAG,CAAC;aACnC;SACF;QACD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;QACjC,IAAI,CAAC,sBAAsB,CAAC,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;QACtD,OAAO,CAAC,aAAa,EAAE,CAAC;KACzB;IACD,kBAAkB,CAAC,KAAa,EAAE,cAAuD;QACvF,OAAO,cAAc,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;KACpE;IAED,iBAAiB,CAAC,SAAS,EAAE,KAAK;QAChC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,KAAK,KAAK,CAAC,CAAC;QACpF,OAAO,aAAa,KAAK,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC,CAAC;KACjD;IAED,iBAAiB,CAAC,SAAS,EAAE,KAAK;QAChC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;YACxC,OAAO,KAAK,CAAC;SACd;QACD,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,iBAAiB,KAAK,KAAK,CAAC,CAAC;KACjE;IAED,wBAAwB,CACtB,UAAe,EACf,WAAwC,EACxC,WAA2H;;QAE3H,IAAI,QAAQ,GAAG,IAAI,SAAS,CAAC,EAAE,CAAC,CAAA;QAChC,IAAI,SAAS,GAAG,WAAW,CAAC,SAAS,CAAA;QACrC,IAAI,eAAe,GAAG,OAAA,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,0CAAE,SAAS,IAAG,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,GAAG,EAAE,CAAA;QACvH,IAAG,CAAC,SAAS;YAAE,OAAO,QAAQ,CAAC;QAC/B,IAAI,WAAW,CAAC,SAAS,KAAK,cAAc,EAAE;YAC5C,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,eAAK,OAAA,QAAQ,CAAC,iBAAiB,YAAuC,WAAY,0CAAE,KAAK,CAAA,CAAA,EAAA,CAAC,CAAC;SAClI;aACI,IAAI,WAAW,CAAC,SAAS,KAAK,aAAa,EAAE;YAChD,IAAI,YAAY,GAAG,IAAI,GAAG,CAAoD,WAAY,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YACxH,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,CAAC;SAC1F;QAED,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,IAAG,CAAC,EAAE;YACvB,KAAK,IAAI,QAAQ,IAAI,SAAS,EAAE;gBAC9B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,uBAAuB,CAAC,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;aAC5F;SACF;QACH,OAAO,QAAQ,CAAC;KACjB;IACD,uBAAuB,CAAC,SAAsC,EAAE,SAAc;QAC5E,IAAI,UAAU,GAAG,SAAS,CAAC,UAAU,GAAG,CAAC,qBAAqB,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAE,EAAE,CAAA;QACzF,IAAI,OAAO,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;QAEhD,IAAI,SAAS,CAAC,SAAS,KAAK,OAAO,EAAE;YACnC,IAAI,SAAS,CAAC,cAAc,KAAK,MAAM,IAAI,SAAS,CAAC,cAAc,KAAK,UAAU;gBAAE,OAAO,CAAC,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,EAAE,CAAC,CAAC;iBAC5H,IAAI,SAAS,CAAC,cAAc,KAAK,QAAQ;gBAAE,OAAO,CAAC,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC;iBACvF,IAAI,SAAS,CAAC,cAAc,KAAK,MAAM,EAAE;gBAC5C,IAAI,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;oBAC9C,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;iBAC7G;qBAAM;oBACL,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;iBACpG;aACF;SACF;aAAM,IAAI,SAAS,CAAC,SAAS,KAAK,cAAc,EAAE;YACjD,MAAM,iBAAiB,GAAG;gBACxB,IAAI,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAA;gBAC3E,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,GAAE,EAAE,CAAC;aACpD,CAAA;YACD,IAAI,SAAS,CAAC,cAAc,KAAK,UAAU,EAAE;gBAC3C,IAAI,CAAC,SAAS;oBAAE,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;;oBACpD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAA;aAC3C;iBACI,IAAI,SAAS,CAAC,cAAc,KAAK,OAAO,EAAE;gBAC7C,OAAO,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAA;aACtC;SACF;aAAM,IAAI,SAAS,CAAC,SAAS,KAAK,aAAa,EAAE;YAChD,IAAI,SAAS,IAAI,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;gBACzC,IAAI,cAAc,GAAG,EAAE,CAAC;gBACxB,KAAK,IAAI,KAAK,IAAI,SAAS,EAAE;oBAC3B,IAAI,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;oBACxE,IAAI,KAAK,GAAG,CAAC,CAAC;wBAAE,cAAc,CAAC,IAAI,mBAAM,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,EAAG,CAAC;iBACxE;gBACD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;aAClC;iBAAM;gBACL,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;aACtB;SACF;aAAM,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS,EAAE;YAC5C,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SAC/B;;YAAM,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC9B,OAAO,OAAO,CAAC;KAChB;IACD,uBAAuB,CAAC,SAAsC,EAAE,SAAc;;QAC5E,IAAI,SAAS,CAAC,SAAS,KAAK,OAAO,EAAE;YACnC,IAAI,SAAS,CAAC,cAAc,KAAK,MAAM,IAAI,SAAS,CAAC,cAAc,KAAK,UAAU;gBAAE,OAAO,SAAS,CAAC;iBAChG,IAAI,SAAS,CAAC,cAAc,KAAK,QAAQ;gBAAE,OAAO,CAAC,SAAS,CAAC;iBAC7D,IAAI,SAAS,CAAC,cAAc,KAAK,MAAM,EAAE;gBAC5C,OAAOA,EAAS,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;aACrG;SACF;aAAM,IAAI,SAAS,CAAC,SAAS,KAAK,cAAc,EAAE;YACjD,aAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,mCAAI,EAAE,CAAC;SAC/B;aAAM,IAAI,SAAS,CAAC,SAAS,KAAK,aAAa,EAAE;YAChD,OAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE;SAC3C;aAAM,IAAI,SAAS,CAAC,SAAS,KAAK,SAAS,EAAE;YAC5C,OAAO,SAAS,CAAC;SAClB;;YAAM,OAAO,SAAS,CAAC;KACzB;;;YAzPF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,s9QAA4C;;aAE7C;;;;yBAOE,KAAK;yBACL,KAAK;+BAEL,KAAK;8BACL,KAAK;0BASL,MAAM;wBAIN,MAAM;8BAIN,MAAM;;AA4NF,MAAM,qBAAqB,GAAG,CAAC,UAAuD;IAC3F,OAAO,CAAC,OAAwB;QAC9B,IAAI,KAAK,GAAG,OAAO,CAAC,KAAK,CAAA;QACzB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACxB,OAAO,IAAI,CAAC;SACb;aACI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAClC,KAAK,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,IAAG,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;SACxC;QACD,IAAI,MAAM,GAAG,IAAI,CAAA;QAEjB,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS;YAC3B,IAAI,KAAK,GAAG,IAAI,CAAA;YAChB,IAAI,OAAO,GAAG,SAAS,CAAC,OAAO,CAAA;YAC/B,QAAQ,SAAS,CAAC,IAAI;gBACpB,KAAK,UAAU;oBACb,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;oBACpC,IAAG,KAAK;wBAAE,KAAK,GAAG,EAAC,QAAQ,EAAE,OAAO,EAAC,CAAA;oBACrC,MAAM;gBACR,KAAK,WAAW;oBACd,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;oBACvD,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,cAAc,CAAC,CAAA;oBAClE,IAAG,KAAK;wBAAE,KAAK,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;oBACxC,MAAM;gBACR,KAAK,WAAW;oBACd,KAAK,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;oBACvD,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,CAAC,CAAA;oBACtD,IAAG,KAAK;wBAAE,KAAK,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,CAAA;oBACxC,MAAM;gBACR,KAAK,OAAO;oBACV,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;oBACjC,IAAG,KAAK;wBAAE,KAAK,GAAG,EAAC,KAAK,EAAE,OAAO,EAAC,CAAA;oBAClC,MAAM;gBACR,KAAK,QAAQ;oBACX,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;oBACzD,IAAG,KAAK;wBAAE,KAAK,GAAG,EAAC,MAAM,EAAE,OAAO,EAAC,CAAA;oBACnC,MAAM;gBACR;oBACE,MAAM;aACT;YACD,IAAI,KAAK;gBAAE,MAAM,mCAAQ,MAAM,GAAK,KAAK,CAAE,CAAA;SAC5C,CAAC,CAAA;QACF,OAAO,MAAM,CAAA;KACd,CAAA;AACH,CAAC;;MCrRY,iBAAiB;IAC5B,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KACvD;;;YAlBF,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,oBAAoB,CAAC;gBACpC,OAAO,EAAE;oBACP,YAAY;oBACZ,mBAAmB;oBACnB,WAAW;oBACX,aAAa;oBACb,eAAe;oBACf,cAAc;oBACd,YAAY;oBACZ,yBAAyB;oBACzB,kBAAkB;iBACnB;gBACD,OAAO,EAAE,CAAC,oBAAoB,CAAC;aAChC;;;AC1BD;;;;;;"}

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

@@ -1,84 +0,0 @@
-import { Component, ElementRef, Input, HostListener, NgModule } from '@angular/core';
-import { trigger, transition, style, animate, state } from '@angular/animations';
-import { CommonModule } from '@angular/common';
-
-/** @format */
-class FabComponent {
-    constructor(eRef) {
-        this.eRef = eRef;
-        this.show = false;
-        this.options = {};
-        this.items = [];
-        this.isOpen = false;
-    }
-    clickout(event) {
-        if (!this.eRef.nativeElement.contains(event.target)) {
-            this.closeFab();
-        }
-    }
-    ngOnInit() {
-        this.options = Object.assign({ size: 56, backgroundColorClosed: "#0937B2", backgroundColorOpened: "#3a5fc1" }, this.options);
-    }
-    ngOnDestroy() { }
-    clickItem(item) {
-        this.closeFab();
-        item.click();
-    }
-    closeFab() {
-        this.isOpen = false;
-    }
-    toogleFab() {
-        this.isOpen = !this.isOpen;
-    }
-}
-FabComponent.decorators = [
-    { type: Component, args: [{
-                selector: "mis-fab",
-                template: "<div class=\"fab-wrapper\" *ngIf=\"show\">\n  <div class=\"fab-items\" *ngIf=\"isOpen\" @slideUpFab>\n    <div class=\"fab-item\" *ngFor=\"let item of items.reverse(); let i = index\" (click)=\"clickItem(item)\">\n      <div *ngIf=\"item.label\" class=\"fab-tooltip\">\n        {{ item.label }}\n      </div>\n      <div\n        class=\"fab-button\"\n        [ngStyle]=\"{\n          backgroundColor: item.backgroundColor || '#0937B2'\n        }\"\n      >\n        <img [src]=\"item.icon\" class=\"add-img\" />\n      </div>\n    </div>\n  </div>\n  <div\n    class=\"fab-container\"\n    [ngStyle]=\"{\n      backgroundColor: isOpen ? options.backgroundColorOpened : options.backgroundColorClosed\n    }\"\n    (click)=\"toogleFab()\"\n  >\n    <svg\n      [@rotateButton]=\"isOpen ? 'rotated' : 'default'\"\n      class=\"add-img\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M13.1424 5.15607C13.1424 4.51759 12.6313 4 12.0009 4C11.3704 4 10.8594 4.51759 10.8594 5.15607V10.8421H5.14149C4.51106 10.8421 4 11.3597 4 11.9982C4 12.6367 4.51106 13.1543 5.14149 13.1543H10.8594V18.8439C10.8594 19.4824 11.3704 20 12.0009 20C12.6313 20 13.1424 19.4824 13.1424 18.8439V13.1543H18.8585C19.4889 13.1543 20 12.6367 20 11.9982C20 11.3597 19.4889 10.8421 18.8585 10.8421H13.1424V5.15607Z\"\n        fill=\"white\"\n      />\n    </svg>\n  </div>\n</div>\n",
-                animations: [
-                    trigger("slideUpFab", [
-                        transition(":enter", [
-                            style({ transform: "translateY(50px)", opacity: 0 }),
-                            animate("300ms ease-out", style({ transform: "translateY(0px)", opacity: 1 }))
-                        ]),
-                        transition(":leave", [animate("200ms ease-out", style({ transform: "translateY(70px)", opacity: 0 }))])
-                    ]),
-                    trigger("rotateButton", [
-                        state("default", style({ transform: "rotate(0)" })),
-                        state("rotated", style({ transform: "rotate(45deg)" })),
-                        transition("rotated => default", animate("300ms ease-out")),
-                        transition("default => rotated", animate("200ms ease-in"))
-                    ])
-                ],
-                styles: [".fab-wrapper{position:fixed;right:24px;bottom:24px;z-index:1000}.fab-wrapper .fab-item{position:relative;padding:0 0 16px 8px}.fab-wrapper .fab-item .fab-tooltip{position:absolute;background-color:#181f33;border-radius:4px;color:#fff;padding:8px;display:flex;justify-content:center;align-items:center;white-space:nowrap;right:100%;top:calc(50% - 8px);transform:translateY(-50%)}.fab-wrapper .fab-item .fab-button{width:40px;height:40px}.fab-wrapper .fab-container,.fab-wrapper .fab-item .fab-button{cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center}.fab-wrapper .fab-container{width:56px;height:56px}.add-img{height:24px;width:24px}"]
-            },] }
-];
-FabComponent.ctorParameters = () => [
-    { type: ElementRef }
-];
-FabComponent.propDecorators = {
-    show: [{ type: Input }],
-    options: [{ type: Input }],
-    items: [{ type: Input }],
-    clickout: [{ type: HostListener, args: ["document:click", ["$event"],] }]
-};
-
-class FabModule {
-    static forRoot() {
-        return { ngModule: FabModule, providers: [] };
-    }
-}
-FabModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [FabComponent],
-                imports: [CommonModule],
-                exports: [FabComponent]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FabComponent, FabModule };
-//# sourceMappingURL=mis-crystal-design-system-fab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-fab.js","sources":["../../../projects/mis-components/fab/fab.component.ts","../../../projects/mis-components/fab/fab.module.ts","../../../projects/mis-components/fab/mis-crystal-design-system-fab.ts"],"sourcesContent":["/** @format */\n\nimport { Component, ElementRef, HostListener, Input, OnDestroy, OnInit } from \"@angular/core\";\nimport { trigger, transition, style, animate, state } from \"@angular/animations\";\n\nexport type FabOptions = {\n  backgroundColorClosed?: string;\n  backgroundColorOpened?: string;\n  size?: number;\n};\n\nexport type FabItem = {\n  label?: string;\n  icon: string;\n  backgroundColor?: string;\n  id?: string;\n  click?: () => any;\n};\n\nexport type FabItems = FabItem[];\n\n@Component({\n  selector: \"mis-fab\",\n  templateUrl: \"./fab.component.html\",\n  styleUrls: [\"./fab.component.scss\"],\n  animations: [\n    trigger(\"slideUpFab\", [\n      transition(\":enter\", [\n        style({ transform: \"translateY(50px)\", opacity: 0 }),\n        animate(\"300ms ease-out\", style({ transform: \"translateY(0px)\", opacity: 1 }))\n      ]),\n      transition(\":leave\", [animate(\"200ms ease-out\", style({ transform: \"translateY(70px)\", opacity: 0 }))])\n    ]),\n    trigger(\"rotateButton\", [\n      state(\"default\", style({ transform: \"rotate(0)\" })),\n      state(\"rotated\", style({ transform: \"rotate(45deg)\" })),\n      transition(\"rotated => default\", animate(\"300ms ease-out\")),\n      transition(\"default => rotated\", animate(\"200ms ease-in\"))\n    ])\n  ]\n})\nexport class FabComponent implements OnInit, OnDestroy {\n  @Input() show: boolean = false;\n  @Input() options: FabOptions = {};\n  @Input() items: FabItems = [];\n\n  isOpen: boolean = false;\n\n  constructor(private eRef: ElementRef) {}\n\n  @HostListener(\"document:click\", [\"$event\"])\n  clickout(event) {\n    if (!this.eRef.nativeElement.contains(event.target)) {\n      this.closeFab();\n    }\n  }\n\n  ngOnInit(): void {\n    this.options = {\n      size: 56,\n      backgroundColorClosed: \"#0937B2\",\n      backgroundColorOpened: \"#3a5fc1\",\n      ...this.options\n    };\n  }\n\n  ngOnDestroy(): void {}\n\n  clickItem(item: FabItem) {\n    this.closeFab();\n    item.click();\n  }\n\n  closeFab() {\n    this.isOpen = false;\n  }\n\n  toogleFab() {\n    this.isOpen = !this.isOpen;\n  }\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { FabComponent } from \"./fab.component\";\n\n@NgModule({\n  declarations: [FabComponent],\n  imports: [CommonModule],\n  exports: [FabComponent]\n})\nexport class FabModule {\n  static forRoot(): ModuleWithProviders<FabModule> {\n    return { ngModule: FabModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;MAyCa,YAAY;IAOvB,YAAoB,IAAgB;QAAhB,SAAI,GAAJ,IAAI,CAAY;QAN3B,SAAI,GAAY,KAAK,CAAC;QACtB,YAAO,GAAe,EAAE,CAAC;QACzB,UAAK,GAAa,EAAE,CAAC;QAE9B,WAAM,GAAY,KAAK,CAAC;KAEgB;IAGxC,QAAQ,CAAC,KAAK;QACZ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;YACnD,IAAI,CAAC,QAAQ,EAAE,CAAC;SACjB;KACF;IAED,QAAQ;QACN,IAAI,CAAC,OAAO,mBACV,IAAI,EAAE,EAAE,EACR,qBAAqB,EAAE,SAAS,EAChC,qBAAqB,EAAE,SAAS,IAC7B,IAAI,CAAC,OAAO,CAChB,CAAC;KACH;IAED,WAAW,MAAW;IAEtB,SAAS,CAAC,IAAa;QACrB,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,QAAQ;QACN,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;KACrB;IAED,SAAS;QACP,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;KAC5B;;;YA1DF,SAAS,SAAC;gBACT,QAAQ,EAAE,SAAS;gBACnB,ygDAAmC;gBAEnC,UAAU,EAAE;oBACV,OAAO,CAAC,YAAY,EAAE;wBACpB,UAAU,CAAC,QAAQ,EAAE;4BACnB,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;4BACpD,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;yBAC/E,CAAC;wBACF,UAAU,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;qBACxG,CAAC;oBACF,OAAO,CAAC,cAAc,EAAE;wBACtB,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC,CAAC;wBACnD,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;wBACvD,UAAU,CAAC,oBAAoB,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;wBAC3D,UAAU,CAAC,oBAAoB,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;qBAC3D,CAAC;iBACH;;aACF;;;YAtCmB,UAAU;;;mBAwC3B,KAAK;sBACL,KAAK;oBACL,KAAK;uBAML,YAAY,SAAC,gBAAgB,EAAE,CAAC,QAAQ,CAAC;;;MCzC/B,SAAS;IACpB,OAAO,OAAO;QACZ,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC;KAC/C;;;YARF,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,YAAY,CAAC;gBAC5B,OAAO,EAAE,CAAC,YAAY,CAAC;gBACvB,OAAO,EAAE,CAAC,YAAY,CAAC;aACxB;;;ACRD;;;;;;"}

package/fesm2015/mis-crystal-design-system-input-stepper.js

@@ -1,73 +0,0 @@
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class InputStepperComponent {
-    constructor() {
-        this.value = 1;
-        this.width = '200px';
-        this.minLimit = 0;
-        this.maxLimit = 2;
-        this.valueChange = new EventEmitter();
-    }
-    increment() {
-        if (this.value === this.maxLimit)
-            return;
-        this.value++;
-        this.emitValueChange();
-    }
-    decrement() {
-        if (this.value > 0) {
-            this.value--;
-            this.emitValueChange();
-        }
-    }
-    onInputChange(newValue) {
-        const parsedValue = parseInt(newValue, 10);
-        if (!isNaN(parsedValue)) {
-            this.value = parsedValue;
-            this.emitValueChange();
-        }
-    }
-    emitValueChange() {
-        console.log("value change", this.value);
-        this.valueChange.emit(this.value);
-    }
-}
-InputStepperComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mis-input-stepper',
-                template: "<div class=\"nudger\" [ngStyle]=\"{'max-width': width }\">\n    <button (click)=\"decrement()\" [ngClass]=\"{'disabled': value === minLimit}\">-</button>\n    <input type=\"text\" [value]=\"value\" (input)=\"onInputChange($event.target.value)\">\n    <button (click)=\"increment()\" [ngClass]=\"{'disabled': value === maxLimit}\">+</button>\n</div>\n  ",
-                styles: [".nudger{display:flex;align-items:center;justify-content:center;width:100%;border:1px solid #0937b2;border-radius:4px}button{padding:.5em 1em;cursor:pointer;border:none;transition:background-color .3s;color:#0937b2}button,button:hover{background-color:#fff}input{width:40%;text-align:center;padding:.5em 1em;color:#0937b2;border:none}@media screen and (max-width:600px){.nudger{max-width:150px}}.disabled{opacity:.6;cursor:not-allowed}"]
-            },] }
-];
-InputStepperComponent.ctorParameters = () => [];
-InputStepperComponent.propDecorators = {
-    value: [{ type: Input }],
-    width: [{ type: Input }],
-    minLimit: [{ type: Input }],
-    maxLimit: [{ type: Input }],
-    valueChange: [{ type: Output }]
-};
-
-class InputStepperModule {
-}
-InputStepperModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [
-                    InputStepperComponent
-                ],
-                imports: [
-                    CommonModule
-                ],
-                exports: [
-                    InputStepperComponent
-                ]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { InputStepperComponent, InputStepperModule };
-//# sourceMappingURL=mis-crystal-design-system-input-stepper.js.map

package/fesm2015/mis-crystal-design-system-input-stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-input-stepper.js","sources":["../../../projects/mis-components/input-stepper/input-stepper/input-stepper.component.ts","../../../projects/mis-components/input-stepper/input-stepper.module.ts","../../../projects/mis-components/input-stepper/mis-crystal-design-system-input-stepper.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'mis-input-stepper',\n  templateUrl: './input-stepper.component.html',\n  styleUrls: ['./input-stepper.component.css']\n})\nexport class InputStepperComponent {\n  @Input() value: number = 1;\n  @Input() width?: string = '200px';\n  @Input() minLimit : number = 0;\n  @Input() maxLimit: number = 2;\n  @Output() valueChange: EventEmitter<number> = new EventEmitter<number>();\n\n  constructor() { }\n\n  increment() {\n    if(this.value === this.maxLimit) return;\n    this.value++;\n    this.emitValueChange();\n  }\n\n  decrement() {\n    if (this.value > 0) {\n      this.value--;\n      this.emitValueChange();\n    }\n  }\n\n  onInputChange(newValue: string) {\n    const parsedValue = parseInt(newValue, 10);\n    if (!isNaN(parsedValue)) {\n      this.value = parsedValue;\n      this.emitValueChange();\n    }\n  }\n\n  private emitValueChange() {\n    console.log(\"value change\", this.value);\n    this.valueChange.emit(this.value);\n  }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InputStepperComponent } from './input-stepper/input-stepper.component';\n\n\n\n@NgModule({\n  declarations: [\n    InputStepperComponent\n  ],\n  imports: [\n    CommonModule\n  ],\n  exports: [\n    InputStepperComponent\n  ]\n})\nexport class InputStepperModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,qBAAqB;IAOhC;QANS,UAAK,GAAW,CAAC,CAAC;QAClB,UAAK,GAAY,OAAO,CAAC;QACzB,aAAQ,GAAY,CAAC,CAAC;QACtB,aAAQ,GAAW,CAAC,CAAC;QACpB,gBAAW,GAAyB,IAAI,YAAY,EAAU,CAAC;KAExD;IAEjB,SAAS;QACP,IAAG,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ;YAAE,OAAO;QACxC,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,SAAS;QACP,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE;YAClB,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;KACF;IAED,aAAa,CAAC,QAAgB;QAC5B,MAAM,WAAW,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE;YACvB,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;YACzB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;KACF;IAEO,eAAe;QACrB,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC;;;YAtCF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,4WAA6C;;aAE9C;;;;oBAEE,KAAK;oBACL,KAAK;uBACL,KAAK;uBACL,KAAK;0BACL,MAAM;;;MCKI,kBAAkB;;;YAX9B,QAAQ,SAAC;gBACR,YAAY,EAAE;oBACZ,qBAAqB;iBACtB;gBACD,OAAO,EAAE;oBACP,YAAY;iBACb;gBACD,OAAO,EAAE;oBACP,qBAAqB;iBACtB;aACF;;;AChBD;;;;;;"}

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

@@ -1,99 +0,0 @@
-import { Directive, ElementRef, Self, Optional, Component, Input, ContentChild, NgModule } from '@angular/core';
-import { NgControl, FormsModule } from '@angular/forms';
-import { ReplaySubject, Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { CommonModule } from '@angular/common';
-
-class MisInputDirective {
-    constructor(el, control) {
-        this.el = el;
-        this.control = control;
-        this.validityChange = new ReplaySubject(1);
-        this.validity = this.validityChange.asObservable();
-        this.endObs = new Subject();
-        this.focus = false;
-        this.hasValue = false;
-    }
-    ngOnInit() {
-        var _a, _b;
-        (_b = (_a = this.control) === null || _a === void 0 ? void 0 : _a.control) === null || _b === void 0 ? void 0 : _b.valueChanges.pipe(takeUntil(this.endObs)).subscribe(() => {
-            var _a;
-            this.validityChange.next(!((_a = this.control.control) === null || _a === void 0 ? void 0 : _a.invalid));
-        });
-        this.el.nativeElement.placeholder += " ";
-    }
-    ngOnDestroy() {
-        this.endObs.next();
-        this.endObs.complete();
-    }
-}
-MisInputDirective.decorators = [
-    { type: Directive, args: [{
-                // tslint:disable-next-line
-                selector: "input[misInput]"
-            },] }
-];
-MisInputDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: NgControl, decorators: [{ type: Self }, { type: Optional }] }
-];
-
-class MisInputComponent {
-    constructor() {
-        this.type = "floating";
-        this.size = "sm";
-        this.noHints = false;
-        this.hasError = false; // show input in error state
-        this.isMandatory = false; // show input as mandatory
-        this.inputValidity = true;
-    }
-    set formInput(input) {
-        var _a, _b;
-        if (!this.placeholder) {
-            this.placeholder = (input === null || input === void 0 ? void 0 : input.el.nativeElement.placeholder) || "";
-        }
-        this.inputCtrl = (_a = input.control) === null || _a === void 0 ? void 0 : _a.control;
-        (_b = this.inputSubscription) === null || _b === void 0 ? void 0 : _b.unsubscribe();
-        this.inputSubscription = input === null || input === void 0 ? void 0 : input.validity.subscribe(res => (this.inputValidity = res));
-        this.placeholder += " ";
-    }
-    ngOnInit() { }
-    ngOnDestroy() {
-        var _a;
-        (_a = this.inputSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
-    }
-}
-MisInputComponent.decorators = [
-    { type: Component, args: [{
-                selector: "mis-input",
-                template: "<div\n  [class]=\"'input-container ' + size\"\n  [ngClass]=\"{\n    rounded: type === 'rounded',\n    floating: type === 'floating',\n    'has-error': !inputValidity || hasError,\n    'no-hint': noHints,\n    'mis-disabled': inputCtrl?.disabled\n  }\"\n>\n  <div class=\"input-wrapper\">\n    <ng-content select=\"[mis-input-icon]\"></ng-content>\n    <div class=\"mis-input\">\n      <ng-content select=\"input\"></ng-content>\n      <span class=\"mis-placeholder\">{{ placeholder }}<span *ngIf=\"isMandatory\" style=\"color: red;\">*</span></span>\n    </div>\n    <ng-content select=\"[mis-input-act]\"></ng-content>\n  </div>\n  <ng-content select=\"[mis-input-hint]\"></ng-content>\n  <ng-content select=\"[mis-input-error]\"></ng-content>\n</div>\n",
-                styles: [":root{--pmry-200:#99baf7;--pmry-100:#cbddfb;--pmry-500:#0937b2;--pmry-400:#3c68d0;--pmry-600:#062a99;--pmry-700:#041f80;--pmry-300:#638fe7;--pmry-800:#021567;--pmry-900:#010f55;--sec-d-purple:#40447f;--sec-maroon:#6b034e;--sec-mud-red:#b23600;--sec-orange:#ed711c;--sec-purple:#815fd5;--sec-teal:#10adae;--sec-yellow:#d4900c;--sec-green:#547f40;--sec-bright-green:#27d22e;--sec-dark-teal:#035f6b;--sec-chocolate:#7c2f33;--sec-rube-pink:#c13d6d;--sec-cerulean:#0087b2;--sem-error:#b00020;--sem-info:#0091ff;--sem-warning:#ff9d00;--sem-success:#38af49;--grey-bg-1:#fafafa;--grey-bg:#f5f5f5;--grey-seperators:#e0e0e0;--grey-disabled:#c8cdd3;--grey-hover:#f5f7fc;--grey-pressed:#e6ebf7;--grey-row:#f5f7fc;--dec-light-yellow:#f4e7c3;--dec-light-purple:#dacff9;--dec-light-green:#e4f5e9;--dec-light-green2:#f1fff3;--dec-light-pink:#fae1ea;--dec-:#f4cbc1;--dec-lt-orange:#faefed;--dec-light-blue:#cfecf9;--dec-row-selection:#f1fdf8;--dec-row-selection2:#f2fbff;--dec-row-lines:#d3e1e9;--text-white:#fff;--text-disabled:#929dab;--text-muted:#6a737d;--text-black:#181f33;--MR-solid-blue2:#c8d5f6;--MR-solid-purple:#c9c3fb;--MR-solid-orange:#eeac9f;--MR-solid-green:#acdada;--MR-solid-brown:#e8c8af;--MR-solid-yellow:#ffefc7;--MR-solid-blue:#bbe6ff;--MR-solid-pink:#ffc6f2;--tr-hover:#f0f3fa;--tr-pressed:#dae1f3}.input-container{position:relative;padding-bottom:24px}.input-container.mis-disabled .input-wrapper{pointer-events:none!important}.input-container .input-wrapper{box-sizing:border-box;display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;transition:all 60ms ease-in;background-color:#fff;padding:3px 16px;gap:16px}.input-container .input-wrapper .mis-input{flex:1 1 auto;z-index:0;position:relative;display:flex;align-items:center}.input-container .input-wrapper input{flex:1 1 auto;border:none;outline:none;height:100%;padding:0;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;height:24px;color:#181f33;background-color:transparent;width:100%;vertical-align:middle}.input-container .input-wrapper input::-moz-placeholder{-moz-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input:-ms-input-placeholder{-ms-transition:all .1s ease-in;transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper input::placeholder{transition:all .1s ease-in;opacity:0;transform-origin:left center;color:transparent}.input-container .input-wrapper .mis-placeholder{position:absolute;font-family:Lato;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#6a737d;z-index:-1;transition:all .15s ease-in}.input-container .input-wrapper:focus-within{background-color:#f5f5f5}.input-container .input-wrapper:focus-within{border:1px solid #0937b2}.input-container .input-wrapper [mis-input-act],.input-container .input-wrapper [mis-input-icon]{width:18px;height:18px;color:#6a737d;font-size:24px;line-height:18px}.input-container .input-wrapper [mis-input-act]{cursor:pointer}.input-container.no-hint{padding-bottom:0}.input-container.rounded input{box-sizing:initial}.input-container.rounded.sm input{padding:3px 16px}.input-container.rounded.md input{padding:9px 16px}.input-container.rounded.lg input{padding:15px 16px}.input-container.rounded .input-wrapper{border-radius:4px;border:1px solid #e0e0e0;padding:0}.input-container.rounded .input-wrapper:hover{background-color:#f5f5f5}.input-container.rounded .input-wrapper:focus-within{border:1px solid #0937b2}.input-container.rounded .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{color:transparent!important}.input-container.rounded .input-wrapper .mis-placeholder{margin-left:16px;transition-duration:50ms}.input-container.rounded.has-error .input-wrapper{border:1px solid #b00020!important}.input-container.floating .input-wrapper{padding-top:24px;padding-bottom:7px;border-bottom:1px solid #e0e0e0}.input-container.floating .input-wrapper input:focus+.mis-placeholder{color:#0937b2!important}.input-container.floating .input-wrapper input:not(:-moz-placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:not(:-ms-input-placeholder)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper input:focus+.mis-placeholder,.input-container.floating .input-wrapper input:not(:placeholder-shown)+.mis-placeholder{transform:translateY(calc(-100% + 6px))!important;font-size:12px!important;letter-spacing:.2px!important}.input-container.floating .input-wrapper:focus-within{border:none;border-bottom:1px solid #0937b2}.input-container.floating .input-wrapper:focus-within input::-moz-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input:-ms-input-placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating .input-wrapper:focus-within input::placeholder{color:#6a737d;opacity:1;font-size:16px}.input-container.floating.has-error .input-wrapper{border-bottom:1px solid #b00020!important}.input-container.floating.has-error .input-wrapper .mis-placeholder{color:#b00020!important}.input-container [mis-input-error],.input-container [mis-input-hint]{position:absolute;left:0;right:0;bottom:0;line-height:24px;height:24px;font-size:12px;color:#6a737d;letter-spacing:.2px}.input-container [mis-input-error]{color:#b00020}"]
-            },] }
-];
-MisInputComponent.ctorParameters = () => [];
-MisInputComponent.propDecorators = {
-    type: [{ type: Input }],
-    size: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    noHints: [{ type: Input }],
-    hasError: [{ type: Input }],
-    isMandatory: [{ type: Input }],
-    formInput: [{ type: ContentChild, args: [MisInputDirective,] }]
-};
-
-class MisInputModule {
-}
-MisInputModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [MisInputComponent, MisInputDirective],
-                imports: [CommonModule, FormsModule],
-                exports: [MisInputComponent, MisInputDirective]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MisInputComponent, MisInputDirective, MisInputModule };
-//# sourceMappingURL=mis-crystal-design-system-input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-input.js","sources":["../../../projects/mis-components/input/directives/input/input.directive.ts","../../../projects/mis-components/input/mis-input.component.ts","../../../projects/mis-components/input/mis-input.module.ts","../../../projects/mis-components/input/mis-crystal-design-system-input.ts"],"sourcesContent":["import { Directive, ElementRef, OnDestroy, OnInit, Optional, Self } from \"@angular/core\";\nimport { NgControl } from \"@angular/forms\";\nimport { ReplaySubject, Subject, Subscription } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\n@Directive({\n  // tslint:disable-next-line\n  selector: \"input[misInput]\"\n})\nexport class MisInputDirective implements OnInit, OnDestroy {\n  constructor(public el: ElementRef, @Self() @Optional() public control: NgControl) {}\n  private validityChange: ReplaySubject<boolean> = new ReplaySubject(1);\n  validity = this.validityChange.asObservable();\n  endObs: Subject<void> = new Subject();\n  focus = false;\n  hasValue = false;\n\n  ngOnInit(): void {\n    this.control?.control?.valueChanges.pipe(takeUntil(this.endObs)).subscribe(() => {\n      this.validityChange.next(!this.control.control?.invalid);\n    });\n    this.el.nativeElement.placeholder += \" \";\n  }\n  ngOnDestroy(): void {\n    this.endObs.next();\n    this.endObs.complete();\n  }\n}\n","import { Component, ContentChild, Input, OnDestroy, OnInit, ViewEncapsulation } from \"@angular/core\";\nimport { AbstractControl } from \"@angular/forms\";\nimport { Subscription } from \"rxjs\";\nimport { MisInputDirective } from \"./directives/input/input.directive\";\n\n@Component({\n  selector: \"mis-input\",\n  templateUrl: \"./mis-input.component.html\",\n  styleUrls: [\"./mis-input.component.scss\"]\n})\nexport class MisInputComponent implements OnInit, OnDestroy {\n  @Input() type: \"rounded\" | \"floating\" = \"floating\";\n  @Input() size: \"sm\" | \"md\" | \"lg\" = \"sm\";\n  @Input() placeholder: string; // floating placeholder text\n  @Input() noHints = false;\n  @Input() hasError = false; // show input in error state\n  @Input() isMandatory:boolean = false; // show input as mandatory\n  @ContentChild(MisInputDirective) set formInput(input: MisInputDirective) {\n    if (!this.placeholder) {\n      this.placeholder = input?.el.nativeElement.placeholder || \"\";\n    }\n    this.inputCtrl = input.control?.control;\n    this.inputSubscription?.unsubscribe();\n    this.inputSubscription = input?.validity.subscribe(res => (this.inputValidity = res));\n    this.placeholder += \" \";\n  }\n  inputCtrl: AbstractControl;\n  inputSubscription: Subscription | undefined;\n  inputValidity: boolean = true;\n  constructor() {}\n\n  ngOnInit(): void {}\n  ngOnDestroy(): void {\n    this.inputSubscription?.unsubscribe();\n  }\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { FormsModule } from \"@angular/forms\";\nimport { MisInputDirective } from \"./directives/input/input.directive\";\nimport { MisInputComponent } from \"./mis-input.component\";\n\n@NgModule({\n  declarations: [MisInputComponent, MisInputDirective],\n  imports: [CommonModule, FormsModule],\n  exports: [MisInputComponent, MisInputDirective]\n})\nexport class MisInputModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MASa,iBAAiB;IAC5B,YAAmB,EAAc,EAA6B,OAAkB;QAA7D,OAAE,GAAF,EAAE,CAAY;QAA6B,YAAO,GAAP,OAAO,CAAW;QACxE,mBAAc,GAA2B,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;QACtE,aAAQ,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;QAC9C,WAAM,GAAkB,IAAI,OAAO,EAAE,CAAC;QACtC,UAAK,GAAG,KAAK,CAAC;QACd,aAAQ,GAAG,KAAK,CAAC;KALmE;IAOpF,QAAQ;;QACN,YAAA,IAAI,CAAC,OAAO,0CAAE,OAAO,0CAAE,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;;YACzE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAC,IAAI,CAAC,OAAO,CAAC,OAAO,0CAAE,OAAO,CAAA,CAAC,CAAC;SAC1D,EAAE;QACH,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,IAAI,GAAG,CAAC;KAC1C;IACD,WAAW;QACT,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QACnB,IAAI,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC;KACxB;;;YArBF,SAAS,SAAC;;gBAET,QAAQ,EAAE,iBAAiB;aAC5B;;;YARmB,UAAU;YACrB,SAAS,uBASoB,IAAI,YAAI,QAAQ;;;MCAzC,iBAAiB;IAmB5B;QAlBS,SAAI,GAA2B,UAAU,CAAC;QAC1C,SAAI,GAAuB,IAAI,CAAC;QAEhC,YAAO,GAAG,KAAK,CAAC;QAChB,aAAQ,GAAG,KAAK,CAAC;QACjB,gBAAW,GAAW,KAAK,CAAC;QAYrC,kBAAa,GAAY,IAAI,CAAC;KACd;IAZhB,IAAqC,SAAS,CAAC,KAAwB;;QACrE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAC,aAAa,CAAC,WAAW,KAAI,EAAE,CAAC;SAC9D;QACD,IAAI,CAAC,SAAS,SAAG,KAAK,CAAC,OAAO,0CAAE,OAAO,CAAC;QACxC,MAAA,IAAI,CAAC,iBAAiB,0CAAE,WAAW,GAAG;QACtC,IAAI,CAAC,iBAAiB,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,SAAS,CAAC,GAAG,KAAK,IAAI,CAAC,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC;QACtF,IAAI,CAAC,WAAW,IAAI,GAAG,CAAC;KACzB;IAMD,QAAQ,MAAW;IACnB,WAAW;;QACT,MAAA,IAAI,CAAC,iBAAiB,0CAAE,WAAW,GAAG;KACvC;;;YA7BF,SAAS,SAAC;gBACT,QAAQ,EAAE,WAAW;gBACrB,8vBAAyC;;aAE1C;;;;mBAEE,KAAK;mBACL,KAAK;0BACL,KAAK;sBACL,KAAK;uBACL,KAAK;0BACL,KAAK;wBACL,YAAY,SAAC,iBAAiB;;;MCNpB,cAAc;;;YAL1B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;gBACpD,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;gBACpC,OAAO,EAAE,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;aAChD;;;ACVD;;;;;;"}

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

@@ -1,41 +0,0 @@
-import { Component, Input, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class LoaderComponent {
-    constructor() {
-        /** Controls loader size */
-        this.mobileView = false;
-    }
-    ngOnInit() { }
-}
-LoaderComponent.decorators = [
-    { type: Component, args: [{
-                selector: "mis-loader",
-                template: "<div\n  id=\"spinner\"\n  [ngClass]=\"{\n    mobile: mobileView\n  }\"\n></div>\n",
-                styles: ["#spinner{-webkit-animation:frames 1s linear infinite;animation:frames 1s linear infinite;background:transparent;border-radius:100%;border:4px solid #e0e0e0;border-top-color:#6200ee;width:40px;height:40px;padding:0;position:absolute}@-webkit-keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes frames{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.mobile{height:20px!important;width:20px!important;border:2px solid #e0e0e0!important;border-top-color:#6200ee!important}"]
-            },] }
-];
-LoaderComponent.ctorParameters = () => [];
-LoaderComponent.propDecorators = {
-    mobileView: [{ type: Input }]
-};
-
-class LoaderModule {
-    static forRoot() {
-        return { ngModule: LoaderModule, providers: [] };
-    }
-}
-LoaderModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [LoaderComponent],
-                imports: [CommonModule],
-                exports: [LoaderComponent]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { LoaderComponent, LoaderModule };
-//# sourceMappingURL=mis-crystal-design-system-loader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-loader.js","sources":["../../../projects/mis-components/loader/loader.component.ts","../../../projects/mis-components/loader/loader.module.ts","../../../projects/mis-components/loader/mis-crystal-design-system-loader.ts"],"sourcesContent":["import { Component, Input, OnInit } from \"@angular/core\";\n\n@Component({\n  selector: \"mis-loader\",\n  templateUrl: \"./loader.component.html\",\n  styleUrls: [\"./loader.component.scss\"]\n})\nexport class LoaderComponent implements OnInit {\n  /** Controls loader size */\n  @Input() mobileView: boolean = false;\n\n  constructor() {}\n  ngOnInit() {}\n}\n","import { NgModule, ModuleWithProviders } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { LoaderComponent } from \"./loader.component\";\n\n@NgModule({\n  declarations: [LoaderComponent],\n  imports: [CommonModule],\n  exports: [LoaderComponent]\n})\nexport class LoaderModule {\n  static forRoot(): ModuleWithProviders<LoaderModule> {\n    return { ngModule: LoaderModule, providers: [] };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAOa,eAAe;IAI1B;;QAFS,eAAU,GAAY,KAAK,CAAC;KAErB;IAChB,QAAQ,MAAK;;;YAVd,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,6FAAsC;;aAEvC;;;;yBAGE,KAAK;;;MCCK,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;;;;;;"}

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

@@ -1,106 +0,0 @@
-import { ConnectionPositionPair, OverlayConfig, Overlay, OverlayModule } from '@angular/cdk/overlay';
-import { TemplatePortal, PortalModule } from '@angular/cdk/portal';
-import { Directive, ElementRef, ViewContainerRef, Input, HostListener, NgModule } from '@angular/core';
-import { take } from 'rxjs/operators';
-import { CommonModule } from '@angular/common';
-
-/** @format */
-class MenuDirective {
-    constructor(overlay, element, viewContainerRef) {
-        this.overlay = overlay;
-        this.element = element;
-        this.viewContainerRef = viewContainerRef;
-        this.positionX = "start";
-        this.positionY = "bottom";
-        this.offsetX = 0;
-        this.offsetY = 0;
-    }
-    onClick(event) {
-        this.menuShow();
-    }
-    menuShow() {
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(this.element)
-            .withPositions([
-            new ConnectionPositionPair({ originX: this.positionX, originY: this.positionY }, { overlayX: this.positionX, overlayY: this.positionY === "bottom" ? "top" : "bottom" }, this.offsetX, this.offsetY),
-            new ConnectionPositionPair({ originX: "start", originY: "bottom" }, { overlayX: "start", overlayY: "top" }, this.offsetX, this.offsetY),
-            new ConnectionPositionPair({ originX: "end", originY: "top" }, { overlayX: "end", overlayY: "bottom" }, this.offsetX, this.offsetY)
-        ])
-            .withPush(true);
-        const config = new OverlayConfig({
-            hasBackdrop: true,
-            positionStrategy,
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
-            backdropClass: "cdk-overlay-transparent-backdrop"
-        });
-        this.overlayRef = this.overlay.create(config);
-        const tempRef = new TemplatePortal(this.menu, this.viewContainerRef);
-        this.overlayRef.attach(tempRef);
-        this.overlayRef
-            .backdropClick()
-            .pipe(take(1))
-            .subscribe(res => {
-            this.close();
-        });
-    }
-    close() {
-        var _a, _b;
-        (_a = this.overlayRef) === null || _a === void 0 ? void 0 : _a.detach();
-        (_b = this.overlayRef) === null || _b === void 0 ? void 0 : _b.dispose();
-    }
-}
-MenuDirective.decorators = [
-    { type: Directive, args: [{
-                selector: "[misMenu]",
-                exportAs: "misMenu"
-            },] }
-];
-MenuDirective.ctorParameters = () => [
-    { type: Overlay },
-    { type: ElementRef },
-    { type: ViewContainerRef }
-];
-MenuDirective.propDecorators = {
-    menu: [{ type: Input, args: ["misMenu",] }],
-    positionX: [{ type: Input }],
-    positionY: [{ type: Input }],
-    offsetX: [{ type: Input }],
-    offsetY: [{ type: Input }],
-    onClick: [{ type: HostListener, args: ["click", ["$event"],] }]
-};
-
-class MenuCloseDirective {
-    constructor() { }
-    closeMenu() {
-        this.menu.close();
-    }
-}
-MenuCloseDirective.decorators = [
-    { type: Directive, args: [{
-                selector: "[misMenuClose]"
-            },] }
-];
-MenuCloseDirective.ctorParameters = () => [];
-MenuCloseDirective.propDecorators = {
-    menu: [{ type: Input, args: ["misMenuClose",] }],
-    closeMenu: [{ type: HostListener, args: ["click", [],] }]
-};
-
-/** @format */
-class MisMenuModule {
-}
-MisMenuModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [MenuDirective, MenuCloseDirective],
-                imports: [CommonModule, OverlayModule, PortalModule],
-                exports: [MenuDirective, MenuCloseDirective]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MenuCloseDirective, MenuDirective, MisMenuModule };
-//# sourceMappingURL=mis-crystal-design-system-menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-menu.js","sources":["../../../projects/mis-components/menu/menu.directive.ts","../../../projects/mis-components/menu/menu-close.directive.ts","../../../projects/mis-components/menu/menu.module.ts","../../../projects/mis-components/menu/mis-crystal-design-system-menu.ts"],"sourcesContent":["/** @format */\n\nimport { ConnectionPositionPair, Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { TemplatePortal } from \"@angular/cdk/portal\";\nimport { Directive, ElementRef, HostListener, Input, TemplateRef, ViewContainerRef } from \"@angular/core\";\nimport { take } from \"rxjs/operators\";\n\n@Directive({\n  selector: \"[misMenu]\",\n  exportAs: \"misMenu\"\n})\nexport class MenuDirective {\n  @Input(\"misMenu\") menu: TemplateRef<ElementRef>;\n  @Input() positionX: \"start\" | \"end\" = \"start\";\n  @Input() positionY: \"top\" | \"bottom\" = \"bottom\";\n  @Input() offsetX = 0;\n  @Input() offsetY = 0;\n  private overlayRef: OverlayRef;\n\n  constructor(private overlay: Overlay, private element: ElementRef, private viewContainerRef: ViewContainerRef) {}\n  @HostListener(\"click\", [\"$event\"]) onClick(event) {\n    this.menuShow();\n  }\n  private menuShow() {\n    const positionStrategy = this.overlay\n      .position()\n      .flexibleConnectedTo(this.element)\n      .withPositions([\n        new ConnectionPositionPair(\n          { originX: this.positionX, originY: this.positionY },\n          { overlayX: this.positionX, overlayY: this.positionY === \"bottom\" ? \"top\" : \"bottom\" },\n          this.offsetX,\n          this.offsetY\n        ),\n        new ConnectionPositionPair({ originX: \"start\", originY: \"bottom\" }, { overlayX: \"start\", overlayY: \"top\" }, this.offsetX, this.offsetY),\n        new ConnectionPositionPair({ originX: \"end\", originY: \"top\" }, { overlayX: \"end\", overlayY: \"bottom\" }, this.offsetX, this.offsetY)\n      ])\n      .withPush(true);\n    const config = new OverlayConfig({\n      hasBackdrop: true,\n      positionStrategy,\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      backdropClass: \"cdk-overlay-transparent-backdrop\"\n    });\n    this.overlayRef = this.overlay.create(config);\n\n    const tempRef = new TemplatePortal(this.menu, this.viewContainerRef);\n    this.overlayRef.attach(tempRef);\n    this.overlayRef\n      .backdropClick()\n      .pipe(take(1))\n      .subscribe(res => {\n        this.close();\n      });\n  }\n\n  close(): void {\n    this.overlayRef?.detach();\n    this.overlayRef?.dispose();\n  }\n}\n","import { Directive, HostListener, Input } from \"@angular/core\";\nimport { MenuDirective } from \"./menu.directive\";\n\n@Directive({\n  selector: \"[misMenuClose]\"\n})\nexport class MenuCloseDirective {\n  @Input(\"misMenuClose\") menu: MenuDirective;\n  constructor() {}\n\n  @HostListener(\"click\", []) closeMenu() {\n    this.menu.close();\n  }\n}\n","/** @format */\n\nimport { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { MenuDirective } from \"./menu.directive\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { PortalModule } from \"@angular/cdk/portal\";\nimport { MenuCloseDirective } from \"./menu-close.directive\";\n\n@NgModule({\n  declarations: [MenuDirective, MenuCloseDirective],\n  imports: [CommonModule, OverlayModule, PortalModule],\n  exports: [MenuDirective, MenuCloseDirective]\n})\nexport class MisMenuModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/mis-crystal-design-system-mobile-filter.js

@@ -1,74 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
-import { ButtonModule } from 'mis-crystal-design-system/button';
-import { CheckboxModule } from 'mis-crystal-design-system/checkbox';
-
-class MobileFilterComponent {
-    constructor() {
-        this.currentSelectedItem = 'Sort';
-        this.backIcon = '';
-        this.headerName = 'Filters';
-        this.applyBtnName = 'Apply';
-        this.clearBtnName = 'Clear Filters';
-        this.closeFilters = new EventEmitter();
-        this.clearFilters = new EventEmitter();
-        this.applyFilters = new EventEmitter();
-    }
-    set filterOptions(options) {
-        this.localFilterOptions = options;
-    }
-    ;
-    ngOnInit() {
-    }
-    originalOrder() {
-        return 0;
-    }
-    toggleFilter(data, isSelectedItem) {
-        const isMultiSelect = this.localFilterOptions[this.currentSelectedItem].multiSelect;
-        this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = 0;
-        this.localFilterOptions[this.currentSelectedItem].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {
-            const isSelectedValue = option.value === data;
-            (isMultiSelect && option.selected) && (this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems += 1);
-            return Object.assign(Object.assign({}, option), { selected: isSelectedValue ? (isMultiSelect ? !option.selected : true) : (isMultiSelect ? option.selected : false) });
-        });
-        // changing number of selected items for multiselect filters
-        const noOfSelectedItems = this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems;
-        isMultiSelect ? this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = isSelectedItem ? noOfSelectedItems - 1 : noOfSelectedItems + 1 : null;
-    }
-}
-MobileFilterComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'mis-mobile-filter',
-                template: "<div class=\"filters-container\">\n    <div class=\"head display-flex\">\n        <img (click)=\"closeFilters.emit();\" [src]=\"backIcon\" alt=\"\">\n        <span>{{headerName}}</span>\n    </div>\n    <div class=\"body display-flex\">\n        <div class=\"filters\">\n            <ng-container *ngFor=\"let filter of localFilterOptions | keyvalue : originalOrder\">\n                <div class=\"filter display-flex\" (click)=\"currentSelectedItem = filter.key\">\n                    <span class=\"filterName\" [ngStyle]=\"{'color': filter.key === currentSelectedItem ? '#0937B2' : '#181F33'}\">{{ localFilterOptions[filter.key]?.name }}</span>\n                    <span class=\"selectedNumber\" *ngIf=\"localFilterOptions[filter.key]['multiSelect'] && localFilterOptions[filter.key]['noOfSelectedItems'] > 0\">{{ localFilterOptions[filter.key]['noOfSelectedItems'] }}</span>\n                    <div class=\"highlightor\" *ngIf=\"filter.key === currentSelectedItem\"></div>\n                </div>\n            </ng-container>\n        </div>\n        <div class=\"filter-options-container\">\n            <div class=\"filter-options-title\">\n                <span>{{ localFilterOptions[currentSelectedItem]?.name }}</span>\n            </div>\n            <div class=\"filter-options\">\n                <ng-container *ngFor=\"let option of localFilterOptions[currentSelectedItem]?.options; let i = index\">\n                    <div class=\"filter-option display-flex\" (click)=\"toggleFilter(option.value, option.selected)\" >\n                        <mis-checkbox *ngIf=\"localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\"></mis-checkbox>\n                        <input type=\"radio\" *ngIf=\"!localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\">\n                        <span [ngStyle]=\"{'color': option.selected ? '#181F33' : '#6A737D'}\">{{ option.label }}</span>\n                    </div>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n    <div class=\"footer display-flex\">\n        <button\n            mis-button\n            size=\"md\"\n            type=\"text\"\n            (click)=\"clearFilters.emit()\">\n            {{clearBtnName}}\n        </button>\n        <button\n            mis-button\n            size=\"md\"\n            type=\"primary\"\n            (click)=\"applyFilters.emit(localFilterOptions)\"\n            >\n            {{applyBtnName}}\n        </button>\n    </div>\n</div>\n",
-                styles: [".display-flex{display:flex}.filters-container{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;cursor:default}.filters-container *{font-family:Lato}.filters-container .head{height:56px;border-bottom:1px solid #e0e0e0;justify-content:flex-start;align-items:center;padding:0 16px;gap:12px}.filters-container .head img{cursor:pointer}.filters-container .head span{font-weight:700;font-size:17px;line-height:24px;letter-spacing:.2px}.filters-container .body{height:calc(100vh - 129px)}.filters-container .body .filters{width:120px;border-right:1px solid #e0e0e0;flex-shrink:0}.filters-container .body .filters .filter{height:56px;padding:0 16px;border-bottom:1px solid #e0e0e0;align-items:center;font-size:15px;justify-content:space-between;position:relative}.filters-container .body .filters .filter .filterName{color:#6a737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container .body .filters .filter .selectedNumber{background-color:#f5f5f5;height:24px;width:auto;font-size:14px;min-width:24px;border-radius:50%;text-align:center;line-height:24px;padding:0 8px}.filters-container .body .filters .filter .highlightor{position:absolute;left:0;height:100%;width:4px;background-color:#0937b2}.filters-container .body .filter-options-container{padding:16px 16px 0 12px;width:calc(100% - 56px);overflow-x:hidden}.filters-container .body .filter-options-container *{color:#181f33}.filters-container .body .filter-options-container .filter-options-title{text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.25px}.filters-container .body .filter-options-container .filter-options-title span{color:#6a737d}.filters-container .body .filter-options-container .filter-options{margin-top:16px;overflow-y:scroll;height:calc(100% - 32px)}.filters-container .body .filter-options-container .filter-options .filter-option{height:48px;border-bottom:1px solid #e0e0e0;align-items:center;padding-left:16px;gap:13px;font-size:15px}.filters-container .body .filter-options-container .filter-options .filter-option span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container .body .filter-options-container .filter-options .filter-option input[type=radio]{accent-color:#0937b2;width:20px;height:20px}.filters-container .footer{height:73px;border-top:1px solid #e0e0e0;padding:0 16px;align-items:center;justify-content:space-between}.filters-container .footer button{width:160px}"]
-            },] }
-];
-MobileFilterComponent.ctorParameters = () => [];
-MobileFilterComponent.propDecorators = {
-    currentSelectedItem: [{ type: Input }],
-    filterOptions: [{ type: Input }],
-    backIcon: [{ type: Input }],
-    headerName: [{ type: Input }],
-    applyBtnName: [{ type: Input }],
-    clearBtnName: [{ type: Input }],
-    closeFilters: [{ type: Output }],
-    clearFilters: [{ type: Output }],
-    applyFilters: [{ type: Output }]
-};
-
-class MobileFilterModule {
-}
-MobileFilterModule.decorators = [
-    { type: NgModule, args: [{
-                declarations: [MobileFilterComponent],
-                imports: [CommonModule, ButtonModule, CheckboxModule],
-                exports: [MobileFilterComponent]
-            },] }
-];
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { MobileFilterComponent, MobileFilterModule };
-//# sourceMappingURL=mis-crystal-design-system-mobile-filter.js.map

package/fesm2015/mis-crystal-design-system-mobile-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mis-crystal-design-system-mobile-filter.js","sources":["../../../projects/mis-components/mobile-filter/mobile-filter.component.ts","../../../projects/mis-components/mobile-filter/mobile-filter.module.ts","../../../projects/mis-components/mobile-filter/mis-crystal-design-system-mobile-filter.ts"],"sourcesContent":["import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'mis-mobile-filter',\n  templateUrl: './mobile-filter.component.html',\n  styleUrls: ['./mobile-filter.component.scss']\n})\nexport class MobileFilterComponent implements OnInit {\n\n  localFilterOptions: IFilterOptions;\n  @Input() currentSelectedItem: string = 'Sort';\n\n  @Input() set filterOptions(options) {\n    this.localFilterOptions = options;\n  };\n\n  @Input() backIcon: string = '';\n\n  @Input() headerName: string = 'Filters';\n  @Input() applyBtnName: string = 'Apply';\n  @Input() clearBtnName: string = 'Clear Filters';\n\n  @Output() closeFilters = new EventEmitter();\n  @Output() clearFilters = new EventEmitter();\n  @Output() applyFilters = new EventEmitter<IFilterOptions>();\n\n  constructor() { }\n\n  ngOnInit(): void {\n  }\n\n  originalOrder() {  // used in template for keyvalue pipe sorting\n    return 0;\n  }\n\n  toggleFilter(data, isSelectedItem) {\n    const isMultiSelect = this.localFilterOptions[this.currentSelectedItem].multiSelect;\n    this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = 0;\n    this.localFilterOptions[this.currentSelectedItem].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {\n      const isSelectedValue = option.value === data;\n      (isMultiSelect && option.selected) && (this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems +=1);\n      return {\n        ...option,\n        selected: isSelectedValue ? (isMultiSelect ? !option.selected : true) : (isMultiSelect ? option.selected : false)\n      }\n    });\n\n    // changing number of selected items for multiselect filters\n    const noOfSelectedItems = this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems;\n    isMultiSelect ? this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = isSelectedItem ? noOfSelectedItems - 1 : noOfSelectedItems + 1 : null;\n    \n  }\n}\n\nexport interface IFilterOptions {\n  [filterName: string]: {\n      name: string;\n      options: {label: string, value: string, selected: boolean, capacities?: number[], amenities?: string[]}[],    // capacities & amenities are for floor\n      multiSelect: boolean,\n      noOfSelectedItems?: number\n  }\n}\n","import { CommonModule } from \"@angular/common\";\nimport { NgModule } from \"@angular/core\";\nimport { MobileFilterComponent } from \"./mobile-filter.component\";\nimport { ButtonModule } from \"mis-crystal-design-system/button\";\nimport { CheckboxModule } from \"mis-crystal-design-system/checkbox\";\n\n@NgModule({\n  declarations: [MobileFilterComponent],\n  imports: [CommonModule, ButtonModule, CheckboxModule],\n  exports: [MobileFilterComponent]\n})\nexport class MobileFilterModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAOa,qBAAqB;IAmBhC;QAhBS,wBAAmB,GAAW,MAAM,CAAC;QAMrC,aAAQ,GAAW,EAAE,CAAC;QAEtB,eAAU,GAAW,SAAS,CAAC;QAC/B,iBAAY,GAAW,OAAO,CAAC;QAC/B,iBAAY,GAAW,eAAe,CAAC;QAEtC,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QAClC,iBAAY,GAAG,IAAI,YAAY,EAAE,CAAC;QAClC,iBAAY,GAAG,IAAI,YAAY,EAAkB,CAAC;KAE3C;IAdjB,IAAa,aAAa,CAAC,OAAO;QAChC,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC;KACnC;;IAcD,QAAQ;KACP;IAED,aAAa;QACX,OAAO,CAAC,CAAC;KACV;IAED,YAAY,CAAC,IAAI,EAAE,cAAc;QAC/B,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,WAAW,CAAC;QACpF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,iBAAiB,GAAG,CAAC,CAAC;QACxE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM;YAC9H,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC;YAC9C,CAAC,aAAa,IAAI,MAAM,CAAC,QAAQ,MAAM,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,iBAAiB,IAAG,CAAC,CAAC,CAAC;YAChH,uCACK,MAAM,KACT,QAAQ,EAAE,eAAe,IAAI,aAAa,GAAG,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,KAAK,aAAa,GAAG,MAAM,CAAC,QAAQ,GAAG,KAAK,CAAC,IAClH;SACF,CAAC,CAAC;;QAGH,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,iBAAiB,CAAC;QAC9F,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,GAAG,CAAC,GAAG,iBAAiB,GAAG,CAAC,GAAG,IAAI,CAAC;KAE7J;;;YAjDF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,8+EAA6C;;aAE9C;;;;kCAIE,KAAK;4BAEL,KAAK;uBAIL,KAAK;yBAEL,KAAK;2BACL,KAAK;2BACL,KAAK;2BAEL,MAAM;2BACN,MAAM;2BACN,MAAM;;;MCbI,kBAAkB;;;YAL9B,QAAQ,SAAC;gBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;gBACrC,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,cAAc,CAAC;gBACrD,OAAO,EAAE,CAAC,qBAAqB,CAAC;aACjC;;;ACVD;;;;;;"}