@oiz/stzh-components 2.11.0-beta1 → 2.11.0

package/dist/stzh-components/p-0c8d651e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhHspaceCss","StzhHspace","render","h","Host","class","this","justify","items"],"sources":["src/components/stzh-hspace/stzh-hspace.scss?tag=stzh-hspace&encapsulation=shadow","src/components/stzh-hspace/stzh-hspace.tsx"],"sourcesContent":[":host {\n  --h-space: #{space()};\n  --h-around-left: 0;\n  --h-around-right: 0;\n  --h-around: 0;\n\n  display: flex;\n\n  ::slotted(*) {\n    // fix IE11 not wrapping text\n    max-width: 100%;\n    padding-left: calc(var(--h-space) * var(--h-around-left));\n    padding-right: calc(var(--h-space) * var(--h-around-right));\n    margin: 0;\n  }\n\n  ::slotted(*:not(:last-child)) {\n    margin-right: calc(var(--h-space) * (1 - var(--h-around)));\n  }\n\n  ::slotted(stzh-vspace),\n  ::slotted(stzh-hspace),\n  ::slotted(stzh-row),\n  ::slotted(stzh-container),\n  ::slotted(stzh-section) {\n    align-self: stretch;\n    flex-grow: 1;\n  }\n}\n\n:host(:empty),\n:host([around]:not([around=\"false\"])) {\n  --h-around-left: 1;\n  --h-around-right: 1;\n  --h-around: 1;\n}\n\n:host(:empty) {\n  width: var(--h-space);\n}\n\n:host([around-left]:not([around-left=\"false\"])) {\n  --h-around-left: 1;\n  --h-around: 1;\n}\n\n:host([around-right]:not([around-right=\"false\"])) {\n  --h-around-right: 1;\n  --h-around: 1;\n}\n\n/* Border variants */\n\n:host([border=\"left\"]),\n:host([border=\"left-right\"]) {\n  border-left: 1px solid $baseBorderColor;\n}\n\n:host([border=\"right\"]),\n:host([border=\"left-right\"]) {\n  border-right: 1px solid $baseBorderColor;\n}\n\n/* Space variants */\n\n@each $spaceCurve, $value in $spaceCurves {\n  $defaultSize: map-get($value, 'size');\n  $breakpointSizes: map-get($value, 'sizes');\n\n  // :host([curve=\"#{$spaceCurve}\"]) > .stzh-h-space {\n  :host([curve=\"#{$spaceCurve}\"]) {\n    --h-space: #{space($defaultSize)};\n\n    @each $breakpoint, $size in $breakpointSizes {\n      @include mq($from: $breakpoint) {\n        --h-space: #{space($size)};\n      }\n    }\n  }\n}\n\n@mixin spaceProps($breakpoint: null) {\n  @each $space, $value in $spaceSizes {\n    @if $breakpoint {\n      // :host([size-#{$breakpoint}=\"#{$space}\"]) > .stzh-h-space {\n      :host([size-#{$breakpoint}=\"#{$space}\"]) {\n        @include mq($from: $breakpoint) {\n          --h-space: #{$value};\n        }\n      }\n    } @else {\n      // :host([size=\"#{$space}\"]) > .stzh-h-space {\n      :host([size=\"#{$space}\"]) {\n        --h-space: #{$value};\n      }\n    }\n  }\n}\n\n@include spaceProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include spaceProps($breakpoint);\n}\n\n.stzh-hspace {\n  flex-grow: 1;\n  width: 100%;\n  height: 100%;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: 0;\n  margin: 0;\n\n  &--border-left {\n    border-left: 1px solid $baseBorderColor;\n  }\n\n  &--border-right {\n    border-right: 1px solid $baseBorderColor;\n  }\n\n  /* Justify content variants */\n\n  &--justify-center {\n    justify-content: center;\n  }\n\n  &--justify-end {\n    justify-content: flex-end;\n  }\n\n  &--justify-between {\n    justify-content: space-between;\n  }\n\n  &--justify-around {\n    justify-content: space-around;\n  }\n\n  &--justify-evenly {\n    justify-content: space-evenly;\n  }\n\n  /* Align items variants */\n\n  &--items-end {\n    align-items: flex-end;\n  }\n\n  &--items-center {\n    align-items: center;\n  }\n\n  &--items-baseline {\n    align-items: baseline;\n  }\n\n  &--items-stretch {\n    align-items: stretch;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Space, Layout } from \"../../index\";\n\n/**\n * @slot - Slot for any elements that should be horizontically spaced\n */\n@Component({\n  tag: \"stzh-hspace\",\n  styleUrl: \"stzh-hspace.scss\",\n  shadow: true\n})\nexport class StzhHspace {\n  /** Type of curve (see [Spacings docs page](/docs/tokens-spacings--docs#curves) for more info). */\n  @Prop() curve: Space.Curves = \"none\";\n\n  /** Type of size (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() size: Space.Sizes = \"inherit\";\n  /** Type of size above small breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeSmall: Space.Sizes = \"inherit\";\n  /** Type of size above medium breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeMedium: Space.Sizes = \"inherit\";\n  /** Type of size above large breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeLarge: Space.Sizes = \"inherit\";\n  /** Type of size above ultra breakpoint (see [Spacings docs page](/docs/tokens-spacings--docs#values) for more info). */\n  @Prop() sizeUltra: Space.Sizes = \"inherit\";\n\n  /** Alignment */\n  @Prop() justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop() items: Layout.Items = \"start\";\n\n  /** Apply spacing to slotted elements (padding instead of margin) */\n  @Prop({ reflect: true }) around: boolean = false;\n\n  /** Apply spacing to slotted elements (padding instead of margin, only left) */\n  @Prop({ reflect: true }) aroundLeft: boolean = false;\n\n  /** Apply spacing to slotted elements (padding instead of margin, only right) */\n  @Prop({ reflect: true }) aroundRight: boolean = false;\n\n  /** Add border */\n  @Prop({ reflect: true }) border: \"none\" | \"left\" | \"right\" | \"left-right\" = \"none\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-hspace\": true,\n            [`stzh-hspace--justify-${this.justify}`]: !!this.justify,\n            [`stzh-hspace--items-${this.items}`]: !!this.items\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,++a,MCiBTC,EAAU,M,oCAES,O,UAGF,U,eAEK,U,gBAEC,U,eAED,U,eAEA,U,aAGC,Q,WAGJ,Q,YAGa,M,gBAGI,M,iBAGC,M,YAG4B,M,CAE5E,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,cAAe,KACf,CAAC,wBAAwBC,KAAKC,aAAcD,KAAKC,QACjD,CAAC,sBAAsBD,KAAKE,WAAYF,KAAKE,QAG/CL,EAAA,c"}

package/dist/stzh-components/p-0e5d39e2.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,o,i){function n(t){return t instanceof o?t:new o((function(e){e(t)}))}return new(o||(o=Promise))((function(o,r){function s(t){try{a(i.next(t))}catch(t){r(t)}}function l(t){try{a(i["throw"](t))}catch(t){r(t)}}function a(t){t.done?o(t.value):n(t.value).then(s,l)}a((i=i.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var o={label:0,sent:function(){if(r[0]&1)throw r[1];return r[1]},trys:[],ops:[]},i,n,r,s;return s={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function l(t){return function(e){return a([t,e])}}function a(l){if(i)throw new TypeError("Generator is already executing.");while(s&&(s=0,l[0]&&(o=0)),o)try{if(i=1,n&&(r=l[0]&2?n["return"]:l[0]?n["throw"]||((r=n["return"])&&r.call(n),0):n.next)&&!(r=r.call(n,l[1])).done)return r;if(n=0,r)l=[l[0]&2,r.value];switch(l[0]){case 0:case 1:r=l;break;case 4:o.label++;return{value:l[1],done:false};case 5:o.label++;n=l[1];l=[0];continue;case 7:l=o.ops.pop();o.trys.pop();continue;default:if(!(r=o.trys,r=r.length>0&&r[r.length-1])&&(l[0]===6||l[0]===2)){o=0;continue}if(l[0]===3&&(!r||l[1]>r[0]&&l[1]<r[3])){o.label=l[1];break}if(l[0]===6&&o.label<r[1]){o.label=r[1];r=l;break}if(r&&o.label<r[2]){o.label=r[2];o.ops.push(l);break}if(r[2])o.ops.pop();o.trys.pop();continue}l=e.call(t,o)}catch(t){l=[6,t];n=0}finally{i=r=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,o,i,n,r,s,l;return{setters:[function(t){e=t.r;o=t.h;i=t.F;n=t.a;r=t.g},function(t){s=t.s;l=t.h},function(){}],execute:function(){var a=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media print{stzh-footer{display:none}}.stzh-footer{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);background-color:var(--stzh-color-white);padding:var(--stzh-space-xlarge) 0;}.stzh-footer[hidden]{display:none}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}.stzh-footer stzh-link[slot=info],.stzh-footer stzh-link[slot=link],.stzh-footer stzh-link[slot=social-link],.stzh-footer stzh-link.stzh-footer__link{--color:var(--stzh-base-color);--text-decoration-line:none;--icon-wrapper-height:auto;--icon-size:var(--stzh-icon-size-large)}.stzh-footer stzh-link[slot=info] .stzh-link,.stzh-footer stzh-link[slot=link] .stzh-link,.stzh-footer stzh-link[slot=social-link] .stzh-link,.stzh-footer stzh-link.stzh-footer__link .stzh-link{font-size:inherit}.stzh-footer stzh-link[slot=social-link]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer stzh-link[slot=social-link]{margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer stzh-link[slot=info]:not(:last-child){margin-bottom:var(--stzh-space-small)}.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer__wrapper{margin-left:1.25rem;margin-right:1.25rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (min-width: 1440px){.stzh-footer__wrapper{margin-left:auto;margin-right:auto;width:78.75rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__social-link:empty,.stzh-footer__links:empty{display:none}.stzh-footer__logo:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-footer__logo:not(:empty){margin-bottom:0}}.stzh-footer__info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-footer__info:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer__info:not(:empty){margin-bottom:0}}@media screen and (min-width: 1024px){.stzh-footer__logo,.stzh-footer__social-link{margin-right:auto}}@media screen and (min-width: 1024px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:0;margin-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-footer--has-logo .stzh-footer__wrapper,.stzh-footer--has-info .stzh-footer__wrapper{-ms-flex-align:start;align-items:flex-start}}.stzh-footer--has-border{border-top:0.0625rem solid var(--stzh-base-border-color)}";var h=t("stzh_footer",function(){function t(t){var o=this;e(this,t);this.init=function(){var t=o.element.querySelector('stzh-link[slot="social-link"]');var e=o.element.querySelectorAll('stzh-link[slot="link"]');if(t){s(t,{icon:"social-media"})}e.forEach((function(t){t.setAttribute("role","listitem")}))};this.localization=undefined;this.copyright=undefined;this.variant="default";this.mainUrl="https://www.stadt-zuerich.ch";this.withBorder=false}t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(o){switch(o.label){case 0:if(typeof this.copyright==="undefined"){t=new Date;this.copyright="© ".concat(t.getFullYear()," Stadt Zürich")}if(!!this.localization)return[3,2];e=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"footer")];case 1:e.localization=o.sent();o.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t=l(this.element,"logo");var e=l(this.element,"info");var r=l(this.element,"link");var s=l(this.element,"social-link");var a={"stzh-footer":true,"stzh-footer--has-border":this.withBorder,"stzh-footer--has-logo":t,"stzh-footer--has-info":e,"stzh-footer--has-links":r,"stzh-footer--has-social-link":s};return o(n,null,o("footer",{class:a},o("div",{class:"stzh-footer__wrapper"},o("div",{class:"stzh-footer__social-link"},o("slot",{name:"social-link"})),o("div",{class:"stzh-footer__logo"},o("slot",{name:"logo"})),o("div",{class:"stzh-footer__info"},o("slot",{name:"info"})),o("div",{class:"stzh-footer__links"},this.copyright&&o("div",{class:"stzh-footer__copyright"},this.copyright),o("div",{class:"stzh-footer__link-list",role:"list"},o("slot",{name:"link"},this.variant==="egov"&&o(i,null,o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:"".concat(this.mainUrl,"/").concat(this.localization.legalNoticeUrl)},this.localization.legalNoticeText),o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:"".concat(this.mainUrl,"/").concat(this.localization.imprintUrl)},this.localization.imprintText),o("stzh-link",{class:"stzh-footer__link",slot:"link",target:"_blank",href:"".concat(this.mainUrl,"/").concat(this.localization.accessibilityUrl)},this.localization.accessibilityText))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());h.style=a}}}));
-//# sourceMappingURL=p-0e5d39e2.system.entry.js.map

package/dist/stzh-components/p-0e5d39e2.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhFooterCss","StzhFooter","exports","this","init","socialLink","_this","element","querySelector","links","querySelectorAll","setPropsIfNull","icon","forEach","link","setAttribute","class_1","prototype","componentWillLoad","copyright","currentDate","Date","concat","getFullYear","localization","_a","window","stzhComponents","utils","fetchTranslations","_b","sent","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","logoSlotUsed","hasSlot","infoSlotUsed","linkSlotUsed","socialLinkSlotUsed","classes","withBorder","h","Host","class","name","role","variant","Fragment","slot","target","href","mainUrl","legalNoticeUrl","legalNoticeText","imprintUrl","imprintText","accessibilityUrl","accessibilityText"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["stzh-footer {\n  @media print {\n    display: none;\n  }\n}\n\n.stzh-footer {\n  @include host;\n  @include fontSize('pico');\n  background-color: $colorWhite;\n  padding: space('xlarge') 0;\n\n  [slot=\"logo\"],\n  [slot=\"logo\"] img {\n    display: block;\n    height: 38px;\n  }\n\n  [slot=\"info\"] {\n    margin: 0;\n  }\n\n  stzh-link[slot=\"info\"],\n  stzh-link[slot=\"link\"],\n  stzh-link[slot=\"social-link\"],\n  stzh-link#{&}__link {\n    --color: #{$baseColor};\n    --text-decoration-line: none;\n    --icon-wrapper-height: auto;\n    --icon-size: #{iconSize('large')};\n\n    .stzh-link {\n      font-size: inherit;\n    }\n  }\n\n  stzh-link[slot=\"social-link\"] {\n    margin-bottom: space('xlarge');\n\n    @include mq($from: medium) {\n      margin-bottom: 0;\n      margin-right: space('large');\n    }\n  }\n\n  stzh-link[slot=\"info\"] {\n    &:not(:last-child) {\n      margin-bottom: space('small');\n    }\n  }\n\n  stzh-link[slot=\"link\"]{\n    &:not(:last-child) {\n      margin-bottom: space('small');\n\n      @include mq($from: smallheader) {\n        margin-bottom: 0;\n        margin-right: space('large');\n      }\n    }\n  }\n\n  &__wrapper {\n    @include container;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__logo,\n  &__info,\n  &__social-link,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__logo {\n    &:not(:empty) {\n      margin-bottom: space('medium');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    &:not(:empty) {\n      margin-bottom: space('xlarge');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__logo,\n  &__social-link {\n    @include mq($from: medium) {\n      margin-right: auto;\n    }\n  }\n\n  &__links {\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  &__link-list,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  &__copyright:not(:empty) + &__link-list:not(:empty) {\n    margin-top: space('small');\n\n    @include mq($from: smallheader) {\n      margin-top: 0;\n      margin-left: space('large');\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__wrapper,\n  &--has-info &__wrapper{\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n} from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from './stzh-footer.localization';\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for content\n * @slot social-link - Slot for social `stzh-link`\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content\n * @slot link - Slot for `stzh-link` elements\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\"\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant */\n  @Prop() variant: \"default\" | \"egov\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  /** Whether to display separation border */\n  @Prop() withBorder: boolean = false;\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const socialLink = this.element.querySelector('stzh-link[slot=\"social-link\"]');\n    const links = this.element.querySelectorAll('stzh-link[slot=\"link\"]');\n\n    if (socialLink) {\n      setPropsIfNull(socialLink, {\n        icon: \"social-media\"\n      } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n    }\n\n    links.forEach((link) => {\n      link.setAttribute(\"role\", \"listitem\");\n    });\n  }\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'footer');\n    }\n  }\n\n  connectedCallback() {\n    this.init();\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\n  render() {\n    const logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const socialLinkSlotUsed = hasSlot(this.element, \"social-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-border\": this.withBorder,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-social-link\": socialLinkSlotUsed\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__wrapper\">\n            <div class=\"stzh-footer__social-link\">\n              <slot name=\"social-link\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__logo\">\n              <slot name=\"logo\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__info\">\n              <slot name=\"info\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__links\">\n              {this.copyright &&\n                <div class=\"stzh-footer__copyright\">\n                  {this.copyright}\n                </div>\n              }\n              <div class=\"stzh-footer__link-list\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" &&\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        class=\"stzh-footer__link\"\n                        slot=\"link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  }\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4sDAAA,IAAMA,EAAgB,gsK,ICwBTC,EAAUC,EAAA,yB,mCAoBbC,KAAAC,KAAO,WACb,IAAMC,EAAaC,EAAKC,QAAQC,cAAc,iCAC9C,IAAMC,EAAQH,EAAKC,QAAQG,iBAAiB,0BAE5C,GAAIL,EAAY,CACdM,EAAeN,EAAY,CACzBO,KAAM,gB,CAIVH,EAAMI,SAAQ,SAACC,GACbA,EAAKC,aAAa,OAAQ,W,uEAvBQ,U,aAGZ,+B,gBAGI,K,CAqBxBC,EAAAC,UAAAC,kBAAN,W,oHACE,UAAWf,KAAKgB,YAAc,YAAa,CACnCC,EAAc,IAAIC,KACxBlB,KAAKgB,UAAY,KAAAG,OAAKF,EAAYG,cAAa,gB,MAG5CpB,KAAKqB,aAAN,YACFC,EAAAtB,KAAoB,SAAMuB,OAAOC,eAAeC,MAAMC,kBAAkB1B,KAAKI,QAAS,W,OAAtFkB,EAAKD,aAAeM,EAAAC,O,mCAIxBf,EAAAC,UAAAe,kBAAA,WACE7B,KAAKC,OAELD,KAAK8B,SAAW,IAAIC,iBAAiB/B,KAAKC,MAC1CD,KAAK8B,SAASE,QAAQhC,KAAKI,QAAS,CAClC6B,UAAW,KACXC,QAAS,M,EAIbrB,EAAAC,UAAAqB,qBAAA,WACE,GAAInC,KAAK8B,SAAU,CACjB9B,KAAK8B,SAASM,Y,GAIlBvB,EAAAC,UAAAuB,OAAA,WACE,IAAMC,EAAeC,EAAQvC,KAAKI,QAAS,QAC3C,IAAMoC,EAAeD,EAAQvC,KAAKI,QAAS,QAC3C,IAAMqC,EAAeF,EAAQvC,KAAKI,QAAS,QAC3C,IAAMsC,EAAqBH,EAAQvC,KAAKI,QAAS,eAEjD,IAAMuC,EAAU,CACd,cAAe,KACf,0BAA2B3C,KAAK4C,WAChC,wBAAyBN,EACzB,wBAAyBE,EACzB,yBAA0BC,EAC1B,+BAAgCC,GAGlC,OACEG,EAACC,EAAI,KACHD,EAAA,UAAQE,MAAOJ,GACbE,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,4BACTF,EAAA,QAAMG,KAAK,iBAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,sBACR/C,KAAKgB,WACJ6B,EAAA,OAAKE,MAAM,0BACR/C,KAAKgB,WAGV6B,EAAA,OAAKE,MAAM,yBAAyBE,KAAK,QACvCJ,EAAA,QAAMG,KAAK,QACRhD,KAAKkD,UAAY,QAChBL,EAACM,EAAQ,KACPN,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAAnC,OAAGnB,KAAKuD,QAAO,KAAApC,OAAInB,KAAKqB,aAAamC,iBAE1CxD,KAAKqB,aAAaoC,iBAErBZ,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAAnC,OAAGnB,KAAKuD,QAAO,KAAApC,OAAInB,KAAKqB,aAAaqC,aAE1C1D,KAAKqB,aAAasC,aAErBd,EAAA,aACEE,MAAM,oBACNK,KAAK,OACLC,OAAO,SACPC,KAAM,GAAAnC,OAAGnB,KAAKuD,QAAO,KAAApC,OAAInB,KAAKqB,aAAauC,mBAE1C5D,KAAKqB,aAAawC,yB,4HA7HpB,I"}

package/dist/stzh-components/p-0ed6eafb.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,i,s,r,n;return{setters:[function(t){e=t.r;i=t.h;s=t.a;r=t.g},function(t){n=t.h},function(){}],execute:function(){var h=".sc-stzh-figure-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-figure-h{display:none}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-figure-h .has-focus.sc-stzh-figure{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure{outline-style:none !important}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure::-moz-focus-inner{border:0 !important}.sc-stzh-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>*{width:100%}.stzh-figure.sc-stzh-figure{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:-ms-flexbox;display:flex}@media print{.stzh-figure__element.sc-stzh-figure{page-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}}.stzh-figure__caption-wrapper.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));display:-ms-flexbox;display:flex}@media screen and (min-width: 1024px){.stzh-figure__caption-wrapper.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-figure__counter.sc-stzh-figure:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-figure__counter.sc-stzh-figure,.stzh-figure__heading.sc-stzh-figure{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-figure__caption-text.sc-stzh-figure:not(:empty)+.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-figure--has-caption.sc-stzh-figure .stzh-figure__caption-wrapper.sc-stzh-figure{margin-top:var(--stzh-space-small)}";var o=t("stzh_figure",function(){function t(t){e(this,t);this.caption="";this.copyright="";this.counter="";this.heading="";this.fullwidth=true}t.prototype.render=function(){var t=n(this.element,"caption");var e=n(this.element,"copyright");var r=n(this.element,"counter");var h=n(this.element,"heading");var o={"stzh-figure":true,"stzh-figure--has-caption":!!this.caption||t||!!this.copyright||e||!!this.counter||r||!!this.heading||h};return i(s,null,i("figure",{class:o},i("div",{class:"stzh-figure__element"},i("slot",null)),i("figcaption",{class:"stzh-figure__caption-wrapper"},i("div",{class:"stzh-figure__counter"},this.counter?this.counter:i("slot",{name:"counter"})),i("div",{class:"stzh-figure__text"},i("div",{class:"stzh-figure__heading"},this.heading?this.heading:i("slot",{name:"heading"})),i("div",{class:"stzh-figure__caption"},i("span",{class:"stzh-figure__caption-text"},this.caption?this.caption:i("slot",{name:"caption"})),i("span",{class:"stzh-figure__copyright"},this.copyright?this.copyright:i("slot",{name:"copyright"})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());o.style=h}}}));
-//# sourceMappingURL=p-0ed6eafb.system.entry.js.map

package/dist/stzh-components/p-0ed6eafb.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhFigureCss","StzhFigure","exports","class_1","prototype","render","captionSlotUsed","hasSlot","this","element","copyrightSlotUsed","counterSlotUsed","headingSlotUsed","classes","caption","copyright","counter","heading","h","Host","class","name"],"sources":["src/components/stzh-figure/stzh-figure.scss?tag=stzh-figure&encapsulation=scoped","src/components/stzh-figure/stzh-figure.tsx"],"sourcesContent":[":host {\n  ::slotted(*) {\n    max-width: 100%;\n  }\n}\n\n:host([fullwidth]:not([fullwidth=\"false\"])) ::slotted(*) {\n  width: 100%;\n}\n\n.stzh-figure {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n\n  &__element {\n    display: flex;\n\n    @media print {\n      page-break-inside: avoid;\n      break-inside: avoid;\n    }\n  }\n\n  &__caption-wrapper {\n    @include fontCurve('caption');\n    display: flex;\n  }\n\n  &__counter {\n    &:not(:empty) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__counter,\n  &__heading {\n    @include font('heavy');\n  }\n\n  &__caption-text:not(:empty) + &__copyright:not(:empty) {\n    margin-left: space('xxsmall');\n  }\n\n  &__copyright {\n    @include font('medium');\n    @include fontSize('femto');\n  }\n\n  /* Has caption content */\n\n  &--has-caption &__caption-wrapper {\n    margin-top: space('small');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for e.g. image or video\n * @slot caption - Slot for a caption as alternative for attribute\n * @slot copyright - Slot for a copyright as alternative for attribute\n * @slot counter - Slot for a counter as alternative for attribute\n * @slot heading - Slot for a heading as alternative for attribute\n */\n@Component({\n  tag: \"stzh-figure\",\n  styleUrl: \"stzh-figure.scss\",\n  scoped: true\n})\nexport class StzhFigure {\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Whether to stretch slotted content to fullwidth */\n  @Prop({ reflect: true }) fullwidth: boolean = true;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const captionSlotUsed = hasSlot(this.element, 'caption');\n    const copyrightSlotUsed = hasSlot(this.element, 'copyright');\n    const counterSlotUsed = hasSlot(this.element, 'counter');\n    const headingSlotUsed = hasSlot(this.element, 'heading');\n\n    const classes = {\n      \"stzh-figure\": true,\n      \"stzh-figure--has-caption\":\n        !!this.caption || captionSlotUsed\n        || !!this.copyright || copyrightSlotUsed\n        || !!this.counter || counterSlotUsed\n        || !!this.heading || headingSlotUsed\n    };\n\n    return (\n      <Host>\n        <figure class={classes}>\n          <div class=\"stzh-figure__element\">\n            <slot></slot>\n          </div>\n          <figcaption class=\"stzh-figure__caption-wrapper\">\n            <div class=\"stzh-figure__counter\">\n              {this.counter ? this.counter : <slot name=\"counter\"></slot>}\n            </div>\n            <div class=\"stzh-figure__text\">\n              <div class=\"stzh-figure__heading\">\n                {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n              </div>\n              <div class=\"stzh-figure__caption\">\n                <span class=\"stzh-figure__caption-text\">\n                  {this.caption ? this.caption : <slot name=\"caption\"></slot>}\n                </span>\n                <span class=\"stzh-figure__copyright\">\n                  {this.copyright ? this.copyright : <slot name=\"copyright\"></slot>}\n                </span>\n              </div>\n            </div>\n          </figcaption>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8OAAA,IAAMA,EAAgB,0vF,ICsBTC,EAAUC,EAAA,yB,qCAEK,G,eAGE,G,aAGF,G,aAGA,G,eAGoB,I,CAI9CC,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAkBC,EAAQC,KAAKC,QAAS,WAC9C,IAAMC,EAAoBH,EAAQC,KAAKC,QAAS,aAChD,IAAME,EAAkBJ,EAAQC,KAAKC,QAAS,WAC9C,IAAMG,EAAkBL,EAAQC,KAAKC,QAAS,WAE9C,IAAMI,EAAU,CACd,cAAe,KACf,6BACIL,KAAKM,SAAWR,KACbE,KAAKO,WAAaL,KAClBF,KAAKQ,SAAWL,KAChBH,KAAKS,SAAWL,GAGzB,OACEM,EAACC,EAAI,KACHD,EAAA,UAAQE,MAAOP,GACbK,EAAA,OAAKE,MAAM,wBACTF,EAAA,cAEFA,EAAA,cAAYE,MAAM,gCAChBF,EAAA,OAAKE,MAAM,wBACRZ,KAAKQ,QAAUR,KAAKQ,QAAUE,EAAA,QAAMG,KAAK,aAE5CH,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,wBACRZ,KAAKS,QAAUT,KAAKS,QAAUC,EAAA,QAAMG,KAAK,aAE5CH,EAAA,OAAKE,MAAM,wBACTF,EAAA,QAAME,MAAM,6BACTZ,KAAKM,QAAUN,KAAKM,QAAUI,EAAA,QAAMG,KAAK,aAE5CH,EAAA,QAAME,MAAM,0BACTZ,KAAKO,UAAYP,KAAKO,UAAYG,EAAA,QAAMG,KAAK,mB,4HApDzC,I"}

package/dist/stzh-components/p-168f0faa.entry.js

@@ -1,8 +0,0 @@
-import{r as t,c as s,h as e,a as i,g as r,f as a,F as n}from"./p-c92165bd.js";import{m as o,a as h,r as l}from"./p-cc8c83a8.js";import{s as c,h as d}from"./p-ba8c574b.js";import"./p-9b063923.js";const f=".sc-stzh-actionset-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-actionset-h{display:none}.sc-stzh-actionset-h *.sc-stzh-actionset,.sc-stzh-actionset-h *.sc-stzh-actionset::before,.sc-stzh-actionset-h *.sc-stzh-actionset::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-actionset-h .has-focus.sc-stzh-actionset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset{outline-style:none !important}.sc-stzh-actionset-h .stzh-fylingfocus-focused.sc-stzh-actionset::-moz-focus-inner{border:0 !important}.stzh-actionset__actions.sc-stzh-actionset{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.stzh-actionset__actions-wrapper.sc-stzh-actionset{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-right:var(--stzh-space-xsmall)}.stzh-actionset__action-popover.sc-stzh-actionset{opacity:0}.stzh-actionset--has-collapsed-items.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{--width:auto;opacity:1}@media screen and (min-width: 1024px){.stzh-actionset--overflow.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__actions-wrapper.sc-stzh-actionset{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}}@media screen and (min-width: 600px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset{--white-space:nowrap}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action.sc-stzh-actionset:not(:last-child){margin-bottom:var(--stzh-space-xsmall);margin-right:0}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset .stzh-actionset__action-popover.sc-stzh-actionset{margin-top:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px){.stzh-actionset--stack.sc-stzh-actionset:not(.stzh-actionset--has-collapsed-items) .stzh-actionset__action-popover.sc-stzh-actionset{display:none}}";const u=class{constructor(e){t(this,e);this.stzhActionClick=s(this,"stzhActionClick",7);this._actions=[];this.actionClick=(t,s)=>{this.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:s})};this.update=()=>{this.isSmall=o("small").matches;this.isMedium=o("medium").matches;if(!this.actionsElement){return}Object.assign(this.actionsElement.style,{width:null,height:null});let t=0;if(this.variant==="overflow"&&this.isMedium||this.variant==="stack"&&this.isSmall){this.dynamicActions=true;let s=0;let e=0;Array.from(this.actionsElement.children).forEach((i=>{if(i.offsetTop===0){t++;const r=getComputedStyle(i);const a=parseInt(r.marginLeft);const n=parseInt(r.marginRight);const o=parseInt(r.marginTop);const h=parseInt(r.marginBottom);const l=i.offsetWidth+a+n;const c=i.offsetHeight+o+h;if(s<c){s=c}e=e+l+1}}));Object.assign(this.actionsElement.style,{width:`${e}px`,height:`${s}px`})}else{this.dynamicActions=false;if(this.variant==="overflow"){t=0}else if(this.variant==="stack"){t=this._actions.length<=3?this._actions.length:2}}this.actionsCollapsed=this._actions.slice(t)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.mediaChangeHandler=()=>{this.actionsCollapsed=[];requestAnimationFrame(this.update)};this.localization=undefined;this.variant="stack";this.popoverButtonVariant="";this.popoverButtonSize="";this.popoverPlacement="bottom-end";this.actions=[];this.actionsCollapsed=[];this.dynamicActions=undefined;this.isSmall=undefined;this.isMedium=undefined}actionsWatcher(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}}async componentWillLoad(){this.actionsWatcher(this.actions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"actionset")}}connectedCallback(){h(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){l(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}}componentDidLoad(){this.update()}render(){const t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0,[`stzh-actionset--${this.variant}`]:!!this.variant};const s=t=>e("stzh-button",{class:{"stzh-actionset__action":true,"is-button":true},icon:t.icon,iconPosition:t.iconPosition,iconOnly:t.iconOnly,badge:t.badge,variant:t.variant?t.variant:this.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:this.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:s=>{this.actionClick(t,s)}},e("span",{class:{}},t.label));return e(i,{"has-collapsed-items":this.actionsCollapsed.length>0},e("div",{class:t},e("div",{class:"stzh-actionset__actions",role:"group"},e("div",{ref:t=>this.actionsElement=t,class:"stzh-actionset__actions-wrapper"},this._actions.map((t=>(this.dynamicActions||!this.dynamicActions&&this.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?e("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},s(t)):s(t))))),e("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},e("stzh-button",{fullwidth:true,disabled:this.actionsCollapsed.length===0,class:"stzh-actionset__action is-further",variant:this.popoverButtonVariant!==""?this.popoverButtonVariant:this.variant==="stack"?"secondary":"tertiary",size:this.popoverButtonSize!==""?this.popoverButtonSize:this.variant==="stack"?"default":"tiny",icon:this.variant==="stack"?"angle-down":"more-vertical",iconOnly:this.variant==="overflow"&&this.isMedium,iconPosition:"right",label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:""}),e("stzh-menu",{slot:"content"},this.actionsCollapsed.map((t=>e("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:s=>{this.actionClick(t,s)}},t.label))))))))}get element(){return r(this)}static get watchers(){return{actions:["actionsWatcher"]}}};u.style=f;const z='.sc-stzh-card-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-h{display:none}.sc-stzh-card-h *.sc-stzh-card,.sc-stzh-card-h *.sc-stzh-card::before,.sc-stzh-card-h *.sc-stzh-card::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-h .has-focus.sc-stzh-card{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card{outline-style:none !important}.sc-stzh-card-h .stzh-fylingfocus-focused.sc-stzh-card::-moz-focus-inner{border:0 !important}.sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-popover);--border-color:var(--stzh-base-border-color);--border-radius:0.1875rem;--content-min-height:7.5rem;--dnd-visibility:hidden;--dnd-opacity:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;border-radius:var(--border-radius)}@media print{.sc-stzh-card-h{page-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}}[collapsed].sc-stzh-card-h:not([collapsed=false]){--content-min-height:none}[checked].sc-stzh-card-h:not([checked=false]){outline:0.1875rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue))}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:none}[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:hover,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false])[href]:focus-within,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-selected,[hide-elevation].sc-stzh-card-h:not([hide-elevation=false]).is-chosen,.is-selected [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]),.is-chosen [hide-elevation].sc-stzh-card-h:not([hide-elevation=false]){--box-shadow:var(--stzh-box-shadow-popover)}.is-ghost.sc-stzh-card-h::after,.is-ghost .sc-stzh-card-h::after{border-radius:var(--border-radius)}[href].sc-stzh-card-h:hover,[href].sc-stzh-card-h:focus-within,.is-selected.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-selected .sc-stzh-card-h,.is-chosen .sc-stzh-card-h{--box-shadow:var(--stzh-box-shadow-overlay)}.is-ghost.sc-stzh-card-h,.is-ghost .sc-stzh-card-h{--box-shadow:none;--border-color:transparent;overflow:hidden}.is-drag.sc-stzh-card-h,.is-chosen.sc-stzh-card-h,.is-ghost.sc-stzh-card-h,.is-selected.sc-stzh-card-h,.is-drag .sc-stzh-card-h,.is-chosen .sc-stzh-card-h,.is-ghost .sc-stzh-card-h,.is-selected .sc-stzh-card-h,[is-sortable].sc-stzh-card-h:hover{--dnd-visibility:visible;--dnd-opacity:1}.sc-stzh-card-h .sc-stzh-card-s>*{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.sc-stzh-card-h .sc-stzh-card-s>[slot=image]{width:100%;max-width:100%}.sc-stzh-card-h .sc-stzh-card-s>img[slot=image]{display:block}.sc-stzh-card-h .sc-stzh-card-s>[slot=meta]:not(:last-child){margin-right:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>table{border:0;border-spacing:0}.sc-stzh-card-h .sc-stzh-card-s>table th{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.sc-stzh-card-h .sc-stzh-card-s>table td,.sc-stzh-card-h .sc-stzh-card-s>table th{padding:0}.sc-stzh-card-h .sc-stzh-card-s>table td{color:var(--stzh-color-black);padding-left:var(--stzh-space-xsmall)}.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.sc-stzh-card-h .sc-stzh-card-s>[slot=heading],.stzh-card__title.sc-stzh-card{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-card.sc-stzh-card{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:var(--stzh-color-white);border-radius:var(--border-radius);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);border-width:0.0625rem;border-style:solid;border-color:var(--border-color);-webkit-transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:-webkit-box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed);transition:box-shadow var(--stzh-base-transition-animation-speed), -webkit-box-shadow var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .vshow-medium.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}@media screen and (max-width: 1023px){.stzh-card.sc-stzh-card .show-medium.sc-stzh-card{display:none}}@media screen and (min-width: 1024px){.stzh-card.sc-stzh-card .hide-medium.sc-stzh-card{display:none}}.stzh-card__content-wrapper.sc-stzh-card{position:relative;-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:var(--content-min-height)}.stzh-card__dnd.sc-stzh-card{--size:var(--stzh-icon-size-xsmall);position:absolute;left:0.1875rem;top:1.4375rem;display:-ms-flexbox;display:flex;visibility:var(--dnd-visibility);opacity:var(--dnd-opacity);-webkit-transition:all var(--stzh-base-transition-animation-speed);transition:all var(--stzh-base-transition-animation-speed);display:none}@media screen and (min-width: 1024px){.stzh-card__dnd.sc-stzh-card{display:block}}@media screen and (min-width: 1260px){.stzh-card__dnd.sc-stzh-card{left:0.25rem;top:1.6875rem}}.stzh-card__header-top.sc-stzh-card{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start}.stzh-card__header-meta.sc-stzh-card:not(:empty){display:-ms-inline-flexbox;display:inline-flex;margin-top:var(--stzh-space-xsmall)}.stzh-card__header-left.sc-stzh-card,.stzh-card__header-right.sc-stzh-card{display:-ms-flexbox;display:flex}.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-card__header-right.sc-stzh-card{padding-left:var(--stzh-space-medium)}}.stzh-card__left.sc-stzh-card{-ms-flex-item-align:center;align-self:center}.stzh-card__title-area.sc-stzh-card{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden}.stzh-card__title.sc-stzh-card,.stzh-card__subtitle.sc-stzh-card{margin:0}.stzh-card__title-link.sc-stzh-card{color:inherit;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-card__image-link.sc-stzh-card{display:block}.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-text-decoration-line:none;text-decoration-line:none;margin-left:-0.5625em}@media screen and (min-width: 1024px){.stzh-card__subtitle.sc-stzh-card{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card__subtitle-text.sc-stzh-card{position:relative;display:-ms-inline-flexbox;display:inline-flex;padding-left:0.5625em}.stzh-card__subtitle-text.sc-stzh-card::after{content:",";position:absolute;left:0}.stzh-card__content.sc-stzh-card{-ms-flex-positive:1;flex-grow:1}.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card__content.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card__footer-arrow.sc-stzh-card{--size:var(--stzh-icon-size-medium);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card__card-actions.sc-stzh-card{display:-ms-inline-flexbox;display:inline-flex;white-space:nowrap}@media screen and (max-width: 1023px){.stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}}.stzh-card__card-action[variant=tertiary].sc-stzh-card{--color:var(--stzh-color-grey70)}.stzh-card__card-action.is-button.sc-stzh-card{--icon-size:var(--stzh-icon-size-small)}.stzh-card__card-action.is-placeholder.sc-stzh-card{width:var(--stzh-space-xxlarge);height:var(--stzh-space-xxlarge)}.stzh-card__card-action-popover.sc-stzh-card{--width:auto}.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding:var(--stzh-space-medium);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card--has-header.sc-stzh-card .stzh-card__header.sc-stzh-card{padding:var(--stzh-space-xlarge)}}.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-medium);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card--has-footer.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding:var(--stzh-space-xlarge)}}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue));-webkit-text-decoration-line:none;text-decoration-line:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::before,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card::after{z-index:1}.stzh-card--has-link.sc-stzh-card .stzh-card__card-actions.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__header-meta.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-actionset.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__footer-select-button.sc-stzh-card{position:relative;z-index:2}.stzh-card--has-link.sc-stzh-card .stzh-card__image-link.sc-stzh-card:hover+.stzh-card__content-wrapper.sc-stzh-card .stzh-card__title-link.sc-stzh-card,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:hover,.stzh-card--has-link.sc-stzh-card .stzh-card__title-link.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-link.sc-stzh-card:hover .stzh-card__footer-arrow.sc-stzh-card{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card{cursor:pointer;font-family:inherit;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:hover,.stzh-card--has-subtitle-interactive.sc-stzh-card .stzh-card__subtitle.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--is-collapsible.sc-stzh-card .stzh-card__header.sc-stzh-card{cursor:pointer}.stzh-card--is-collapsed.sc-stzh-card .vhide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .vhide-when-collapsed.sc-stzh-card{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-card--is-collapsed.sc-stzh-card .hide-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .hide-when-collapsed.sc-stzh-card{display:none}.stzh-card--is-collapsed.sc-stzh-card .show-when-collapsed.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__header.sc-stzh-card .show-when-collapsed.sc-stzh-card{display:block}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none}.stzh-card--is-collapsed.sc-stzh-card .stzh-card__card-action.sc-stzh-card,.stzh-card--has-collapsed-header.sc-stzh-card .stzh-card__card-action.sc-stzh-card{--icon-text-margin:0px;--badge-icon-text-margin:0px}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:hover,.stzh-card--is-starred.sc-stzh-card .stzh-card__card-action.is-star.sc-stzh-card:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-card--has-hidden-header-border.sc-stzh-card .stzh-card__header.sc-stzh-card{border-bottom:none;padding-bottom:0}.stzh-card--has-hidden-footer-border.sc-stzh-card .stzh-card__footer.sc-stzh-card:not(:empty){padding-top:0;border-top:none}';const m=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhCollapse=s(this,"stzhCollapse",7);this.stzhSubtitleClick=s(this,"stzhSubtitleClick",7);this.stzhStarClick=s(this,"stzhStarClick",7);this.stzhHeaderActionClick=s(this,"stzhHeaderActionClick",7);this._subtitles=[];this.nodeChange=t=>{let s=false;t.forEach((t=>{if(t.target.closest("[slot]")||t.target.hasAttribute("slot")){s=true}}));if(s){a(this.element)}};this.update=()=>{if(!this.mainElement){return}this.mainElement.classList.remove("stzh-card--has-collapsed-header");if(o("medium").matches){const t=this.headerElement.clientWidth;const s=this.headerLeftElement.clientWidth;const e=this.headerRightElement.clientWidth;if(t-s<=e){this.mainElement.classList.add("stzh-card--has-collapsed-header")}}};this.headerClick=t=>{if(!this.collapsible){return}const s=["stzh-popover","stzh-tooltip","button","a","input","select","textarea","iframe","details","label","area"];const e=t.composedPath().map((t=>{var s;return(s=t.tagName)===null||s===void 0?void 0:s.toLowerCase()}));const i=e.some((t=>s.includes(t)));if(!i){this.collapsed=!this.collapsed;this.stzhCollapse.emit({component:"stzh-card",collapsed:this.collapsed})}};this.subtitleClick=()=>{if(this.subtitleInteractive){this.stzhSubtitleClick.emit({component:"stzh-card"})}};this.starToggleClick=()=>{this.stzhStarClick.emit({component:"stzh-card",starred:this.starred})};this.actionClick=t=>{this.stzhHeaderActionClick.emit({component:"stzh-card",action:t})};this.arrowUpClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"up")}};this.arrowDownClick=()=>{const t=this.element.closest("stzh-sortable");if(t){const s=this.findSortableChildElement();t.moveItem(s,"down")}};this.updateElementInsideSortable=()=>{const t=this.element.closest("stzh-sortable");if(!t){this.sortable.removeEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.removeEventListener("stzhDisable",this.updateElementInsideSortable);return}if(this.element){a(this.element)}};this.init=()=>{const t=this.element.querySelectorAll('stzh-chip[slot="meta"], [slot="meta"] stzh-chip');t.forEach((t=>{c(t,{size:"small"})}))};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.update)};this.handleMutation=t=>{this.init();this.nodeChange(t)};this.handleSelectionChange=t=>{this.checked=t.detail.checked};this.cardClick=t=>{this.stzhClick.emit({component:"stzh-card",originalEvent:t})};this.localization=undefined;this.collapsed=false;this.starred=false;this.starrable=false;this.selectable=false;this.checked=false;this.name="";this.href=undefined;this.target=undefined;this.value="";this.disabled=false;this.withArrow=false;this.heading="";this.subtitle="";this.headerActions=[];this.footerActions=[];this.subtitleInteractive=false;this.sortableDisabled=false;this.collapsible=false;this.hideHeaderBorder=false;this.hideFooterBorder=false;this.hideElevation=false;this.hideMovementActions=false;this.analyticsId=undefined}subtitleWatcher(t){if(typeof t==="string"){if(t===""){this._subtitles=[]}else{try{this._subtitles=JSON.parse(t)}catch(s){this._subtitles=[t]}}}else{this._subtitles=t}}headerActionsWatcher(t){if(typeof t==="string"){this._headerActions=JSON.parse(t)}else{this._headerActions=t}}footerActionsWatcher(t){if(typeof t==="string"){this._footerActions=JSON.parse(t)}else{this._footerActions=t}}collapsedWatcher(){this.handleResize()}findSortableChildElement(){const t=this.element.closest("stzh-sortable");if(t){let s=this.element;let e=null;if(typeof t.container==="function"){e=t.container()}else{e=t.container}while(s.parentElement&&s.parentElement!==e){s=s.parentElement}return s}}async componentWillLoad(){this.subtitleWatcher(this.subtitle);this.headerActionsWatcher(this.headerActions);this.footerActionsWatcher(this.footerActions);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card")}}componentDidLoad(){this.sortable=this.element.closest("stzh-sortable");if(this.sortable){this.sortable.addEventListener("stzhUpdate",this.updateElementInsideSortable);this.sortable.addEventListener("stzhDisable",this.updateElementInsideSortable)}}componentDidRender(){requestAnimationFrame((()=>{var t,s,e;const i=this.analyticsId||((t=this.headingTextElement)===null||t===void 0?void 0:t.innerText);if(i){(s=this.imageLinkElement)===null||s===void 0?void 0:s.setAttribute("s-object-id",i);(e=this.titleLinkElement)===null||e===void 0?void 0:e.setAttribute("s-object-id",i)}}))}connectedCallback(){this.init();this.observer=new MutationObserver(this.handleMutation);this.observer.observe(this.element,{childList:true,subtree:true});this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.resizeObserver){this.resizeObserver.disconnect()}}render(){var t,s,r;const a=d(this.element,"image");const o=d(this.element,"heading");const h=d(this.element,"content");const l=`${this.subtitleInteractive?"button":"span"}`;const c=this.findSortableChildElement();const f=(c===null||c===void 0?void 0:c.parentElement)&&Array.from((t=c===null||c===void 0?void 0:c.parentElement)===null||t===void 0?void 0:t.children).indexOf(c)===0;const u=(c===null||c===void 0?void 0:c.parentElement)&&Array.from((s=c===null||c===void 0?void 0:c.parentElement)===null||s===void 0?void 0:s.children).indexOf(c)===((r=c===null||c===void 0?void 0:c.parentElement)===null||r===void 0?void 0:r.children.length)-1;const z=!this.sortableDisabled&&this.sortable&&!this.sortable.disabled;const m=z&&!this.hideMovementActions;const p=this._headerActions.filter((t=>!t.onlyCollapseText));const b=!!this.heading||o;const g=b||this._subtitles.length>0||this._headerActions.length>0||p.length>0||this.starrable||m;const v=this._footerActions.length>0||this.selectable||this.withArrow;const w={"stzh-card":true,"stzh-card--has-link":!!this.href,"stzh-card--has-image":a,"stzh-card--has-content":h,"stzh-card--has-subtitle":!!this.subtitle,"stzh-card--has-subtitle-interactive":!!this.subtitle&&this.subtitleInteractive,"stzh-card--has-hidden-header-border":this.hideHeaderBorder,"stzh-card--has-hidden-footer-border":this.hideFooterBorder,"stzh-card--has-header":g,"stzh-card--has-footer":v,"stzh-card--is-collapsible":this.collapsible,"stzh-card--is-collapsed":this.collapsed,"stzh-card--is-starred":this.starred,"stzh-card--is-checked":this.checked,"stzh-card--is-sortable":z};return e(i,{role:"listitem","aria-label":this.heading,"is-sortable":z},e("article",{ref:t=>this.mainElement=t,class:w},e("a",{ref:t=>this.imageLinkElement=t,"aria-hidden":"true",tabindex:"-1",class:"stzh-card__image-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},e("slot",{name:"image"})),e("div",{class:"stzh-card__content-wrapper"},e("stzh-icon",{class:"stzh-card__dnd",name:"drag"}),e("header",{ref:t=>this.headerElement=t,class:"stzh-card__header",onClick:this.headerClick},e("div",{class:"stzh-card__header-top"},e("div",{ref:t=>this.headerLeftElement=t,class:"stzh-card__header-left"},e("div",{class:"stzh-card__title-area"},b&&e("h3",{class:"stzh-card__title"},e("a",{ref:t=>this.titleLinkElement=t,class:"stzh-card__title-link",href:this.href,target:this.target,onClick:this.href?this.cardClick:null},e("div",{ref:t=>this.headingTextElement=t},this.heading?this.heading:e("slot",{name:"heading"})))),this._subtitles.length>0&&e(l,{class:"stzh-card__subtitle",onClick:this.subtitleClick},this._subtitles.map((t=>e("span",{class:"stzh-card__subtitle-text"},t)))))),e("div",{ref:t=>this.headerRightElement=t,class:"stzh-card__header-right"},e("div",{class:"stzh-card__card-actions"},this._headerActions.map((t=>e("stzh-button",{class:{"stzh-card__card-action":true,"is-button":true,"show-medium":!t.onlyCollapseText,"hide-when-collapsed":!t.onlyCollapseText,"hide-text-when-collapsed":t.onlyCollapseText},icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,variant:"tertiary",size:"tiny",badgePosition:"icon",onClick:()=>{this.actionClick(t)}},e("span",{class:{"vshow-medium":t.onlyCollapseText,"vhide-when-collapsed":t.onlyCollapseText}},t.label)))),this.starrable&&e("stzh-tooltip",null,e("stzh-button",{class:"stzh-card__card-action is-star",icon:this.starred?"star-filled":"star",variant:"tertiary",size:"tiny",iconOnly:true,onClick:this.starToggleClick}),e("div",{slot:"content"},this.starred?this.localization.actionRemove:this.localization.actionAdd)),(p.length>0||this.starrable||m)&&e("stzh-popover",{label:this.localization.actionsPopoverLabel,placement:"bottom-end",class:{"stzh-card__card-action-popover":true,"hide-medium show-when-collapsed":!this.starrable&&!m}},e("stzh-button",{class:"stzh-card__card-action is-further",variant:"tertiary",size:"tiny",icon:"more-vertical",iconOnly:true}),e("stzh-menu",{slot:"content"},this.starrable&&e("stzh-menu-item",{icon:this.starred?"star-filled":"star",onClick:this.starToggleClick},this.starred?this.localization.actionRemove:this.localization.actionAdd),p.map((t=>e("stzh-menu-item",{class:"hide-medium show-when-collapsed",icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:()=>{this.actionClick(t)}},t.label))),m&&e(n,null,!f&&e("stzh-menu-item",{icon:"arrow-up",onClick:this.arrowUpClick},this.localization.actionMoveUp),!u&&e("stzh-menu-item",{icon:"arrow-down",onClick:this.arrowDownClick},this.localization.actionMoveDown))))))),e("div",{class:"stzh-card__header-meta"},e("slot",{name:"meta"}))),e("div",{class:"stzh-card__content hide-when-collapsed"},e("slot",{name:"content"})),e("div",{class:"stzh-card__footer hide-when-collapsed"},e("slot",{name:"footer"},this._footerActions.length>0&&e("stzh-actionset",{class:"stzh-card__footer-actionset",actions:this._footerActions}),this.selectable&&e("stzh-button",{class:"stzh-card__footer-select-button",fullwidth:true,type:"radio",variant:"secondary",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,label:this.localization.select,onStzhChange:this.handleSelectionChange}),this.withArrow&&e("stzh-icon",{class:"stzh-card__footer-arrow",name:"arrow-right-long"}))))))}get element(){return r(this)}static get watchers(){return{subtitle:["subtitleWatcher"],headerActions:["headerActionsWatcher"],footerActions:["footerActionsWatcher"],collapsed:["collapsedWatcher"]}}};m.style=z;const p=".sc-stzh-card-list-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-card-list-h{display:none}.sc-stzh-card-list-h *.sc-stzh-card-list,.sc-stzh-card-list-h *.sc-stzh-card-list::before,.sc-stzh-card-list-h *.sc-stzh-card-list::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-card-list-h .has-focus.sc-stzh-card-list{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-card-list-h .stzh-fylingfocus-focused.sc-stzh-card-list{outline-style:none !important}.sc-stzh-card-list-h .stzh-fylingfocus-focused.sc-stzh-card-list::-moz-focus-inner{border:0 !important}.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-card-list-h[layout=fullwidth] .sc-stzh-card-list-s>*:not(:last-child):not([slot]){margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:100%;margin:calc(var(--stzh-grid-gutter) / 2)}@media screen and (min-width: 600px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(50% - var(--stzh-grid-gutter-small));margin:calc(var(--stzh-grid-gutter-small) / 2)}}@media screen and (min-width: 1024px){.sc-stzh-card-list-h[layout=subpages] .sc-stzh-card-list-s>*:not([slot]){width:calc(33.333% - var(--stzh-grid-gutter-medium));margin:calc(var(--stzh-grid-gutter-medium) / 2)}}.sc-stzh-card-list-h .sc-stzh-card-list-s>[slot=description] stzh-icon{color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.sc-stzh-card-list-h .sc-stzh-card-list-s>stzh-text[slot=description]{--color:inherit}.stzh-card-list__cards.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-card-list__header.sc-stzh-card-list{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-card-list__header.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row}}.stzh-card-list__description.sc-stzh-card-list{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--stzh-base-lead-color)}@media screen and (min-width: 1024px){.stzh-card-list__description.sc-stzh-card-list{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 800px){.stzh-card-list__description.sc-stzh-card-list:not(:empty){margin-bottom:0}}.stzh-card-list__switch.sc-stzh-card-list{--color:var(--stzh-base-lead-color);-ms-flex-item-align:end;align-self:end}.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-card-list--has-header.sc-stzh-card-list .stzh-card-list__header.sc-stzh-card-list{margin-bottom:var(--stzh-space-xlarge)}}.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:calc(var(--stzh-grid-gutter) / -2)}@media screen and (min-width: 600px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-small) / -2)}}@media screen and (min-width: 1024px){.stzh-card-list--layout-subpages.sc-stzh-card-list .stzh-card-list__cards.sc-stzh-card-list{margin:calc(var(--stzh-grid-gutter-medium) / -2)}}";const b=class{constructor(e){t(this,e);this.stzhCollapseAll=s(this,"stzhCollapseAll",7);this.collapseClick=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));t.forEach((t=>{if(t.collapsible){t.collapsed=!this.allCollapsed}}));this.allCollapsed=!this.allCollapsed;this.stzhCollapseAll.emit({component:"stzh-card-list",allCollapsed:this.allCollapsed})};this.updateCollapsedState=()=>{const t=Array.from(this.element.querySelectorAll("stzh-card"));this.allCollapsed=!t.some((t=>!t.collapsed))};this.sortableGhostClone=t=>{if(t&&t.tagName.toLowerCase()==="stzh-card"){const s=t;const e=t.cloneNode(true);e.heading=s.heading;e.subtitle=s.subtitle;e.headerActions=s.headerActions;e.footerActions=s.footerActions;e.hideMovementActions=s.hideMovementActions;return e}};this.localization=undefined;this.layout="fullwidth";this.description=undefined;this.showToggleLink=false;this.sortableEnabled=false;this.sortableDataIdAttribute="data-id";this.allCollapsed=false}collapseListener(){this.updateCollapsedState()}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"card-list")}}componentDidLoad(){this.updateCollapsedState()}render(){const t=d(this.element,"description")||!!this.description;const s={"stzh-card-list":true,"stzh-card-list--has-header":this.showToggleLink||t,[`stzh-card-list--layout-${this.layout}`]:!!this.layout};return e(i,null,e("div",{class:s},e("div",{class:"stzh-card-list__header"},e("div",{class:"stzh-card-list__description"},this.description?this.description:e("slot",{name:"description"})),this.showToggleLink&&e("stzh-link",{class:"stzh-card-list__switch",icon:this.allCollapsed?"list-expanded":"list-shrinked",label:this.allCollapsed?this.localization.expandAll:this.localization.collapseAll,onClick:this.collapseClick})),e("stzh-sortable",{disabled:!this.sortableEnabled,dataIdAttribute:this.sortableDataIdAttribute,ghostClone:this.sortableGhostClone},e("div",{class:"stzh-card-list__cards",role:"list"},e("slot",null)))))}get element(){return r(this)}};b.style=p;const g=t=>"object"==typeof t&&null!=t&&1===t.nodeType,v=(t,s)=>(!s||"hidden"!==t)&&("visible"!==t&&"clip"!==t),w=(t,s)=>{if(t.clientHeight<t.scrollHeight||t.clientWidth<t.scrollWidth){const e=getComputedStyle(t,null);return v(e.overflowY,s)||v(e.overflowX,s)||(t=>{const s=(t=>{if(!t.ownerDocument||!t.ownerDocument.defaultView)return null;try{return t.ownerDocument.defaultView.frameElement}catch(t){return null}})(t);return!!s&&(s.clientHeight<t.scrollHeight||s.clientWidth<t.scrollWidth)})(t)}return!1},x=(t,s,e,i,r,a,n,o)=>a<t&&n>s||a>t&&n<s?0:a<=t&&o<=e||n>=s&&o>=e?a-t-i:n>s&&o<e||a<t&&o>e?n-s+r:0,_=t=>{const s=t.parentElement;return null==s?t.getRootNode().host||null:s},y=(t,s)=>{var e,i,r,a;if("undefined"==typeof document)return[];const{scrollMode:n,block:o,inline:h,boundary:l,skipOverflowHiddenElements:c}=s,d="function"==typeof l?l:t=>t!==l;if(!g(t))throw new TypeError("Invalid target");const f=document.scrollingElement||document.documentElement,u=[];let z=t;for(;g(z)&&d(z);){if(z=_(z),z===f){u.push(z);break}null!=z&&z===document.body&&w(z)&&!w(document.documentElement)||null!=z&&w(z,c)&&u.push(z)}const m=null!=(i=null==(e=window.visualViewport)?void 0:e.width)?i:innerWidth,p=null!=(a=null==(r=window.visualViewport)?void 0:r.height)?a:innerHeight,{scrollX:b,scrollY:v}=window,{height:y,width:k,top:E,right:S,bottom:C,left:I}=t.getBoundingClientRect();let O="start"===o||"nearest"===o?E:"end"===o?C:E+y/2,A="center"===h?I+k/2:"end"===h?S:I;const D=[];for(let t=0;t<u.length;t++){const s=u[t],{height:e,width:i,top:r,right:a,bottom:l,left:c}=s.getBoundingClientRect();if("if-needed"===n&&E>=0&&I>=0&&C<=p&&S<=m&&E>=r&&C<=l&&I>=c&&S<=a)return D;const d=getComputedStyle(s),z=parseInt(d.borderLeftWidth,10),g=parseInt(d.borderTopWidth,10),w=parseInt(d.borderRightWidth,10),_=parseInt(d.borderBottomWidth,10);let T=0,M=0;const W="offsetWidth"in s?s.offsetWidth-s.clientWidth-z-w:0,F="offsetHeight"in s?s.offsetHeight-s.clientHeight-g-_:0,N="offsetWidth"in s?0===s.offsetWidth?0:i/s.offsetWidth:0,j="offsetHeight"in s?0===s.offsetHeight?0:e/s.offsetHeight:0;if(f===s)T="start"===o?O:"end"===o?O-p:"nearest"===o?x(v,v+p,p,g,_,v+O,v+O+y,y):O-p/2,M="start"===h?A:"center"===h?A-m/2:"end"===h?A-m:x(b,b+m,m,z,w,b+A,b+A+k,k),T=Math.max(0,T+v),M=Math.max(0,M+b);else{T="start"===o?O-r-g:"end"===o?O-l+_+F:"nearest"===o?x(r,l,e,g,_+F,O,O+y,y):O-(r+e/2)+F/2,M="start"===h?A-c-z:"center"===h?A-(c+i/2)+W/2:"end"===h?A-a+w+W:x(c,a,i,z,w+W,A,A+k,k);const{scrollLeft:t,scrollTop:n}=s;T=Math.max(0,Math.min(n+T/j,s.scrollHeight-e/j+F)),M=Math.max(0,Math.min(t+M/N,s.scrollWidth-i/N+W)),O+=n-T,A+=t-M}D.push({el:s,top:T,left:M})}return D};const k=t=>!1===t?{block:"end",inline:"nearest"}:(t=>t===Object(t)&&0!==Object.keys(t).length)(t)?t:{block:"start",inline:"nearest"};function E(t,s){if(!t.isConnected||!(t=>{let s=t;for(;s&&s.parentNode;){if(s.parentNode===document)return!0;s=s.parentNode instanceof ShadowRoot?s.parentNode.host:s.parentNode}return!1})(t))return;const e=(t=>{const s=window.getComputedStyle(t);return{top:parseFloat(s.scrollMarginTop)||0,right:parseFloat(s.scrollMarginRight)||0,bottom:parseFloat(s.scrollMarginBottom)||0,left:parseFloat(s.scrollMarginLeft)||0}})(t);if((t=>"object"==typeof t&&"function"==typeof t.behavior)(s))return s.behavior(y(t,s));const i="boolean"==typeof s||null==s?void 0:s.behavior;for(const{el:r,top:a,left:n}of y(t,k(s))){const t=a-e.top+e.bottom,s=n-e.left+e.right;r.scroll({top:t,left:s,behavior:i})}}
-/**!
- * Sortable 1.15.0
- * @author	RubaXa   <trash@rubaxa.org>
- * @author	owenm    <owen23355@gmail.com>
- * @license MIT
- */function S(){S=Object.assign||function(t){for(var s=1;s<arguments.length;s++){var e=arguments[s];for(var i in e){if(Object.prototype.hasOwnProperty.call(e,i)){t[i]=e[i]}}}return t};return S.apply(this,arguments)}var C="1.15.0";function I(t){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(t)}}const O=I(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);const A=I(/Edge/i);const D=I(/firefox/i);const T=I(/safari/i)&&!I(/chrome/i)&&!I(/android/i);const M=I(/iP(ad|od|hone)/i);const W=I(/chrome/i)&&I(/android/i);const F={capture:false,passive:false};function N(t,s,e){t.addEventListener(s,e,!O&&F)}function j(t,s,e){t.removeEventListener(s,e,!O&&F)}function $(t,s){if(!s)return;s[0]===">"&&(s=s.substring(1));if(t){try{if(t.matches){return t.matches(s)}else if(t.msMatchesSelector){return t.msMatchesSelector(s)}else if(t.webkitMatchesSelector){return t.webkitMatchesSelector(s)}}catch(t){return false}}return false}function L(t){return t.host&&t!==document&&t.host.nodeType?t.host:t.parentNode}function P(t,s,e,i){if(t){e=e||document;do{if(s!=null&&(s[0]===">"?t.parentNode===e&&$(t,s):$(t,s))||i&&t===e){return t}if(t===e)break}while(t=L(t))}return null}const H=/\s+/g;function G(t,s,e){if(t&&s){if(t.classList){t.classList[e?"add":"remove"](s)}else{let i=(" "+t.className+" ").replace(H," ").replace(" "+s+" "," ");t.className=(i+(e?" "+s:"")).replace(H," ")}}}function R(t,s,e){let i=t&&t.style;if(i){if(e===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){e=document.defaultView.getComputedStyle(t,"")}else if(t.currentStyle){e=t.currentStyle}return s===void 0?e:e[s]}else{if(!(s in i)&&s.indexOf("webkit")===-1){s="-webkit-"+s}i[s]=e+(typeof e==="string"?"":"px")}}}function U(t,s){let e="";if(typeof t==="string"){e=t}else{do{let s=R(t,"transform");if(s&&s!=="none"){e=s+" "+e}}while(!s&&(t=t.parentNode))}const i=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return i&&new i(e)}function B(t,s,e){if(t){let i=t.getElementsByTagName(s),r=0,a=i.length;if(e){for(;r<a;r++){e(i[r],r)}}return i}return[]}function J(){let t=document.scrollingElement;if(t){return t}else{return document.documentElement}}function K(t,s,e,i,r){if(!t.getBoundingClientRect&&t!==window)return;let a,n,o,h,l,c,d;if(t!==window&&t.parentNode&&t!==J()){a=t.getBoundingClientRect();n=a.top;o=a.left;h=a.bottom;l=a.right;c=a.height;d=a.width}else{n=0;o=0;h=window.innerHeight;l=window.innerWidth;c=window.innerHeight;d=window.innerWidth}if((s||e)&&t!==window){r=r||t.parentNode;if(!O){do{if(r&&r.getBoundingClientRect&&(R(r,"transform")!=="none"||e&&R(r,"position")!=="static")){let t=r.getBoundingClientRect();n-=t.top+parseInt(R(r,"border-top-width"));o-=t.left+parseInt(R(r,"border-left-width"));h=n+a.height;l=o+a.width;break}}while(r=r.parentNode)}}if(i&&t!==window){let s=U(r||t),e=s&&s.a,i=s&&s.d;if(s){n/=i;o/=e;d/=e;c/=i;h=n+c;l=o+d}}return{top:n,left:o,bottom:h,right:l,width:d,height:c}}function q(t,s,e){let i=tt(t,true),r=K(t)[s];while(i){let t=K(i)[e],s;if(e==="top"||e==="left"){s=r>=t}else{s=r<=t}if(!s)return i;if(i===J())break;i=tt(i,false)}return false}function X(t,s,e,i){let r=0,a=0,n=t.children;while(a<n.length){if(n[a].style.display!=="none"&&n[a]!==fs.ghost&&(i||n[a]!==fs.dragged)&&P(n[a],e.draggable,t,false)){if(r===s){return n[a]}r++}a++}return null}function Y(t,s){let e=t.lastElementChild;while(e&&(e===fs.ghost||R(e,"display")==="none"||s&&!$(e,s))){e=e.previousElementSibling}return e||null}function V(t,s){let e=0;if(!t||!t.parentNode){return-1}while(t=t.previousElementSibling){if(t.nodeName.toUpperCase()!=="TEMPLATE"&&t!==fs.clone&&(!s||$(t,s))){e++}}return e}function Z(t){let s=0,e=0,i=J();if(t){do{let i=U(t),r=i.a,a=i.d;s+=t.scrollLeft*r;e+=t.scrollTop*a}while(t!==i&&(t=t.parentNode))}return[s,e]}function Q(t,s){for(let e in t){if(!t.hasOwnProperty(e))continue;for(let i in s){if(s.hasOwnProperty(i)&&s[i]===t[e][i])return Number(e)}}return-1}function tt(t,s){if(!t||!t.getBoundingClientRect)return J();let e=t;let i=false;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){let t=R(e);if(e.clientWidth<e.scrollWidth&&(t.overflowX=="auto"||t.overflowX=="scroll")||e.clientHeight<e.scrollHeight&&(t.overflowY=="auto"||t.overflowY=="scroll")){if(!e.getBoundingClientRect||e===document.body)return J();if(i||s)return e;i=true}}}while(e=e.parentNode);return J()}function st(t,s){if(t&&s){for(let e in s){if(s.hasOwnProperty(e)){t[e]=s[e]}}}return t}function et(t,s){return Math.round(t.top)===Math.round(s.top)&&Math.round(t.left)===Math.round(s.left)&&Math.round(t.height)===Math.round(s.height)&&Math.round(t.width)===Math.round(s.width)}let it;function rt(t,s){return function(){if(!it){let e=arguments,i=this;if(e.length===1){t.call(i,e[0])}else{t.apply(i,e)}it=setTimeout((function(){it=void 0}),s)}}}function at(){clearTimeout(it);it=void 0}function nt(t,s,e){t.scrollLeft+=s;t.scrollTop+=e}function ot(t){let s=window.Polymer;let e=window.jQuery||window.Zepto;if(s&&s.dom){return s.dom(t).cloneNode(true)}else if(e){return e(t).clone(true)[0]}else{return t.cloneNode(true)}}function ht(t,s){R(t,"position","absolute");R(t,"top",s.top);R(t,"left",s.left);R(t,"width",s.width);R(t,"height",s.height)}function lt(t){R(t,"position","");R(t,"top","");R(t,"left","");R(t,"width","");R(t,"height","")}const ct="Sortable"+(new Date).getTime();function dt(){let t=[],s;return{captureAnimationState(){t=[];if(!this.options.animation)return;let s=[].slice.call(this.el.children);s.forEach((s=>{if(R(s,"display")==="none"||s===fs.ghost)return;t.push({target:s,rect:K(s)});let e={...t[t.length-1].rect};if(s.thisAnimationDuration){let t=U(s,true);if(t){e.top-=t.f;e.left-=t.e}}s.fromRect=e}))},addAnimationState(s){t.push(s)},removeAnimationState(s){t.splice(Q(t,{target:s}),1)},animateAll(e){if(!this.options.animation){clearTimeout(s);if(typeof e==="function")e();return}let i=false,r=0;t.forEach((t=>{let s=0,e=t.target,a=e.fromRect,n=K(e),o=e.prevFromRect,h=e.prevToRect,l=t.rect,c=U(e,true);if(c){n.top-=c.f;n.left-=c.e}e.toRect=n;if(e.thisAnimationDuration){if(et(o,n)&&!et(a,n)&&(l.top-n.top)/(l.left-n.left)===(a.top-n.top)/(a.left-n.left)){s=ut(l,o,h,this.options)}}if(!et(n,a)){e.prevFromRect=a;e.prevToRect=n;if(!s){s=this.options.animation}this.animate(e,l,n,s)}if(s){i=true;r=Math.max(r,s);clearTimeout(e.animationResetTimer);e.animationResetTimer=setTimeout((function(){e.animationTime=0;e.prevFromRect=null;e.fromRect=null;e.prevToRect=null;e.thisAnimationDuration=null}),s);e.thisAnimationDuration=s}}));clearTimeout(s);if(!i){if(typeof e==="function")e()}else{s=setTimeout((function(){if(typeof e==="function")e()}),r)}t=[]},animate(t,s,e,i){if(i){R(t,"transition","");R(t,"transform","");let r=U(this.el),a=r&&r.a,n=r&&r.d,o=(s.left-e.left)/(a||1),h=(s.top-e.top)/(n||1);t.animatingX=!!o;t.animatingY=!!h;R(t,"transform","translate3d("+o+"px,"+h+"px,0)");this.forRepaintDummy=ft(t);R(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:""));R(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){R(t,"transition","");R(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),i)}}}}function ft(t){return t.offsetWidth}function ut(t,s,e,i){return Math.sqrt(Math.pow(s.top-t.top,2)+Math.pow(s.left-t.left,2))/Math.sqrt(Math.pow(s.top-e.top,2)+Math.pow(s.left-e.left,2))*i.animation}let zt=[];const mt={initializeByDefault:true};var pt={mount(t){for(let s in mt){if(mt.hasOwnProperty(s)&&!(s in t)){t[s]=mt[s]}}zt.forEach((s=>{if(s.pluginName===t.pluginName){throw`Sortable: Cannot mount plugin ${t.pluginName} more than once`}}));zt.push(t)},pluginEvent(t,s,e){this.eventCanceled=false;e.cancel=()=>{this.eventCanceled=true};const i=t+"Global";zt.forEach((r=>{if(!s[r.pluginName])return;if(s[r.pluginName][i]){s[r.pluginName][i]({sortable:s,...e})}if(s.options[r.pluginName]&&s[r.pluginName][t]){s[r.pluginName][t]({sortable:s,...e})}}))},initializePlugins(t,s,e,i){zt.forEach((i=>{const r=i.pluginName;if(!t.options[r]&&!i.initializeByDefault)return;let a=new i(t,s,t.options);a.sortable=t;a.options=t.options;t[r]=a;S(e,a.defaults)}));for(let s in t.options){if(!t.options.hasOwnProperty(s))continue;let e=this.modifyOption(t,s,t.options[s]);if(typeof e!=="undefined"){t.options[s]=e}}},getEventProperties(t,s){let e={};zt.forEach((i=>{if(typeof i.eventProperties!=="function")return;S(e,i.eventProperties.call(s[i.pluginName],t))}));return e},modifyOption(t,s,e){let i;zt.forEach((r=>{if(!t[r.pluginName])return;if(r.optionListeners&&typeof r.optionListeners[s]==="function"){i=r.optionListeners[s].call(t[r.pluginName],e)}}));return i}};function bt({sortable:t,rootEl:s,name:e,targetEl:i,cloneEl:r,toEl:a,fromEl:n,oldIndex:o,newIndex:h,oldDraggableIndex:l,newDraggableIndex:c,originalEvent:d,putSortable:f,extraEventProperties:u}){t=t||s&&s[ct];if(!t)return;let z,m=t.options,p="on"+e.charAt(0).toUpperCase()+e.substr(1);if(window.CustomEvent&&!O&&!A){z=new CustomEvent(e,{bubbles:true,cancelable:true})}else{z=document.createEvent("Event");z.initEvent(e,true,true)}z.to=a||s;z.from=n||s;z.item=i||s;z.clone=r;z.oldIndex=o;z.newIndex=h;z.oldDraggableIndex=l;z.newDraggableIndex=c;z.originalEvent=d;z.pullMode=f?f.lastPutMode:undefined;let b={...u,...pt.getEventProperties(e,t)};for(let t in b){z[t]=b[t]}if(s){s.dispatchEvent(z)}if(m[p]){m[p].call(t,z)}}let gt=function(t,s,{evt:e,...i}={}){pt.pluginEvent.bind(fs)(t,s,{dragEl:wt,parentEl:xt,ghostEl:_t,rootEl:yt,nextEl:kt,lastDownEl:Et,cloneEl:St,cloneHidden:Ct,dragStarted:Rt,putSortable:Mt,activeSortable:fs.active,originalEvent:e,oldIndex:It,oldDraggableIndex:At,newIndex:Ot,newDraggableIndex:Dt,hideGhostForTarget:hs,unhideGhostForTarget:ls,cloneNowHidden(){Ct=true},cloneNowShown(){Ct=false},dispatchSortableEvent(t){vt({sortable:s,name:t,originalEvent:e})},...i})};function vt(t){bt({putSortable:Mt,cloneEl:St,targetEl:wt,rootEl:yt,oldIndex:It,oldDraggableIndex:At,newIndex:Ot,newDraggableIndex:Dt,...t})}let wt,xt,_t,yt,kt,Et,St,Ct,It,Ot,At,Dt,Tt,Mt,Wt=false,Ft=false,Nt=[],jt,$t,Lt,Pt,Ht,Gt,Rt,Ut,Bt,Jt=false,Kt=false,qt,Xt,Yt=[],Vt=false,Zt=[];const Qt=typeof document!=="undefined",ts=M,ss=A||O?"cssFloat":"float",es=Qt&&!W&&!M&&"draggable"in document.createElement("div"),is=function(){if(!Qt)return;if(O){return false}let t=document.createElement("x");t.style.cssText="pointer-events:auto";return t.style.pointerEvents==="auto"}(),rs=function(t,s){let e=R(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),r=X(t,0,s),a=X(t,1,s),n=r&&R(r),o=a&&R(a),h=n&&parseInt(n.marginLeft)+parseInt(n.marginRight)+K(r).width,l=o&&parseInt(o.marginLeft)+parseInt(o.marginRight)+K(a).width;if(e.display==="flex"){return e.flexDirection==="column"||e.flexDirection==="column-reverse"?"vertical":"horizontal"}if(e.display==="grid"){return e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(r&&n.float&&n.float!=="none"){let t=n.float==="left"?"left":"right";return a&&(o.clear==="both"||o.clear===t)?"vertical":"horizontal"}return r&&(n.display==="block"||n.display==="flex"||n.display==="table"||n.display==="grid"||h>=i&&e[ss]==="none"||a&&e[ss]==="none"&&h+l>i)?"vertical":"horizontal"},as=function(t,s,e){let i=e?t.left:t.top,r=e?t.right:t.bottom,a=e?t.width:t.height,n=e?s.left:s.top,o=e?s.right:s.bottom,h=e?s.width:s.height;return i===n||r===o||i+a/2===n+h/2},ns=function(t,s){let e;Nt.some((i=>{const r=i[ct].options.emptyInsertThreshold;if(!r||Y(i))return;const a=K(i),n=t>=a.left-r&&t<=a.right+r,o=s>=a.top-r&&s<=a.bottom+r;if(n&&o){return e=i}}));return e},os=function(t){function s(t,e){return function(i,r,a,n){let o=i.options.group.name&&r.options.group.name&&i.options.group.name===r.options.group.name;if(t==null&&(e||o)){return true}else if(t==null||t===false){return false}else if(e&&t==="clone"){return t}else if(typeof t==="function"){return s(t(i,r,a,n),e)(i,r,a,n)}else{let s=(e?i:r).options.group.name;return t===true||typeof t==="string"&&t===s||t.join&&t.indexOf(s)>-1}}}let e={};let i=t.group;if(!i||typeof i!="object"){i={name:i}}e.name=i.name;e.checkPull=s(i.pull,true);e.checkPut=s(i.put);e.revertClone=i.revertClone;t.group=e},hs=function(){if(!is&&_t){R(_t,"display","none")}},ls=function(){if(!is&&_t){R(_t,"display","")}};if(Qt&&!W){document.addEventListener("click",(function(t){if(Ft){t.preventDefault();t.stopPropagation&&t.stopPropagation();t.stopImmediatePropagation&&t.stopImmediatePropagation();Ft=false;return false}}),true)}let cs=function(t){if(wt){t=t.touches?t.touches[0]:t;let s=ns(t.clientX,t.clientY);if(s){let e={};for(let s in t){if(t.hasOwnProperty(s)){e[s]=t[s]}}e.target=e.rootEl=s;e.preventDefault=void 0;e.stopPropagation=void 0;s[ct]._onDragOver(e)}}};let ds=function(t){if(wt){wt.parentNode[ct]._isOutsideThisEl(t.target)}};function fs(t,s){if(!(t&&t.nodeType&&t.nodeType===1)){throw`Sortable: \`el\` must be an HTMLElement, not ${{}.toString.call(t)}`}this.el=t;this.options=s=S({},s);t[ct]=this;let e={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function(){return rs(t,this.options)},ghostClone:function(t){return t.cloneNode(true)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function(t,s){t.setData("Text",s.textContent)},dropBubble:false,dragoverBubble:false,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:false,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:false,fallbackClass:"sortable-fallback",fallbackOnBody:false,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:fs.supportPointer!==false&&"PointerEvent"in window&&!T,emptyInsertThreshold:5};pt.initializePlugins(this,t,e);for(let t in e){!(t in s)&&(s[t]=e[t])}os(s);for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}this.nativeDraggable=s.forceFallback?false:es;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(s.supportPointer){N(t,"pointerdown",this._onTapStart)}else{N(t,"mousedown",this._onTapStart);N(t,"touchstart",this._onTapStart)}if(this.nativeDraggable){N(t,"dragover",this);N(t,"dragenter",this)}Nt.push(this.el);s.store&&s.store.get&&this.sort(s.store.get(this)||[]);S(this,dt())}fs.prototype={constructor:fs,_isOutsideThisEl:function(t){if(!this.el.contains(t)&&t!==this.el){Ut=null}},_getDirection:function(t,s){return typeof this.options.direction==="function"?this.options.direction.call(this,t,s,wt):this.options.direction},_onTapStart:function(t){if(!t.cancelable)return;let s=this,e=this.el,i=this.options,r=i.preventOnFilter,a=t.type,n=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,o=(n||t).target,h=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||o,l=i.filter;_s(e);if(wt){return}if(/mousedown|pointerdown/.test(a)&&t.button!==0||i.disabled){return}if(h.isContentEditable){return}if(!this.nativeDraggable&&T&&o&&o.tagName.toUpperCase()==="SELECT"){return}o=P(o,i.draggable,e,false);if(o&&o.animated){return}if(Et===o){return}It=V(o);At=V(o,i.draggable);if(typeof l==="function"){if(l.call(this,t,o,this)){vt({sortable:s,rootEl:h,name:"filter",targetEl:o,toEl:e,fromEl:e});gt("filter",s,{evt:t});r&&t.cancelable&&t.preventDefault();return}}else if(l){l=l.split(",").some((function(i){i=P(h,i.trim(),e,false);if(i){vt({sortable:s,rootEl:i,name:"filter",targetEl:o,fromEl:e,toEl:e});gt("filter",s,{evt:t});return true}}));if(l){r&&t.cancelable&&t.preventDefault();return}}if(i.handle&&!P(h,i.handle,e,false)){return}this._prepareDragStart(t,n,o)},_prepareDragStart:function(t,s,e){let i=this,r=i.el,a=i.options,n=r.ownerDocument,o;if(e&&!wt&&e.parentNode===r){let h=K(e);yt=r;wt=e;xt=wt.parentNode;kt=wt.nextSibling;Et=e;Tt=a.group;fs.dragged=wt;jt={target:wt,clientX:(s||t).clientX,clientY:(s||t).clientY};Ht=jt.clientX-h.left;Gt=jt.clientY-h.top;this._lastX=(s||t).clientX;this._lastY=(s||t).clientY;wt.style["will-change"]="all";o=function(){gt("delayEnded",i,{evt:t});if(fs.eventCanceled){i._onDrop();return}i._disableDelayedDragEvents();if(!D&&i.nativeDraggable){wt.draggable=true}i._triggerDragStart(t,s);vt({sortable:i,name:"choose",originalEvent:t});G(wt,a.chosenClass,true)};a.ignore.split(",").forEach((function(t){B(wt,t.trim(),ms)}));N(n,"dragover",cs);N(n,"mousemove",cs);N(n,"touchmove",cs);N(n,"mouseup",i._onDrop);N(n,"touchend",i._onDrop);N(n,"touchcancel",i._onDrop);if(D&&this.nativeDraggable){this.options.touchStartThreshold=4;wt.draggable=true}gt("delayStart",this,{evt:t});if(a.delay&&(!a.delayOnTouchOnly||s)&&(!this.nativeDraggable||!(A||O))){if(fs.eventCanceled){this._onDrop();return}N(n,"mouseup",i._disableDelayedDrag);N(n,"touchend",i._disableDelayedDrag);N(n,"touchcancel",i._disableDelayedDrag);N(n,"mousemove",i._delayedDragTouchMoveHandler);N(n,"touchmove",i._delayedDragTouchMoveHandler);a.supportPointer&&N(n,"pointermove",i._delayedDragTouchMoveHandler);i._dragStartTimer=setTimeout(o,a.delay)}else{o()}}},_delayedDragTouchMoveHandler:function(t){let s=t.touches?t.touches[0]:t;if(Math.max(Math.abs(s.clientX-this._lastX),Math.abs(s.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function(){wt&&ms(wt);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){let t=this.el.ownerDocument;j(t,"mouseup",this._disableDelayedDrag);j(t,"touchend",this._disableDelayedDrag);j(t,"touchcancel",this._disableDelayedDrag);j(t,"mousemove",this._delayedDragTouchMoveHandler);j(t,"touchmove",this._delayedDragTouchMoveHandler);j(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,s){s=s||t.pointerType=="touch"&&t;if(!this.nativeDraggable||s){if(this.options.supportPointer){N(document,"pointermove",this._onTouchMove)}else if(s){N(document,"touchmove",this._onTouchMove)}else{N(document,"mousemove",this._onTouchMove)}}else{N(wt,"dragend",this);N(yt,"dragstart",this._onDragStart)}try{if(document.selection){ys((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(t){}},_dragStarted:function(t,s){Wt=false;if(yt&&wt){gt("dragStarted",this,{evt:s});if(this.nativeDraggable){N(document,"dragover",ds)}let e=this.options;!t&&G(wt,e.dragClass,false);G(wt,e.ghostClass,true);fs.active=this;t&&this._appendGhost();vt({sortable:this,name:"start",originalEvent:s})}else{this._nulling()}},_emulateDragOver:function(){if($t){this._lastX=$t.clientX;this._lastY=$t.clientY;hs();let t=document.elementFromPoint($t.clientX,$t.clientY);let s=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint($t.clientX,$t.clientY);if(t===s)break;s=t}wt.parentNode[ct]._isOutsideThisEl(t);if(s){do{if(s[ct]){let e;e=s[ct]._onDragOver({clientX:$t.clientX,clientY:$t.clientY,target:t,rootEl:s});if(e&&!this.options.dragoverBubble){break}}t=s}while(s=s.parentNode)}ls()}},_onTouchMove:function(t){if(jt){let s=this.options,e=s.fallbackTolerance,i=s.fallbackOffset,r=t.touches?t.touches[0]:t,a=_t&&U(_t,true),n=_t&&a&&a.a,o=_t&&a&&a.d,h=ts&&Xt&&Z(Xt),l=(r.clientX-jt.clientX+i.x)/(n||1)+(h?h[0]-Yt[0]:0)/(n||1),c=(r.clientY-jt.clientY+i.y)/(o||1)+(h?h[1]-Yt[1]:0)/(o||1);if(!fs.active&&!Wt){if(e&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))<e){return}this._onDragStart(t,true)}if(_t){if(a){a.e+=l-(Lt||0);a.f+=c-(Pt||0)}else{a={a:1,b:0,c:0,d:1,e:l,f:c}}let t=`matrix(${a.a},${a.b},${a.c},${a.d},${a.e},${a.f})`;R(_t,"webkitTransform",t);R(_t,"mozTransform",t);R(_t,"msTransform",t);R(_t,"transform",t);Lt=l;Pt=c;$t=r}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!_t){let t=this.options.fallbackOnBody?document.body:yt,s=K(wt,true,ts,true,t),e=this.options;if(ts){Xt=t;while(R(Xt,"position")==="static"&&R(Xt,"transform")==="none"&&Xt!==document){Xt=Xt.parentNode}if(Xt!==document.body&&Xt!==document.documentElement){if(Xt===document)Xt=J();s.top+=Xt.scrollTop;s.left+=Xt.scrollLeft}else{Xt=J()}Yt=Z(Xt)}_t=e.ghostClone(wt);G(_t,e.ghostClass,false);G(_t,e.fallbackClass,true);G(_t,e.dragClass,true);R(_t,"transition","");R(_t,"transform","");R(_t,"box-sizing","border-box");R(_t,"margin",0);R(_t,"top",s.top);R(_t,"left",s.left);R(_t,"width",s.width);R(_t,"height",s.height);R(_t,"opacity","0.8");R(_t,"position",ts?"absolute":"fixed");R(_t,"zIndex","100000");R(_t,"pointerEvents","none");fs.ghost=_t;t.appendChild(_t);R(_t,"transform-origin",Ht/parseInt(_t.style.width)*100+"% "+Gt/parseInt(_t.style.height)*100+"%")}},_onDragStart:function(t,s){let e=this;let i=t.dataTransfer;let r=e.options;gt("dragStart",this,{evt:t});if(fs.eventCanceled){this._onDrop();return}gt("setupClone",this);if(!fs.eventCanceled){St=ot(wt);St.removeAttribute("id");St.draggable=false;St.style["will-change"]="";this._hideClone();G(St,this.options.chosenClass,false);fs.clone=St}e.cloneId=ys((function(){gt("clone",e);if(fs.eventCanceled)return;if(!e.options.removeCloneOnHide){yt.insertBefore(St,wt)}e._hideClone();vt({sortable:e,name:"clone"})}));!s&&G(wt,r.dragClass,true);if(s){Ft=true;e._loopId=setInterval(e._emulateDragOver,50)}else{j(document,"mouseup",e._onDrop);j(document,"touchend",e._onDrop);j(document,"touchcancel",e._onDrop);if(i){i.effectAllowed="move";r.setData&&r.setData.call(e,i,wt)}N(document,"drop",e);R(wt,"transform","translateZ(0)")}Wt=true;e._dragStartId=ys(e._dragStarted.bind(e,s,t));N(document,"selectstart",e);Rt=true;if(T){R(document.body,"user-select","none")}},_onDragOver:function(t){let s=this.el,e=t.target,i,r,a,n=this.options,o=n.group,h=fs.active,l=Tt===o,c=n.sort,d=Mt||h,f,u=this,z=false;if(Vt)return;function m(n,o){gt(n,u,{evt:t,isOwner:l,axis:f?"vertical":"horizontal",revert:a,dragRect:i,targetRect:r,canSort:c,fromSortable:d,target:e,completed:b,onMove(e,r){return zs(yt,s,wt,i,e,K(e),t,r)},changed:g,...o})}function p(){m("dragOverAnimationCapture");u.captureAnimationState();if(u!==d){d.captureAnimationState()}}function b(i){m("dragOverCompleted",{insertion:i});if(i){if(l){h._hideClone()}else{h._showClone(u)}if(u!==d){G(wt,Mt?Mt.options.ghostClass:h.options.ghostClass,false);G(wt,n.ghostClass,true)}if(Mt!==u&&u!==fs.active){Mt=u}else if(u===fs.active&&Mt){Mt=null}if(d===u){u._ignoreWhileAnimating=e}u.animateAll((function(){m("dragOverAnimationComplete");u._ignoreWhileAnimating=null}));if(u!==d){d.animateAll();d._ignoreWhileAnimating=null}}if(e===wt&&!wt.animated||e===s&&!e.animated){Ut=null}if(!n.dragoverBubble&&!t.rootEl&&e!==document){wt.parentNode[ct]._isOutsideThisEl(t.target);!i&&cs(t)}!n.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return z=true}function g(){Ot=V(wt);Dt=V(wt,n.draggable);vt({sortable:u,name:"change",toEl:s,newIndex:Ot,newDraggableIndex:Dt,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}e=P(e,n.draggable,s,true);m("dragOver");if(fs.eventCanceled)return z;if(wt.contains(t.target)||e.animated&&e.animatingX&&e.animatingY||u._ignoreWhileAnimating===e){return b(false)}Ft=false;if(h&&!n.disabled&&(l?c||(a=xt!==yt):Mt===this||(this.lastPutMode=Tt.checkPull(this,h,wt,t))&&o.checkPut(this,h,wt,t))){f=this._getDirection(t,e)==="vertical";i=K(wt);m("dragOverValid");if(fs.eventCanceled)return z;if(a){xt=yt;p();this._hideClone();m("revert");if(!fs.eventCanceled){if(kt){yt.insertBefore(wt,kt)}else{yt.appendChild(wt)}}return b(true)}let o=Y(s,n.draggable);if(!o||gs(t,f,this)&&!o.animated){if(o===wt){return b(false)}if(o&&s===t.target){e=o}if(e){r=K(e)}if(zs(yt,s,wt,i,e,r,t,!!e)!==false){p();if(o&&o.nextSibling){s.insertBefore(wt,o.nextSibling)}else{s.appendChild(wt)}xt=s;g();return b(true)}}else if(o&&bs(t,f,this)){let a=X(s,0,n,true);if(a===wt){return b(false)}e=a;r=K(e);if(zs(yt,s,wt,i,e,r,t,false)!==false){p();s.insertBefore(wt,a);xt=s;g();return b(true)}}else if(e.parentNode===s){r=K(e);let a=0,o,h=wt.parentNode!==s,l=!as(wt.animated&&wt.toRect||i,e.animated&&e.toRect||r,f),c=f?"top":"left",d=q(e,"top","top")||q(wt,"top","top"),u=d?d.scrollTop:void 0;if(Ut!==e){o=r[c];Jt=false;Kt=!l&&n.invertSwap||h}a=vs(t,e,r,f,l?1:n.swapThreshold,n.invertedSwapThreshold==null?n.swapThreshold:n.invertedSwapThreshold,Kt,Ut===e);let z;if(a!==0){let t=V(wt);do{t-=a;z=xt.children[t]}while(z&&(R(z,"display")==="none"||z===_t))}if(a===0||z===e){return b(false)}Ut=e;Bt=a;let m=e.nextElementSibling,v=false;v=a===1;let w=zs(yt,s,wt,i,e,r,t,v);if(w!==false){if(w===1||w===-1){v=w===1}Vt=true;setTimeout(ps,30);p();if(v&&!m){s.appendChild(wt)}else{e.parentNode.insertBefore(wt,v?m:e)}if(d){nt(d,0,u-d.scrollTop)}xt=wt.parentNode;if(o!==undefined&&!Kt){qt=Math.abs(o-K(e)[c])}g();return b(true)}}if(s.contains(wt)){return b(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function(){j(document,"mousemove",this._onTouchMove);j(document,"touchmove",this._onTouchMove);j(document,"pointermove",this._onTouchMove);j(document,"dragover",cs);j(document,"mousemove",cs);j(document,"touchmove",cs)},_offUpEvents:function(){let t=this.el.ownerDocument;j(t,"mouseup",this._onDrop);j(t,"touchend",this._onDrop);j(t,"pointerup",this._onDrop);j(t,"touchcancel",this._onDrop);j(document,"selectstart",this)},_onDrop:function(t){let s=this.el,e=this.options;Ot=V(wt);Dt=V(wt,e.draggable);gt("drop",this,{evt:t});xt=wt&&wt.parentNode;Ot=V(wt);Dt=V(wt,e.draggable);if(fs.eventCanceled){this._nulling();return}Wt=false;Kt=false;Jt=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);ks(this.cloneId);ks(this._dragStartId);if(this.nativeDraggable){j(document,"drop",this);j(s,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(T){R(document.body,"user-select","")}R(wt,"transform","");if(t){if(Rt){t.cancelable&&t.preventDefault();!e.dropBubble&&t.stopPropagation()}_t&&_t.parentNode&&_t.parentNode.removeChild(_t);if(yt===xt||Mt&&Mt.lastPutMode!=="clone"){St&&St.parentNode&&St.parentNode.removeChild(St)}if(wt){if(this.nativeDraggable){j(wt,"dragend",this)}ms(wt);wt.style["will-change"]="";if(Rt&&!Wt){G(wt,Mt?Mt.options.ghostClass:this.options.ghostClass,false)}G(wt,this.options.chosenClass,false);vt({sortable:this,name:"unchoose",toEl:xt,newIndex:null,newDraggableIndex:null,originalEvent:t});if(yt!==xt){if(Ot>=0){vt({rootEl:xt,name:"add",toEl:xt,fromEl:yt,originalEvent:t});vt({sortable:this,name:"remove",toEl:xt,originalEvent:t});vt({rootEl:xt,name:"sort",toEl:xt,fromEl:yt,originalEvent:t});vt({sortable:this,name:"sort",toEl:xt,originalEvent:t})}Mt&&Mt.save()}else{if(Ot!==It){if(Ot>=0){vt({sortable:this,name:"update",toEl:xt,originalEvent:t});vt({sortable:this,name:"sort",toEl:xt,originalEvent:t})}}}if(fs.active){if(Ot==null||Ot===-1){Ot=It;Dt=At}vt({sortable:this,name:"end",toEl:xt,originalEvent:t});this.save()}}}this._nulling()},_nulling:function(){gt("nulling",this);yt=wt=xt=_t=kt=St=Et=Ct=jt=$t=Rt=Ot=Dt=It=At=Ut=Bt=Mt=Tt=fs.dragged=fs.ghost=fs.clone=fs.active=null;Zt.forEach((function(t){t.checked=true}));Zt.length=Lt=Pt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(wt){this._onDragOver(t);us(t)}break;case"selectstart":t.preventDefault();break}},toArray:function(){let t=[],s,e=this.el.children,i=0,r=e.length,a=this.options;for(;i<r;i++){s=e[i];if(P(s,a.draggable,this.el,false)){t.push(s.getAttribute(a.dataIdAttr)||xs(s))}}return t},sort:function(t,s){let e={},i=this.el;this.toArray().forEach((function(t,s){let r=i.children[s];if(P(r,this.options.draggable,i,false)){e[t]=r}}),this);s&&this.captureAnimationState();t.forEach((function(t){if(e[t]){i.removeChild(e[t]);i.appendChild(e[t])}}));s&&this.animateAll()},save:function(){let t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,s){return P(t,s||this.options.draggable,this.el,false)},option:function(t,s){let e=this.options;if(s===void 0){return e[t]}else{let i=pt.modifyOption(this,t,s);if(typeof i!=="undefined"){e[t]=i}else{e[t]=s}if(t==="group"){os(e)}}},destroy:function(){gt("destroy",this);let t=this.el;t[ct]=null;j(t,"mousedown",this._onTapStart);j(t,"touchstart",this._onTapStart);j(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){j(t,"dragover",this);j(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();Nt.splice(Nt.indexOf(this.el),1);this.el=t=null},_hideClone:function(){if(!Ct){gt("hideClone",this);if(fs.eventCanceled)return;R(St,"display","none");if(this.options.removeCloneOnHide&&St.parentNode){St.parentNode.removeChild(St)}Ct=true}},_showClone:function(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(Ct){gt("showClone",this);if(fs.eventCanceled)return;if(wt.parentNode==yt&&!this.options.group.revertClone){yt.insertBefore(St,wt)}else if(kt){yt.insertBefore(St,kt)}else{yt.appendChild(St)}if(this.options.group.revertClone){this.animate(wt,St)}R(St,"display","");Ct=false}}};function us(t){if(t.dataTransfer){t.dataTransfer.dropEffect="move"}t.cancelable&&t.preventDefault()}function zs(t,s,e,i,r,a,n,o){let h,l=t[ct],c=l.options.onMove,d;if(window.CustomEvent&&!O&&!A){h=new CustomEvent("move",{bubbles:true,cancelable:true})}else{h=document.createEvent("Event");h.initEvent("move",true,true)}h.to=s;h.from=t;h.dragged=e;h.draggedRect=i;h.related=r||s;h.relatedRect=a||K(s);h.willInsertAfter=o;h.originalEvent=n;t.dispatchEvent(h);if(c){d=c.call(l,h,n)}return d}function ms(t){t.draggable=false}function ps(){Vt=false}function bs(t,s,e){let i=K(X(e.el,0,e.options,true));const r=10;return s?t.clientX<i.left-r||t.clientY<i.top&&t.clientX<i.right:t.clientY<i.top-r||t.clientY<i.bottom&&t.clientX<i.left}function gs(t,s,e){let i=K(Y(e.el,e.options.draggable));const r=10;return s?t.clientX>i.right+r||t.clientX<=i.right&&t.clientY>i.bottom&&t.clientX>=i.left:t.clientX>i.right&&t.clientY>i.top||t.clientX<=i.right&&t.clientY>i.bottom+r}function vs(t,s,e,i,r,a,n,o){let h=i?t.clientY:t.clientX,l=i?e.height:e.width,c=i?e.top:e.left,d=i?e.bottom:e.right,f=false;if(!n){if(o&&qt<l*r){if(!Jt&&(Bt===1?h>c+l*a/2:h<d-l*a/2)){Jt=true}if(!Jt){if(Bt===1?h<c+qt:h>d-qt){return-Bt}}else{f=true}}else{if(h>c+l*(1-r)/2&&h<d-l*(1-r)/2){return ws(s)}}}f=f||n;if(f){if(h<c+l*a/2||h>d-l*a/2){return h>c+l/2?1:-1}}return 0}function ws(t){if(V(wt)<V(t)){return 1}else{return-1}}function xs(t){let s=t.tagName+t.className+t.src+t.href+t.textContent,e=s.length,i=0;while(e--){i+=s.charCodeAt(e)}return i.toString(36)}function _s(t){Zt.length=0;let s=t.getElementsByTagName("input");let e=s.length;while(e--){let t=s[e];t.checked&&Zt.push(t)}}function ys(t){return setTimeout(t,0)}function ks(t){return clearTimeout(t)}if(Qt){N(document,"touchmove",(function(t){if((fs.active||Wt)&&t.cancelable){t.preventDefault()}}))}fs.utils={on:N,off:j,css:R,find:B,is:function(t,s){return!!P(t,s,t,false)},extend:st,throttle:rt,closest:P,toggleClass:G,clone:ot,index:V,nextTick:ys,cancelNextTick:ks,detectDirection:rs,getChild:X};fs.get=function(t){return t[ct]};fs.mount=function(...t){if(t[0].constructor===Array)t=t[0];t.forEach((t=>{if(!t.prototype||!t.prototype.constructor){throw`Sortable: Mounted plugin must be a constructor function, not ${{}.toString.call(t)}`}if(t.utils)fs.utils={...fs.utils,...t.utils};pt.mount(t)}))};fs.create=function(t,s){return new fs(t,s)};fs.version=C;let Es=[],Ss,Cs,Is=false,Os,As,Ds,Ts;function Ms(){function t(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}}t.prototype={dragStarted({originalEvent:t}){if(this.sortable.nativeDraggable){N(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){N(document,"pointermove",this._handleFallbackAutoScroll)}else if(t.touches){N(document,"touchmove",this._handleFallbackAutoScroll)}else{N(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted({originalEvent:t}){if(!this.options.dragOverBubble&&!t.rootEl){this._handleAutoScroll(t)}},drop(){if(this.sortable.nativeDraggable){j(document,"dragover",this._handleAutoScroll)}else{j(document,"pointermove",this._handleFallbackAutoScroll);j(document,"touchmove",this._handleFallbackAutoScroll);j(document,"mousemove",this._handleFallbackAutoScroll)}Fs();Ws();at()},nulling(){Ds=Cs=Ss=Is=Ts=Os=As=null;Es.length=0},_handleFallbackAutoScroll(t){this._handleAutoScroll(t,true)},_handleAutoScroll(t,s){const e=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(e,i);Ds=t;if(s||this.options.forceAutoScrollFallback||A||O||T){Ns(t,this.options,r,s);let a=tt(r,true);if(Is&&(!Ts||e!==Os||i!==As)){Ts&&Fs();Ts=setInterval((()=>{let r=tt(document.elementFromPoint(e,i),true);if(r!==a){a=r;Ws()}Ns(t,this.options,r,s)}),10);Os=e;As=i}}else{if(!this.options.bubbleScroll||tt(r,true)===J()){Ws();return}Ns(t,this.options,tt(r,false),false)}}};return S(t,{pluginName:"scroll",initializeByDefault:true})}function Ws(){Es.forEach((function(t){clearInterval(t.pid)}));Es=[]}function Fs(){clearInterval(Ts)}const Ns=rt((function(t,s,e,i){if(!s.scroll)return;const r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,n=s.scrollSensitivity,o=s.scrollSpeed,h=J();let l=false,c;if(Cs!==e){Cs=e;Ws();Ss=s.scroll;c=s.scrollFn;if(Ss===true){Ss=tt(e,true)}}let d=0;let f=Ss;do{let s=f,e=K(s),u=e.top,z=e.bottom,m=e.left,p=e.right,b=e.width,g=e.height,v,w,x=s.scrollWidth,_=s.scrollHeight,y=R(s),k=s.scrollLeft,E=s.scrollTop;if(s===h){v=b<x&&(y.overflowX==="auto"||y.overflowX==="scroll"||y.overflowX==="visible");w=g<_&&(y.overflowY==="auto"||y.overflowY==="scroll"||y.overflowY==="visible")}else{v=b<x&&(y.overflowX==="auto"||y.overflowX==="scroll");w=g<_&&(y.overflowY==="auto"||y.overflowY==="scroll")}let S=v&&(Math.abs(p-r)<=n&&k+b<x)-(Math.abs(m-r)<=n&&!!k);let C=w&&(Math.abs(z-a)<=n&&E+g<_)-(Math.abs(u-a)<=n&&!!E);if(!Es[d]){for(let t=0;t<=d;t++){if(!Es[t]){Es[t]={}}}}if(Es[d].vx!=S||Es[d].vy!=C||Es[d].el!==s){Es[d].el=s;Es[d].vx=S;Es[d].vy=C;clearInterval(Es[d].pid);if(S!=0||C!=0){l=true;Es[d].pid=setInterval(function(){if(i&&this.layer===0){fs.active._onTouchMove(Ds)}let s=Es[this.layer].vy?Es[this.layer].vy*o:0;let e=Es[this.layer].vx?Es[this.layer].vx*o:0;if(typeof c==="function"){if(c.call(fs.dragged.parentNode[ct],e,s,t,Ds,Es[this.layer].el)!=="continue"){return}}nt(Es[this.layer].el,e,s)}.bind({layer:d}),24)}}d++}while(s.bubbleScroll&&f!==h&&(f=tt(f,false)));Is=l}),30);const js=function({originalEvent:t,putSortable:s,dragEl:e,activeSortable:i,dispatchSortableEvent:r,hideGhostForTarget:a,unhideGhostForTarget:n}){if(!t)return;let o=s||i;a();let h=t.changedTouches&&t.changedTouches.length?t.changedTouches[0]:t;let l=document.elementFromPoint(h.clientX,h.clientY);n();if(o&&!o.el.contains(l)){r("spill");this.onSpill({dragEl:e,putSortable:s})}};function $s(){}$s.prototype={startIndex:null,dragStart({oldDraggableIndex:t}){this.startIndex=t},onSpill({dragEl:t,putSortable:s}){this.sortable.captureAnimationState();if(s){s.captureAnimationState()}let e=X(this.sortable.el,this.startIndex,this.options);if(e){this.sortable.el.insertBefore(t,e)}else{this.sortable.el.appendChild(t)}this.sortable.animateAll();if(s){s.animateAll()}},drop:js};S($s,{pluginName:"revertOnSpill"});function Ls(){}Ls.prototype={onSpill({dragEl:t,putSortable:s}){const e=s||this.sortable;e.captureAnimationState();t.parentNode&&t.parentNode.removeChild(t);e.animateAll()},drop:js};S(Ls,{pluginName:"removeOnSpill"});let Ps;function Hs(){function t(){this.defaults={swapClass:"sortable-swap-highlight"}}t.prototype={dragStart({dragEl:t}){Ps=t},dragOverValid({completed:t,target:s,onMove:e,activeSortable:i,changed:r,cancel:a}){if(!i.options.swap)return;let n=this.sortable.el,o=this.options;if(s&&s!==n){let t=Ps;if(e(s)!==false){G(s,o.swapClass,true);Ps=s}else{Ps=null}if(t&&t!==Ps){G(t,o.swapClass,false)}}r();t(true);a()},drop({activeSortable:t,putSortable:s,dragEl:e}){let i=s||this.sortable;let r=this.options;Ps&&G(Ps,r.swapClass,false);if(Ps&&(r.swap||s&&s.options.swap)){if(e!==Ps){i.captureAnimationState();if(i!==t)t.captureAnimationState();Gs(e,Ps);i.animateAll();if(i!==t)t.animateAll()}}},nulling(){Ps=null}};return S(t,{pluginName:"swap",eventProperties(){return{swapItem:Ps}}})}function Gs(t,s){let e=t.parentNode,i=s.parentNode,r,a;if(!e||!i||e.isEqualNode(s)||i.isEqualNode(t))return;r=V(t);a=V(s);if(e.isEqualNode(i)&&r<a){a++}e.insertBefore(s,e.children[r]);i.insertBefore(t,i.children[a])}let Rs=[],Us=[],Bs,Js,Ks=false,qs=false,Xs=false,Ys,Vs,Zs;function Qs(){function t(t){for(let t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}if(!t.options.avoidImplicitDeselect){if(t.options.supportPointer){N(document,"pointerup",this._deselectMultiDrag)}else{N(document,"mouseup",this._deselectMultiDrag);N(document,"touchend",this._deselectMultiDrag)}}N(document,"keydown",this._checkKeyDown);N(document,"keyup",this._checkKeyUp);this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:false,setData(s,e){let i="";if(Rs.length&&Js===t){Rs.forEach(((t,s)=>{i+=(!s?"":", ")+t.textContent}))}else{i=e.textContent}s.setData("Text",i)}}}t.prototype={multiDragKeyDown:false,isMultiDrag:false,delayStartGlobal({dragEl:t}){Ys=t},delayEnded(){this.isMultiDrag=~Rs.indexOf(Ys)},setupClone({sortable:t,cancel:s}){if(!this.isMultiDrag)return;for(let t=0;t<Rs.length;t++){Us.push(ot(Rs[t]));Us[t].sortableIndex=Rs[t].sortableIndex;Us[t].draggable=false;Us[t].style["will-change"]="";G(Us[t],this.options.selectedClass,false);Rs[t]===Ys&&G(Us[t],this.options.chosenClass,false)}t._hideClone();s()},clone({sortable:t,rootEl:s,dispatchSortableEvent:e,cancel:i}){if(!this.isMultiDrag)return;if(!this.options.removeCloneOnHide){if(Rs.length&&Js===t){se(true,s);e("clone");i()}}},showClone({cloneNowShown:t,rootEl:s,cancel:e}){if(!this.isMultiDrag)return;se(false,s);Us.forEach((t=>{R(t,"display","")}));t();Zs=false;e()},hideClone({sortable:t,cloneNowHidden:s,cancel:e}){if(!this.isMultiDrag)return;Us.forEach((t=>{R(t,"display","none");if(this.options.removeCloneOnHide&&t.parentNode){t.parentNode.removeChild(t)}}));s();Zs=true;e()},dragStartGlobal({sortable:t}){if(!this.isMultiDrag&&Js){Js.multiDrag._deselectMultiDrag()}Rs.forEach((t=>{t.sortableIndex=V(t)}));Rs=Rs.sort((function(t,s){return t.sortableIndex-s.sortableIndex}));Xs=true},dragStarted({sortable:t}){if(!this.isMultiDrag)return;if(this.options.sort){t.captureAnimationState();if(this.options.animation){Rs.forEach((t=>{if(t===Ys)return;R(t,"position","absolute")}));let t=K(Ys,false,true,true);Rs.forEach((s=>{if(s===Ys)return;ht(s,t)}));qs=true;Ks=true}}t.animateAll((()=>{qs=false;Ks=false;if(this.options.animation){Rs.forEach((t=>{lt(t)}))}if(this.options.sort){ee()}}))},dragOver({target:t,completed:s,cancel:e}){if(qs&&~Rs.indexOf(t)){s(false);e()}},revert({fromSortable:t,rootEl:s,sortable:e,dragRect:i}){if(Rs.length>1){Rs.forEach((s=>{e.addAnimationState({target:s,rect:qs?K(s):i});lt(s);s.fromRect=i;t.removeAnimationState(s)}));qs=false;te(!this.options.removeCloneOnHide,s)}},dragOverCompleted({sortable:t,isOwner:s,insertion:e,activeSortable:i,parentEl:r,putSortable:a}){let n=this.options;if(e){if(s){i._hideClone()}Ks=false;if(n.animation&&Rs.length>1&&(qs||!s&&!i.options.sort&&!a)){let t=K(Ys,false,true,true);Rs.forEach((s=>{if(s===Ys)return;ht(s,t);r.appendChild(s)}));qs=true}if(!s){if(!qs){ee()}if(Rs.length>1){let s=Zs;i._showClone(t);if(i.options.animation&&!Zs&&s){Us.forEach((t=>{i.addAnimationState({target:t,rect:Vs});t.fromRect=Vs;t.thisAnimationDuration=null}))}}else{i._showClone(t)}}}},dragOverAnimationCapture({dragRect:t,isOwner:s,activeSortable:e}){Rs.forEach((t=>{t.thisAnimationDuration=null}));if(e.options.animation&&!s&&e.multiDrag.isMultiDrag){Vs=S({},t);let s=U(Ys,true);Vs.top-=s.f;Vs.left-=s.e}},dragOverAnimationComplete(){if(qs){qs=false;ee()}},drop({originalEvent:t,rootEl:s,parentEl:e,sortable:i,dispatchSortableEvent:r,oldIndex:a,putSortable:n}){let o=n||this.sortable;if(!t)return;let h=this.options,l=e.children;if(!Xs){if(h.multiDragKey&&!this.multiDragKeyDown){this._deselectMultiDrag()}G(Ys,h.selectedClass,!~Rs.indexOf(Ys));if(!~Rs.indexOf(Ys)){Rs.push(Ys);bt({sortable:i,rootEl:s,name:"select",targetEl:Ys,originalEvent:t});if(t.shiftKey&&Bs&&i.el.contains(Bs)){let e=V(Bs),r=V(Ys);if(~e&&~r&&e!==r){let a,n;if(r>e){n=e;a=r}else{n=r;a=e+1}for(;n<a;n++){if(~Rs.indexOf(l[n]))continue;G(l[n],h.selectedClass,true);Rs.push(l[n]);bt({sortable:i,rootEl:s,name:"select",targetEl:l[n],originalEvent:t})}}}else{Bs=Ys}Js=o}else{Rs.splice(Rs.indexOf(Ys),1);Bs=null;bt({sortable:i,rootEl:s,name:"deselect",targetEl:Ys,originalEvent:t})}}if(Xs&&this.isMultiDrag){qs=false;if((e[ct].options.sort||e!==s)&&Rs.length>1){let t=K(Ys),s=V(Ys,":not(."+this.options.selectedClass+")");if(!Ks&&h.animation)Ys.thisAnimationDuration=null;o.captureAnimationState();if(!Ks){if(h.animation){Ys.fromRect=t;Rs.forEach((s=>{s.thisAnimationDuration=null;if(s!==Ys){let e=qs?K(s):t;s.fromRect=e;o.addAnimationState({target:s,rect:e})}}))}ee();Rs.forEach((t=>{if(l[s]){e.insertBefore(t,l[s])}else{e.appendChild(t)}s++}));if(a===V(Ys)){let t=false;Rs.forEach((s=>{if(s.sortableIndex!==V(s)){t=true;return}}));if(t){r("update")}}}Rs.forEach((t=>{lt(t)}));o.animateAll()}Js=o}if(s===e||n&&n.lastPutMode!=="clone"){Us.forEach((t=>{t.parentNode&&t.parentNode.removeChild(t)}))}},nullingGlobal(){this.isMultiDrag=Xs=false;Us.length=0},destroyGlobal(){this._deselectMultiDrag();j(document,"pointerup",this._deselectMultiDrag);j(document,"mouseup",this._deselectMultiDrag);j(document,"touchend",this._deselectMultiDrag);j(document,"keydown",this._checkKeyDown);j(document,"keyup",this._checkKeyUp)},_deselectMultiDrag(t){if(typeof Xs!=="undefined"&&Xs)return;if(Js!==this.sortable)return;if(t&&P(t.target,this.options.draggable,this.sortable.el,false))return;if(t&&t.button!==0)return;while(Rs.length){let s=Rs[0];G(s,this.options.selectedClass,false);Rs.shift();bt({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:s,originalEvent:t})}},_checkKeyDown(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=true}},_checkKeyUp(t){if(t.key===this.options.multiDragKey){this.multiDragKeyDown=false}}};return S(t,{pluginName:"multiDrag",utils:{select(t){let s=t.parentNode[ct];if(!s||!s.options.multiDrag||~Rs.indexOf(t))return;if(Js&&Js!==s){Js.multiDrag._deselectMultiDrag();Js=s}G(t,s.options.selectedClass,true);Rs.push(t)},deselect(t){let s=t.parentNode[ct],e=Rs.indexOf(t);if(!s||!s.options.multiDrag||!~e)return;G(t,s.options.selectedClass,false);Rs.splice(e,1)}},eventProperties(){const t=[],s=[];Rs.forEach((e=>{t.push({multiDragElement:e,index:e.sortableIndex});let i;if(qs&&e!==Ys){i=-1}else if(qs){i=V(e,":not(."+this.options.selectedClass+")")}else{i=V(e)}s.push({multiDragElement:e,index:i})}));return{items:[...Rs],clones:[...Us],oldIndicies:t,newIndicies:s}},optionListeners:{multiDragKey(t){t=t.toLowerCase();if(t==="ctrl"){t="Control"}else if(t.length>1){t=t.charAt(0).toUpperCase()+t.substr(1)}return t}}})}function te(t,s){Rs.forEach(((e,i)=>{let r=s.children[e.sortableIndex+(t?Number(i):0)];if(r){s.insertBefore(e,r)}else{s.appendChild(e)}}))}function se(t,s){Us.forEach(((e,i)=>{let r=s.children[e.sortableIndex+(t?Number(i):0)];if(r){s.insertBefore(e,r)}else{s.appendChild(e)}}))}function ee(){Rs.forEach((t=>{if(t===Ys)return;t.parentNode&&t.parentNode.removeChild(t)}))}fs.mount(new Ms);fs.mount(Ls,$s);fs.mount(new Hs);fs.mount(new Qs);const ie='.sc-stzh-sortable-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-sortable-h{display:none}.sc-stzh-sortable-h *.sc-stzh-sortable,.sc-stzh-sortable-h *.sc-stzh-sortable::before,.sc-stzh-sortable-h *.sc-stzh-sortable::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-sortable-h .has-focus.sc-stzh-sortable{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-sortable-h .stzh-fylingfocus-focused.sc-stzh-sortable{outline-style:none !important}.sc-stzh-sortable-h .stzh-fylingfocus-focused.sc-stzh-sortable::-moz-focus-inner{border:0 !important}.sc-stzh-sortable-h{--cursor:grab;--grabbing-cursor:grabbing;--unselected-item-opacity:0.6;--ghost-item-background:var(--stzh-color-grey5);--ghost-item-box-shadow:inset 0px 0px 0.5rem rgba(0, 0, 0, 0.32)}[disabled].sc-stzh-sortable-h{--cursor:inherit}.sc-stzh-sortable-h[disabled] .sc-stzh-sortable-s *.is-sortable-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item{position:relative;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:var(--cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-chosen,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost,.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-selected{cursor:var(--grabbing-cursor)}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-drag{opacity:1 !important}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost{z-index:0}.sc-stzh-sortable-h .sc-stzh-sortable-s *.is-sortable-item.is-ghost::after{z-index:99;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--ghost-item-background);-webkit-box-shadow:var(--ghost-item-box-shadow);box-shadow:var(--ghost-item-box-shadow)}.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item{opacity:var(--unselected-item-opacity)}.sc-stzh-sortable-h .sc-stzh-sortable-s>*.has-item-selected>*.is-sortable-item.is-selected{opacity:1}.stzh-sortable__description.sc-stzh-sortable,.stzh-sortable__aria-live.sc-stzh-sortable{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}';const re="is-sortable-item";const ae="is-ghost";const ne="is-selected";const oe="is-chosen";const he="is-drag";const le="has-item-selected";let ce=0;const de=class{constructor(e){t(this,e);this.stzhUpdate=s(this,"stzhUpdate",7);this.stzhDisable=s(this,"stzhDisable",7);this.selectedItem=null;this.resetItemOnBlur=false;this.init=()=>{if(!this.getContainer()||this.disabled){return}this.setAttributes()};this.updated=async t=>{let s;let e;let i;if(t){s=t.newIndex;e=t.oldIndex;i=t.item}else{s=this.getIndexOfSelectedItem();e=this.lastIndex;i=this.selectedItem}if(s!==e){this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:i,newIndex:s,oldIndex:e})}};this.onKeydown=t=>{const s=t.currentTarget;const e=t.target;if(!this.getContainer()||this.disabled||s!==e){return}if(t.key===" "){t.preventDefault();if(!this.selectedItem){this.selectedItem=s;this.selectedItem.parentElement.classList.add(le);this.selectedItem.classList.add(ne);this.lastIndex=this.getIndexOfSelectedItem();this.resetItemOnBlur=true;this.updateAriaLive(this.localization.started)}else{this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}}else if(t.key==="Tab"&&this.selectedItem&&this.selectedItem===t.currentTarget){t.preventDefault()}else if(t.key==="Escape"&&this.selectedItem){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.canceled);this.resetActiveItem(true)}else if(t.key==="ArrowUp"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"up")}else{this.focusItem(s.previousElementSibling)}}else if(t.key==="ArrowDown"){t.preventDefault();if(this.selectedItem){this.moveItem(this.selectedItem,"down")}else{this.focusItem(s.nextElementSibling)}}};this.onBlur=()=>{if(this.resetItemOnBlur){this.resetItemOnBlur=false;this.updateAriaLive(this.localization.dropped);this.updated();this.resetActiveItem()}};this.localization=undefined;this.disabled=false;this.dataIdAttribute="data-id";this.container=()=>{var t;return(t=this.containerElement)===null||t===void 0?void 0:t.firstElementChild};this.ghostClone=t=>t.cloneNode(true);this.filterElements=["[data-stzh-sortable-filtered]","[sortable-disabled]","button","a[href]","input","select","textarea","label","iframe","details","area","stzh-sortable"]}async toArray(){return this.sortable.toArray()}async sort(t,s=true){return this.sortable.sort(t,s)}async moveItem(t,s){var e;if(!t||!t.nextElementSibling&&s==="down"||!t.previousElementSibling&&s==="up"){return}this.resetItemOnBlur=false;if(s==="up"){t.previousElementSibling.before(t)}else if(s==="down"){t.nextElementSibling.after(t)}this.updateAriaLive(this.localization.moved,t);this.focusItem(t);const i=Array.from((e=t.parentElement)===null||e===void 0?void 0:e.children).indexOf(t);this.stzhUpdate.emit({component:"stzh-sortable",data:await this.toArray(),item:t,newIndex:i,oldIndex:i+(s==="up"?1:-1)});this.resetItemOnBlur=true}disabledWatcher(t){if(t){this.setAttributes()}else{this.unsetAttributes()}this.stzhDisable.emit({component:"stzh-sortable",disabled:t})}filterElementsWatcher(t){if(typeof t==="string"){this._filterElements=JSON.parse(t)}else{this._filterElements=t}}getContainer(){return typeof this.container==="function"?this.container():this.container}updateAriaLive(t,s=this.selectedItem){if(!this.getContainer()){return}if(s){const e=s.getAttribute("aria-label")||"";const i=this.getIndexOfSelectedItem(s);t=t.replace("{title}",e).replace("{current}",(i+1).toString())}const e=this.getContainer().children.length;t=t.replace(/\{total\}/gi,e.toString());this.ariaLiveElement.textContent=t}getIndexOfSelectedItem(t=this.selectedItem){if(t){return Array.from(t.parentElement.children).indexOf(t)}}resetActiveItem(t=false){if(!this.selectedItem){return}const s=this.getIndexOfSelectedItem();const e=this.selectedItem.parentElement;if(t&&this.lastIndex!==s){if(this.lastIndex>s){e.children[this.lastIndex].after(this.selectedItem)}else{e.children[this.lastIndex].before(this.selectedItem)}this.selectedItem.focus()}e.classList.remove(le);this.selectedItem.classList.remove(ne);this.selectedItem=null;this.lastIndex=null}focusItem(t){if(!t){return}t.focus();const s=document.querySelector("stzh-flyingfocus");if(s){s.reposition()}E(t,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})}setAttributes(){Array.from(this.getContainer().children).forEach((t=>{t.classList.add(re);t.addEventListener("blur",this.onBlur);t.addEventListener("keydown",this.onKeydown);t.setAttribute("tabindex","0");t.setAttribute("aria-describedby",`${this.sortableId}-description`)}))}unsetAttributes(){Array.from(this.getContainer().children).forEach((t=>{t.classList.remove(re);t.removeEventListener("blur",this.onBlur);t.removeEventListener("keydown",this.onKeydown);t.removeAttribute("tabindex");t.removeAttribute("aria-describedby")}))}async componentWillLoad(){this.sortableId=`stzh-sortable-${ce++}`;this.filterElementsWatcher(this.filterElements);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"sortable")}}componentWillUpdate(){if(this.sortable){this.sortable.destroy();this.sortable=null}}componentDidRender(){if(this.sortable){return}this.sortable=new fs(this.getContainer(),{animation:150,filter:this._filterElements.join(", "),ghostClass:ae,chosenClass:oe,dragClass:he,dataIdAttr:this.dataIdAttribute,preventOnFilter:false,forceFallback:true,delay:200,delayOnTouchOnly:true,disabled:this.disabled,ghostClone:this.ghostClone,onUpdate:this.updated})}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}this.unsetAttributes();if(this.sortable){this.sortable.destroy();this.sortable=null}}render(){const t={"stzh-sortable":true,"stzh-sortable--disabled":this.disabled};return e(i,null,e("div",{class:t},e("div",{id:`${this.sortableId}-description`,class:"stzh-sortable__description"},this.localization.description),e("div",{ref:t=>this.ariaLiveElement=t,"aria-live":"assertive",class:"stzh-sortable__aria-live"}),e("div",{ref:t=>this.containerElement=t,class:"stzh-sortable__container"},e("slot",null))))}get element(){return r(this)}static get watchers(){return{disabled:["disabledWatcher"],filterElements:["filterElementsWatcher"]}}};de.style=ie;export{u as stzh_actionset,m as stzh_card,b as stzh_card_list,de as stzh_sortable};
-//# sourceMappingURL=p-168f0faa.entry.js.map