npm - mis-crystal-design-system - Versions diffs - 4.0.20 → 4.0.22 - Mend

mis-crystal-design-system 4.0.20 → 4.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

package/bundles/mis-crystal-design-system-mobile-filter.umd.js ADDED Viewed

@@ -0,0 +1,85 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('mis-crystal-design-system/button'), require('mis-crystal-design-system/checkbox')) :
+    typeof define === 'function' && define.amd ? define('mis-crystal-design-system/mobile-filter', ['exports', '@angular/common', '@angular/core', 'mis-crystal-design-system/button', 'mis-crystal-design-system/checkbox'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['mis-crystal-design-system'] = global['mis-crystal-design-system'] || {}, global['mis-crystal-design-system']['mobile-filter'] = {}), global.ng.common, global.ng.core, global['mis-crystal-design-system'].button, global['mis-crystal-design-system'].checkbox));
+}(this, (function (exports, common, core, button, checkbox) { 'use strict';
+    var MobileFilterComponent = /** @class */ (function () {
+        function MobileFilterComponent() {
+            this.currentSelectedItem = 'Sort';
+            this.backIcon = '';
+            this.headerName = 'Filters';
+            this.applyBtnName = 'Apply';
+            this.clearBtnName = 'Clear Filters';
+            this.closeFilters = new core.EventEmitter();
+            this.clearFilters = new core.EventEmitter();
+            this.applyFilters = new core.EventEmitter();
+        }
+        Object.defineProperty(MobileFilterComponent.prototype, "filterOptions", {
+            set: function (options) {
+                this.localFilterOptions = options;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ;
+        MobileFilterComponent.prototype.ngOnInit = function () {
+        };
+        MobileFilterComponent.prototype.originalOrder = function () {
+            return 0;
+        };
+        MobileFilterComponent.prototype.toggleFilter = function (data, isSelectedItem) {
+            var isMultiSelect = this.localFilterOptions[this.currentSelectedItem].multiSelect;
+            this.localFilterOptions[this.currentSelectedItem].options = this.localFilterOptions[this.currentSelectedItem].options.map(function (option) {
+                var isSelectedValue = option.value === data;
+                return Object.assign(Object.assign({}, option), { selected: isSelectedValue ? isMultiSelect ? !option.selected : true : isMultiSelect ? option.selected : false });
+            });
+            // changing number of selected items for multiselect filters
+            var noOfSelectedItems = this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems;
+            isMultiSelect ? this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems = isSelectedItem ? noOfSelectedItems - 1 : noOfSelectedItems + 1 : null;
+        };
+        return MobileFilterComponent;
+    }());
+    MobileFilterComponent.decorators = [
+        { type: core.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'}\">{{ filter.key }}</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>{{ currentSelectedItem }}</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 = function () { return []; };
+    MobileFilterComponent.propDecorators = {
+        filterOptions: [{ type: core.Input }],
+        backIcon: [{ type: core.Input }],
+        headerName: [{ type: core.Input }],
+        applyBtnName: [{ type: core.Input }],
+        clearBtnName: [{ type: core.Input }],
+        closeFilters: [{ type: core.Output }],
+        clearFilters: [{ type: core.Output }],
+        applyFilters: [{ type: core.Output }]
+    };
+    var MobileFilterModule = /** @class */ (function () {
+        function MobileFilterModule() {
+        }
+        return MobileFilterModule;
+    }());
+    MobileFilterModule.decorators = [
+        { type: core.NgModule, args: [{
+                    declarations: [MobileFilterComponent],
+                    imports: [common.CommonModule, button.ButtonModule, checkbox.CheckboxModule],
+                    exports: [MobileFilterComponent]
+                },] }
+    ];
+    /**
+     * Generated bundle index. Do not edit.
+     */
+    exports.MobileFilterComponent = MobileFilterComponent;
+    exports.MobileFilterModule = MobileFilterModule;
+    Object.defineProperty(exports, '__esModule', { value: true });
+})));
+//# sourceMappingURL=mis-crystal-design-system-mobile-filter.umd.js.map

package/bundles/mis-crystal-design-system-mobile-filter.umd.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mis-crystal-design-system-mobile-filter.umd.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 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].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {\n const isSelectedValue = option.value === data;\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\nexport interface IFilterOptions {\n [filterName: 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":["EventEmitter","Component","Input","Output","NgModule","CommonModule","ButtonModule","CheckboxModule"],"mappings":";;;;;;;QA0BE;YAhBA,wBAAmB,GAAW,MAAM,CAAC;YAM5B,aAAQ,GAAW,EAAE,CAAC;YAEtB,eAAU,GAAW,SAAS,CAAC;YAC/B,iBAAY,GAAW,OAAO,CAAC;YAC/B,iBAAY,GAAW,eAAe,CAAC;YAEtC,iBAAY,GAAG,IAAIA,iBAAY,EAAE,CAAC;YAClC,iBAAY,GAAG,IAAIA,iBAAY,EAAE,CAAC;YAClC,iBAAY,GAAG,IAAIA,iBAAY,EAAkB,CAAC;SAE3C;QAdjB,sBAAa,gDAAa;iBAA1B,UAA2B,OAAO;gBAChC,IAAI,CAAC,kBAAkB,GAAG,OAAO,CAAC;aACnC;;;WAAA;QAAA,CAAC;QAcF,wCAAQ,GAAR;SACC;QAED,6CAAa,GAAb;YACE,OAAO,CAAC,CAAC;SACV;QAED,4CAAY,GAAZ,UAAa,IAAI,EAAE,cAAc;YAC/B,IAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,WAAW,CAAC;YACpF,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,UAAA,MAAM;gBAC9H,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC;gBAC9C,uCACK,MAAM,KACT,QAAQ,EAAE,eAAe,GAAG,aAAa,GAAG,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,GAAG,aAAa,GAAG,MAAM,CAAC,QAAQ,GAAG,KAAK,IAC9G;aACF,CAAC,CAAC;;YAGH,IAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,iBAAiB,CAAC;YAC9F,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;SAC7J;;;;gBA9CFC,cAAS,SAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,07EAA6C;;iBAE9C;;;;gCAMEC,UAAK;2BAILA,UAAK;6BAELA,UAAK;+BACLA,UAAK;+BACLA,UAAK;+BAELC,WAAM;+BACNA,WAAM;+BACNA,WAAM;;;;QCbT;;;;;gBALCC,aAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,qBAAqB,CAAC;oBACrC,OAAO,EAAE,CAACC,mBAAY,EAAEC,mBAAY,EAAEC,uBAAc,CAAC;oBACrD,OAAO,EAAE,CAAC,qBAAqB,CAAC;iBACjC;;;ICVD;;;;;;;;;;;;;"}

package/bundles/mis-crystal-design-system-mobile-filter.umd.min.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/core"),require("mis-crystal-design-system/button"),require("mis-crystal-design-system/checkbox")):"function"==typeof define&&define.amd?define("mis-crystal-design-system/mobile-filter",["exports","@angular/common","@angular/core","mis-crystal-design-system/button","mis-crystal-design-system/checkbox"],t):t(((e="undefined"!=typeof globalThis?globalThis:e\|\|self)["mis-crystal-design-system"]=e["mis-crystal-design-system"]\|\|{},e["mis-crystal-design-system"]["mobile-filter"]={}),e.ng.common,e.ng.core,e["mis-crystal-design-system"].button,e["mis-crystal-design-system"].checkbox)}(this,(function(e,t,i,n,o){"use strict";var l=function(){function e(){this.currentSelectedItem="Sort",this.backIcon="",this.headerName="Filters",this.applyBtnName="Apply",this.clearBtnName="Clear Filters",this.closeFilters=new i.EventEmitter,this.clearFilters=new i.EventEmitter,this.applyFilters=new i.EventEmitter}return Object.defineProperty(e.prototype,"filterOptions",{set:function(e){this.localFilterOptions=e},enumerable:!1,configurable:!0}),e.prototype.ngOnInit=function(){},e.prototype.originalOrder=function(){return 0},e.prototype.toggleFilter=function(e,t){var i=this.localFilterOptions[this.currentSelectedItem].multiSelect;this.localFilterOptions[this.currentSelectedItem].options=this.localFilterOptions[this.currentSelectedItem].options.map((function(t){var n=t.value===e;return Object.assign(Object.assign({},t),{selected:n?!i\|\|!t.selected:!!i&&t.selected})}));var n=this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems;i&&(this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems=t?n-1:n+1)},e}();l.decorators=[{type:i.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\'}">{{ filter.key }}</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>{{ currentSelectedItem }}</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}"]}]}],l.ctorParameters=function(){return[]},l.propDecorators={filterOptions:[{type:i.Input}],backIcon:[{type:i.Input}],headerName:[{type:i.Input}],applyBtnName:[{type:i.Input}],clearBtnName:[{type:i.Input}],closeFilters:[{type:i.Output}],clearFilters:[{type:i.Output}],applyFilters:[{type:i.Output}]};var r=function(){};r.decorators=[{type:i.NgModule,args:[{declarations:[l],imports:[t.CommonModule,n.ButtonModule,o.CheckboxModule],exports:[l]}]}],e.MobileFilterComponent=l,e.MobileFilterModule=r,Object.defineProperty(e,"__esModule",{value:!0})}));
2	+ //# sourceMappingURL=mis-crystal-design-system-mobile-filter.umd.min.js.map

package/bundles/mis-crystal-design-system-mobile-filter.umd.min.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../projects/mis-components/mobile-filter/mobile-filter.component.ts","../../../projects/mis-components/mobile-filter/mobile-filter.module.ts"],"names":["MobileFilterComponent","this","currentSelectedItem","backIcon","headerName","applyBtnName","clearBtnName","closeFilters","EventEmitter","clearFilters","applyFilters","Object","defineProperty","prototype","options","localFilterOptions","ngOnInit","originalOrder","toggleFilter","data","isSelectedItem","isMultiSelect","multiSelect","map","option","isSelectedValue","value","assign","selected","noOfSelectedItems","Component","args","selector","template","Input","Output","NgModule","declarations","imports","CommonModule","ButtonModule","CheckboxModule","exports"],"mappings":"wvBA0BE,SAAAA,IAhBAC,KAAAC,oBAA8B,OAMrBD,KAAAE,SAAmB,GAEnBF,KAAAG,WAAqB,UACrBH,KAAAI,aAAuB,QACvBJ,KAAAK,aAAuB,gBAEtBL,KAAAM,aAAe,IAAIC,EAAAA,aACnBP,KAAAQ,aAAe,IAAID,EAAAA,aACnBP,KAAAS,aAAe,IAAIF,EAAAA,oBAZ7BG,OAAAC,eAAaZ,EAAAa,UAAA,gBAAa,KAA1B,SAA2BC,GACzBb,KAAKc,mBAAqBD,mCAe5Bd,EAAAa,UAAAG,SAAA,aAGAhB,EAAAa,UAAAI,cAAA,WACE,OAAO,GAGTjB,EAAAa,UAAAK,aAAA,SAAaC,EAAMC,GACjB,IAAMC,EAAgBpB,KAAKc,mBAAmBd,KAAKC,qBAAqBoB,YACxErB,KAAKc,mBAAmBd,KAAKC,qBAAqBY,QAAUb,KAAKc,mBAAmBd,KAAKC,qBAAqBY,QAAQS,KAAI,SAAAC,GACxH,IAAMC,EAAkBD,EAAOE,QAAUP,EACzC,OAAAR,OAAAgB,OAAAhB,OAAAgB,OAAA,GACKH,GAAM,CACTI,SAAUH,GAAkBJ,IAAiBG,EAAOI,WAAkBP,GAAgBG,EAAOI,cAKjG,IAAMC,EAAoB5B,KAAKc,mBAAmBd,KAAKC,qBAAqB2B,kBAC5ER,IAAgBpB,KAAKc,mBAAmBd,KAAKC,qBAAqB2B,kBAAoBT,EAAiBS,EAAoB,EAAIA,EAAoB,6BA7CtJC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,oBACVC,SAAA,k2JAQCC,EAAAA,wBAIAA,EAAAA,0BAEAA,EAAAA,4BACAA,EAAAA,4BACAA,EAAAA,4BAEAC,EAAAA,6BACAA,EAAAA,6BACAA,EAAAA,gBCbH,iCALCC,EAAAA,SAAQL,KAAA,CAAC,CACRM,aAAc,CAACrC,GACfsC,QAAS,CAACC,EAAAA,aAAcC,EAAAA,aAAcC,EAAAA,gBACtCC,QAAS,CAAC1C","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 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].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {\n const isSelectedValue = option.value === data;\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\nexport interface IFilterOptions {\n [filterName: 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"]}

package/esm2015/mobile-filter/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./public_api";
2	+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9tb2JpbGUtZmlsdGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSBcIi4vcHVibGljX2FwaVwiOyJdfQ==

package/esm2015/mobile-filter/mis-crystal-design-system-mobile-filter.js ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzLWNyeXN0YWwtZGVzaWduLXN5c3RlbS1tb2JpbGUtZmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbWlzLWNvbXBvbmVudHMvbW9iaWxlLWZpbHRlci9taXMtY3J5c3RhbC1kZXNpZ24tc3lzdGVtLW1vYmlsZS1maWx0ZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=

package/esm2015/mobile-filter/mobile-filter.component.js ADDED Viewed

@@ -0,0 +1,51 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+export 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].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {
+            const isSelectedValue = option.value === data;
+            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'}\">{{ filter.key }}</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>{{ currentSelectedItem }}</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 = {
+    filterOptions: [{ type: Input }],
+    backIcon: [{ type: Input }],
+    headerName: [{ type: Input }],
+    applyBtnName: [{ type: Input }],
+    clearBtnName: [{ type: Input }],
+    closeFilters: [{ type: Output }],
+    clearFilters: [{ type: Output }],
+    applyFilters: [{ type: Output }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9tb2JpbGUtZmlsdGVyL21vYmlsZS1maWx0ZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPL0UsTUFBTSxPQUFPLHFCQUFxQjtJQW1CaEM7UUFoQkEsd0JBQW1CLEdBQVcsTUFBTSxDQUFDO1FBTTVCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFdEIsZUFBVSxHQUFXLFNBQVMsQ0FBQztRQUMvQixpQkFBWSxHQUFXLE9BQU8sQ0FBQztRQUMvQixpQkFBWSxHQUFXLGVBQWUsQ0FBQztRQUV0QyxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEMsaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7SUFFNUMsQ0FBQztJQWRqQixJQUFhLGFBQWEsQ0FBQyxPQUFPO1FBQ2hDLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxPQUFPLENBQUM7SUFDcEMsQ0FBQztJQUFBLENBQUM7SUFjRixRQUFRO0lBQ1IsQ0FBQztJQUVELGFBQWE7UUFDWCxPQUFPLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRCxZQUFZLENBQUMsSUFBSSxFQUFFLGNBQWM7UUFDL0IsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLFdBQVcsQ0FBQztRQUNwRixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFO1lBQ2pJLE1BQU0sZUFBZSxHQUFHLE1BQU0sQ0FBQyxLQUFLLEtBQUssSUFBSSxDQUFDO1lBQzlDLHVDQUNLLE1BQU0sS0FDVCxRQUFRLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFDOUc7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVILDREQUE0RDtRQUM1RCxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQztRQUM5RixhQUFhLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxpQkFBaUIsR0FBRyxjQUFjLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDOUosQ0FBQzs7O1lBOUNGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsbUJBQW1CO2dCQUM3QiwwN0VBQTZDOzthQUU5Qzs7Ozs0QkFNRSxLQUFLO3VCQUlMLEtBQUs7eUJBRUwsS0FBSzsyQkFDTCxLQUFLOzJCQUNMLEtBQUs7MkJBRUwsTUFBTTsyQkFDTixNQUFNOzJCQUNOLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21pcy1tb2JpbGUtZmlsdGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vYmlsZS1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2JpbGUtZmlsdGVyLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTW9iaWxlRmlsdGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICBsb2NhbEZpbHRlck9wdGlvbnM6IElGaWx0ZXJPcHRpb25zO1xuICBjdXJyZW50U2VsZWN0ZWRJdGVtOiBzdHJpbmcgPSAnU29ydCc7XG5cbiAgQElucHV0KCkgc2V0IGZpbHRlck9wdGlvbnMob3B0aW9ucykge1xuICAgIHRoaXMubG9jYWxGaWx0ZXJPcHRpb25zID0gb3B0aW9ucztcbiAgfTtcblxuICBASW5wdXQoKSBiYWNrSWNvbjogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgaGVhZGVyTmFtZTogc3RyaW5nID0gJ0ZpbHRlcnMnO1xuICBASW5wdXQoKSBhcHBseUJ0bk5hbWU6IHN0cmluZyA9ICdBcHBseSc7XG4gIEBJbnB1dCgpIGNsZWFyQnRuTmFtZTogc3RyaW5nID0gJ0NsZWFyIEZpbHRlcnMnO1xuXG4gIEBPdXRwdXQoKSBjbG9zZUZpbHRlcnMgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjbGVhckZpbHRlcnMgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBhcHBseUZpbHRlcnMgPSBuZXcgRXZlbnRFbWl0dGVyPElGaWx0ZXJPcHRpb25zPigpO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gIH1cblxuICBvcmlnaW5hbE9yZGVyKCkgeyAgLy8gdXNlZCBpbiB0ZW1wbGF0ZSBmb3Iga2V5dmFsdWUgcGlwZSBzb3J0aW5nXG4gICAgcmV0dXJuIDA7XG4gIH1cblxuICB0b2dnbGVGaWx0ZXIoZGF0YSwgaXNTZWxlY3RlZEl0ZW0pIHtcbiAgICBjb25zdCBpc011bHRpU2VsZWN0ID0gdGhpcy5sb2NhbEZpbHRlck9wdGlvbnNbdGhpcy5jdXJyZW50U2VsZWN0ZWRJdGVtXS5tdWx0aVNlbGVjdDtcbiAgICB0aGlzLmxvY2FsRmlsdGVyT3B0aW9uc1t0aGlzLmN1cnJlbnRTZWxlY3RlZEl0ZW1dLm9wdGlvbnMgPSB0aGlzLmxvY2FsRmlsdGVyT3B0aW9uc1t0aGlzLmN1cnJlbnRTZWxlY3RlZEl0ZW1dLm9wdGlvbnMubWFwKG9wdGlvbiA9PiB7XG4gICAgICBjb25zdCBpc1NlbGVjdGVkVmFsdWUgPSBvcHRpb24udmFsdWUgPT09IGRhdGE7XG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5vcHRpb24sXG4gICAgICAgIHNlbGVjdGVkOiBpc1NlbGVjdGVkVmFsdWUgPyBpc011bHRpU2VsZWN0ID8gIW9wdGlvbi5zZWxlY3RlZCA6IHRydWUgOiBpc011bHRpU2VsZWN0ID8gb3B0aW9uLnNlbGVjdGVkIDogZmFsc2VcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIC8vIGNoYW5naW5nIG51bWJlciBvZiBzZWxlY3RlZCBpdGVtcyBmb3IgbXVsdGlzZWxlY3QgZmlsdGVyc1xuICAgIGNvbnN0IG5vT2ZTZWxlY3RlZEl0ZW1zID0gdGhpcy5sb2NhbEZpbHRlck9wdGlvbnNbdGhpcy5jdXJyZW50U2VsZWN0ZWRJdGVtXS5ub09mU2VsZWN0ZWRJdGVtcztcbiAgICBpc011bHRpU2VsZWN0ID8gdGhpcy5sb2NhbEZpbHRlck9wdGlvbnNbdGhpcy5jdXJyZW50U2VsZWN0ZWRJdGVtXS5ub09mU2VsZWN0ZWRJdGVtcyA9IGlzU2VsZWN0ZWRJdGVtID8gbm9PZlNlbGVjdGVkSXRlbXMgLSAxIDogbm9PZlNlbGVjdGVkSXRlbXMgKyAxIDogbnVsbDtcbiAgfVxufVxuXG5leHBvcnQgaW50ZXJmYWNlIElGaWx0ZXJPcHRpb25zIHtcbiAgW2ZpbHRlck5hbWU6IHN0cmluZ106IHtcbiAgICAgIG9wdGlvbnM6IHtsYWJlbDogc3RyaW5nLCB2YWx1ZTogc3RyaW5nLCBzZWxlY3RlZDogYm9vbGVhbiwgY2FwYWNpdGllcz86IG51bWJlcltdLCBhbWVuaXRpZXM/OiBzdHJpbmdbXX1bXSwgICAgLy8gY2FwYWNpdGllcyAmIGFtZW5pdGllcyBhcmUgZm9yIGZsb29yXG4gICAgICBtdWx0aVNlbGVjdDogYm9vbGVhbixcbiAgICAgIG5vT2ZTZWxlY3RlZEl0ZW1zPzogbnVtYmVyXG4gIH1cbn1cbiJdfQ==

package/esm2015/mobile-filter/mobile-filter.module.js ADDED Viewed

@@ -0,0 +1,15 @@
+import { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { MobileFilterComponent } from "./mobile-filter.component";
+import { ButtonModule } from "mis-crystal-design-system/button";
+import { CheckboxModule } from "mis-crystal-design-system/checkbox";
+export class MobileFilterModule {
+}
+MobileFilterModule.decorators = [
+    { type: NgModule, args: [{
+                declarations: [MobileFilterComponent],
+                imports: [CommonModule, ButtonModule, CheckboxModule],
+                exports: [MobileFilterComponent]
+            },] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9iaWxlLWZpbHRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9taXMtY29tcG9uZW50cy9tb2JpbGUtZmlsdGVyL21vYmlsZS1maWx0ZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFPcEUsTUFBTSxPQUFPLGtCQUFrQjs7O1lBTDlCLFFBQVEsU0FBQztnQkFDUixZQUFZLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztnQkFDckMsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxjQUFjLENBQUM7Z0JBQ3JELE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO2FBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgTW9iaWxlRmlsdGVyQ29tcG9uZW50IH0gZnJvbSBcIi4vbW9iaWxlLWZpbHRlci5jb21wb25lbnRcIjtcbmltcG9ydCB7IEJ1dHRvbk1vZHVsZSB9IGZyb20gXCJtaXMtY3J5c3RhbC1kZXNpZ24tc3lzdGVtL2J1dHRvblwiO1xuaW1wb3J0IHsgQ2hlY2tib3hNb2R1bGUgfSBmcm9tIFwibWlzLWNyeXN0YWwtZGVzaWduLXN5c3RlbS9jaGVja2JveFwiO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtNb2JpbGVGaWx0ZXJDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXR0b25Nb2R1bGUsIENoZWNrYm94TW9kdWxlXSxcbiAgZXhwb3J0czogW01vYmlsZUZpbHRlckNvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgTW9iaWxlRmlsdGVyTW9kdWxlIHtcbn1cbiJdfQ==

package/esm2015/mobile-filter/public_api.js ADDED Viewed

@@ -0,0 +1,3 @@
+export { MobileFilterModule } from './mobile-filter.module';
+export { MobileFilterComponent } from './mobile-filter.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL21pcy1jb21wb25lbnRzL21vYmlsZS1maWx0ZXIvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUscUJBQXFCLEVBQWtCLE1BQU0sMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBNb2JpbGVGaWx0ZXJNb2R1bGUgfSBmcm9tICcuL21vYmlsZS1maWx0ZXIubW9kdWxlJztcbmV4cG9ydCB7IE1vYmlsZUZpbHRlckNvbXBvbmVudCwgSUZpbHRlck9wdGlvbnMgfSBmcm9tICcuL21vYmlsZS1maWx0ZXIuY29tcG9uZW50JzsiXX0=

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

@@ -0,0 +1,71 @@
+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].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {
+            const isSelectedValue = option.value === data;
+            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'}\">{{ filter.key }}</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>{{ currentSelectedItem }}</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 = {
+    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 ADDED Viewed

@@ -0,0 +1 @@

+ {"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 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].options = this.localFilterOptions[this.currentSelectedItem].options.map(option => {\n const isSelectedValue = option.value === data;\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\nexport interface IFilterOptions {\n [filterName: 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;QAhBA,wBAAmB,GAAW,MAAM,CAAC;QAM5B,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,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,uCACK,MAAM,KACT,QAAQ,EAAE,eAAe,GAAG,aAAa,GAAG,CAAC,MAAM,CAAC,QAAQ,GAAG,IAAI,GAAG,aAAa,GAAG,MAAM,CAAC,QAAQ,GAAG,KAAK,IAC9G;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;KAC7J;;;YA9CF,SAAS,SAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,07EAA6C;;aAE9C;;;;4BAME,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;;;;;;"}

package/mobile-filter/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from "./public_api";

package/mobile-filter/mis-crystal-design-system-mobile-filter.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';

package/mobile-filter/mis-crystal-design-system-mobile-filter.metadata.json ADDED Viewed

@@ -0,0 +1 @@

+ {"__symbolic":"module","version":4,"metadata":{"MobileFilterModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"MobileFilterComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":8,"character":12},{"__symbolic":"reference","module":"mis-crystal-design-system/button","name":"ButtonModule","line":8,"character":26},{"__symbolic":"reference","module":"mis-crystal-design-system/checkbox","name":"CheckboxModule","line":8,"character":40}],"exports":[{"__symbolic":"reference","name":"MobileFilterComponent"}]}]}],"members":{}},"MobileFilterComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"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'}\">{{ filter.key }}</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>{{ currentSelectedItem }}</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}"]}]}],"members":{"filterOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"backIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"headerName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"applyBtnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"clearBtnName":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"closeFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":3}}]}],"clearFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"applyFilters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"originalOrder":[{"__symbolic":"method"}],"toggleFilter":[{"__symbolic":"method"}]}},"IFilterOptions":{"__symbolic":"interface"}},"origins":{"MobileFilterModule":"./mobile-filter.module","MobileFilterComponent":"./mobile-filter.component","IFilterOptions":"./mobile-filter.component"},"importAs":"mis-crystal-design-system/mobile-filter"}

package/mobile-filter/mobile-filter.component.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { EventEmitter, OnInit } from '@angular/core';
+export declare class MobileFilterComponent implements OnInit {
+    localFilterOptions: IFilterOptions;
+    currentSelectedItem: string;
+    set filterOptions(options: any);
+    backIcon: string;
+    headerName: string;
+    applyBtnName: string;
+    clearBtnName: string;
+    closeFilters: EventEmitter<any>;
+    clearFilters: EventEmitter<any>;
+    applyFilters: EventEmitter<IFilterOptions>;
+    constructor();
+    ngOnInit(): void;
+    originalOrder(): number;
+    toggleFilter(data: any, isSelectedItem: any): void;
+}
+export interface IFilterOptions {
+    [filterName: string]: {
+        options: {
+            label: string;
+            value: string;
+            selected: boolean;
+            capacities?: number[];
+            amenities?: string[];
+        }[];
+        multiSelect: boolean;
+        noOfSelectedItems?: number;
+    };
+}

package/mobile-filter/mobile-filter.module.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare class MobileFilterModule {
2	+ }

package/mobile-filter/package.json ADDED Viewed

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/mis-crystal-design-system-mobile-filter.umd.js",
+  "module": "../fesm2015/mis-crystal-design-system-mobile-filter.js",
+  "es2015": "../fesm2015/mis-crystal-design-system-mobile-filter.js",
+  "esm2015": "../esm2015/mobile-filter/mis-crystal-design-system-mobile-filter.js",
+  "fesm2015": "../fesm2015/mis-crystal-design-system-mobile-filter.js",
+  "typings": "mis-crystal-design-system-mobile-filter.d.ts",
+  "metadata": "mis-crystal-design-system-mobile-filter.metadata.json",
+  "sideEffects": false,
+  "name": "mis-crystal-design-system/mobile-filter"
+}

package/mobile-filter/public_api.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export { MobileFilterModule } from './mobile-filter.module';
2	+ export { MobileFilterComponent, IFilterOptions } from './mobile-filter.component';

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "mis-crystal-design-system",
-  "version": "4.0.20",
+  "version": "4.0.22",
   "peerDependencies": {
     "@angular/common": "*",
     "@angular/core": "*",