ngx-tethys 17.0.5 → 18.0.0-next.0

package/schematics/testing/test-app.js

@@ -4,8 +4,8 @@ exports.createTestApp = void 0;
 const tslib_1 = require("tslib");
 const test_project_1 = require("./test-project");
 /** Create a base app used for testing. */
-function createTestApp(runner, appOptions = {}, tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+function createTestApp(runner_1) {
+    return tslib_1.__awaiter(this, arguments, void 0, function* (runner, appOptions = {}, tree) {
         return (0, test_project_1.createTestProject)(runner, 'application', appOptions, tree);
     });
 }

package/schematics/testing/test-project.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createTestProject = void 0;
 const tslib_1 = require("tslib");
 /** Create a base project used for testing. */
-function createTestProject(runner, projectType, appOptions = {}, tree) {
-    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+function createTestProject(runner_1, projectType_1) {
+    return tslib_1.__awaiter(this, arguments, void 0, function* (runner, projectType, appOptions = {}, tree) {
         const workspaceTree = yield runner.runExternalSchematic('@schematics/angular', 'workspace', {
             name: 'workspace',
             version: '6.0.0',

package/schematics/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "17.0.5";
+export declare const VERSION = "18.0.0-next.0";

package/schematics/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
-exports.VERSION = '17.0.5';
+exports.VERSION = '18.0.0-next.0';

package/segment/segment.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterContentInit, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, DestroyRef, EventEmitter, QueryList } from '@angular/core';
 import { ThumbAnimationProps } from 'ngx-tethys/core';
 import { ThySegmentItem } from './segment-item.component';
 import { IThySegmentComponent } from './segment.token';
@@ -13,6 +13,7 @@ export type ThySegmentMode = 'block' | 'inline';
  */
 export declare class ThySegment implements IThySegmentComponent, AfterContentInit {
     private cdr;
+    private destroyRef;
     /**
      * @internal
      */
@@ -40,13 +41,14 @@ export declare class ThySegment implements IThySegmentComponent, AfterContentIni
      */
     readonly thySelectChange: EventEmitter<ThySegmentEvent<unknown>>;
     selectedItem: ThySegmentItem;
+    private newActiveIndex;
     private activeIndex;
     animationState: null | {
         value: string;
         params: ThumbAnimationProps;
     };
     transitionedTo: any;
-    constructor(cdr: ChangeDetectorRef);
+    constructor(cdr: ChangeDetectorRef, destroyRef: DestroyRef);
     ngAfterContentInit(): void;
     changeSelectedItem(item: ThySegmentItem, event?: Event): void;
     handleThumbAnimationDone(event: AnimationEvent): void;

package/segment/styles/segment.scss

@@ -32,6 +32,10 @@
         cursor: variables.$hand-cursor;
         transition: color 0.3s ease-in-out;
 
+        &-icon {
+            color: variables.$segment-item-only-icon-default-color;
+        }
+
         .icon-with-text {
             color: variables.$segment-icon-with-text-default-color;
             transition: color 0.3s ease-in-out;
@@ -40,6 +44,9 @@
         &:not(.disabled) {
             &:hover,
             &:focus {
+                .#{variables.$thy-prefix}-segment-item-icon {
+                    color: variables.$segment-item-only-icon-hover-color;
+                }
                 color: variables.$segment-hover-color;
                 .icon-with-text {
                     color: variables.$segment-icon-with-text-hover-color;
@@ -49,6 +56,9 @@
             &.active {
                 @include segment-mixin.segment-item-active();
                 color: variables.$segment-active-color;
+                .#{variables.$thy-prefix}-segment-item-icon {
+                    color: variables.$segment-item-only-icon-active-color;
+                }
                 .icon-with-text {
                     color: variables.$segment-icon-with-text-active-color;
                 }

package/styles/bootstrap/_functions.scss

@@ -61,20 +61,20 @@
 }
 
 // See https://codepen.io/kevinweber/pen/dXWoRw
-@function escape-svg($string) {
-    @if string.index($string, 'data:image/svg+xml') {
-        @each $char, $encoded in $escaped-characters {
-            // Do not escape the url brackets
-            @if string.index($string, 'url(') == 1 {
-                $string: url('#{str-replace(string.slice($string, 6, -3), $char, $encoded)}');
-            } @else {
-                $string: str-replace($string, $char, $encoded);
-            }
-        }
-    }
-
-    @return $string;
-}
+// @function escape-svg($string) {
+//     @if string.index($string, 'data:image/svg+xml') {
+//         @each $char, $encoded in $escaped-characters {
+//             // Do not escape the url brackets
+//             @if string.index($string, 'url(') == 1 {
+//                 $string: url('#{str-replace(string.slice($string, 6, -3), $char, $encoded)}');
+//             } @else {
+//                 $string: str-replace($string, $char, $encoded);
+//             }
+//         }
+//     }
+
+//     @return $string;
+// }
 
 // Color contrast
 @function color-yiq($color, $dark: functions-variables.$yiq-text-dark, $light: functions-variables.$yiq-text-light) {

package/styles/variables.scss

@@ -1002,6 +1002,9 @@ $segment-sizes: (
 ) !default;
 $segment-item-only-icon-xs-width: 28px !default;
 $segment-item-only-icon-width: 38px !default;
+$segment-item-only-icon-default-color: $gray-600 !default;
+$segment-item-only-icon-active-color: $gray-700 !default;
+$segment-item-only-icon-hover-color: $gray-700 !default;
 $segment-text-margin-left: 8px !default;
 $segment-item-xs-padding-x: 8px !default;
 $segment-item-padding-x: 12px !default;

package/upload/module.d.ts

@@ -1,10 +1,9 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@angular/common/http";
-import * as i3 from "./file-select.component";
-import * as i4 from "./file-drop.directive";
+import * as i2 from "./file-select.component";
+import * as i3 from "./file-drop.directive";
 export declare class ThyUploadModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThyUploadModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyUploadModule, never, [typeof i1.CommonModule, typeof i2.HttpClientModule, typeof i3.ThyFileSelect, typeof i4.ThyFileDropDirective], [typeof i3.ThyFileSelect, typeof i4.ThyFileDropDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ThyUploadModule, never, [typeof i1.CommonModule, typeof i2.ThyFileSelect, typeof i3.ThyFileDropDirective], [typeof i2.ThyFileSelect, typeof i3.ThyFileDropDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ThyUploadModule>;
 }

package/util/helpers/helpers.d.ts

@@ -30,7 +30,7 @@ export declare function isTemplateRef<C = any>(value: any): value is TemplateRef
 export declare function isHTMLElement(value: any): value is HTMLElement;
 export declare function isElementRef(value: any): value is ElementRef;
 /**
- * @deprecated Please use Angular cdk's coerceBooleanProperty instead
+ * fix angular cdk's coerceBooleanProperty will transform 0 to true
  */
 export declare function coerceBooleanProperty(value: boolean | string | number): boolean;
 export type FunctionProp<T> = (...args: any[]) => T;

package/schematics/ng-update/update-17/complete.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.onV17MigrationComplete = void 0;
-function onV17MigrationComplete(context, targetVersion, hasFailures) {
-    context.logger.info('');
-    context.logger.info(`  ✓  Updated NGX-TETHYS to ${targetVersion}`);
-    context.logger.info('');
-    if (hasFailures) {
-        context.logger.warn('  ⚠  Some issues were detected but could not be fixed automatically. Please check the output above against documentation, fix these issues manually. Especially check the replace input with variable value in template, if it has a corresponding useless variable value, delete it manually. Finally prettier your code please.');
-        context.logger.info('');
-    }
-    context.logger.info('Tips: the four points have changes in data structure. If it is used, please modify manually according to the error prompts.');
-    context.logger.info('  • The input parameter `thyShortcutRanges` of RangePicker would be changed to `thyShortcutPresets`.');
-    context.logger.info('  • The output parameter `thyShortcutValueChange` of DatePicker and RangePicker would be changed to `thyDateChange`.');
-    context.logger.info('  • The interface `ThyShortcutRange` would be changed to `ThyShortcutPreset`.');
-    context.logger.info('  • The interface `ThyShortcutValueChange` would be changed to `ThyDateChangeEvent`.');
-    context.logger.info('');
-}
-exports.onV17MigrationComplete = onV17MigrationComplete;

package/schematics/ng-update/update-17/index.spec.js

@@ -1,93 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const schematics_1 = require("@angular-devkit/schematics");
-const testing_1 = require("@angular-devkit/schematics/testing");
-const testing_2 = require("../../testing");
-describe('ng-update v17 Schematic', () => {
-    let tree;
-    const schematicRunner = new testing_1.SchematicTestRunner('migrations', require.resolve('../migration-collection.json'));
-    let workspaceTree;
-    beforeEach(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        const factory = (0, testing_2.createTestWorkspaceFactory)(schematicRunner);
-        yield factory.create();
-        yield factory.addApplication({ name: 'update-17-test' });
-        tree = factory.getTree();
-    }));
-    it('should update to ng v17', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        workspaceTree = yield schematicRunner.runSchematic('migration-v17', undefined, tree);
-        const file = workspaceTree.get('package.json');
-        expect(file.content.toString()).toBeTruthy();
-        const packageJSON = JSON.parse(file.content.toString());
-        expect(packageJSON['dependencies']['@angular/core']).toContain('^17.');
-    }));
-    describe('should provide schematics for v17', () => {
-        let tree;
-        const schematicRunner = new testing_1.SchematicTestRunner('migrations', require.resolve('../migration-collection.json'));
-        const TEST_COMPONENT_PATH = '/projects/update17test/src/app/app.component.ts';
-        const TEST_COMPONENT_CONTENT = `
-                import { ThyButtonComponent } from 'ngx-tethys/button';
-                import { ThyOptionComponent } from 'ngx-tethys/shared';
-                import { ThySelectComponent, ThySelectCustomComponent } from 'ngx-tethys/select';
-                import { DialogHeaderComponent, DialogBodyComponent, DialogFooterComponent } from 'ngx-tethys/dialog';
-
-                @Component({
-                    selector: 'app-root',
-                    standalone: true,
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        RouterOutlet,
-                        ThySelectComponent,
-                        ThySelectCustomComponent,
-                        ThyOptionComponent,
-                        ThyButtonComponent,
-                        DialogHeaderComponent,
-                        DialogBodyComponent,
-                        DialogFooterComponent
-                    ],
-                    templateUrl: './app.component.html',
-                    styleUrls: ['./app.component.scss'],
-                })
-                export class AppComponent {}
-        `;
-        let workspaceTree;
-        beforeEach(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            const hostTree = new schematics_1.HostTree();
-            tree = yield schematicRunner.runExternalSchematic('@schematics/angular', 'workspace', {
-                name: 'test-workspace',
-                version: '17.0.0',
-                newProjectRoot: 'projects'
-            }, hostTree);
-            yield schematicRunner.runExternalSchematic('@schematics/angular', 'application', { name: 'update17test' }, tree);
-            tree.overwrite(TEST_COMPONENT_PATH, TEST_COMPONENT_CONTENT);
-            workspaceTree = yield schematicRunner.runSchematic('migration-v17', {}, tree);
-        }));
-        it('should remove the Component suffix from standalone components', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            const result = workspaceTree.read(TEST_COMPONENT_PATH).toString();
-            expect(result).not.toContain(`ThyOptionComponent`);
-            expect(result).toContain('ThyOption');
-            expect(result).not.toContain(`ThyButtonComponent`);
-            expect(result).toContain('ThyButton');
-        }));
-        it('should rename ThySelectCustomComponent to ThySelect', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            const result = workspaceTree.read(TEST_COMPONENT_PATH).toString();
-            expect(result).not.toContain('ThySelectComponent');
-            expect(result).toContain('ThyNativeSelect');
-        }));
-        it('should rename ThySelectComponent to ThyNativeSelect', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            const result = workspaceTree.read(TEST_COMPONENT_PATH).toString();
-            expect(result).not.toContain(`ThySelectCustomComponent`);
-            expect(result).toContain('ThySelect');
-        }));
-        it('should rename DialogHeaderComponent, DialogBodyComponent, DialogFooterComponent to ThyDialogHeader, ThyDialogBody, ThyDialogFooter', () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            const result = workspaceTree.read(TEST_COMPONENT_PATH).toString();
-            expect(result).not.toContain(`DialogHeaderComponent`);
-            expect(result).toContain('ThyDialogHeader');
-            expect(result).not.toContain(`DialogBodyComponent`);
-            expect(result).toContain('ThyDialogBody');
-            expect(result).not.toContain(`DialogFooterComponent`);
-            expect(result).toContain('ThyDialogFooter');
-        }));
-    });
-});