@ndla/ui 56.0.123-alpha.0 → 56.0.124-alpha.0

package/lib/Embed/ConceptEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConceptEmbed.js","names":["PopoverContent","EmbedErrorPlaceholder","GlossEmbed","PopoverRoot","PopoverTrigger","ConceptInlineTriggerButton","Portal","Concept"],"sources":["../../src/Embed/ConceptEmbed.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport parse from \"html-react-parser\";\nimport { forwardRef, useMemo, useRef } from \"react\";\nimport { Portal } from \"@ark-ui/react\";\nimport { PopoverContent, PopoverRoot, PopoverTrigger } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ConceptMetaData } from \"@ndla/types-embed\";\nimport { ConceptInlineTriggerButton } from \"./ConceptInlineTriggerButton\";\nimport EmbedErrorPlaceholder from \"./EmbedErrorPlaceholder\";\nimport { GlossEmbed } from \"./GlossEmbed\";\nimport type { RenderContext } from \"./types\";\nimport { Concept, type ConceptProps } from \"../Concept/Concept\";\n\ninterface BaseProps {\n  renderContext?: RenderContext;\n  lang?: string;\n  previewAlt?: boolean;\n}\n\ninterface Props extends BaseProps {\n  embed: ConceptMetaData;\n}\n\nconst StyledPopoverContent = styled(PopoverContent, {\n  base: {\n    width: \"surface.xlarge\",\n    maxHeight: \"50vh\",\n    overflowY: \"auto\",\n  },\n});\n\nexport const ConceptEmbed = ({ embed, renderContext, lang, previewAlt }: Props) => {\n  const parsedContent = useMemo(() => {\n    if (embed.status === \"error\" || !embed.data.concept.content) return undefined;\n    return parse(embed.data.concept.content.htmlContent);\n  }, [embed]);\n\n  if (embed.status === \"error\" && embed.embedData.type === \"inline\") {\n    return <span>{embed.embedData.linkText}</span>;\n  }\n  if (embed.status === \"error\") {\n    // TODO: This could be either concept or gloss. We don't know if it errors out. :)\n    return <EmbedErrorPlaceholder type=\"gloss\" />;\n  }\n\n  const { concept, visualElement } = embed.data;\n\n  // TODO: Consider whether we should do this in article-converter instead.\n  if (embed.data.concept.glossData) {\n    return <GlossEmbed embed={embed} />;\n  }\n\n  if (embed.embedData.type === \"inline\") {\n    return (\n      <InlineConcept\n        previewAlt={previewAlt}\n        linkText={embed.embedData.linkText}\n        copyright={concept.copyright}\n        visualElement={visualElement}\n        lang={lang}\n        title={concept.title.title}\n        source={concept.source}\n      >\n        {parsedContent}\n      </InlineConcept>\n    );\n  }\n\n  return (\n    <BlockConcept\n      previewAlt={previewAlt}\n      copyright={concept.copyright}\n      visualElement={visualElement}\n      lang={lang}\n      title={renderContext === \"embed\" ? undefined : concept.title.title}\n      source={concept.source}\n    >\n      {parsedContent}\n    </BlockConcept>\n  );\n};\n\nexport interface InlineConceptProps extends ConceptProps, BaseProps {\n  linkText?: string;\n  source?: string;\n}\n\nexport const InlineConcept = forwardRef<HTMLSpanElement, InlineConceptProps>(\n  ({ linkText, copyright, visualElement, previewAlt, lang, children, title, source, ...rest }, ref) => {\n    const contentRef = useRef<HTMLDivElement>(null);\n    return (\n      <PopoverRoot initialFocusEl={() => contentRef.current}>\n        {/* @ts-expect-error placing ref and rest on popover trigger somehow removes a bug where the popover target becomes a bit bigger */}\n        <PopoverTrigger asChild ref={ref} {...rest}>\n          <ConceptInlineTriggerButton>{linkText}</ConceptInlineTriggerButton>\n        </PopoverTrigger>\n        <Portal>\n          <StyledPopoverContent ref={contentRef}>\n            <Concept\n              copyright={copyright}\n              visualElement={visualElement}\n              title={title}\n              lang={lang}\n              source={source}\n              previewAlt={previewAlt}\n            >\n              {children}\n            </Concept>\n          </StyledPopoverContent>\n        </Portal>\n      </PopoverRoot>\n    );\n  },\n);\n\nexport interface BlockConceptProps extends ConceptProps {}\n\nexport const BlockConcept = forwardRef<HTMLElement, BlockConceptProps>((props, ref) => (\n  <Concept {...props} data-embed-type=\"concept\" ref={ref} />\n));\n"],"mappings":";;;;;;;;;;;;;AA8BA,MAAM,uBAAuB,qCAAOA,kCAAgB,EAClD,MAAM;CACJ,OAAO;CACP,WAAW;CACX,WAAW;AACZ,EACF,EAAC;AAEF,MAAa,eAAe,CAAC,EAAE,OAAO,eAAe,MAAM,YAAmB,KAAK;CACjF,MAAM,gBAAgB,mBAAQ,MAAM;AAClC,MAAI,MAAM,WAAW,YAAY,MAAM,KAAK,QAAQ,QAAS;AAC7D,SAAO,+BAAM,MAAM,KAAK,QAAQ,QAAQ,YAAY;CACrD,GAAE,CAAC,KAAM,EAAC;AAEX,KAAI,MAAM,WAAW,WAAW,MAAM,UAAU,SAAS,SACvD,wBAAO,2BAAC,oBAAM,MAAM,UAAU,WAAgB;AAEhD,KAAI,MAAM,WAAW,QAEnB,wBAAO,2BAACC,+DAAsB,MAAK,UAAU;CAG/C,MAAM,EAAE,SAAS,eAAe,GAAG,MAAM;AAGzC,KAAI,MAAM,KAAK,QAAQ,UACrB,wBAAO,2BAACC,iCAAkB,QAAS;AAGrC,KAAI,MAAM,UAAU,SAAS,SAC3B,wBACE,2BAAC;EACa;EACZ,UAAU,MAAM,UAAU;EAC1B,WAAW,QAAQ;EACJ;EACT;EACN,OAAO,QAAQ,MAAM;EACrB,QAAQ,QAAQ;YAEf;GACa;AAIpB,wBACE,2BAAC;EACa;EACZ,WAAW,QAAQ;EACJ;EACT;EACN,OAAO,kBAAkB,mBAAsB,QAAQ,MAAM;EAC7D,QAAQ,QAAQ;YAEf;GACY;AAElB;AAOD,MAAa,gBAAgB,sBAC3B,CAAC,EAAE,UAAU,WAAW,eAAe,YAAY,MAAM,UAAU,OAAO,OAAQ,GAAG,MAAM,EAAE,QAAQ;CACnG,MAAM,aAAa,kBAAuB,KAAK;AAC/C,wBACE,4BAACC;EAAY,gBAAgB,MAAM,WAAW;6BAE5C,2BAACC;GAAe;GAAa;GAAK,GAAI;6BACpC,2BAACC,2EAA4B,WAAsC;IACpD,kBACjB,2BAACC,mDACC,2BAAC;GAAqB,KAAK;6BACzB,2BAACC;IACY;IACI;IACR;IACD;IACE;IACI;IAEX;KACO;IACW,GAChB;GACG;AAEjB,EACF;AAID,MAAa,eAAe,sBAA2C,CAAC,OAAO,wBAC7E,2BAACA;CAAQ,GAAI;CAAO,mBAAgB;CAAe;EAAO,CAC1D"}

package/lib/Embed/ConceptInlineTriggerButton.js

@@ -1,51 +1,41 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_InlineTriggerButton = require('./InlineTriggerButton.js');
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ConceptInlineTriggerButton = void 0;
-var _jsx = require("@ndla/styled-system/jsx");
-var _InlineTriggerButton = require("./InlineTriggerButton");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+//#region src/Embed/ConceptInlineTriggerButton.tsx
+const ConceptInlineTriggerButton = (0, __ndla_styled_system_jsx.styled)(require_InlineTriggerButton.InlineTriggerButton, { base: {
+	position: "relative",
+	overflow: "visible",
+	borderBottom: "1px solid",
+	borderStyle: "dashed",
+	borderColor: "stroke.hover",
+	paddingBlockStart: "5xsmall",
+	width: "fit-content",
+	cursor: "pointer",
+	_hover: {
+		borderColor: "text.link",
+		background: "surface.actionSubtle.hover"
+	},
+	_active: {
+		borderColor: "text.link",
+		background: "surface.actionSubtle.active"
+	},
+	_focusVisible: {
+		outline: "none",
+		borderRadius: "0",
+		_after: {
+			content: "\"\"",
+			position: "absolute",
+			inset: "0",
+			outline: "3px",
+			borderRadius: "xsmall",
+			outlineColor: "stroke.default",
+			outlineOffset: "3px",
+			outlineStyle: "solid"
+		}
+	}
+} });
 
-const ConceptInlineTriggerButton = exports.ConceptInlineTriggerButton = (0, _jsx.styled)(_InlineTriggerButton.InlineTriggerButton, {
-  base: {
-    position: "relative",
-    overflow: "visible",
-    borderBottom: "1px solid",
-    borderStyle: "dashed",
-    borderColor: "stroke.hover",
-    paddingBlockStart: "5xsmall",
-    width: "fit-content",
-    cursor: "pointer",
-    _hover: {
-      borderColor: "text.link",
-      background: "surface.actionSubtle.hover"
-    },
-    _active: {
-      borderColor: "text.link",
-      background: "surface.actionSubtle.active"
-    },
-    // The global focus ring forces the border-radius to be xsmall, causing the dashed border to be cut off. This is a workaround.
-    _focusVisible: {
-      outline: "none",
-      borderRadius: "0",
-      _after: {
-        content: '""',
-        position: "absolute",
-        inset: "0",
-        outline: "3px",
-        borderRadius: "xsmall",
-        outlineColor: "stroke.default",
-        outlineOffset: "3px",
-        outlineStyle: "solid"
-      }
-    }
-  }
-});
+//#endregion
+exports.ConceptInlineTriggerButton = ConceptInlineTriggerButton;
+//# sourceMappingURL=ConceptInlineTriggerButton.js.map

package/lib/Embed/ConceptInlineTriggerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConceptInlineTriggerButton.js","names":["InlineTriggerButton"],"sources":["../../src/Embed/ConceptInlineTriggerButton.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport { InlineTriggerButton } from \"./InlineTriggerButton\";\n\nexport const ConceptInlineTriggerButton = styled(InlineTriggerButton, {\n  base: {\n    position: \"relative\",\n    overflow: \"visible\",\n    borderBottom: \"1px solid\",\n    borderStyle: \"dashed\",\n    borderColor: \"stroke.hover\",\n    paddingBlockStart: \"5xsmall\",\n    width: \"fit-content\",\n    cursor: \"pointer\",\n    _hover: {\n      borderColor: \"text.link\",\n      background: \"surface.actionSubtle.hover\",\n    },\n    _active: {\n      borderColor: \"text.link\",\n      background: \"surface.actionSubtle.active\",\n    },\n    // The global focus ring forces the border-radius to be xsmall, causing the dashed border to be cut off. This is a workaround.\n    _focusVisible: {\n      outline: \"none\",\n      borderRadius: \"0\",\n      _after: {\n        content: '\"\"',\n        position: \"absolute\",\n        inset: \"0\",\n        outline: \"3px\",\n        borderRadius: \"xsmall\",\n        outlineColor: \"stroke.default\",\n        outlineOffset: \"3px\",\n        outlineStyle: \"solid\",\n      },\n    },\n  },\n});\n"],"mappings":";;;;;AAWA,MAAa,6BAA6B,qCAAOA,iDAAqB,EACpE,MAAM;CACJ,UAAU;CACV,UAAU;CACV,cAAc;CACd,aAAa;CACb,aAAa;CACb,mBAAmB;CACnB,OAAO;CACP,QAAQ;CACR,QAAQ;EACN,aAAa;EACb,YAAY;CACb;CACD,SAAS;EACP,aAAa;EACb,YAAY;CACb;CAED,eAAe;EACb,SAAS;EACT,cAAc;EACd,QAAQ;GACN,SAAS;GACT,UAAU;GACV,OAAO;GACP,SAAS;GACT,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;EACf;CACF;AACF,EACF,EAAC"}

package/lib/Embed/ContentLinkEmbed.js

@@ -1,57 +1,32 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const react_i18next = require_rolldown_runtime.__toESM(require("react-i18next"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactI18next = require("react-i18next");
-var _primitives = require("@ndla/primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const ContentLinkEmbed = _ref => {
-  let {
-    embed,
-    isOembed,
-    children
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  if (embed.status === "error") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-      color: "text.error",
-      asChild: true,
-      consumeCss: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: `${t("embed.linkError")}: `
-        }), children]
-      })
-    });
-  }
-  const {
-    embedData,
-    data
-  } = embed;
-  if (embedData.openIn === "new-context" || isOembed) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-      href: data.path,
-      "data-embed-type": "content-link",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      children: children
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-    href: data.path,
-    children: children
-  });
+//#region src/Embed/ContentLinkEmbed.tsx
+const ContentLinkEmbed = ({ embed, isOembed, children }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	if (embed.status === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Text, {
+		color: "text.error",
+		asChild: true,
+		consumeCss: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: `${t("embed.linkError")}: ` }), children] })
+	});
+	const { embedData, data } = embed;
+	if (embedData.openIn === "new-context" || isOembed) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href: data.path,
+		"data-embed-type": "content-link",
+		target: "_blank",
+		rel: "noopener noreferrer",
+		children
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+		href: data.path,
+		children
+	});
 };
-var _default = exports.default = ContentLinkEmbed;
+var ContentLinkEmbed_default = ContentLinkEmbed;
+
+//#endregion
+exports.ContentLinkEmbed_default = ContentLinkEmbed_default;
+//# sourceMappingURL=ContentLinkEmbed.js.map

package/lib/Embed/ContentLinkEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentLinkEmbed.js","names":["Text"],"sources":["../../src/Embed/ContentLinkEmbed.tsx"],"sourcesContent":["/**\n * Copyright (c) 2023-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { ReactNode } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Text } from \"@ndla/primitives\";\nimport type { ContentLinkMetaData } from \"@ndla/types-embed\";\n\ninterface Props {\n  embed: ContentLinkMetaData;\n  isOembed?: boolean;\n  children?: ReactNode;\n}\n\nconst ContentLinkEmbed = ({ embed, isOembed, children }: Props) => {\n  const { t } = useTranslation();\n  if (embed.status === \"error\") {\n    return (\n      <Text color=\"text.error\" asChild consumeCss>\n        <span>\n          <span>{`${t(\"embed.linkError\")}: `}</span>\n          {children}\n        </span>\n      </Text>\n    );\n  }\n\n  const { embedData, data } = embed;\n\n  if (embedData.openIn === \"new-context\" || isOembed) {\n    return (\n      <a href={data.path} data-embed-type=\"content-link\" target=\"_blank\" rel=\"noopener noreferrer\">\n        {children}\n      </a>\n    );\n  }\n\n  return <a href={data.path}>{children}</a>;\n};\n\nexport default ContentLinkEmbed;\n"],"mappings":";;;;;;AAmBA,MAAM,mBAAmB,CAAC,EAAE,OAAO,UAAU,UAAiB,KAAK;CACjE,MAAM,EAAE,GAAG,GAAG,mCAAgB;AAC9B,KAAI,MAAM,WAAW,QACnB,wBACE,2BAACA;EAAK,OAAM;EAAa;EAAQ;4BAC/B,4BAAC,qCACC,2BAAC,qBAAO,EAAE,EAAE,kBAAkB,CAAC,MAAW,EACzC,YACI;GACF;CAIX,MAAM,EAAE,WAAW,MAAM,GAAG;AAE5B,KAAI,UAAU,WAAW,iBAAiB,SACxC,wBACE,2BAAC;EAAE,MAAM,KAAK;EAAM,mBAAgB;EAAe,QAAO;EAAS,KAAI;EACpE;GACC;AAIR,wBAAO,2BAAC;EAAE,MAAM,KAAK;EAAO;GAAa;AAC1C;AAED,+BAAe"}

package/lib/Embed/CopyrightEmbed.js

@@ -1,39 +1,24 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_EmbedByline = require('../LicenseByline/EmbedByline.js');
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _LicenseByline = require("../LicenseByline");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const StyledCopyrightContent = (0, _jsx2.styled)("div", {
-  base: {
-    marginBlockEnd: "xsmall"
-  }
-});
-const CopyrightEmbed = _ref => {
-  let {
-    embed,
-    children
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
-    "data-embed-type": "copyright",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledCopyrightContent, {
-      "data-copyright-content": "",
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
-      type: "copyright",
-      copyright: embed.embedData.copyright
-    })]
-  });
+//#region src/Embed/CopyrightEmbed.tsx
+const StyledCopyrightContent = (0, __ndla_styled_system_jsx.styled)("div", { base: { marginBlockEnd: "xsmall" } });
+const CopyrightEmbed = ({ embed, children }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("figure", {
+		"data-embed-type": "copyright",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledCopyrightContent, {
+			"data-copyright-content": "",
+			children
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmbedByline.EmbedByline, {
+			type: "copyright",
+			copyright: embed.embedData.copyright
+		})]
+	});
 };
-var _default = exports.default = CopyrightEmbed;
+var CopyrightEmbed_default = CopyrightEmbed;
+
+//#endregion
+exports.CopyrightEmbed_default = CopyrightEmbed_default;
+//# sourceMappingURL=CopyrightEmbed.js.map

package/lib/Embed/CopyrightEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyrightEmbed.js","names":["EmbedByline"],"sources":["../../src/Embed/CopyrightEmbed.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport type { ReactNode } from \"react\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { CopyrightMetaData } from \"@ndla/types-embed\";\nimport { EmbedByline } from \"../LicenseByline\";\n\ninterface Props {\n  embed: CopyrightMetaData;\n  children?: ReactNode;\n}\n\nconst StyledCopyrightContent = styled(\"div\", {\n  base: {\n    marginBlockEnd: \"xsmall\",\n  },\n});\n\nconst CopyrightEmbed = ({ embed, children }: Props) => {\n  return (\n    <figure data-embed-type=\"copyright\">\n      <StyledCopyrightContent data-copyright-content=\"\">{children}</StyledCopyrightContent>\n      <EmbedByline type=\"copyright\" copyright={embed.embedData.copyright} />\n    </figure>\n  );\n};\n\nexport default CopyrightEmbed;\n"],"mappings":";;;;;;AAkBA,MAAM,yBAAyB,qCAAO,OAAO,EAC3C,MAAM,EACJ,gBAAgB,SACjB,EACF,EAAC;AAEF,MAAM,iBAAiB,CAAC,EAAE,OAAO,UAAiB,KAAK;AACrD,wBACE,4BAAC;EAAO,mBAAgB;6BACtB,2BAAC;GAAuB,0BAAuB;GAAI;IAAkC,kBACrF,2BAACA;GAAY,MAAK;GAAY,WAAW,MAAM,UAAU;IAAa;GAC/D;AAEZ;AAED,6BAAe"}

package/lib/Embed/EmbedErrorPlaceholder.js

@@ -1,64 +1,44 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_EmbedByline = require('../LicenseByline/EmbedByline.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const __ndla_icons = require_rolldown_runtime.__toESM(require("@ndla/icons"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _LicenseByline = require("../LicenseByline");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const ErrorPlaceholder = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    background: "background.subtle",
-    height: "surface.xsmall",
-    border: "1px solid",
-    borderColor: "stroke.default",
-    borderRadius: "xsmall",
-    "& svg": {
-      height: "5xlarge",
-      width: "5xlarge",
-      fill: "stroke.default"
-    }
-  }
-});
-const StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
-  base: {
-    "& > *:not(:first-child)": {
-      marginBlockStart: "3xsmall"
-    }
-  }
-});
-const EmbedErrorPlaceholder = _ref => {
-  let {
-    type,
-    children,
-    figureType,
-    float
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledFigure, {
-    size: figureType,
-    float: float,
-    "data-embed-type": type,
-    children: [children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(ErrorPlaceholder, {
-      "data-embed-type": type,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ErrorWarningLine, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_LicenseByline.EmbedByline, {
-      error: true,
-      type: type
-    })]
-  });
+//#region src/Embed/EmbedErrorPlaceholder.tsx
+const ErrorPlaceholder = (0, __ndla_styled_system_jsx.styled)("div", { base: {
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	background: "background.subtle",
+	height: "surface.xsmall",
+	border: "1px solid",
+	borderColor: "stroke.default",
+	borderRadius: "xsmall",
+	"& svg": {
+		height: "5xlarge",
+		width: "5xlarge",
+		fill: "stroke.default"
+	}
+} });
+const StyledFigure = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Figure, { base: { "& > *:not(:first-child)": { marginBlockStart: "3xsmall" } } });
+const EmbedErrorPlaceholder = ({ type, children, figureType, float }) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledFigure, {
+		size: figureType,
+		float,
+		"data-embed-type": type,
+		children: [children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorPlaceholder, {
+			"data-embed-type": type,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_icons.ErrorWarningLine, {})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmbedByline.EmbedByline, {
+			error: true,
+			type
+		})]
+	});
 };
-var _default = exports.default = EmbedErrorPlaceholder;
+var EmbedErrorPlaceholder_default = EmbedErrorPlaceholder;
+
+//#endregion
+exports.EmbedErrorPlaceholder_default = EmbedErrorPlaceholder_default;
+//# sourceMappingURL=EmbedErrorPlaceholder.js.map

package/lib/Embed/EmbedErrorPlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedErrorPlaceholder.js","names":["Figure","ErrorWarningLine","EmbedByline"],"sources":["../../src/Embed/EmbedErrorPlaceholder.tsx"],"sourcesContent":["/**\n * Copyright (c) 2023-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { type ReactNode } from \"react\";\nimport { ErrorWarningLine } from \"@ndla/icons\";\nimport { Figure, type FigureFloat, type FigureSize } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport { EmbedByline } from \"../LicenseByline\";\nimport { type EmbedBylineErrorProps } from \"../LicenseByline/EmbedByline\";\n\ninterface Props {\n  type: EmbedBylineErrorProps[\"type\"];\n  figureType?: FigureSize;\n  float?: FigureFloat;\n  children?: ReactNode;\n}\n\nconst ErrorPlaceholder = styled(\"div\", {\n  base: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    background: \"background.subtle\",\n    height: \"surface.xsmall\",\n    border: \"1px solid\",\n    borderColor: \"stroke.default\",\n    borderRadius: \"xsmall\",\n    \"& svg\": {\n      height: \"5xlarge\",\n      width: \"5xlarge\",\n      fill: \"stroke.default\",\n    },\n  },\n});\n\nconst StyledFigure = styled(Figure, {\n  base: {\n    \"& > *:not(:first-child)\": {\n      marginBlockStart: \"3xsmall\",\n    },\n  },\n});\n\nconst EmbedErrorPlaceholder = ({ type, children, figureType, float }: Props) => {\n  return (\n    <StyledFigure size={figureType} float={float} data-embed-type={type}>\n      {children ?? (\n        <ErrorPlaceholder data-embed-type={type}>\n          <ErrorWarningLine />\n        </ErrorPlaceholder>\n      )}\n      <EmbedByline error type={type} />\n    </StyledFigure>\n  );\n};\n\nexport default EmbedErrorPlaceholder;\n"],"mappings":";;;;;;;;;AAsBA,MAAM,mBAAmB,qCAAO,OAAO,EACrC,MAAM;CACJ,SAAS;CACT,YAAY;CACZ,gBAAgB;CAChB,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,aAAa;CACb,cAAc;CACd,SAAS;EACP,QAAQ;EACR,OAAO;EACP,MAAM;CACP;AACF,EACF,EAAC;AAEF,MAAM,eAAe,qCAAOA,0BAAQ,EAClC,MAAM,EACJ,2BAA2B,EACzB,kBAAkB,UACnB,EACF,EACF,EAAC;AAEF,MAAM,wBAAwB,CAAC,EAAE,MAAM,UAAU,YAAY,OAAc,KAAK;AAC9E,wBACE,4BAAC;EAAa,MAAM;EAAmB;EAAO,mBAAiB;aAC5D,4BACC,2BAAC;GAAiB,mBAAiB;6BACjC,2BAACC,kCAAmB;IACH,kBAErB,2BAACC;GAAY;GAAY;IAAQ;GACpB;AAElB;AAED,oCAAe"}

package/lib/Embed/EmbedWrapper.js

@@ -1,57 +1,27 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
+const __ark_ui_react = require_rolldown_runtime.__toESM(require("@ark-ui/react"));
+const __ndla_styled_system_css = require_rolldown_runtime.__toESM(require("@ndla/styled-system/css"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+//#region src/Embed/EmbedWrapper.tsx
+const embedWrapperRecipe = (0, __ndla_styled_system_css.cva)({
+	base: { position: "relative" },
+	defaultVariants: { noClear: false },
+	variants: { noClear: {
+		true: { "& + [data-embed-wrapper]": { clear: "both" } },
+		false: { clear: "both" }
+	} }
 });
-exports.EmbedWrapper = void 0;
-var _react = require("react");
-var _react2 = require("@ark-ui/react");
-var _css = require("@ndla/styled-system/css");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
+const StyledEmbedWrapper = (0, __ndla_styled_system_jsx.styled)(__ark_ui_react.ark.div, {}, { baseComponent: true });
+const EmbedWrapper = (0, react.forwardRef)(({ noClear, css: cssProp,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledEmbedWrapper, {
+	css: __ndla_styled_system_css.css.raw(embedWrapperRecipe.raw({ noClear }), cssProp),
+	"data-embed-wrapper": "",
+	...props,
+	ref
+}));
 
-const embedWrapperRecipe = (0, _css.cva)({
-  base: {
-    position: "relative"
-  },
-  defaultVariants: {
-    noClear: false
-  },
-  variants: {
-    noClear: {
-      true: {
-        "& + [data-embed-wrapper]": {
-          clear: "both"
-        }
-      },
-      false: {
-        clear: "both"
-      }
-    }
-  }
-});
-const StyledEmbedWrapper = (0, _jsx2.styled)(_react2.ark.div, {}, {
-  baseComponent: true
-});
-const EmbedWrapper = exports.EmbedWrapper = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    noClear,
-    css: cssProp,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledEmbedWrapper, {
-    css: _css.css.raw(embedWrapperRecipe.raw({
-      noClear
-    }), cssProp),
-    "data-embed-wrapper": "",
-    ...props,
-    ref: ref
-  });
-});
+//#endregion
+exports.EmbedWrapper = EmbedWrapper;
+//# sourceMappingURL=EmbedWrapper.js.map

package/lib/Embed/EmbedWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedWrapper.js","names":["ark"],"sources":["../../src/Embed/EmbedWrapper.tsx"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { forwardRef } from \"react\";\nimport { ark, type HTMLArkProps } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { JsxStyleProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\n\nconst embedWrapperRecipe = cva({\n  base: {\n    position: \"relative\",\n  },\n  defaultVariants: {\n    noClear: false,\n  },\n  variants: {\n    noClear: {\n      true: {\n        \"& + [data-embed-wrapper]\": {\n          clear: \"both\",\n        },\n      },\n      false: {\n        clear: \"both\",\n      },\n    },\n  },\n});\n\nexport type EmbedWrapperVariantProps = RecipeVariantProps<typeof embedWrapperRecipe>;\n\nexport type EmbedWrapperProps = HTMLArkProps<\"div\"> & JsxStyleProps & EmbedWrapperVariantProps;\n\nconst StyledEmbedWrapper = styled(ark.div, {}, { baseComponent: true });\n\nexport const EmbedWrapper = forwardRef<HTMLDivElement, EmbedWrapperProps>(\n  ({ noClear, css: cssProp, ...props }, ref) => (\n    <StyledEmbedWrapper\n      css={css.raw(embedWrapperRecipe.raw({ noClear }), cssProp)}\n      data-embed-wrapper=\"\"\n      {...props}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;AAcA,MAAM,qBAAqB,kCAAI;CAC7B,MAAM,EACJ,UAAU,WACX;CACD,iBAAiB,EACf,SAAS,MACV;CACD,UAAU,EACR,SAAS;EACP,MAAM,EACJ,4BAA4B,EAC1B,OAAO,OACR,EACF;EACD,OAAO,EACL,OAAO,OACR;CACF,EACF;AACF,EAAC;AAMF,MAAM,qBAAqB,qCAAOA,mBAAI,KAAK,CAAE,GAAE,EAAE,eAAe,KAAM,EAAC;AAEvE,MAAa,eAAe,sBAC1B,CAAC,EAAE,SAAS,KAAK,QAAS,GAAG,OAAO,EAAE,wBACpC,2BAAC;CACC,KAAK,6BAAI,IAAI,mBAAmB,IAAI,EAAE,QAAS,EAAC,EAAE,QAAQ;CAC1D,sBAAmB;CACnB,GAAI;CACC;EACL,CAEL"}

package/lib/Embed/ExternalEmbed.js

@@ -1,81 +1,55 @@
-"use strict";
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
+const require_EmbedErrorPlaceholder = require('./EmbedErrorPlaceholder.js');
+const require_ResourceBox = require('../ResourceBox/ResourceBox.js');
+const react = require_rolldown_runtime.__toESM(require("react"));
+const __ndla_primitives = require_rolldown_runtime.__toESM(require("@ndla/primitives"));
+const __ndla_styled_system_jsx = require_rolldown_runtime.__toESM(require("@ndla/styled-system/jsx"));
+const react_i18next = require_rolldown_runtime.__toESM(require("react-i18next"));
+const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _EmbedErrorPlaceholder = _interopRequireDefault(require("./EmbedErrorPlaceholder"));
-var _ResourceBox = require("../ResourceBox");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Copyright (c) 2023-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const StyledFigure = (0, _jsx2.styled)(_primitives.Figure, {
-  base: {
-    "& iframe": {
-      height: "auto",
-      width: "100%"
-    }
-  }
-});
-const ExternalEmbed = _ref => {
-  let {
-    embed
-  } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const figRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    const iframe = figRef.current?.querySelector("iframe");
-    if (iframe) {
-      const [width, height] = [Number.parseInt(iframe.width), Number.parseInt(iframe.height)];
-      iframe.style.aspectRatio = `${width ? width : 16}/${height ? height : 9}`;
-      iframe.width = "";
-      iframe.height = "";
-    }
-  }, []);
-  if (embed.status === "error") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmbedErrorPlaceholder.default, {
-      type: "external"
-    });
-  }
-  const {
-    embedData,
-    data
-  } = embed;
-  if (embedData.type === "fullscreen") {
-    const image = {
-      src: data.iframeImage?.image.imageUrl,
-      alt: embedData.alt !== undefined ? embedData.alt : data.iframeImage?.alttext?.alttext ?? ""
-    };
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Figure, {
-      "data-embed-type": "external",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ResourceBox.ResourceBox, {
-        image: image,
-        title: embedData.title ?? "",
-        url: embedData.url,
-        caption: embedData.caption ?? "",
-        buttonText: t("license.other.itemImage.ariaLabel")
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledFigure, {
-    "data-embed-type": "external",
-    ref: figRef,
-    dangerouslySetInnerHTML: {
-      __html: data?.oembed?.html ?? ""
-    }
-  });
+//#region src/Embed/ExternalEmbed.tsx
+const StyledFigure = (0, __ndla_styled_system_jsx.styled)(__ndla_primitives.Figure, { base: { "& iframe": {
+	height: "auto",
+	width: "100%"
+} } });
+const ExternalEmbed = ({ embed }) => {
+	const { t } = (0, react_i18next.useTranslation)();
+	const figRef = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const iframe = figRef.current?.querySelector("iframe");
+		if (iframe) {
+			const [width, height] = [Number.parseInt(iframe.width), Number.parseInt(iframe.height)];
+			iframe.style.aspectRatio = `${width ? width : 16}/${height ? height : 9}`;
+			iframe.width = "";
+			iframe.height = "";
+		}
+	}, []);
+	if (embed.status === "error") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_EmbedErrorPlaceholder.EmbedErrorPlaceholder_default, { type: "external" });
+	const { embedData, data } = embed;
+	if (embedData.type === "fullscreen") {
+		const image = {
+			src: data.iframeImage?.image.imageUrl,
+			alt: embedData.alt !== void 0 ? embedData.alt : data.iframeImage?.alttext?.alttext ?? ""
+		};
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ndla_primitives.Figure, {
+			"data-embed-type": "external",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ResourceBox.ResourceBox_default, {
+				image,
+				title: embedData.title ?? "",
+				url: embedData.url,
+				caption: embedData.caption ?? "",
+				buttonText: t("license.other.itemImage.ariaLabel")
+			})
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledFigure, {
+		"data-embed-type": "external",
+		ref: figRef,
+		dangerouslySetInnerHTML: { __html: data?.oembed?.html ?? "" }
+	});
 };
-var _default = exports.default = ExternalEmbed;
+var ExternalEmbed_default = ExternalEmbed;
+
+//#endregion
+exports.ExternalEmbed_default = ExternalEmbed_default;
+//# sourceMappingURL=ExternalEmbed.js.map

package/lib/Embed/ExternalEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalEmbed.js","names":["Figure","EmbedErrorPlaceholder","ResourceBox"],"sources":["../../src/Embed/ExternalEmbed.tsx"],"sourcesContent":["/**\n * Copyright (c) 2023-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { useEffect, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\nimport { Figure } from \"@ndla/primitives\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { OembedMetaData } from \"@ndla/types-embed\";\nimport EmbedErrorPlaceholder from \"./EmbedErrorPlaceholder\";\nimport { ResourceBox } from \"../ResourceBox\";\n\ninterface Props {\n  embed: OembedMetaData;\n}\n\nconst StyledFigure = styled(Figure, {\n  base: {\n    \"& iframe\": {\n      height: \"auto\",\n      width: \"100%\",\n    },\n  },\n});\n\nconst ExternalEmbed = ({ embed }: Props) => {\n  const { t } = useTranslation();\n  const figRef = useRef<HTMLElement>(null);\n\n  useEffect(() => {\n    const iframe = figRef.current?.querySelector(\"iframe\");\n    if (iframe) {\n      const [width, height] = [Number.parseInt(iframe.width), Number.parseInt(iframe.height)];\n      iframe.style.aspectRatio = `${width ? width : 16}/${height ? height : 9}`;\n      iframe.width = \"\";\n      iframe.height = \"\";\n    }\n  }, []);\n\n  if (embed.status === \"error\") {\n    return <EmbedErrorPlaceholder type=\"external\" />;\n  }\n\n  const { embedData, data } = embed;\n\n  if (embedData.type === \"fullscreen\") {\n    const image = {\n      src: data.iframeImage?.image.imageUrl,\n      alt: embedData.alt !== undefined ? embedData.alt : (data.iframeImage?.alttext?.alttext ?? \"\"),\n    };\n    return (\n      <Figure data-embed-type=\"external\">\n        <ResourceBox\n          image={image}\n          title={embedData.title ?? \"\"}\n          url={embedData.url}\n          caption={embedData.caption ?? \"\"}\n          buttonText={t(\"license.other.itemImage.ariaLabel\")}\n        />\n      </Figure>\n    );\n  }\n\n  return (\n    <StyledFigure\n      data-embed-type=\"external\"\n      ref={figRef}\n      dangerouslySetInnerHTML={{ __html: data?.oembed?.html ?? \"\" }}\n    />\n  );\n};\nexport default ExternalEmbed;\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,eAAe,qCAAOA,0BAAQ,EAClC,MAAM,EACJ,YAAY;CACV,QAAQ;CACR,OAAO;AACR,EACF,EACF,EAAC;AAEF,MAAM,gBAAgB,CAAC,EAAE,OAAc,KAAK;CAC1C,MAAM,EAAE,GAAG,GAAG,mCAAgB;CAC9B,MAAM,SAAS,kBAAoB,KAAK;AAExC,sBAAU,MAAM;EACd,MAAM,SAAS,OAAO,SAAS,cAAc,SAAS;AACtD,MAAI,QAAQ;GACV,MAAM,CAAC,OAAO,OAAO,GAAG,CAAC,OAAO,SAAS,OAAO,MAAM,EAAE,OAAO,SAAS,OAAO,OAAO,AAAC;AACvF,UAAO,MAAM,eAAe,EAAE,QAAQ,QAAQ,GAAG,GAAG,SAAS,SAAS,EAAE;AACxE,UAAO,QAAQ;AACf,UAAO,SAAS;EACjB;CACF,GAAE,CAAE,EAAC;AAEN,KAAI,MAAM,WAAW,QACnB,wBAAO,2BAACC,+DAAsB,MAAK,aAAa;CAGlD,MAAM,EAAE,WAAW,MAAM,GAAG;AAE5B,KAAI,UAAU,SAAS,cAAc;EACnC,MAAM,QAAQ;GACZ,KAAK,KAAK,aAAa,MAAM;GAC7B,KAAK,UAAU,iBAAoB,UAAU,MAAO,KAAK,aAAa,SAAS,WAAW;EAC3F;AACD,yBACE,2BAACD;GAAO,mBAAgB;6BACtB,2BAACE;IACQ;IACP,OAAO,UAAU,SAAS;IAC1B,KAAK,UAAU;IACf,SAAS,UAAU,WAAW;IAC9B,YAAY,EAAE,oCAAoC;KAClD;IACK;CAEZ;AAED,wBACE,2BAAC;EACC,mBAAgB;EAChB,KAAK;EACL,yBAAyB,EAAE,QAAQ,MAAM,QAAQ,QAAQ,GAAI;GAC7D;AAEL;AACD,4BAAe"}