@oiz/stzh-components 3.1.0 → 3.2.0-beta1

package/dist/vscode-data.json

@@ -400,6 +400,14 @@
         }
       ]
     },
+    {
+      "name": "stzh-app-bar",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH app bar component.\n\nOffers up to 5 slots for a mobile app style tabs navigation. Just slot default buttons without any variant or sizing\nproperty."
+      },
+      "attributes": []
+    },
     {
       "name": "stzh-appointments",
       "description": {
@@ -2084,6 +2092,18 @@
             }
           ]
         },
+        {
+          "name": "image-position",
+          "description": "Location / city",
+          "values": [
+            {
+              "name": "left"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "location",
           "description": "Location / city"
@@ -2182,6 +2202,31 @@
         }
       ]
     },
+    {
+      "name": "stzh-contact-cv",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH contact CV component."
+      },
+      "attributes": [
+        {
+          "name": "hobbies",
+          "description": "Hobbies"
+        },
+        {
+          "name": "jobtitle",
+          "description": "Jobtitle"
+        },
+        {
+          "name": "responsibilities",
+          "description": "Responsiblities"
+        },
+        {
+          "name": "trainings",
+          "description": "Trainings"
+        }
+      ]
+    },
     {
       "name": "stzh-container",
       "description": {
@@ -2754,7 +2799,7 @@
         },
         {
           "name": "value",
-          "description": "Value of hidden date picker input (current selected date in ISO format)."
+          "description": "Value of the hidden date picker input. If a date can be parsed (via picker always), the value is in ISO format. Otherwise the value equals the manual input."
         }
       ]
     },
@@ -4333,6 +4378,29 @@
           "name": "iframe-id",
           "description": "Id of iframe"
         },
+        {
+          "name": "iframe-resizer-height-correction",
+          "description": "Height correction for automatically resized iFrames"
+        },
+        {
+          "name": "iframe-resizer-secondlevel-domain",
+          "description": "Second level domain for automatically resized iFrames"
+        },
+        {
+          "name": "iframe-resizer-variant",
+          "description": "Automatic height resizing of iFrame",
+          "values": [
+            {
+              "name": "None"
+            },
+            {
+              "name": "PostMessage"
+            },
+            {
+              "name": "SameSecondLevelDomain"
+            }
+          ]
+        },
         {
           "name": "name",
           "description": "Name of iframe"
@@ -5514,6 +5582,10 @@
           "name": "a11y-describedby",
           "description": "Id of the element which describes the input"
         },
+        {
+          "name": "allow-manual-input",
+          "description": "Whether the current page is mutable via input"
+        },
         {
           "name": "description",
           "description": "Description message (use description slot as alternative)"
@@ -5573,6 +5645,18 @@
         {
           "name": "value",
           "description": "Current page."
+        },
+        {
+          "name": "width",
+          "description": "Width variant",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "full"
+            }
+          ]
         }
       ]
     },
@@ -6729,8 +6813,14 @@
             {
               "name": "default"
             },
+            {
+              "name": "greybox"
+            },
             {
               "name": "highlight"
+            },
+            {
+              "name": "poimax"
             }
           ]
         }
@@ -8346,6 +8436,10 @@
           "name": "button",
           "description": "Button text"
         },
+        {
+          "name": "button-scan",
+          "description": "Scan Button text"
+        },
         {
           "name": "chunk-size",
           "description": "If `chunking` is `true`, then this defines the chunk size in bytes."
@@ -8446,6 +8540,10 @@
           "name": "parallel-uploads",
           "description": "How many file uploads to process in parallel."
         },
+        {
+          "name": "photographing-enabled",
+          "description": "Scan Button text"
+        },
         {
           "name": "prevent-hidden-input-clear",
           "description": "Prevent clearing hidden input after adding a new file.\n(use if you want to send the hidden input field with native form instead of ajax)"
@@ -8485,6 +8583,27 @@
         }
       ]
     },
+    {
+      "name": "stzh-vbz-connection-finder",
+      "description": {
+        "kind": "markdown",
+        "value": "The VBZ connection finder component\n\nIntegrates the ZVV connection finder via JS."
+      },
+      "attributes": []
+    },
+    {
+      "name": "stzh-vbz-intro",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH intro component.\n\nThe component will take an array of quicklinks (mandatory) and provides a slot for the ticker."
+      },
+      "attributes": [
+        {
+          "name": "quicklinks",
+          "description": "Most searched items"
+        }
+      ]
+    },
     {
       "name": "stzh-vbz-linechip",
       "description": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "3.1.0",
+  "version": "3.2.0-beta1",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -93,6 +93,7 @@
     "flexsearch": "^0.7.43",
     "focus-trap": "^7.5.4",
     "hls.js": "^1.2.9",
+    "iframe-resizer": "4.4.5",
     "js-cookie": "^3.0.5",
     "lit": "^2.5.0",
     "lodash": "^4.17.21",
@@ -102,6 +103,7 @@
     "photoswipe": "^5.4.3",
     "photoswipe-dynamic-caption-plugin": "^1.2.7",
     "proj4": "^2.4.4",
+    "qrcode": "^1.5.3",
     "scroll-into-view-if-needed": "^3.1.0",
     "sszvis": "^2.6.4",
     "tabbable": "^6.2.0",

package/dist/cjs/stzh-list-item.cjs.entry.js

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-92254d32.js');
-
-const Checkmark = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="currentColor" d="m10 15.172 9.192-9.193 1.415 1.414L10 18l-6.364-6.364 1.414-1.414z"/></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></svg>`;
-
-const stzhListItemCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--icon-checklist-visibility:hidden}:host::before{display:inline-block;position:absolute;left:0;top:0}.stzh-list-item__checkmark-icon{visibility:var(--icon-checklist-visibility);display:flex;justify-content:center;align-items:center;position:absolute;top:0.0625rem;left:0}.stzh-list-item__checkmark-icon svg{width:1.5em;height:1.5em;display:block}";
-
-const StzhListItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    const classes = {
-      "stzh-list-item": true
-    };
-    return (index.h(index.Host, null, index.h("div", { class: classes, role: "listitem" }, index.h("div", { class: "stzh-list-item__checkmark-icon", innerHTML: Checkmark }), index.h("div", { class: "stzh-list-item__text" }, index.h("slot", null)))));
-  }
-  get element() { return index.getElement(this); }
-};
-StzhListItem.style = stzhListItemCss;
-
-exports.stzh_list_item = StzhListItem;
-
-//# sourceMappingURL=stzh-list-item.cjs.entry.js.map

package/dist/cjs/stzh-list-item.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"stzh-list-item.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,eAAe,GAAG,80CAA80C;;MCiBz1C,YAAY;;;;EAGvB,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,gBAAgB,EAAE,IAAI;KACvB,CAAC;IAEF,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,IAClCA,iBAAK,KAAK,EAAC,gCAAgC,EAAC,SAAS,EAAE,SAAS,GAAQ,EAExEA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,qBAAa,CACT,CACF,CACD,EACP;GACH;;;;;;;","names":["h","Host"],"sources":["src/components/stzh-list-item/stzh-list-item.scss?tag=stzh-list-item&encapsulation=shadow","src/components/stzh-list-item/stzh-list-item.tsx"],"sourcesContent":[":host {\n  --icon-checklist-visibility: hidden;\n\n  &::before {\n    display: inline-block;\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n}\n\n.stzh-list-item {\n  &__checkmark-icon {\n    visibility: var(--icon-checklist-visibility);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 1px;\n    left: 0;\n\n    svg {\n      width: 1.5em;\n      height: 1.5em;\n      display: block;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport Checkmark from \"./assets/checkmark.svg\";\n\n/**\n * @slot - Slot for text\n */\n@Component({\n  tag: \"stzh-list-item\",\n  styleUrl: \"stzh-list-item.scss\",\n  shadow: true\n})\nexport class StzhListItem {\n  @Element() element: HTMLStzhListItemElement;\n\n  render() {\n    const classes = {\n      \"stzh-list-item\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes} role=\"listitem\">\n          <div class=\"stzh-list-item__checkmark-icon\" innerHTML={Checkmark}></div>\n\n          <div class=\"stzh-list-item__text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-list.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"stzh-list.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,WAAW,GAAG,gyEAAgyE;;MCgBvyE,QAAQ;;;mBAEuD,WAAW;;EAIrF,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,WAAW,EAAE,IAAI;MACjB,CAAC,cAAc,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;KAC/C,CAAC;IAEF,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,IAC9BA,qBAAa,CACT,CACD,EACP;GACH;;;;;;;","names":["h","Host"],"sources":["src/components/stzh-list/stzh-list.scss?tag=stzh-list&encapsulation=shadow","src/components/stzh-list/stzh-list.tsx"],"sourcesContent":[":host {\n  --font-size: var(--stzh-list-font-size, var(--stzh-font-milli-font-size));\n  --line-height: var(--stzh-list-line-height, var(--stzh-font-milli-text-line-height));\n  --letter-spacing: var(--stzh-list-letter-spacing, normal);\n\n  @include mq($from: medium) {\n    --font-size: var(--stzh-list-font-size, var(--stzh-font-centi-font-size));\n    --line-height: var(--stzh-list-line-height, var(--stzh-font-centi-text-line-height));\n  }\n\n  counter-reset: li-counter;\n\n  ::slotted(stzh-list-item) {\n    --icon-checklist-visibility: hidden;\n\n    counter-increment: li-counter;\n    position: relative;\n  }\n}\n\n:host([variant=\"unordered\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: hidden;\n\n  padding-left: calc(#{space('xsmall')} + #{space('small')});\n\n  &::before {\n    content: '–'; // old one: \\2014\n  }\n}\n\n:host([variant=\"ordered\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: hidden;\n\n  padding-left: calc(#{space('large')} + #{space('small')});\n\n  &::before {\n    content: counter(li-counter) '. ';\n  }\n}\n\n:host([variant=\"checklist\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: visible;\n\n  padding-left: calc(#{iconSize('medium')} + #{space('small')});\n}\n\n.stzh-list {\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  letter-spacing: var(--letter-spacing);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for `stzh-list-item`\n */\n@Component({\n  tag: \"stzh-list\",\n  styleUrl: \"stzh-list.scss\",\n  shadow: true\n})\nexport class StzhList {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"unordered\" | \"ordered\" | \"checklist\" = \"unordered\";\n\n  @Element() element: HTMLStzhListElement;\n\n  render() {\n    const classes = {\n      \"stzh-list\": true,\n      [`stzh-list--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes} role=\"list\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/utils-d0fff87f.js.map

@@ -1 +0,0 @@
-{"file":"utils-d0fff87f.js","mappings":"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","names":["dashCase"],"sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some(node => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach(attribute => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  })\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf('stzh-') === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(`meta[name=\"${name}\"],[property=\"${name}\"]`);\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  if (typeof element.checkVisibility !== \"undefined\") {\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false\n    });\n  } else {\n    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);\n  }\n}\n\nexport function offset(element): { top: number, left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\n\n// `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements\n// so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now\n// (used before in cardlist and sortable component).\n\n// export function children(node: Element) {\n//   return childNodes(node).map((n: any) => n.nodeType === 1);\n// }\n\n// const nativeCloneNodeFn = Node.prototype.cloneNode;\n\n// export function cloneElement(node: Element, deep: boolean) {\n//   const clonedNode = nativeCloneNodeFn.call(node, false);\n//   const srcChildNodes = childNodes(node);\n\n//   if (deep) {\n//     for (let i = 0; i < srcChildNodes.length; i++) {\n//       if (srcChildNodes[i].nodeType !== 2) {\n//         const childClone = cloneElement(srcChildNodes[i], true);\n//         clonedNode.appendChild(childClone);\n//       }\n//     }\n//   }\n\n//   return clonedNode;\n// }\n\n// // Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// // and potentially wrapped in normal elements (e.g. angular component)\n// export function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n//   let clonedElement: Element;\n//   let clonedStzhElement: Element;\n//   let originalStzhElement: Element;\n\n//   if (isStzhElement(elementToClone)) {\n//     clonedElement = cloneElement(elementToClone, true);\n//     clonedStzhElement = clonedElement;\n//     originalStzhElement = elementToClone;\n//   } else {\n//     clonedElement = elementToClone.cloneNode() as Element;\n\n//     let clonedInnerElementLast: Element = clonedElement;\n//     let originalInnerElementLast: Element = elementToClone;\n\n//     // clone inner root elements separately until we find a stzh element\n//     while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n//       originalInnerElementLast = originalInnerElementLast.children[0];\n//       const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n//       clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n//       clonedInnerElementLast = clonedInnerElementCurrent;\n//     }\n\n//     if (isStzhElement(originalInnerElementLast.children[0])) {\n//       clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n//       originalStzhElement = originalInnerElementLast.children[0];\n//       clonedInnerElementLast.appendChild(clonedStzhElement);\n//     } else {\n//       // no root stzh element found, so we give up and just deep clone the root\n//       clonedElement = cloneElement(elementToClone, true);\n//     }\n//   }\n\n//   return [clonedElement, clonedStzhElement, originalStzhElement];\n// }\n"],"version":3}

package/dist/esm/stzh-list-item.entry.js.map

@@ -1 +0,0 @@
-{"file":"stzh-list-item.entry.js","mappings":";;;;AAAA,MAAM,eAAe,GAAG,80CAA80C;;MCiBz1C,YAAY;;;;EAGvB,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,gBAAgB,EAAE,IAAI;KACvB,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,IAClC,WAAK,KAAK,EAAC,gCAAgC,EAAC,SAAS,EAAE,SAAS,GAAQ,EAExE,WAAK,KAAK,EAAC,sBAAsB,IAC/B,eAAa,CACT,CACF,CACD,EACP;GACH;;;;;;;","names":[],"sources":["src/components/stzh-list-item/stzh-list-item.scss?tag=stzh-list-item&encapsulation=shadow","src/components/stzh-list-item/stzh-list-item.tsx"],"sourcesContent":[":host {\n  --icon-checklist-visibility: hidden;\n\n  &::before {\n    display: inline-block;\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n}\n\n.stzh-list-item {\n  &__checkmark-icon {\n    visibility: var(--icon-checklist-visibility);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: absolute;\n    top: 1px;\n    left: 0;\n\n    svg {\n      width: 1.5em;\n      height: 1.5em;\n      display: block;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport Checkmark from \"./assets/checkmark.svg\";\n\n/**\n * @slot - Slot for text\n */\n@Component({\n  tag: \"stzh-list-item\",\n  styleUrl: \"stzh-list-item.scss\",\n  shadow: true\n})\nexport class StzhListItem {\n  @Element() element: HTMLStzhListItemElement;\n\n  render() {\n    const classes = {\n      \"stzh-list-item\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes} role=\"listitem\">\n          <div class=\"stzh-list-item__checkmark-icon\" innerHTML={Checkmark}></div>\n\n          <div class=\"stzh-list-item__text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/stzh-list.entry.js.map

@@ -1 +0,0 @@
-{"file":"stzh-list.entry.js","mappings":";;AAAA,MAAM,WAAW,GAAG,gyEAAgyE;;MCgBvyE,QAAQ;;;mBAEuD,WAAW;;EAIrF,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,WAAW,EAAE,IAAI;MACjB,CAAC,cAAc,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO;KAC/C,CAAC;IAEF,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAE,OAAO,EAAE,IAAI,EAAC,MAAM,IAC9B,eAAa,CACT,CACD,EACP;GACH;;;;;;;","names":[],"sources":["src/components/stzh-list/stzh-list.scss?tag=stzh-list&encapsulation=shadow","src/components/stzh-list/stzh-list.tsx"],"sourcesContent":[":host {\n  --font-size: var(--stzh-list-font-size, var(--stzh-font-milli-font-size));\n  --line-height: var(--stzh-list-line-height, var(--stzh-font-milli-text-line-height));\n  --letter-spacing: var(--stzh-list-letter-spacing, normal);\n\n  @include mq($from: medium) {\n    --font-size: var(--stzh-list-font-size, var(--stzh-font-centi-font-size));\n    --line-height: var(--stzh-list-line-height, var(--stzh-font-centi-text-line-height));\n  }\n\n  counter-reset: li-counter;\n\n  ::slotted(stzh-list-item) {\n    --icon-checklist-visibility: hidden;\n\n    counter-increment: li-counter;\n    position: relative;\n  }\n}\n\n:host([variant=\"unordered\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: hidden;\n\n  padding-left: calc(#{space('xsmall')} + #{space('small')});\n\n  &::before {\n    content: '–'; // old one: \\2014\n  }\n}\n\n:host([variant=\"ordered\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: hidden;\n\n  padding-left: calc(#{space('large')} + #{space('small')});\n\n  &::before {\n    content: counter(li-counter) '. ';\n  }\n}\n\n:host([variant=\"checklist\"]) ::slotted(stzh-list-item) {\n  --icon-checklist-visibility: visible;\n\n  padding-left: calc(#{iconSize('medium')} + #{space('small')});\n}\n\n.stzh-list {\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  letter-spacing: var(--letter-spacing);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for `stzh-list-item`\n */\n@Component({\n  tag: \"stzh-list\",\n  styleUrl: \"stzh-list.scss\",\n  shadow: true\n})\nexport class StzhList {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"unordered\" | \"ordered\" | \"checklist\" = \"unordered\";\n\n  @Element() element: HTMLStzhListElement;\n\n  render() {\n    const classes = {\n      \"stzh-list\": true,\n      [`stzh-list--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes} role=\"list\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/utils-54aead01.js.map

@@ -1 +0,0 @@
-{"file":"utils-54aead01.js","mappings":"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","names":[],"sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some(node => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach(attribute => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  })\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf('stzh-') === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(`meta[name=\"${name}\"],[property=\"${name}\"]`);\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  if (typeof element.checkVisibility !== \"undefined\") {\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false\n    });\n  } else {\n    return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);\n  }\n}\n\nexport function offset(element): { top: number, left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\n\n// `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements\n// so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now\n// (used before in cardlist and sortable component).\n\n// export function children(node: Element) {\n//   return childNodes(node).map((n: any) => n.nodeType === 1);\n// }\n\n// const nativeCloneNodeFn = Node.prototype.cloneNode;\n\n// export function cloneElement(node: Element, deep: boolean) {\n//   const clonedNode = nativeCloneNodeFn.call(node, false);\n//   const srcChildNodes = childNodes(node);\n\n//   if (deep) {\n//     for (let i = 0; i < srcChildNodes.length; i++) {\n//       if (srcChildNodes[i].nodeType !== 2) {\n//         const childClone = cloneElement(srcChildNodes[i], true);\n//         clonedNode.appendChild(childClone);\n//       }\n//     }\n//   }\n\n//   return clonedNode;\n// }\n\n// // Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// // and potentially wrapped in normal elements (e.g. angular component)\n// export function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n//   let clonedElement: Element;\n//   let clonedStzhElement: Element;\n//   let originalStzhElement: Element;\n\n//   if (isStzhElement(elementToClone)) {\n//     clonedElement = cloneElement(elementToClone, true);\n//     clonedStzhElement = clonedElement;\n//     originalStzhElement = elementToClone;\n//   } else {\n//     clonedElement = elementToClone.cloneNode() as Element;\n\n//     let clonedInnerElementLast: Element = clonedElement;\n//     let originalInnerElementLast: Element = elementToClone;\n\n//     // clone inner root elements separately until we find a stzh element\n//     while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n//       originalInnerElementLast = originalInnerElementLast.children[0];\n//       const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n//       clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n//       clonedInnerElementLast = clonedInnerElementCurrent;\n//     }\n\n//     if (isStzhElement(originalInnerElementLast.children[0])) {\n//       clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n//       originalStzhElement = originalInnerElementLast.children[0];\n//       clonedInnerElementLast.appendChild(clonedStzhElement);\n//     } else {\n//       // no root stzh element found, so we give up and just deep clone the root\n//       clonedElement = cloneElement(elementToClone, true);\n//     }\n//   }\n\n//   return [clonedElement, clonedStzhElement, originalStzhElement];\n// }\n"],"version":3}