ngx-tethys 13.2.3 → 13.2.6

package/CHANGELOG.md

@@ -2,6 +2,51 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [13.2.6](https://github.com/atinc/ngx-tethys/compare/13.2.5...13.2.6) (2022-08-25)
+
+
+### Bug Fixes
+
+* **dialog:** import ThyCheckboxModule #INFR-4410 ([08ea36f](https://github.com/atinc/ngx-tethys/commit/08ea36f4e95dfac80bfb900ffed50324ce709c18)), closes [#INFR-4410](https://github.com/atinc/ngx-tethys/issues/INFR-4410)
+* **property:** add thyFlexibleText for label text and add property-item-editor-offset for margin-left #INFR-4394 ([#2117](https://github.com/atinc/ngx-tethys/issues/2117)) ([7ab2c9e](https://github.com/atinc/ngx-tethys/commit/7ab2c9e6158684495950a9004e8034d06f33b7a5)), closes [#INFR-4394](https://github.com/atinc/ngx-tethys/issues/INFR-4394)
+* **time-picker:** fix use origin value when input not valid date and improve test #INFR-4316 ([#2108](https://github.com/atinc/ngx-tethys/issues/2108)) ([153e7eb](https://github.com/atinc/ngx-tethys/commit/153e7ebc824c2f6ccc557dad8fe0869fc5032074)), closes [#INFR-4316](https://github.com/atinc/ngx-tethys/issues/INFR-4316)
+
+
+### Features
+
+* **cascader:** add mulitple feature #INFR-2596 ([#2111](https://github.com/atinc/ngx-tethys/issues/2111)) ([8e745fb](https://github.com/atinc/ngx-tethys/commit/8e745fb29ff331d9b3bf3d0d4673e524be32b7cf)), closes [#INFR-2596](https://github.com/atinc/ngx-tethys/issues/INFR-2596)
+* **mention:** add isOpened for mention directive #INFR-4414 ([e342745](https://github.com/atinc/ngx-tethys/commit/e3427458f0889f643bcadf38e04b037cc6333985)), closes [#INFR-4414](https://github.com/atinc/ngx-tethys/issues/INFR-4414)
+* **property:** add thySpan for thy-property-item #INFR-4358 ([#2116](https://github.com/atinc/ngx-tethys/issues/2116)) ([d902859](https://github.com/atinc/ngx-tethys/commit/d902859d40b8695012ca2a802013b33e98ad9221)), closes [#INFR-4358](https://github.com/atinc/ngx-tethys/issues/INFR-4358)
+* **property:** support property editing ([#2120](https://github.com/atinc/ngx-tethys/issues/2120)) ([20edd1a](https://github.com/atinc/ngx-tethys/commit/20edd1a5527c063feef824c6106f2dc9b9ce074c))
+* **typography:** add typography module contains thy-text #INFR-4234 ([#2099](https://github.com/atinc/ngx-tethys/issues/2099)) ([16aa7ba](https://github.com/atinc/ngx-tethys/commit/16aa7ba4e099d44018ee08678efba5a92d72374a)), closes [#INFR-4234](https://github.com/atinc/ngx-tethys/issues/INFR-4234)
+
+
+
+## [13.2.5](https://github.com/atinc/ngx-tethys/compare/13.2.4...13.2.5) (2022-08-24)
+
+
+### Bug Fixes
+
+* **form:** fix label-required margin to 4px(#INFR-4338) ([#2107](https://github.com/atinc/ngx-tethys/issues/2107)) ([79d5bb5](https://github.com/atinc/ngx-tethys/commit/79d5bb59ae692d852b456eae7fdcc6d618e347ff)), closes [#INFR-4338](https://github.com/atinc/ngx-tethys/issues/INFR-4338)
+* **property:**  don't render item element when property item is null  #INFR-4359 ([f8ad288](https://github.com/atinc/ngx-tethys/commit/f8ad288aa0a454b6b446e8ad14f78c795a0c05b7)), closes [#INFR-4359](https://github.com/atinc/ngx-tethys/issues/INFR-4359)
+* **property:** optimize property editing #INFR-4361 #INFR-4363 ([#2109](https://github.com/atinc/ngx-tethys/issues/2109)) ([19153fd](https://github.com/atinc/ngx-tethys/commit/19153fd8e3f09b02bd77fec40165dccececa1872)), closes [#INFR-4361](https://github.com/atinc/ngx-tethys/issues/INFR-4361) [#INFR-4363](https://github.com/atinc/ngx-tethys/issues/INFR-4363)
+
+
+### Features
+
+* **menu:** show group icon when thyCollapsed is true #INFR-4366 ([433dbb5](https://github.com/atinc/ngx-tethys/commit/433dbb510920516f53e994c33ce7e56cc55f6e53)), closes [#INFR-4366](https://github.com/atinc/ngx-tethys/issues/INFR-4366)
+
+
+
+## [13.2.4](https://github.com/atinc/ngx-tethys/compare/13.2.3...13.2.4) (2022-08-23)
+
+
+### Bug Fixes
+
+* **image:** fix blob image preview error #INFR-4333 ([#2103](https://github.com/atinc/ngx-tethys/issues/2103)) ([2e8c34d](https://github.com/atinc/ngx-tethys/commit/2e8c34d72ed436ce6dee4eadf5ad997e72a719d5)), closes [#INFR-4333](https://github.com/atinc/ngx-tethys/issues/INFR-4333)
+
+
+
 ## [13.2.3](https://github.com/atinc/ngx-tethys/compare/13.2.2...13.2.3) (2022-08-19)
 
 

package/cascader/cascader-li.component.d.ts

@@ -1,16 +1,20 @@
-import { OnInit } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { CascaderOption } from './types';
 import * as i0 from "@angular/core";
 export declare class ThyCascaderOptionComponent implements OnInit {
     option: CascaderOption;
+    multiple: boolean;
+    isOnlySelectLeaf: boolean;
     item: boolean;
     active: boolean;
     get disabled(): boolean;
     get expand(): boolean;
-    thyLabelProperty: string;
+    labelProperty: string;
+    toggleSelectChange: EventEmitter<boolean>;
     constructor();
     getOptionLabel(): any;
     ngOnInit(): void;
+    toggleOption(value: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyCascaderOptionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyCascaderOptionComponent, "[thy-cascader-option]", never, { "option": "option"; "active": "active"; "thyLabelProperty": "thyLabelProperty"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyCascaderOptionComponent, "[thy-cascader-option]", never, { "option": "option"; "multiple": "multiple"; "isOnlySelectLeaf": "isOnlySelectLeaf"; "active": "active"; "labelProperty": "labelProperty"; }, { "toggleSelectChange": "toggleSelectChange"; }, never, never>;
 }

package/cascader/cascader.component.d.ts

@@ -3,6 +3,8 @@ import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryLi
 import { ControlValueAccessor } from '@angular/forms';
 import { UpdateHostClassService } from 'ngx-tethys/core';
 import { CascaderOption } from './types';
+import { SelectControlSize, SelectOptionBase } from 'ngx-tethys/shared';
+import { SelectionModel } from '@angular/cdk/collections';
 import * as i0 from "@angular/core";
 export declare type ThyCascaderTriggerType = 'click' | 'hover';
 export declare type ThyCascaderExpandTrigger = 'click' | 'hover';
@@ -11,101 +13,94 @@ export declare class ThyCascaderComponent implements ControlValueAccessor, OnIni
     private elementRef;
     private updateHostClassService;
     private viewPortRuler;
-    private changeOnSelect;
-    private showInput;
-    prefixCls: string;
-    private menuClassName;
-    private columnClassName;
-    private _menuColumnCls;
-    private defaultValue;
-    private readonly destroy$;
-    dropDownPosition: string;
-    menuVisible: boolean;
-    isLoading: boolean;
-    isOpening: boolean;
-    showSearch: boolean;
-    private _thySize;
-    private _arrowCls;
-    private _menuCls;
-    private _labelCls;
-    private _clearCls;
-    private _inputCls;
-    private labelRenderTpl;
-    isLabelRenderTemplate: boolean;
-    labelRenderText: string;
-    labelRenderContext: any;
-    onChange: any;
-    onTouched: any;
-    private cascaderPositon;
-    positions: ConnectionPositionPair[];
-    triggerRect: DOMRect;
-    set thyLabelRender(value: TemplateRef<any>);
-    get thyLabelRender(): TemplateRef<any>;
-    private value;
-    private selectedOptions;
-    private activatedOptions;
-    thyColumns: CascaderOption[][];
     thyValueProperty: string;
     thyLabelProperty: string;
-    thyPlaceHolder: string;
-    private _inputValue;
-    get inputValue(): string;
-    set inputValue(inputValue: string);
+    thyPlaceholder: string;
+    thySize: SelectControlSize;
+    set thyOptions(options: CascaderOption[] | null);
+    thyChangeOnSelect: boolean;
+    thyShowInput: boolean;
+    set thyLabelRender(value: TemplateRef<any>);
+    get thyLabelRender(): TemplateRef<any>;
     thyLoadData: (node: CascaderOption, index?: number) => PromiseLike<any>;
-    set thyChangeOnSelect(value: boolean);
-    get thyChangeOnSelect(): boolean;
-    set thyShowInput(value: boolean);
-    get thyShowInput(): boolean;
-    searchWidthStyle: string;
-    private oldColumnsHolder;
-    private oldActivatedOptions;
-    inSearch: boolean;
-    emptyStateText: string;
     thyTriggerAction: ThyCascaderTriggerType | ThyCascaderTriggerType[];
     thyExpandTriggerAction: ThyCascaderExpandTrigger | ThyCascaderExpandTrigger[];
     thyMenuStyle: {
         [key: string]: string;
     };
-    set thyOptions(options: CascaderOption[] | null);
     set thyMenuClassName(value: string);
     get thyMenuClassName(): string;
     set thyColumnClassName(value: string);
     get thyColumnClassName(): string;
     disabled: boolean;
-    set thySize(v: string);
-    get thySize(): string;
     set thyEmptyStateText(value: string);
+    set thyMultiple(value: boolean);
+    get thyMultiple(): boolean;
+    thyMaxTagCount: number;
+    thyIsOnlySelectLeaf: boolean;
+    thyChangeOn: (option: CascaderOption, level: number) => boolean;
     thyChange: EventEmitter<any[]>;
     thySelectionChange: EventEmitter<CascaderOption[]>;
     thySelect: EventEmitter<{
         option: CascaderOption;
         index: number;
     }>;
-    thyChangeOn: (option: CascaderOption, level: number) => boolean;
+    thyDeselect: EventEmitter<{
+        option: CascaderOption;
+        index: number;
+    }>;
     thyClear: EventEmitter<void>;
-    trigger: ElementRef<any>;
-    input: ElementRef;
-    menu: ElementRef;
     cascaderOptions: QueryList<ElementRef>;
     cascaderOptionContainers: QueryList<ElementRef>;
     cdkConnectedOverlay: CdkConnectedOverlay;
+    trigger: ElementRef<any>;
+    input: ElementRef;
+    menu: ElementRef;
+    dropDownPosition: string;
+    menuVisible: boolean;
+    isLoading: boolean;
+    showSearch: boolean;
+    labelRenderText: string;
+    labelRenderContext: any;
+    isLabelRenderTemplate: boolean;
+    triggerRect: DOMRect;
+    columns: CascaderOption[][];
+    emptyStateText: string;
+    selectionModel: SelectionModel<SelectOptionBase>;
+    private prefixCls;
+    private menuClassName;
+    private columnClassName;
+    private _menuColumnCls;
+    private defaultValue;
+    private readonly destroy$;
+    private _menuCls;
+    private _labelCls;
+    private labelRenderTpl;
+    onChange: any;
+    onTouched: any;
+    private cascaderPosition;
+    positions: ConnectionPositionPair[];
+    private value;
+    private selectedOptions;
+    private activatedOptions;
+    get selected(): SelectOptionBase | SelectOptionBase[];
+    private isMultiple;
     ngOnInit(): void;
+    private initSelectionModel;
     private initPosition;
     private initOptions;
     private activateOnInit;
     writeValue(value: any): void;
     afterWriteValue(): void;
+    private addSelectedState;
     registerOnChange(fn: (_: any) => {}): void;
     registerOnTouched(fn: () => {}): void;
-    onPositionChange(position: ConnectedOverlayPositionChange): void;
+    positionChange(position: ConnectedOverlayPositionChange): void;
     private isLoaded;
     getOptionLabel(option: CascaderOption): any;
     getOptionValue(option: CascaderOption): any;
-    private hasInput;
-    private hasValue;
-    get showPlaceholder(): boolean;
-    isActivedOption(option: CascaderOption, index: number): boolean;
-    onAttached(): void;
+    isActivatedOption(option: CascaderOption, index: number): boolean;
+    attached(): void;
     private findOption;
     private buildDisplayLabel;
     isMenuVisible(): boolean;
@@ -115,35 +110,36 @@ export declare class ThyCascaderComponent implements ControlValueAccessor, OnIni
     private setMenuClass;
     get menuColumnCls(): any;
     private setMenuColumnClass;
-    get arrowCls(): any;
-    private setArrowClass;
-    get clearCls(): any;
-    private setClearClass;
     get labelCls(): any;
     private setLabelClass;
-    get inputCls(): any;
-    private setInputClass;
     private setClassMap;
     private isClickTriggerAction;
     private isHoverTriggerAction;
     private isHoverExpandTriggerAction;
     toggleClick($event: Event): void;
     toggleHover($event: Event): void;
-    onOptionClick(option: CascaderOption, index: number, event: Event): void;
-    onOptionMouseover(option: CascaderOption, index: number, event: Event): void;
-    onMenuMouseleave(event: Event): void;
+    clickOption(option: CascaderOption, index: number, event: Event): void;
+    mouseoverOption(option: CascaderOption, index: number, event: Event): void;
+    mouseleaveMenu(event: Event): void;
     closeMenu(): void;
     setActiveOption(option: CascaderOption, index: number, select: boolean, loadChildren?: boolean): void;
-    private onSelectOption;
+    private selectOption;
+    removeSelectedItem(event: {
+        item: SelectOptionBase;
+        $eventOrigin: Event;
+    }): void;
+    private deselectOption;
     private shouldPerformSelection;
-    private onValueChange;
+    private valueChange;
+    private getValues;
     clearSelection($event: Event): void;
-    focus(): void;
+    private deselectAllSelected;
     private loadChildren;
     private setColumnData;
-    getSubmitValue(): any[];
+    private getSubmitValue;
     constructor(cdr: ChangeDetectorRef, elementRef: ElementRef, updateHostClassService: UpdateHostClassService, viewPortRuler: ViewportRuler);
+    trackByFn(index: number, item: CascaderOption): any;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyCascaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ThyCascaderComponent, "thy-cascader,[thy-cascader]", never, { "thyLabelRender": "thyLabelRender"; "thyValueProperty": "thyValueProperty"; "thyLabelProperty": "thyLabelProperty"; "thyPlaceHolder": "thyPlaceHolder"; "thyLoadData": "thyLoadData"; "thyChangeOnSelect": "thyChangeOnSelect"; "thyShowInput": "thyShowInput"; "thyTriggerAction": "thyTriggerAction"; "thyExpandTriggerAction": "thyExpandTriggerAction"; "thyMenuStyle": "thyMenuStyle"; "thyOptions": "thyOptions"; "thyMenuClassName": "thyMenuClassName"; "thyColumnClassName": "thyColumnClassName"; "disabled": "disabled"; "thySize": "thySize"; "thyEmptyStateText": "thyEmptyStateText"; "thyChangeOn": "thyChangeOn"; }, { "thyChange": "thyChange"; "thySelectionChange": "thySelectionChange"; "thySelect": "thySelect"; "thyClear": "thyClear"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ThyCascaderComponent, "thy-cascader,[thy-cascader]", never, { "thyValueProperty": "thyValueProperty"; "thyLabelProperty": "thyLabelProperty"; "thyPlaceholder": "thyPlaceholder"; "thySize": "thySize"; "thyOptions": "thyOptions"; "thyChangeOnSelect": "thyChangeOnSelect"; "thyShowInput": "thyShowInput"; "thyLabelRender": "thyLabelRender"; "thyLoadData": "thyLoadData"; "thyTriggerAction": "thyTriggerAction"; "thyExpandTriggerAction": "thyExpandTriggerAction"; "thyMenuStyle": "thyMenuStyle"; "thyMenuClassName": "thyMenuClassName"; "thyColumnClassName": "thyColumnClassName"; "disabled": "disabled"; "thyEmptyStateText": "thyEmptyStateText"; "thyMultiple": "thyMultiple"; "thyMaxTagCount": "thyMaxTagCount"; "thyIsOnlySelectLeaf": "thyIsOnlySelectLeaf"; "thyChangeOn": "thyChangeOn"; }, { "thyChange": "thyChange"; "thySelectionChange": "thySelectionChange"; "thySelect": "thySelect"; "thyDeselect": "thyDeselect"; "thyClear": "thyClear"; }, never, never>;
 }

package/cascader/module.d.ts

@@ -7,8 +7,10 @@ import * as i5 from "@angular/cdk/overlay";
 import * as i6 from "ngx-tethys/input";
 import * as i7 from "ngx-tethys/icon";
 import * as i8 from "ngx-tethys/empty";
+import * as i9 from "ngx-tethys/shared";
+import * as i10 from "ngx-tethys/checkbox";
 export declare class ThyCascaderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyCascaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyCascaderModule, [typeof i1.ThyCascaderComponent, typeof i2.ThyCascaderOptionComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.ThyInputModule, typeof i7.ThyIconModule, typeof i8.ThyEmptyModule], [typeof i1.ThyCascaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyCascaderModule, [typeof i1.ThyCascaderComponent, typeof i2.ThyCascaderOptionComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.OverlayModule, typeof i6.ThyInputModule, typeof i7.ThyIconModule, typeof i8.ThyEmptyModule, typeof i9.ThySelectCommonModule, typeof i10.ThyCheckboxModule], [typeof i1.ThyCascaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThyCascaderModule>;
 }

package/cascader/styles/cascader.scss

@@ -3,74 +3,13 @@
 .thy-cascader {
     position: relative;
     display: inline-block;
-    cursor: pointer;
-    border: 1px solid variables.$gray-200;
-    border-radius: variables.$input-border-radius-xs;
-    &:hover:not(&-picker-disabled):not(.is-invalid) {
-        border-color: variables.$primary;
-    }
-    &-input.form-control {
-        border: none !important;
+
+    .form-control {
         cursor: pointer;
 
-        &:disabled {
-            cursor: default;
-        }
-    }
-    &-xs,
-    &-sm {
-        font-size: 0.75rem;
-    }
-    &-picker {
-        &-open {
-            border-color: variables.$primary;
-        }
-        &-disabled {
-            color: variables.$gray-600;
-            border-color: 1px solid variables.$gray-400;
+        &.disabled {
             cursor: default;
         }
-        &-label {
-            position: absolute;
-            left: 0;
-            height: 20px;
-            line-height: 20px;
-            top: 50%;
-            margin-top: -10px;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            width: 100%;
-            padding: 0 24px 0 12px;
-        }
-        &-arrow {
-            color: variables.$gray-500;
-            position: absolute;
-            right: 12px;
-            top: 50%;
-            font-size: 1rem;
-            margin-top: -8px;
-            line-height: 1;
-            transition: transform 0.2s;
-            &-expand {
-                transform: rotate(180deg);
-            }
-        }
-        &-clear {
-            opacity: 0;
-            position: absolute;
-            right: 13px;
-            z-index: 2;
-            background: variables.$white;
-            top: 50%;
-            font-size: 0.875rem;
-            margin-top: -7px;
-            line-height: 1;
-            transition: color 0.3s ease, opacity 0.15s ease;
-        }
-        &:hover &-clear {
-            opacity: 1;
-        }
     }
     &-menus {
         font-size: 14px;

package/core/color/color.d.ts

@@ -1,3 +1,6 @@
 export declare const presetThemeColors: readonly ["primary", "success", "info", "warning", "danger", "default", "light"];
 export declare type ThyThemeColor = typeof presetThemeColors[number];
 export declare function isThemeColor(color: ThyThemeColor | string): boolean;
+export declare const presetTextColors: readonly ["secondary", "muted", "desc", "placeholder"];
+export declare type ThyTextColor = typeof presetTextColors[number];
+export declare function isTextColor(color: ThyTextColor | string): boolean;

package/esm2020/cascader/cascader-li.component.mjs

@@ -1,11 +1,18 @@
-import { UpdateHostClassService } from 'ngx-tethys/core';
-import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
+import { __decorate, __metadata } from "tslib";
+import { InputBoolean, UpdateHostClassService } from 'ngx-tethys/core';
+import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "ngx-tethys/checkbox";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
 export class ThyCascaderOptionComponent {
     constructor() {
+        this.multiple = false;
+        this.isOnlySelectLeaf = true;
         this.item = true;
         this.active = false;
+        this.labelProperty = 'label';
+        this.toggleSelectChange = new EventEmitter();
     }
     get disabled() {
         return this.option.disabled;
@@ -14,17 +21,36 @@ export class ThyCascaderOptionComponent {
         return this.option && !this.option.isLeaf;
     }
     getOptionLabel() {
-        return this.option ? this.option[this.thyLabelProperty || 'label'] : '';
+        return this.option ? this.option[this.labelProperty] : '';
     }
     ngOnInit() { }
+    toggleOption(value) {
+        this.toggleSelectChange.emit(value);
+    }
 }
 ThyCascaderOptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: ThyCascaderOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ThyCascaderOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: { option: "option", active: "active", thyLabelProperty: "thyLabelProperty" }, host: { properties: { "class.thy-cascader-menu-item": "this.item", "class.thy-cascader-menu-item-active": "this.active", "class.thy-cascader-menu-item-disabled": "this.disabled", "class.thy-cascader-menu-item-expand": "this.expand" } }, providers: [UpdateHostClassService], ngImport: i0, template: "<ng-container>\n    {{ getOptionLabel() }}\n</ng-container>\n<span *ngIf=\"!option.isLeaf || option.children && option.children.length || option.loading\" class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\">\n</span>", directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ThyCascaderOptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.6", type: ThyCascaderOptionComponent, selector: "[thy-cascader-option]", inputs: { option: "option", multiple: "multiple", isOnlySelectLeaf: "isOnlySelectLeaf", active: "active", labelProperty: "labelProperty" }, outputs: { toggleSelectChange: "toggleSelectChange" }, host: { properties: { "class.thy-cascader-menu-item": "this.item", "class.thy-cascader-menu-item-active": "this.active", "class.thy-cascader-menu-item-disabled": "this.disabled", "class.thy-cascader-menu-item-expand": "this.expand" } }, providers: [UpdateHostClassService], ngImport: i0, template: "<ng-container>\n  <span *ngIf=\"!multiple || !option.isLeaf\"> {{ getOptionLabel() }}</span>\n  <ng-container *ngIf=\"multiple && option.isLeaf && isOnlySelectLeaf\">\n    <label\n      thyCheckbox\n      [(ngModel)]=\"active\"\n      (ngModelChange)=\"toggleOption(active)\"\n      [name]=\"option.value || option._id\"\n      [thyLabelText]=\"getOptionLabel()\"\n    ></label>\n  </ng-container>\n\n  <span\n    *ngIf=\"!option.isLeaf || (option.children && option.children.length) || option.loading\"\n    class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\"\n  >\n  </span>\n</ng-container>\n", components: [{ type: i1.ThyCheckboxComponent, selector: "thy-checkbox,[thy-checkbox],[thyCheckbox]", inputs: ["thyIndeterminate"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+__decorate([
+    InputBoolean(),
+    __metadata("design:type", Object)
+], ThyCascaderOptionComponent.prototype, "multiple", void 0);
+__decorate([
+    InputBoolean(),
+    __metadata("design:type", Object)
+], ThyCascaderOptionComponent.prototype, "isOnlySelectLeaf", void 0);
+__decorate([
+    InputBoolean(),
+    __metadata("design:type", Boolean)
+], ThyCascaderOptionComponent.prototype, "active", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImport: i0, type: ThyCascaderOptionComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-option]', providers: [UpdateHostClassService], template: "<ng-container>\n    {{ getOptionLabel() }}\n</ng-container>\n<span *ngIf=\"!option.isLeaf || option.children && option.children.length || option.loading\" class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\">\n</span>" }]
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, selector: '[thy-cascader-option]', providers: [UpdateHostClassService], template: "<ng-container>\n  <span *ngIf=\"!multiple || !option.isLeaf\"> {{ getOptionLabel() }}</span>\n  <ng-container *ngIf=\"multiple && option.isLeaf && isOnlySelectLeaf\">\n    <label\n      thyCheckbox\n      [(ngModel)]=\"active\"\n      (ngModelChange)=\"toggleOption(active)\"\n      [name]=\"option.value || option._id\"\n      [thyLabelText]=\"getOptionLabel()\"\n    ></label>\n  </ng-container>\n\n  <span\n    *ngIf=\"!option.isLeaf || (option.children && option.children.length) || option.loading\"\n    class=\"wtf wtf-angle-right thy-cascader-menu-item-expand-icon\"\n  >\n  </span>\n</ng-container>\n" }]
         }], ctorParameters: function () { return []; }, propDecorators: { option: [{
                 type: Input
+            }], multiple: [{
+                type: Input
+            }], isOnlySelectLeaf: [{
+                type: Input
             }], item: [{
                 type: HostBinding,
                 args: ['class.thy-cascader-menu-item']
@@ -39,7 +65,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.6", ngImpor
             }], expand: [{
                 type: HostBinding,
                 args: ['class.thy-cascader-menu-item-expand']
-            }], thyLabelProperty: [{
+            }], labelProperty: [{
                 type: Input
+            }], toggleSelectChange: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FzY2FkZXItbGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Nhc2NhZGVyL2Nhc2NhZGVyLWxpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jYXNjYWRlci9jYXNjYWRlci1saS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUV6RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVlsSCxNQUFNLE9BQU8sMEJBQTBCO0lBcUJuQztRQWxCNkMsU0FBSSxHQUFHLElBQUksQ0FBQztRQUl6RCxXQUFNLEdBQUcsS0FBSyxDQUFDO0lBY0EsQ0FBQztJQVpoQixJQUNJLFFBQVE7UUFDUixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO0lBQ2hDLENBQUM7SUFFRCxJQUNJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQztJQUM5QyxDQUFDO0lBTU0sY0FBYztRQUNqQixPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLGdCQUFnQixJQUFJLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDNUUsQ0FBQztJQUVELFFBQVEsS0FBSSxDQUFDOzt1SEEzQkosMEJBQTBCOzJHQUExQiwwQkFBMEIsbVhBRnhCLENBQUMsc0JBQXNCLENBQUMsMEJDWnZDLHVPQUlPOzJGRFVNLDBCQUEwQjtrQkFSdEMsU0FBUztzQ0FDVyx1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLFlBRTNCLHVCQUF1QixhQUV0QixDQUFDLHNCQUFzQixDQUFDOzBFQUcxQixNQUFNO3NCQUFkLEtBQUs7Z0JBRXVDLElBQUk7c0JBQWhELFdBQVc7dUJBQUMsOEJBQThCO2dCQUkzQyxNQUFNO3NCQUZMLFdBQVc7dUJBQUMscUNBQXFDOztzQkFDakQsS0FBSztnQkFJRixRQUFRO3NCQURYLFdBQVc7dUJBQUMsdUNBQXVDO2dCQU1oRCxNQUFNO3NCQURULFdBQVc7dUJBQUMscUNBQXFDO2dCQUt6QyxnQkFBZ0I7c0JBQXhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBVcGRhdGVIb3N0Q2xhc3NTZXJ2aWNlIH0gZnJvbSAnbmd4LXRldGh5cy9jb3JlJztcblxuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IENhc2NhZGVyT3B0aW9uIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1t0aHktY2FzY2FkZXItb3B0aW9uXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Nhc2NhZGVyLWxpLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtVcGRhdGVIb3N0Q2xhc3NTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBUaHlDYXNjYWRlck9wdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgb3B0aW9uOiBDYXNjYWRlck9wdGlvbjtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MudGh5LWNhc2NhZGVyLW1lbnUtaXRlbScpIGl0ZW0gPSB0cnVlO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50aHktY2FzY2FkZXItbWVudS1pdGVtLWFjdGl2ZScpXG4gICAgQElucHV0KClcbiAgICBhY3RpdmUgPSBmYWxzZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MudGh5LWNhc2NhZGVyLW1lbnUtaXRlbS1kaXNhYmxlZCcpXG4gICAgZ2V0IGRpc2FibGVkKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5vcHRpb24uZGlzYWJsZWQ7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy50aHktY2FzY2FkZXItbWVudS1pdGVtLWV4cGFuZCcpXG4gICAgZ2V0IGV4cGFuZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMub3B0aW9uICYmICF0aGlzLm9wdGlvbi5pc0xlYWY7XG4gICAgfVxuXG4gICAgQElucHV0KCkgdGh5TGFiZWxQcm9wZXJ0eTogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IoKSB7fVxuXG4gICAgcHVibGljIGdldE9wdGlvbkxhYmVsKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5vcHRpb24gPyB0aGlzLm9wdGlvblt0aGlzLnRoeUxhYmVsUHJvcGVydHkgfHwgJ2xhYmVsJ10gOiAnJztcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHt9XG59XG4iLCI8bmctY29udGFpbmVyPlxuICAgIHt7IGdldE9wdGlvbkxhYmVsKCkgfX1cbjwvbmctY29udGFpbmVyPlxuPHNwYW4gKm5nSWY9XCIhb3B0aW9uLmlzTGVhZiB8fCBvcHRpb24uY2hpbGRyZW4gJiYgb3B0aW9uLmNoaWxkcmVuLmxlbmd0aCB8fCBvcHRpb24ubG9hZGluZ1wiIGNsYXNzPVwid3RmIHd0Zi1hbmdsZS1yaWdodCB0aHktY2FzY2FkZXItbWVudS1pdGVtLWV4cGFuZC1pY29uXCI+XG48L3NwYW4+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FzY2FkZXItbGkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2Nhc2NhZGVyL2Nhc2NhZGVyLWxpLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uL3NyYy9jYXNjYWRlci9jYXNjYWRlci1saS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQVd4SSxNQUFNLE9BQU8sMEJBQTBCO0lBZ0NuQztRQTNCQSxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBSWpCLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUVxQixTQUFJLEdBQUcsSUFBSSxDQUFDO1FBS3pELFdBQU0sR0FBWSxLQUFLLENBQUM7UUFZZixrQkFBYSxHQUFXLE9BQU8sQ0FBQztRQUUvQix1QkFBa0IsR0FBMEIsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUUxRCxDQUFDO0lBZGhCLElBQ0ksUUFBUTtRQUNSLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQ0ksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLE1BQU0sSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDO0lBQzlDLENBQUM7SUFRTSxjQUFjO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUM5RCxDQUFDO0lBRUQsUUFBUSxLQUFJLENBQUM7SUFFTixZQUFZLENBQUMsS0FBYztRQUM5QixJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7O3VIQTFDUSwwQkFBMEI7MkdBQTFCLDBCQUEwQixnZUFGeEIsQ0FBQyxzQkFBc0IsQ0FBQywwQkNWdkMsa21CQWtCQTtBRERJO0lBREMsWUFBWSxFQUFFOzs0REFDRTtBQUlqQjtJQURDLFlBQVksRUFBRTs7b0VBQ1M7QUFPeEI7SUFEQyxZQUFZLEVBQUU7OzBEQUNTOzJGQWhCZiwwQkFBMEI7a0JBUnRDLFNBQVM7c0NBQ1csdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxZQUUzQix1QkFBdUIsYUFFdEIsQ0FBQyxzQkFBc0IsQ0FBQzswRUFHMUIsTUFBTTtzQkFBZCxLQUFLO2dCQUlOLFFBQVE7c0JBRlAsS0FBSztnQkFNTixnQkFBZ0I7c0JBRmYsS0FBSztnQkFJdUMsSUFBSTtzQkFBaEQsV0FBVzt1QkFBQyw4QkFBOEI7Z0JBSzNDLE1BQU07c0JBSEwsV0FBVzt1QkFBQyxxQ0FBcUM7O3NCQUNqRCxLQUFLO2dCQUtGLFFBQVE7c0JBRFgsV0FBVzt1QkFBQyx1Q0FBdUM7Z0JBTWhELE1BQU07c0JBRFQsV0FBVzt1QkFBQyxxQ0FBcUM7Z0JBS3pDLGFBQWE7c0JBQXJCLEtBQUs7Z0JBRUksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXRCb29sZWFuLCBVcGRhdGVIb3N0Q2xhc3NTZXJ2aWNlIH0gZnJvbSAnbmd4LXRldGh5cy9jb3JlJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENhc2NhZGVyT3B0aW9uIH0gZnJvbSAnLi90eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgICBzZWxlY3RvcjogJ1t0aHktY2FzY2FkZXItb3B0aW9uXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2Nhc2NhZGVyLWxpLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtVcGRhdGVIb3N0Q2xhc3NTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBUaHlDYXNjYWRlck9wdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgb3B0aW9uOiBDYXNjYWRlck9wdGlvbjtcblxuICAgIEBJbnB1dCgpXG4gICAgQElucHV0Qm9vbGVhbigpXG4gICAgbXVsdGlwbGUgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgQElucHV0Qm9vbGVhbigpXG4gICAgaXNPbmx5U2VsZWN0TGVhZiA9IHRydWU7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnRoeS1jYXNjYWRlci1tZW51LWl0ZW0nKSBpdGVtID0gdHJ1ZTtcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MudGh5LWNhc2NhZGVyLW1lbnUtaXRlbS1hY3RpdmUnKVxuICAgIEBJbnB1dCgpXG4gICAgQElucHV0Qm9vbGVhbigpXG4gICAgYWN0aXZlOiBib29sZWFuID0gZmFsc2U7XG5cbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzLnRoeS1jYXNjYWRlci1tZW51LWl0ZW0tZGlzYWJsZWQnKVxuICAgIGdldCBkaXNhYmxlZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMub3B0aW9uLmRpc2FibGVkO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MudGh5LWNhc2NhZGVyLW1lbnUtaXRlbS1leHBhbmQnKVxuICAgIGdldCBleHBhbmQoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLm9wdGlvbiAmJiAhdGhpcy5vcHRpb24uaXNMZWFmO1xuICAgIH1cblxuICAgIEBJbnB1dCgpIGxhYmVsUHJvcGVydHk6IHN0cmluZyA9ICdsYWJlbCc7XG5cbiAgICBAT3V0cHV0KCkgdG9nZ2xlU2VsZWN0Q2hhbmdlOiBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgICBwdWJsaWMgZ2V0T3B0aW9uTGFiZWwoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLm9wdGlvbiA/IHRoaXMub3B0aW9uW3RoaXMubGFiZWxQcm9wZXJ0eV0gOiAnJztcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHt9XG5cbiAgICBwdWJsaWMgdG9nZ2xlT3B0aW9uKHZhbHVlOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMudG9nZ2xlU2VsZWN0Q2hhbmdlLmVtaXQodmFsdWUpO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXI+XG4gIDxzcGFuICpuZ0lmPVwiIW11bHRpcGxlIHx8ICFvcHRpb24uaXNMZWFmXCI+IHt7IGdldE9wdGlvbkxhYmVsKCkgfX08L3NwYW4+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJtdWx0aXBsZSAmJiBvcHRpb24uaXNMZWFmICYmIGlzT25seVNlbGVjdExlYWZcIj5cbiAgICA8bGFiZWxcbiAgICAgIHRoeUNoZWNrYm94XG4gICAgICBbKG5nTW9kZWwpXT1cImFjdGl2ZVwiXG4gICAgICAobmdNb2RlbENoYW5nZSk9XCJ0b2dnbGVPcHRpb24oYWN0aXZlKVwiXG4gICAgICBbbmFtZV09XCJvcHRpb24udmFsdWUgfHwgb3B0aW9uLl9pZFwiXG4gICAgICBbdGh5TGFiZWxUZXh0XT1cImdldE9wdGlvbkxhYmVsKClcIlxuICAgID48L2xhYmVsPlxuICA8L25nLWNvbnRhaW5lcj5cblxuICA8c3BhblxuICAgICpuZ0lmPVwiIW9wdGlvbi5pc0xlYWYgfHwgKG9wdGlvbi5jaGlsZHJlbiAmJiBvcHRpb24uY2hpbGRyZW4ubGVuZ3RoKSB8fCBvcHRpb24ubG9hZGluZ1wiXG4gICAgY2xhc3M9XCJ3dGYgd3RmLWFuZ2xlLXJpZ2h0IHRoeS1jYXNjYWRlci1tZW51LWl0ZW0tZXhwYW5kLWljb25cIlxuICA+XG4gIDwvc3Bhbj5cbjwvbmctY29udGFpbmVyPlxuIl19