@wavemaker/rn-codegen 12.0.0-next.45752 → 12.0.0-next.47810

package/src/theme/components/container/panel.styledef.js

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getPanelStyle = (type, color) => ([
+    {
+        className: `.panel-${type}.app-panel-header`,
+        style: {
+            'background-color': color
+        }
+    }, {
+        className: `.panel-${type}.app-panel-title`,
+        style: {
+            'color': '@panelTextColor'
+        }
+    }, {
+        className: `.panel-${type}.app-panel-sub-title`,
+        style: {
+            'color': '@panelTextColor'
+        }
+    }, {
+        className: `.panel-${type}.app-panel-icon .app-icon-text`,
+        style: {
+            'color': '@panelTextColor'
+        }
+    }
+]);
+const getBadgeStyle = (badgeClass, color) => ({
+    className: `.app-panel-${badgeClass}-badge`,
+    rnStyleSelector: `app-panel.${badgeClass}`,
+    studioStyleSelector: `.app-panel .panel-heading .panel-actions .label.label-${badgeClass}`,
+    style: {
+        'background-color': color,
+        'color': '@defaultColorF'
+    }
+});
+const getPaneldtStyle = (type, color, headingColor, descriptionColor) => ([
+    {
+        className: `.panel-${type}.app-panel-header`,
+        dtStyle: {
+            'background-color': color
+        }
+    }, {
+        className: `.panel-${type}.app-panel-title`,
+        dtStyle: {
+            'color': headingColor
+        }
+    }, {
+        className: `.panel-${type}.app-panel-sub-title`,
+        rnStyleSelector: 'app-panel.subHeading',
+        studioStyleSelector: '.app-panel .panel-heading .description',
+        style: {},
+        dtStyle: {
+            'color': descriptionColor,
+        }
+    }, {
+        className: `.panel-${type}.app-panel-icon .app-icon-text`,
+        dtStyle: {
+            'color': headingColor
+        }
+    }
+]);
+const getBadgedtStyle = (badgeClass, bgColor, color) => ({
+    className: `.app-panel-${badgeClass}-badge`,
+    rnStyleSelector: `app-panel.${badgeClass}`,
+    studioStyleSelector: `.app-panel .panel-heading .panel-actions .label.label-${badgeClass}`,
+    style: {
+        'background-color': bgColor,
+        'color': color
+    }
+});
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-panel',
+            rnStyleSelector: 'app-panel.root',
+            studioStyleSelector: '.app-panel',
+            style: {
+                'background-color': '@panelBgColor'
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-panel-background)',
+                'border-radius': 'var(--wm-panel-radius)',
+                'border-width': 'var(--wm-panel-border-width)',
+                'border-style': 'var(--wm-panel-border-style)',
+                'padding': 'var(--wm-panel-padding)'
+                // 'box-shadow':'var(--wm-panel-shadow)'
+            }
+        }, {
+            className: '.app-panel-title',
+            rnStyleSelector: 'app-panel.text',
+            studioStyleSelector: '.app-panel .panel-heading .heading',
+            style: {
+                color: '@panelHeaderTextColor'
+            },
+            dtStyle: {
+                'font-family': 'var(--wm-panel-heading-font-family)',
+                'font-size': 'var(--wm-panel-heading-font-size)',
+                'color': 'var(--wm-panel-heading-color)',
+                'font-weight': 'var(--wm-font-weight-bold)'
+            }
+        }, {
+            className: '.app-panel-header',
+            rnStyleSelector: 'app-panel.header',
+            studioStyleSelector: '.app-panel .panel-heading',
+            style: {
+                'background-color': '@panelHeaderBgColor',
+                'border-color': '@panelHeaderBgColor'
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-panel-heading-background)',
+                'padding-horizontal': 'var(--wm-panel-header-padding-horizontal)',
+                'padding-vertical': 'var(--wm-panel-header-padding-vertical)',
+                'border-style': 'var(--wm-panel-border-style)',
+                'border-width': 'var(--wm-panel-border-width)',
+                'border-color': 'var(--wm-panel-heading-background)',
+                'border-top-left-radius': 'var(--wm-panel-header-border-top-left-radius)',
+                'border-top-right-radius': 'var(--wm-panel-header-border-top-right-radius)'
+            }
+        }, {
+            className: '.app-panel-sub-title',
+            rnStyleSelector: 'app-panel.subHeading',
+            studioStyleSelector: '.app-panel .panel-heading .description',
+            style: {},
+            dtStyle: {
+                'padding-horizontal': 'var(--wm-panel-sub-heading-padding-horizontal)'
+            }
+        }, {
+            className: '.app-panel-icon',
+            rnStyleSelector: 'app-panel.icon',
+            studioStyleSelector: '.app-panel .panel-heading ',
+            style: {},
+            dtStyle: {
+                'font-size': 'var(--wm-panel-icon-font-size)'
+            }
+        }, {
+            className: '.app-panel-toggle-icon',
+            rnStyleSelector: 'app-panel.toggleIcon',
+            studioStyleSelector: '',
+            style: {},
+            dtStyle: {
+                'font-size': 'var(--wm-panel-toggle-icon-font-size)'
+            }
+        }, {
+            className: '.app-panel-badge',
+            rnStyleSelector: 'app-panel.badge',
+            studioStyleSelector: '.app-panel .panel-heading .app-badge',
+            style: {
+                color: '@badgeTextColor'
+            },
+            dtStyle: {
+                'color': 'var(--wm-panel-badge-color)',
+                'margin-right': 'var(--wm-panel-badge-margin-right)'
+            }
+        },
+        getBadgeStyle('default', '@labelDefaultColor'),
+        getBadgeStyle('danger', '@labelDangerColor'),
+        getBadgeStyle('success', '@labelSuccessColor'),
+        getBadgeStyle('warning', '@labelWarningColor'),
+        getBadgeStyle('info', '@labelInfoColor'),
+        getBadgeStyle('primary', '@labelPrimaryColor'),
+        ...getPanelStyle('default', '@panelDefaultColor'),
+        ...getPanelStyle('danger', '@panelDangerColor'),
+        ...getPanelStyle('success', '@panelSuccessColor'),
+        ...getPanelStyle('warning', '@panelWarningColor'),
+        ...getPanelStyle('info', '@panelInfoColor'),
+        ...getPanelStyle('primary', '@panelPrimaryColor'),
+        getBadgedtStyle('danger', 'var(--wm-panel-heading-color-danger)', 'var(--wm-panel-background-danger)'),
+        getBadgedtStyle('success', 'var(--wm-panel-heading-color-success)', 'var(--wm-panel-background-success)'),
+        getBadgedtStyle('warning', 'var(--wm-panel-heading-color-warning)', 'var(--wm-panel-background-warning)'),
+        getBadgedtStyle('info', 'var(--wm-panel-heading-color-info)', 'var(--wm-panel-background-info)'),
+        getBadgedtStyle('primary', 'var(--wm-panel-heading-color-primary)', 'var(--wm-panel-background-primary)'),
+        getBadgedtStyle('secondary', 'var(--wm-panel-heading-color-secondary)', 'var(--wm-panel-background-secondary)'),
+        getBadgedtStyle('tertiary', 'var(--wm-panel-heading-color-tertiary)', 'var(--wm-panel-background-tertiary)'),
+        ...getPaneldtStyle('danger', 'var(--wm-panel-background-danger)', 'var(--wm-panel-heading-color-danger)', 'var(--wm-panel-description-color-danger)'),
+        ...getPaneldtStyle('success', 'var(--wm-panel-background-success)', 'var(--wm-panel-heading-color-success)', 'var(--wm-panel-description-color-success)'),
+        ...getPaneldtStyle('warning', 'var(--wm-panel-background-warning)', 'var(--wm-panel-heading-color-warning)', 'var(--wm-panel-description-color-warning)'),
+        ...getPaneldtStyle('info', 'var(--wm-panel-background-info)', 'var(--wm-panel-heading-color-info)', 'var(--wm-panel-description-color-info)'),
+        ...getPaneldtStyle('primary', 'var(--wm-panel-background-primary)', 'var(--wm-panel-heading-color-primary)', 'var(--wm-panel-description-color-primary)'),
+        ...getPaneldtStyle('secondary', 'var(--wm-panel-background-secondary)', 'var(--wm-panel-heading-color-secondary)', 'var(--wm-panel-description-color-secondary)'),
+        ...getPaneldtStyle('tertiary', 'var(--wm-panel-background-tertiary)', 'var(--wm-panel-heading-color-tertiary)', 'var(--wm-panel-description-color-tertiary)'),
+        // ...getPaneldtStyle('default','var(--wm-panel-background)','var(--wm-panel-heading-background)','var(--wm-panel-heading-color)'),
+    ])
+};
+//# sourceMappingURL=panel.styledef.js.map

package/src/theme/components/container/panel.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/container/panel.styledef.ts"],"names":[],"mappings":"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"}

package/src/theme/components/container/tabs/tabheader.styledef.js

@@ -0,0 +1,151 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-tabheader',
+            rnStyleSelector: 'app-tabheader.root',
+            studioStyleSelector: '.app-tabs .tab-header',
+            document: '',
+            style: {
+                'background-color': '@tabHeaderBgColor'
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-tabs-background)',
+                // 'border-bottom-width':'var(--wm-tabs-nav-border-width)',
+                // 'border-bottom-style':'var(--wm-tabs-nav-border-style)',
+                // 'border-bottom-color':'var(--wm-tabs-nav-border-color)'
+            }
+        }, {
+            className: '.app-tabheader-text',
+            rnStyleSelector: 'app-tabheader.text',
+            studioStyleSelector: '',
+            document: '',
+            style: {}
+        }, {
+            className: '.app-tabheader-item',
+            rnStyleSelector: 'app-tabheader.header',
+            studioStyleSelector: '',
+            document: '',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-tabs-background)',
+                'padding-top': 'var(--wm-tabs-item-heading-padding)',
+                'padding-bottom': 'var(--wm-tabs-item-heading-padding)'
+            }
+        }, {
+            className: '.app-tabheader-item-text',
+            rnStyleSelector: 'app-tabheader.headerText',
+            studioStyleSelector: '.app-tabs .tab-header .tab-heading span .tab-heading span',
+            document: '',
+            style: {
+                color: '@tabHeaderTextColor'
+            },
+            dtStyle: {
+                'font-family': 'var(--wm-tabs-item-heading-font-family)',
+                'font-size': 'var(--wm-tabs-item-heading-font-size)',
+                'font-weight': 'var(--wm-tabs-item-heading-font-weight)',
+                'line-height': 'var(--wm-tabs-item-heading-line-height)',
+                'letter-spacing': 'var(--wm-tabs-item-heading-letter-spacing)',
+                'color': 'var(--wm-tabs-item-heading-color)',
+            }
+        }, {
+            className: '.app-tabheader-item-icon',
+            rnStyleSelector: 'app-tabheader.headerIcon',
+            studioStyleSelector: '',
+            document: '',
+            style: {}
+        }, {
+            className: '.app-tabheader-item-icon-icon',
+            rnStyleSelector: 'app-tabheader.headerIcon.icon',
+            studioStyleSelector: '',
+            document: '',
+            style: {}
+        }, {
+            className: '.app-tabheader-item-icon-text',
+            rnStyleSelector: 'app-tabheader.headerIcon.text',
+            studioStyleSelector: '',
+            document: '',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-color-surface-variant-black)',
+            }
+        }, {
+            className: '.app-tabheader-active-item',
+            rnStyleSelector: 'app-tabheader.activeHeader',
+            studioStyleSelector: '',
+            document: '',
+            style: {
+                'background-color': '@tabActiveHeaderBgColor'
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-tabs-background)',
+                'padding-top': 'var(--wm-tabs-item-heading-padding)',
+                'padding-bottom': 'var(--wm-tabs-item-heading-padding)'
+            }
+        }, {
+            className: '.app-tabheader-active-item-text',
+            rnStyleSelector: 'app-tabheader.activeHeaderText',
+            studioStyleSelector: '.app-tabs .tab-header.active .tab-heading span, .app-tabs .tab-header.active a, .app-tabs .tab-header.active a:focus',
+            document: '',
+            style: {
+                color: '@tabActiveHeaderTextColor'
+            },
+            dtStyle: {
+                'font-family': 'var(--wm-tabs-item-heading-font-family)',
+                'font-size': 'var(--wm-tabs-item-heading-font-size)',
+                'font-weight': 'var(--wm-tabs-item-heading-font-weight)',
+                'line-height': 'var(--wm-tabs-item-heading-line-height)',
+                'letter-spacing': 'var(--wm-tabs-item-heading-letter-spacing)',
+                // 'color': 'var(--wm-tabs-item-heading-color)',
+            }
+        }, {
+            className: '.app-tabheader-active-item-icon',
+            rnStyleSelector: 'app-tabheader.activeHeaderIcon',
+            studioStyleSelector: '',
+            document: '',
+            style: {}
+        }, {
+            className: '.app-tabheader-active-item-icon-text',
+            rnStyleSelector: 'app-tabheader.activeHeaderIcon.text',
+            studioStyleSelector: '',
+            document: '',
+            style: {},
+            dtStyle: {
+                color: 'var(--wm-color-primary)'
+            }
+        }, {
+            className: '.app-tabheader-active-indicator',
+            rnStyleSelector: 'app-tabheader.activeIndicator',
+            studioStyleSelector: '',
+            document: '',
+            style: {
+                'background-color': '@tabActiveIndicatorBgColor'
+            },
+            dtStyle: {
+                'height': 'var(--wm-tabs-item-heading-indicator-height)',
+                'background-color': 'var(--wm-tabs-item-heading-indicator-background)',
+            }
+        }, {
+            className: '.app-tabheader-arrow-indicator',
+            rnStyleSelector: 'app-tabheader.arrowIndicator',
+            studioStyleSelector: '',
+            document: '',
+            style: {
+                'background-color': '@tabActiveHeaderBgColor'
+            }
+        }, {
+            className: '.app-tabheader-arrow-indicator-dot',
+            rnStyleSelector: 'app-tabheader.arrowIndicatorDot',
+            studioStyleSelector: '',
+            document: '',
+            style: {
+                'background-color': '@tabActiveHeaderBgColor'
+            }
+        }, {
+            className: '.app-tabheader-skeleton',
+            rnStyleSelector: 'app-tabheader.skeleton',
+            studioStyleSelector: '.app-tabheader-skeleton',
+            style: {}
+        }])
+};
+//# sourceMappingURL=tabheader.styledef.js.map

package/src/theme/components/container/tabs/tabheader.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabheader.styledef.js","sourceRoot":"","sources":["../../../../../../src/theme/components/container/tabs/tabheader.styledef.ts"],"names":[],"mappings":"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"}

package/src/theme/components/container/tabs/tabpane.styledef.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-tabpane',
+            rnStyleSelector: 'app-tabpane.root',
+            studioStyleSelector: '.app-tabs .tab-pane .tab-body ',
+            style: {
+                'background-color': '@tabContentBgColor'
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-tabs-background)',
+            }
+        }])
+};
+//# sourceMappingURL=tabpane.styledef.js.map

package/src/theme/components/container/tabs/tabpane.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabpane.styledef.js","sourceRoot":"","sources":["../../../../../../src/theme/components/container/tabs/tabpane.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,cAAc;YACzB,eAAe,EAAE,kBAAkB;YACnC,mBAAmB,EAAE,gCAAgC;YACrD,KAAK,EAAE;gBACH,kBAAkB,EAAE,oBAAoB;aAC3C;YACD,OAAO,EAAC;gBACJ,kBAAkB,EAAC,2BAA2B;aACjD;SACJ,CAAC,CAAC;CACY,CAAC"}

package/src/theme/components/container/tabs.styledef.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-tabs',
+            rnStyleSelector: 'app-tabs.root',
+            studioStyleSelector: '.app-tabs',
+            style: {
+                'border-color': '@tabBorderColor'
+            },
+            dtStyle: {
+                // 'background-color':'var(--wm-tabs-background)',
+                'min-height': 'var(--wm-tabs-min-height)',
+                'border-bottom-width': 'var(--wm-tabs-border-bottom-width)',
+                'border-style': 'var(--wm-border-style)'
+            }
+        }, {
+            className: '.app-tabs-text',
+            rnStyleSelector: 'app-tabs.text',
+            studioStyleSelector: '.app-tabs',
+            style: {}
+        }, {
+            className: '.app-tabs-header',
+            rnStyleSelector: 'app-tabs.tabHeader',
+            studioStyleSelector: '.app-tabs > .nav-tabs > .tab-header',
+            style: {}
+        }, {
+            className: '.app-tabs-content',
+            rnStyleSelector: 'app-tabs.tabContent',
+            studioStyleSelector: '',
+            style: {}
+        }, {
+            className: '.app-tabs-tabheaderdivider',
+            rnStyleSelector: 'app-tabs.tabheaderdivider',
+            studioStyleSelector: '',
+            style: {},
+            dtStyle: {}
+        }])
+};
+//# sourceMappingURL=tabs.styledef.js.map

package/src/theme/components/container/tabs.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/container/tabs.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAsB,EAAE,CAAC,CAAC,CAAC;YACrC,SAAS,EAAE,WAAW;YACtB,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,WAAW;YAChC,KAAK,EAAE;gBACH,cAAc,EAAE,iBAAiB;aACpC;YACD,OAAO,EAAC;gBACJ,kDAAkD;gBAClD,YAAY,EAAE,2BAA2B;gBACzC,qBAAqB,EAAE,oCAAoC;gBAC3D,cAAc,EAAE,wBAAwB;aAC7C;SACF,EAAE;YACC,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,WAAW;YAChC,KAAK,EAAE,EAAE;SACZ,EAAG;YACA,SAAS,EAAE,kBAAkB;YAC7B,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,qCAAqC;YAC1D,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,mBAAmB;YAC9B,eAAe,EAAE,qBAAqB;YACtC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,2BAA2B;YAC5C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;YACT,OAAO,EAAC,EACP;SACJ,CAAC,CAAC;CACY,CAAC"}

package/src/theme/components/container/tile.styledef.js

@@ -0,0 +1,87 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getTileBgStyles = (className, color) => {
+    return {
+        className: `.${className}.app-tile`,
+        style: {
+            'background-color': color
+        }
+    };
+};
+const getTileBgdtStyles = (className, color) => {
+    return [{
+            className: `.${className}.app-tile`,
+            style: {
+                'background-color': color
+            }
+        }
+    ];
+};
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-tile',
+            rnStyleSelector: 'app-tile.root',
+            studioStyleSelector: '.app-tile',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-tile-background)',
+                'border-radius': 'var(--wm-tile-radius)',
+                'padding': 'var(--wm-tile-padding)',
+                'border-width': 'var(--wm-border-width)',
+                'border-style': 'var(--wm-border-style)',
+                'border-color': 'var(--wm-btn-default-outlined-background)'
+                // 'box-shadow':'var(--wm-tile-shadow)'
+            }
+        },
+        {
+            className: ".app-tile-skeleton",
+            rnStyleSelector: "app-tile.skeleton",
+            studioStyleSelector: ".app-tile-skeleton",
+            style: {},
+            dtStyle: {
+                'width': 'var()'
+            }
+        },
+        getTileBgStyles('bg-danger', '@tileDangerColor'),
+        getTileBgStyles('bg-info', '@tileInfoColor'),
+        getTileBgStyles('bg-primary', '@tilePrimaryColor'),
+        getTileBgStyles('bg-success', '@tileSuccessColor'),
+        getTileBgStyles('bg-warning', '@tileWarningColor'),
+        ...getTileBgdtStyles('bg-default', 'var(--wm-tile-background)'),
+        ...getTileBgdtStyles('bg-danger', 'var(--wm-tile-filled-danger-background)'),
+        ...getTileBgdtStyles('bg-info', 'var(--wm-tile-filled-info-background)'),
+        ...getTileBgdtStyles('bg-primary', 'var(--wm-tile-filled-primary-background)'),
+        ...getTileBgdtStyles('bg-secondary', 'var(--wm-tile-filled-secondary-background)'),
+        ...getTileBgdtStyles('bg-tertiary', 'var(--wm-tile-filled-tertiary-background)'),
+        ...getTileBgdtStyles('bg-success', 'var(--wm-tile-filled-success-background)'),
+        ...getTileBgdtStyles('bg-warning', 'var(--wm-tile-filled-warning-background)'),
+        {
+            className: `.well.app-tile`,
+            style: {
+                'background-color': '@tileWellbgColor',
+                'border-color': '@tileWellBorderColor'
+            },
+            dtStyle: {
+                'padding': 'var(--wm-space-5)',
+                'margin-bottom': 'var(--wm-tile-well-margin-bottom)',
+                'border-width': 'var(--wm-tile-well-border-width)',
+                'background-color': 'var(--wm-tile-well-color)',
+                'border-color': 'var(--wm-tile-well-color)',
+                'border-style': 'var(--wm-tile-well-border-style)',
+                'border-radius': 'var(--wm-tile-well-border-radius)'
+            }
+        },
+        {
+            className: '.tile-template-text',
+            rnStyleSelector: '.tile-template-text.text',
+            studioStyleSelector: '.tile-template-text',
+            style: {
+                color: '@primaryContrastColor'
+            },
+            dtStyle: {
+                'color': 'var(--wm-tile-template-text)'
+            }
+        }
+    ])
+};
+//# sourceMappingURL=tile.styledef.js.map

package/src/theme/components/container/tile.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/container/tile.styledef.ts"],"names":[],"mappings":";;AAEA,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;IACzD,OAAO;QACH,SAAS,EAAE,IAAI,SAAS,WAAW;QACnC,KAAK,EAAE;YACH,kBAAkB,EAAE,KAAK;SAC5B;KACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,SAAiB,EAAE,KAAa,EAAE,EAAE;IAC7D,OAAO,CAAC;YACJ,SAAS,EAAE,IAAI,SAAS,WAAW;YACnC,KAAK,EAAE;gBACH,kBAAkB,EAAE,KAAK;aAC5B;SACJ;KACJ,CAAC;AAAA,CAAC,CAAA;AAEH,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,WAAW;YACtB,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,WAAW;YAChC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,kBAAkB,EAAC,2BAA2B;gBAC9C,eAAe,EAAC,uBAAuB;gBACvC,SAAS,EAAC,wBAAwB;gBAClC,cAAc,EAAC,wBAAwB;gBACvC,cAAc,EAAC,wBAAwB;gBACvC,cAAc,EAAC,2CAA2C;gBAC1D,uCAAuC;aAC1C;SACJ;QACD;YACI,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,oBAAoB;YACzC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,OAAO;aAClB;SACJ;QACD,eAAe,CAAC,WAAW,EAAE,kBAAkB,CAAC;QAChD,eAAe,CAAC,SAAS,EAAE,gBAAgB,CAAC;QAC5C,eAAe,CAAC,YAAY,EAAE,mBAAmB,CAAC;QAClD,eAAe,CAAC,YAAY,EAAE,mBAAmB,CAAC;QAClD,eAAe,CAAC,YAAY,EAAE,mBAAmB,CAAC;QAElD,GAAG,iBAAiB,CAAC,YAAY,EAAE,2BAA2B,CAAC;QAC/D,GAAG,iBAAiB,CAAC,WAAW,EAAE,yCAAyC,CAAC;QAC5E,GAAG,iBAAiB,CAAC,SAAS,EAAE,uCAAuC,CAAC;QACxE,GAAG,iBAAiB,CAAC,YAAY,EAAE,0CAA0C,CAAC;QAC9E,GAAG,iBAAiB,CAAC,cAAc,EAAE,4CAA4C,CAAC;QAClF,GAAG,iBAAiB,CAAC,aAAa,EAAE,2CAA2C,CAAC;QAChF,GAAG,iBAAiB,CAAC,YAAY,EAAE,0CAA0C,CAAC;QAC9E,GAAG,iBAAiB,CAAC,YAAY,EAAE,0CAA0C,CAAC;QAC9E;YACI,SAAS,EAAE,gBAAgB;YAC3B,KAAK,EAAE;gBACH,kBAAkB,EAAE,kBAAkB;gBACtC,cAAc,EAAE,sBAAsB;aACzC;YACD,OAAO,EAAC;gBACJ,SAAS,EAAC,mBAAmB;gBAC7B,eAAe,EAAC,mCAAmC;gBACnD,cAAc,EAAC,kCAAkC;gBACjD,kBAAkB,EAAC,2BAA2B;gBAC9C,cAAc,EAAC,2BAA2B;gBAC1C,cAAc,EAAC,kCAAkC;gBACjD,eAAe,EAAC,mCAAmC;aACtD;SACJ;QACD;YACI,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,0BAA0B;YAC3C,mBAAmB,EAAE,qBAAqB;YAC1C,KAAK,EAAE;gBACH,KAAK,EAAE,uBAAuB;aACjC;YACD,OAAO,EAAC;gBACJ,OAAO,EAAC,8BAA8B;aACzC;SACJ;KACJ,CAAC;CACiB,CAAC"}