@mozaic-ds/angular 0.31.0-rc.4 → 0.31.0-rc.6

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 (13) hide show
  1. package/adeo/components/dropdown/dropdown.component.d.ts +2 -1
  2. package/adeo/components/toggle/toggle.component.d.ts +3 -1
  3. package/adeo/fesm2022/mozaic-ds-angular.mjs +8 -4
  4. package/adeo/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  5. package/bricoman/components/dropdown/dropdown.component.d.ts +2 -1
  6. package/bricoman/components/toggle/toggle.component.d.ts +3 -1
  7. package/bricoman/fesm2022/mozaic-ds-angular.mjs +8 -4
  8. package/bricoman/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  9. package/components/dropdown/dropdown.component.d.ts +2 -1
  10. package/components/toggle/toggle.component.d.ts +3 -1
  11. package/fesm2022/mozaic-ds-angular.mjs +8 -4
  12. package/fesm2022/mozaic-ds-angular.mjs.map +1 -1
  13. package/package.json +1 -1
package/components/dropdown/dropdown.component.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import { EventEmitter, OnChanges } from '@angular/core';
2
- import { ListboxItem } from '../listbox/model/listbox-item';
3
2
  import { ControlValueAccessor } from '@angular/forms';
4
3
  import { ButtonSizes } from '../button/button';
5
4
  import { IconSize } from '../icon/icon-size';
5
+ import { ListboxItem } from '../listbox/model/listbox-item';
6
6
  import * as i0 from "@angular/core";
7
7
  export declare class DropdownComponent implements ControlValueAccessor, OnChanges {
8
8
  listboxItems: ListboxItem[];
@@ -26,6 +26,7 @@ export declare class DropdownComponent implements ControlValueAccessor, OnChange
26
26
  selectedItems: ListboxItem[] | ListboxItem | undefined;
27
27
  initialListboxItems: ListboxItem[];
28
28
  iconSize: typeof IconSize;
29
+ private readonly cdr;
29
30
  constructor();
30
31
  onChange: any;
31
32
  onTouch: any;
package/components/toggle/toggle.component.d.ts CHANGED
@@ -1,14 +1,16 @@
1
+ import { ChangeDetectorRef } from '@angular/core';
1
2
  import { ControlValueAccessor } from '@angular/forms';
2
3
  import { ToggleSize } from './toggle-size';
3
4
  import * as i0 from "@angular/core";
4
5
  export declare const TOGGLE_CONTROL_VALUE_ACCESSOR: any;
5
6
  export declare class ToggleComponent implements ControlValueAccessor {
7
+ private readonly cdRef;
6
8
  disabled: boolean;
7
9
  size: ToggleSize;
8
10
  private _checked;
9
11
  get checked(): boolean;
10
12
  toggleId: string;
11
- constructor();
13
+ constructor(cdRef: ChangeDetectorRef);
12
14
  set checked(v: boolean);
13
15
  writeValue(value: any): void;
14
16
  registerOnChange(fn: any): void;
package/fesm2022/mozaic-ds-angular.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as i1 from '@angular/common';
2
2
  import { CommonModule, DOCUMENT } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { Component, ChangeDetectionStrategy, Input, NgModule, ViewEncapsulation, Injectable, Host, HostBinding, EventEmitter, Output, Inject, ElementRef, ViewChild, InjectionToken, ViewContainerRef, HostListener, forwardRef, Optional, ContentChildren, TemplateRef, ContentChild, Directive, createComponent, Injector } from '@angular/core';
4
+ import { Component, ChangeDetectionStrategy, Input, NgModule, ViewEncapsulation, Injectable, Host, HostBinding, EventEmitter, Output, Inject, ElementRef, ViewChild, InjectionToken, ViewContainerRef, HostListener, forwardRef, Optional, ContentChildren, TemplateRef, ContentChild, Directive, inject, ChangeDetectorRef, createComponent, Injector } from '@angular/core';
5
5
  import * as i2$1 from '@angular/forms';
6
6
  import { FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, NgControl, FormControlName, FormGroupDirective } from '@angular/forms';
7
7
  import { of, tap, catchError, throwError, finalize, shareReplay, first, Subject, BehaviorSubject, takeUntil, fromEvent, map, debounceTime, startWith, pairwise, timer, filter, switchMap, merge, combineLatest, delay as delay$1 } from 'rxjs';
@@ -2126,7 +2126,8 @@ class ToggleComponent {
2126
2126
  get checked() {
2127
2127
  return this._checked;
2128
2128
  }
2129
- constructor() {
2129
+ constructor(cdRef) {
2130
+ this.cdRef = cdRef;
2130
2131
  this.disabled = false;
2131
2132
  this.size = 'm';
2132
2133
  this._checked = false;
@@ -2141,6 +2142,7 @@ class ToggleComponent {
2141
2142
  }
2142
2143
  writeValue(value) {
2143
2144
  this.checked = !!value;
2145
+ this.cdRef.markForCheck();
2144
2146
  }
2145
2147
  registerOnChange(fn) {
2146
2148
  this.onChange = fn;
@@ -2155,13 +2157,13 @@ class ToggleComponent {
2155
2157
  const sizeClass = `mc-toggle--${this.size}`;
2156
2158
  return `mc-toggle ${sizeClass}`;
2157
2159
  }
2158
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2160
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ToggleComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
2159
2161
  static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.4", type: ToggleComponent, isStandalone: false, selector: "moz-toggle", inputs: { disabled: "disabled", size: "size", checked: "checked" }, host: { properties: { "class": "this.hostCssClasses" } }, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], ngImport: i0, template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%2346a610' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23e6e6e6' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#c5e39e}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#c5e39e;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23c5e39e' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#fff url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
2160
2162
  }
2161
2163
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.4", ngImport: i0, type: ToggleComponent, decorators: [{
2162
2164
  type: Component,
2163
2165
  args: [{ selector: 'moz-toggle', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [TOGGLE_CONTROL_VALUE_ACCESSOR], standalone: false, template: "<input\n [id]=\"toggleId\"\n type=\"checkbox\"\n [checked]=\"checked\"\n [disabled]=\"disabled\"\n class=\"mc-toggle__input\"\n (click)=\"toggle()\"\n/>\n<label class=\"mc-toggle__label\" [for]=\"toggleId\">\n <span class=\"mc-toggle__content\">\n <ng-content></ng-content>\n </span>\n</label>\n", styles: [".mc-toggle{display:block;position:relative}.mc-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mc-toggle__input:focus+.mc-toggle__label:before{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #0b96cc}.mc-toggle__input:checked+.mc-toggle__label:before{background-color:#46a610}.mc-toggle__input:checked+.mc-toggle__label:after{border-color:#46a610;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%2346a610' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");transform:translate(100%,-50%)}.mc-toggle__input:checked+.mc-toggle__label .mc-toggle__off{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:not(:checked)+.mc-toggle__label .mc-toggle__on{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}.mc-toggle__input:disabled+.mc-toggle__label{color:gray;cursor:not-allowed}.mc-toggle__input:disabled+.mc-toggle__label:before{background-color:#e6e6e6}.mc-toggle__input:disabled+.mc-toggle__label:after{border-color:#e6e6e6;background-color:#b3b3b3;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23e6e6e6' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\")}.mc-toggle__input:disabled:checked+.mc-toggle__label:before{background-color:#c5e39e}.mc-toggle__input:disabled:checked+.mc-toggle__label:after{border-color:#c5e39e;background-color:#fff;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23c5e39e' viewBox='0 0 16 16'%3E%3Cpath d='M7.63 11.21a1 1 0 01-1.38 0l-2.92-2.6a1 1 0 111.34-1.48l2.22 2 4.41-4.34a1 1 0 111.4 1.42z'/%3E%3C/svg%3E\");background-size:1rem}.mc-toggle__input:not(:disabled)+.mc-toggle__label:hover:after{background-color:#e6e6e6}.mc-toggle__content{display:inline-block;padding-left:.75rem}.mc-toggle__label{font-size:1rem;line-height:1.125;height:2rem;padding-left:4rem;box-sizing:border-box;cursor:pointer;color:#000;display:table-cell;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none}.mc-toggle__label:before,.mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle__label:before{width:4rem}.mc-toggle__label:after{width:2rem}.mc-toggle__label:after,.mc-toggle__label:before{box-sizing:border-box;content:\"\";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}.mc-toggle__label:before{background-color:#666;will-change:background-color,border-color,box-shadow;transition:background-color .1s ease,border-color .1s ease,box-shadow .2s ease}.mc-toggle__label:after{background:#fff url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1rem' width='1rem' fill='%23666666' viewBox='0 0 16 16'%3E%3Cpath d='M9.41 8l3.3-3.29a1 1 0 10-1.42-1.42L8 6.59l-3.29-3.3a1 1 0 00-1.42 1.42L6.59 8l-3.3 3.29a1 1 0 000 1.42 1 1 0 001.42 0L8 9.41l3.29 3.3a1 1 0 001.42 0 1 1 0 000-1.42z'/%3E%3C/svg%3E\") no-repeat center;background-size:1rem;border:solid 3px #666666;will-change:transform;transition:transform .1s ease,border-color .1s ease}.mc-toggle--s .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s .mc-toggle__label:before,.mc-toggle--s .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s .mc-toggle__label:before{width:3rem}.mc-toggle--s .mc-toggle__label:after{width:1.5rem}@media screen and (min-width: 680px){.mc-toggle--s\\@from-m .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:before,.mc-toggle--s\\@from-m .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-m .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-m .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1024px){.mc-toggle--s\\@from-l .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:before,.mc-toggle--s\\@from-l .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-l .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-l .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1280px){.mc-toggle--s\\@from-xl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before,.mc-toggle--s\\@from-xl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xl .mc-toggle__label:after{width:1.5rem}}@media screen and (min-width: 1920px){.mc-toggle--s\\@from-xxl .mc-toggle__label{height:1.5rem;padding-left:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before,.mc-toggle--s\\@from-xxl .mc-toggle__label:after{border-radius:1.5rem;height:1.5rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:before{width:3rem}.mc-toggle--s\\@from-xxl .mc-toggle__label:after{width:1.5rem}}.mc-toggle--m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m .mc-toggle__label:before,.mc-toggle--m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m .mc-toggle__label:before{width:4rem}.mc-toggle--m .mc-toggle__label:after{width:2rem}@media screen and (min-width: 680px){.mc-toggle--m\\@from-m .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:before,.mc-toggle--m\\@from-m .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-m .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-m .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1024px){.mc-toggle--m\\@from-l .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:before,.mc-toggle--m\\@from-l .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-l .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-l .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1280px){.mc-toggle--m\\@from-xl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before,.mc-toggle--m\\@from-xl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xl .mc-toggle__label:after{width:2rem}}@media screen and (min-width: 1920px){.mc-toggle--m\\@from-xxl .mc-toggle__label{height:2rem;padding-left:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before,.mc-toggle--m\\@from-xxl .mc-toggle__label:after{border-radius:2rem;height:2rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:before{width:4rem}.mc-toggle--m\\@from-xxl .mc-toggle__label:after{width:2rem}}.mc-toggle--hide-label .mc-toggle__content{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;visibility:visible;white-space:nowrap}\n"] }]
2164
- }], ctorParameters: () => [], propDecorators: { disabled: [{
2166
+ }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { disabled: [{
2165
2167
  type: Input
2166
2168
  }], size: [{
2167
2169
  type: Input
@@ -3110,6 +3112,7 @@ class DropdownComponent {
3110
3112
  this.isOpen = new EventEmitter();
3111
3113
  this.initialListboxItems = [];
3112
3114
  this.iconSize = IconSize;
3115
+ this.cdr = inject(ChangeDetectorRef);
3113
3116
  this.onChange = () => { };
3114
3117
  this.onTouch = () => { };
3115
3118
  }
@@ -3120,6 +3123,7 @@ class DropdownComponent {
3120
3123
  this.selectedItems = value;
3121
3124
  this.onChange(value);
3122
3125
  this.onTouch();
3126
+ this.cdr.detectChanges();
3123
3127
  }
3124
3128
  registerOnChange(fn) {
3125
3129
  this.onChange = fn;