@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/vscode-data.json

@@ -12,6 +12,10 @@
           "name": "collapsible",
           "description": "Whether folds are collapsible"
         },
+        {
+          "name": "heading",
+          "description": "Heading"
+        },
         {
           "name": "multiselectable",
           "description": "Whether multiple folds can be opened at once"
@@ -23,6 +27,9 @@
             {
               "name": "default"
             },
+            {
+              "name": "menu"
+            },
             {
               "name": "table"
             },
@@ -126,6 +133,9 @@
             {
               "name": "default"
             },
+            {
+              "name": "menu"
+            },
             {
               "name": "table"
             },
@@ -293,7 +303,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid",
@@ -1374,6 +1384,9 @@
             {
               "name": "fullwidth"
             },
+            {
+              "name": "pi-teasers"
+            },
             {
               "name": "searchresults"
             },
@@ -1609,7 +1622,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid",
@@ -1678,7 +1691,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label"
         },
         {
           "name": "invalid",
@@ -1935,7 +1948,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid",
@@ -2685,7 +2698,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "inline",
@@ -2910,7 +2923,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "icon",
@@ -3308,6 +3321,9 @@
             {
               "name": "h1"
             },
+            {
+              "name": "h1home"
+            },
             {
               "name": "h2"
             },
@@ -3667,6 +3683,10 @@
         "value": "The STZH header component."
       },
       "attributes": [
+        {
+          "name": "hide-metabar",
+          "description": "Whether language switch should stay on mobile"
+        },
         {
           "name": "href",
           "description": "Portal link (for logo)"
@@ -3795,6 +3815,9 @@
             {
               "name": "h1"
             },
+            {
+              "name": "h1home"
+            },
             {
               "name": "h2"
             },
@@ -3841,6 +3864,23 @@
         }
       ]
     },
+    {
+      "name": "stzh-homepage-service-highlights",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH homepage service highlights component.\n\nThe component will take an array of mostsearched items (mandatory) and topnews items (optional). If you set the `isHighlighted` property on a topnews item, it will be visually highlighted. If you set it for multiple items, it will\nonly highlight the first found in the array (ux/ui requirement).\n\nTopnews items have a default top/bottom padding, but will stretch vertically if the most searched items take more place.\n\nTopnews items do not require a link necessarily and can be used as a pure information."
+      },
+      "attributes": [
+        {
+          "name": "mostsearched-items",
+          "description": "Most searched items"
+        },
+        {
+          "name": "topnews-items",
+          "description": "Top news items"
+        }
+      ]
+    },
     {
       "name": "stzh-hr",
       "description": {
@@ -5142,7 +5182,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid-month",
@@ -5423,6 +5463,10 @@
         {
           "name": "dateline",
           "description": "Dateline"
+        },
+        {
+          "name": "hyphens-enabled",
+          "description": "Background color"
         }
       ]
     },
@@ -5451,6 +5495,14 @@
         }
       ]
     },
+    {
+      "name": "stzh-pagetitle-home",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH pagetitle home component.\n\nMust only be used for homepages.\nVarious default properties are set to slotted elements if nothing else is set:\n\n* `curve=\"homeh1\"` to `stzh-heading[slot=\"heading\"]`\n* `lead` and `curve=\"hero\"` to `stzh-text[slot=\"subheading\"]`"
+      },
+      "attributes": []
+    },
     {
       "name": "stzh-pagination",
       "description": {
@@ -5543,6 +5595,10 @@
           "name": "copyright",
           "description": "Copyright"
         },
+        {
+          "name": "heading",
+          "description": "Heading"
+        },
         {
           "name": "orientation-on-by-default",
           "description": "If set to true, device orientation control will be used when the panorama is loaded, if the device supports it. If false, device orientation control needs to be activated by pressing a button."
@@ -5558,6 +5614,219 @@
         {
           "name": "scenes",
           "description": "Available scenes\n\nAn array of objects including `sceneId`, `imageTitle`, `imageSrc`, optionally `imageAuthor`, `imageType`, `caption`, `pitch`, `yaw`, `hfov` and `hotspots`\n`hotspots` can be an array of objects including `pitch`, `yaw`, `type`, `text`, optionally `url`, `id`, `sceneId`, `targetPitch` and `targetYaw`\n\nSee also https://pannellum.org/documentation/reference/"
+        },
+        {
+          "name": "show-controls",
+          "description": "If set to false, moving/paning/zooming controls will be hidden. e.g. when embedding the panorama into content columns."
+        },
+        {
+          "name": "show-hotspots",
+          "description": "If set to false, hotspots will be hidden. e.g. when embedding the panorama into content columns."
+        }
+      ]
+    },
+    {
+      "name": "stzh-pi-content-navigation",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH navigation card component for Publizistische Inhalte (PI).\n\nYou can set the navigation level via `navigation-level` via property (level 1 and 2 allow image, level 3 and 4 will hide\nthe image if there is one). Also, styling will differ."
+      },
+      "attributes": [
+        {
+          "name": "analytics-id",
+          "description": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the link elements.\nDefault value will be taken from `heading` prop/slot."
+        },
+        {
+          "name": "heading",
+          "description": "Heading (alternative for heading slot)"
+        },
+        {
+          "name": "heading-level",
+          "description": "Heading level",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            }
+          ]
+        },
+        {
+          "name": "href",
+          "description": "Href of card"
+        },
+        {
+          "name": "lead",
+          "description": "Lead text (alternative for lead slot)"
+        },
+        {
+          "name": "navigation-level",
+          "description": "Content navigation level",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            }
+          ]
+        },
+        {
+          "name": "target",
+          "description": "target if the button is used as link (if href used)"
+        }
+      ]
+    },
+    {
+      "name": "stzh-pi-menu",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH PI menu component."
+      },
+      "attributes": [
+        {
+          "name": "analytics-id",
+          "description": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the button element.\nDefault value will be taken from `heading` prop."
+        },
+        {
+          "name": "breakout",
+          "description": "Breakout from layout"
+        },
+        {
+          "name": "heading",
+          "description": "Heading title"
+        },
+        {
+          "name": "heading-level",
+          "description": "Heading level, for accessibility, no visual impact",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            }
+          ]
+        },
+        {
+          "name": "menu-items",
+          "description": "Menu navigation items"
+        },
+        {
+          "name": "open",
+          "description": "Whether fold is open"
+        },
+        {
+          "name": "subheading",
+          "description": "Heading title"
+        }
+      ]
+    },
+    {
+      "name": "stzh-pi-pagetitle",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH pagetitle component for Publizistische Inhalte (PI).\n\nThis component is similar to the default pagetitle, but has and additional slot for breadcrumbs.\nYou also have to set the `level` property to 1-4, based on the navigation level you're currently at per page (page\ntree). The image is also being slotted, but only rendered on level 1 and 2. The PiMenu is also slotted and rendered\nslightly differently on levels 1/2 and 3/4."
+      },
+      "attributes": [
+        {
+          "name": "author",
+          "description": "Author of the content"
+        },
+        {
+          "name": "date",
+          "description": "Date of the content"
+        },
+        {
+          "name": "level",
+          "description": "Level"
+        }
+      ]
+    },
+    {
+      "name": "stzh-pi-quote",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH quote component for Publizistische Inhalte (PI)."
+      },
+      "attributes": [
+        {
+          "name": "text",
+          "description": ""
+        }
+      ]
+    },
+    {
+      "name": "stzh-pi-teaser",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH teaser component for Publizistische Inhalte (PI)."
+      },
+      "attributes": [
+        {
+          "name": "analytics-id",
+          "description": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the link elements.\nDefault value will be taken from `heading` prop/slot."
+        },
+        {
+          "name": "date",
+          "description": "Date"
+        },
+        {
+          "name": "dateline",
+          "description": "Dateline"
+        },
+        {
+          "name": "heading",
+          "description": "Heading (alternative for heading slot)"
+        },
+        {
+          "name": "heading-level",
+          "description": "Heading level",
+          "values": [
+            {
+              "name": "1"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "3"
+            },
+            {
+              "name": "4"
+            }
+          ]
+        },
+        {
+          "name": "href",
+          "description": "Href of card"
+        },
+        {
+          "name": "lead",
+          "description": "Lead text (alternative for lead slot)"
+        },
+        {
+          "name": "target",
+          "description": "target if the button is used as link (if href used)"
         }
       ]
     },
@@ -5694,6 +5963,10 @@
         "value": "The STZH progressbar component.\n\nFor events description, see [stzh-progressbar-item](/docs/components-progressbaritem--docs)."
       },
       "attributes": [
+        {
+          "name": "click-disabled",
+          "description": "Whether all the progressbar-items are clickable."
+        },
         {
           "name": "data",
           "description": "Step data (JSON array with objects that have `label` attribute and optional:\n- `disabled`, if step should be disabled\n- `icon`, if icon instead of step number should be displayed):\n- `analyticsId`, for Adobe Analytics, rendered as `s-object-id` (default is `label`)\n\n```\n{\n  \"label\": \"Step Label\"\n  \"icon\": \"clock\",\n  \"disabled\": true\n}\n```"
@@ -5735,6 +6008,10 @@
           "name": "analytics-id",
           "description": "For Adobe Analytics.\nWill be rendered as value of `s-object-id` attribute to the button element.\nDefault value will be taken from `label` prop or default slot."
         },
+        {
+          "name": "click-disabled",
+          "description": "Whether the progressbar-item is clickable."
+        },
         {
           "name": "current",
           "description": ""
@@ -5818,7 +6095,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid",
@@ -5891,7 +6168,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid",
@@ -6287,6 +6564,10 @@
           "name": "autofetch-main-filters",
           "description": "Whether search results should be automatically fetched when a main filters has changed."
         },
+        {
+          "name": "breakout",
+          "description": "Whether it should be rendered as overlay or not."
+        },
         {
           "name": "debounce-time",
           "description": "Debounce time in ms"
@@ -6303,6 +6584,10 @@
           "name": "empty-text",
           "description": "Empty text"
         },
+        {
+          "name": "heading",
+          "description": "Empty text"
+        },
         {
           "name": "hide-aside-filters",
           "description": "Whether to hide the aside filters slot"
@@ -6438,6 +6723,9 @@
           "name": "variant",
           "description": "Variant",
           "values": [
+            {
+              "name": "contextbox"
+            },
             {
               "name": "default"
             },
@@ -7217,6 +7505,9 @@
             {
               "name": "h1"
             },
+            {
+              "name": "h1home"
+            },
             {
               "name": "h2"
             },
@@ -7517,6 +7808,18 @@
         "value": "The STZH textandimage component."
       },
       "attributes": [
+        {
+          "name": "image-position",
+          "description": "Image position",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        },
         {
           "name": "size",
           "description": "Size variant",
@@ -7680,7 +7983,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid",
@@ -7865,7 +8168,7 @@
         },
         {
           "name": "hide-optional",
-          "description": "Hide `(optional)` label (or use `required` inside form ot hide it)"
+          "description": "Hide `(optional)` label (or use `required` inside form to hide it)"
         },
         {
           "name": "invalid",
@@ -8001,6 +8304,18 @@
         {
           "name": "trigger",
           "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically."
+        },
+        {
+          "name": "type",
+          "description": "Visual type",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "overlay"
+            }
+          ]
         }
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -41,8 +41,8 @@
     "@stencil/angular-output-target": "^0.8.4",
     "@stencil/postcss": "^2.1.0",
     "@stencil/react-output-target": "^0.5.3",
-    "@stencil/vue-output-target": "^0.8.7",
     "@stencil/sass": "^1.4.1",
+    "@stencil/vue-output-target": "^0.8.7",
     "@storybook/addon-a11y": "^7.6.9",
     "@storybook/addon-essentials": "^7.6.9",
     "@storybook/addon-interactions": "^7.6.9",