@porsche-design-system/components-react 2.17.0 → 2.18.0-rc.1

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

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 DSRGridItem extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getGridItemCss(this.props.size, this.props.offset, this.props.gutter || { base: 16, s: 24, m: 36 } // default as fallback
+        )));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("slot", {})] }), this.props.children] }));
+    }
+}
+
+exports.DSRGridItem = DSRGridItem;

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

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 DSRGrid extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        const defaultChildren = children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const manipulatedChildren = children.map((child, i) => typeof child === 'object' && defaultChildren.includes(child)
+            ? { ...child, props: { ...child.props, gutter: this.props.gutter } }
+            : child);
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getGridCss(this.props.direction, this.props.wrap, this.props.gutter)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("slot", {})] }), manipulatedChildren] }));
+    }
+}
+
+exports.DSRGrid = DSRGrid;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 DSRHeadline extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const TagName = utilsEntry.getHeadlineTagName(null, this.props.variant, this.props.tag);
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getHeadlineCss(this.props.variant, this.props.align, this.props.color, this.props.ellipsis, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(TagName, { className: "root", children: jsxRuntime.jsx("slot", {}) }) })] }), this.props.children] }));
+    }
+}
+
+exports.DSRHeadline = DSRHeadline;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../../../../icons/dist/module/index.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 DSRIcon extends react.Component {
+    constructor() {
+        super(...arguments);
+        this.key = 0; // use unique random key to trick stencil cache
+        this.svgContent = '';
+    }
+    render() {
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getIconCss(this.props.color, this.props.size, this.props.theme)));
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("i", { className: "root", dangerouslySetInnerHTML: { __html: utilsEntry.isUrl(this.props.source) ? '<img src="' + this.props.source + '" alt="" />' : index.ICONS_MAP[utilsEntry.paramCaseToCamelCase(this.props.name)] || '' } }, this.key++)] }) }));
+    }
+}
+
+exports.DSRIcon = DSRIcon;

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var buttonPure_wrapper = require('../components/button-pure.wrapper.js');
+var icon_wrapper = require('../components/icon.wrapper.js');
+
+class DSRInlineNotification extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        const namedSlottedChildren = children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const bannerId = 'banner';
+        const labelId = 'label';
+        const descriptionId = 'description';
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getInlineNotificationCss(this.props.state, !!this.props.actionLabel, !this.props.persistent, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: utilsEntry.getInlineNotificationIconName(this.props.state), color: "inherit", "aria-hidden": "true" }), jsxRuntime.jsxs("div", { id: bannerId, className: "content", ...utilsEntry.getContentAriaAttributes(this.props.state, labelId, descriptionId), children: [(this.props.heading || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0) && jsxRuntime.jsx("h5", { id: labelId, children: this.props.heading || jsxRuntime.jsx("slot", { name: "heading" }) }), jsxRuntime.jsx("p", { id: descriptionId, children: this.props.description || jsxRuntime.jsx("slot", {}) })] }), this.props.actionLabel && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "action", icon: this.props.actionIcon, loading: this.props.actionLoading, children: this.props.actionLabel })), !this.props.persistent && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "close", type: "button", icon: "close", hideLabel: true, "aria-controls": bannerId, children: "Close notification" }))] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRInlineNotification = DSRInlineNotification;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var icon_wrapper = require('../components/icon.wrapper.js');
+
+class DSRLinkPure extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        const namedSlottedChildren = children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const hasSubline = namedSlottedChildren.filter(({ props: { slot } }) => slot === 'subline').length > 0;
+        const TagType = this.props.href === undefined ? 'span' : 'a';
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getLinkPureCss(this.props.icon, this.props.active, this.props.stretch, this.props.size, this.props.weight, this.props.hideLabel, this.props.alignLabel, namedSlottedChildren.filter(({ props: { slot } }) => slot === 'subline').length > 0, !this.props.href, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(TagType, { className: "root", ...(TagType === 'a' && {
+                                        href: this.props.href,
+                                        target: this.props.target,
+                                        download: this.props.download,
+                                        rel: this.props.rel,
+                                        ...(hasSubline && { 'aria-describedby': 'subline' }),
+                                        ...utilsEntry.parseAndGetAriaAttributes(this.props.aria),
+                                    }), children: [utilsEntry.hasVisibleIcon(this.props.icon) && (jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", color: "inherit", theme: this.props.theme, size: "inherit", name: this.props.icon, source: this.props.iconSource, "aria-hidden": "true" })), jsxRuntime.jsx("span", { className: "label", children: jsxRuntime.jsx("slot", {}) })] }), hasSubline && (jsxRuntime.jsx("div", { id: "subline", className: "subline", children: jsxRuntime.jsx("slot", { name: "subline" }) }))] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRLinkPure = DSRLinkPure;

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.js');
+var minifyCss = require('../../minifyCss.js');
+var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
+var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
+var icon_wrapper = require('../components/icon.wrapper.js');
+
+class DSRLinkSocial extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const TagType = this.props.href === undefined ? 'span' : 'a';
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getLinkSocialCss(this.props.icon, this.props.hideLabel, !!this.props.href, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(TagType, { className: "root", ...(TagType === 'a' && {
+                                href: this.props.href,
+                                target: this.props.target,
+                                rel: this.props.rel,
+                            }), children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", size: "inherit", name: this.props.icon, source: this.props.iconSource, color: "inherit", theme: this.props.theme === 'light' ? 'dark' : 'light', "aria-hidden": "true" }), jsxRuntime.jsx("span", { children: jsxRuntime.jsx("slot", {}) })] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRLinkSocial = DSRLinkSocial;

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

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var link_wrapper = require('../components/link.wrapper.js');
+var linkPure_wrapper = require('../components/link-pure.wrapper.js');
+
+class DSRLinkTile extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const descriptionId = 'description';
+        const linkProps = {
+            theme: 'dark',
+        };
+        const anchorProps = {
+            className: 'anchor',
+            href: this.props.href,
+            target: this.props.target,
+            download: this.props.download,
+            'aria-describedby': descriptionId,
+            rel: this.props.rel,
+            ...utilsEntry.parseAndGetAriaAttributes(this.props.aria),
+        };
+        const link = (react.createElement(link_wrapper.PLink, { ...linkProps, key: "link", className: "link", variant: "tertiary" },
+            jsxRuntime.jsx("a", { ...anchorProps, children: this.props.label })));
+        const linkPure = (react.createElement(linkPure_wrapper.PLinkPure, { ...linkProps, key: "link-pure", className: "link-pure", hideLabel: true, icon: "arrow-right" },
+            jsxRuntime.jsx("a", { ...anchorProps, children: this.props.label })));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getLinkTileCss(this.props.aspectRatio, this.props.size, this.props.weight, this.props.align, this.props.compact, this.props.gradient)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "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", { id: descriptionId, children: this.props.description }), typeof this.props.compact === 'boolean' ? (this.props.compact ? linkPure : link) : [linkPure, link]] })] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRLinkTile = DSRLinkTile;

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

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var icon_wrapper = require('../components/icon.wrapper.js');
+
+class DSRLink extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const TagType = this.props.href === undefined ? 'span' : 'a';
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getLinkCss(this.props.variant, this.props.hideLabel, !this.props.href, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(TagType, { className: "root", ...(TagType === 'a' && {
+                                href: this.props.href,
+                                target: this.props.target,
+                                download: this.props.download,
+                                rel: this.props.rel,
+                                ...utilsEntry.parseAndGetAriaAttributes(this.props.aria),
+                            }), children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", size: "inherit", name: this.props.icon, source: this.props.iconSource, color: "inherit", theme: this.props.variant === 'tertiary'
+                                        ? this.props.theme
+                                        : this.props.variant === 'secondary' && this.props.theme === 'dark'
+                                            ? 'light'
+                                            : 'dark', "aria-hidden": "true" }), jsxRuntime.jsx("span", { children: jsxRuntime.jsx("slot", {}) })] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRLink = DSRLink;

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

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 DSRMarque extends react.Component {
+    render() {
+        const innerManifest = utilsEntry.getInnerManifest(this.props.trademark);
+        const mediumMedia = `(min-width: ${'1300px'})`;
+        const picture = (jsxRuntime.jsxs("picture", { children: [this.props.size === 'responsive'
+                    ? [
+                        jsxRuntime.jsx("source", { srcSet: utilsEntry.buildSrcSet(innerManifest, 'medium', 'webp'), media: mediumMedia, type: "image/webp" }, "medium-webp"),
+                        jsxRuntime.jsx("source", { srcSet: utilsEntry.buildSrcSet(innerManifest, 'medium', 'png'), media: mediumMedia, type: "image/png" }, "medium-png"),
+                        jsxRuntime.jsx("source", { srcSet: utilsEntry.buildSrcSet(innerManifest, 'small', 'webp'), type: "image/webp" }, "small-webp"),
+                        jsxRuntime.jsx("source", { srcSet: utilsEntry.buildSrcSet(innerManifest, 'small', 'png'), type: "image/png" }, "small-png"),
+                    ]
+                    : [
+                        jsxRuntime.jsx("source", { srcSet: utilsEntry.buildSrcSet(innerManifest, this.props.size, 'webp'), type: "image/webp" }, "webp"),
+                        jsxRuntime.jsx("source", { srcSet: utilsEntry.buildSrcSet(innerManifest, this.props.size, 'png'), type: "image/png" }, "png"),
+                    ], jsxRuntime.jsx("img", { src: `${utilsEntry.cdnBaseUrl}/${innerManifest.medium['2x'].png}`, alt: "Porsche" })] }));
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getMarqueCss(this.props.size)));
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: this.props.href === undefined ? (picture) : (jsxRuntime.jsx("a", { href: this.props.href, target: this.props.target, ...utilsEntry.parseAndGetAriaAttributes(this.props.aria), children: picture })) })] }) }));
+    }
+}
+
+exports.DSRMarque = DSRMarque;

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

@@ -0,0 +1,30 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var buttonPure_wrapper = require('../components/button-pure.wrapper.js');
+
+class DSRModal extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        const namedSlottedChildren = children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        if (this.props.open) ;
+        const hasHeader = !!this.props.heading || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0;
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getModalCss(this.props.open, this.props.fullscreen, this.props.disableCloseButton, hasHeader)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", { className: "root", role: "dialog", "aria-modal": "true", ...{ 'aria-label': this.props.heading, ...utilsEntry.parseAndGetAriaAttributes(this.props.aria) }, "aria-hidden": !this.props.open ? 'true' : 'false', tabIndex: -1, children: [!this.props.disableCloseButton && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "close", type: "button", hideLabel: true, icon: "close", children: "Close modal" })), hasHeader && (jsxRuntime.jsx("div", { className: "header", children: this.props.heading ? jsxRuntime.jsx("h1", { children: this.props.heading }) : jsxRuntime.jsx("slot", { name: "heading" }) })), jsxRuntime.jsx("slot", {})] }) })] }), this.props.children] }));
+    }
+}
+
+exports.DSRModal = DSRModal;

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

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var icon_wrapper = require('../components/icon.wrapper.js');
+
+class DSRPagination extends react.Component {
+    render() {
+        const pageTotal = utilsEntry.getTotalPages(this.props.totalItemsCount, this.props.itemsPerPage);
+        const paginationModel = utilsEntry.createPaginationModel({
+            activePage: utilsEntry.getCurrentActivePage(this.props.activePage, pageTotal),
+            pageTotal,
+            pageRange: this.props.breakpointMaxNumberOfPageLinks === 7 ? 1 : 0,
+        });
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getPaginationCss(this.props.maxNumberOfPageLinks, this.props.theme)));
+        return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("nav", { role: "navigation", "aria-label": this.props.allyLabel, children: jsxRuntime.jsx("ul", { children: paginationModel.map((pageModel) => {
+                                const { type, isActive, value } = pageModel;
+                                const spanProps = {
+                                    role: 'button',
+                                };
+                                switch (type) {
+                                    case utilsEntry.itemTypes.PREVIOUS_PAGE_LINK:
+                                        return (jsxRuntime.jsx("li", { children: jsxRuntime.jsx("span", { ...spanProps, tabIndex: isActive ? 0 : null, "aria-disabled": !isActive ? 'true' : null, "aria-label": this.props.allyLabelPrev, children: jsxRuntime.jsx(icon_wrapper.PIcon, { name: "arrow-head-left", color: "inherit", "aria-hidden": "true" }) }) }, "prev"));
+                                    case utilsEntry.itemTypes.ELLIPSIS:
+                                        return (jsxRuntime.jsx("li", { children: jsxRuntime.jsx("span", { className: "ellipsis" }) }, "ellipsis"));
+                                    case utilsEntry.itemTypes.PAGE:
+                                        return (jsxRuntime.jsx("li", { children: jsxRuntime.jsx("span", { ...spanProps, tabIndex: 0, "aria-label": `${this.props.allyLabelPage} ${value}`, "aria-current": isActive ? 'page' : null, children: value }) }, value));
+                                    case utilsEntry.itemTypes.NEXT_PAGE_LINK:
+                                        return (jsxRuntime.jsx("li", { children: jsxRuntime.jsx("span", { ...spanProps, tabIndex: isActive ? 0 : null, "aria-disabled": !isActive ? 'true' : null, "aria-label": this.props.allyLabelNext, children: jsxRuntime.jsx(icon_wrapper.PIcon, { name: "arrow-head-right", color: "inherit", "aria-hidden": "true" }) }) }, "next"));
+                                }
+                            }) }) })] }) }));
+    }
+}
+
+exports.DSRPagination = DSRPagination;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var buttonPure_wrapper = require('../components/button-pure.wrapper.js');
+
+class DSRPopover extends react.Component {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+    }
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getPopoverCss(this.props.direction).replace(/(:host {[\S\s]+?})[\S\s]+/, '$1')));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { type: "button", icon: "information", hideLabel: true, 
+                                    // pass string to avoid another update on p-button on each render because of new object reference
+                                    aria: JSON.stringify({
+                                        'aria-expanded': this.props.open,
+                                        ...utilsEntry.parseAndGetAriaAttributes(this.props.aria),
+                                    }), children: "More information" }), this.props.open && (jsxRuntime.jsx("div", { className: "spacer", children: jsxRuntime.jsx("div", { className: "popover", children: this.props.description ? jsxRuntime.jsx("p", { children: this.props.description }) : jsxRuntime.jsx("slot", {}) }) }))] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRPopover = DSRPopover;

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 stateMessage = require('./state-message.js');
+
+class DSRRadioButtonWrapper extends react.Component {
+    render() {
+        var _a;
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        const namedSlottedChildren = children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        const defaultChildren = children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getRadioButtonWrapperCss(this.props.hideLabel, this.props.state, (_a = defaultChildren[0]) === null || _a === void 0 ? void 0 : _a.props.disabled)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("label", { children: [(this.props.label || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxRuntime.jsx("span", { className: "label", children: this.props.label || jsxRuntime.jsx("slot", { name: "label" }) })), jsxRuntime.jsx("slot", {})] }), (this.props.message || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsxRuntime.jsx(stateMessage.StateMessage, { state: this.props.state, message: this.props.message, host: null }))] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRRadioButtonWrapper = DSRRadioButtonWrapper;

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

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const Required = () => {
+    return jsxRuntime.jsx("span", { className: "required", children: " *" });
+};
+
+exports.Required = Required;

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

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var buttonPure_wrapper = require('../components/button-pure.wrapper.js');
+
+class DSRScroller extends react.Component {
+    constructor() {
+        super(...arguments);
+        this.isPrevHidden = true;
+        this.isNextHidden = true;
+    }
+    // should only update if scrollable
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const renderPrevNextButton = (direction) => {
+            return (jsxRuntime.jsx("div", { className: direction === 'next' ? 'action-next' : 'action-prev', children: jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "button", type: "button", tabIndex: -1, hideLabel: true, size: "inherit", icon: direction === 'next' ? 'arrow-head-right' : 'arrow-head-left', theme: this.props.theme, "aria-hidden": "true", children: direction }) }, direction));
+        };
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getScrollerCss(this.props.gradientColorScheme, this.isNextHidden, this.isPrevHidden, this.props.scrollIndicatorPosition, this.props.theme)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("div", { className: "root", children: [jsxRuntime.jsx("div", { className: "scroll-area", children: jsxRuntime.jsxs("div", { className: "scroll-wrapper", tabIndex: utilsEntry.isScrollable(this.isPrevHidden, this.isNextHidden) ? 0 : null, children: [jsxRuntime.jsx("slot", {}), jsxRuntime.jsx("div", { className: "trigger" }), jsxRuntime.jsx("div", { className: "trigger" })] }) }), ['prev', 'next'].map(renderPrevNextButton)] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRScroller = DSRScroller;

package/ssr/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/segmented-control-item.js

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../provider.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');
+var icon_wrapper = require('../components/icon.wrapper.js');
+
+class DSRSegmentedControlItem extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        // this additional validation is still needed because undefined is allowed with current propTypes
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getSegmentedControlItemCss(this.props.disabled, this.props.selected, this.props.backgroundColor || 'background-default', // default as fallback
+        this.props.theme || 'light' // default as fallback
+        )));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("button", { type: "button", ...utilsEntry.getButtonAttributes(this.props.selected, this.props.disabled), children: [this.props.label && jsxRuntime.jsx("span", { children: this.props.label }), (this.props.icon || this.props.iconSource) && (jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", size: "inherit", name: this.props.icon, source: this.props.iconSource, color: "inherit", theme: this.props.theme || 'light', "aria-hidden": "true" })), jsxRuntime.jsx("slot", {})] })] }), this.props.children] }));
+    }
+}
+
+exports.DSRSegmentedControlItem = DSRSegmentedControlItem;

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+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 DSRSegmentedControl extends react.Component {
+    render() {
+        const children = Array.isArray(this.props.children)
+            ? this.props.children
+            : this.props.children
+                ? [this.props.children]
+                : [];
+        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
+        const defaultChildren = children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const manipulatedChildren = children.map((child, i) => {
+            var _a;
+            return typeof child === 'object' && defaultChildren.includes(child)
+                ? { ...child, props: { ...child.props, selected: ((_a = child.props) === null || _a === void 0 ? void 0 : _a.value) === this.props.value, backgroundColor: this.props.backgroundColor, theme: this.props.theme } }
+                : child;
+        });
+        const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getSegmentedControlCss(100)));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("slot", {}) })] }), manipulatedChildren] }));
+    }
+}
+
+exports.DSRSegmentedControl = DSRSegmentedControl;