@porsche-design-system/components-react 3.5.0 → 3.6.0-rc.0

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/accordion.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('../components/accordion.wrapper.js');
-require('../components/banner.wrapper.js');
-require('../components/button.wrapper.js');
-require('../components/button-group.wrapper.js');
-require('../components/button-pure.wrapper.js');
-require('../components/button-tile.wrapper.js');
-require('../components/carousel.wrapper.js');
-require('../components/checkbox-wrapper.wrapper.js');
-require('../components/content-wrapper.wrapper.js');
-require('../components/crest.wrapper.js');
-require('../components/display.wrapper.js');
-require('../components/divider.wrapper.js');
-require('../components/fieldset.wrapper.js');
-require('../components/fieldset-wrapper.wrapper.js');
-require('../components/flex.wrapper.js');
-require('../components/flex-item.wrapper.js');
-require('../components/flyout.wrapper.js');
-require('../components/grid.wrapper.js');
-require('../components/grid-item.wrapper.js');
-require('../components/heading.wrapper.js');
-require('../components/headline.wrapper.js');
-var icon_wrapper = require('../components/icon.wrapper.js');
-require('../components/inline-notification.wrapper.js');
-require('../components/link.wrapper.js');
-require('../components/link-pure.wrapper.js');
-require('../components/link-social.wrapper.js');
-require('../components/link-tile.wrapper.js');
-require('../components/link-tile-model-signature.wrapper.js');
-require('../components/marque.wrapper.js');
-require('../components/modal.wrapper.js');
-require('../components/model-signature.wrapper.js');
-require('../components/pagination.wrapper.js');
-require('../components/popover.wrapper.js');
-require('../components/radio-button-wrapper.wrapper.js');
-require('../components/scroller.wrapper.js');
-require('../components/segmented-control.wrapper.js');
-require('../components/segmented-control-item.wrapper.js');
-require('../components/select-wrapper.wrapper.js');
-require('../components/spinner.wrapper.js');
-require('../components/stepper-horizontal.wrapper.js');
-require('../components/stepper-horizontal-item.wrapper.js');
-require('../components/switch.wrapper.js');
-require('../components/table.wrapper.js');
-require('../components/table-body.wrapper.js');
-require('../components/table-cell.wrapper.js');
-require('../components/table-head.wrapper.js');
-require('../components/table-head-cell.wrapper.js');
-require('../components/table-head-row.wrapper.js');
-require('../components/table-row.wrapper.js');
-require('../components/tabs.wrapper.js');
-require('../components/tabs-bar.wrapper.js');
-require('../components/tabs-item.wrapper.js');
-require('../components/tag.wrapper.js');
-require('../components/tag-dismissible.wrapper.js');
-require('../components/text.wrapper.js');
-require('../components/text-field-wrapper.wrapper.js');
-require('../components/text-list.wrapper.js');
-require('../components/text-list-item.wrapper.js');
-require('../components/textarea-wrapper.wrapper.js');
-require('../components/toast.wrapper.js');
-require('../components/wordmark.wrapper.js');
-var splitChildren = require('../../splitChildren.js');
-var react = require('react');
-var minifyCss = require('../../minifyCss.js');
-var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
-
-class DSRAccordion extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const buttonId = 'accordion-control';
-        const contentId = 'accordion-panel';
-        const Heading = this.props.tag;
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getAccordionCss(this.props.size, this.props.compact, this.props.open, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, { className: "heading", children: jsxRuntime.jsxs("button", { id: buttonId, type: "button", "aria-expanded": this.props.open ? 'true' : 'false', "aria-controls": contentId, children: [this.props.heading || jsxRuntime.jsx("slot", { name: "heading" }), jsxRuntime.jsx("span", { className: "icon-container", children: jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: this.props.open ? 'minus' : 'plus', theme: this.props.theme, size: "xx-small", "aria-hidden": "true" }) })] }) }), jsxRuntime.jsx("div", { id: contentId, className: "collapsible", role: "region", "aria-labelledby": buttonId, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx("slot", {}) }) })] })] }), this.props.children] }));
-    }
-}
-
-exports.DSRAccordion = DSRAccordion;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/banner.js

@@ -1,86 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('../components/accordion.wrapper.js');
-require('../components/banner.wrapper.js');
-require('../components/button.wrapper.js');
-require('../components/button-group.wrapper.js');
-require('../components/button-pure.wrapper.js');
-require('../components/button-tile.wrapper.js');
-require('../components/carousel.wrapper.js');
-require('../components/checkbox-wrapper.wrapper.js');
-require('../components/content-wrapper.wrapper.js');
-require('../components/crest.wrapper.js');
-require('../components/display.wrapper.js');
-require('../components/divider.wrapper.js');
-require('../components/fieldset.wrapper.js');
-require('../components/fieldset-wrapper.wrapper.js');
-require('../components/flex.wrapper.js');
-require('../components/flex-item.wrapper.js');
-require('../components/flyout.wrapper.js');
-require('../components/grid.wrapper.js');
-require('../components/grid-item.wrapper.js');
-require('../components/heading.wrapper.js');
-require('../components/headline.wrapper.js');
-require('../components/icon.wrapper.js');
-var inlineNotification_wrapper = require('../components/inline-notification.wrapper.js');
-require('../components/link.wrapper.js');
-require('../components/link-pure.wrapper.js');
-require('../components/link-social.wrapper.js');
-require('../components/link-tile.wrapper.js');
-require('../components/link-tile-model-signature.wrapper.js');
-require('../components/marque.wrapper.js');
-require('../components/modal.wrapper.js');
-require('../components/model-signature.wrapper.js');
-require('../components/pagination.wrapper.js');
-require('../components/popover.wrapper.js');
-require('../components/radio-button-wrapper.wrapper.js');
-require('../components/scroller.wrapper.js');
-require('../components/segmented-control.wrapper.js');
-require('../components/segmented-control-item.wrapper.js');
-require('../components/select-wrapper.wrapper.js');
-require('../components/spinner.wrapper.js');
-require('../components/stepper-horizontal.wrapper.js');
-require('../components/stepper-horizontal-item.wrapper.js');
-require('../components/switch.wrapper.js');
-require('../components/table.wrapper.js');
-require('../components/table-body.wrapper.js');
-require('../components/table-cell.wrapper.js');
-require('../components/table-head.wrapper.js');
-require('../components/table-head-cell.wrapper.js');
-require('../components/table-head-row.wrapper.js');
-require('../components/table-row.wrapper.js');
-require('../components/tabs.wrapper.js');
-require('../components/tabs-bar.wrapper.js');
-require('../components/tabs-item.wrapper.js');
-require('../components/tag.wrapper.js');
-require('../components/tag-dismissible.wrapper.js');
-require('../components/text.wrapper.js');
-require('../components/text-field-wrapper.wrapper.js');
-require('../components/text-list.wrapper.js');
-require('../components/text-list-item.wrapper.js');
-require('../components/textarea-wrapper.wrapper.js');
-require('../components/toast.wrapper.js');
-require('../components/wordmark.wrapper.js');
-var splitChildren = require('../../splitChildren.js');
-var react = require('react');
-var minifyCss = require('../../minifyCss.js');
-var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
-
-class DSRBanner extends react.Component {
-    host;
-    inlineNotificationElement;
-    closeBtn;
-    get hasDismissButton() {
-        return this.props.persistent ? false : this.props.dismissButton;
-    }
-    render() {
-        const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
-        const hasTitleSlot = namedSlotChildren.filter(({ props: { slot } }) => slot === 'title').length > 0;
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getBannerCss(this.props.open)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(inlineNotification_wrapper.PInlineNotification, { heading: this.props.heading, description: this.props.description, state: this.props.state, dismissButton: this.hasDismissButton, theme: this.props.theme, "aria-hidden": !this.props.open ? 'true' : 'false', children: [namedSlotChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0 ? (jsxRuntime.jsx("slot", { name: "heading", slot: "heading" })) : (hasTitleSlot && jsxRuntime.jsx("slot", { name: "title", slot: "heading" })), namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0 && jsxRuntime.jsx("slot", { name: "description" })] })] }), this.props.children] }));
-    }
-}
-
-exports.DSRBanner = DSRBanner;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-group.js

@@ -1,19 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var splitChildren = require('../../splitChildren.js');
-var react = require('react');
-var minifyCss = require('../../minifyCss.js');
-var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
-
-class DSRButtonGroup extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getButtonGroupCss(this.props.direction)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("div", { role: "group", children: jsxRuntime.jsx("slot", {}) })] }), this.props.children] }));
-    }
-}
-
-exports.DSRButtonGroup = DSRButtonGroup;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-pure.js

@@ -1,91 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('../components/accordion.wrapper.js');
-require('../components/banner.wrapper.js');
-require('../components/button.wrapper.js');
-require('../components/button-group.wrapper.js');
-require('../components/button-pure.wrapper.js');
-require('../components/button-tile.wrapper.js');
-require('../components/carousel.wrapper.js');
-require('../components/checkbox-wrapper.wrapper.js');
-require('../components/content-wrapper.wrapper.js');
-require('../components/crest.wrapper.js');
-require('../components/display.wrapper.js');
-require('../components/divider.wrapper.js');
-require('../components/fieldset.wrapper.js');
-require('../components/fieldset-wrapper.wrapper.js');
-require('../components/flex.wrapper.js');
-require('../components/flex-item.wrapper.js');
-require('../components/flyout.wrapper.js');
-require('../components/grid.wrapper.js');
-require('../components/grid-item.wrapper.js');
-require('../components/heading.wrapper.js');
-require('../components/headline.wrapper.js');
-var icon_wrapper = require('../components/icon.wrapper.js');
-require('../components/inline-notification.wrapper.js');
-require('../components/link.wrapper.js');
-require('../components/link-pure.wrapper.js');
-require('../components/link-social.wrapper.js');
-require('../components/link-tile.wrapper.js');
-require('../components/link-tile-model-signature.wrapper.js');
-require('../components/marque.wrapper.js');
-require('../components/modal.wrapper.js');
-require('../components/model-signature.wrapper.js');
-require('../components/pagination.wrapper.js');
-require('../components/popover.wrapper.js');
-require('../components/radio-button-wrapper.wrapper.js');
-require('../components/scroller.wrapper.js');
-require('../components/segmented-control.wrapper.js');
-require('../components/segmented-control-item.wrapper.js');
-require('../components/select-wrapper.wrapper.js');
-var spinner_wrapper = require('../components/spinner.wrapper.js');
-require('../components/stepper-horizontal.wrapper.js');
-require('../components/stepper-horizontal-item.wrapper.js');
-require('../components/switch.wrapper.js');
-require('../components/table.wrapper.js');
-require('../components/table-body.wrapper.js');
-require('../components/table-cell.wrapper.js');
-require('../components/table-head.wrapper.js');
-require('../components/table-head-cell.wrapper.js');
-require('../components/table-head-row.wrapper.js');
-require('../components/table-row.wrapper.js');
-require('../components/tabs.wrapper.js');
-require('../components/tabs-bar.wrapper.js');
-require('../components/tabs-item.wrapper.js');
-require('../components/tag.wrapper.js');
-require('../components/tag-dismissible.wrapper.js');
-require('../components/text.wrapper.js');
-require('../components/text-field-wrapper.wrapper.js');
-require('../components/text-list.wrapper.js');
-require('../components/text-list-item.wrapper.js');
-require('../components/textarea-wrapper.wrapper.js');
-require('../components/toast.wrapper.js');
-require('../components/wordmark.wrapper.js');
-var splitChildren = require('../../splitChildren.js');
-var react = require('react');
-var minifyCss = require('../../minifyCss.js');
-var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
-var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
-
-class DSRButtonPure extends react.Component {
-    host;
-    get isDisabledOrLoading() {
-        return utilsEntry.isDisabledOrLoading(this.props.disabled, this.props.loading);
-    }
-    // this stops click events when button is disabled
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const hasIcon = utilsEntry.hasVisibleIcon(this.props.icon, this.props.iconSource);
-        const iconProps = {
-            className: 'icon',
-            size: 'inherit',
-            theme: this.props.theme,
-        };
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getButtonPureCss(this.props.icon, this.props.iconSource, this.props.active, this.props.loading, this.isDisabledOrLoading, this.props.stretch, this.props.size, this.props.hideLabel, this.props.alignLabel, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("button", { ...utilsEntry.getButtonPureAriaAttributes(this.props.disabled, this.props.loading, this.props.aria), className: "root", type: this.props.type, children: [this.props.loading ? (jsxRuntime.jsx(spinner_wrapper.PSpinner, { aria: { 'aria-label': 'Loading state' }, ...iconProps })) : (hasIcon && (jsxRuntime.jsx(icon_wrapper.PIcon, { ...iconProps, name: this.props.icon, source: this.props.iconSource, color: this.isDisabledOrLoading ? 'state-disabled' : 'primary', theme: this.props.theme, "aria-hidden": "true" }))), jsxRuntime.jsx("span", { className: "label", children: jsxRuntime.jsx("slot", {}) })] })] }), this.props.children] }));
-    }
-}
-
-exports.DSRButtonPure = DSRButtonPure;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-tile.js

@@ -1,92 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-require('../components/accordion.wrapper.js');
-require('../components/banner.wrapper.js');
-var button_wrapper = require('../components/button.wrapper.js');
-require('../components/button-group.wrapper.js');
-var buttonPure_wrapper = require('../components/button-pure.wrapper.js');
-require('../components/button-tile.wrapper.js');
-require('../components/carousel.wrapper.js');
-require('../components/checkbox-wrapper.wrapper.js');
-require('../components/content-wrapper.wrapper.js');
-require('../components/crest.wrapper.js');
-require('../components/display.wrapper.js');
-require('../components/divider.wrapper.js');
-require('../components/fieldset.wrapper.js');
-require('../components/fieldset-wrapper.wrapper.js');
-require('../components/flex.wrapper.js');
-require('../components/flex-item.wrapper.js');
-require('../components/flyout.wrapper.js');
-require('../components/grid.wrapper.js');
-require('../components/grid-item.wrapper.js');
-require('../components/heading.wrapper.js');
-require('../components/headline.wrapper.js');
-require('../components/icon.wrapper.js');
-require('../components/inline-notification.wrapper.js');
-require('../components/link.wrapper.js');
-require('../components/link-pure.wrapper.js');
-require('../components/link-social.wrapper.js');
-require('../components/link-tile.wrapper.js');
-require('../components/link-tile-model-signature.wrapper.js');
-require('../components/marque.wrapper.js');
-require('../components/modal.wrapper.js');
-require('../components/model-signature.wrapper.js');
-require('../components/pagination.wrapper.js');
-require('../components/popover.wrapper.js');
-require('../components/radio-button-wrapper.wrapper.js');
-require('../components/scroller.wrapper.js');
-require('../components/segmented-control.wrapper.js');
-require('../components/segmented-control-item.wrapper.js');
-require('../components/select-wrapper.wrapper.js');
-require('../components/spinner.wrapper.js');
-require('../components/stepper-horizontal.wrapper.js');
-require('../components/stepper-horizontal-item.wrapper.js');
-require('../components/switch.wrapper.js');
-require('../components/table.wrapper.js');
-require('../components/table-body.wrapper.js');
-require('../components/table-cell.wrapper.js');
-require('../components/table-head.wrapper.js');
-require('../components/table-head-cell.wrapper.js');
-require('../components/table-head-row.wrapper.js');
-require('../components/table-row.wrapper.js');
-require('../components/tabs.wrapper.js');
-require('../components/tabs-bar.wrapper.js');
-require('../components/tabs-item.wrapper.js');
-require('../components/tag.wrapper.js');
-require('../components/tag-dismissible.wrapper.js');
-require('../components/text.wrapper.js');
-require('../components/text-field-wrapper.wrapper.js');
-require('../components/text-list.wrapper.js');
-require('../components/text-list-item.wrapper.js');
-require('../components/textarea-wrapper.wrapper.js');
-require('../components/toast.wrapper.js');
-require('../components/wordmark.wrapper.js');
-var splitChildren = require('../../splitChildren.js');
-var minifyCss = require('../../minifyCss.js');
-var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
-var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
-
-class DSRButtonTile extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const buttonProps = {
-            theme: this.props.background,
-            variant: 'secondary',
-            iconSource: this.props.iconSource,
-            type: this.props.type,
-            disabled: this.props.disabled,
-            loading: this.props.loading,
-            aria: this.props.aria,
-        };
-        const button = (react.createElement(button_wrapper.PButton, { ...buttonProps, icon: this.props.icon, key: "link-or-button", className: "link-or-button" }, this.props.label));
-        const buttonPure = (react.createElement(buttonPure_wrapper.PButtonPure, { ...buttonProps, key: "link-or-button-pure", className: "link-or-button-pure", hideLabel: true, icon: this.props.icon === 'none' ? 'arrow-right' : this.props.icon }, this.props.label));
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getButtonTileCss(utilsEntry.isDisabledOrLoading(this.props.disabled, this.props.loading), this.props.aspectRatio, this.props.size, this.props.weight, this.props.background, this.props.align, this.props.compact, this.props.gradient, this.props.disabled)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("div", { className: "root", children: [jsxRuntime.jsx("div", { className: "image-container", children: jsxRuntime.jsx("slot", {}) }), jsxRuntime.jsxs("div", { className: "content", children: [jsxRuntime.jsx("p", { children: this.props.description }), typeof this.props.compact === 'boolean' ? (this.props.compact ? buttonPure : button) : [buttonPure, button]] })] })] }), this.props.children] }));
-    }
-}
-
-exports.DSRButtonTile = DSRButtonTile;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button.js

@@ -1,81 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('../components/accordion.wrapper.js');
-require('../components/banner.wrapper.js');
-require('../components/button.wrapper.js');
-require('../components/button-group.wrapper.js');
-require('../components/button-pure.wrapper.js');
-require('../components/button-tile.wrapper.js');
-require('../components/carousel.wrapper.js');
-require('../components/checkbox-wrapper.wrapper.js');
-require('../components/content-wrapper.wrapper.js');
-require('../components/crest.wrapper.js');
-require('../components/display.wrapper.js');
-require('../components/divider.wrapper.js');
-require('../components/fieldset.wrapper.js');
-require('../components/fieldset-wrapper.wrapper.js');
-require('../components/flex.wrapper.js');
-require('../components/flex-item.wrapper.js');
-require('../components/flyout.wrapper.js');
-require('../components/grid.wrapper.js');
-require('../components/grid-item.wrapper.js');
-require('../components/heading.wrapper.js');
-require('../components/headline.wrapper.js');
-var icon_wrapper = require('../components/icon.wrapper.js');
-require('../components/inline-notification.wrapper.js');
-require('../components/link.wrapper.js');
-require('../components/link-pure.wrapper.js');
-require('../components/link-social.wrapper.js');
-require('../components/link-tile.wrapper.js');
-require('../components/link-tile-model-signature.wrapper.js');
-require('../components/marque.wrapper.js');
-require('../components/modal.wrapper.js');
-require('../components/model-signature.wrapper.js');
-require('../components/pagination.wrapper.js');
-require('../components/popover.wrapper.js');
-require('../components/radio-button-wrapper.wrapper.js');
-require('../components/scroller.wrapper.js');
-require('../components/segmented-control.wrapper.js');
-require('../components/segmented-control-item.wrapper.js');
-require('../components/select-wrapper.wrapper.js');
-var spinner_wrapper = require('../components/spinner.wrapper.js');
-require('../components/stepper-horizontal.wrapper.js');
-require('../components/stepper-horizontal-item.wrapper.js');
-require('../components/switch.wrapper.js');
-require('../components/table.wrapper.js');
-require('../components/table-body.wrapper.js');
-require('../components/table-cell.wrapper.js');
-require('../components/table-head.wrapper.js');
-require('../components/table-head-cell.wrapper.js');
-require('../components/table-head-row.wrapper.js');
-require('../components/table-row.wrapper.js');
-require('../components/tabs.wrapper.js');
-require('../components/tabs-bar.wrapper.js');
-require('../components/tabs-item.wrapper.js');
-require('../components/tag.wrapper.js');
-require('../components/tag-dismissible.wrapper.js');
-require('../components/text.wrapper.js');
-require('../components/text-field-wrapper.wrapper.js');
-require('../components/text-list.wrapper.js');
-require('../components/text-list-item.wrapper.js');
-require('../components/textarea-wrapper.wrapper.js');
-require('../components/toast.wrapper.js');
-require('../components/wordmark.wrapper.js');
-var splitChildren = require('../../splitChildren.js');
-var react = require('react');
-var minifyCss = require('../../minifyCss.js');
-var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
-var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
-
-class DSRButton extends react.Component {
-    host;
-    render() {
-        splitChildren.splitChildren(this.props.children);
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getButtonCss(this.props.icon, this.props.iconSource, this.props.variant, this.props.hideLabel, this.props.disabled, this.props.loading, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("button", { ...utilsEntry.getButtonAriaAttributes(this.props.disabled, this.props.loading, this.props.aria), className: "root", type: this.props.type, children: [this.props.loading && (jsxRuntime.jsx(spinner_wrapper.PSpinner, { className: "spinner", size: "inherit", theme: utilsEntry.getLinkButtonThemeForIcon(this.props.variant, this.props.theme), aria: { 'aria-label': 'Loading state:' } })), utilsEntry.hasVisibleIcon(this.props.icon, this.props.iconSource) && (jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", size: "inherit", name: this.props.iconSource ? undefined : this.props.icon, source: this.props.iconSource, color: this.props.disabled ? (this.props.variant === 'primary' ? 'contrast-high' : 'state-disabled') : 'primary', theme: !this.props.disabled ? utilsEntry.getLinkButtonThemeForIcon(this.props.variant, this.props.theme) : this.props.theme, "aria-hidden": "true" })), jsxRuntime.jsx("span", { className: "label", children: jsxRuntime.jsx("slot", {}) })] })] }), this.props.children] }));
-    }
-}
-
-exports.DSRButton = DSRButton;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.js

@@ -1,102 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-require('../components/accordion.wrapper.js');
-require('../components/banner.wrapper.js');
-require('../components/button.wrapper.js');
-require('../components/button-group.wrapper.js');
-var buttonPure_wrapper = require('../components/button-pure.wrapper.js');
-require('../components/button-tile.wrapper.js');
-require('../components/carousel.wrapper.js');
-require('../components/checkbox-wrapper.wrapper.js');
-require('../components/content-wrapper.wrapper.js');
-require('../components/crest.wrapper.js');
-require('../components/display.wrapper.js');
-require('../components/divider.wrapper.js');
-require('../components/fieldset.wrapper.js');
-require('../components/fieldset-wrapper.wrapper.js');
-require('../components/flex.wrapper.js');
-require('../components/flex-item.wrapper.js');
-require('../components/flyout.wrapper.js');
-require('../components/grid.wrapper.js');
-require('../components/grid-item.wrapper.js');
-require('../components/heading.wrapper.js');
-require('../components/headline.wrapper.js');
-require('../components/icon.wrapper.js');
-require('../components/inline-notification.wrapper.js');
-require('../components/link.wrapper.js');
-var linkPure_wrapper = require('../components/link-pure.wrapper.js');
-require('../components/link-social.wrapper.js');
-require('../components/link-tile.wrapper.js');
-require('../components/link-tile-model-signature.wrapper.js');
-require('../components/marque.wrapper.js');
-require('../components/modal.wrapper.js');
-require('../components/model-signature.wrapper.js');
-require('../components/pagination.wrapper.js');
-require('../components/popover.wrapper.js');
-require('../components/radio-button-wrapper.wrapper.js');
-require('../components/scroller.wrapper.js');
-require('../components/segmented-control.wrapper.js');
-require('../components/segmented-control-item.wrapper.js');
-require('../components/select-wrapper.wrapper.js');
-require('../components/spinner.wrapper.js');
-require('../components/stepper-horizontal.wrapper.js');
-require('../components/stepper-horizontal-item.wrapper.js');
-require('../components/switch.wrapper.js');
-require('../components/table.wrapper.js');
-require('../components/table-body.wrapper.js');
-require('../components/table-cell.wrapper.js');
-require('../components/table-head.wrapper.js');
-require('../components/table-head-cell.wrapper.js');
-require('../components/table-head-row.wrapper.js');
-require('../components/table-row.wrapper.js');
-require('../components/tabs.wrapper.js');
-require('../components/tabs-bar.wrapper.js');
-require('../components/tabs-item.wrapper.js');
-require('../components/tag.wrapper.js');
-require('../components/tag-dismissible.wrapper.js');
-require('../components/text.wrapper.js');
-require('../components/text-field-wrapper.wrapper.js');
-require('../components/text-list.wrapper.js');
-require('../components/text-list-item.wrapper.js');
-require('../components/textarea-wrapper.wrapper.js');
-require('../components/toast.wrapper.js');
-require('../components/wordmark.wrapper.js');
-var splitChildren = require('../../splitChildren.js');
-var react = require('react');
-var minifyCss = require('../../minifyCss.js');
-var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
-var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
-var utilsEntry = require('../../../../../../components/dist/utils/esm/utils-entry.js');
-
-class DSRCarousel extends react.Component {
-    host;
-    amountOfPages;
-    splide;
-    container;
-    btnPrev;
-    btnNext;
-    paginationEl;
-    slides = [];
-    render() {
-        const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
-        const btnProps = {
-            className: 'btn',
-            type: 'button',
-            hideLabel: true,
-            theme: this.props.theme,
-            // 'aria-controls': 'splide-track', // TODO: cross shadow dom? use native button tag instead of p-button-pure?
-        };
-        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getCarouselCss(this.props.width, 
-        // flip boolean values of disablePagination since it is the inverse of pagination
-        this.props.disablePagination
-            ? typeof this.props.disablePagination === 'object'
-                ? Object.fromEntries(Object.entries(this.props.disablePagination).map(([key, value]) => [key, !value]))
-                : !this.props.disablePagination
-            : this.props.pagination, utilsEntry.isInfinitePagination(this.props.amountOfPages), this.props.alignHeader, this.props.theme)));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: "header", children: [this.props.heading ? jsxRuntime.jsx("h2", { id: "heading", children: this.props.heading }) : jsxRuntime.jsx("slot", { name: "heading" }), (this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0) &&
-                                            ((this.props.description && jsxRuntime.jsx("p", { children: this.props.description })) || jsxRuntime.jsx("slot", { name: "description" })), jsxRuntime.jsxs("div", { className: "nav", children: [this.props.skipLinkTarget && (jsxRuntime.jsx(linkPure_wrapper.PLinkPure, { href: this.props.skipLinkTarget, theme: this.props.theme, icon: "arrow-last", className: "btn skip-link", alignLabel: "left", hideLabel: true, "aria-describedby": this.props.heading ? 'heading' : null, children: "Skip carousel entries" })), jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { ...btnProps, icon: "arrow-left" }), jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { ...btnProps, icon: "arrow-right" })] })] }), jsxRuntime.jsx("div", { id: "splide", className: "splide", "aria-label": this.props.heading || namedSlotChildren.find(({ props: { slot } }) => slot === 'heading')?.props.children, children: jsxRuntime.jsx("div", { className: "splide__track", children: jsxRuntime.jsx("div", { className: "splide__list", children: otherChildren.map((_, i) => (jsxRuntime.jsx("div", { className: "splide__slide", children: jsxRuntime.jsx("slot", { name: `slide-${i}` }) }, i))) }) }) }), (this.props.disablePagination ? this.props.disablePagination !== true : this.props.pagination) && (jsxRuntime.jsx("div", { className: "pagination-container", children: jsxRuntime.jsx("div", { className: "pagination" }) }))] })] }), this.props.children] }));
-    }
-}
-
-exports.DSRCarousel = DSRCarousel;