npm - mis-crystal-design-system - Versions diffs - 18.0.24 → 18.1.0-signal-test - Mend

mis-crystal-design-system 18.0.24 → 18.1.0-signal-test

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 (163) hide show

package/fesm2022/mis-crystal-design-system-mobile-filter.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { input, output, signal, computed, effect, Component, NgModule } from '@angular/core';
 import * as i2 from 'mis-crystal-design-system/button';
 import { ButtonModule } from 'mis-crystal-design-system/button';
 import * as i3 from 'mis-crystal-design-system/checkbox';
@@ -16,7 +16,7 @@ function MobileFilterComponent_ng_container_7_span_4_Template(rf, ctx) { if (rf
     const filter_r2 = i0.ɵɵnextContext().$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.localFilterOptions[filter_r2.key]["noOfSelectedItems"]);
+    i0.ɵɵtextInterpolate(ctx_r2.localFilterOptions()[filter_r2.key]["noOfSelectedItems"]);
 } }
 function MobileFilterComponent_ng_container_7_div_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 17);
@@ -25,7 +25,7 @@ function MobileFilterComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "div", 12);
-    i0.ɵɵlistener("click", function MobileFilterComponent_ng_container_7_Template_div_click_1_listener() { const filter_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.currentSelectedItem = filter_r2.key); })("keyup.enter", function MobileFilterComponent_ng_container_7_Template_div_keyup_enter_1_listener() { const filter_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.currentSelectedItem = filter_r2.key); });
+    i0.ɵɵlistener("click", function MobileFilterComponent_ng_container_7_Template_div_click_1_listener() { const filter_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectedItem.set(filter_r2.key)); })("keyup.enter", function MobileFilterComponent_ng_container_7_Template_div_keyup_enter_1_listener() { const filter_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectedItem.set(filter_r2.key)); });
     i0.ɵɵelementStart(2, "span", 13);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
@@ -33,16 +33,17 @@ function MobileFilterComponent_ng_container_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
+    let tmp_3_0;
     const filter_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(4, _c0, filter_r2.key === ctx_r2.currentSelectedItem ? "#0937B2" : "#181F33"));
+    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(4, _c0, filter_r2.key === ctx_r2.selectedItem() ? "#0937B2" : "#181F33"));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r2.localFilterOptions[filter_r2.key] == null ? null : ctx_r2.localFilterOptions[filter_r2.key].name);
+    i0.ɵɵtextInterpolate((tmp_3_0 = ctx_r2.localFilterOptions()[filter_r2.key]) == null ? null : tmp_3_0.name);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.localFilterOptions[filter_r2.key]["multiSelect"] && ctx_r2.localFilterOptions[filter_r2.key]["noOfSelectedItems"] > 0);
+    i0.ɵɵproperty("ngIf", ctx_r2.localFilterOptions()[filter_r2.key]["multiSelect"] && ctx_r2.localFilterOptions()[filter_r2.key]["noOfSelectedItems"] > 0);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r2.key === ctx_r2.currentSelectedItem);
+    i0.ɵɵproperty("ngIf", filter_r2.key === ctx_r2.selectedItem());
 } }
 function MobileFilterComponent_ng_container_14_mis_checkbox_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mis-checkbox", 22);
@@ -72,51 +73,66 @@ function MobileFilterComponent_ng_container_14_Template(rf, ctx) { if (rf & 1) {
     const option_r5 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r2.localFilterOptions[ctx_r2.currentSelectedItem].multiSelect);
+    i0.ɵɵproperty("ngIf", ctx_r2.localFilterOptions()[ctx_r2.selectedItem()].multiSelect);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r2.localFilterOptions[ctx_r2.currentSelectedItem].multiSelect);
+    i0.ɵɵproperty("ngIf", !ctx_r2.localFilterOptions()[ctx_r2.selectedItem()].multiSelect);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(4, _c0, option_r5.selected ? "#181F33" : "#6A737D"));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(option_r5.label);
 } }
 class MobileFilterComponent {
-    set filterOptions(options) {
-        this.localFilterOptions = options;
-    }
-    ;
     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();
-    }
-    ngOnInit() {
+        // The input signal is read-only. Its value can only be set by the parent component.
+        this.currentSelectedItem = input('Sort');
+        this.filterOptions = input.required();
+        this.backIcon = input('');
+        this.headerName = input('Filters');
+        this.applyBtnName = input('Apply');
+        this.clearBtnName = input('Clear Filters');
+        this.closeFilters = output();
+        this.clearFilters = output();
+        this.applyFilters = output();
+        // This internal signal holds the state of the selected item.
+        // It is writable and can be updated from within the component's template.
+        this.selectedItem = signal(this.currentSelectedItem());
+        // Use a computed signal for the filter options to maintain reactivity.
+        this.localFilterOptions = computed(() => this.filterOptions());
+        // This effect ensures that if the parent changes the input, our internal signal is also updated.
+        effect(() => {
+            this.selectedItem.set(this.currentSelectedItem());
+        });
     }
+    // Rest of your component methods...
     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 updatedOptions = structuredClone(this.localFilterOptions());
+        const currentKey = this.selectedItem();
+        const currentFilter = updatedOptions[currentKey];
+        if (!currentFilter)
+            return;
+        const isMultiSelect = currentFilter.multiSelect;
+        let newNoOfSelectedItems = 0;
+        currentFilter.options = currentFilter.options.map(option => {
             const isSelectedValue = option.value === data;
-            (isMultiSelect && option.selected) && (this.localFilterOptions[this.currentSelectedItem].noOfSelectedItems += 1);
+            const newSelectedState = isSelectedValue ? (isMultiSelect ? !option.selected : true) : (isMultiSelect ? option.selected : false);
+            if (newSelectedState) {
+                newNoOfSelectedItems++;
+            }
             return {
                 ...option,
-                selected: isSelectedValue ? (isMultiSelect ? !option.selected : true) : (isMultiSelect ? option.selected : false)
+                selected: newSelectedState
             };
         });
-        // 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;
+        currentFilter.noOfSelectedItems = newNoOfSelectedItems;
+    }
+    onApply() {
+        this.applyFilters.emit(this.localFilterOptions());
     }
     static { this.ɵfac = function MobileFilterComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MobileFilterComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileFilterComponent, selectors: [["mis-mobile-filter"]], inputs: { currentSelectedItem: "currentSelectedItem", filterOptions: "filterOptions", backIcon: "backIcon", headerName: "headerName", applyBtnName: "applyBtnName", clearBtnName: "clearBtnName" }, outputs: { closeFilters: "closeFilters", clearFilters: "clearFilters", applyFilters: "applyFilters" }, decls: 20, vars: 10, consts: [[1, "filters-container"], [1, "head", "display-flex"], ["tabindex", "0", "aria-label", "Close Filters Arrow", "alt", "", 3, "click", "keyup.enter", "src"], [1, "body", "display-flex"], [1, "filters"], [4, "ngFor", "ngForOf"], [1, "filter-options-container"], [1, "filter-options-title"], [1, "filter-options"], [1, "footer", "display-flex"], ["mis-button", "", "size", "md", "type", "text", 3, "click"], ["mis-button", "", "size", "md", "type", "primary", 3, "click"], ["tabindex", "0", 1, "filter", "display-flex", 3, "click", "keyup.enter"], [1, "filterName", 3, "ngStyle"], ["class", "selectedNumber", 4, "ngIf"], ["class", "highlightor", 4, "ngIf"], [1, "selectedNumber"], [1, "highlightor"], [1, "filter-option", "display-flex", 3, "click", "keyup.enter"], [3, "checked", 4, "ngIf"], ["type", "radio", 3, "checked", 4, "ngIf"], [3, "ngStyle"], [3, "checked"], ["type", "radio", 3, "checked"]], template: function MobileFilterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MobileFilterComponent, selectors: [["mis-mobile-filter"]], inputs: { currentSelectedItem: [1, "currentSelectedItem"], filterOptions: [1, "filterOptions"], backIcon: [1, "backIcon"], headerName: [1, "headerName"], applyBtnName: [1, "applyBtnName"], clearBtnName: [1, "clearBtnName"] }, outputs: { closeFilters: "closeFilters", clearFilters: "clearFilters", applyFilters: "applyFilters" }, decls: 20, vars: 10, consts: [[1, "filters-container"], [1, "head", "display-flex"], ["tabindex", "0", "aria-label", "Close Filters Arrow", "alt", "", 3, "click", "keyup.enter", "src"], [1, "body", "display-flex"], [1, "filters"], [4, "ngFor", "ngForOf"], [1, "filter-options-container"], [1, "filter-options-title"], [1, "filter-options"], [1, "footer", "display-flex"], ["mis-button", "", "size", "md", "type", "text", 3, "click"], ["mis-button", "", "size", "md", "type", "primary", 3, "click"], ["tabindex", "0", 1, "filter", "display-flex", 3, "click", "keyup.enter"], [1, "filterName", 3, "ngStyle"], ["class", "selectedNumber", 4, "ngIf"], ["class", "highlightor", 4, "ngIf"], [1, "selectedNumber"], [1, "highlightor"], ["tabindex", "0", 1, "filter-option", "display-flex", 3, "click", "keyup.enter"], [3, "checked", 4, "ngIf"], ["type", "radio", 3, "checked", 4, "ngIf"], [3, "ngStyle"], [3, "checked"], ["type", "radio", 3, "checked"]], template: function MobileFilterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "img", 2);
             i0.ɵɵlistener("click", function MobileFilterComponent_Template_img_click_2_listener() { return ctx.closeFilters.emit(); })("keyup.enter", function MobileFilterComponent_Template_img_keyup_enter_2_listener() { return ctx.closeFilters.emit(); });
             i0.ɵɵelementEnd();
@@ -138,48 +154,32 @@ class MobileFilterComponent {
             i0.ɵɵtext(17);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(18, "button", 11);
-            i0.ɵɵlistener("click", function MobileFilterComponent_Template_button_click_18_listener() { return ctx.applyFilters.emit(ctx.localFilterOptions); });
+            i0.ɵɵlistener("click", function MobileFilterComponent_Template_button_click_18_listener() { return ctx.onApply(); });
             i0.ɵɵtext(19);
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
+            let tmp_3_0;
+            let tmp_4_0;
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("src", ctx.backIcon, i0.ɵɵsanitizeUrl);
+            i0.ɵɵproperty("src", ctx.backIcon(), i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.headerName);
+            i0.ɵɵtextInterpolate(ctx.headerName());
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(8, 7, ctx.localFilterOptions, ctx.originalOrder));
+            i0.ɵɵproperty("ngForOf", i0.ɵɵpipeBind2(8, 7, ctx.localFilterOptions(), ctx.originalOrder));
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate(ctx.localFilterOptions[ctx.currentSelectedItem] == null ? null : ctx.localFilterOptions[ctx.currentSelectedItem].name);
+            i0.ɵɵtextInterpolate((tmp_3_0 = ctx.localFilterOptions()[ctx.selectedItem()]) == null ? null : tmp_3_0.name);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngForOf", ctx.localFilterOptions[ctx.currentSelectedItem] == null ? null : ctx.localFilterOptions[ctx.currentSelectedItem].options);
+            i0.ɵɵproperty("ngForOf", (tmp_4_0 = ctx.localFilterOptions()[ctx.selectedItem()]) == null ? null : tmp_4_0.options);
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", ctx.clearBtnName, " ");
+            i0.ɵɵtextInterpolate1(" ", ctx.clearBtnName(), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", ctx.applyBtnName, " ");
+            i0.ɵɵtextInterpolate1(" ", ctx.applyBtnName(), " ");
         } }, dependencies: [i1.NgForOf, i1.NgIf, i1.NgStyle, i2.ButtonDirective, i3.CheckboxComponent, i1.KeyValuePipe], styles: [".display-flex[_ngcontent-%COMP%]{display:flex}.filters-container[_ngcontent-%COMP%]{position:absolute;inset:0;background-color:#fff;cursor:default}.filters-container[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{font-family:Lato}.filters-container[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]{height:56px;border-bottom:1px solid #E0E0E0;justify-content:flex-start;align-items:center;padding:0 16px;gap:12px}.filters-container[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{cursor:pointer}.filters-container[_ngcontent-%COMP%]   .head[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-weight:700;font-size:17px;line-height:24px;letter-spacing:.2px}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]{height:calc(100vh - 129px)}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filters[_ngcontent-%COMP%]{width:120px;border-right:1px solid #E0E0E0;flex-shrink:0}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]{height:56px;padding:0 16px;border-bottom:1px solid #E0E0E0;align-items:center;font-size:15px;justify-content:space-between;position:relative}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .filterName[_ngcontent-%COMP%]{color:#6a737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .selectedNumber[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .highlightor[_ngcontent-%COMP%]{position:absolute;left:0;height:100%;width:4px;background-color:#0937b2}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]{padding:16px 16px 0 12px;width:calc(100% - 56px);overflow-x:hidden}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{color:#181f33}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]   .filter-options-title[_ngcontent-%COMP%]{text-transform:uppercase;font-size:12px;line-height:16px;letter-spacing:.25px}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]   .filter-options-title[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:#6a737d}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]   .filter-options[_ngcontent-%COMP%]{margin-top:16px;overflow-y:scroll;height:calc(100% - 32px)}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]   .filter-options[_ngcontent-%COMP%]   .filter-option[_ngcontent-%COMP%]{height:48px;border-bottom:1px solid #E0E0E0;align-items:center;padding-left:16px;gap:13px;font-size:15px}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]   .filter-options[_ngcontent-%COMP%]   .filter-option[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-container[_ngcontent-%COMP%]   .body[_ngcontent-%COMP%]   .filter-options-container[_ngcontent-%COMP%]   .filter-options[_ngcontent-%COMP%]   .filter-option[_ngcontent-%COMP%]   input[type=radio][_ngcontent-%COMP%]{accent-color:#0937B2;width:20px;height:20px}.filters-container[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]{height:73px;border-top:1px solid #E0E0E0;padding:0 16px;align-items:center;justify-content:space-between}.filters-container[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{width:160px}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MobileFilterComponent, [{
         type: Component,
-        args: [{ selector: 'mis-mobile-filter', template: "<div class=\"filters-container\">\n    <div class=\"head display-flex\">\n        <img \n            tabindex=\"0\"\n            (click)=\"closeFilters.emit();\"\n            (keyup.enter)=\"closeFilters.emit();\" \n            aria-label=\"Close Filters Arrow\"\n            [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\" \n                tabindex=\"0\"\n                    (click)=\"currentSelectedItem = filter.key\"\n                    (keyup.enter)=\"currentSelectedItem = filter.key\"\n                    >\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\"\n                        (click)=\"toggleFilter(option.value, option.selected)\" \n                        (keyup.enter)=\"toggleFilter(option.value, option.selected)\"\n                        >\n                        <mis-checkbox [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' checkbox ' + option.label\" *ngIf=\"localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\"></mis-checkbox>\n                        <input type=\"radio\" [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' radioButton ' + option.label\" *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;inset: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}\n"] }]
-    }], () => [], { 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
-        }] }); })();
+        args: [{ selector: 'mis-mobile-filter', template: "<div class=\"filters-container\">\n    <div class=\"head display-flex\">\n        <img\n            tabindex=\"0\"\n            (click)=\"closeFilters.emit();\"\n            (keyup.enter)=\"closeFilters.emit();\"\n            aria-label=\"Close Filters Arrow\"\n            [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\"\n                    tabindex=\"0\"\n                    (click)=\"selectedItem.set(filter.key)\"\n                    (keyup.enter)=\"selectedItem.set(filter.key)\"\n                    >\n                    <span class=\"filterName\" [ngStyle]=\"{'color': filter.key === selectedItem() ? '#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 === selectedItem()\"></div>\n                </div>\n            </ng-container>\n        </div>\n        <div class=\"filter-options-container\">\n            <div class=\"filter-options-title\">\n                <span>{{ localFilterOptions()![selectedItem()]?.name }}</span>\n            </div>\n            <div class=\"filter-options\">\n                <ng-container *ngFor=\"let option of localFilterOptions()![selectedItem()]?.options; let i = index\">\n                    <div class=\"filter-option display-flex\"\n                        tabindex=\"0\"\n                        (click)=\"toggleFilter(option.value, option.selected)\"\n                        (keyup.enter)=\"toggleFilter(option.value, option.selected)\"\n                        >\n                        <mis-checkbox\n                            [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' checkbox ' + option.label\"\n                            *ngIf=\"localFilterOptions()![selectedItem()]!.multiSelect\"\n                            [checked]=\"option.selected\">\n                        </mis-checkbox>\n                        <input\n                            type=\"radio\"\n                            [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' radioButton ' + option.label\"\n                            *ngIf=\"!localFilterOptions()![selectedItem()]!.multiSelect\"\n                            [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)=\"onApply()\">\n            {{applyBtnName()}}\n        </button>\n    </div>\n</div>\n\n", styles: [".display-flex{display:flex}.filters-container{position:absolute;inset: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}\n"] }]
+    }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MobileFilterComponent, { className: "MobileFilterComponent" }); })();
 class MobileFilterModule {

package/fesm2022/mis-crystal-design-system-mobile-filter.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-mobile-filter.mjs","sources":["../../../projects/mis-components/mobile-filter/mobile-filter.component.html","../../../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":["<div class=\"filters-container\">\n <div class=\"head display-flex\">\n <img \n tabindex=\"0\"\n (click)=\"closeFilters.emit();\"\n (keyup.enter)=\"closeFilters.emit();\" \n aria-label=\"Close Filters Arrow\"\n [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\" \n tabindex=\"0\"\n (click)=\"currentSelectedItem = filter.key\"\n (keyup.enter)=\"currentSelectedItem = filter.key\"\n >\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\"\n (click)=\"toggleFilter(option.value, option.selected)\" \n (keyup.enter)=\"toggleFilter(option.value, option.selected)\"\n >\n <mis-checkbox [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' checkbox ' + option.label\" ngIf=\"localFilterOptions[currentSelectedItem].multiSelect\" [checked]=\"option.selected\"></mis-checkbox>\n <input type=\"radio\" [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' radioButton ' + option.label\" 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","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":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-mobile-filter.mjs","sources":["../../../projects/mis-components/mobile-filter/mobile-filter.component.html","../../../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":["<div class=\"filters-container\">\n <div class=\"head display-flex\">\n <img\n tabindex=\"0\"\n (click)=\"closeFilters.emit();\"\n (keyup.enter)=\"closeFilters.emit();\"\n aria-label=\"Close Filters Arrow\"\n [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\"\n tabindex=\"0\"\n (click)=\"selectedItem.set(filter.key)\"\n (keyup.enter)=\"selectedItem.set(filter.key)\"\n >\n <span class=\"filterName\" [ngStyle]=\"{'color': filter.key === selectedItem() ? '#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 === selectedItem()\"></div>\n </div>\n </ng-container>\n </div>\n <div class=\"filter-options-container\">\n <div class=\"filter-options-title\">\n <span>{{ localFilterOptions()![selectedItem()]?.name }}</span>\n </div>\n <div class=\"filter-options\">\n <ng-container ngFor=\"let option of localFilterOptions()![selectedItem()]?.options; let i = index\">\n <div class=\"filter-option display-flex\"\n tabindex=\"0\"\n (click)=\"toggleFilter(option.value, option.selected)\"\n (keyup.enter)=\"toggleFilter(option.value, option.selected)\"\n >\n <mis-checkbox\n [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' checkbox ' + option.label\"\n ngIf=\"localFilterOptions()![selectedItem()]!.multiSelect\"\n [checked]=\"option.selected\">\n </mis-checkbox>\n <input\n type=\"radio\"\n [attr.aria-label]=\"(option.selected ? 'Selected' : 'Unselected') + ' radioButton ' + option.label\"\n ngIf=\"!localFilterOptions()![selectedItem()]!.multiSelect\"\n [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)=\"onApply()\">\n {{applyBtnName()}}\n </button>\n </div>\n</div>\n\n","import { Component, input, output, computed, signal, effect } 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 {\n\n // The input signal is read-only. Its value can only be set by the parent component.\n public readonly currentSelectedItem = input<string>('Sort');\n public readonly filterOptions = input.required<IFilterOptions>();\n public readonly backIcon = input<string>('');\n public readonly headerName = input<string>('Filters');\n public readonly applyBtnName = input<string>('Apply');\n public readonly clearBtnName = input<string>('Clear Filters');\n\n public readonly closeFilters = output<void>();\n public readonly clearFilters = output<void>();\n public readonly applyFilters = output<IFilterOptions>();\n\n // This internal signal holds the state of the selected item.\n // It is writable and can be updated from within the component's template.\n public readonly selectedItem = signal<string>(this.currentSelectedItem());\n\n // Use a computed signal for the filter options to maintain reactivity.\n public readonly localFilterOptions = computed(() => this.filterOptions());\n\n constructor() {\n // This effect ensures that if the parent changes the input, our internal signal is also updated.\n effect(() => {\n this.selectedItem.set(this.currentSelectedItem());\n });\n }\n\n // Rest of your component methods...\n public originalOrder() {\n return 0;\n }\n\n public toggleFilter(data: any, isSelectedItem: boolean): void {\n const updatedOptions = structuredClone(this.localFilterOptions());\n const currentKey = this.selectedItem();\n const currentFilter = updatedOptions[currentKey];\n\n if (!currentFilter) return;\n\n const isMultiSelect = currentFilter.multiSelect;\n let newNoOfSelectedItems = 0;\n\n currentFilter.options = currentFilter.options.map(option => {\n const isSelectedValue = option.value === data;\n const newSelectedState = isSelectedValue ? (isMultiSelect ? !option.selected : true) : (isMultiSelect ? option.selected : false);\n\n if (newSelectedState) {\n newNoOfSelectedItems++;\n }\n\n return {\n ...option,\n selected: newSelectedState\n };\n });\n\n currentFilter.noOfSelectedItems = newNoOfSelectedItems;\n }\n\n public onApply(): void {\n this.applyFilters.emit(this.localFilterOptions());\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\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":"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"}

package/fesm2022/mis-crystal-design-system-modal.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import { OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import * as i1 from '@angular/cdk/portal';
 import { ComponentPortal, PortalInjector, PortalModule } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
-import { InjectionToken, ViewContainerRef, Component, ViewChild, Injectable, NgModule } from '@angular/core';
+import { InjectionToken, signal, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, Injectable, NgModule } from '@angular/core';
 import { Subject } from 'rxjs';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { CommonModule } from '@angular/common';
@@ -29,12 +29,14 @@ class ModalRef {
 const _c0 = ["place"];
 function ModuleWrapperComponent_ng_template_2_Template(rf, ctx) { }
 class ModuleWrapperComponent {
-    constructor() { }
+    constructor() {
+        this.modalPortal = signal(null);
+    }
     bindComponent(type, injector) {
         this.initComponent(type, injector);
     }
     initComponent(type, injector) {
-        this.modalPortal = new ComponentPortal(type, this.place, injector);
+        this.modalPortal.set(new ComponentPortal(type, this.place, injector));
     }
     static { this.ɵfac = function ModuleWrapperComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModuleWrapperComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModuleWrapperComponent, selectors: [["mis-module-wrapper"]], viewQuery: function ModuleWrapperComponent_Query(rf, ctx) { if (rf & 1) {
@@ -49,7 +51,7 @@ class ModuleWrapperComponent {
         } if (rf & 2) {
             i0.ɵɵproperty("@slideInOut", undefined);
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("cdkPortalOutlet", ctx.modalPortal);
+            i0.ɵɵproperty("cdkPortalOutlet", ctx.modalPortal());
         } }, dependencies: [i1.CdkPortalOutlet], styles: [".mis-modal-body[_ngcontent-%COMP%]{display:block;width:100%;height:100%;background-color:transparent;border-radius:12px;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;overflow:hidden}"], data: { animation: [
                 trigger("slideInOut", [
                     transition(":enter", [
@@ -58,11 +60,11 @@ class ModuleWrapperComponent {
                     ]),
                     transition(":leave", [animate("200ms ease-out", style({ transform: "translatey(-30%)", opacity: 0 }))])
                 ])
-            ] } }); }
+            ] }, changeDetection: 0 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModuleWrapperComponent, [{
         type: Component,
-        args: [{ selector: "mis-module-wrapper", animations: [
+        args: [{ selector: "mis-module-wrapper", changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                     trigger("slideInOut", [
                         transition(":enter", [
                             style({ transform: "translateY(-30%)", opacity: 0 }),
@@ -70,8 +72,8 @@ class ModuleWrapperComponent {
                         ]),
                         transition(":leave", [animate("200ms ease-out", style({ transform: "translatey(-30%)", opacity: 0 }))])
                     ])
-                ], template: "<div class=\"mis-modal-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"modalPortal\"></ng-template>\n</div>\n", styles: [".mis-modal-body{display:block;width:100%;height:100%;background-color:transparent;border-radius:12px;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;overflow:hidden}\n"] }]
-    }], () => [], { place: [{
+                ], template: "<div class=\"mis-modal-body\" #place @slideInOut>\n  <ng-template [cdkPortalOutlet]=\"modalPortal()\"></ng-template>\n</div>\n", styles: [".mis-modal-body{display:block;width:100%;height:100%;background-color:transparent;border-radius:12px;box-shadow:0 12px 24px #0000001f,0 4px 8px #0000001f;overflow:hidden}\n"] }]
+    }], null, { place: [{
             type: ViewChild,
             args: ["place", { static: false, read: ViewContainerRef }]
         }] }); })();

package/fesm2022/mis-crystal-design-system-modal.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mis-crystal-design-system-modal.mjs","sources":["../../../projects/mis-components/modal/modal-constants.ts","../../../projects/mis-components/modal/modal-ref.ts","../../../projects/mis-components/modal/module-wrapper/module-wrapper.component.ts","../../../projects/mis-components/modal/module-wrapper/module-wrapper.component.html","../../../projects/mis-components/modal/modal.service.ts","../../../projects/mis-components/modal/modal.module.ts","../../../projects/mis-components/modal/mis-crystal-design-system-modal.ts"],"sourcesContent":["/** @format /\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const MODAL_DATA_VAR = new InjectionToken<any>(\"MISModalDataInjectionToken\");\n","/* @format /\n\nimport { OverlayRef } from \"@angular/cdk/overlay\";\nimport { Injectable } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nexport class ModalRef {\n private afterClosed$ = new Subject<unknown>();\n afterClosed = this.afterClosed$.asObservable();\n\n constructor(public overlay: OverlayRef) {}\n\n close(data?: unknown): void {\n this.overlay.detach();\n this.overlay.dispose();\n this.afterClosed$.next(data);\n this.afterClosed$.complete();\n }\n}\n","import { trigger, transition, style, animate } from \"@angular/animations\";\nimport { ComponentPortal, PortalInjector } from \"@angular/cdk/portal\";\nimport { Component, Injector, OnInit, ViewChild, ViewContainerRef } from \"@angular/core\";\nimport { ModalRef } from \"../modal-ref\";\n\n@Component({\n selector: \"mis-module-wrapper\",\n templateUrl: \"./module-wrapper.component.html\",\n styleUrls: [\"./module-wrapper.component.scss\"],\n animations: [\n trigger(\"slideInOut\", [\n transition(\":enter\", [\n style({ transform: \"translateY(-30%)\", opacity: 0 }),\n animate(\"200ms ease-out\", style({ transform: \"translatey(0%)\", opacity: 1 }))\n ]),\n transition(\":leave\", [animate(\"200ms ease-out\", style({ transform: \"translatey(-30%)\", opacity: 0 }))])\n ])\n ]\n})\nexport class ModuleWrapperComponent {\n modalPortal: ComponentPortal<any>;\n constructor() {}\n\n @ViewChild(\"place\", { static: false, read: ViewContainerRef }) place: ViewContainerRef;\n\n bindComponent(type: any, injector: PortalInjector) {\n this.initComponent(type, injector);\n }\n\n private initComponent(type: any, injector: PortalInjector) {\n this.modalPortal = new ComponentPortal(type, this.place, injector);\n }\n}\n","<div class=\"mis-modal-body\" #place @slideInOut>\n <ng-template [cdkPortalOutlet]=\"modalPortal\"></ng-template>\n</div>\n","import { ComponentType, Overlay, OverlayConfig } from \"@angular/cdk/overlay\";\nimport { ComponentPortal, PortalInjector } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable, Injector } from \"@angular/core\";\nimport { MODAL_DATA_VAR } from \"./modal-constants\";\nimport { ModalRef } from \"./modal-ref\";\nimport { ModuleWrapperComponent } from \"./module-wrapper/module-wrapper.component\";\n\ninterface IModalOptions {\n width?: string;\n height?: string;\n top?: string;\n right?: string;\n bottom?: string;\n left?: string;\n closeOnBackdropClick?: boolean;\n}\n@Injectable({\n providedIn: \"root\"\n})\nexport class ModalService {\n private componentInstance: ComponentRef<ModuleWrapperComponent>;\n\n constructor(private overlay: Overlay, private injector: Injector) {}\n\n show<T, D>(component: ComponentType<T>, data?: D, options?: IModalOptions): ModalRef {\n const positionStrategy = this.calculatePosition(options);\n const { width, height } = options \|\| {};\n const config = new OverlayConfig({\n hasBackdrop: true,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.noop(),\n width: width,\n height,\n panelClass: \"mis-modal\",\n backdropClass: \"mis-modal-overlay\"\n });\n const overlayRef = this.overlay.create(config);\n const modalRef = new ModalRef(overlayRef);\n const injector = this.createInjector(modalRef, this.injector, data);\n const portal = new ComponentPortal(ModuleWrapperComponent, null);\n this.componentInstance = overlayRef.attach(portal);\n if (options?.closeOnBackdropClick) {\n overlayRef.backdropClick().subscribe(() => modalRef.close());\n }\n this.componentInstance.instance.bindComponent(component, injector);\n return modalRef;\n }\n private createInjector<D>(ref: ModalRef, inj: Injector, data?: D): PortalInjector {\n const injectorTokens = new WeakMap();\n injectorTokens.set(ModalRef, ref);\n injectorTokens.set(MODAL_DATA_VAR, data);\n return new PortalInjector(inj, injectorTokens);\n }\n\n private calculatePosition(options: IModalOptions) {\n const position = this.overlay.position().global().centerHorizontally().centerVertically();\n if (options && screen.width > 600) {\n if (options.top) {\n position.top(options.top);\n }\n if (options.left) {\n position.left(options.left);\n }\n if (options.right) {\n position.right(options.right);\n }\n if (options.bottom) {\n position.bottom(options.bottom);\n }\n }\n return position;\n }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { PortalModule } from \"@angular/cdk/portal\";\nimport { ModuleWrapperComponent } from \"./module-wrapper/module-wrapper.component\";\nimport { ModalService } from \"./modal.service\";\n\n@NgModule({\n declarations: [ModuleWrapperComponent],\n imports: [CommonModule, OverlayModule, PortalModule]\n})\nexport class ModalModule {\n static forRoot(): ModuleWithProviders<ModalModule> {\n return {\n ngModule: ModalModule,\n providers: [ModalService]\n };\n }\n\n static forChild(): ModuleWithProviders<ModalModule> {\n return {\n ngModule: ModalModule,\n providers: [ModalService]\n };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":"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"}
1	+ {"version":3,"file":"mis-crystal-design-system-modal.mjs","sources":["../../../projects/mis-components/modal/modal-constants.ts","../../../projects/mis-components/modal/modal-ref.ts","../../../projects/mis-components/modal/module-wrapper/module-wrapper.component.ts","../../../projects/mis-components/modal/module-wrapper/module-wrapper.component.html","../../../projects/mis-components/modal/modal.service.ts","../../../projects/mis-components/modal/modal.module.ts","../../../projects/mis-components/modal/mis-crystal-design-system-modal.ts"],"sourcesContent":["/** @format /\n\nimport { InjectionToken } from \"@angular/core\";\n\nexport const MODAL_DATA_VAR = new InjectionToken<any>(\"MISModalDataInjectionToken\");\n","/* @format /\n\nimport { OverlayRef } from \"@angular/cdk/overlay\";\nimport { Injectable } from \"@angular/core\";\nimport { Subject } from \"rxjs\";\n\nexport class ModalRef {\n private afterClosed$ = new Subject<unknown>();\n afterClosed = this.afterClosed$.asObservable();\n\n constructor(public overlay: OverlayRef) {}\n\n close(data?: unknown): void {\n this.overlay.detach();\n this.overlay.dispose();\n this.afterClosed$.next(data);\n this.afterClosed$.complete();\n }\n}\n","import { trigger, transition, style, animate } from \"@angular/animations\";\nimport { ComponentPortal, PortalInjector } from \"@angular/cdk/portal\";\nimport { Component, Injector, OnInit, ViewChild, ViewContainerRef, ChangeDetectionStrategy, signal, WritableSignal } from \"@angular/core\";\nimport { ModalRef } from \"../modal-ref\";\n\n@Component({\n selector: \"mis-module-wrapper\",\n templateUrl: \"./module-wrapper.component.html\",\n styleUrls: [\"./module-wrapper.component.scss\"],\n changeDetection: ChangeDetectionStrategy.OnPush,\n animations: [\n trigger(\"slideInOut\", [\n transition(\":enter\", [\n style({ transform: \"translateY(-30%)\", opacity: 0 }),\n animate(\"200ms ease-out\", style({ transform: \"translatey(0%)\", opacity: 1 }))\n ]),\n transition(\":leave\", [animate(\"200ms ease-out\", style({ transform: \"translatey(-30%)\", opacity: 0 }))])\n ])\n ]\n})\nexport class ModuleWrapperComponent {\n modalPortal: WritableSignal<ComponentPortal<any> \| null> = signal(null);\n \n @ViewChild(\"place\", { static: false, read: ViewContainerRef }) place: ViewContainerRef;\n\n bindComponent(type: any, injector: PortalInjector) {\n this.initComponent(type, injector);\n }\n\n private initComponent(type: any, injector: PortalInjector) {\n this.modalPortal.set(new ComponentPortal(type, this.place, injector));\n }\n}\n","<div class=\"mis-modal-body\" #place @slideInOut>\n <ng-template [cdkPortalOutlet]=\"modalPortal()\"></ng-template>\n</div>\n","import { ComponentType, Overlay, OverlayConfig } from \"@angular/cdk/overlay\";\nimport { ComponentPortal, PortalInjector } from \"@angular/cdk/portal\";\nimport { ComponentRef, Injectable, Injector } from \"@angular/core\";\nimport { MODAL_DATA_VAR } from \"./modal-constants\";\nimport { ModalRef } from \"./modal-ref\";\nimport { ModuleWrapperComponent } from \"./module-wrapper/module-wrapper.component\";\n\ninterface IModalOptions {\n width?: string;\n height?: string;\n top?: string;\n right?: string;\n bottom?: string;\n left?: string;\n closeOnBackdropClick?: boolean;\n}\n@Injectable({\n providedIn: \"root\"\n})\nexport class ModalService {\n private componentInstance: ComponentRef<ModuleWrapperComponent>;\n\n constructor(private overlay: Overlay, private injector: Injector) {}\n\n show<T, D>(component: ComponentType<T>, data?: D, options?: IModalOptions): ModalRef {\n const positionStrategy = this.calculatePosition(options);\n const { width, height } = options \|\| {};\n const config = new OverlayConfig({\n hasBackdrop: true,\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.noop(),\n width: width,\n height,\n panelClass: \"mis-modal\",\n backdropClass: \"mis-modal-overlay\"\n });\n const overlayRef = this.overlay.create(config);\n const modalRef = new ModalRef(overlayRef);\n const injector = this.createInjector(modalRef, this.injector, data);\n const portal = new ComponentPortal(ModuleWrapperComponent, null);\n this.componentInstance = overlayRef.attach(portal);\n if (options?.closeOnBackdropClick) {\n overlayRef.backdropClick().subscribe(() => modalRef.close());\n }\n this.componentInstance.instance.bindComponent(component, injector);\n return modalRef;\n }\n private createInjector<D>(ref: ModalRef, inj: Injector, data?: D): PortalInjector {\n const injectorTokens = new WeakMap();\n injectorTokens.set(ModalRef, ref);\n injectorTokens.set(MODAL_DATA_VAR, data);\n return new PortalInjector(inj, injectorTokens);\n }\n\n private calculatePosition(options: IModalOptions) {\n const position = this.overlay.position().global().centerHorizontally().centerVertically();\n if (options && screen.width > 600) {\n if (options.top) {\n position.top(options.top);\n }\n if (options.left) {\n position.left(options.left);\n }\n if (options.right) {\n position.right(options.right);\n }\n if (options.bottom) {\n position.bottom(options.bottom);\n }\n }\n return position;\n }\n}\n","import { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { OverlayModule } from \"@angular/cdk/overlay\";\nimport { PortalModule } from \"@angular/cdk/portal\";\nimport { ModuleWrapperComponent } from \"./module-wrapper/module-wrapper.component\";\nimport { ModalService } from \"./modal.service\";\n\n@NgModule({\n declarations: [ModuleWrapperComponent],\n imports: [CommonModule, OverlayModule, PortalModule]\n})\nexport class ModalModule {\n static forRoot(): ModuleWithProviders<ModalModule> {\n return {\n ngModule: ModalModule,\n providers: [ModalService]\n };\n }\n\n static forChild(): ModuleWithProviders<ModalModule> {\n return {\n ngModule: ModalModule,\n providers: [ModalService]\n };\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":"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"}