ngx-tethys 18.1.0 → 18.2.0-next.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
 
+# [18.2.0-next.0](https://github.com/atinc/ngx-tethys/compare/18.1.0...18.2.0-next.0) (2024-11-14)
+
+
+### Features
+
+* **core:** support projectableNodes for ThyAbstractOverlayConfig and rename ThyStealthViewDirective to ThyStealthView #TINFR-651 ([#3230](https://github.com/atinc/ngx-tethys/issues/3230)) ([f838b96](https://github.com/atinc/ngx-tethys/commit/f838b967ae2066790617f1ace6729d4ea4025369)), closes [#TINFR-651](https://github.com/atinc/ngx-tethys/issues/TINFR-651)
+* **drag-drop:** mark drag-drop as deprecated #TINFR-438 ([#3231](https://github.com/atinc/ngx-tethys/issues/3231)) ([7497858](https://github.com/atinc/ngx-tethys/commit/7497858e449a5d217c3117432db3648f27766e52)), closes [#TINFR-438](https://github.com/atinc/ngx-tethys/issues/TINFR-438)
+* support dark theme for all components #TINFR-950 ([#3238](https://github.com/atinc/ngx-tethys/issues/3238)) ([0f325bb](https://github.com/atinc/ngx-tethys/commit/0f325bb330ffc5586c5c99bdaf98011cb1ced61a)), closes [#TINFR-950](https://github.com/atinc/ngx-tethys/issues/TINFR-950)
+
+
+
 # [18.1.0](https://github.com/atinc/ngx-tethys/compare/18.1.0-next.1...18.1.0) (2024-10-31)
 
 

package/alert/styles/mixin.scss

@@ -19,7 +19,7 @@
 
 @mixin thy-alert-bordered-variant($color) {
     color: variables.$gray-600;
-    background: variables.$white;
+    background: variables.$bg-default;
     border-color: variables.$gray-200 variables.$gray-200 variables.$gray-200 $color;
     border-left-width: 2px;
     @include thy-alert-inner($color);

package/anchor/style/anchor.scss

@@ -10,7 +10,7 @@ $anchor-border-width: 2px;
         margin-block-start: -4px;
         padding-block-start: 4px;
         overflow: auto;
-        background-color: variables.$white;
+        background-color: variables.$bg-default;
 
         &:not(&-horizontal) {
             .thy-anchor {
@@ -69,7 +69,9 @@ $anchor-border-width: 2px;
                         position: absolute;
                         bottom: 0;
                         border-top: $anchor-border-width solid variables.$primary;
-                        transition: left 0.2s ease-in-out, width 0.2s ease-in-out;
+                        transition:
+                            left 0.2s ease-in-out,
+                            width 0.2s ease-in-out;
                     }
                 }
                 &-link {

package/avatar/styles/avatar.scss

@@ -49,7 +49,7 @@
         justify-content: center;
         align-items: center;
         &-icon {
-            color: variables.$gray-100;
+            color: variables.$avatar-disabled-color;
         }
     }
 }

package/back-top/styles/back-top.scss

@@ -20,15 +20,15 @@ $back-top-width: 36px;
         width: $back-top-width;
         height: $back-top-width;
         overflow: hidden;
-        background-color: variables.$white;
+        background-color: variables.$bg-float;
         border-radius: 50%;
         transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        box-shadow: variables.$float-btn-box-shadow;
         display: flex;
         align-items: center;
         justify-content: center;
         &:hover {
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
+            box-shadow: variables.$float-btn-hover-box-shadow;
         }
     }
 }

package/button/styles/button-group.scss

@@ -1,11 +1,11 @@
-@use "../../styles/bootstrap/mixins/border-radius";
-@use "../../styles/mixins/hover";
-@use "../../styles/bootstrap/functions-variables";
-@use "../../styles/bootstrap/variables" as bootstrap-variables;
-@use "../../styles/mixins/shadow";
-@use "../../styles/variables";
-@use "./button.scss";
-@use "mixin";
+@use '../../styles/bootstrap/mixins/border-radius';
+@use '../../styles/mixins/hover';
+@use '../../styles/bootstrap/functions-variables';
+@use '../../styles/bootstrap/variables' as bootstrap-variables;
+@use '../../styles/mixins/shadow';
+@use '../../styles/variables';
+@use './button.scss';
+@use 'mixin';
 // stylelint-disable selector-no-qualifying-type
 
 // Make the div behave like a button
@@ -162,7 +162,7 @@
 // The clickable button for toggling the menu
 // Set the same inset shadow as the :active state
 .btn-group.show .dropdown-toggle {
-    @include shadow.box-shadow(bootstrap-variables.$btn-active-box-shadow);
+    @include shadow.box-shadow(variables.$btn-active-box-shadow);
 
     // Show no shadow for `.btn-link` since it has no other button styles.
     &.btn-link {

package/button/styles/button.scss

@@ -52,7 +52,7 @@
 
     &:focus,
     &.focus {
-        outline: 0; // box-shadow: $btn-focus-box-shadow;
+        outline: 0;
     }
 
     // Disabled comes first so active can properly restyle
@@ -73,10 +73,6 @@
     &:not(:disabled):not(.disabled):active,
     &:not(:disabled):not(.disabled).active {
         background-image: none;
-        // @include box-shadow($btn-active-box-shadow);
-        // &:focus {
-        //     @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
-        // }
     }
 
     &:not(:disabled):not(.disabled).loading {
@@ -206,7 +202,7 @@ fieldset:disabled a.btn {
     &.focus {
         text-decoration: variables.$link-hover-decoration;
         border-color: transparent;
-        box-shadow: none;
+        box-shadow: variables.$box-shadow-none;
     }
 
     &.disabled,

package/button/styles/mixin.scss

@@ -1,9 +1,9 @@
-@use "sass:color";
-@use "../../styles/bootstrap/mixins/gradients";
-@use "../../styles/mixins/hover";
-@use "../../styles/bootstrap/variables" as bootstrap-variables;
-@use "../../styles/mixins/shadow";
-@use "../../styles/variables";
+@use 'sass:color';
+@use '../../styles/bootstrap/mixins/gradients';
+@use '../../styles/mixins/hover';
+@use '../../styles/bootstrap/variables' as bootstrap-variables;
+@use '../../styles/mixins/shadow';
+@use '../../styles/variables';
 
 // Button variants
 //
@@ -19,27 +19,15 @@
     $active-background: color.adjust($background, $lightness: -10%),
     $active-border: color.adjust($border, $lightness: -12.5%)
 ) {
-    // color: color-yiq($background);
     color: $color;
     @include gradients.gradient-bg($background);
     border-color: $border;
     @include hover.hover {
-        // color: color-yiq($hover-background);
         color: $hover-color;
         @include gradients.gradient-bg($hover-background);
         border-color: $hover-border;
         @include shadow.box-shadow(variables.$btn-box-shadow);
     }
-    &:focus,
-    &.focus {
-        // Avoid using mixin so we can pass custom focus shadow properly
-        // @if $enable-shadows {
-        //     box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
-        // }
-        // @else {
-        //     box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
-        // }
-    } // Disabled comes first so active can properly restyle
     &.disabled,
     &:disabled {
         &:hover {
@@ -47,25 +35,6 @@
         }
         @include button-disabled(variables.$btn-disabled-border-color);
     }
-    &:not(:disabled):not(.disabled):active,
-    &:not(:disabled):not(.disabled).active,
-    .show > &.dropdown-toggle {
-        // color: color-yiq($active-background);
-        // background-color: $active-background;
-        // @if $enable-gradients {
-        //     background-image: none; // Remove the gradient for the pressed/active state
-        // }
-        // border-color: $active-border;
-        &:focus {
-            // Avoid using mixin so we can pass custom focus shadow properly
-            // @if $enable-shadows {
-            //     box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
-            // }
-            // @else {
-            //     box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
-            // }
-        }
-    }
 }
 
 @mixin button-outline-variant($color, $border-color, $hover-color, $hover-background, $hover-border, $active-background, $active-border) {
@@ -78,10 +47,6 @@
         background-color: $hover-background;
         border-color: $hover-border;
     }
-    &:focus,
-    &.focus {
-        // box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
-    }
     &.disabled,
     &:disabled {
         &:hover {
@@ -95,15 +60,6 @@
         color: $hover-color;
         background-color: $active-background;
         border-color: $active-border;
-        &:focus {
-            // Avoid using mixin so we can pass custom focus shadow properly
-            // @if $enable-shadows and $btn-active-box-shadow !=none {
-            //     box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
-            // }
-            // @else {
-            //     box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
-            // }
-        }
     }
 }
 
@@ -131,7 +87,6 @@
 
 @mixin button-hover-box-shadow($color) {
     &:hover {
-        // lighten($primary-active-theme, 15%)
         @include shadow.box-shadow(0px 2px 5px 1px rgba($color, 0.6));
     }
 }
@@ -141,8 +96,6 @@
         color: variables.$btn-disabled-color;
         background-color: variables.$btn-disabled-bg-color;
         border-color: $color;
-        // border-color: $btn-disabled-border-color;
-        // border: none;
     }
 
     @include shadow.box-shadow(none);

package/calendar/styles/calendar.scss

@@ -1,4 +1,4 @@
-@use "../../styles/variables";
+@use '../../styles/variables';
 
 $calendar-full-prefix-cls: 'thy-calendar-full';
 
@@ -24,8 +24,8 @@ $calendar-full-prefix-cls: 'thy-calendar-full';
             position: absolute;
             top: 0;
             left: 0;
-            box-shadow: 0 0 20px 0 rgba(variables.$black, 0.12);
-            background: variables.$white;
+            box-shadow: variables.$calendar-active-box-shadow;
+            background: variables.$bg-default;
             width: 100%;
             min-height: 100%;
             z-index: 2;
@@ -52,14 +52,6 @@ $calendar-full-prefix-cls: 'thy-calendar-full';
             font-weight: 400;
         }
 
-        .#{$calendar-full-prefix-cls}-selected-day {
-            // background: $gray-80;
-            // border-color: $primary;
-        }
-
-        .#{$calendar-full-prefix-cls}-date-value-text {
-        }
-
         .#{$calendar-full-prefix-cls}-today {
             .#{$calendar-full-prefix-cls}-date-value-today-text {
                 width: 24px;

package/card/styles/card.scss

@@ -1,10 +1,10 @@
-@use "../../styles/variables";
-@use "mixin";
+@use '../../styles/variables';
+@use 'mixin';
 
 .thy-card {
     display: flex;
     flex-direction: column;
-    background: variables.$white;
+    background: variables.$bg-default;
     border-radius: variables.$card-border-radius;
 
     .thy-card-header {

package/carousel/styles/carousel.scss

@@ -1,11 +1,11 @@
 @use '../../styles/variables';
-@use './variables' as vars;
 
-#{vars.$carousel-prefix-cls} {
+$carousel-prefix-cls: 'thy-carousel';
+
+#{$carousel-prefix-cls} {
     margin-left: auto;
     margin-right: auto;
     position: relative;
-    //overflow: hidden;
     padding: 0;
     z-index: 1;
     .thy-carousel-initialized {
@@ -62,16 +62,16 @@
             cursor: variables.$hand-cursor;
             &:hover {
                 thy-dot {
-                    opacity: 1;
+                    border-color: variables.$white;
                 }
             }
             thy-dot {
                 transition: 0.3s opacity;
-                color: variables.$white;
-                opacity: 0.5;
+                border-color: variables.$carousel-dot-bg-color;
+
                 &:hover,
                 &.active {
-                    opacity: 1;
+                    border-color: variables.$white;
                 }
             }
         }
@@ -82,13 +82,13 @@
         transform: translateY(-50%);
         z-index: 200;
         cursor: variables.$hand-cursor;
-        color: variables.$gray-70;
+        color: variables.$white;
         user-select: none;
         overflow: hidden;
         width: 32px;
         height: 32px;
         transition: 0.3s background;
-        background: rgba(vars.$carousel-control-default-bg, 0.3);
+        background: variables.$carousel-control-bg-color;
         border-radius: 50%;
         thy-icon {
             position: absolute;
@@ -99,7 +99,7 @@
             font-size: 22px;
         }
         &:hover {
-            background: rgba(vars.$carousel-control-default-bg, 0.6);
+            background: variables.$carousel-control-hover-bg-color;
         }
         &-pre {
             left: 12px;

package/cascader/styles/cascader.scss

@@ -21,11 +21,12 @@ $cascader-menu-min-width: 122px;
     }
     &-menus {
         font-size: 14px;
-        background: variables.$white;
+        background: variables.$bg-panel;
         position: relative;
         z-index: 1050;
         border-radius: 4px;
-        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        border: 1px solid variables.$gray-200;
+        box-shadow: variables.$box-shadow;
         white-space: nowrap;
         margin-top: 4px;
         margin-bottom: 4px;

package/collapse/styles/collapse.scss

@@ -20,7 +20,9 @@ $thy-collapse-prefix-cls: 'thy-collapse';
             align-items: center;
             position: relative;
             cursor: variables.$hand-cursor;
-            transition: all 0.3s, visibility 0s;
+            transition:
+                all 0.3s,
+                visibility 0s;
             .#{$thy-collapse-prefix-cls}-title {
                 flex: 1;
                 font-size: variables.$collapse-header-font-size;
@@ -43,7 +45,7 @@ $thy-collapse-prefix-cls: 'thy-collapse';
         }
         .#{$thy-collapse-prefix-cls}-content {
             border-top: 1px solid variables.$gray-200;
-            background-color: variables.$white;
+            background-color: variables.$bg-default;
             &-box {
                 padding: 0px variables.$collapse-spacing-x (variables.$collapse-spacing-y + 4) variables.$collapse-spacing-x;
             }

package/color-picker/styles/alpha.scss

@@ -23,7 +23,7 @@
         transform: translateX(-4px);
         z-index: 2;
         border: 2px solid variables.$white;
-        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+        box-shadow: variables.$color-picker-pointer-box-shadow;
     }
     .gradient-color {
         position: absolute;

package/color-picker/styles/color-picker-panel.scss

@@ -23,7 +23,7 @@
         .color-block {
             width: 18px;
             height: 18px;
-            background-color: variables.$white;
+            background-color: variables.$bg-default;
             border: 1px solid rgba(238, 238, 238, 1);
             border-radius: 2px;
             position: relative;

package/color-picker/styles/hue.scss

@@ -40,6 +40,6 @@
         transform: translateX(-4px);
         z-index: 2;
         border: 2px solid variables.$white;
-        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+        box-shadow: variables.$color-picker-pointer-box-shadow;
     }
 }

package/color-picker/styles/saturation.scss

@@ -31,7 +31,7 @@
             left: 90%;
             margin: -7px 0 0 -7px;
             border: 3px solid variables.$white;
-            box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
+            box-shadow: variables.$color-picker-pointer-box-shadow;
         }
     }
 }

package/comment/styles/mixin.scss

@@ -13,7 +13,7 @@
     border: variables.$comment-actions-border;
     border-radius: variables.$comment-actions-border-radius;
     box-shadow: variables.$box-shadow;
-    background-color: variables.$white;
+    background-color: variables.$bg-panel;
     cursor: variables.$hand-cursor;
     display: inline-flex;
     visibility: hidden;

package/core/index.d.ts

@@ -5,6 +5,7 @@ export * from './event-dispatchers/index';
 export * from './request-animation';
 export * from './scroll';
 export * from './animation';
+export * from './theme';
 export * from './overlay/index';
 export * from './update-host-class.service';
 export * from './translate';

package/core/overlay/abstract-overlay.config.d.ts

@@ -115,6 +115,11 @@ export declare class ThyAbstractOverlayConfig<TData = unknown> {
      * @default true
      */
     canPush?: boolean;
+    /**
+     * Projectable nodes of thy abstract overlay config, only for component
+     * @type Node[][]
+     */
+    projectableNodes?: Node[][];
 }
 export interface ThyAbstractOverlayOptions {
     /** component name, e.g. dialog | popover | slide */

package/core/theme/index.d.ts

@@ -0,0 +1,2 @@
+export * from './theme';
+export * from './store';

package/core/theme/store.d.ts

@@ -0,0 +1,11 @@
+import { ThyTheme } from './theme';
+import * as i0 from "@angular/core";
+export declare class ThyThemeStore {
+    readonly theme: import("@angular/core").WritableSignal<ThyTheme>;
+    constructor();
+    setTheme(theme: ThyTheme): void;
+    normalizeColor(color: string | string[]): string;
+    isDark(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThyThemeStore, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThyThemeStore>;
+}

package/core/theme/theme.d.ts

@@ -0,0 +1,5 @@
+export declare const enum ThyTheme {
+    light = "light",
+    dark = "dark",
+    system = "system"
+}

package/date-picker/styles/calendar.scss

@@ -9,7 +9,7 @@
     line-height: variables.$line-height-base;
     text-align: left;
     list-style: none;
-    background-color: variables.$white;
+    background-color: variables.$bg-panel;
     background-clip: padding-box;
     border: style.$border-width-base style.$border-style-base variables.$border-color;
     border-radius: variables.$border-radius-lg;

package/date-picker/styles/decade-panel.scss

@@ -11,7 +11,7 @@
     z-index: style.$zindex-picker-panel;
     display: flex;
     flex-direction: column;
-    background: variables.$white;
+    background: variables.$bg-default;
     border-radius: variables.$border-radius-lg;
     outline: none;
 }

package/date-picker/styles/picker.scss

@@ -182,5 +182,5 @@
 }
 
 .thy-popover-container .#{style.$calendar-prefix-cls} {
-    box-shadow: none;
+    box-shadow: variables.$box-shadow-none;
 }

package/date-picker/styles/range-picker.scss

@@ -120,10 +120,10 @@ $input-box-height: 34px;
         padding-left: 0;
         line-height: bootstrap-variables.$input-height-sm;
         border: 0;
-        box-shadow: none;
+        box-shadow: variables.$box-shadow-none;
 
         &:focus {
-            box-shadow: none;
+            box-shadow: variables.$box-shadow-none;
         }
     }
 
@@ -213,7 +213,7 @@ $input-box-height: 34px;
             &-combobox {
                 display: inline-block;
                 height: 100%;
-                background-color: variables.$white;
+                background-color: variables.$bg-default;
                 border-top: style.$border-width-base style.$border-style-base style.$border-color-split;
             }
             &-select {

package/date-picker/styles/year-panel.scss

@@ -9,12 +9,12 @@
     bottom: 0;
     left: 0;
     z-index: style.$zindex-picker-panel;
-    background: variables.$white;
+    background: variables.$bg-default;
     border-radius: variables.$border-radius-lg;
     outline: none;
     display: flex;
     flex-direction: column;
-    background: variables.$white;
+    background: variables.$bg-default;
 }
 
 .#{style.$calendar-prefix-cls}-year-panel-hidden {

package/dialog/styles/dialog.scss

@@ -1,8 +1,8 @@
-@use "../../styles/bootstrap/mixins/border-radius";
-@use "../../styles/bootstrap/mixins/breakpoints";
-@use "../../styles/bootstrap/mixins/text-truncate";
-@use "../../styles/variables";
-@use "../../styles/modules/utils.scss";
+@use '../../styles/bootstrap/mixins/border-radius';
+@use '../../styles/bootstrap/mixins/breakpoints';
+@use '../../styles/bootstrap/mixins/text-truncate';
+@use '../../styles/variables';
+@use '../../styles/modules/utils.scss';
 
 .thy-dialog-content-sidebar-header {
     min-height: variables.$dialog-header-height;
@@ -26,7 +26,7 @@
     // isn't set, we have to inherit the min and max values explicitly.
     min-height: inherit;
     max-height: inherit;
-    background: variables.$white;
+    background: variables.$bg-default;
     box-shadow: variables.$dialog-box-shadow;
 
     .thy-layout {

package/drag-drop/drag-content.directive.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
  * 自定义拖拽时可经过，拖拽结束时可放置的区域内容
  * @name thy-drag-content,[thyDragContent]
  * @order 25
+ * @deprecated please use @angular/cdk/drag-drop
  */
 export declare class ThyDragContentDirective {
     element: ElementRef<HTMLElement>;

package/drag-drop/drag-drop.service.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
 /**
  * 自定义可放置区域内容
  * @order 40
+ * @deprecated please use @angular/cdk/drag-drop
  */
 export declare class ThyDragDropService<T = any> {
     /**

package/drag-drop/drag-handle.directive.d.ts

@@ -4,6 +4,7 @@ import * as i0 from "@angular/core";
  * 自定义可拖拽区域内容
  * @name thy-drag-handle,[thyDragHandle]
  * @order 20
+ * @deprecated please use @angular/cdk/drag-drop
  */
 export declare class ThyDragHandleDirective {
     element: ElementRef<HTMLElement>;

package/drag-drop/drag.directive.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
  * 拖拽项
  * @name thy-drag,[thyDrag]
  * @order 10
+ * @deprecated please use @angular/cdk/drag-drop
  */
 export declare class ThyDragDirective<T = any> implements OnDestroy {
     container: IThyDropContainerDirective<any>;

package/drag-drop/drop-container.directive.d.ts

@@ -6,6 +6,7 @@ import * as i0 from "@angular/core";
 /**
  * @name thy-drop-container,[thyDropContainer]
  * @order 30
+ * @deprecated please use @angular/cdk/drag-drop
  */
 export declare class ThyDropContainerDirective<T = any> implements OnInit, AfterContentInit, IThyDropContainerDirective, OnDestroy {
     private ngZone;
@@ -64,9 +65,5 @@ export declare class ThyDropContainerDirective<T = any> implements OnInit, After
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDropContainerDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ThyDropContainerDirective<any>, "thy-drop-container,[thyDropContainer]", never, { "dragContainer": { "alias": "thyDropContainer"; "required": false; }; "data": { "alias": "thyDropContainerData"; "required": false; }; "disabled": { "alias": "thyDropContainerDisabled"; "required": false; }; "beforeStart": { "alias": "thyBeforeDragStart"; "required": false; }; "beforeOver": { "alias": "thyBeforeDragOver"; "required": false; }; "beforeDrop": { "alias": "thyBeforeDragDrop"; "required": false; }; }, { "started": "thyDragStarted"; "ended": "thyDragEnded"; "overed": "thyDragOvered"; "dropped": "thyDragDropped"; }, ["draggables"], never, true, never>;
-    static ngAcceptInputType_disabled: boolean /**
-     * dragend 触发时调用
-     */ | /**
-     * dragend 触发时调用
-     */ string | number;
+    static ngAcceptInputType_disabled: boolean | string | number;
 }

package/drag-drop/module.d.ts

@@ -3,7 +3,11 @@ import * as i1 from "./drop-container.directive";
 import * as i2 from "./drag.directive";
 import * as i3 from "./drag-handle.directive";
 import * as i4 from "./drag-content.directive";
+/**
+ * @deprecated please use @angular/cdk/drag-drop
+ */
 export declare class ThyDragDropModule {
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyDragDropModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<ThyDragDropModule, never, [typeof i1.ThyDropContainerDirective, typeof i2.ThyDragDirective, typeof i3.ThyDragHandleDirective, typeof i4.ThyDragContentDirective], [typeof i1.ThyDropContainerDirective, typeof i2.ThyDragDirective, typeof i3.ThyDragHandleDirective, typeof i4.ThyDragContentDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThyDragDropModule>;