@oiz/stzh-components 3.2.0-beta1 → 3.2.0

package/dist/stzh-components/p-aa3e4203.entry.js.map

@@ -1 +1 @@
-{"version":3,"names":["e","t","slice","call","n","i","r","o","a","l","u","arguments","length","sync","cancelAnimationFrame","s","filter","dirty","active","requestAnimationFrame","c","forEach","styleComputed","m","y","v","p","d","f","S","availableWidth","element","parentNode","clientWidth","currentWidth","scrollWidth","previousFontSize","currentFontSize","Math","min","max","minSize","maxSize","whiteSpace","multiLine","getComputedStyle","parseFloat","getPropertyValue","display","preStyleTestCompleted","test","style","fontSize","dispatchEvent","CustomEvent","detail","oldValue","newValue","scaleFactor","h","w","observeMutations","observer","disconnect","originalStyle","b","z","F","MutationObserver","observe","g","subtree","childList","characterData","W","E","clearTimeout","setTimeout","x","observeWindowDelay","M","Object","defineProperty","set","concat","observeWindow","fitAll","C","assign","map","newbie","push","fit","unfreeze","freeze","unsubscribe","document","querySelectorAll","window","stzhPagetitleHeroCss","StzhPagetitleHero","this","init","backLink","querySelector","leads","tags","setPropsIfNull","icon","lead","tag","role","reinitFitty","destroyFitty","isSmall","media","matches","fitty","Fitty","mainTitleElement","componentWillUpdate","componentDidRender","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","imageSlotUsed","hasSlot","leadSlotUsed","backLinkSlotUsed","classes","Host","class","name","ref","el","id","headingId","heading","subtitle","leadAuthor"],"sources":["node_modules/fitty/dist/fitty.module.js","src/components/stzh-pagetitle-hero/stzh-pagetitle-hero.scss?tag=stzh-pagetitle-hero&encapsulation=scoped","src/components/stzh-pagetitle-hero/stzh-pagetitle-hero.tsx"],"sourcesContent":["/**\n * fitty v2.4.2 - Snugly resizes text to fit its parent container\n * Copyright (c) 2023 Rik Schennink <rik@pqina.nl> (https://pqina.nl/)\n */\n\nvar e=function(e){if(e){var t=function(e){return[].slice.call(e)},n=0,i=1,r=2,o=3,a=[],l=null,u=\"requestAnimationFrame\"in e?function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};e.cancelAnimationFrame(l);var n=function(){return s(a.filter((function(e){return e.dirty&&e.active})))};if(t.sync)return n();l=e.requestAnimationFrame(n)}:function(){},c=function(e){return function(t){a.forEach((function(t){return t.dirty=e})),u(t)}},s=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=m(e)})),e.filter(y).forEach(v);var t=e.filter(p);t.forEach(d),t.forEach((function(e){v(e),f(e)})),t.forEach(S)},f=function(e){return e.dirty=n},d=function(e){e.availableWidth=e.element.parentNode.clientWidth,e.currentWidth=e.element.scrollWidth,e.previousFontSize=e.currentFontSize,e.currentFontSize=Math.min(Math.max(e.minSize,e.availableWidth/e.currentWidth*e.previousFontSize),e.maxSize),e.whiteSpace=e.multiLine&&e.currentFontSize===e.minSize?\"normal\":\"nowrap\"},p=function(e){return e.dirty!==r||e.dirty===r&&e.element.parentNode.clientWidth!==e.availableWidth},m=function(t){var n=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(n.getPropertyValue(\"font-size\")),t.display=n.getPropertyValue(\"display\"),t.whiteSpace=n.getPropertyValue(\"white-space\"),!0},y=function(e){var t=!1;return!e.preStyleTestCompleted&&(/inline-/.test(e.display)||(t=!0,e.display=\"inline-block\"),\"nowrap\"!==e.whiteSpace&&(t=!0,e.whiteSpace=\"nowrap\"),e.preStyleTestCompleted=!0,t)},v=function(e){e.element.style.whiteSpace=e.whiteSpace,e.element.style.display=e.display,e.element.style.fontSize=e.currentFontSize+\"px\"},S=function(e){e.element.dispatchEvent(new CustomEvent(\"fit\",{detail:{oldValue:e.previousFontSize,newValue:e.currentFontSize,scaleFactor:e.currentFontSize/e.previousFontSize}}))},h=function(e,t){return function(n){e.dirty=t,e.active&&u(n)}},w=function(e){return function(){a=a.filter((function(t){return t.element!==e.element})),e.observeMutations&&e.observer.disconnect(),e.element.style.whiteSpace=e.originalStyle.whiteSpace,e.element.style.display=e.originalStyle.display,e.element.style.fontSize=e.originalStyle.fontSize}},b=function(e){return function(){e.active||(e.active=!0,u())}},z=function(e){return function(){return e.active=!1}},F=function(e){e.observeMutations&&(e.observer=new MutationObserver(h(e,i)),e.observer.observe(e.element,e.observeMutations))},g={minSize:16,maxSize:512,multiLine:!0,observeMutations:\"MutationObserver\"in e&&{subtree:!0,childList:!0,characterData:!0}},W=null,E=function(){e.clearTimeout(W),W=e.setTimeout(c(r),x.observeWindowDelay)},M=[\"resize\",\"orientationchange\"];return Object.defineProperty(x,\"observeWindow\",{set:function(t){var n=\"\".concat(t?\"add\":\"remove\",\"EventListener\");M.forEach((function(t){e[n](t,E)}))}}),x.observeWindow=!0,x.observeWindowDelay=100,x.fitAll=c(o),x}function C(e,t){var n=Object.assign({},g,t),i=e.map((function(e){var t=Object.assign({},n,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},F(e),e.newbie=!0,e.dirty=!0,a.push(e)}(t),{element:e,fit:h(t,o),unfreeze:b(t),freeze:z(t),unsubscribe:w(t)}}));return u(),i}function x(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return\"string\"==typeof e?C(t(document.querySelectorAll(e)),n):C([e],n)[0]}}(\"undefined\"==typeof window?null:window);export default e;\n",":host {\n  ::slotted(img[slot=\"image\"]),\n  ::slotted([slot=\"image\"]) img {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    object-fit: cover;\n    object-position: center;\n  }\n}\n\n.stzh-pagetitle-hero {\n  margin-bottom: calc(#{spaceCurveValue('small')} / -1);\n\n  @include mq($from: medium) {\n    margin-bottom: calc(#{spaceCurveValue('small', 'medium')} / -1);\n    padding-top: space('xxlarge');\n  }\n\n  @include mq($from: large) {\n    margin-bottom: calc(#{spaceCurveValue('small', 'large')} / -1);\n  }\n\n  &__tags {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    gap: space('xsmall');\n\n    &:not(:empty) {\n      margin-bottom: space('xlarge');\n    }\n  }\n\n  &__back-link {\n    @include mq($from: medium) {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n\n    &:not(:empty) {\n      @include mq($to: medium) {\n        margin: space('xlarge') 0;\n      }\n    }\n  }\n\n  &__title-wrapper {\n    @include base-invert;\n    @include chip-invert;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 1;\n    background-color: $colorPrimary;\n    padding: space('xxxlarge') space('xlarge');\n    margin-top: calc(#{space('xxxlarge')} * -1);\n\n    @include mq($from: small) {\n      padding: space('xxxxlarge') space('xxlarge');\n      margin-top: calc(#{space('big')} * -1);\n    }\n\n    @include mq($from: medium) {\n      padding: space('big');\n    }\n\n    @include mq($from: medium) {\n      margin: space('big') 0;\n      width: (6 / 12) * 100%;\n      margin-left: -(1 / 12) * 100%;\n    }\n\n    @include mq($from: large) {\n      padding: space('xbig');\n    }\n  }\n\n  &__title {\n    @include font('heavy');\n    color: $colorWhite;\n    margin: 0;\n    font-size: 30px; // font size will be overwritten by js\n    line-height: 1.107;\n\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    -ms-word-break: normal;\n    word-break: normal;\n    word-break: break-word;\n\n    @include mq($from: small) {\n      font-size: 45px; // font size will be overwritten by js\n    }\n  }\n\n  &__subtitle {\n    @include fontCurve('h3');\n    @include spaceCurve('margin-top', 'medium');\n    color: $colorWhite;\n  }\n\n  &__header {\n    @include spaceCurve('margin-bottom', 'huge');\n    display: flex;\n    flex-direction: column;\n    position: relative;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__image-wrapper {\n    position: relative;\n    flex-shrink: 0;\n    background-color: $colorOldGrey5;\n    // for modern browsers (css variable is set via js)\n    margin-left: calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);\n    margin-right: calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);\n\n    @include mq($from: medium) {\n      width: (7 / 12) * 100%;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  &__image-ratio {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: (3 / 4) * 100%;\n\n    @include mq($from: small) {\n      padding-bottom: (9 / 16) * 100%;\n    }\n\n    @include mq($from: medium) {\n      padding-bottom: (3 / 4) * 100%;\n    }\n  }\n\n  &__lead {\n    margin: 0 auto;\n    margin-bottom: space('large');\n\n    @include mq($from: small) {\n      margin-bottom: space('xxlarge');\n    }\n\n    @include mq($from: large) {\n      margin-bottom: space('huge');\n      max-width: 100% / 12 * 8;\n    }\n  }\n\n  &__lead-author {\n    @include fontCurve('p1');\n    @include spaceCurve('margin-top', 'small');\n  }\n\n  /* Has back link variant */\n\n  &--has-back-link &__header {\n    @include mq($from: medium) {\n      flex-direction: row-reverse;\n    }\n  }\n\n  &--has-back-link &__title-wrapper {\n    @include mq($from: medium) {\n      margin-right: -(1 / 12) * 100%;\n    }\n  }\n\n  /* Has lead */\n\n  &--has-no-lead {\n    margin-bottom: calc(#{spaceCurveValue('large')} / -1);\n\n    @include mq($from: small) {\n      margin-bottom: calc(#{spaceCurveValue('large', 'small')} / -1);\n    }\n\n    @include mq($from: medium) {\n      margin-bottom: calc(#{spaceCurveValue('large', 'medium')} / -1);\n    }\n\n    @include mq($from: large) {\n      margin-bottom: calc(#{spaceCurveValue('large', 'large')} / -1);\n    }\n  }\n\n  &--has-no-lead &__lead {\n    display: none;\n  }\n\n  /* No image variant */\n\n  &--has-no-image &__image-wrapper {\n    display: none;\n  }\n\n  &--has-no-image &__header {\n    flex-direction: column;\n    margin-top: 0;\n  }\n\n  &--has-no-image &__title-wrapper {\n    width: 100%;\n    margin: 0;\n  }\n\n  &--has-no-image &__back-link {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n    position: static;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\nimport { addMediaChangeListener, removeMediaChangeListener, media } from \"../../utils/media-utils\";\n\nimport Fitty from \"fitty\";\n\n/**\n * @slot image - Slot for `picture` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot back-link - Slot for `stzh-link` element\n */\n@Component({\n  tag: \"stzh-pagetitle-hero\",\n  styleUrl: \"stzh-pagetitle-hero.scss\",\n  scoped: true\n})\nexport class StzhPagetitleHero {\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Heading ID */\n  @Prop() headingId: string = \"anchorContent\";\n\n  /** Lead author */\n  @Prop() leadAuthor: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string = \"\";\n\n  @Element() element: HTMLStzhPagetitleHeroElement;\n\n  private fitty: any;\n  private mainTitleElement: HTMLHeadingElement;\n  private observer: MutationObserver;\n\n  private destroyFitty() {\n    if (this.fitty) {\n      this.fitty.unsubscribe();\n      this.fitty = null;\n    }\n  }\n\n  private init = () => {\n    const backLink = this.element.querySelector('stzh-link[slot=\"back-link\"], [slot=\"back-link\"] stzh-link');\n    const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n    const tags = this.element.querySelectorAll('stzh-chip[slot=\"tag\"], [slot=\"tag\"] stzh-chip');\n\n    if (backLink) {\n      setPropsIfNull(backLink, {\n        icon: \"angle-left\"\n      } as HTMLStzhLinkElement)\n    }\n\n    leads.forEach((lead) => {\n      setPropsIfNull(lead, {\n        lead: true\n      } as HTMLStzhTextElement)\n    });\n\n    tags.forEach((tag) => {\n      setPropsIfNull(tag, {\n        role: \"listitem\"\n      })\n    });\n  }\n\n  private reinitFitty = () => {\n    this.destroyFitty();\n\n    const isSmall = media(\"small\").matches;\n\n    this.fitty = Fitty(this.mainTitleElement, {\n      minSize: isSmall ? 45 : 32,\n      maxSize: isSmall ? 96 : 64\n    });\n  }\n\n  async componentWillUpdate() {\n    this.destroyFitty();\n  }\n\n  async componentDidRender() {\n    if (this.fitty) {\n      return;\n    }\n\n    this.reinitFitty();\n  }\n\n  connectedCallback() {\n    this.init();\n    addMediaChangeListener(this.reinitFitty);\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    removeMediaChangeListener(this.reinitFitty);\n    this.destroyFitty();\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n    const backLinkSlotUsed = hasSlot(this.element, \"back-link\");\n\n    const classes = {\n      \"stzh-pagetitle-hero\": true,\n      \"stzh-pagetitle-hero--has-no-image\": !imageSlotUsed,\n      \"stzh-pagetitle-hero--has-no-lead\": !leadSlotUsed,\n      \"stzh-pagetitle-hero--has-back-link\": backLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-pagetitle-hero__header\">\n            <div class=\"stzh-pagetitle-hero__back-link\">\n              <slot name=\"back-link\"></slot>\n            </div>\n\n            <div class=\"stzh-pagetitle-hero__image-wrapper\">\n              <div class=\"stzh-pagetitle-hero__image-ratio\"></div>\n              <slot name=\"image\"></slot>\n            </div>\n\n            <div class=\"stzh-pagetitle-hero__title-wrapper\">\n              <div class=\"stzh-pagetitle-hero__tags\" role=\"list\">\n                <slot name=\"tag\"></slot>\n              </div>\n\n              <div class=\"stzh-pagetitle-hero__title-parent\">\n                <h1\n                  ref={(el) => (this.mainTitleElement = el as HTMLHeadingElement)}\n                  class=\"stzh-pagetitle-hero__title\"\n                  id={this.headingId}\n                >\n                  {this.heading}\n                </h1>\n              </div>\n              {this.subtitle &&\n                <div class=\"stzh-pagetitle-hero__subtitle\">\n                  {this.subtitle}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div class=\"stzh-pagetitle-hero__lead\">\n            <slot name=\"lead\"></slot>\n            <div class=\"stzh-pagetitle-hero__lead-author\">\n              {this.leadAuthor}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["e","t","slice","call","n","i","r","o","a","l","u","arguments","length","sync","cancelAnimationFrame","s","filter","dirty","active","requestAnimationFrame","c","forEach","styleComputed","m","y","v","p","d","f","S","availableWidth","element","parentNode","clientWidth","currentWidth","scrollWidth","previousFontSize","currentFontSize","Math","min","max","minSize","maxSize","whiteSpace","multiLine","getComputedStyle","parseFloat","getPropertyValue","display","preStyleTestCompleted","test","style","fontSize","dispatchEvent","CustomEvent","detail","oldValue","newValue","scaleFactor","h","w","observeMutations","observer","disconnect","originalStyle","b","z","F","MutationObserver","observe","g","subtree","childList","characterData","W","E","clearTimeout","setTimeout","x","observeWindowDelay","M","Object","defineProperty","set","concat","observeWindow","fitAll","C","assign","map","newbie","push","fit","unfreeze","freeze","unsubscribe","document","querySelectorAll","window","stzhPagetitleHeroCss","StzhPagetitleHero","this","init","backLink","querySelector","leads","tags","setPropsIfNull","icon","lead","tag","role","reinitFitty","destroyFitty","isSmall","media","matches","fitty","Fitty","mainTitleElement","componentWillUpdate","componentDidRender","connectedCallback","addMediaChangeListener","disconnectedCallback","removeMediaChangeListener","render","imageSlotUsed","hasSlot","leadSlotUsed","backLinkSlotUsed","classes","Host","class","name","ref","el","id","headingId","heading","subtitle","leadAuthor"],"sources":["node_modules/fitty/dist/fitty.module.js","src/components/stzh-pagetitle-hero/stzh-pagetitle-hero.scss?tag=stzh-pagetitle-hero&encapsulation=scoped","src/components/stzh-pagetitle-hero/stzh-pagetitle-hero.tsx"],"sourcesContent":["/**\n * fitty v2.4.2 - Snugly resizes text to fit its parent container\n * Copyright (c) 2023 Rik Schennink <rik@pqina.nl> (https://pqina.nl/)\n */\n\nvar e=function(e){if(e){var t=function(e){return[].slice.call(e)},n=0,i=1,r=2,o=3,a=[],l=null,u=\"requestAnimationFrame\"in e?function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{sync:!1};e.cancelAnimationFrame(l);var n=function(){return s(a.filter((function(e){return e.dirty&&e.active})))};if(t.sync)return n();l=e.requestAnimationFrame(n)}:function(){},c=function(e){return function(t){a.forEach((function(t){return t.dirty=e})),u(t)}},s=function(e){e.filter((function(e){return!e.styleComputed})).forEach((function(e){e.styleComputed=m(e)})),e.filter(y).forEach(v);var t=e.filter(p);t.forEach(d),t.forEach((function(e){v(e),f(e)})),t.forEach(S)},f=function(e){return e.dirty=n},d=function(e){e.availableWidth=e.element.parentNode.clientWidth,e.currentWidth=e.element.scrollWidth,e.previousFontSize=e.currentFontSize,e.currentFontSize=Math.min(Math.max(e.minSize,e.availableWidth/e.currentWidth*e.previousFontSize),e.maxSize),e.whiteSpace=e.multiLine&&e.currentFontSize===e.minSize?\"normal\":\"nowrap\"},p=function(e){return e.dirty!==r||e.dirty===r&&e.element.parentNode.clientWidth!==e.availableWidth},m=function(t){var n=e.getComputedStyle(t.element,null);return t.currentFontSize=parseFloat(n.getPropertyValue(\"font-size\")),t.display=n.getPropertyValue(\"display\"),t.whiteSpace=n.getPropertyValue(\"white-space\"),!0},y=function(e){var t=!1;return!e.preStyleTestCompleted&&(/inline-/.test(e.display)||(t=!0,e.display=\"inline-block\"),\"nowrap\"!==e.whiteSpace&&(t=!0,e.whiteSpace=\"nowrap\"),e.preStyleTestCompleted=!0,t)},v=function(e){e.element.style.whiteSpace=e.whiteSpace,e.element.style.display=e.display,e.element.style.fontSize=e.currentFontSize+\"px\"},S=function(e){e.element.dispatchEvent(new CustomEvent(\"fit\",{detail:{oldValue:e.previousFontSize,newValue:e.currentFontSize,scaleFactor:e.currentFontSize/e.previousFontSize}}))},h=function(e,t){return function(n){e.dirty=t,e.active&&u(n)}},w=function(e){return function(){a=a.filter((function(t){return t.element!==e.element})),e.observeMutations&&e.observer.disconnect(),e.element.style.whiteSpace=e.originalStyle.whiteSpace,e.element.style.display=e.originalStyle.display,e.element.style.fontSize=e.originalStyle.fontSize}},b=function(e){return function(){e.active||(e.active=!0,u())}},z=function(e){return function(){return e.active=!1}},F=function(e){e.observeMutations&&(e.observer=new MutationObserver(h(e,i)),e.observer.observe(e.element,e.observeMutations))},g={minSize:16,maxSize:512,multiLine:!0,observeMutations:\"MutationObserver\"in e&&{subtree:!0,childList:!0,characterData:!0}},W=null,E=function(){e.clearTimeout(W),W=e.setTimeout(c(r),x.observeWindowDelay)},M=[\"resize\",\"orientationchange\"];return Object.defineProperty(x,\"observeWindow\",{set:function(t){var n=\"\".concat(t?\"add\":\"remove\",\"EventListener\");M.forEach((function(t){e[n](t,E)}))}}),x.observeWindow=!0,x.observeWindowDelay=100,x.fitAll=c(o),x}function C(e,t){var n=Object.assign({},g,t),i=e.map((function(e){var t=Object.assign({},n,{element:e,active:!0});return function(e){e.originalStyle={whiteSpace:e.element.style.whiteSpace,display:e.element.style.display,fontSize:e.element.style.fontSize},F(e),e.newbie=!0,e.dirty=!0,a.push(e)}(t),{element:e,fit:h(t,o),unfreeze:b(t),freeze:z(t),unsubscribe:w(t)}}));return u(),i}function x(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return\"string\"==typeof e?C(t(document.querySelectorAll(e)),n):C([e],n)[0]}}(\"undefined\"==typeof window?null:window);export default e;\n",":host {\n  ::slotted(img[slot=\"image\"]),\n  ::slotted([slot=\"image\"]) img {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    object-fit: cover;\n    object-position: center;\n  }\n}\n\n.stzh-pagetitle-hero {\n  margin-bottom: calc(#{spaceCurveValue('small')} / -1);\n\n  @include mq($from: medium) {\n    margin-bottom: calc(#{spaceCurveValue('small', 'medium')} / -1);\n    padding-top: space('xxlarge');\n  }\n\n  @include mq($from: large) {\n    margin-bottom: calc(#{spaceCurveValue('small', 'large')} / -1);\n  }\n\n  &__tags {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    gap: space('xsmall');\n\n    &:not(:empty) {\n      margin-bottom: space('xlarge');\n    }\n  }\n\n  &__back-link {\n    @include mq($from: medium) {\n      position: absolute;\n      left: 0;\n      top: 0;\n    }\n\n    &:not(:empty) {\n      @include mq($to: medium) {\n        margin: space('xlarge') 0;\n      }\n    }\n  }\n\n  &__title-wrapper {\n    @include base-invert;\n    @include chip-invert;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    flex-shrink: 0;\n    position: relative;\n    z-index: 1;\n    background-color: $colorPrimary;\n    padding: space('xxxlarge') space('xlarge');\n    margin-top: calc(#{space('xxxlarge')} * -1);\n\n    @include mq($from: small) {\n      padding: space('xxxxlarge') space('xxlarge');\n      margin-top: calc(#{space('big')} * -1);\n    }\n\n    @include mq($from: medium) {\n      padding: space('big');\n    }\n\n    @include mq($from: medium) {\n      margin: space('big') 0;\n      width: (6 / 12) * 100%;\n      margin-left: -(1 / 12) * 100%;\n    }\n\n    @include mq($from: large) {\n      padding: space('xbig');\n    }\n  }\n\n  &__title {\n    @include font('heavy');\n    color: $colorWhite;\n    margin: 0;\n    font-size: 30px; // font size will be overwritten by js\n    line-height: 1.107;\n\n    overflow-wrap: break-word;\n    word-wrap: break-word;\n    -ms-word-break: normal;\n    word-break: normal;\n    word-break: break-word;\n\n    @include mq($from: small) {\n      font-size: 45px; // font size will be overwritten by js\n    }\n  }\n\n  &__subtitle {\n    @include fontCurve('h3');\n    @include spaceCurve('margin-top', 'medium');\n    color: $colorWhite;\n  }\n\n  &__header {\n    @include spaceCurve('margin-bottom', 'huge');\n    display: flex;\n    flex-direction: column;\n    position: relative;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__image-wrapper {\n    position: relative;\n    flex-shrink: 0;\n    background-color: $colorOldGrey5;\n    // for modern browsers (css variable is set via js)\n    margin-left: calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);\n    margin-right: calc((100vw - 100% - var(--stzh-scrollbar-width, 0px)) / -2);\n\n    @include mq($from: medium) {\n      width: (7 / 12) * 100%;\n      margin-left: 0;\n      margin-right: 0;\n    }\n  }\n\n  &__image-ratio {\n    position: relative;\n    width: 100%;\n    height: 0;\n    padding-bottom: (3 / 4) * 100%;\n\n    @include mq($from: small) {\n      padding-bottom: (9 / 16) * 100%;\n    }\n\n    @include mq($from: medium) {\n      padding-bottom: (3 / 4) * 100%;\n    }\n  }\n\n  &__lead {\n    margin: 0 auto;\n    margin-bottom: space('large');\n\n    @include mq($from: small) {\n      margin-bottom: space('xxlarge');\n    }\n\n    @include mq($from: large) {\n      margin-bottom: space('huge');\n      max-width: 100% / 12 * 8;\n    }\n  }\n\n  &__lead-author {\n    @include fontCurve('p1');\n    @include spaceCurve('margin-top', 'small');\n  }\n\n  /* Has back link variant */\n\n  &--has-back-link &__header {\n    @include mq($from: medium) {\n      flex-direction: row-reverse;\n    }\n  }\n\n  &--has-back-link &__title-wrapper {\n    @include mq($from: medium) {\n      margin-right: -(1 / 12) * 100%;\n    }\n  }\n\n  /* Has lead */\n\n  &--has-no-lead {\n    margin-bottom: calc(#{spaceCurveValue('large')} / -1);\n\n    @include mq($from: small) {\n      margin-bottom: calc(#{spaceCurveValue('large', 'small')} / -1);\n    }\n\n    @include mq($from: medium) {\n      margin-bottom: calc(#{spaceCurveValue('large', 'medium')} / -1);\n    }\n\n    @include mq($from: large) {\n      margin-bottom: calc(#{spaceCurveValue('large', 'large')} / -1);\n    }\n  }\n\n  &--has-no-lead &__lead {\n    display: none;\n  }\n\n  /* No image variant */\n\n  &--has-no-image &__image-wrapper {\n    display: none;\n  }\n\n  &--has-no-image &__header {\n    flex-direction: column;\n    margin-top: 0;\n  }\n\n  &--has-no-image &__title-wrapper {\n    width: 100%;\n    margin: 0;\n  }\n\n  &--has-no-image &__back-link {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n    position: static;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\nimport { addMediaChangeListener, removeMediaChangeListener, media } from \"../../utils/media-utils\";\n\nimport Fitty from \"fitty\";\n\n/**\n * @slot image - Slot for `picture` or `img` element\n * @slot lead - Slot for `stzh-text` element\n * @slot back-link - Slot for `stzh-link` element\n * @slot tag - Slot for `stzh-tag` element\n */\n@Component({\n  tag: \"stzh-pagetitle-hero\",\n  styleUrl: \"stzh-pagetitle-hero.scss\",\n  scoped: true\n})\nexport class StzhPagetitleHero {\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Heading ID */\n  @Prop() headingId: string = \"anchorContent\";\n\n  /** Lead author */\n  @Prop() leadAuthor: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string = \"\";\n\n  @Element() element: HTMLStzhPagetitleHeroElement;\n\n  private fitty: any;\n  private mainTitleElement: HTMLHeadingElement;\n  private observer: MutationObserver;\n\n  private destroyFitty() {\n    if (this.fitty) {\n      this.fitty.unsubscribe();\n      this.fitty = null;\n    }\n  }\n\n  private init = () => {\n    const backLink = this.element.querySelector('stzh-link[slot=\"back-link\"], [slot=\"back-link\"] stzh-link');\n    const leads = this.element.querySelectorAll('stzh-text[slot=\"lead\"], [slot=\"lead\"] stzh-text');\n    const tags = this.element.querySelectorAll('stzh-chip[slot=\"tag\"], [slot=\"tag\"] stzh-chip');\n\n    if (backLink) {\n      setPropsIfNull(backLink, {\n        icon: \"angle-left\"\n      } as HTMLStzhLinkElement)\n    }\n\n    leads.forEach((lead) => {\n      setPropsIfNull(lead, {\n        lead: true\n      } as HTMLStzhTextElement)\n    });\n\n    tags.forEach((tag) => {\n      setPropsIfNull(tag, {\n        role: \"listitem\"\n      })\n    });\n  }\n\n  private reinitFitty = () => {\n    this.destroyFitty();\n\n    const isSmall = media(\"small\").matches;\n\n    this.fitty = Fitty(this.mainTitleElement, {\n      minSize: isSmall ? 45 : 32,\n      maxSize: isSmall ? 96 : 64\n    });\n  }\n\n  async componentWillUpdate() {\n    this.destroyFitty();\n  }\n\n  async componentDidRender() {\n    if (this.fitty) {\n      return;\n    }\n\n    this.reinitFitty();\n  }\n\n  connectedCallback() {\n    this.init();\n    addMediaChangeListener(this.reinitFitty);\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    removeMediaChangeListener(this.reinitFitty);\n    this.destroyFitty();\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const leadSlotUsed = hasSlot(this.element, \"lead\");\n    const backLinkSlotUsed = hasSlot(this.element, \"back-link\");\n\n    const classes = {\n      \"stzh-pagetitle-hero\": true,\n      \"stzh-pagetitle-hero--has-no-image\": !imageSlotUsed,\n      \"stzh-pagetitle-hero--has-no-lead\": !leadSlotUsed,\n      \"stzh-pagetitle-hero--has-back-link\": backLinkSlotUsed,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-pagetitle-hero__header\">\n            <div class=\"stzh-pagetitle-hero__back-link\">\n              <slot name=\"back-link\"></slot>\n            </div>\n\n            <div class=\"stzh-pagetitle-hero__image-wrapper\">\n              <div class=\"stzh-pagetitle-hero__image-ratio\"></div>\n              <slot name=\"image\"></slot>\n            </div>\n\n            <div class=\"stzh-pagetitle-hero__title-wrapper\">\n              <div class=\"stzh-pagetitle-hero__tags\" role=\"list\">\n                <slot name=\"tag\"></slot>\n              </div>\n\n              <div class=\"stzh-pagetitle-hero__title-parent\">\n                <h1\n                  ref={(el) => (this.mainTitleElement = el as HTMLHeadingElement)}\n                  class=\"stzh-pagetitle-hero__title\"\n                  id={this.headingId}\n                >\n                  {this.heading}\n                </h1>\n              </div>\n              {this.subtitle &&\n                <div class=\"stzh-pagetitle-hero__subtitle\">\n                  {this.subtitle}\n                </div>\n              }\n            </div>\n          </div>\n\n          <div class=\"stzh-pagetitle-hero__lead\">\n            <slot name=\"lead\"></slot>\n            <div class=\"stzh-pagetitle-hero__lead-author\">\n              {this.leadAuthor}\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}