@swisspost/design-system-styles 5.0.0 → 5.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-styles",
-  "version": "5.0.0",
+  "version": "5.1.1",
   "description": "Design System Styles for the Swiss Post web platform.",
   "author": "Swiss Post <oss@post.ch>",
   "license": "Apache-2.0",
@@ -21,12 +21,12 @@
     "bootstrap": "5.1.3"
   },
   "devDependencies": {
-    "@angular-devkit/core": "14.2.7",
-    "@angular-devkit/schematics": "14.2.7",
-    "@angular/compiler": "14.2.8",
-    "@angular/core": "14.2.8",
-    "@babel/core": "7.19.6",
-    "@percy/cli": "1.12.0",
+    "@angular-devkit/core": "14.2.10",
+    "@angular-devkit/schematics": "14.2.10",
+    "@angular/compiler": "14.2.11",
+    "@angular/core": "14.2.11",
+    "@babel/core": "7.20.2",
+    "@percy/cli": "1.14.0",
     "@percy/cypress": "3.1.2",
     "@storybook/addon-actions": "6.5.13",
     "@storybook/addon-essentials": "6.5.13",
@@ -37,35 +37,36 @@
     "@storybook/manager-webpack4": "6.5.13",
     "@storybook/preset-scss": "1.0.3",
     "@storybook/testing-library": "0.0.13",
-    "@types/node": "16.18.3",
+    "@types/node": "18.11.9",
     "autoprefixer": "10.4.13",
-    "babel-loader": "8.2.5",
+    "babel-loader": "8.3.0",
+    "cheerio": "1.0.0-rc.12",
     "copyfiles": "2.4.1",
     "css-loader": "5.2.7",
-    "cypress": "10.11.0",
+    "cypress": "11.1.0",
     "glob": "8.0.3",
     "gulp": "4.0.2",
     "gulp-postcss": "9.0.1",
     "gulp-sass": "5.1.0",
-    "jest": "29.2.2",
+    "jest": "29.3.1",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.18",
+    "postcss": "8.4.19",
     "postcss-scss": "4.0.5",
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
     "rxjs": "7.5.7",
-    "sass": "1.55.0",
-    "sass-loader": "10.1.1",
+    "sass": "1.56.1",
+    "sass-loader": "10.4.1",
     "start-server-and-test": "1.14.0",
     "storybook-dark-mode": "1.1.2",
     "style-loader": "2.0.0",
-    "stylelint": "14.14.0",
-    "stylelint-config-prettier": "9.0.3",
+    "stylelint": "14.15.0",
+    "stylelint-config-prettier": "9.0.4",
     "stylelint-config-sass-guidelines": "9.0.1",
     "stylelint-prettier": "2.0.0",
     "stylelint-scss": "4.3.0",
     "typescript": "4.8.4",
-    "zone.js": "0.11.8"
+    "zone.js": "0.12.0"
   },
   "sass": {
     "includePaths": [
@@ -80,9 +81,9 @@
   },
   "scripts": {
     "clean": "rimraf out-tsc dist/*",
-    "start": "npm-run-all --parallel styles:start && schematics:start",
+    "start": "npm-run-all --parallel styles:start storybook:start schematics:start",
     "prebuild": "pnpm clean",
-    "build": "npm-run-all --parallel styles:build && pnpm schematics:build",
+    "build": "npm-run-all --parallel styles:build schematics:build storybook:build",
     "format": "prettier src/**/*.scss --write",
     "lint": "stylelint src/**/*.scss",
     "lint:fix": "stylelint src/**/*.scss --fix",

package/schematics/migrations/_example-dom-migration/index.js

@@ -0,0 +1,127 @@
+"use strict";
+/*
+ * This is a dom-migration example
+ *
+ * You can write more than just one update in a migration schematic
+ * by defining multiple DomUpdates and pass them all to the DomMigration Class.
+ *
+ * Important note:
+ * The order of the DomUpdates is important, because updates are additive.
+ * This means, every update you register will receive the updated DOM from
+ * the previous update, and can now make it's own changes.
+ *
+ * We use cheerio thogether with htmlparser2 under the hood which makes it possible
+ * to write updates by defining only two simple parameters:
+ *
+ * selector: string
+ * This is the jQuery like selector which is used to find the elements to be updated.
+ *
+ * update: Function
+ * This is the update function, which receives the cheerio-element as the first argument
+ * and the cheerio-instance as the second.
+ * On cheerio-elements you can directly run jQuery like functions to mutate them.
+ * The cheerio-instance is sometimes helpfull, for example to convert elements in loops
+ * into a new cheerio-element:
+ * $elements.filter((i, element) => $(element).hasClass('bla')).addClass('bla-2');
+ *
+ * Note:
+ * It is not possible to remove the selected elements itself.
+ * Instead you can select the parent elements and then search the elements to remove
+ * and call the remove function on this elements directly.
+ * See RemoveElementUpdate example.
+ *
+ * To try this example, you must add it as a schematic in your collection.json file
+ * and you need to add the following code somewhere in your html that should get updated:
+ *
+ * <div id="example-dom-element"></div>
+ *
+*/
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../utils/dom/migration");
+function default_1() {
+    return new migration_1.default(new AddElementUpdate, new AddClassUpdate, new AddAttributeUpdate, new AddTextUpdate, new RemoveElementUpdate, new WrapElementUpdate, new ReplaceWithElementUpdate).rule;
+}
+exports.default = default_1;
+class AddElementUpdate {
+    constructor() {
+        this.selector = '.example-dom-element';
+        this.update = function ($elements) {
+            $elements.append('<span>It\'s working...</span>');
+        };
+    }
+}
+class AddClassUpdate {
+    constructor() {
+        this.selector = '.example-dom-element';
+        this.update = function ($elements, $) {
+            $elements
+                .each((i, element) => {
+                if (i === 1)
+                    $(element).addClass('remove');
+                if (i === 2)
+                    $(element).addClass('wrap');
+                if (i === 3)
+                    $(element).addClass('replace-with');
+            });
+        };
+    }
+}
+class AddAttributeUpdate {
+    constructor() {
+        this.selector = '.example-dom-element > span';
+        this.update = function ($elements) {
+            $elements.attr('style', 'padding: 10px; background-color: white;');
+        };
+    }
+}
+class AddTextUpdate {
+    constructor() {
+        this.selector = '.example-dom-element > span';
+        this.update = function ($elements, $) {
+            $elements
+                .each((_i, element) => {
+                const $element = $(element);
+                $element.text(`${$element.text()} cheerio!`);
+            });
+        };
+    }
+}
+class RemoveElementUpdate {
+    constructor() {
+        this.selector = '.example-dom-element.remove';
+        this.update = function ($elements) {
+            $elements.remove();
+        };
+    }
+}
+class WrapElementUpdate {
+    constructor() {
+        this.selector = '.example-dom-element.wrap';
+        this.update = function ($elements, $) {
+            $elements
+                .each((_i, element) => {
+                const $element = $(element);
+                // to let the update work correctly you need to copy the data from the sourceElement to the distElement
+                // how to do this depends on the return value of the migration function used on the sourceElement
+                const $wrapper = $('<div class="example-dom-element-wrapper"></div>').data($element.data());
+                $element.wrap($wrapper);
+            });
+        };
+    }
+}
+class ReplaceWithElementUpdate {
+    constructor() {
+        this.selector = '.example-dom-element.replace-with';
+        this.update = function ($elements, $) {
+            $elements
+                .each((_i, element) => {
+                const $element = $(element);
+                // to let the update work correctly you need to copy the data from the sourceElement to the distElement
+                // how to do this depends on the return value of the migration function used on the sourceElement
+                const $replacement = $(`<div class="example-dom-element-wrapper">${$element.prop('outerHTML')}</div>`).data($element.data());
+                $element.replaceWith($replacement);
+            });
+        };
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/_example-dom-migration/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../schematics/migrations/_example-dom-migration/index.ts"],"names":[],"mappings":"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"}

package/schematics/migrations/bootstrap/badge/index.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../../utils/dom/migration");
+const constants_1 = require("../../../utils/constants");
+function default_1() {
+    return new migration_1.default(new BadgePillClassUpdate, new BadgeBGClassUpdate, new BadgeOutlineClassUpdate, new BadgeCararraClassUpdate, new BadgeCararraThickClassUpdate).rule;
+}
+exports.default = default_1;
+class BadgePillClassUpdate {
+    constructor() {
+        this.selector = '.badge-pill';
+    }
+    update($elements) {
+        $elements
+            .removeClass('badge-pill')
+            .addClass('rounded-pill');
+    }
+}
+class BadgeBGClassUpdate {
+    constructor() {
+        this.cssClassRegex = new RegExp(`^badge-(${constants_1.themeColors.join('|')})$`);
+        this.selector = constants_1.themeColors.map(colorname => `.badge-${colorname}`).join(', ');
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            var _a;
+            const $element = $(element);
+            (_a = $element
+                .attr('class')) === null || _a === void 0 ? void 0 : _a.split(' ').forEach(cssClass => {
+                const match = cssClass.match(this.cssClassRegex);
+                if (match) {
+                    const colorname = match[1];
+                    $element
+                        .removeClass(cssClass)
+                        .addClass(`bg-${colorname}`);
+                }
+            });
+        });
+    }
+}
+class BadgeOutlineClassUpdate {
+    constructor() {
+        this.cssClassRegex = new RegExp(`^badge-outline-(${constants_1.themeColors.join('|')})$`);
+        this.selector = constants_1.themeColors.map(colorname => `.badge-outline-${colorname}`).join(', ');
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            var _a;
+            const $element = $(element);
+            (_a = $element
+                .attr('class')) === null || _a === void 0 ? void 0 : _a.split(' ').forEach(cssClass => {
+                const match = cssClass.match(this.cssClassRegex);
+                if (match) {
+                    const colorname = match[1];
+                    $element
+                        .removeClass(cssClass)
+                        .addClass(`border-${colorname}`);
+                }
+            });
+        });
+    }
+}
+class BadgeCararraClassUpdate {
+    constructor() {
+        this.selector = '.badge-gray-cararra';
+    }
+    update($elements) {
+        $elements
+            .removeClass('badge-gray-cararra')
+            .addClass('bg-light');
+    }
+}
+class BadgeCararraThickClassUpdate {
+    constructor() {
+        this.selector = '.badge-outline-gray-cararra-thick';
+    }
+    update($elements) {
+        $elements
+            .removeClass('badge-outline-gray-cararra-thick')
+            .addClass('border-light border-2');
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/bootstrap/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../schematics/migrations/bootstrap/badge/index.ts"],"names":[],"mappings":"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"}

package/schematics/migrations/{rtl → bootstrap/blockquote}/index.d.ts

@@ -1,3 +1,2 @@
 import { Rule } from '@angular-devkit/schematics';
-/** Entry point for the RTL migration. */
 export default function (): Rule;

package/schematics/migrations/bootstrap/blockquote/index.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../../utils/dom/migration");
+function default_1() {
+    return new migration_1.default(new BlockquoteFigureWrapperUpdate, new BlockquotePClassUpdate).rule;
+}
+exports.default = default_1;
+class BlockquoteFigureWrapperUpdate {
+    constructor() {
+        this.selector = 'blockquote.blockquote';
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            const $element = $(element);
+            const $footer = $element.find('footer.blockquote-footer');
+            const hasFooter = $footer.length > 0;
+            if (hasFooter) {
+                const $wrapper = $('<figure/>').data($element.data());
+                const $replacer = $(`<figcaption>${$footer.prop('innerHTML')}</figcaption>`);
+                $footer
+                    .prop('attributes')
+                    .forEach(({ name, value }) => {
+                    $replacer.attr(name, value);
+                });
+                $footer.replaceWith($replacer);
+                $element.wrap($wrapper);
+            }
+        });
+    }
+}
+class BlockquotePClassUpdate {
+    constructor() {
+        this.selector = 'blockquote.blockquote > p.mb-0';
+    }
+    update($elements) {
+        $elements.removeClass('mb-0');
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/bootstrap/blockquote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../schematics/migrations/bootstrap/blockquote/index.ts"],"names":[],"mappings":";;AACA,4DAAwD;AAIxD;IACE,OAAO,IAAI,mBAAY,CACrB,IAAI,6BAA6B,EACjC,IAAI,sBAAsB,CAC3B,CAAC,IAAI,CAAC;AACT,CAAC;AALD,4BAKC;AAED,MAAM,6BAA6B;IAAnC;QACE,aAAQ,GAAG,uBAAuB,CAAC;IAwBrC,CAAC;IAtBC,MAAM,CAAE,SAA2B,EAAE,CAAa;QAChD,SAAS;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,0BAA0B,CAAC,CAAC;YAC1D,MAAM,SAAS,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAErC,IAAI,SAAS,EAAE;gBACb,MAAM,QAAQ,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC;gBACtD,MAAM,SAAS,GAAG,CAAC,CAAC,eAAe,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;gBAE7E,OAAO;qBACJ,IAAI,CAAC,YAAY,CAAC;qBAClB,OAAO,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;oBAC3B,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC9B,CAAC,CAAC,CAAC;gBAEL,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBAC/B,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;aACzB;QACH,CAAC,CAAC,CAAC;IACP,CAAC;CACF;AAED,MAAM,sBAAsB;IAA5B;QACE,aAAQ,GAAG,gCAAgC,CAAC;IAK9C,CAAC;IAHC,MAAM,CAAE,SAA2B;QACjC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC;CACF"}

package/schematics/migrations/bootstrap/button/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;

package/schematics/migrations/bootstrap/button/index.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../../utils/dom/migration");
+const constants_1 = require("../../../utils/constants");
+function default_1() {
+    return new migration_1.default(new ButtonOutlineClassUpdate, new ButtonInvertedClassUpdate, new ButtonIconClassesUpdate).rule;
+}
+exports.default = default_1;
+class ButtonOutlineClassUpdate {
+    constructor() {
+        this.cssClassRegex = new RegExp(`^btn-outline-(${constants_1.themeColors.join('|')})$`);
+        this.selector = constants_1.themeColors.map(colorname => `.btn-outline-${colorname}`).join(', ');
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            var _a;
+            const $element = $(element);
+            (_a = $element
+                .attr('class')) === null || _a === void 0 ? void 0 : _a.split(' ').forEach(cssClass => {
+                const match = cssClass.match(this.cssClassRegex);
+                if (match) {
+                    $element
+                        .removeClass(cssClass)
+                        .addClass('btn-secondary');
+                }
+            });
+        });
+    }
+}
+class ButtonInvertedClassUpdate {
+    constructor() {
+        this.selector = '.btn.btn-inverted';
+    }
+    update($elements) {
+        $elements.removeClass('btn-inverted');
+    }
+}
+class ButtonIconClassesUpdate {
+    constructor() {
+        this.selector = '.btn-icon';
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            const $element = $(element);
+            const $icon = $element.find('.pi');
+            const $text = $element.find(':not(.pi, .sr-only, .sr-only-focusable, .visually-hidden, .visually-hidden-focusable)');
+            const isButtonWithIconAndText = $icon.length > 0 && $text.length > 0 && $text.text().length > 0;
+            if (isButtonWithIconAndText) {
+                $element.removeClass('btn-icon');
+            }
+        });
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/bootstrap/button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../schematics/migrations/bootstrap/button/index.ts"],"names":[],"mappings":";;AACA,4DAAwD;AAIxD,wDAAuD;AAEvD;IACE,OAAO,IAAI,mBAAY,CACrB,IAAI,wBAAwB,EAC5B,IAAI,yBAAyB,EAC7B,IAAI,uBAAuB,CAC5B,CAAC,IAAI,CAAC;AACT,CAAC;AAND,4BAMC;AAED,MAAM,wBAAwB;IAA9B;QACE,kBAAa,GAAW,IAAI,MAAM,CAAC,iBAAiB,uBAAW,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAE/E,aAAQ,GAAG,uBAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,gBAAgB,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAqBlF,CAAC;IAnBC,MAAM,CAAE,SAA2B,EAAE,CAAa;QAChD,SAAS;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YAE5B,MAAA,QAAQ;iBACL,IAAI,CAAC,OAAO,CAAC,0CACZ,KAAK,CAAC,GAAG,EACV,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAClB,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAEjD,IAAI,KAAK,EAAE;oBACT,QAAQ;yBACL,WAAW,CAAC,QAAQ,CAAC;yBACrB,QAAQ,CAAC,eAAe,CAAC,CAAC;iBAC9B;YACH,CAAC,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;CACF;AAED,MAAM,yBAAyB;IAA/B;QACE,aAAQ,GAAG,mBAAmB,CAAC;IAKjC,CAAC;IAHC,MAAM,CAAE,SAA2B;QACjC,SAAS,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IACxC,CAAC;CACF;AAED,MAAM,uBAAuB;IAA7B;QACE,aAAQ,GAAG,WAAW,CAAC;IAgBzB,CAAC;IAdC,MAAM,CAAE,SAA2B,EAAE,CAAa;QAChD,SAAS;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,uFAAuF,CAAC,CAAC;YAErH,MAAM,uBAAuB,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;YAEhG,IAAI,uBAAuB,EAAE;gBAC3B,QAAQ,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;IACP,CAAC;CACF"}

package/schematics/migrations/{badges → bootstrap/button-close}/index.d.ts

@@ -1,3 +1,2 @@
 import { Rule } from '@angular-devkit/schematics';
-/** Entry point for the badges migration. */
 export default function (): Rule;

package/schematics/migrations/bootstrap/button-close/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../../utils/dom/migration");
+function default_1() {
+    return new migration_1.default(new ButtonCloseClassesUpdate, new ButtonCloseRemoveIconContentUpdate).rule;
+}
+exports.default = default_1;
+class ButtonCloseClassesUpdate {
+    constructor() {
+        this.selector = '.close';
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            const $element = $(element);
+            const $child = $element.find('> span[aria-hidden="true"]');
+            if ($child.length > 0) {
+                $element
+                    .removeClass('close btn btn-icon')
+                    .addClass('btn-close');
+            }
+        });
+    }
+}
+class ButtonCloseRemoveIconContentUpdate {
+    constructor() {
+        this.selector = '.btn-close';
+    }
+    update($elements) {
+        $elements
+            .find('> span[aria-hidden="true"]')
+            .remove();
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/bootstrap/button-close/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../schematics/migrations/bootstrap/button-close/index.ts"],"names":[],"mappings":";;AACA,4DAAwD;AAIxD;IACE,OAAO,IAAI,mBAAY,CACrB,IAAI,wBAAwB,EAC5B,IAAI,kCAAkC,CACvC,CAAC,IAAI,CAAC;AACT,CAAC;AALD,4BAKC;AAED,MAAM,wBAAwB;IAA9B;QACE,aAAQ,GAAG,QAAQ,CAAC;IAetB,CAAC;IAbC,MAAM,CAAE,SAA2B,EAAE,CAAa;QAChD,SAAS;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;YAE3D,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;gBACrB,QAAQ;qBACL,WAAW,CAAC,oBAAoB,CAAC;qBACjC,QAAQ,CAAC,WAAW,CAAC,CAAC;aAC1B;QACH,CAAC,CAAC,CAAA;IACN,CAAC;CACF;AAED,MAAM,kCAAkC;IAAxC;QACE,aAAQ,GAAG,YAAY,CAAC;IAO1B,CAAC;IALC,MAAM,CAAE,SAA2B;QACjC,SAAS;aACN,IAAI,CAAC,4BAA4B,CAAC;aAClC,MAAM,EAAE,CAAC;IACd,CAAC;CACF"}

package/schematics/migrations/bootstrap/form-checkbox/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;

package/schematics/migrations/bootstrap/form-checkbox/index.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../../utils/dom/migration");
+function default_1() {
+    return new migration_1.default(new FormCheckboxInputClassesUpdate, new FormCheckboxLabelClassesUpdate, new FormCheckboxClassesUpdate).rule;
+}
+exports.default = default_1;
+class FormCheckboxInputClassesUpdate {
+    constructor() {
+        this.selector = '.custom-checkbox.custom-control input.custom-control-input';
+    }
+    update($elements) {
+        $elements
+            .removeClass('custom-control-input')
+            .addClass('form-check-input');
+    }
+}
+class FormCheckboxLabelClassesUpdate {
+    constructor() {
+        this.selector = '.custom-checkbox.custom-control label.custom-control-label';
+    }
+    update($elements) {
+        $elements
+            .removeClass('custom-control-label')
+            .addClass('form-check-label');
+    }
+}
+class FormCheckboxClassesUpdate {
+    constructor() {
+        this.selector = '.custom-checkbox.custom-control';
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            const $element = $(element);
+            const hasInlineClass = $element.hasClass('custom-control-inline');
+            $element
+                .removeClass('custom-checkbox custom-control')
+                .addClass('form-check');
+            if (hasInlineClass) {
+                $element
+                    .removeClass('custom-control-inline')
+                    .addClass('form-check-inline');
+            }
+        });
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/bootstrap/form-checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../schematics/migrations/bootstrap/form-checkbox/index.ts"],"names":[],"mappings":";;AACA,4DAAwD;AAIxD;IACE,OAAO,IAAI,mBAAY,CACrB,IAAI,8BAA8B,EAClC,IAAI,8BAA8B,EAClC,IAAI,yBAAyB,CAC9B,CAAC,IAAI,CAAC;AACT,CAAC;AAND,4BAMC;AAED,MAAM,8BAA8B;IAApC;QACE,aAAQ,GAAG,4DAA4D,CAAC;IAO1E,CAAC;IALC,MAAM,CAAE,SAA2B;QACjC,SAAS;aACN,WAAW,CAAC,sBAAsB,CAAC;aACnC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAClC,CAAC;CACF;AAED,MAAM,8BAA8B;IAApC;QACE,aAAQ,GAAG,4DAA4D,CAAC;IAO1E,CAAC;IALC,MAAM,CAAE,SAA2B;QACjC,SAAS;aACN,WAAW,CAAC,sBAAsB,CAAC;aACnC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAClC,CAAC;CACF;AAED,MAAM,yBAAyB;IAA/B;QACE,aAAQ,GAAG,iCAAiC,CAAC;IAmB/C,CAAC;IAjBC,MAAM,CAAE,SAA2B,EAAE,CAAa;QAChD,SAAS;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;YAElE,QAAQ;iBACL,WAAW,CAAC,gCAAgC,CAAC;iBAC7C,QAAQ,CAAC,YAAY,CAAC,CAAC;YAE1B,IAAI,cAAc,EAAE;gBAClB,QAAQ;qBACL,WAAW,CAAC,uBAAuB,CAAC;qBACpC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;IACP,CAAC;CACF"}

package/schematics/migrations/bootstrap/form-control/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;

package/schematics/migrations/bootstrap/form-control/index.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../../utils/dom/migration");
+function default_1() {
+    return new migration_1.default(new FormControlFloatingLabelWrapperUpdate).rule;
+}
+exports.default = default_1;
+class FormControlFloatingLabelWrapperUpdate {
+    constructor() {
+        this.selector = '.form-group';
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            const $element = $(element);
+            const $control = $element.find('> input.form-control-lg');
+            const $label = $control.next('label');
+            const isFloatingLabel = $control.length > 0 && $label.length > 0;
+            if (isFloatingLabel) {
+                $element
+                    .removeClass('form-group')
+                    .addClass('form-floating');
+                $control.removeClass('form-control-lg');
+            }
+        });
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/bootstrap/form-control/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../schematics/migrations/bootstrap/form-control/index.ts"],"names":[],"mappings":";;AACA,4DAAwD;AAIxD;IACE,OAAO,IAAI,mBAAY,CACrB,IAAI,qCAAqC,CAC1C,CAAC,IAAI,CAAC;AACT,CAAC;AAJD,4BAIC;AAED,MAAM,qCAAqC;IAA3C;QACE,aAAQ,GAAG,aAAa,CAAC;IAmB3B,CAAC;IAjBC,MAAM,CAAE,SAA2B,EAAE,CAAa;QAChD,SAAS;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC;YAC1D,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACtC,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;YAEjE,IAAI,eAAe,EAAE;gBACnB,QAAQ;qBACL,WAAW,CAAC,YAAY,CAAC;qBACzB,QAAQ,CAAC,eAAe,CAAC,CAAC;gBAE7B,QAAQ,CAAC,WAAW,CAAC,iBAAiB,CAAC,CAAC;aACzC;QACH,CAAC,CAAC,CAAC;IACP,CAAC;CACF"}

package/schematics/migrations/bootstrap/form-radio/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;

package/schematics/migrations/bootstrap/form-radio/index.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const migration_1 = require("../../../utils/dom/migration");
+function default_1() {
+    return new migration_1.default(new FormRadioInputClassesUpdate, new FormRadioLabelClassesUpdate, new FormRadioClassesUpdate).rule;
+}
+exports.default = default_1;
+class FormRadioInputClassesUpdate {
+    constructor() {
+        this.selector = '.custom-radio.custom-control input.custom-control-input';
+    }
+    update($elements) {
+        $elements
+            .removeClass('custom-control-input')
+            .addClass('form-check-input');
+    }
+}
+class FormRadioLabelClassesUpdate {
+    constructor() {
+        this.selector = '.custom-radio.custom-control label.custom-control-label';
+    }
+    update($elements) {
+        $elements
+            .removeClass('custom-control-label')
+            .addClass('form-check-label');
+    }
+}
+class FormRadioClassesUpdate {
+    constructor() {
+        this.selector = '.custom-radio.custom-control';
+    }
+    update($elements, $) {
+        $elements
+            .each((_i, element) => {
+            const $element = $(element);
+            const hasInlineClass = $element.hasClass('custom-control-inline');
+            $element
+                .removeClass('custom-radio custom-control')
+                .addClass('form-check');
+            if (hasInlineClass) {
+                $element
+                    .removeClass('custom-control-inline')
+                    .addClass('form-check-inline');
+            }
+        });
+    }
+}
+//# sourceMappingURL=index.js.map

package/schematics/migrations/bootstrap/form-radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../schematics/migrations/bootstrap/form-radio/index.ts"],"names":[],"mappings":";;AACA,4DAAwD;AAIxD;IACE,OAAO,IAAI,mBAAY,CACrB,IAAI,2BAA2B,EAC/B,IAAI,2BAA2B,EAC/B,IAAI,sBAAsB,CAC3B,CAAC,IAAI,CAAC;AACT,CAAC;AAND,4BAMC;AAED,MAAM,2BAA2B;IAAjC;QACE,aAAQ,GAAG,yDAAyD,CAAC;IAOvE,CAAC;IALC,MAAM,CAAE,SAA2B;QACjC,SAAS;aACN,WAAW,CAAC,sBAAsB,CAAC;aACnC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAClC,CAAC;CACF;AAED,MAAM,2BAA2B;IAAjC;QACE,aAAQ,GAAG,yDAAyD,CAAC;IAOvE,CAAC;IALC,MAAM,CAAE,SAA2B;QACjC,SAAS;aACN,WAAW,CAAC,sBAAsB,CAAC;aACnC,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IAClC,CAAC;CACF;AAED,MAAM,sBAAsB;IAA5B;QACE,aAAQ,GAAG,8BAA8B,CAAC;IAmB5C,CAAC;IAjBC,MAAM,CAAE,SAA2B,EAAE,CAAa;QAChD,SAAS;aACN,IAAI,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,EAAE;YACpB,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;YAC5B,MAAM,cAAc,GAAG,QAAQ,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;YAElE,QAAQ;iBACL,WAAW,CAAC,6BAA6B,CAAC;iBAC1C,QAAQ,CAAC,YAAY,CAAC,CAAC;YAE1B,IAAI,cAAc,EAAE;gBAClB,QAAQ;qBACL,WAAW,CAAC,uBAAuB,CAAC;qBACpC,QAAQ,CAAC,mBAAmB,CAAC,CAAC;aAClC;QACH,CAAC,CAAC,CAAC;IACP,CAAC;CACF"}

package/schematics/migrations/bootstrap/form-select/index.d.ts

@@ -0,0 +1,2 @@
+import { Rule } from '@angular-devkit/schematics';
+export default function (): Rule;