@ndla/ui 56.0.78-alpha.0 → 56.0.80-alpha.0

package/lib/locale/messages-nn.d.ts

@@ -259,8 +259,10 @@ declare const messages: {
         dialogText2: string;
         youAreHere: string;
         trait: {
-            video: string;
+            audio: string;
             h5p: string;
+            podcast: string;
+            video: string;
         };
     };
     messageBoxInfo: {
@@ -807,6 +809,7 @@ declare const messages: {
         pause: string;
         download: string;
         reuse: string;
+        progressBar: string;
         error: {
             url: string;
             caption: string;

package/lib/locale/messages-nn.js

@@ -276,8 +276,10 @@ const messages = {
     dialogText2: "Tilleggsstoff er innhald du kan velje i tillegg til kjernestoffet. Gjennom dette kan du fordjupe deg i eit emne eller nærme deg emnet på ein annan måte.",
     youAreHere: "Du er her",
     trait: {
-      video: "Video",
-      h5p: "Interaktiv"
+      audio: "Lyd",
+      h5p: "Interaktiv",
+      podcast: "Podkast",
+      video: "Video"
     }
   },
   messageBoxInfo: {
@@ -824,6 +826,7 @@ const messages = {
     pause: "Pause",
     download: "Last ned lydfil",
     reuse: "Bruk lydfil",
+    progressBar: "Framdriftsindikator",
     error: {
       url: "Feil ved lasting av lydfil.",
       caption: "Orsak, ein feil oppstod ved lasting av lydfil."

package/lib/locale/messages-se.d.ts

@@ -259,8 +259,10 @@ declare const messages: {
         dialogText2: string;
         youAreHere: string;
         trait: {
-            video: string;
+            audio: string;
             h5p: string;
+            podcast: string;
+            video: string;
         };
     };
     messageBoxInfo: {
@@ -807,6 +809,7 @@ declare const messages: {
         pause: string;
         download: string;
         reuse: string;
+        progressBar: string;
         error: {
             url: string;
             caption: string;

package/lib/locale/messages-se.js

@@ -276,8 +276,10 @@ const messages = {
     dialogText2: "Lassiávnnas lea sisdoallu fágas maid sáhtát lassin válljet guovddášávdnasii. Lassiávdnasa bokte sáhtát čiekŋudit iežat muhtin fáddái dahje lahkonaddat fáddái eará vugiin.",
     youAreHere: "Don leat dás",
     trait: {
-      video: "Video",
-      h5p: "Interaktiiva"
+      audio: "Jietna",
+      h5p: "Interaktiiva",
+      podcast: "Podkásta",
+      video: "Video"
     }
   },
   messageBoxInfo: {
@@ -824,6 +826,7 @@ const messages = {
     pause: "Boatkke",
     download: "Viečča jietnafiilla",
     reuse: "Geavat jietnafiilla",
+    progressBar: "Fremdriftsindikator",
     error: {
       url: "Boasttuvuohta jietnafiilla viežžamis.",
       caption: "Šállošat, boasttuvuohta čuožžilii jietnafiilla viežžamis."

package/lib/locale/messages-sma.d.ts

@@ -259,8 +259,10 @@ declare const messages: {
         dialogText2: string;
         youAreHere: string;
         trait: {
-            video: string;
+            audio: string;
             h5p: string;
+            podcast: string;
+            video: string;
         };
     };
     messageBoxInfo: {
@@ -807,6 +809,7 @@ declare const messages: {
         pause: string;
         download: string;
         reuse: string;
+        progressBar: string;
         error: {
             url: string;
             caption: string;

package/lib/locale/messages-sma.js

@@ -276,8 +276,10 @@ const messages = {
     dialogText2: "Lissie-aamhtese lea faagesisvege maam maahtah lissine veeljedh jarnge-aamhtesasse. Maahtah veelebelaakan teemam goerehtidh jallh teemam jeatjahlaakan geatskanidh.",
     youAreHere: "Datne daesnie",
     trait: {
-      video: "Videjove",
-      h5p: "Interaktijve"
+      audio: "Tjoeje",
+      h5p: "Interaktijve",
+      podcast: "Podkast",
+      video: "Videjove"
     }
   },
   messageBoxInfo: {
@@ -824,6 +826,7 @@ const messages = {
     pause: "Pause",
     download: "Veedtjh tjoeje-fijlem",
     reuse: "Nuhtjh tjoeje-fijlem",
+    progressBar: "Fremdriftsindikator",
     error: {
       url: "Fiejlie tjoeje-veedtjemisnie.",
       caption: "Gaatesjen, fiejlie sjïdti tjoeje-veedtjemisnie."

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/ui",
-  "version": "56.0.78-alpha.0",
+  "version": "56.0.80-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -34,11 +34,11 @@
   "dependencies": {
     "@ndla/core": "^5.0.3",
     "@ndla/icons": "^8.0.48-alpha.0",
-    "@ndla/licenses": "^8.0.5-alpha.0",
-    "@ndla/primitives": "^1.0.62-alpha.0",
-    "@ndla/safelink": "^7.0.63-alpha.0",
+    "@ndla/licenses": "^8.0.6-alpha.0",
+    "@ndla/primitives": "^1.0.64-alpha.0",
+    "@ndla/safelink": "^7.0.65-alpha.0",
     "@ndla/styled-system": "^0.0.29",
-    "@ndla/util": "^5.0.3-alpha.0",
+    "@ndla/util": "^5.0.5-alpha.0",
     "html-react-parser": "^5.1.19",
     "i18next-browser-languagedetector": "^7.1.0"
   },
@@ -51,12 +51,12 @@
   },
   "devDependencies": {
     "@ndla/preset-panda": "^0.0.48",
-    "@ndla/types-backend": "^0.2.86",
-    "@ndla/types-embed": "^5.0.5-alpha.0",
+    "@ndla/types-backend": "^1.0.1",
+    "@ndla/types-embed": "^5.0.6-alpha.0",
     "@pandacss/dev": "^0.48.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fae121b0e1c9b7e12e46b4e9a90e2334389f30fa"
+  "gitHead": "a00bd799b55932a421bed0cf2ce8f364fbc7aefa"
 }

package/src/Article/ArticleByline.tsx

@@ -198,14 +198,16 @@ export const ArticleBylineAccordionItem = forwardRef<HTMLDivElement, ArticleByli
   ({ value, accordionTitle, children, ...props }, ref) => {
     return (
       <AccordionItem value={value} ref={ref} {...props}>
-        <AccordionItemTrigger>
-          <Heading asChild consumeCss textStyle="label.medium" fontWeight="bold">
-            <h2>{accordionTitle}</h2>
-          </Heading>
-          <AccordionItemIndicator asChild>
-            <ArrowDownShortLine />
-          </AccordionItemIndicator>
-        </AccordionItemTrigger>
+        <Heading asChild consumeCss textStyle="label.medium" fontWeight="bold">
+          <h2>
+            <AccordionItemTrigger>
+              {accordionTitle}
+              <AccordionItemIndicator asChild>
+                <ArrowDownShortLine />
+              </AccordionItemIndicator>
+            </AccordionItemTrigger>
+          </h2>
+        </Heading>
         <AccordionItemContent>{children}</AccordionItemContent>
       </AccordionItem>
     );

package/src/AudioPlayer/Controls.tsx

@@ -35,7 +35,6 @@ import {
   Text,
 } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { visuallyHidden } from "@ndla/styled-system/patterns";
 
 const ControlsWrapper = styled("div", {
   base: {
@@ -278,6 +277,7 @@ const Controls = ({ src, title }: Props) => {
               })
             }
           >
+            <SliderLabel srOnly>{t("audio.progressBar")}</SliderLabel>
             <SliderControl>
               <SliderTrack>
                 <SliderRange />
@@ -298,7 +298,7 @@ const Controls = ({ src, title }: Props) => {
             onValueChange={(details) => setSpeedValue(parseFloat(details.value[0]))}
             positioning={{ placement: "top" }}
           >
-            <SelectLabel css={visuallyHidden.raw()}>{t("audio.controls.selectSpeed")}</SelectLabel>
+            <SelectLabel srOnly>{t("audio.controls.selectSpeed")}</SelectLabel>
             <SelectControl>
               <SelectTrigger asChild>
                 <SpeedButton
@@ -338,7 +338,7 @@ const Controls = ({ src, title }: Props) => {
               step={1}
               onValueChange={handleVolumeSliderChange}
             >
-              <SliderLabel css={visuallyHidden.raw()}>{t("audio.controls.adjustVolume")}</SliderLabel>
+              <SliderLabel srOnly>{t("audio.controls.adjustVolume")}</SliderLabel>
               <StyledSliderControl>
                 <SliderTrack>
                   <SliderRange />

package/src/Breadcrumb/BreadcrumbItem.tsx

@@ -51,7 +51,7 @@ interface Props {
 }
 
 const BreadcrumbItem = forwardRef<any, Props>(({ renderItem, renderSeparator, item, totalCount }, ref) => {
-  const liRef = useRef<any>();
+  const liRef = useRef<any>(null);
 
   useImperativeHandle(ref, () => ({
     setMaxWidth: (maxWidth: number) => {

package/src/Concept/Concept.tsx

@@ -9,7 +9,7 @@
 import { type ComponentPropsWithRef, type ReactNode, forwardRef } from "react";
 import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import type { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
+import type { IDraftCopyrightDTO as ConceptCopyright } from "@ndla/types-backend/concept-api";
 import type { ConceptVisualElementMeta } from "@ndla/types-embed";
 import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
 import { EmbedByline } from "../LicenseByline/EmbedByline";

package/src/ContactBlock/ContactBlock.tsx

@@ -10,7 +10,7 @@ import { useTranslation } from "react-i18next";
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { SystemStyleObject } from "@ndla/styled-system/types";
-import type { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
+import type { IImageMetaInformationV3DTO } from "@ndla/types-backend/image-api";
 import { LicenseContainerContent } from "../LicenseByline/EmbedByline";
 
 export type ContactBlockBackground = "strong" | "moderate" | "subtle";
@@ -143,7 +143,7 @@ const StyledDescription = styled(Text, {
 });
 
 interface Props {
-  image?: IImageMetaInformationV3;
+  image?: IImageMetaInformationV3DTO;
   jobTitle: string;
   description: string;
   backgroundColor?: ContactBlockBackground;

package/src/Embed/AudioEmbed.tsx

@@ -53,7 +53,7 @@ const AudioEmbed = ({ embed, lang }: Props) => {
         src={data.audioFile.url}
         textVersion={
           data.manuscript?.manuscript.length ? (
-            <span dangerouslySetInnerHTML={{ __html: data.manuscript.manuscript }} />
+            <div dangerouslySetInnerHTML={{ __html: data.manuscript.manuscript }} />
           ) : undefined
         }
         title={data.title.title}

package/src/Embed/ExternalEmbed.tsx

@@ -50,7 +50,7 @@ const ExternalEmbed = ({ embed }: Props) => {
   if (embedData.type === "fullscreen") {
     const image = {
       src: data.iframeImage?.image.imageUrl ?? "",
-      alt: embedData.alt !== undefined ? embedData.alt : data.iframeImage?.alttext?.alttext ?? "",
+      alt: embedData.alt !== undefined ? embedData.alt : (data.iframeImage?.alttext?.alttext ?? ""),
     };
     return (
       <Figure data-embed-type="external">

package/src/Embed/ImageEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { ReactNode } from "react";
 import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import { PageContent, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import type { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
+import type { IImageMetaInformationV3DTO } from "@ndla/types-backend/image-api";
 import type { ImageEmbedData } from "@ndla/types-embed";
 import ImageEmbed from "./ImageEmbed";
 import { ArticleWrapper, ArticleContent } from "../Article";
@@ -27,7 +27,7 @@ const embedData: ImageEmbedData = {
   url: "https://api.test.ndla.no/image-api/v2/images/61181",
 };
 
-const metaData: IImageMetaInformationV3 = {
+const metaData: IImageMetaInformationV3DTO = {
   id: "61181",
   metaUrl: "https://api.test.ndla.no/image-api/v3/images/61181",
   title: {

package/src/Embed/ImageEmbed.tsx

@@ -223,7 +223,7 @@ const ImageEmbed = ({ embed, previewAlt, lang, renderContext = "article", childr
 
   const licenseProps = licenseAttributes(data.copyright.license.license, lang, embedData.url);
 
-  const figureSize = figureProps?.float ? figureProps?.size ?? "medium" : "full";
+  const figureSize = figureProps?.float ? (figureProps?.size ?? "medium") : "full";
 
   return (
     <StyledFigure

package/src/Embed/types.ts

@@ -7,7 +7,7 @@
  */
 
 import type { ElementType } from "react";
-import type { IImageMetaInformationV3 } from "@ndla/types-backend/image-api";
+import type { IImageMetaInformationV3DTO } from "@ndla/types-backend/image-api";
 import type { EmbedMetaData } from "@ndla/types-embed";
 
 export type HeartButtonType = ElementType<{
@@ -19,7 +19,7 @@ export type EmbedParameter<T extends EmbedMetaData["resource"]> = Partial<
 >;
 
 export type CanonicalUrlFuncs = {
-  image?: (image: IImageMetaInformationV3) => string;
+  image?: (image: IImageMetaInformationV3DTO) => string;
 };
 
 export type RenderContext = "article" | "embed";

package/src/FactBox/FactBox.tsx

@@ -129,7 +129,7 @@ const FactBox = forwardRef<HTMLElement, Props>(
     // TODO: Remove this hack when we upgrade to React 19.
     const inertAttribute = useMemo(() => {
       return state === "closed" ? { inert: "" } : {};
-    }, [state]);
+    }, [state]) as { inert?: boolean };
 
     useEffect(() => {
       if (open !== undefined) {

package/src/Gloss/Gloss.tsx

@@ -20,7 +20,7 @@ import {
 } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { StyledVariantProps } from "@ndla/styled-system/types";
-import type { IGlossData, IGlossExample } from "@ndla/types-backend/concept-api";
+import type { IGlossDataDTO, IGlossExampleDTO } from "@ndla/types-backend/concept-api";
 import GlossExample from "./GlossExample";
 import SpeechControl from "../AudioPlayer/SpeechControl";
 
@@ -29,10 +29,10 @@ import SpeechControl from "../AudioPlayer/SpeechControl";
 // When a gloss is bordered there's way too much padding.
 
 const getFilteredExamples = (
-  glossData: IGlossData | undefined,
+  glossData: IGlossDataDTO | undefined,
   exampleIds: string | undefined,
   exampleLangs: string | undefined,
-): IGlossExample[][] => {
+): IGlossExampleDTO[][] => {
   if (exampleIds !== undefined || exampleLangs !== undefined) {
     const exampleIdsList = exampleIds?.toString()?.split(",") ?? [];
     const exampleLangsList = exampleLangs?.split(",") ?? [];
@@ -104,7 +104,7 @@ export interface Props {
     title: string;
     language: string;
   };
-  glossData?: IGlossData;
+  glossData?: IGlossDataDTO;
   audio?: {
     title: string;
     src?: string;

package/src/Gloss/GlossExample.tsx

@@ -9,10 +9,10 @@
 import { Fragment } from "react";
 import { Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import type { IGlossExample } from "@ndla/types-backend/concept-api";
+import type { IGlossExampleDTO } from "@ndla/types-backend/concept-api";
 
 interface Props {
-  examples: IGlossExample[];
+  examples: IGlossExampleDTO[];
   originalLanguage: string | undefined;
 }
 

package/src/KeyFigure/KeyFigure.stories.tsx

@@ -6,8 +6,8 @@
  *
  */
 
-import type { Meta, StoryFn, StoryObj } from "@storybook/react";
-import KeyFigure from "./KeyFigure";
+import type { Meta, StoryObj } from "@storybook/react";
+import KeyFigure, { type Props } from "./KeyFigure";
 
 const args = {
   title: "22 000+",
@@ -24,7 +24,7 @@ export default {
   args,
 } as Meta<typeof KeyFigure>;
 
-export const Plain: StoryFn<typeof KeyFigure> = ({ ...args }) => {
+export const Plain = ({ ...args }: Props) => {
   return <KeyFigure {...args} />;
 };
 

package/src/KeyFigure/KeyFigure.tsx

@@ -45,7 +45,7 @@ const SubTitleWrapper = styled("div", {
   },
 });
 
-interface Props {
+export interface Props {
   image?: {
     src?: string;
     alt?: string;

package/src/LicenseByline/EmbedByline.tsx

@@ -12,10 +12,10 @@ import { AlertLine } from "@ndla/icons";
 import { getLicenseByAbbreviation, getLicenseCredits } from "@ndla/licenses";
 import { Button, Text } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import type { ICopyright as ArticleCopyright } from "@ndla/types-backend/article-api";
-import type { ICopyright as AudioCopyright } from "@ndla/types-backend/audio-api";
-import type { IDraftCopyright as ConceptCopyright } from "@ndla/types-backend/concept-api";
-import type { ICopyright as ImageCopyright } from "@ndla/types-backend/image-api";
+import type { ICopyrightDTO as ArticleCopyright } from "@ndla/types-backend/article-api";
+import type { ICopyrightDTO as AudioCopyright } from "@ndla/types-backend/audio-api";
+import type { IDraftCopyrightDTO as ConceptCopyright } from "@ndla/types-backend/concept-api";
+import type { ICopyrightDTO as ImageCopyright } from "@ndla/types-backend/image-api";
 import type { BrightcoveCopyright } from "@ndla/types-embed";
 import { LicenseLink } from "./LicenseLink";
 

package/src/Pitch/Pitch.stories.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import type { Meta, StoryFn } from "@storybook/react";
+import type { Meta } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import { Pitch, type Props } from "./Pitch";
 import { ArticleContent, ArticleWrapper } from "../Article";
@@ -41,7 +41,7 @@ export default {
   ],
 } as Meta<typeof Pitch>;
 
-export const Default: StoryFn<typeof Pitch> = ({ ...args }) => {
+export const Default = ({ ...args }: Props) => {
   return (
     <Grid columns="2" background="transparent">
       <div data-type="grid-cell" data-parallax-cell="false">

package/src/RelatedArticleList/RelatedArticleList.tsx

@@ -6,7 +6,7 @@
  *
  */
 
-import { Children, type ComponentPropsWithoutRef, type ReactNode, useMemo, useState } from "react";
+import { Children, type ComponentPropsWithoutRef, type ReactElement, type ReactNode, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { ExternalLinkLine } from "@ndla/icons";
 import { CardContent, CardHeading, CardRoot, Text, Heading, Button } from "@ndla/primitives";
@@ -108,7 +108,7 @@ const StyledButton = styled(Button, {
 });
 
 interface Props extends ComponentPropsWithoutRef<"section"> {
-  children?: JSX.Element[];
+  children?: ReactElement[];
   articleCount?: number;
   headingLevel?: HeadingLevel;
   headingButtons?: ReactNode;

package/src/i18n/__tests__/formatNestedMessages-test.ts

@@ -6,7 +6,6 @@
  *
  */
 
-/* eslint-env jest */
 import { formatNestedMessages } from "../formatNestedMessages";
 
 test("i18n formatNestedMessages()", () => {

package/src/locale/messages-en.ts

@@ -274,8 +274,10 @@ const messages = {
       "Additional content is content in the subject that you can choose in addition to the core material. Through the additional subject, you can immerse yourself in a topic or approach yourself in a different way.",
     youAreHere: "You are here",
     trait: {
-      video: "Video",
+      audio: "Audio",
       h5p: "Interactive",
+      podcast: "Podcast",
+      video: "Video",
     },
   },
   messageBoxInfo: {
@@ -827,6 +829,7 @@ const messages = {
     pause: "Pause",
     download: "Download audio",
     reuse: "Use audio",
+    progressBar: "Progress bar",
     error: {
       url: "Error loading the audio.",
       caption: "Sorry, an error occurred while loading the audio.",

package/src/locale/messages-nb.ts

@@ -275,8 +275,10 @@ const messages = {
       "Tilleggsstoff er innhold i faget som du kan velge i tillegg til kjernestoffet. Gjennom tilleggsstoffet kan du fordype deg i et emne eller tilnærme deg emnet på en annen måte.",
     youAreHere: "Du er her",
     trait: {
-      video: "Video",
+      audio: "Lyd",
       h5p: "Interaktiv",
+      podcast: "Podkast",
+      video: "Video",
     },
   },
   messageBoxInfo: {
@@ -828,6 +830,7 @@ const messages = {
     pause: "Pause",
     download: "Last ned lydfil",
     reuse: "Bruk lydfil",
+    progressBar: "Fremdriftsindikator",
     error: {
       url: "Feil ved lasting av lydfil.",
       caption: "Beklager, en feil oppstod ved lasting av lydfil.",

package/src/locale/messages-nn.ts

@@ -275,8 +275,10 @@ const messages = {
       "Tilleggsstoff er innhald du kan velje i tillegg til kjernestoffet. Gjennom dette kan du fordjupe deg i eit emne eller nærme deg emnet på ein annan måte.",
     youAreHere: "Du er her",
     trait: {
-      video: "Video",
+      audio: "Lyd",
       h5p: "Interaktiv",
+      podcast: "Podkast",
+      video: "Video",
     },
   },
   messageBoxInfo: {
@@ -828,6 +830,7 @@ const messages = {
     pause: "Pause",
     download: "Last ned lydfil",
     reuse: "Bruk lydfil",
+    progressBar: "Framdriftsindikator",
     error: {
       url: "Feil ved lasting av lydfil.",
       caption: "Orsak, ein feil oppstod ved lasting av lydfil.",

package/src/locale/messages-se.ts

@@ -275,8 +275,10 @@ const messages = {
       "Lassiávnnas lea sisdoallu fágas maid sáhtát lassin válljet guovddášávdnasii. Lassiávdnasa bokte sáhtát čiekŋudit iežat muhtin fáddái dahje lahkonaddat fáddái eará vugiin.",
     youAreHere: "Don leat dás",
     trait: {
-      video: "Video",
+      audio: "Jietna",
       h5p: "Interaktiiva",
+      podcast: "Podkásta",
+      video: "Video",
     },
   },
   messageBoxInfo: {
@@ -829,6 +831,7 @@ const messages = {
     pause: "Boatkke",
     download: "Viečča jietnafiilla",
     reuse: "Geavat jietnafiilla",
+    progressBar: "Fremdriftsindikator",
     error: {
       url: "Boasttuvuohta jietnafiilla viežžamis.",
       caption: "Šállošat, boasttuvuohta čuožžilii jietnafiilla viežžamis.",

package/src/locale/messages-sma.ts

@@ -274,8 +274,10 @@ const messages = {
       "Lissie-aamhtese lea faagesisvege maam maahtah lissine veeljedh jarnge-aamhtesasse. Maahtah veelebelaakan teemam goerehtidh jallh teemam jeatjahlaakan geatskanidh.",
     youAreHere: "Datne daesnie",
     trait: {
-      video: "Videjove",
+      audio: "Tjoeje",
       h5p: "Interaktijve",
+      podcast: "Podkast",
+      video: "Videjove",
     },
   },
   messageBoxInfo: {
@@ -831,6 +833,7 @@ const messages = {
     pause: "Pause",
     download: "Veedtjh tjoeje-fijlem",
     reuse: "Nuhtjh tjoeje-fijlem",
+    progressBar: "Fremdriftsindikator",
     error: {
       url: "Fiejlie tjoeje-veedtjemisnie.",
       caption: "Gaatesjen, fiejlie sjïdti tjoeje-veedtjemisnie.",