@covalent/core 4.0.0 → 4.1.0-develop.2

package/schematics/components.js

@@ -1,111 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.covalentPackages = exports.components = exports.MarkdownNavigator = exports.CodeEditor = exports.TextEditor = exports.Echarts = exports.FlavoredMarkdown = exports.Markdown = exports.Highlight = exports.DynamicForms = void 0;
-var DynamicForms = /** @class */ (function () {
-    function DynamicForms() {
-    }
-    DynamicForms.prototype.enabled = function (options) {
-        return options.dynamicForms;
-    };
-    DynamicForms.prototype.dependency = function () {
-        return '@covalent/dynamic-forms';
-    };
-    return DynamicForms;
-}());
-exports.DynamicForms = DynamicForms;
-var Highlight = /** @class */ (function () {
-    function Highlight() {
-    }
-    Highlight.prototype.enabled = function (options) {
-        return options.highlight;
-    };
-    Highlight.prototype.dependency = function () {
-        return '@covalent/highlight';
-    };
-    return Highlight;
-}());
-exports.Highlight = Highlight;
-var Markdown = /** @class */ (function () {
-    function Markdown() {
-    }
-    Markdown.prototype.enabled = function (options) {
-        return options.markdown;
-    };
-    Markdown.prototype.dependency = function () {
-        return '@covalent/markdown';
-    };
-    return Markdown;
-}());
-exports.Markdown = Markdown;
-var FlavoredMarkdown = /** @class */ (function () {
-    function FlavoredMarkdown() {
-    }
-    FlavoredMarkdown.prototype.enabled = function (options) {
-        return options.flavoredMarkdown;
-    };
-    FlavoredMarkdown.prototype.dependency = function () {
-        return '@covalent/flavored-markdown';
-    };
-    return FlavoredMarkdown;
-}());
-exports.FlavoredMarkdown = FlavoredMarkdown;
-var Echarts = /** @class */ (function () {
-    function Echarts() {
-    }
-    Echarts.prototype.enabled = function (options) {
-        return options.echarts;
-    };
-    Echarts.prototype.dependency = function () {
-        return '@covalent/echarts';
-    };
-    return Echarts;
-}());
-exports.Echarts = Echarts;
-var TextEditor = /** @class */ (function () {
-    function TextEditor() {
-    }
-    TextEditor.prototype.enabled = function (options) {
-        return options.textEditor;
-    };
-    TextEditor.prototype.dependency = function () {
-        return '@covalent/text-editor';
-    };
-    return TextEditor;
-}());
-exports.TextEditor = TextEditor;
-var CodeEditor = /** @class */ (function () {
-    function CodeEditor() {
-    }
-    CodeEditor.prototype.enabled = function (options) {
-        return options.codeEditor;
-    };
-    CodeEditor.prototype.dependency = function () {
-        return '@covalent/code-editor';
-    };
-    return CodeEditor;
-}());
-exports.CodeEditor = CodeEditor;
-var MarkdownNavigator = /** @class */ (function () {
-    function MarkdownNavigator() {
-    }
-    MarkdownNavigator.prototype.enabled = function (options) {
-        return options.markdownNavigator;
-    };
-    MarkdownNavigator.prototype.dependency = function () {
-        return '@covalent/markdown-navigator';
-    };
-    return MarkdownNavigator;
-}());
-exports.MarkdownNavigator = MarkdownNavigator;
-exports.components = [
-    new DynamicForms(),
-    new Highlight(),
-    new Markdown(),
-    new FlavoredMarkdown(),
-    new Echarts(),
-    new TextEditor(),
-    new CodeEditor(),
-    new MarkdownNavigator(),
-];
-exports.covalentPackages = exports.components.map(function (c) { return c.dependency(); });
-//# sourceMappingURL=components.js.map

package/schematics/components.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/platform/core/schematics/components.ts"],"names":[],"mappings":";;;AAOA;IAAA;IAQA,CAAC;IAPQ,8BAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,YAAY,CAAC;IAC9B,CAAC;IAEM,iCAAU,GAAjB;QACE,OAAO,yBAAyB,CAAC;IACnC,CAAC;IACH,mBAAC;AAAD,CAAC,AARD,IAQC;AARY,oCAAY;AAUzB;IAAA;IAQA,CAAC;IAPQ,2BAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,SAAS,CAAC;IAC3B,CAAC;IAEM,8BAAU,GAAjB;QACE,OAAO,qBAAqB,CAAC;IAC/B,CAAC;IACH,gBAAC;AAAD,CAAC,AARD,IAQC;AARY,8BAAS;AAUtB;IAAA;IAQA,CAAC;IAPQ,0BAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,QAAQ,CAAC;IAC1B,CAAC;IAEM,6BAAU,GAAjB;QACE,OAAO,oBAAoB,CAAC;IAC9B,CAAC;IACH,eAAC;AAAD,CAAC,AARD,IAQC;AARY,4BAAQ;AAUrB;IAAA;IAQA,CAAC;IAPQ,kCAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,gBAAgB,CAAC;IAClC,CAAC;IAEM,qCAAU,GAAjB;QACE,OAAO,6BAA6B,CAAC;IACvC,CAAC;IACH,uBAAC;AAAD,CAAC,AARD,IAQC;AARY,4CAAgB;AAU7B;IAAA;IAQA,CAAC;IAPQ,yBAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,OAAO,CAAC;IACzB,CAAC;IAEM,4BAAU,GAAjB;QACE,OAAO,mBAAmB,CAAC;IAC7B,CAAC;IACH,cAAC;AAAD,CAAC,AARD,IAQC;AARY,0BAAO;AAUpB;IAAA;IAQA,CAAC;IAPQ,4BAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,UAAU,CAAC;IAC5B,CAAC;IAEM,+BAAU,GAAjB;QACE,OAAO,uBAAuB,CAAC;IACjC,CAAC;IACH,iBAAC;AAAD,CAAC,AARD,IAQC;AARY,gCAAU;AAUvB;IAAA;IAQA,CAAC;IAPQ,4BAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,UAAU,CAAC;IAC5B,CAAC;IAEM,+BAAU,GAAjB;QACE,OAAO,uBAAuB,CAAC;IACjC,CAAC;IACH,iBAAC;AAAD,CAAC,AARD,IAQC;AARY,gCAAU;AAUvB;IAAA;IAQA,CAAC;IAPQ,mCAAO,GAAd,UAAe,OAAgB;QAC7B,OAAO,OAAO,CAAC,iBAAiB,CAAC;IACnC,CAAC;IAEM,sCAAU,GAAjB;QACE,OAAO,8BAA8B,CAAC;IACxC,CAAC;IACH,wBAAC;AAAD,CAAC,AARD,IAQC;AARY,8CAAiB;AAUjB,QAAA,UAAU,GAAiB;IACtC,IAAI,YAAY,EAAE;IAClB,IAAI,SAAS,EAAE;IACf,IAAI,QAAQ,EAAE;IACd,IAAI,gBAAgB,EAAE;IACtB,IAAI,OAAO,EAAE;IACb,IAAI,UAAU,EAAE;IAChB,IAAI,UAAU,EAAE;IAChB,IAAI,iBAAiB,EAAE;CACxB,CAAC;AAEW,QAAA,gBAAgB,GAAa,kBAAU,CAAC,GAAG,CAAC,UAAC,CAAa,IAAK,OAAA,CAAC,CAAC,UAAU,EAAE,EAAd,CAAc,CAAC,CAAC"}

package/schematics/migration.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "../../../../node_modules/@angular-devkit/schematics/collection-schema.json",
-  "schematics": {
-    "migration-v3": {
-      "version": "3.0.0",
-      "description": "Updates Covalent to v3",
-      "factory": "./ng-update/index#updateToV3"
-    }
-  }
-}

package/schematics/ng-add/files/theme.scss

@@ -1,64 +0,0 @@
-@import '~@angular/material/theming';
-@import '~@covalent/core/theming/all-theme';
-<% if (markdown) { %>@import '~@covalent/markdown/markdown-theme';<% } %>
-<% if (highlight) { %>@import '~@covalent/highlight/highlight-theme';<% } %>
-<% if (flavoredMarkdown) { %>@import '~@covalent/flavored-markdown/flavored-markdown-theme';<% } %>
-// Plus imports for other components in your app.
-
-// Custom typography
-$custom-typography: mat-typography-config(
-  $button: mat-typography-level(14px, 14px, 400)
-);
-$custom-toolbar-typography: mat-typography-config(
-  $title: mat-typography-level(20px, 32px, 400)
-);
-
-// Include the base styles for Angular Material core. We include this here so that you only
-// have to load a single css file for Angular Material in your app.
-@include mat-core($custom-typography);
-
-// Setting the toolbar to the proper spec weight
-@include mat-toolbar-typography($custom-toolbar-typography);
-
-// Include the core styles for Covalent
-@include covalent-core();
-
-// Include material icons
-$mat-font-url: './';
-@include covalent-material-icons();
-
-<% if (styleSheetUtilities) { %>
-// Include covalent utility classes
-@include covalent-utilities();
-<% } %>
-<% if (styleSheetFlexLayout) { %>
-// Include flex layout classes
-@include covalent-layout();
-<% } %>
-<% if (styleSheetColors) { %>
-// Include covalent color classes
-@include covalent-colors();
-<% } %>
-
-// Define the palettes for your theme using the Material Design palettes available in palette.scss
-// (imported above). For each palette, you can optionally specify a default, lighter, and darker
-// hue.
-$primary: mat-palette($mat-indigo, 700, 300, 900);
-$accent:  mat-palette($mat-light-blue);
-
-// The warn palette is optional (defaults to red).
-$warn:    mat-palette($mat-red, 600, 200, 900);
-
-// Create the theme object (a Sass map containing all of the palettes).
-$theme: mat-light-theme($primary, $accent, $warn);
-
-// Include theme styles for core and each component used in your app.
-// Alternatively, you can import and @include the theme mixins for each component
-// that you are using.
-@include angular-material-theme($theme);
-@include covalent-theme($theme);
-<% if (markdown) { %>@include covalent-markdown-theme($theme);<% } %>
-<% if (highlight) { %>
-@include covalent-highlight-theme(); // OR @import '~highlight.js/styles/vs.css';
-<% } %>
-<% if (flavoredMarkdown) { %>@include covalent-flavored-markdown-theme($theme);<% } %>

package/schematics/ng-add/index.js

@@ -1,58 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.addDependenciesAndFiles = void 0;
-var tslib_1 = require("tslib");
-var schematics_1 = require("@angular-devkit/schematics");
-var package_config_1 = require("@angular/material/schematics/ng-add/package-config");
-var version_names_1 = require("../version-names");
-var components_1 = require("../components");
-var core_1 = require("@angular-devkit/core");
-var schematics_2 = require("@angular/cdk/schematics");
-var workspace_1 = require("@schematics/angular/utility/workspace");
-function addDependenciesAndFiles(options) {
-    return schematics_1.chain([
-        function (host) {
-            package_config_1.addPackageToPackageJson(host, '@angular/material', "~" + version_names_1.materialVersion);
-            package_config_1.addPackageToPackageJson(host, '@covalent/core', "~" + version_names_1.covalentCoreVersion);
-            components_1.components.forEach(function (component) {
-                if (component.enabled(options)) {
-                    package_config_1.addPackageToPackageJson(host, component.dependency(), "~" + version_names_1.covalentCoreVersion);
-                }
-            });
-        },
-        mergeFiles(options),
-        addThemeToAngularJson(),
-    ]);
-}
-exports.addDependenciesAndFiles = addDependenciesAndFiles;
-function mergeFiles(options) {
-    var templateSource = schematics_1.apply(schematics_1.url('./files'), [
-        schematics_1.template(tslib_1.__assign(tslib_1.__assign({}, core_1.strings), options)),
-    ]);
-    return schematics_1.branchAndMerge(schematics_1.mergeWith(templateSource));
-}
-function addThemeToAngularJson() {
-    return workspace_1.updateWorkspace(function (workspace) {
-        var project = schematics_2.getProjectFromWorkspace(workspace);
-        var targetOptions = schematics_2.getProjectTargetOptions(project, 'build');
-        var assetPath = "theme.scss";
-        var prebuiltThemePathSegment = "styles.scss";
-        if (!targetOptions.styles) {
-            targetOptions.styles = [assetPath];
-        }
-        else {
-            var existingStyles = targetOptions.styles.map(function (s) { return (typeof s === 'string' ? s : s.input); });
-            for (var _i = 0, _a = existingStyles.entries(); _i < _a.length; _i++) {
-                var _b = _a[_i], index = _b[0], stylePath = _b[1];
-                if (stylePath === assetPath) {
-                    return;
-                }
-                if (stylePath.includes(prebuiltThemePathSegment)) {
-                    targetOptions.styles.splice(index, 0);
-                }
-            }
-            targetOptions.styles.unshift(assetPath);
-        }
-    });
-}
-//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/platform/core/schematics/ng-add/index.ts"],"names":[],"mappings":";;;;AAAA,yDAAgH;AAChH,qFAA6F;AAE7F,kDAAwE;AACxE,4CAAuD;AACvD,6CAA+C;AAC/C,sDAA2F;AAC3F,mEAAwE;AAGxE,SAAgB,uBAAuB,CAAC,OAAgB;IACtD,OAAO,kBAAK,CAAC;QACX,UAAC,IAAU;YACT,wCAAuB,CAAC,IAAI,EAAE,mBAAmB,EAAE,MAAI,+BAAiB,CAAC,CAAC;YAC1E,wCAAuB,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAI,mCAAqB,CAAC,CAAC;YAE3E,uBAAU,CAAC,OAAO,CAAC,UAAC,SAAqB;gBACvC,IAAI,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;oBAC9B,wCAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,UAAU,EAAE,EAAE,MAAI,mCAAqB,CAAC,CAAC;iBAClF;YACH,CAAC,CAAC,CAAC;QACL,CAAC;QACD,UAAU,CAAC,OAAO,CAAC;QACnB,qBAAqB,EAAE;KACxB,CAAC,CAAC;AACL,CAAC;AAfD,0DAeC;AAED,SAAS,UAAU,CAAC,OAAgB;IAClC,IAAM,cAAc,GAAQ,kBAAK,CAAC,gBAAG,CAAC,SAAS,CAAC,EAAE;QAChD,qBAAQ,uCACH,cAAO,GACP,OAAO,EACV;KACH,CAAC,CAAC;IACH,OAAO,2BAAc,CAAC,sBAAS,CAAC,cAAc,CAAC,CAAC,CAAC;AACnD,CAAC;AAED,SAAS,qBAAqB;IAC5B,OAAO,2BAAe,CAAC,UAAC,SAAyC;QAC/D,IAAM,OAAO,GAAiC,oCAAuB,CAAC,SAAS,CAAC,CAAC;QACjF,IAAM,aAAa,GAAQ,oCAAuB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;QACrE,IAAM,SAAS,GAAW,YAAY,CAAC;QACvC,IAAM,wBAAwB,GAAW,aAAa,CAAC;QAEvD,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACzB,aAAa,CAAC,MAAM,GAAG,CAAC,SAAS,CAAC,CAAC;SACpC;aAAM;YACL,IAAM,cAAc,GAAQ,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAArC,CAAqC,CAAC,CAAC;YAExG,KAAiC,UAAwB,EAAxB,KAAA,cAAc,CAAC,OAAO,EAAE,EAAxB,cAAwB,EAAxB,IAAwB,EAAE;gBAAhD,IAAA,WAAkB,EAAjB,KAAK,QAAA,EAAE,SAAS,QAAA;gBAC1B,IAAI,SAAS,KAAK,SAAS,EAAE;oBAC3B,OAAO;iBACR;gBACD,IAAI,SAAS,CAAC,QAAQ,CAAC,wBAAwB,CAAC,EAAE;oBAChD,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iBACvC;aACF;YACD,aAAa,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;SACzC;IACH,CAAC,CAAC,CAAC;AACL,CAAC"}

package/schematics/ng-add/schema.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=schema.js.map

package/schematics/ng-add/schema.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../src/platform/core/schematics/ng-add/schema.ts"],"names":[],"mappings":""}

package/schematics/ng-add/schema.json

@@ -1,81 +0,0 @@
-{
-  "$schema": "http://json-schema.org/schema",
-  "id": "covalent-core-ng-add",
-  "title": "Covalent core ng-add schematic",
-  "type": "object",
-  "properties": {
-    "dynamicForms": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent dynamic-forms should be set up.",
-      "x-prompt": "Set up dynamic forms?"
-    },
-    "highlight": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent highlight should be set up.",
-      "x-prompt": "Set up highlight for code snippets?"
-    },
-    "http": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent http should be set up.",
-      "x-prompt": "Set up http service?"
-    },
-    "markdown": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent markdown parser should be set up.",
-      "x-prompt": "Set up markdown parser for writing md files?"
-    },
-    "flavoredMarkdown": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent flavored markdown should be set up.",
-      "x-prompt": "Set up flavored markdown for rendering material design components?"
-    },
-    "echarts": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent echarts should be set up.",
-      "x-prompt": "Set up covalent echarts?"
-    },
-    "textEditor": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent text-editor should be set up.",
-      "x-prompt": "Set up text editor?"
-    },
-    "codeEditor": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent code-editor should be set up.",
-      "x-prompt": "Set up code editor?"
-    },
-    "markdownNavigator": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent markdown-navigator should be set up.",
-      "x-prompt": "Set up markdown navigator?"
-    },
-    "styleSheetUtilities": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent utilities mixin should be added.",
-      "x-prompt": "Add stylesheet utilities"
-    },
-    "styleSheetFlexLayout": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent flex layout should be added.",
-      "x-prompt": "Add flex layout stylesheet"
-    },
-    "styleSheetColors": {
-      "type": "boolean",
-      "default": true,
-      "description": "Whether covalent colors should be added.",
-      "x-prompt": "Add colors stylesheet"
-    }
-  },
-  "required": []
-}

package/schematics/ng-update/index.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.updatePackageInPackageJson = exports.updateToV3 = void 0;
-var chalk_1 = require("chalk");
-var target_version_1 = require("./target-version");
-var components_1 = require("../components");
-var green = chalk_1.default.green;
-var yellow = chalk_1.default.yellow;
-/** Entry point for the migration schematics with target of Covalent v3 */
-function updateToV3() {
-    return function (tree, _context) {
-        _context.logger.info('Running covalent update schematic ...');
-        var updatedTree = updateNonCorePackageDependencies(tree, _context);
-        onMigrationComplete(target_version_1.TargetVersion.V3);
-        return updatedTree;
-    };
-}
-exports.updateToV3 = updateToV3;
-function updateNonCorePackageDependencies(host, _context) {
-    return updatePackageInPackageJson(host, components_1.covalentPackages, '3.0.0');
-}
-function updatePackageInPackageJson(host, pkgs, version) {
-    if (host.exists('package.json')) {
-        var sourceText = host.read('package.json').toString('utf-8');
-        var json_1 = JSON.parse(sourceText);
-        if (!json_1.dependencies) {
-            json_1.dependencies = {};
-        }
-        pkgs.forEach(function (pkg) {
-            if (json_1.dependencies[pkg]) {
-                json_1.dependencies[pkg] = version;
-            }
-        });
-        // tslint:disable-next-line
-        host.overwrite('package.json', JSON.stringify(json_1, null, 2));
-    }
-    return host;
-}
-exports.updatePackageInPackageJson = updatePackageInPackageJson;
-/** Function that will be called when the migration completed. */
-function onMigrationComplete(targetVersion) {
-    // tslint:disable-next-line
-    console.log();
-    // tslint:disable-next-line
-    console.log(green("  \u2713  Updated Covalent to " + targetVersion));
-    // tslint:disable-next-line
-    console.log();
-    // tslint:disable-next-line
-    console.log(yellow('  ⚠  Breaking changes are not applied automatically! Please refer the docs' +
-        '(https://github.com/Teradata/covalent/wiki) and fix the issues manually'));
-}
-//# sourceMappingURL=index.js.map

package/schematics/ng-update/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/platform/core/schematics/ng-update/index.ts"],"names":[],"mappings":";;;AACA,+BAA0B;AAC1B,mDAAiD;AACjD,4CAAiD;AAEjD,IAAM,KAAK,GAAQ,eAAK,CAAC,KAAK,CAAC;AAC/B,IAAM,MAAM,GAAQ,eAAK,CAAC,MAAM,CAAC;AAEjC,0EAA0E;AAC1E,SAAgB,UAAU;IACxB,OAAO,UAAC,IAAU,EAAE,QAA0B;QAC5C,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,uCAAuC,CAAC,CAAC;QAC9D,IAAM,WAAW,GAAS,gCAAgC,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC3E,mBAAmB,CAAC,8BAAa,CAAC,EAAE,CAAC,CAAC;QACtC,OAAO,WAAW,CAAC;IACrB,CAAC,CAAC;AACJ,CAAC;AAPD,gCAOC;AAED,SAAS,gCAAgC,CAAC,IAAU,EAAE,QAA0B;IAC9E,OAAO,0BAA0B,CAAC,IAAI,EAAE,6BAAgB,EAAE,OAAO,CAAC,CAAC;AACrE,CAAC;AAED,SAAgB,0BAA0B,CAAC,IAAU,EAAE,IAAc,EAAE,OAAe;IACpF,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE;QAC/B,IAAM,UAAU,GAAW,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QACvE,IAAM,MAAI,GAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAEzC,IAAI,CAAC,MAAI,CAAC,YAAY,EAAE;YACtB,MAAI,CAAC,YAAY,GAAG,EAAE,CAAC;SACxB;QAED,IAAI,CAAC,OAAO,CAAC,UAAC,GAAW;YACvB,IAAI,MAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE;gBAC1B,MAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;QAEH,2BAA2B;QAC3B,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,MAAI,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;KAC/D;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AApBD,gEAoBC;AAED,iEAAiE;AACjE,SAAS,mBAAmB,CAAC,aAAqB;IAChD,2BAA2B;IAC3B,OAAO,CAAC,GAAG,EAAE,CAAC;IACd,2BAA2B;IAC3B,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,mCAA4B,aAAe,CAAC,CAAC,CAAC;IAChE,2BAA2B;IAC3B,OAAO,CAAC,GAAG,EAAE,CAAC;IACd,2BAA2B;IAC3B,OAAO,CAAC,GAAG,CACT,MAAM,CACJ,4EAA4E;QAC1E,yEAAyE,CAC5E,CACF,CAAC;AACJ,CAAC"}

package/schematics/ng-update/target-version.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TargetVersion = void 0;
-var TargetVersion;
-(function (TargetVersion) {
-    TargetVersion["V3"] = "version 3.0.0";
-})(TargetVersion = exports.TargetVersion || (exports.TargetVersion = {}));
-//# sourceMappingURL=target-version.js.map

package/schematics/ng-update/target-version.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"target-version.js","sourceRoot":"","sources":["../../../../../src/platform/core/schematics/ng-update/target-version.ts"],"names":[],"mappings":";;;AAAA,IAAY,aAEX;AAFD,WAAY,aAAa;IACvB,qCAAoB,CAAA;AACtB,CAAC,EAFW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAExB"}

package/schematics/version-names.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.materialVersion = exports.covalentCoreVersion = void 0;
-exports.covalentCoreVersion = '3.0.0';
-exports.materialVersion = '9.0.0';
-//# sourceMappingURL=version-names.js.map

package/schematics/version-names.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"version-names.js","sourceRoot":"","sources":["../../../../src/platform/core/schematics/version-names.ts"],"names":[],"mappings":";;;AAAa,QAAA,mBAAmB,GAAW,OAAO,CAAC;AACtC,QAAA,eAAe,GAAW,OAAO,CAAC"}

package/search/covalent-core-search.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentSearchModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":13,"character":12},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":25},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":13,"character":39},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":13,"character":55},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":13,"character":70}],"declarations":[{"__symbolic":"reference","name":"TdSearchInputComponent"},{"__symbolic":"reference","name":"TdSearchBoxComponent"}],"exports":[{"__symbolic":"reference","name":"TdSearchInputComponent"},{"__symbolic":"reference","name":"TdSearchBoxComponent"}]}]}],"members":{}},"TdSearchBoxBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":17,"character":41}]}]}},"_TdSearchBoxMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":21,"character":37},"arguments":[{"__symbolic":"reference","name":"TdSearchBoxBase"}]},"TdSearchBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdSearchBoxMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":23,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":26,"character":15},"useExisting":{"__symbolic":"reference","name":"TdSearchBoxComponent"},"multi":true}],"selector":"td-search-box","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":34,"character":19},"member":"OnPush"},"inputs":["value"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":37,"character":4},"arguments":["inputState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":38,"character":6},"arguments":["0",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":40,"character":8},"arguments":[{"width":"0%","margin":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":45,"character":6},"arguments":["1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":47,"character":8},"arguments":[{"width":"100%","margin":{"__symbolic":"reference","module":"@angular/animations","name":"AUTO_STYLE","line":49,"character":18}}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":52,"character":6},"arguments":["0 => 1",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":52,"character":27},"arguments":["200ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":53,"character":6},"arguments":["1 => 0",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":53,"character":27},"arguments":["200ms ease-out"]}]}]]}],"template":"<div class=\"td-search-box\">\n  <button mat-icon-button type=\"button\" class=\"td-search-icon\" (click)=\"searchClicked()\">\n    <mat-icon *ngIf=\"searchVisible && !alwaysVisible\">{{ backIcon }}</mat-icon>\n    <mat-icon *ngIf=\"!searchVisible || alwaysVisible\">{{ searchIcon }}</mat-icon>\n  </button>\n  <td-search-input\n    #searchInput\n    [@inputState]=\"alwaysVisible || searchVisible\"\n    [debounce]=\"debounce\"\n    [(ngModel)]=\"value\"\n    [showUnderline]=\"showUnderline\"\n    [placeholder]=\"placeholder\"\n    [clearIcon]=\"clearIcon\"\n    (searchDebounce)=\"handleSearchDebounce($event)\"\n    (search)=\"handleSearch($event)\"\n    (clear)=\"handleClear(); toggleVisibility()\"\n    (blur)=\"handleBlur()\"\n  ></td-search-input>\n</div>\n","styles":[":host{display:block}.td-search-box{-ms-flex-align:baseline;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:baseline;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-end;max-width:100%}.td-search-box .td-search-icon{-ms-flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;flex:0 0 auto}.td-search-box td-search-input{margin-left:12px}::ng-deep [dir=rtl] .td-search-box td-search-input{margin-left:0!important;margin-right:12px}.td-search-box td-search-input ::ng-deep .mat-form.field.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1em}"]}]}],"members":{"_searchInput":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":59,"character":3},"arguments":[{"__symbolic":"reference","name":"TdSearchInputComponent"},{"static":true}]}]}],"backIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"searchIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"clearIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"showUnderline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"debounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"alwaysVisible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"searchDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":114,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":126,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":132,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":17,"character":41}]}],"searchClicked":[{"__symbolic":"method"}],"toggleVisibility":[{"__symbolic":"method"}],"handleSearchDebounce":[{"__symbolic":"method"}],"handleSearch":[{"__symbolic":"method"}],"handleClear":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}]}},"TdSearchInputBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":23,"character":41}]}]}},"_TdSearchInputMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":27,"character":39},"arguments":[{"__symbolic":"reference","name":"TdSearchInputBase"}]},"TdSearchInputComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdSearchInputMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":32,"character":15},"useExisting":{"__symbolic":"reference","name":"TdSearchInputComponent"},"multi":true}],"selector":"td-search-input","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":40,"character":19},"member":"OnPush"},"inputs":["value"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":43,"character":4},"arguments":["searchState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":44,"character":6},"arguments":["hide-left",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":46,"character":8},"arguments":[{"transform":"translateX(-150%)","display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":51,"character":6},"arguments":["hide-right",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":53,"character":8},"arguments":[{"transform":"translateX(150%)","display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":58,"character":6},"arguments":["show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":60,"character":8},"arguments":[{"transform":"translateX(0%)","display":"block"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":65,"character":6},"arguments":["* => show",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":65,"character":30},"arguments":["200ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":66,"character":6},"arguments":["show => *",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":66,"character":30},"arguments":["200ms ease-out"]}]}]]}],"template":"<div class=\"td-search-input\">\n  <mat-form-field\n    class=\"td-search-input-field\"\n    [class.mat-hide-underline]=\"!showUnderline\"\n    [appearance]=\"appearance\"\n    floatLabel=\"never\"\n  >\n    <input\n      matInput\n      #searchElement\n      type=\"search\"\n      [(ngModel)]=\"value\"\n      [placeholder]=\"placeholder\"\n      (blur)=\"handleBlur()\"\n      (search)=\"stopPropagation($event)\"\n      (keyup.enter)=\"handleSearch($event)\"\n    />\n    <span matSuffix *ngIf=\"appearance === 'fill' || appearance === 'outline' || appearance === 'standard'\">\n      <ng-template [ngTemplateOutlet]=\"clearButton\"></ng-template>\n    </span>\n  </mat-form-field>\n  <ng-template *ngIf=\"!appearance || appearance === 'legacy'\" [ngTemplateOutlet]=\"clearButton\"></ng-template>\n</div>\n<ng-template #clearButton>\n  <button\n    mat-icon-button\n    class=\"td-search-input-clear\"\n    type=\"button\"\n    [@searchState]=\"searchElement.value ? 'show' : isRTL ? 'hide-left' : 'hide-right'\"\n    (click)=\"clearSearch()\"\n  >\n    <mat-icon>{{ clearIcon }}</mat-icon>\n  </button>\n</ng-template>\n","styles":[":host .td-search-input{-ms-flex-align:baseline;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:baseline;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-end;max-width:100%;overflow-x:hidden}:host .td-search-input .td-search-input-field{-ms-flex:1;flex:1}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper,:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-flex{height:52px}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-fill .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper{padding-bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-infix{bottom:.4em}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-standard .mat-form-field-wrapper .mat-form-field-underline{bottom:0}:host .td-search-input ::ng-deep mat-form-field.mat-form-field-appearance-legacy .mat-form-field-infix{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}:host .td-search-input ::ng-deep mat-form-field .mat-input-element{caret-color:currentColor}:host .td-search-input ::ng-deep mat-form-field.mat-hide-underline .mat-form-field-underline{display:none}:host .td-search-input .td-search-input-clear{-ms-flex:0 0 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;flex:0 0 auto}"]}]}],"members":{"_input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":71,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/input","name":"MatInput","line":71,"character":13},{"static":true}]}]}],"appearance":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"showUnderline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"debounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"clearIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"searchDebounce":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":108,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":114,"character":3}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":120,"character":3}}]}],"blur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":126,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":135,"character":15}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Dir","line":135,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":23,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"handleBlur":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}],"handleSearch":[{"__symbolic":"method"}],"clearSearch":[{"__symbolic":"method"}],"_searchTermChanged":[{"__symbolic":"method"}]}}},"origins":{"CovalentSearchModule":"./search.module","TdSearchBoxBase":"./search-box/search-box.component","_TdSearchBoxMixinBase":"./search-box/search-box.component","TdSearchBoxComponent":"./search-box/search-box.component","TdSearchInputBase":"./search-input/search-input.component","_TdSearchInputMixinBase":"./search-input/search-input.component","TdSearchInputComponent":"./search-input/search-input.component"},"importAs":"@covalent/core/search"}

package/search/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/search/search-box/README.md

@@ -1,62 +0,0 @@
-# TdSearchBoxComponent: td-search-box
-
-`td-search-box` element to generate a search box with animations.
-
-## API Summary
-
-#### Inputs
-
-+ backIcon?: string
-  + The icon used to close the search toggle, only shown when [alwaysVisible] is false. Defaults to 'search' icon.
-+ searchIcon?: string
-  + The icon used to open/focus the search toggle. Defaults to 'search' icon.
-+ clearIcon?: string
-  + The icon used to clear the search input. Defaults to 'cancel' icon.
-+ showUnderline?: boolean
-  + Sets if the input underline should be visible. Defaults to 'false'.
-+ debounce?: number
-  + Debounce timeout between keypresses. Defaults to 400.
-+ alwaysVisible?: boolean
-  + Sets if the input should always be visible. Defaults to 'false'.
-+ placeholder?: string
-  + Placeholder for the underlying input component.
-
-#### Events
-
-+ searchDebounce?: string
-  + Event emitted after the [debounce] timeout.
-  + Emits a [string].
-+ search?: string
-  + Event emitted after the key enter has been pressed.
-  + Emits a [string].
-+ clear?: string
-  + Event emitted after the clear icon has been clicked.
-  + Emits [void].
-+ blur: function
-  + Event emitted after the blur event has been called in underlying input.
-  + Emits [void].
-
-## Setup
-
-Import the [CovalentSearchModule] in your NgModule:
-
-```typescript
-import { CovalentSearchModule } from '@covalent/core/search';
-@NgModule({
-  imports: [
-    CovalentSearchModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example for HTML usage:
-
-```html
-  <td-search-box backIcon="arrow_back" placeholder="Search here" [(ngModel)]="searchInputTerm" [showUnderline]="false|true" [debounce]="500" [alwaysVisible]="false|true" (searchDebounce)="searchInputTerm = $event" (search)="searchInputTerm = $event" (clear)="searchInputTerm = ''" (blur)="onBlurEvent()">
-  </td-search-box>
-```

package/search/search-box/search-box.component.scss

@@ -1,32 +0,0 @@
-:host {
-  display: block;
-}
-.td-search-box {
-  // [layout]
-  box-sizing: border-box;
-  display: flex;
-  // [layout="row"]
-  flex-direction: row;
-  // [layout-align="end center"]
-  align-items: baseline;
-  align-content: center;
-  max-width: 100%;
-  justify-content: flex-end;
-  .td-search-icon {
-    // [flex="none"]
-    flex: 0 0 auto;
-    align-self: center;
-  }
-  td-search-input {
-    margin-left: 12px;
-    ::ng-deep [dir='rtl'] & {
-      margin-right: 12px;
-      margin-left: 0 !important;
-    }
-    ::ng-deep .mat-form.field.mat-form-field-appearance-legacy {
-      .mat-form-field-wrapper {
-        padding-bottom: 1em;
-      }
-    }
-  }
-}