@lucca-front/ng 15.3.0 → 16.0.0

package/schematics/migrations/tshirt-size/mapping.js

@@ -1,256 +1,256 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mixinMapping = exports.cssClassesToUpdate = exports.cssClassMapping = exports.cssVarsToUpdate = exports.cssVariableMapping = void 0;
-const mappings = {
-    breakpoint: {
-        xxxs: 'XXXS',
-        hard: 'XXS',
-        xxs: 'XXS',
-        xs: 'XS',
-        s: 'S',
-        m: 'M',
-        l: 'L',
-        xl: 'XL',
-        xxl: 'XXL',
-        xxxl: 'XXXL',
-        // Ultra legacy sizes
-        sm: 'S',
-        md: 'M',
-        lg: 'L',
-    },
-    tshirtName: {
-        smallest: 'XXS',
-        smaller: 'XS',
-        small: 'S',
-        standard: 'M',
-        medium: 'M',
-        default: 'M',
-        large: 'L',
-        larger: 'XL',
-        largest: 'XXL',
-    },
-    tshirtSize: {
-        xxxs: 'XXXS',
-        xxs: 'XXS',
-        xs: 'XS',
-        s: 'S',
-        m: 'M',
-        l: 'L',
-        xl: 'XL',
-        xxl: 'XXL',
-        xxxl: 'XXXL',
-        // Ultra legacy sizes
-        sm: 'S',
-        md: 'M',
-        lg: 'L',
-    },
-    size: {
-        reset: '0',
-        smallest: 'XXS',
-        smaller: 'XS',
-        small: 'S',
-        standard: 'M',
-        big: 'L',
-        bigger: 'XL',
-        biggest: 'XXL',
-    },
-    gridSize: {
-        1: '1',
-        2: '2',
-        3: '3',
-        4: '4',
-        5: '5',
-        6: '6',
-        7: '7',
-        8: '8',
-        9: '9',
-        10: '10',
-        11: '11',
-        12: '12',
-    },
-    layoutFixedSize: {
-        1: '1',
-        2: '2',
-        3: '3',
-        4: '4',
-        5: '5',
-        6: '6',
-        7: '7',
-        8: '8',
-        9: '9',
-        10: '10',
-        11: '11',
-        12: '12',
-        13: '13',
-        14: '14',
-        15: '15',
-        16: '16',
-        17: '17',
-        18: '18',
-        19: '19',
-        20: '20',
-    },
-};
-exports.cssVariableMapping = expand({
-    '--breakpoints-{breakpoint}-breakAt': '--breakpoints-{breakpoint}-breakAt',
-    '--spacings-reset': '--spacings-0',
-    '--spacings-{size}': '--spacings-{size}',
-    '--sizes-{size}-font-size': '--sizes-{size}-fontSize',
-    '--sizes-{size}-line-height': '--sizes-{size}-lineHeight',
-    '--sizes-{size}-vertical-padding': '--sizes-{size}-verticalPadding',
-    '--sizes-vertical-padding': '--sizes-verticalPadding',
-    '--sizes-font-size': '--sizes-fontSize',
-    '--sizes-line-height': '--sizes-lineHeight',
-    '--sizes-headline-vertical-padding': '--sizes-XXL-verticalPadding',
-    '--sizes-headline-font-size': '--sizes-XXL-fontSize',
-    '--sizes-headline-line-height': '--sizes-XXL-lineHeight',
-    '--commons-border-radius': '--commons-borderRadius-M',
-    '--commons-border-radius-{size}': '--commons-borderRadius-{size}',
-    '--commons-box-shadow-{breakpoint}': '--commons-boxShadow-{breakpoint}',
-    '--components-popup-size-{tshirtName}': '--components-popup-{tshirtName}',
-    '--components-sidepanel-size-{tshirtName}': '--components-sidepanel-{tshirtName}',
-    '--components-toasts-{size}': '--components-toasts-{size}',
-    '--components-button-{size}-padding': '--components-button-{size}-padding',
-    '--components-button-{size}-line-height': '--components-button-{size}-lineHeight',
-    '--components-button-{size}-font-size': '--components-button-{size}-fontSize',
-    '--components-checkbox-input-{size}-top': '--components-checkbox-{size}-input-top',
-    '--components-checkbox-label-{size}-padding': '--components-checkbox-{size}-label-padding',
-    '--components-radio-label-{size}-padding': '--components-radio-{size}-label-padding',
-    '--components-radio-input-{size}-top': '--components-radio-{size}-input-top',
-    '--components-switch-{size}-top': '--components-switch-{size}-top',
-    '--components-switch-{size}-icon-right': '--components-switch-{size}-icon-right',
-    '--components-switch-{size}-icon-left': '--components-switch-{size}-icon-left',
-    '--components-user-picture-image-size-{tshirtName}': '--components-userPicture-{tshirtName}-image',
-    '--components-user-picture-font-size-{tshirtName}': '--components-userPicture-{tshirtName}-fontSize',
-});
-exports.cssVarsToUpdate = new Set(Object.keys(exports.cssVariableMapping));
-exports.cssClassMapping = expand({
-    // Utilities
-    'u-margin{Size}': 'u-margin{size}',
-    'u-marginTop{Size}': 'u-marginTop{size}',
-    'u-marginRight{Size}': 'u-marginRight{size}',
-    'u-marginBottom{Size}': 'u-marginBottom{size}',
-    'u-marginLeft{Size}': 'u-marginLeft{size}',
-    'u-padding{Size}': 'u-padding{size}',
-    'u-paddingTop{Size}': 'u-paddingTop{size}',
-    'u-paddingRight{Size}': 'u-paddingRight{size}',
-    'u-paddingBottom{Size}': 'u-paddingBottom{size}',
-    'u-paddingLeft{Size}': 'u-paddingLeft{size}',
-    'u-border{Size}': 'u-border{size}',
-    'u-borderTop{Size}': 'u-borderTop{size}',
-    'u-borderRight{Size}': 'u-borderRight{size}',
-    'u-borderBottom{Size}': 'u-borderBottom{size}',
-    'u-borderLeft{Size}': 'u-borderLeft{size}',
-    'u-text{Size}': 'u-text{size}',
-    'u-borderTopLeftRadius{Size}': 'u-borderTopLeftRadius{size}',
-    'u-borderTopRightRadius{Size}': 'u-borderTopRightRadius{size}',
-    'u-borderBottomLeftRadius{Size}': 'u-borderBottomLeftRadius{size}',
-    'u-borderBottomRightRadius{Size}': 'u-borderBottomRightRadius{size}',
-    'u-columnGap{Size}': 'u-columnGap{size}',
-    'u-rowGap{Size}': 'u-rowGap{size}',
-    'u-gap{Size}': 'u-gap{size}',
-    'u-{breakpoint}First': 'u-first@mediaMin{breakpoint}',
-    'u-{breakpoint}Last': 'u-last@mediaMin{breakpoint}',
-    // Classes
-    'mod-{tshirtName}': 'mod-{tshirtName}',
-    'mod-{size}': 'mod-{size}',
-    'mod-headline': 'mod-XXL',
-    'size-{size}': 'mod-{size}',
-    'size-{tshirtName}': 'mod-{tshirtName}',
-    'grid-{tshirtSize}': 'grid@mediaMin{tshirtSize}',
-    'grid-{tshirtSize}{gridSize}': 'grid-{gridSize}@mediaMin{tshirtSize}',
-    'grid-{tshirtSize}Offset{gridSize}': 'grid-offset{gridSize}@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}Start': 'mod-start@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}Center': 'mod-center@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}End': 'mod-end@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}Top': 'mod-top@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}Middle': 'mod-middle@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}Bottom': 'mod-bottom@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}Around': 'mod-around@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}Between': 'mod-between@mediaMin{tshirtSize}',
-    'mod-stickyColumn-{tshirtSize}': 'mod-stickyColumn@mediaMin{tshirtSize}',
-    'mod-{tshirtSize}{gridSize}': 'mod-{gridSize}@mediaMin{tshirtSize}',
-    'mod-layoutFixed-{tshirtSize}{layoutFixedSize}': 'mod-layoutFixed-{layoutFixedSize}@mediaMin{tshirtSize}',
-    'lu-modal-header-close': 'lu-modal-header-close actionIcon',
-});
-exports.cssClassesToUpdate = new Set(Object.keys(exports.cssClassMapping));
-exports.mixinMapping = expand({
-    "media.smallerThan('{breakpoint}')": "media.max('{breakpoint}')",
-    'media.smallerThan("{breakpoint}")': 'media.max("{breakpoint}")',
-    "media.largerThan('{breakpoint}')": "media.min('{breakpoint}')",
-    'media.largerThan("{breakpoint}")': 'media.min("{breakpoint}")',
-    'actionIcon.small': 'actionIcon.S',
-    'button.small': 'button.S',
-    'button.smaller': 'button.XS',
-    'button.counterSmall': 'button.counterS',
-    'button.counterSmaller': 'button.counterXS',
-    'button.iconSmall': 'button.iconS',
-    'button.iconSmaller': 'button.iconXS',
-    'button.loadingSmall': 'button.loadingS',
-    'callout.smaller': 'callout.S',
-    'checkbox.small': 'checkbox.S',
-    'checkbox.big': 'checkbox.L',
-    'container.small': 'container.S',
-    'file.small': 'file.S',
-    'label.numberSmall': 'label.numberS',
-    'label.numberSmaller': 'label.numberXS',
-    'loading.big': 'loading.L',
-    'menu.small': 'menu.S',
-    'radio.small': 'radio.S',
-    'radioButton.small': 'radioButton.S',
-    'section.small': 'section.S',
-    'section.smaller': 'section.XS',
-    'switch.small': 'switch.S',
-    'table.small': 'table.S',
-    'tableSorted.sortableSmall': 'tableSorted.sortableS',
-    'textfield.searchSmall': 'textfield.searchS',
-    'textfield.searchSmaller': 'textfield.searchXS',
-    'textfield.clearSmall': 'textfield.clearS',
-    'textfield.clearSmaller': 'textfield.clearXS',
-    'textfield.noLabelSmaller': 'textfield.noLabelXS',
-    'textfield.multilineSmall': 'textfield.multilineS',
-    'textfield.small': 'textfield.S',
-    'textfield.smaller': 'textfield.XS',
-    'textfield.smallInputIcon': 'textfield.SInputIcon',
-    'textfield.smallerInputIcon': 'textfield.XSInputIcon',
-    'textfield.materialSmall': 'textfield.materialS',
-    'textfield.framedMultilineSmall': 'textfield.framedMultilineS',
-    'timeline.small': 'timeline.S',
-    'timeline.big': 'timeline.L',
-    'timeline.numberBig': 'timeline.numberL',
-    'timeline.verticalSmall': 'timeline.verticalS',
-    'timeline.verticalBig': 'timeline.verticalL',
-    'timeline.verticalNotSmallNotBig': 'timeline.verticalNotSNotL',
-    'timeline.addStepBig': 'timeline.addStepL',
-    'timeline.addStepVerticalNotBig': 'timeline.addStepVerticalNotL',
-    'timeline.addStepVerticalBig': 'timeline.addStepVerticalL',
-    'timeline.checkedPastStepVerticalNotBig': 'timeline.checkedPastStepVerticalNotL',
-    'timeline.checkedPastStepVerticalBig': 'timeline.checkedPastStepVerticalL',
-    'timeline.addBetweenStepVerticalNotBig': 'timeline.addBetweenStepVerticalNotL',
-    'timeline.addBetweenStepBig': 'timeline.addBetweenStepL',
-    'title.headline': 'title.XXXL',
-    'titleSection.headline': 'titleSection.XXXL',
-});
-function camelize(str) {
-    return str[0].toLowerCase() + str.slice(1);
-}
-function pascalize(str) {
-    return str[0].toUpperCase() + str.slice(1);
-}
-function expand(rawMapping) {
-    function replaceValue(oldValue, map, newValue) {
-        return oldValue.replace(`{${map}}`, newValue).replace(`{${pascalize(map)}}`, pascalize(newValue));
-    }
-    return Object.fromEntries(Object.entries(rawMapping).flatMap(([oldTemplate, newTemplate]) => {
-        const placeholders = [...oldTemplate.matchAll(/\{(\w*)\}/g)].map(([, template]) => template);
-        let values = [[oldTemplate, newTemplate]];
-        for (const placeholder of placeholders) {
-            const map = camelize(placeholder);
-            if (!map || !(map in mappings)) {
-                throw new Error(`No mapping for ${map} found`);
-            }
-            values = values.flatMap(([oldVal, newVal]) => Object.entries(mappings[map]).map(([key, value]) => [replaceValue(oldVal, map, key), replaceValue(newVal, map, value)]));
-        }
-        return values;
-    }));
-}
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mixinMapping = exports.cssClassesToUpdate = exports.cssClassMapping = exports.cssVarsToUpdate = exports.cssVariableMapping = void 0;
+const mappings = {
+    breakpoint: {
+        xxxs: 'XXXS',
+        hard: 'XXS',
+        xxs: 'XXS',
+        xs: 'XS',
+        s: 'S',
+        m: 'M',
+        l: 'L',
+        xl: 'XL',
+        xxl: 'XXL',
+        xxxl: 'XXXL',
+        // Ultra legacy sizes
+        sm: 'S',
+        md: 'M',
+        lg: 'L',
+    },
+    tshirtName: {
+        smallest: 'XXS',
+        smaller: 'XS',
+        small: 'S',
+        standard: 'M',
+        medium: 'M',
+        default: 'M',
+        large: 'L',
+        larger: 'XL',
+        largest: 'XXL',
+    },
+    tshirtSize: {
+        xxxs: 'XXXS',
+        xxs: 'XXS',
+        xs: 'XS',
+        s: 'S',
+        m: 'M',
+        l: 'L',
+        xl: 'XL',
+        xxl: 'XXL',
+        xxxl: 'XXXL',
+        // Ultra legacy sizes
+        sm: 'S',
+        md: 'M',
+        lg: 'L',
+    },
+    size: {
+        reset: '0',
+        smallest: 'XXS',
+        smaller: 'XS',
+        small: 'S',
+        standard: 'M',
+        big: 'L',
+        bigger: 'XL',
+        biggest: 'XXL',
+    },
+    gridSize: {
+        1: '1',
+        2: '2',
+        3: '3',
+        4: '4',
+        5: '5',
+        6: '6',
+        7: '7',
+        8: '8',
+        9: '9',
+        10: '10',
+        11: '11',
+        12: '12',
+    },
+    layoutFixedSize: {
+        1: '1',
+        2: '2',
+        3: '3',
+        4: '4',
+        5: '5',
+        6: '6',
+        7: '7',
+        8: '8',
+        9: '9',
+        10: '10',
+        11: '11',
+        12: '12',
+        13: '13',
+        14: '14',
+        15: '15',
+        16: '16',
+        17: '17',
+        18: '18',
+        19: '19',
+        20: '20',
+    },
+};
+exports.cssVariableMapping = expand({
+    '--breakpoints-{breakpoint}-breakAt': '--breakpoints-{breakpoint}-breakAt',
+    '--spacings-reset': '--spacings-0',
+    '--spacings-{size}': '--spacings-{size}',
+    '--sizes-{size}-font-size': '--sizes-{size}-fontSize',
+    '--sizes-{size}-line-height': '--sizes-{size}-lineHeight',
+    '--sizes-{size}-vertical-padding': '--sizes-{size}-verticalPadding',
+    '--sizes-vertical-padding': '--sizes-verticalPadding',
+    '--sizes-font-size': '--sizes-fontSize',
+    '--sizes-line-height': '--sizes-lineHeight',
+    '--sizes-headline-vertical-padding': '--sizes-XXL-verticalPadding',
+    '--sizes-headline-font-size': '--sizes-XXL-fontSize',
+    '--sizes-headline-line-height': '--sizes-XXL-lineHeight',
+    '--commons-border-radius': '--commons-borderRadius-M',
+    '--commons-border-radius-{size}': '--commons-borderRadius-{size}',
+    '--commons-box-shadow-{breakpoint}': '--commons-boxShadow-{breakpoint}',
+    '--components-popup-size-{tshirtName}': '--components-popup-{tshirtName}',
+    '--components-sidepanel-size-{tshirtName}': '--components-sidepanel-{tshirtName}',
+    '--components-toasts-{size}': '--components-toasts-{size}',
+    '--components-button-{size}-padding': '--components-button-{size}-padding',
+    '--components-button-{size}-line-height': '--components-button-{size}-lineHeight',
+    '--components-button-{size}-font-size': '--components-button-{size}-fontSize',
+    '--components-checkbox-input-{size}-top': '--components-checkbox-{size}-input-top',
+    '--components-checkbox-label-{size}-padding': '--components-checkbox-{size}-label-padding',
+    '--components-radio-label-{size}-padding': '--components-radio-{size}-label-padding',
+    '--components-radio-input-{size}-top': '--components-radio-{size}-input-top',
+    '--components-switch-{size}-top': '--components-switch-{size}-top',
+    '--components-switch-{size}-icon-right': '--components-switch-{size}-icon-right',
+    '--components-switch-{size}-icon-left': '--components-switch-{size}-icon-left',
+    '--components-user-picture-image-size-{tshirtName}': '--components-userPicture-{tshirtName}-image',
+    '--components-user-picture-font-size-{tshirtName}': '--components-userPicture-{tshirtName}-fontSize',
+});
+exports.cssVarsToUpdate = new Set(Object.keys(exports.cssVariableMapping));
+exports.cssClassMapping = expand({
+    // Utilities
+    'u-margin{Size}': 'u-margin{size}',
+    'u-marginTop{Size}': 'u-marginTop{size}',
+    'u-marginRight{Size}': 'u-marginRight{size}',
+    'u-marginBottom{Size}': 'u-marginBottom{size}',
+    'u-marginLeft{Size}': 'u-marginLeft{size}',
+    'u-padding{Size}': 'u-padding{size}',
+    'u-paddingTop{Size}': 'u-paddingTop{size}',
+    'u-paddingRight{Size}': 'u-paddingRight{size}',
+    'u-paddingBottom{Size}': 'u-paddingBottom{size}',
+    'u-paddingLeft{Size}': 'u-paddingLeft{size}',
+    'u-border{Size}': 'u-border{size}',
+    'u-borderTop{Size}': 'u-borderTop{size}',
+    'u-borderRight{Size}': 'u-borderRight{size}',
+    'u-borderBottom{Size}': 'u-borderBottom{size}',
+    'u-borderLeft{Size}': 'u-borderLeft{size}',
+    'u-text{Size}': 'u-text{size}',
+    'u-borderTopLeftRadius{Size}': 'u-borderTopLeftRadius{size}',
+    'u-borderTopRightRadius{Size}': 'u-borderTopRightRadius{size}',
+    'u-borderBottomLeftRadius{Size}': 'u-borderBottomLeftRadius{size}',
+    'u-borderBottomRightRadius{Size}': 'u-borderBottomRightRadius{size}',
+    'u-columnGap{Size}': 'u-columnGap{size}',
+    'u-rowGap{Size}': 'u-rowGap{size}',
+    'u-gap{Size}': 'u-gap{size}',
+    'u-{breakpoint}First': 'u-first@mediaMin{breakpoint}',
+    'u-{breakpoint}Last': 'u-last@mediaMin{breakpoint}',
+    // Classes
+    'mod-{tshirtName}': 'mod-{tshirtName}',
+    'mod-{size}': 'mod-{size}',
+    'mod-headline': 'mod-XXL',
+    'size-{size}': 'mod-{size}',
+    'size-{tshirtName}': 'mod-{tshirtName}',
+    'grid-{tshirtSize}': 'grid@mediaMin{tshirtSize}',
+    'grid-{tshirtSize}{gridSize}': 'grid-{gridSize}@mediaMin{tshirtSize}',
+    'grid-{tshirtSize}Offset{gridSize}': 'grid-offset{gridSize}@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}Start': 'mod-start@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}Center': 'mod-center@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}End': 'mod-end@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}Top': 'mod-top@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}Middle': 'mod-middle@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}Bottom': 'mod-bottom@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}Around': 'mod-around@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}Between': 'mod-between@mediaMin{tshirtSize}',
+    'mod-stickyColumn-{tshirtSize}': 'mod-stickyColumn@mediaMin{tshirtSize}',
+    'mod-{tshirtSize}{gridSize}': 'mod-{gridSize}@mediaMin{tshirtSize}',
+    'mod-layoutFixed-{tshirtSize}{layoutFixedSize}': 'mod-layoutFixed-{layoutFixedSize}@mediaMin{tshirtSize}',
+    'lu-modal-header-close': 'lu-modal-header-close actionIcon',
+});
+exports.cssClassesToUpdate = new Set(Object.keys(exports.cssClassMapping));
+exports.mixinMapping = expand({
+    "media.smallerThan('{breakpoint}')": "media.max('{breakpoint}')",
+    'media.smallerThan("{breakpoint}")': 'media.max("{breakpoint}")',
+    "media.largerThan('{breakpoint}')": "media.min('{breakpoint}')",
+    'media.largerThan("{breakpoint}")': 'media.min("{breakpoint}")',
+    'actionIcon.small': 'actionIcon.S',
+    'button.small': 'button.S',
+    'button.smaller': 'button.XS',
+    'button.counterSmall': 'button.counterS',
+    'button.counterSmaller': 'button.counterXS',
+    'button.iconSmall': 'button.iconS',
+    'button.iconSmaller': 'button.iconXS',
+    'button.loadingSmall': 'button.loadingS',
+    'callout.smaller': 'callout.S',
+    'checkbox.small': 'checkbox.S',
+    'checkbox.big': 'checkbox.L',
+    'container.small': 'container.S',
+    'file.small': 'file.S',
+    'label.numberSmall': 'label.numberS',
+    'label.numberSmaller': 'label.numberXS',
+    'loading.big': 'loading.L',
+    'menu.small': 'menu.S',
+    'radio.small': 'radio.S',
+    'radioButton.small': 'radioButton.S',
+    'section.small': 'section.S',
+    'section.smaller': 'section.XS',
+    'switch.small': 'switch.S',
+    'table.small': 'table.S',
+    'tableSorted.sortableSmall': 'tableSorted.sortableS',
+    'textfield.searchSmall': 'textfield.searchS',
+    'textfield.searchSmaller': 'textfield.searchXS',
+    'textfield.clearSmall': 'textfield.clearS',
+    'textfield.clearSmaller': 'textfield.clearXS',
+    'textfield.noLabelSmaller': 'textfield.noLabelXS',
+    'textfield.multilineSmall': 'textfield.multilineS',
+    'textfield.small': 'textfield.S',
+    'textfield.smaller': 'textfield.XS',
+    'textfield.smallInputIcon': 'textfield.SInputIcon',
+    'textfield.smallerInputIcon': 'textfield.XSInputIcon',
+    'textfield.materialSmall': 'textfield.materialS',
+    'textfield.framedMultilineSmall': 'textfield.framedMultilineS',
+    'timeline.small': 'timeline.S',
+    'timeline.big': 'timeline.L',
+    'timeline.numberBig': 'timeline.numberL',
+    'timeline.verticalSmall': 'timeline.verticalS',
+    'timeline.verticalBig': 'timeline.verticalL',
+    'timeline.verticalNotSmallNotBig': 'timeline.verticalNotSNotL',
+    'timeline.addStepBig': 'timeline.addStepL',
+    'timeline.addStepVerticalNotBig': 'timeline.addStepVerticalNotL',
+    'timeline.addStepVerticalBig': 'timeline.addStepVerticalL',
+    'timeline.checkedPastStepVerticalNotBig': 'timeline.checkedPastStepVerticalNotL',
+    'timeline.checkedPastStepVerticalBig': 'timeline.checkedPastStepVerticalL',
+    'timeline.addBetweenStepVerticalNotBig': 'timeline.addBetweenStepVerticalNotL',
+    'timeline.addBetweenStepBig': 'timeline.addBetweenStepL',
+    'title.headline': 'title.XXXL',
+    'titleSection.headline': 'titleSection.XXXL',
+});
+function camelize(str) {
+    return str[0].toLowerCase() + str.slice(1);
+}
+function pascalize(str) {
+    return str[0].toUpperCase() + str.slice(1);
+}
+function expand(rawMapping) {
+    function replaceValue(oldValue, map, newValue) {
+        return oldValue.replace(`{${map}}`, newValue).replace(`{${pascalize(map)}}`, pascalize(newValue));
+    }
+    return Object.fromEntries(Object.entries(rawMapping).flatMap(([oldTemplate, newTemplate]) => {
+        const placeholders = [...oldTemplate.matchAll(/\{(\w*)\}/g)].map(([, template]) => template);
+        let values = [[oldTemplate, newTemplate]];
+        for (const placeholder of placeholders) {
+            const map = camelize(placeholder);
+            if (!map || !(map in mappings)) {
+                throw new Error(`No mapping for ${map} found`);
+            }
+            values = values.flatMap(([oldVal, newVal]) => Object.entries(mappings[map]).map(([key, value]) => [replaceValue(oldVal, map, key), replaceValue(newVal, map, value)]));
+        }
+        return values;
+    }));
+}

package/schematics/migrations/tshirt-size/migration.js

@@ -1,60 +1,60 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.migrateTsFile = exports.migrateHTMLFile = exports.migrateScssFile = void 0;
-const typescript_1 = require("typescript");
-const angular_template_1 = require("../../lib/angular-template");
-const file_update_js_1 = require("../../lib/file-update.js");
-const html_ast_js_1 = require("../../lib/html-ast.js");
-const scss_ast_js_1 = require("../../lib/scss-ast.js");
-const mapping_1 = require("./mapping");
-function migrateScssFile(content, postCssScss, postcssValueParser, postcssSelectorParser) {
-    const root = postCssScss.parse(content);
-    (0, scss_ast_js_1.updateMixinNames)(root, mapping_1.mixinMapping);
-    (0, scss_ast_js_1.updateCSSVariableNames)(root, mapping_1.cssVariableMapping, postcssValueParser);
-    (0, scss_ast_js_1.updateCSSClassNamesInRules)(root, mapping_1.cssClassMapping, postcssSelectorParser);
-    root.walkAtRules(/(import|use|forward)/, (rule) => {
-        (0, scss_ast_js_1.removeImportNode)(rule, '@lucca-front/scss/src/components/skipLinks', postcssValueParser);
-    });
-    return root.toResult({ syntax: { stringify: postCssScss.stringify } }).css;
-}
-exports.migrateScssFile = migrateScssFile;
-function migrateHTMLFile(content, angularCompiler) {
-    return (0, html_ast_js_1.updateCssClassNames)(content, mapping_1.cssClassMapping, angularCompiler);
-}
-exports.migrateHTMLFile = migrateHTMLFile;
-function migrateTsFile(fileName, content, angularCompiler) {
-    const sourcefile = (0, typescript_1.createSourceFile)(fileName, content, typescript_1.ScriptTarget.ESNext);
-    const templates = (0, angular_template_1.extractNgTemplates)(sourcefile);
-    const updates = templates.map((tpl) => ({
-        position: tpl.offsetStart,
-        oldContent: tpl.content,
-        newContent: (0, html_ast_js_1.updateCssClassNames)(tpl.content, mapping_1.cssClassMapping, angularCompiler),
-    }));
-    (0, typescript_1.forEachChild)(sourcefile, (0, angular_template_1.createVisitor)(typescript_1.isStringLiteral, (node) => {
-        let newText = node.text;
-        const withoutClass = node.text.replace('class.', '');
-        const withoutStyle = node.text.replace('style.', '');
-        if (mapping_1.cssClassesToUpdate.has(node.text)) {
-            newText = mapping_1.cssClassMapping[node.text];
-        }
-        else if (mapping_1.cssClassesToUpdate.has(withoutClass)) {
-            newText = 'class.' + mapping_1.cssClassMapping[withoutClass];
-        }
-        else if (mapping_1.cssVarsToUpdate.has(node.text)) {
-            newText = mapping_1.cssVariableMapping[node.text] || node.text;
-        }
-        else if (mapping_1.cssVarsToUpdate.has(withoutStyle)) {
-            newText = 'style.' + mapping_1.cssVariableMapping[withoutStyle] || node.text;
-        }
-        if (newText !== node.text) {
-            const position = node.pos + node.getLeadingTriviaWidth(sourcefile) /* Spaces before the single/double quote */ + 1; /* Single or double quote before the string content */
-            updates.push({
-                position,
-                oldContent: node.text,
-                newContent: newText,
-            });
-        }
-    }));
-    return (0, file_update_js_1.applyUpdates)(content, updates);
-}
-exports.migrateTsFile = migrateTsFile;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateTsFile = exports.migrateHTMLFile = exports.migrateScssFile = void 0;
+const typescript_1 = require("typescript");
+const angular_template_1 = require("../../lib/angular-template");
+const file_update_js_1 = require("../../lib/file-update.js");
+const html_ast_js_1 = require("../../lib/html-ast.js");
+const scss_ast_js_1 = require("../../lib/scss-ast.js");
+const mapping_1 = require("./mapping");
+function migrateScssFile(content, postCssScss, postcssValueParser, postcssSelectorParser) {
+    const root = postCssScss.parse(content);
+    (0, scss_ast_js_1.updateMixinNames)(root, mapping_1.mixinMapping);
+    (0, scss_ast_js_1.updateCSSVariableNames)(root, mapping_1.cssVariableMapping, postcssValueParser);
+    (0, scss_ast_js_1.updateCSSClassNamesInRules)(root, mapping_1.cssClassMapping, postcssSelectorParser);
+    root.walkAtRules(/(import|use|forward)/, (rule) => {
+        (0, scss_ast_js_1.removeImportNode)(rule, '@lucca-front/scss/src/components/skipLinks', postcssValueParser);
+    });
+    return root.toResult({ syntax: { stringify: postCssScss.stringify } }).css;
+}
+exports.migrateScssFile = migrateScssFile;
+function migrateHTMLFile(content, angularCompiler) {
+    return (0, html_ast_js_1.updateCssClassNames)(content, mapping_1.cssClassMapping, angularCompiler);
+}
+exports.migrateHTMLFile = migrateHTMLFile;
+function migrateTsFile(fileName, content, angularCompiler) {
+    const sourcefile = (0, typescript_1.createSourceFile)(fileName, content, typescript_1.ScriptTarget.ESNext);
+    const templates = (0, angular_template_1.extractNgTemplates)(sourcefile);
+    const updates = templates.map((tpl) => ({
+        position: tpl.offsetStart,
+        oldContent: tpl.content,
+        newContent: (0, html_ast_js_1.updateCssClassNames)(tpl.content, mapping_1.cssClassMapping, angularCompiler),
+    }));
+    (0, typescript_1.forEachChild)(sourcefile, (0, angular_template_1.createVisitor)(typescript_1.isStringLiteral, (node) => {
+        let newText = node.text;
+        const withoutClass = node.text.replace('class.', '');
+        const withoutStyle = node.text.replace('style.', '');
+        if (mapping_1.cssClassesToUpdate.has(node.text)) {
+            newText = mapping_1.cssClassMapping[node.text];
+        }
+        else if (mapping_1.cssClassesToUpdate.has(withoutClass)) {
+            newText = 'class.' + mapping_1.cssClassMapping[withoutClass];
+        }
+        else if (mapping_1.cssVarsToUpdate.has(node.text)) {
+            newText = mapping_1.cssVariableMapping[node.text] || node.text;
+        }
+        else if (mapping_1.cssVarsToUpdate.has(withoutStyle)) {
+            newText = 'style.' + mapping_1.cssVariableMapping[withoutStyle] || node.text;
+        }
+        if (newText !== node.text) {
+            const position = node.pos + node.getLeadingTriviaWidth(sourcefile) /* Spaces before the single/double quote */ + 1; /* Single or double quote before the string content */
+            updates.push({
+                position,
+                oldContent: node.text,
+                newContent: newText,
+            });
+        }
+    }));
+    return (0, file_update_js_1.applyUpdates)(content, updates);
+}
+exports.migrateTsFile = migrateTsFile;