@oiz/stzh-components 2.7.0 → 2.8.0-beta

package/dist/stzh-components/p-0515de95.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhButtongroupCss","StzhButtongroup","exports","class_1","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-buttongroup/stzh-buttongroup.scss?tag=stzh-buttongroup&encapsulation=scoped","src/components/stzh-buttongroup/stzh-buttongroup.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-button) {\n    &:first-child {\n      --border-radius: #{$buttonBorderRadius 0px 0px $buttonBorderRadius};\n      --border-width: 1px 0px 1px 1px;\n    }\n\n    &:last-child {\n      --border-radius: #{0px $buttonBorderRadius $buttonBorderRadius 0px};\n      --border-width: 1px 1px 1px 0px;\n    }\n\n    // only one button\n    &:first-child:last-child {\n      --border-width: 1px;\n      --border-radius: #{$buttonBorderRadius};\n    }\n\n    // when only two buttons\n    &:first-child + stzh-button:last-child {\n      --border-width: 1px;\n    }\n\n    // buttons in the middle\n    &:not(:first-child):not(:last-child) {\n      --border-radius: 0px;\n    }\n  }\n}\n\n.stzh-buttongroup {\n  display: flex;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for buttons\n */\n@Component({\n  tag: \"stzh-buttongroup\",\n  styleUrl: \"stzh-buttongroup.scss\",\n  scoped: true\n})\nexport class StzhButtongroup {\n  @Element() element: HTMLStzhButtongroupElement;\n\n  render() {\n    const classes = {\n      \"stzh-buttongroup\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0JAAA,IAAMA,EAAqB,q8C,ICedC,EAAeC,EAAA,8B,wBAG1BC,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,mBAAoB,MAGtB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,4HAXkB,I"}

package/dist/stzh-components/p-07c0f4ce.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,a as r,g as a}from"./p-9e02896c.js";const e=".sc-stzh-status-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-status-h{display:none}.sc-stzh-status-h *.sc-stzh-status,.sc-stzh-status-h *.sc-stzh-status::before,.sc-stzh-status-h *.sc-stzh-status::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-status-h{--color:var(--stzh-base-color);--min-width:none}[with-loadingbar].sc-stzh-status-h:not([with-loadingbar=false]){--min-width:10rem}[type=success].sc-stzh-status-h{--color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-status-h{--color:var(--stzh-color-warning)}[type=error].sc-stzh-status-h{--color:var(--stzh-color-error)}[type=info].sc-stzh-status-h{--color:var(--stzh-color-zueriblue)}.stzh-status.sc-stzh-status{min-width:var(--min-width);color:var(--color)}.stzh-status__dot.sc-stzh-status{border-radius:50%;width:0.75rem;height:0.75rem;background-color:currentColor;margin-right:var(--stzh-space-xxsmall)}.stzh-status__bar.sc-stzh-status{display:block;height:0.25rem;border-radius:0.75rem;background-color:var(--stzh-color-grey13);margin-top:var(--stzh-space-xxsmall)}.stzh-status__bar-inner.sc-stzh-status{display:block;height:100%;width:0;border-radius:0.75rem;background:currentColor}.stzh-status__text.sc-stzh-status{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}";const o=class{constructor(t){s(this,t);this.percent=0;this.withLoadingbar=false;this.label="";this.type="default"}render(){const s={"stzh-status":true,[`stzh-status--type-${this.type}`]:!!this.type};return t(r,null,t("div",{class:s},t("div",{class:"stzh-status__text"},t("div",{class:"stzh-status__dot"}),this.label&&t("div",{class:"stzh-status__label"},this.label)),this.withLoadingbar&&t("div",{class:"stzh-status__bar"},t("div",{class:"stzh-status__bar-inner",style:{width:`${this.percent}%`}}))))}get element(){return a(this)}};o.style=e;export{o as stzh_status};
-//# sourceMappingURL=p-07c0f4ce.entry.js.map

package/dist/stzh-components/p-07c0f4ce.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhStatusCss","StzhStatus","render","classes","this","type","h","Host","class","label","withLoadingbar","style","width","percent"],"sources":["./src/components/stzh-status/stzh-status.scss?tag=stzh-status&encapsulation=scoped","./src/components/stzh-status/stzh-status.tsx"],"sourcesContent":[":host {\n  --color: #{$baseColor};\n  --min-width: none;\n\n  &[with-loadingbar]:not([with-loadingbar=\"false\"]) {\n    --min-width: 160px;\n  }\n\n  &[type=\"success\"] {\n    --color: #{$colorTruegreen};\n  }\n\n  &[type=\"warning\"] {\n    --color: #{$colorWarning};\n  }\n\n  &[type=\"error\"] {\n    --color: #{$colorError};\n  }\n\n  &[type=\"info\"] {\n    --color: #{$colorZueriblue};\n  }\n}\n\n.stzh-status {\n  min-width: var(--min-width);\n  color: var(--color);\n\n  &__dot {\n    border-radius: 50%;\n    width: 12px;\n    height: 12px;\n    background-color: currentColor;\n    margin-right: space('xxsmall');\n  }\n\n  &__bar {\n    display: block;\n    height: 4px;\n    border-radius: 12px;\n    background-color: $colorGrey13;\n    margin-top: space('xxsmall');\n  }\n\n  &__bar-inner {\n    display: block;\n    height: 100%;\n    width: 0;\n    border-radius: 12px;\n    background: currentColor;\n  }\n\n  &__text {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n */\n@Component({\n  tag: \"stzh-status\",\n  styleUrl: \"stzh-status.scss\",\n  scoped: true\n})\nexport class StzhStatus {\n  /** Percent */\n  @Prop() percent: number = 0;\n\n  /** Whether to hide/show loadingbar */\n  @Prop({ reflect: true }) withLoadingbar: boolean = false;\n\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** Type */\n  @Prop({ reflect: true }) type: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  @Element() element: HTMLStzhStatusElement;\n\n  render() {\n    const classes = {\n      \"stzh-status\": true,\n      [`stzh-status--type-${this.type}`]: !!this.type\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-status__text\">\n            <div class=\"stzh-status__dot\"></div>\n            {this.label &&\n              <div class=\"stzh-status__label\">\n                {this.label}\n              </div>\n            }\n          </div>\n          {this.withLoadingbar &&\n            <div class=\"stzh-status__bar\">\n              <div class=\"stzh-status__bar-inner\" style={{\n                width: `${this.percent}%`\n              }}></div>\n            </div>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,gpD,MCeTC,EAAU,M,sCAEK,E,oBAGyB,M,WAG3B,G,UAG8D,S,CAItFC,SACE,MAAMC,EAAU,CACd,cAAe,KACf,CAAC,qBAAqBC,KAAKC,UAAWD,KAAKC,MAG7C,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOL,GACVG,EAAA,OAAKE,MAAM,qBACTF,EAAA,OAAKE,MAAM,qBACVJ,KAAKK,OACJH,EAAA,OAAKE,MAAM,sBACRJ,KAAKK,QAIXL,KAAKM,gBACJJ,EAAA,OAAKE,MAAM,oBACTF,EAAA,OAAKE,MAAM,yBAAyBG,MAAO,CACzCC,MAAO,GAAGR,KAAKS,gB"}

package/dist/stzh-components/p-09191103.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,n){function s(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,a){function o(t){try{r(n.next(t))}catch(t){a(t)}}function c(t){try{r(n["throw"](t))}catch(t){a(t)}}function r(t){t.done?i(t.value):s(t.value).then(o,c)}r((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,s,a,o;return o={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function c(t){return function(e){return r([t,e])}}function r(c){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,c[0]&&(i=0)),i)try{if(n=1,s&&(a=c[0]&2?s["return"]:c[0]?s["throw"]||((a=s["return"])&&a.call(s),0):s.next)&&!(a=a.call(s,c[1])).done)return a;if(s=0,a)c=[c[0]&2,a.value];switch(c[0]){case 0:case 1:a=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;s=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(a=i.trys,a=a.length>0&&a[a.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!a||c[1]>a[0]&&c[1]<a[3])){i.label=c[1];break}if(c[0]===6&&i.label<a[1]){i.label=a[1];a=c;break}if(a&&i.label<a[2]){i.label=a[2];i.ops.push(c);break}if(a[2])i.ops.pop();i.trys.pop();continue}c=e.call(t,i)}catch(t){c=[6,t];s=0}finally{n=a=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-7b184ebb.system.js","./p-a408bfba.system.js","./p-176db2fe.system.js"],(function(t){"use strict";var e,i,n,s,a,o,c,r,l;return{setters:[function(t){e=t.r;i=t.c;n=t.h;s=t.a;a=t.g},function(t){o=t.f},function(t){c=t.m;r=t.a;l=t.r}],execute:function(){var h=".sc-stzh-actionset-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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)}.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}}";var u=t("stzh_actionset",function(){function t(t){var n=this;e(this,t);this.stzhActionClick=i(this,"stzhActionClick",7);this._actions=[];this.actionClick=function(t,e){n.stzhActionClick.emit({component:"stzh-actionset",action:t,originalEvent:e})};this.update=function(){n.isSmall=c("small").matches;n.isMedium=c("medium").matches;if(!n.actionsElement){return}Object.assign(n.actionsElement.style,{width:null,height:null});var t=0;if(n.variant==="overflow"&&n.isMedium||n.variant==="stack"&&n.isSmall){n.dynamicActions=true;var e=0;var i=0;Array.from(n.actionsElement.children).forEach((function(n){if(n.offsetTop===0){t++;var s=getComputedStyle(n);var a=parseInt(s.marginLeft);var o=parseInt(s.marginRight);var c=parseInt(s.marginTop);var r=parseInt(s.marginBottom);var l=n.offsetWidth+a+o;var h=n.offsetHeight+c+r;if(e<h){e=h}i=i+l+1}}));Object.assign(n.actionsElement.style,{width:"".concat(i,"px"),height:"".concat(e,"px")})}else{n.dynamicActions=false;if(n.variant==="overflow"){t=0}else if(n.variant==="stack"){t=n._actions.length<=3?n._actions.length:2}}n.actionsCollapsed=n._actions.slice(t)};this.handleResize=function(){if(n.debounceResize){window.cancelAnimationFrame(n.debounceResize)}n.debounceResize=requestAnimationFrame(n.update)};this.mediaChangeHandler=function(){n.actionsCollapsed=[];requestAnimationFrame(n.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}t.prototype.actionsWatcher=function(t){if(typeof t==="string"){this._actions=JSON.parse(t)}else{this._actions=t}};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){switch(e.label){case 0:this.actionsWatcher(this.actions);if(!!this.localization)return[3,2];t=this;return[4,o(this.element,"actionset")];case 1:t.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){r(this.mediaChangeHandler);this.resizeObserver=new ResizeObserver(this.handleResize);this.resizeObserver.observe(this.element)};t.prototype.disconnectedCallback=function(){l(this.mediaChangeHandler);if(this.resizeObserver){this.resizeObserver.disconnect()}};t.prototype.componentDidLoad=function(){this.update()};t.prototype.render=function(){var t;var e=this;var i=(t={"stzh-actionset":true,"stzh-actionset--has-collapsed-items":this.actionsCollapsed.length>0},t["stzh-actionset--".concat(this.variant)]=!!this.variant,t);var a=function(t){return n("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:e.variant==="stack"?"secondary":"tertiary",size:t.size?t.size:e.variant==="stack"?"default":"tiny",badgePosition:"icon",onClick:function(i){e.actionClick(t,i)}},n("span",{class:{}},t.label))};return n(s,{"has-collapsed-items":this.actionsCollapsed.length>0},n("div",{class:i},n("div",{class:"stzh-actionset__actions",role:"group"},n("div",{ref:function(t){return e.actionsElement=t},class:"stzh-actionset__actions-wrapper"},this._actions.map((function(t){return(e.dynamicActions||!e.dynamicActions&&e.actionsCollapsed.indexOf(t)===-1)&&(t.tooltipContent?n("stzh-tooltip",{strategy:"fixed",content:t.tooltipContent},a(t)):a(t))}))),n("stzh-popover",{label:this.variant==="stack"?this.localization.furtherActions:!this.isMedium?this.localization.actions:"",strategy:"fixed",placement:this.popoverPlacement,class:"stzh-actionset__action-popover"},n("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:""}),n("stzh-menu",{slot:"content"},this.actionsCollapsed.map((function(t){return n("stzh-menu-item",{icon:t.icon,badge:t.badge,badgeEmpty:t.badgeEmpty,badgeType:t.badgeType,onClick:function(i){e.actionClick(t,i)}},t.label)})))))))};Object.defineProperty(t.prototype,"element",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{actions:["actionsWatcher"]}},enumerable:false,configurable:true});return t}());u.style=h}}}));
-//# sourceMappingURL=p-09191103.system.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stzhActionsetCss","StzhActionset","exports","this","_actions","actionClick","action","originalEvent","_this","stzhActionClick","emit","component","update","isSmall","media","matches","isMedium","actionsElement","Object","assign","style","width","height","newActionsVisible","variant","dynamicActions","newActionsHeight_1","newActionsWidth_1","Array","from","children","forEach","child","offsetTop","getComputedStyle","marginLeft","parseInt","marginRight","marginTop","marginBottom","childWidth","offsetWidth","childHeight","offsetHeight","concat","length","actionsCollapsed","slice","handleResize","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","mediaChangeHandler","class_1","prototype","actionsWatcher","newValue","JSON","parse","componentWillLoad","actions","localization","_a","fetchTranslations","element","_b","sent","connectedCallback","addMediaChangeListener","resizeObserver","ResizeObserver","observe","disconnectedCallback","removeMediaChangeListener","disconnect","componentDidLoad","render","classes","Action","h","class","icon","iconPosition","iconOnly","badge","size","badgePosition","onClick","e","label","Host","role","ref","el","map","indexOf","tooltipContent","strategy","content","furtherActions","placement","popoverPlacement","fullwidth","disabled","popoverButtonVariant","popoverButtonSize","slot","badgeEmpty","badgeType"],"sources":["src/components/stzh-actionset/stzh-actionset.scss?tag=stzh-actionset&encapsulation=scoped","src/components/stzh-actionset/stzh-actionset.tsx"],"sourcesContent":[":host {\n\n}\n\n.stzh-actionset {\n  &__actions {\n    display: flex;\n    align-items: center;\n  }\n\n  &__actions-wrapper {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n  }\n\n  &__action {\n    &:not(:last-child) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__action-popover {\n    opacity: 0;\n  }\n\n  &--has-collapsed-items &__action-popover {\n    --width: auto;\n    opacity: 1;\n  }\n\n  /* Overflow variant */\n\n  &--overflow &__action {\n    @include mq($from: medium) {\n      --white-space: nowrap;\n    }\n  }\n\n  /* Stack variant */\n\n  &--stack &__actions {\n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__actions-wrapper {    \n    @include mq($to: small) {\n      flex-direction: column;\n      align-items: stretch;\n    }\n  }\n\n  &--stack &__action {\n    @include mq($from: small) {\n      --white-space: nowrap;\n    }\n\n    &:not(:last-child) {\n      @include mq($to: small) {\n        margin-bottom: space('xsmall');\n        margin-right: 0;\n      }\n    }\n  }\n\n  &--stack &__action-popover {\n    @include mq($to: small) {\n      margin-top: space('xsmall');\n    }\n  }\n\n  // Hide more action popover on small if it has no collapsed items\n\n  &--stack:not(#{&}--has-collapsed-items) &__action-popover {\n    @include mq($to: small) {\n      display: none;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhActionsetItem,\n  StzhActionsetItemClickEvent\n} from \"../../index\";\n\nimport { fetchTranslations } from \"../../utils/translation-utils\";\nimport { StzhActionsetLocalizedText } from './stzh-actionset.localization';\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nimport {\n  Placement,\n} from \"@floating-ui/dom\";\n\n/**\n */\n@Component({\n  tag: \"stzh-actionset\",\n  styleUrl: \"stzh-actionset.scss\",\n  scoped: true\n})\nexport class StzhActionset {\n  /** Translation strings */\n  @Prop() localization: StzhActionsetLocalizedText;\n\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"stack\" | \"overflow\" = \"stack\";\n\n  /** Button variant of popover button (button thats holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonVariant: \"\" | \"default\" | \"secondary\" | \"input\" | \"tertiary\" = \"\";\n\n  /** Button size of popover button (button that holds collapsed actions) */\n  @Prop({ reflect: true }) popoverButtonSize: \"\" | \"default\" | \"small\" | \"tiny\" = \"\";\n\n  /** Popover placement of button that holds collapsed actions */\n  @Prop({ reflect: true }) popoverPlacement: Placement = \"bottom-end\";\n\n  /**\n   * Card header actions.\n   * Array of objects that can include the button attributes `id`, `variant`, `icon`, `size`, `iconPosition`, `iconOnly`, `label` or `badge`:\n   * `[{\"id\":\"action-1\", \"icon\": \"alarm-bell\", \"label\": \"Lorem\"}, {\"id\":\"action-2\", \"icon\": \"mail\", \"label\": \"Lorem\"}]`\n   */\n  @Prop() actions: StzhActionsetItem[] | string = [];\n  private _actions: StzhActionsetItem[] = [];\n\n  /** Header action click event */\n  @Event() stzhActionClick: EventEmitter<StzhActionsetItemClickEvent>;\n\n  @Element() element: HTMLStzhActionsetElement;\n\n  @Watch(\"actions\")\n  actionsWatcher(newValue: StzhActionsetItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._actions = JSON.parse(newValue);\n    } else {\n      this._actions = newValue;\n    }\n  }\n\n  @State() actionsCollapsed: StzhActionsetItem[] = [];\n  @State() dynamicActions: boolean;\n  @State() isSmall: boolean;\n  @State() isMedium: boolean;\n\n  private actionsElement: HTMLElement;\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n\n  private actionClick = (action: StzhActionsetItem, originalEvent: MouseEvent) => {\n    this.stzhActionClick.emit({\n      component: \"stzh-actionset\",\n      action,\n      originalEvent\n    });\n  }\n\n  private update = () => {\n    this.isSmall = media(\"small\").matches;\n    this.isMedium = media(\"medium\").matches;\n\n    if (!this.actionsElement) {\n      return;\n    }\n\n    Object.assign(this.actionsElement.style, {\n      width: null,\n      height: null\n    });\n\n    let newActionsVisible = 0;\n\n    if (\n      this.variant === \"overflow\" && this.isMedium\n      || this.variant === \"stack\" && this.isSmall\n    ) {\n      this.dynamicActions = true;\n\n      let newActionsHeight = 0;\n      let newActionsWidth = 0;\n\n      // update height and width\n      Array.from(this.actionsElement.children).forEach((child: HTMLElement) => {\n        // check which item is visible and\n        if (child.offsetTop === 0) {\n          newActionsVisible++;\n\n          const style = getComputedStyle(child);\n          const marginLeft = parseInt(style.marginLeft);\n          const marginRight = parseInt(style.marginRight);\n          const marginTop = parseInt(style.marginTop);\n          const marginBottom = parseInt(style.marginBottom);\n\n          const childWidth = child.offsetWidth + marginLeft + marginRight;\n          const childHeight = child.offsetHeight + marginTop + marginBottom;\n\n          if (newActionsHeight < childHeight) {\n            newActionsHeight = childHeight;\n          }\n\n          newActionsWidth = newActionsWidth + childWidth + 1;\n        }\n      });\n\n      Object.assign(this.actionsElement.style, {\n        width: `${newActionsWidth}px`,\n        height: `${newActionsHeight}px`\n      });\n    } else {\n      this.dynamicActions = false;\n\n      if (this.variant === \"overflow\") {\n        newActionsVisible = 0;\n      } else if (this.variant === \"stack\") {\n        newActionsVisible = this._actions.length <= 3 ? this._actions.length : 2;\n      }\n    }\n\n    this.actionsCollapsed = this._actions.slice(newActionsVisible);\n  }\n\n  private handleResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.update);\n  }\n\n  private mediaChangeHandler = () => {\n    this.actionsCollapsed = [];\n    requestAnimationFrame(this.update);\n  }\n\n  async componentWillLoad() {\n    this.actionsWatcher(this.actions);\n\n    if (!this.localization) {\n      this.localization = await fetchTranslations(this.element, \"actionset\");\n    }\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.mediaChangeHandler);\n\n    this.resizeObserver = new ResizeObserver(this.handleResize);\n    this.resizeObserver.observe(this.element);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  componentDidLoad() {\n    this.update();\n  }\n\n  render() {\n    const classes = {\n      \"stzh-actionset\": true,\n      // \"stzh-actionset--has-dynamic-actions\": this.dynamicActions,\n      \"stzh-actionset--has-collapsed-items\": this.actionsCollapsed.length > 0,\n      [`stzh-actionset--${this.variant}`]: !!this.variant\n    };\n\n    const Action = (action: StzhActionsetItem) => (\n      <stzh-button\n        class={{\n          \"stzh-actionset__action\": true,\n          \"is-button\": true,\n          // \"show-medium\": !action.onlyCollapseText,\n          // \"hide-when-collapsed\": !action.onlyCollapseText,\n          // \"hide-text-when-collapsed\": action.onlyCollapseText\n        }}\n        icon={action.icon}\n        iconPosition={action.iconPosition}\n        iconOnly={action.iconOnly}\n        badge={action.badge}\n        variant={action.variant\n          ? action.variant\n          : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n        size={action.size\n          ? action.size\n          : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n        badgePosition=\"icon\"\n        onClick={(e) => { this.actionClick(action, e) }}\n      >\n        <span\n          class={{\n            // \"show-medium\": action.onlyCollapseText,\n            // \"hide-when-collapsed\": action.onlyCollapseText\n          }}\n        >\n          {action.label}\n        </span>\n      </stzh-button>\n    );\n\n    return (\n      <Host has-collapsed-items={this.actionsCollapsed.length > 0}>\n        <div class={classes}>\n          <div class=\"stzh-actionset__actions\" role=\"group\">\n            <div\n              ref={(el) => (this.actionsElement = el as HTMLElement)}\n              class=\"stzh-actionset__actions-wrapper\"\n            >\n              {this._actions.map(action => (\n                (this.dynamicActions\n                  || (!this.dynamicActions &&\n                    this.actionsCollapsed.indexOf(action) === -1))\n                &&\n                  (action.tooltipContent\n                    ?\n                    <stzh-tooltip\n                      strategy=\"fixed\"\n                      content={action.tooltipContent}\n                    >\n                      {Action(action)}\n                    </stzh-tooltip>\n                    :\n                    Action(action))\n              ))}\n            </div>\n\n            <stzh-popover\n              label={this.variant === \"stack\"\n                ? this.localization.furtherActions\n                : (!this.isMedium ? this.localization.actions : \"\")}\n              strategy=\"fixed\"\n              placement={this.popoverPlacement}\n              class=\"stzh-actionset__action-popover\"\n            >\n              <stzh-button\n                fullwidth\n                disabled={this.actionsCollapsed.length === 0}\n                class=\"stzh-actionset__action is-further\"\n                variant={this.popoverButtonVariant !== \"\"\n                  ? this.popoverButtonVariant\n                  : (this.variant === \"stack\" ? \"secondary\" : \"tertiary\")}\n                size={this.popoverButtonSize !== \"\"\n                ? this.popoverButtonSize\n                : (this.variant === \"stack\" ? \"default\" : \"tiny\")}\n                icon={this.variant === \"stack\" ? \"angle-down\" : \"more-vertical\"}\n                iconOnly={this.variant === \"overflow\" && this.isMedium}\n                iconPosition=\"right\"\n                label={this.variant === \"stack\"\n                  ? this.localization.furtherActions\n                  : (!this.isMedium ? this.localization.actions : \"\")}\n              ></stzh-button>\n              <stzh-menu slot=\"content\">\n                {this.actionsCollapsed.map(action => (\n                  <stzh-menu-item\n                    // class=\"hide-medium show-when-collapsed\"\n                    icon={action.icon}\n                    badge={action.badge}\n                    badgeEmpty={action.badgeEmpty}\n                    badgeType={action.badgeType}\n                    onClick={(e) => { this.actionClick(action, e) }}\n                  >\n                    {action.label}\n                  </stzh-menu-item>\n                ))}\n              </stzh-menu>\n            </stzh-popover>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4tDAAA,IAAMA,EAAmB,o2E,ICqCZC,EAAaC,EAAA,4B,oFAsBhBC,KAAAC,SAAgC,GAyBhCD,KAAAE,YAAc,SAACC,EAA2BC,GAChDC,EAAKC,gBAAgBC,KAAK,CACxBC,UAAW,iBACXL,OAAMA,EACNC,cAAaA,G,EAITJ,KAAAS,OAAS,WACfJ,EAAKK,QAAUC,EAAM,SAASC,QAC9BP,EAAKQ,SAAWF,EAAM,UAAUC,QAEhC,IAAKP,EAAKS,eAAgB,CACxB,M,CAGFC,OAAOC,OAAOX,EAAKS,eAAeG,MAAO,CACvCC,MAAO,KACPC,OAAQ,OAGV,IAAIC,EAAoB,EAExB,GACEf,EAAKgB,UAAY,YAAchB,EAAKQ,UACjCR,EAAKgB,UAAY,SAAWhB,EAAKK,QACpC,CACAL,EAAKiB,eAAiB,KAEtB,IAAIC,EAAmB,EACvB,IAAIC,EAAkB,EAGtBC,MAAMC,KAAKrB,EAAKS,eAAea,UAAUC,SAAQ,SAACC,GAEhD,GAAIA,EAAMC,YAAc,EAAG,CACzBV,IAEA,IAAMH,EAAQc,iBAAiBF,GAC/B,IAAMG,EAAaC,SAAShB,EAAMe,YAClC,IAAME,EAAcD,SAAShB,EAAMiB,aACnC,IAAMC,EAAYF,SAAShB,EAAMkB,WACjC,IAAMC,EAAeH,SAAShB,EAAMmB,cAEpC,IAAMC,EAAaR,EAAMS,YAAcN,EAAaE,EACpD,IAAMK,EAAcV,EAAMW,aAAeL,EAAYC,EAErD,GAAIb,EAAmBgB,EAAa,CAClChB,EAAmBgB,C,CAGrBf,EAAkBA,EAAkBa,EAAa,C,KAIrDtB,OAAOC,OAAOX,EAAKS,eAAeG,MAAO,CACvCC,MAAO,GAAAuB,OAAGjB,EAAe,MACzBL,OAAQ,GAAAsB,OAAGlB,EAAgB,O,KAExB,CACLlB,EAAKiB,eAAiB,MAEtB,GAAIjB,EAAKgB,UAAY,WAAY,CAC/BD,EAAoB,C,MACf,GAAIf,EAAKgB,UAAY,QAAS,CACnCD,EAAoBf,EAAKJ,SAASyC,QAAU,EAAIrC,EAAKJ,SAASyC,OAAS,C,EAI3ErC,EAAKsC,iBAAmBtC,EAAKJ,SAAS2C,MAAMxB,E,EAGtCpB,KAAA6C,aAAe,WACrB,GAAIxC,EAAKyC,eAAgB,CACvBC,OAAOC,qBAAqB3C,EAAKyC,e,CAGnCzC,EAAKyC,eAAiBG,sBAAsB5C,EAAKI,O,EAG3CT,KAAAkD,mBAAqB,WAC3B7C,EAAKsC,iBAAmB,GACxBM,sBAAsB5C,EAAKI,O,2CA5H4B,Q,0BAG4C,G,uBAGrB,G,sBAGzB,a,aAOP,G,sBAiBC,G,6EARjD0C,EAAAC,UAAAC,eAAA,SAAeC,GACb,UAAWA,IAAa,SAAU,CAChCtD,KAAKC,SAAWsD,KAAKC,MAAMF,E,KACtB,CACLtD,KAAKC,SAAWqD,C,GAkGdH,EAAAC,UAAAK,kBAAN,W,kHACEzD,KAAKqD,eAAerD,KAAK0D,S,KAEpB1D,KAAK2D,aAAN,YACFC,EAAA5D,KAAoB,SAAM6D,EAAkB7D,KAAK8D,QAAS,c,OAA1DF,EAAKD,aAAeI,EAAAC,O,mCAIxBb,EAAAC,UAAAa,kBAAA,WACEC,EAAuBlE,KAAKkD,oBAE5BlD,KAAKmE,eAAiB,IAAIC,eAAepE,KAAK6C,cAC9C7C,KAAKmE,eAAeE,QAAQrE,KAAK8D,Q,EAGnCX,EAAAC,UAAAkB,qBAAA,WACEC,EAA0BvE,KAAKkD,oBAE/B,GAAIlD,KAAKmE,eAAgB,CACvBnE,KAAKmE,eAAeK,Y,GAIxBrB,EAAAC,UAAAqB,iBAAA,WACEzE,KAAKS,Q,EAGP0C,EAAAC,UAAAsB,OAAA,W,MAAA,IAAArE,EAAAL,KACE,IAAM2E,GAAOf,EAAA,CACX,iBAAkB,KAElB,sCAAuC5D,KAAK2C,iBAAiBD,OAAS,GACtEkB,EAAC,mBAAAnB,OAAmBzC,KAAKqB,YAAcrB,KAAKqB,Q,GAG9C,IAAMuD,EAAS,SAACzE,GAAyB,OACvC0E,EAAA,eACEC,MAAO,CACL,yBAA0B,KAC1B,YAAa,MAKfC,KAAM5E,EAAO4E,KACbC,aAAc7E,EAAO6E,aACrBC,SAAU9E,EAAO8E,SACjBC,MAAO/E,EAAO+E,MACd7D,QAASlB,EAAOkB,QACZlB,EAAOkB,QACNhB,EAAKgB,UAAY,QAAU,YAAc,WAC9C8D,KAAMhF,EAAOgF,KACThF,EAAOgF,KACN9E,EAAKgB,UAAY,QAAU,UAAY,OAC5C+D,cAAc,OACdC,QAAS,SAACC,GAAQjF,EAAKH,YAAYC,EAAQmF,EAAE,GAE7CT,EAAA,QACEC,MAAO,C,GAKN3E,EAAOoF,OA5B2B,EAiCzC,OACEV,EAACW,EAAI,uBAAsBxF,KAAK2C,iBAAiBD,OAAS,GACxDmC,EAAA,OAAKC,MAAOH,GACVE,EAAA,OAAKC,MAAM,0BAA0BW,KAAK,SACxCZ,EAAA,OACEa,IAAK,SAACC,GAAE,OAAMtF,EAAKS,eAAiB6E,CAA5B,EACRb,MAAM,mCAEL9E,KAAKC,SAAS2F,KAAI,SAAAzF,GAAM,OACtBE,EAAKiB,iBACCjB,EAAKiB,gBACRjB,EAAKsC,iBAAiBkD,QAAQ1F,MAAa,KAE5CA,EAAO2F,eAENjB,EAAA,gBACEkB,SAAS,QACTC,QAAS7F,EAAO2F,gBAEflB,EAAOzE,IAGVyE,EAAOzE,GAdY,KAkB3B0E,EAAA,gBACEU,MAAOvF,KAAKqB,UAAY,QACpBrB,KAAK2D,aAAasC,gBAChBjG,KAAKa,SAAWb,KAAK2D,aAAaD,QAAU,GAClDqC,SAAS,QACTG,UAAWlG,KAAKmG,iBAChBrB,MAAM,kCAEND,EAAA,eACEuB,UAAS,KACTC,SAAUrG,KAAK2C,iBAAiBD,SAAW,EAC3CoC,MAAM,oCACNzD,QAASrB,KAAKsG,uBAAyB,GACnCtG,KAAKsG,qBACJtG,KAAKqB,UAAY,QAAU,YAAc,WAC9C8D,KAAMnF,KAAKuG,oBAAsB,GAC/BvG,KAAKuG,kBACJvG,KAAKqB,UAAY,QAAU,UAAY,OAC1C0D,KAAM/E,KAAKqB,UAAY,QAAU,aAAe,gBAChD4D,SAAUjF,KAAKqB,UAAY,YAAcrB,KAAKa,SAC9CmE,aAAa,QACbO,MAAOvF,KAAKqB,UAAY,QACpBrB,KAAK2D,aAAasC,gBAChBjG,KAAKa,SAAWb,KAAK2D,aAAaD,QAAU,KAEpDmB,EAAA,aAAW2B,KAAK,WACbxG,KAAK2C,iBAAiBiD,KAAI,SAAAzF,GAAM,OAC/B0E,EAAA,kBAEEE,KAAM5E,EAAO4E,KACbG,MAAO/E,EAAO+E,MACduB,WAAYtG,EAAOsG,WACnBC,UAAWvG,EAAOuG,UAClBrB,QAAS,SAACC,GAAQjF,EAAKH,YAAYC,EAAQmF,EAAE,GAE5CnF,EAAOoF,MATqB,Q,wPA5PvB,I"}

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

@@ -1,8 +0,0 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,i){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{s(i.next(e))}catch(e){o(e)}}function l(e){try{s(i["throw"](e))}catch(e){o(e)}}function s(e){e.done?n(e.value):r(e.value).then(a,l)}s((i=i.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},i,r,o,a;return a={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function l(e){return function(t){return s([e,t])}}function s(l){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,l[0]&&(n=0)),n)try{if(i=1,r&&(o=l[0]&2?r["return"]:l[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,l[1])).done)return o;if(r=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:n.label++;return{value:l[1],done:false};case 5:n.label++;r=l[1];l=[0];continue;case 7:l=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){n=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){n.label=l[1];break}if(l[0]===6&&n.label<o[1]){n.label=o[1];o=l;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(l);break}if(o[2])n.ops.pop();n.trys.pop();continue}l=t.call(e,n)}catch(e){l=[6,e];r=0}finally{i=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};var __rest=this&&this.__rest||function(e,t){var n={};for(var i in e)if(Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0)n[i]=e[i];if(e!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,i=Object.getOwnPropertySymbols(e);r<i.length;r++){if(t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r]))n[i[r]]=e[i[r]]}return n};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var i=0,r=t.length,o;i<r;i++){if(o||!(i in t)){if(!o)o=Array.prototype.slice.call(t,0,i);o[i]=t[i]}}return e.concat(o||Array.prototype.slice.call(t))};System.register(["./p-7b184ebb.system.js","./p-d4b7a303.system.js","./p-a408bfba.system.js"],(function(e){"use strict";var t,n,i,r,o,a,l;return{setters:[function(e){t=e.r;n=e.c;i=e.h;r=e.a;o=e.g},function(e){a=e.c},function(e){l=e.f}],execute:function(){var s=function(e){return"object"==typeof e&&null!=e&&1===e.nodeType},c=function(e,t){return(!t||"hidden"!==e)&&("visible"!==e&&"clip"!==e)},u=function(e,t){if(e.clientHeight<e.scrollHeight||e.clientWidth<e.scrollWidth){var n=getComputedStyle(e,null);return c(n.overflowY,t)||c(n.overflowX,t)||function(e){var t=function(e){if(!e.ownerDocument||!e.ownerDocument.defaultView)return null;try{return e.ownerDocument.defaultView.frameElement}catch(e){return null}}(e);return!!t&&(t.clientHeight<e.scrollHeight||t.clientWidth<e.scrollWidth)}(e)}return!1},f=function(e,t,n,i,r,o,a,l){return o<e&&a>t||o>e&&a<t?0:o<=e&&l<=n||a>=t&&l>=n?o-e-i:a>t&&l<n||o<e&&l>n?a-t+r:0},d=function(e){var t=e.parentElement;return null==t?e.getRootNode().host||null:t},h=function(e,t){var n,i,r,o;if("undefined"==typeof document)return[];var a=t.scrollMode,l=t.block,c=t.inline,h=t.boundary,p=t.skipOverflowHiddenElements,v="function"==typeof h?h:function(e){return e!==h};if(!s(e))throw new TypeError("Invalid target");var g=document.scrollingElement||document.documentElement,m=[];var b=e;for(;s(b)&&v(b);){if(b=d(b),b===g){m.push(b);break}null!=b&&b===document.body&&u(b)&&!u(document.documentElement)||null!=b&&u(b,p)&&m.push(b)}var y=null!=(i=null==(n=window.visualViewport)?void 0:n.width)?i:innerWidth,w=null!=(o=null==(r=window.visualViewport)?void 0:r.height)?o:innerHeight,_=window.scrollX,E=window.scrollY,D=e.getBoundingClientRect(),S=D.height,C=D.width,x=D.top,I=D.right,A=D.bottom,T=D.left;var O="start"===l||"nearest"===l?x:"end"===l?A:x+S/2,M="center"===c?T+C/2:"end"===c?I:T;var z=[];for(var k=0;k<m.length;k++){var N=m[k],P=N.getBoundingClientRect(),B=P.height,R=P.width,L=P.top,X=P.right,W=P.bottom,Y=P.left;if("if-needed"===a&&x>=0&&T>=0&&A<=w&&I<=y&&x>=L&&A<=W&&T>=Y&&I<=X)return z;var H=getComputedStyle(N),F=parseInt(H.borderLeftWidth,10),j=parseInt(H.borderTopWidth,10),K=parseInt(H.borderRightWidth,10),U=parseInt(H.borderBottomWidth,10);var G=0,V=0;var q="offsetWidth"in N?N.offsetWidth-N.clientWidth-F-K:0,Z="offsetHeight"in N?N.offsetHeight-N.clientHeight-j-U:0,J="offsetWidth"in N?0===N.offsetWidth?0:R/N.offsetWidth:0,Q="offsetHeight"in N?0===N.offsetHeight?0:B/N.offsetHeight:0;if(g===N)G="start"===l?O:"end"===l?O-w:"nearest"===l?f(E,E+w,w,j,U,E+O,E+O+S,S):O-w/2,V="start"===c?M:"center"===c?M-y/2:"end"===c?M-y:f(_,_+y,y,F,K,_+M,_+M+C,C),G=Math.max(0,G+E),V=Math.max(0,V+_);else{G="start"===l?O-L-j:"end"===l?O-W+U+Z:"nearest"===l?f(L,W,B,j,U+Z,O,O+S,S):O-(L+B/2)+Z/2,V="start"===c?M-Y-F:"center"===c?M-(Y+R/2)+q/2:"end"===c?M-X+K+q:f(Y,X,R,F,K+q,M,M+C,C);var $=N.scrollLeft,ee=N.scrollTop;G=Math.max(0,Math.min(ee+G/Q,N.scrollHeight-B/Q+Z)),V=Math.max(0,Math.min($+V/J,N.scrollWidth-R/J+q)),O+=ee-G,M+=$-V}z.push({el:N,top:G,left:V})}return z};var p=function(e){return!1===e?{block:"end",inline:"nearest"}:function(e){return e===Object(e)&&0!==Object.keys(e).length}(e)?e:{block:"start",inline:"nearest"}};function v(e,t){if(!e.isConnected||!function(e){var t=e;for(;t&&t.parentNode;){if(t.parentNode===document)return!0;t=t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}return!1}(e))return;if(function(e){return"object"==typeof e&&"function"==typeof e.behavior}(t))return t.behavior(h(e,t));var n="boolean"==typeof t||null==t?void 0:t.behavior;for(var i=0,r=h(e,p(t));i<r.length;i++){var o=r[i],a=o.el,l=o.top,s=o.left;a.scroll({top:l,left:s,behavior:n})}}
-/**!
-       * Sortable 1.15.0
-       * @author	RubaXa   <trash@rubaxa.org>
-       * @author	owenm    <owen23355@gmail.com>
-       * @license MIT
-       */function g(){g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n){if(Object.prototype.hasOwnProperty.call(n,i)){e[i]=n[i]}}}return e};return g.apply(this,arguments)}var m="1.15.0";function b(e){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(e)}}var y=b(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var w=b(/Edge/i);var _=b(/firefox/i);var E=b(/safari/i)&&!b(/chrome/i)&&!b(/android/i);var D=b(/iP(ad|od|hone)/i);var S=b(/chrome/i)&&b(/android/i);var C={capture:false,passive:false};function x(e,t,n){e.addEventListener(t,n,!y&&C)}function I(e,t,n){e.removeEventListener(t,n,!y&&C)}function A(e,t){if(!t)return;t[0]===">"&&(t=t.substring(1));if(e){try{if(e.matches){return e.matches(t)}else if(e.msMatchesSelector){return e.msMatchesSelector(t)}else if(e.webkitMatchesSelector){return e.webkitMatchesSelector(t)}}catch(e){return false}}return false}function T(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function O(e,t,n,i){if(e){n=n||document;do{if(t!=null&&(t[0]===">"?e.parentNode===n&&A(e,t):A(e,t))||i&&e===n){return e}if(e===n)break}while(e=T(e))}return null}var M=/\s+/g;function z(e,t,n){if(e&&t){if(e.classList){e.classList[n?"add":"remove"](t)}else{var i=(" "+e.className+" ").replace(M," ").replace(" "+t+" "," ");e.className=(i+(n?" "+t:"")).replace(M," ")}}}function k(e,t,n){var i=e&&e.style;if(i){if(n===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){n=document.defaultView.getComputedStyle(e,"")}else if(e.currentStyle){n=e.currentStyle}return t===void 0?n:n[t]}else{if(!(t in i)&&t.indexOf("webkit")===-1){t="-webkit-"+t}i[t]=n+(typeof n==="string"?"":"px")}}}function N(e,t){var n="";if(typeof e==="string"){n=e}else{do{var i=k(e,"transform");if(i&&i!=="none"){n=i+" "+n}}while(!t&&(e=e.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(n)}function P(e,t,n){if(e){var i=e.getElementsByTagName(t),r=0,o=i.length;if(n){for(;r<o;r++){n(i[r],r)}}return i}return[]}function B(){var e=document.scrollingElement;if(e){return e}else{return document.documentElement}}function R(e,t,n,i,r){if(!e.getBoundingClientRect&&e!==window)return;var o,a,l,s,c,u,f;if(e!==window&&e.parentNode&&e!==B()){o=e.getBoundingClientRect();a=o.top;l=o.left;s=o.bottom;c=o.right;u=o.height;f=o.width}else{a=0;l=0;s=window.innerHeight;c=window.innerWidth;u=window.innerHeight;f=window.innerWidth}if((t||n)&&e!==window){r=r||e.parentNode;if(!y){do{if(r&&r.getBoundingClientRect&&(k(r,"transform")!=="none"||n&&k(r,"position")!=="static")){var d=r.getBoundingClientRect();a-=d.top+parseInt(k(r,"border-top-width"));l-=d.left+parseInt(k(r,"border-left-width"));s=a+o.height;c=l+o.width;break}}while(r=r.parentNode)}}if(i&&e!==window){var h=N(r||e),p=h&&h.a,v=h&&h.d;if(h){a/=v;l/=p;f/=p;u/=v;s=a+u;c=l+f}}return{top:a,left:l,bottom:s,right:c,width:f,height:u}}function L(e,t,n){var i=j(e,true),r=R(e)[t];while(i){var o=R(i)[n],a=void 0;if(n==="top"||n==="left"){a=r>=o}else{a=r<=o}if(!a)return i;if(i===B())break;i=j(i,false)}return false}function X(e,t,n,i){var r=0,o=0,a=e.children;while(o<a.length){if(a[o].style.display!=="none"&&a[o]!==nt.ghost&&(i||a[o]!==nt.dragged)&&O(a[o],n.draggable,e,false)){if(r===t){return a[o]}r++}o++}return null}function W(e,t){var n=e.lastElementChild;while(n&&(n===nt.ghost||k(n,"display")==="none"||t&&!A(n,t))){n=n.previousElementSibling}return n||null}function Y(e,t){var n=0;if(!e||!e.parentNode){return-1}while(e=e.previousElementSibling){if(e.nodeName.toUpperCase()!=="TEMPLATE"&&e!==nt.clone&&(!t||A(e,t))){n++}}return n}function H(e){var t=0,n=0,i=B();if(e){do{var r=N(e),o=r.a,a=r.d;t+=e.scrollLeft*o;n+=e.scrollTop*a}while(e!==i&&(e=e.parentNode))}return[t,n]}function F(e,t){for(var n in e){if(!e.hasOwnProperty(n))continue;for(var i in t){if(t.hasOwnProperty(i)&&t[i]===e[n][i])return Number(n)}}return-1}function j(e,t){if(!e||!e.getBoundingClientRect)return B();var n=e;var i=false;do{if(n.clientWidth<n.scrollWidth||n.clientHeight<n.scrollHeight){var r=k(n);if(n.clientWidth<n.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||n.clientHeight<n.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!n.getBoundingClientRect||n===document.body)return B();if(i||t)return n;i=true}}}while(n=n.parentNode);return B()}function K(e,t){if(e&&t){for(var n in t){if(t.hasOwnProperty(n)){e[n]=t[n]}}}return e}function U(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.height)===Math.round(t.height)&&Math.round(e.width)===Math.round(t.width)}var G;function V(e,t){return function(){if(!G){var n=arguments,i=this;if(n.length===1){e.call(i,n[0])}else{e.apply(i,n)}G=setTimeout((function(){G=void 0}),t)}}}function q(){clearTimeout(G);G=void 0}function Z(e,t,n){e.scrollLeft+=t;e.scrollTop+=n}function J(e){var t=window.Polymer;var n=window.jQuery||window.Zepto;if(t&&t.dom){return t.dom(e).cloneNode(true)}else if(n){return n(e).clone(true)[0]}else{return e.cloneNode(true)}}function Q(e,t){k(e,"position","absolute");k(e,"top",t.top);k(e,"left",t.left);k(e,"width",t.width);k(e,"height",t.height)}function $(e){k(e,"position","");k(e,"top","");k(e,"left","");k(e,"width","");k(e,"height","")}var ee="Sortable"+(new Date).getTime();function te(){var e=[],t;return{captureAnimationState:function(){e=[];if(!this.options.animation)return;var t=[].slice.call(this.el.children);t.forEach((function(t){if(k(t,"display")==="none"||t===nt.ghost)return;e.push({target:t,rect:R(t)});var n=__assign({},e[e.length-1].rect);if(t.thisAnimationDuration){var i=N(t,true);if(i){n.top-=i.f;n.left-=i.e}}t.fromRect=n}))},addAnimationState:function(t){e.push(t)},removeAnimationState:function(t){e.splice(F(e,{target:t}),1)},animateAll:function(n){var i=this;if(!this.options.animation){clearTimeout(t);if(typeof n==="function")n();return}var r=false,o=0;e.forEach((function(e){var t=0,n=e.target,a=n.fromRect,l=R(n),s=n.prevFromRect,c=n.prevToRect,u=e.rect,f=N(n,true);if(f){l.top-=f.f;l.left-=f.e}n.toRect=l;if(n.thisAnimationDuration){if(U(s,l)&&!U(a,l)&&(u.top-l.top)/(u.left-l.left)===(a.top-l.top)/(a.left-l.left)){t=ie(u,s,c,i.options)}}if(!U(l,a)){n.prevFromRect=a;n.prevToRect=l;if(!t){t=i.options.animation}i.animate(n,u,l,t)}if(t){r=true;o=Math.max(o,t);clearTimeout(n.animationResetTimer);n.animationResetTimer=setTimeout((function(){n.animationTime=0;n.prevFromRect=null;n.fromRect=null;n.prevToRect=null;n.thisAnimationDuration=null}),t);n.thisAnimationDuration=t}}));clearTimeout(t);if(!r){if(typeof n==="function")n()}else{t=setTimeout((function(){if(typeof n==="function")n()}),o)}e=[]},animate:function(e,t,n,i){if(i){k(e,"transition","");k(e,"transform","");var r=N(this.el),o=r&&r.a,a=r&&r.d,l=(t.left-n.left)/(o||1),s=(t.top-n.top)/(a||1);e.animatingX=!!l;e.animatingY=!!s;k(e,"transform","translate3d("+l+"px,"+s+"px,0)");this.forRepaintDummy=ne(e);k(e,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:""));k(e,"transform","translate3d(0,0,0)");typeof e.animated==="number"&&clearTimeout(e.animated);e.animated=setTimeout((function(){k(e,"transition","");k(e,"transform","");e.animated=false;e.animatingX=false;e.animatingY=false}),i)}}}}function ne(e){return e.offsetWidth}function ie(e,t,n,i){return Math.sqrt(Math.pow(t.top-e.top,2)+Math.pow(t.left-e.left,2))/Math.sqrt(Math.pow(t.top-n.top,2)+Math.pow(t.left-n.left,2))*i.animation}var re=[];var oe={initializeByDefault:true};var ae={mount:function(e){for(var t in oe){if(oe.hasOwnProperty(t)&&!(t in e)){e[t]=oe[t]}}re.forEach((function(t){if(t.pluginName===e.pluginName){throw"Sortable: Cannot mount plugin ".concat(e.pluginName," more than once")}}));re.push(e)},pluginEvent:function(e,t,n){var i=this;this.eventCanceled=false;n.cancel=function(){i.eventCanceled=true};var r=e+"Global";re.forEach((function(i){if(!t[i.pluginName])return;if(t[i.pluginName][r]){t[i.pluginName][r](__assign({sortable:t},n))}if(t.options[i.pluginName]&&t[i.pluginName][e]){t[i.pluginName][e](__assign({sortable:t},n))}}))},initializePlugins:function(e,t,n,i){re.forEach((function(i){var r=i.pluginName;if(!e.options[r]&&!i.initializeByDefault)return;var o=new i(e,t,e.options);o.sortable=e;o.options=e.options;e[r]=o;g(n,o.defaults)}));for(var r in e.options){if(!e.options.hasOwnProperty(r))continue;var o=this.modifyOption(e,r,e.options[r]);if(typeof o!=="undefined"){e.options[r]=o}}},getEventProperties:function(e,t){var n={};re.forEach((function(i){if(typeof i.eventProperties!=="function")return;g(n,i.eventProperties.call(t[i.pluginName],e))}));return n},modifyOption:function(e,t,n){var i;re.forEach((function(r){if(!e[r.pluginName])return;if(r.optionListeners&&typeof r.optionListeners[t]==="function"){i=r.optionListeners[t].call(e[r.pluginName],n)}}));return i}};function le(e){var t=e.sortable,n=e.rootEl,i=e.name,r=e.targetEl,o=e.cloneEl,a=e.toEl,l=e.fromEl,s=e.oldIndex,c=e.newIndex,u=e.oldDraggableIndex,f=e.newDraggableIndex,d=e.originalEvent,h=e.putSortable,p=e.extraEventProperties;t=t||n&&n[ee];if(!t)return;var v,g=t.options,m="on"+i.charAt(0).toUpperCase()+i.substr(1);if(window.CustomEvent&&!y&&!w){v=new CustomEvent(i,{bubbles:true,cancelable:true})}else{v=document.createEvent("Event");v.initEvent(i,true,true)}v.to=a||n;v.from=l||n;v.item=r||n;v.clone=o;v.oldIndex=s;v.newIndex=c;v.oldDraggableIndex=u;v.newDraggableIndex=f;v.originalEvent=d;v.pullMode=h?h.lastPutMode:undefined;var b=__assign(__assign({},p),ae.getEventProperties(i,t));for(var _ in b){v[_]=b[_]}if(n){n.dispatchEvent(v)}if(g[m]){g[m].call(t,v)}}var se=function(e,t,n){if(n===void 0){n={}}var i=n.evt,r=__rest(n,["evt"]);ae.pluginEvent.bind(nt)(e,t,__assign({dragEl:ue,parentEl:fe,ghostEl:de,rootEl:he,nextEl:pe,lastDownEl:ve,cloneEl:ge,cloneHidden:me,dragStarted:ke,putSortable:De,activeSortable:nt.active,originalEvent:i,oldIndex:be,oldDraggableIndex:we,newIndex:ye,newDraggableIndex:_e,hideGhostForTarget:Qe,unhideGhostForTarget:$e,cloneNowHidden:function(){me=true},cloneNowShown:function(){me=false},dispatchSortableEvent:function(e){ce({sortable:t,name:e,originalEvent:i})}},r))};function ce(e){le(__assign({putSortable:De,cloneEl:ge,targetEl:ue,rootEl:he,oldIndex:be,oldDraggableIndex:we,newIndex:ye,newDraggableIndex:_e},e))}var ue,fe,de,he,pe,ve,ge,me,be,ye,we,_e,Ee,De,Se=false,Ce=false,xe=[],Ie,Ae,Te,Oe,Me,ze,ke,Ne,Pe,Be=false,Re=false,Le,Xe,We=[],Ye=false,He=[];var Fe=typeof document!=="undefined",je=D,Ke=w||y?"cssFloat":"float",Ue=Fe&&!S&&!D&&"draggable"in document.createElement("div"),Ge=function(){if(!Fe)return;if(y){return false}var e=document.createElement("x");e.style.cssText="pointer-events:auto";return e.style.pointerEvents==="auto"}(),Ve=function(e,t){var n=k(e),i=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),r=X(e,0,t),o=X(e,1,t),a=r&&k(r),l=o&&k(o),s=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+R(r).width,c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+R(o).width;if(n.display==="flex"){return n.flexDirection==="column"||n.flexDirection==="column-reverse"?"vertical":"horizontal"}if(n.display==="grid"){return n.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal"}if(r&&a.float&&a.float!=="none"){var u=a.float==="left"?"left":"right";return o&&(l.clear==="both"||l.clear===u)?"vertical":"horizontal"}return r&&(a.display==="block"||a.display==="flex"||a.display==="table"||a.display==="grid"||s>=i&&n[Ke]==="none"||o&&n[Ke]==="none"&&s+c>i)?"vertical":"horizontal"},qe=function(e,t,n){var i=n?e.left:e.top,r=n?e.right:e.bottom,o=n?e.width:e.height,a=n?t.left:t.top,l=n?t.right:t.bottom,s=n?t.width:t.height;return i===a||r===l||i+o/2===a+s/2},Ze=function(e,t){var n;xe.some((function(i){var r=i[ee].options.emptyInsertThreshold;if(!r||W(i))return;var o=R(i),a=e>=o.left-r&&e<=o.right+r,l=t>=o.top-r&&t<=o.bottom+r;if(a&&l){return n=i}}));return n},Je=function(e){function t(e,n){return function(i,r,o,a){var l=i.options.group.name&&r.options.group.name&&i.options.group.name===r.options.group.name;if(e==null&&(n||l)){return true}else if(e==null||e===false){return false}else if(n&&e==="clone"){return e}else if(typeof e==="function"){return t(e(i,r,o,a),n)(i,r,o,a)}else{var s=(n?i:r).options.group.name;return e===true||typeof e==="string"&&e===s||e.join&&e.indexOf(s)>-1}}}var n={};var i=e.group;if(!i||typeof i!="object"){i={name:i}}n.name=i.name;n.checkPull=t(i.pull,true);n.checkPut=t(i.put);n.revertClone=i.revertClone;e.group=n},Qe=function(){if(!Ge&&de){k(de,"display","none")}},$e=function(){if(!Ge&&de){k(de,"display","")}};if(Fe&&!S){document.addEventListener("click",(function(e){if(Ce){e.preventDefault();e.stopPropagation&&e.stopPropagation();e.stopImmediatePropagation&&e.stopImmediatePropagation();Ce=false;return false}}),true)}var et=function(e){if(ue){e=e.touches?e.touches[0]:e;var t=Ze(e.clientX,e.clientY);if(t){var n={};for(var i in e){if(e.hasOwnProperty(i)){n[i]=e[i]}}n.target=n.rootEl=t;n.preventDefault=void 0;n.stopPropagation=void 0;t[ee]._onDragOver(n)}}};var tt=function(e){if(ue){ue.parentNode[ee]._isOutsideThisEl(e.target)}};function nt(e,t){if(!(e&&e.nodeType&&e.nodeType===1)){throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e))}this.el=e;this.options=t=g({},t);e[ee]=this;var n={group:null,sort:true,disabled:false,store:null,handle:null,draggable:/^[uo]l$/i.test(e.nodeName)?">li":">*",swapThreshold:1,invertSwap:false,invertedSwapThreshold:null,removeCloneOnHide:true,direction:function(){return Ve(e,this.options)},ghostClone:function(e){return e.cloneNode(true)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function(e,t){e.setData("Text",t.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:nt.supportPointer!==false&&"PointerEvent"in window&&!E,emptyInsertThreshold:5};ae.initializePlugins(this,e,n);for(var i in n){!(i in t)&&(t[i]=n[i])}Je(t);for(var r in this){if(r.charAt(0)==="_"&&typeof this[r]==="function"){this[r]=this[r].bind(this)}}this.nativeDraggable=t.forceFallback?false:Ue;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(t.supportPointer){x(e,"pointerdown",this._onTapStart)}else{x(e,"mousedown",this._onTapStart);x(e,"touchstart",this._onTapStart)}if(this.nativeDraggable){x(e,"dragover",this);x(e,"dragenter",this)}xe.push(this.el);t.store&&t.store.get&&this.sort(t.store.get(this)||[]);g(this,te())}nt.prototype={constructor:nt,_isOutsideThisEl:function(e){if(!this.el.contains(e)&&e!==this.el){Ne=null}},_getDirection:function(e,t){return typeof this.options.direction==="function"?this.options.direction.call(this,e,t,ue):this.options.direction},_onTapStart:function(e){if(!e.cancelable)return;var t=this,n=this.el,i=this.options,r=i.preventOnFilter,o=e.type,a=e.touches&&e.touches[0]||e.pointerType&&e.pointerType==="touch"&&e,l=(a||e).target,s=e.target.shadowRoot&&(e.path&&e.path[0]||e.composedPath&&e.composedPath()[0])||l,c=i.filter;dt(n);if(ue){return}if(/mousedown|pointerdown/.test(o)&&e.button!==0||i.disabled){return}if(s.isContentEditable){return}if(!this.nativeDraggable&&E&&l&&l.tagName.toUpperCase()==="SELECT"){return}l=O(l,i.draggable,n,false);if(l&&l.animated){return}if(ve===l){return}be=Y(l);we=Y(l,i.draggable);if(typeof c==="function"){if(c.call(this,e,l,this)){ce({sortable:t,rootEl:s,name:"filter",targetEl:l,toEl:n,fromEl:n});se("filter",t,{evt:e});r&&e.cancelable&&e.preventDefault();return}}else if(c){c=c.split(",").some((function(i){i=O(s,i.trim(),n,false);if(i){ce({sortable:t,rootEl:i,name:"filter",targetEl:l,fromEl:n,toEl:n});se("filter",t,{evt:e});return true}}));if(c){r&&e.cancelable&&e.preventDefault();return}}if(i.handle&&!O(s,i.handle,n,false)){return}this._prepareDragStart(e,a,l)},_prepareDragStart:function(e,t,n){var i=this,r=i.el,o=i.options,a=r.ownerDocument,l;if(n&&!ue&&n.parentNode===r){var s=R(n);he=r;ue=n;fe=ue.parentNode;pe=ue.nextSibling;ve=n;Ee=o.group;nt.dragged=ue;Ie={target:ue,clientX:(t||e).clientX,clientY:(t||e).clientY};Me=Ie.clientX-s.left;ze=Ie.clientY-s.top;this._lastX=(t||e).clientX;this._lastY=(t||e).clientY;ue.style["will-change"]="all";l=function(){se("delayEnded",i,{evt:e});if(nt.eventCanceled){i._onDrop();return}i._disableDelayedDragEvents();if(!_&&i.nativeDraggable){ue.draggable=true}i._triggerDragStart(e,t);ce({sortable:i,name:"choose",originalEvent:e});z(ue,o.chosenClass,true)};o.ignore.split(",").forEach((function(e){P(ue,e.trim(),ot)}));x(a,"dragover",et);x(a,"mousemove",et);x(a,"touchmove",et);x(a,"mouseup",i._onDrop);x(a,"touchend",i._onDrop);x(a,"touchcancel",i._onDrop);if(_&&this.nativeDraggable){this.options.touchStartThreshold=4;ue.draggable=true}se("delayStart",this,{evt:e});if(o.delay&&(!o.delayOnTouchOnly||t)&&(!this.nativeDraggable||!(w||y))){if(nt.eventCanceled){this._onDrop();return}x(a,"mouseup",i._disableDelayedDrag);x(a,"touchend",i._disableDelayedDrag);x(a,"touchcancel",i._disableDelayedDrag);x(a,"mousemove",i._delayedDragTouchMoveHandler);x(a,"touchmove",i._delayedDragTouchMoveHandler);o.supportPointer&&x(a,"pointermove",i._delayedDragTouchMoveHandler);i._dragStartTimer=setTimeout(l,o.delay)}else{l()}}},_delayedDragTouchMoveHandler:function(e){var t=e.touches?e.touches[0]:e;if(Math.max(Math.abs(t.clientX-this._lastX),Math.abs(t.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function(){ue&&ot(ue);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var e=this.el.ownerDocument;I(e,"mouseup",this._disableDelayedDrag);I(e,"touchend",this._disableDelayedDrag);I(e,"touchcancel",this._disableDelayedDrag);I(e,"mousemove",this._delayedDragTouchMoveHandler);I(e,"touchmove",this._delayedDragTouchMoveHandler);I(e,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(e,t){t=t||e.pointerType=="touch"&&e;if(!this.nativeDraggable||t){if(this.options.supportPointer){x(document,"pointermove",this._onTouchMove)}else if(t){x(document,"touchmove",this._onTouchMove)}else{x(document,"mousemove",this._onTouchMove)}}else{x(ue,"dragend",this);x(he,"dragstart",this._onDragStart)}try{if(document.selection){ht((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(e){}},_dragStarted:function(e,t){Se=false;if(he&&ue){se("dragStarted",this,{evt:t});if(this.nativeDraggable){x(document,"dragover",tt)}var n=this.options;!e&&z(ue,n.dragClass,false);z(ue,n.ghostClass,true);nt.active=this;e&&this._appendGhost();ce({sortable:this,name:"start",originalEvent:t})}else{this._nulling()}},_emulateDragOver:function(){if(Ae){this._lastX=Ae.clientX;this._lastY=Ae.clientY;Qe();var e=document.elementFromPoint(Ae.clientX,Ae.clientY);var t=e;while(e&&e.shadowRoot){e=e.shadowRoot.elementFromPoint(Ae.clientX,Ae.clientY);if(e===t)break;t=e}ue.parentNode[ee]._isOutsideThisEl(e);if(t){do{if(t[ee]){var n=void 0;n=t[ee]._onDragOver({clientX:Ae.clientX,clientY:Ae.clientY,target:e,rootEl:t});if(n&&!this.options.dragoverBubble){break}}e=t}while(t=t.parentNode)}$e()}},_onTouchMove:function(e){if(Ie){var t=this.options,n=t.fallbackTolerance,i=t.fallbackOffset,r=e.touches?e.touches[0]:e,o=de&&N(de,true),a=de&&o&&o.a,l=de&&o&&o.d,s=je&&Xe&&H(Xe),c=(r.clientX-Ie.clientX+i.x)/(a||1)+(s?s[0]-We[0]:0)/(a||1),u=(r.clientY-Ie.clientY+i.y)/(l||1)+(s?s[1]-We[1]:0)/(l||1);if(!nt.active&&!Se){if(n&&Math.max(Math.abs(r.clientX-this._lastX),Math.abs(r.clientY-this._lastY))<n){return}this._onDragStart(e,true)}if(de){if(o){o.e+=c-(Te||0);o.f+=u-(Oe||0)}else{o={a:1,b:0,c:0,d:1,e:c,f:u}}var f="matrix(".concat(o.a,",").concat(o.b,",").concat(o.c,",").concat(o.d,",").concat(o.e,",").concat(o.f,")");k(de,"webkitTransform",f);k(de,"mozTransform",f);k(de,"msTransform",f);k(de,"transform",f);Te=c;Oe=u;Ae=r}e.cancelable&&e.preventDefault()}},_appendGhost:function(){if(!de){var e=this.options.fallbackOnBody?document.body:he,t=R(ue,true,je,true,e),n=this.options;if(je){Xe=e;while(k(Xe,"position")==="static"&&k(Xe,"transform")==="none"&&Xe!==document){Xe=Xe.parentNode}if(Xe!==document.body&&Xe!==document.documentElement){if(Xe===document)Xe=B();t.top+=Xe.scrollTop;t.left+=Xe.scrollLeft}else{Xe=B()}We=H(Xe)}de=n.ghostClone(ue);z(de,n.ghostClass,false);z(de,n.fallbackClass,true);z(de,n.dragClass,true);k(de,"transition","");k(de,"transform","");k(de,"box-sizing","border-box");k(de,"margin",0);k(de,"top",t.top);k(de,"left",t.left);k(de,"width",t.width);k(de,"height",t.height);k(de,"opacity","0.8");k(de,"position",je?"absolute":"fixed");k(de,"zIndex","100000");k(de,"pointerEvents","none");nt.ghost=de;e.appendChild(de);k(de,"transform-origin",Me/parseInt(de.style.width)*100+"% "+ze/parseInt(de.style.height)*100+"%")}},_onDragStart:function(e,t){var n=this;var i=e.dataTransfer;var r=n.options;se("dragStart",this,{evt:e});if(nt.eventCanceled){this._onDrop();return}se("setupClone",this);if(!nt.eventCanceled){ge=J(ue);ge.removeAttribute("id");ge.draggable=false;ge.style["will-change"]="";this._hideClone();z(ge,this.options.chosenClass,false);nt.clone=ge}n.cloneId=ht((function(){se("clone",n);if(nt.eventCanceled)return;if(!n.options.removeCloneOnHide){he.insertBefore(ge,ue)}n._hideClone();ce({sortable:n,name:"clone"})}));!t&&z(ue,r.dragClass,true);if(t){Ce=true;n._loopId=setInterval(n._emulateDragOver,50)}else{I(document,"mouseup",n._onDrop);I(document,"touchend",n._onDrop);I(document,"touchcancel",n._onDrop);if(i){i.effectAllowed="move";r.setData&&r.setData.call(n,i,ue)}x(document,"drop",n);k(ue,"transform","translateZ(0)")}Se=true;n._dragStartId=ht(n._dragStarted.bind(n,t,e));x(document,"selectstart",n);ke=true;if(E){k(document.body,"user-select","none")}},_onDragOver:function(e){var t=this.el,n=e.target,i,r,o,a=this.options,l=a.group,s=nt.active,c=Ee===l,u=a.sort,f=De||s,d,h=this,p=false;if(Ye)return;function v(a,l){se(a,h,__assign({evt:e,isOwner:c,axis:d?"vertical":"horizontal",revert:o,dragRect:i,targetRect:r,canSort:u,fromSortable:f,target:n,completed:m,onMove:function(n,r){return rt(he,t,ue,i,n,R(n),e,r)},changed:b},l))}function g(){v("dragOverAnimationCapture");h.captureAnimationState();if(h!==f){f.captureAnimationState()}}function m(i){v("dragOverCompleted",{insertion:i});if(i){if(c){s._hideClone()}else{s._showClone(h)}if(h!==f){z(ue,De?De.options.ghostClass:s.options.ghostClass,false);z(ue,a.ghostClass,true)}if(De!==h&&h!==nt.active){De=h}else if(h===nt.active&&De){De=null}if(f===h){h._ignoreWhileAnimating=n}h.animateAll((function(){v("dragOverAnimationComplete");h._ignoreWhileAnimating=null}));if(h!==f){f.animateAll();f._ignoreWhileAnimating=null}}if(n===ue&&!ue.animated||n===t&&!n.animated){Ne=null}if(!a.dragoverBubble&&!e.rootEl&&n!==document){ue.parentNode[ee]._isOutsideThisEl(e.target);!i&&et(e)}!a.dragoverBubble&&e.stopPropagation&&e.stopPropagation();return p=true}function b(){ye=Y(ue);_e=Y(ue,a.draggable);ce({sortable:h,name:"change",toEl:t,newIndex:ye,newDraggableIndex:_e,originalEvent:e})}if(e.preventDefault!==void 0){e.cancelable&&e.preventDefault()}n=O(n,a.draggable,t,true);v("dragOver");if(nt.eventCanceled)return p;if(ue.contains(e.target)||n.animated&&n.animatingX&&n.animatingY||h._ignoreWhileAnimating===n){return m(false)}Ce=false;if(s&&!a.disabled&&(c?u||(o=fe!==he):De===this||(this.lastPutMode=Ee.checkPull(this,s,ue,e))&&l.checkPut(this,s,ue,e))){d=this._getDirection(e,n)==="vertical";i=R(ue);v("dragOverValid");if(nt.eventCanceled)return p;if(o){fe=he;g();this._hideClone();v("revert");if(!nt.eventCanceled){if(pe){he.insertBefore(ue,pe)}else{he.appendChild(ue)}}return m(true)}var y=W(t,a.draggable);if(!y||st(e,d,this)&&!y.animated){if(y===ue){return m(false)}if(y&&t===e.target){n=y}if(n){r=R(n)}if(rt(he,t,ue,i,n,r,e,!!n)!==false){g();if(y&&y.nextSibling){t.insertBefore(ue,y.nextSibling)}else{t.appendChild(ue)}fe=t;b();return m(true)}}else if(y&&lt(e,d,this)){var w=X(t,0,a,true);if(w===ue){return m(false)}n=w;r=R(n);if(rt(he,t,ue,i,n,r,e,false)!==false){g();t.insertBefore(ue,w);fe=t;b();return m(true)}}else if(n.parentNode===t){r=R(n);var _=0,E=void 0,D=ue.parentNode!==t,S=!qe(ue.animated&&ue.toRect||i,n.animated&&n.toRect||r,d),C=d?"top":"left",x=L(n,"top","top")||L(ue,"top","top"),I=x?x.scrollTop:void 0;if(Ne!==n){E=r[C];Be=false;Re=!S&&a.invertSwap||D}_=ct(e,n,r,d,S?1:a.swapThreshold,a.invertedSwapThreshold==null?a.swapThreshold:a.invertedSwapThreshold,Re,Ne===n);var A=void 0;if(_!==0){var T=Y(ue);do{T-=_;A=fe.children[T]}while(A&&(k(A,"display")==="none"||A===de))}if(_===0||A===n){return m(false)}Ne=n;Pe=_;var M=n.nextElementSibling,N=false;N=_===1;var P=rt(he,t,ue,i,n,r,e,N);if(P!==false){if(P===1||P===-1){N=P===1}Ye=true;setTimeout(at,30);g();if(N&&!M){t.appendChild(ue)}else{n.parentNode.insertBefore(ue,N?M:n)}if(x){Z(x,0,I-x.scrollTop)}fe=ue.parentNode;if(E!==undefined&&!Re){Le=Math.abs(E-R(n)[C])}b();return m(true)}}if(t.contains(ue)){return m(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function(){I(document,"mousemove",this._onTouchMove);I(document,"touchmove",this._onTouchMove);I(document,"pointermove",this._onTouchMove);I(document,"dragover",et);I(document,"mousemove",et);I(document,"touchmove",et)},_offUpEvents:function(){var e=this.el.ownerDocument;I(e,"mouseup",this._onDrop);I(e,"touchend",this._onDrop);I(e,"pointerup",this._onDrop);I(e,"touchcancel",this._onDrop);I(document,"selectstart",this)},_onDrop:function(e){var t=this.el,n=this.options;ye=Y(ue);_e=Y(ue,n.draggable);se("drop",this,{evt:e});fe=ue&&ue.parentNode;ye=Y(ue);_e=Y(ue,n.draggable);if(nt.eventCanceled){this._nulling();return}Se=false;Re=false;Be=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);pt(this.cloneId);pt(this._dragStartId);if(this.nativeDraggable){I(document,"drop",this);I(t,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(E){k(document.body,"user-select","")}k(ue,"transform","");if(e){if(ke){e.cancelable&&e.preventDefault();!n.dropBubble&&e.stopPropagation()}de&&de.parentNode&&de.parentNode.removeChild(de);if(he===fe||De&&De.lastPutMode!=="clone"){ge&&ge.parentNode&&ge.parentNode.removeChild(ge)}if(ue){if(this.nativeDraggable){I(ue,"dragend",this)}ot(ue);ue.style["will-change"]="";if(ke&&!Se){z(ue,De?De.options.ghostClass:this.options.ghostClass,false)}z(ue,this.options.chosenClass,false);ce({sortable:this,name:"unchoose",toEl:fe,newIndex:null,newDraggableIndex:null,originalEvent:e});if(he!==fe){if(ye>=0){ce({rootEl:fe,name:"add",toEl:fe,fromEl:he,originalEvent:e});ce({sortable:this,name:"remove",toEl:fe,originalEvent:e});ce({rootEl:fe,name:"sort",toEl:fe,fromEl:he,originalEvent:e});ce({sortable:this,name:"sort",toEl:fe,originalEvent:e})}De&&De.save()}else{if(ye!==be){if(ye>=0){ce({sortable:this,name:"update",toEl:fe,originalEvent:e});ce({sortable:this,name:"sort",toEl:fe,originalEvent:e})}}}if(nt.active){if(ye==null||ye===-1){ye=be;_e=we}ce({sortable:this,name:"end",toEl:fe,originalEvent:e});this.save()}}}this._nulling()},_nulling:function(){se("nulling",this);he=ue=fe=de=pe=ge=ve=me=Ie=Ae=ke=ye=_e=be=we=Ne=Pe=De=Ee=nt.dragged=nt.ghost=nt.clone=nt.active=null;He.forEach((function(e){e.checked=true}));He.length=Te=Oe=0},handleEvent:function(e){switch(e.type){case"drop":case"dragend":this._onDrop(e);break;case"dragenter":case"dragover":if(ue){this._onDragOver(e);it(e)}break;case"selectstart":e.preventDefault();break}},toArray:function(){var e=[],t,n=this.el.children,i=0,r=n.length,o=this.options;for(;i<r;i++){t=n[i];if(O(t,o.draggable,this.el,false)){e.push(t.getAttribute(o.dataIdAttr)||ft(t))}}return e},sort:function(e,t){var n={},i=this.el;this.toArray().forEach((function(e,t){var r=i.children[t];if(O(r,this.options.draggable,i,false)){n[e]=r}}),this);t&&this.captureAnimationState();e.forEach((function(e){if(n[e]){i.removeChild(n[e]);i.appendChild(n[e])}}));t&&this.animateAll()},save:function(){var e=this.options.store;e&&e.set&&e.set(this)},closest:function(e,t){return O(e,t||this.options.draggable,this.el,false)},option:function(e,t){var n=this.options;if(t===void 0){return n[e]}else{var i=ae.modifyOption(this,e,t);if(typeof i!=="undefined"){n[e]=i}else{n[e]=t}if(e==="group"){Je(n)}}},destroy:function(){se("destroy",this);var e=this.el;e[ee]=null;I(e,"mousedown",this._onTapStart);I(e,"touchstart",this._onTapStart);I(e,"pointerdown",this._onTapStart);if(this.nativeDraggable){I(e,"dragover",this);I(e,"dragenter",this)}Array.prototype.forEach.call(e.querySelectorAll("[draggable]"),(function(e){e.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();xe.splice(xe.indexOf(this.el),1);this.el=e=null},_hideClone:function(){if(!me){se("hideClone",this);if(nt.eventCanceled)return;k(ge,"display","none");if(this.options.removeCloneOnHide&&ge.parentNode){ge.parentNode.removeChild(ge)}me=true}},_showClone:function(e){if(e.lastPutMode!=="clone"){this._hideClone();return}if(me){se("showClone",this);if(nt.eventCanceled)return;if(ue.parentNode==he&&!this.options.group.revertClone){he.insertBefore(ge,ue)}else if(pe){he.insertBefore(ge,pe)}else{he.appendChild(ge)}if(this.options.group.revertClone){this.animate(ue,ge)}k(ge,"display","");me=false}}};function it(e){if(e.dataTransfer){e.dataTransfer.dropEffect="move"}e.cancelable&&e.preventDefault()}function rt(e,t,n,i,r,o,a,l){var s,c=e[ee],u=c.options.onMove,f;if(window.CustomEvent&&!y&&!w){s=new CustomEvent("move",{bubbles:true,cancelable:true})}else{s=document.createEvent("Event");s.initEvent("move",true,true)}s.to=t;s.from=e;s.dragged=n;s.draggedRect=i;s.related=r||t;s.relatedRect=o||R(t);s.willInsertAfter=l;s.originalEvent=a;e.dispatchEvent(s);if(u){f=u.call(c,s,a)}return f}function ot(e){e.draggable=false}function at(){Ye=false}function lt(e,t,n){var i=R(X(n.el,0,n.options,true));var r=10;return t?e.clientX<i.left-r||e.clientY<i.top&&e.clientX<i.right:e.clientY<i.top-r||e.clientY<i.bottom&&e.clientX<i.left}function st(e,t,n){var i=R(W(n.el,n.options.draggable));var r=10;return t?e.clientX>i.right+r||e.clientX<=i.right&&e.clientY>i.bottom&&e.clientX>=i.left:e.clientX>i.right&&e.clientY>i.top||e.clientX<=i.right&&e.clientY>i.bottom+r}function ct(e,t,n,i,r,o,a,l){var s=i?e.clientY:e.clientX,c=i?n.height:n.width,u=i?n.top:n.left,f=i?n.bottom:n.right,d=false;if(!a){if(l&&Le<c*r){if(!Be&&(Pe===1?s>u+c*o/2:s<f-c*o/2)){Be=true}if(!Be){if(Pe===1?s<u+Le:s>f-Le){return-Pe}}else{d=true}}else{if(s>u+c*(1-r)/2&&s<f-c*(1-r)/2){return ut(t)}}}d=d||a;if(d){if(s<u+c*o/2||s>f-c*o/2){return s>u+c/2?1:-1}}return 0}function ut(e){if(Y(ue)<Y(e)){return 1}else{return-1}}function ft(e){var t=e.tagName+e.className+e.src+e.href+e.textContent,n=t.length,i=0;while(n--){i+=t.charCodeAt(n)}return i.toString(36)}function dt(e){He.length=0;var t=e.getElementsByTagName("input");var n=t.length;while(n--){var i=t[n];i.checked&&He.push(i)}}function ht(e){return setTimeout(e,0)}function pt(e){return clearTimeout(e)}if(Fe){x(document,"touchmove",(function(e){if((nt.active||Se)&&e.cancelable){e.preventDefault()}}))}nt.utils={on:x,off:I,css:k,find:P,is:function(e,t){return!!O(e,t,e,false)},extend:K,throttle:V,closest:O,toggleClass:z,clone:J,index:Y,nextTick:ht,cancelNextTick:pt,detectDirection:Ve,getChild:X};nt.get=function(e){return e[ee]};nt.mount=function(){var e=[];for(var t=0;t<arguments.length;t++){e[t]=arguments[t]}if(e[0].constructor===Array)e=e[0];e.forEach((function(e){if(!e.prototype||!e.prototype.constructor){throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(e))}if(e.utils)nt.utils=__assign(__assign({},nt.utils),e.utils);ae.mount(e)}))};nt.create=function(e,t){return new nt(e,t)};nt.version=m;var vt=[],gt,mt,bt=false,yt,wt,_t,Et;function Dt(){function e(){this.defaults={scroll:true,forceAutoScrollFallback:false,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:true};for(var e in this){if(e.charAt(0)==="_"&&typeof this[e]==="function"){this[e]=this[e].bind(this)}}}e.prototype={dragStarted:function(e){var t=e.originalEvent;if(this.sortable.nativeDraggable){x(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){x(document,"pointermove",this._handleFallbackAutoScroll)}else if(t.touches){x(document,"touchmove",this._handleFallbackAutoScroll)}else{x(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function(e){var t=e.originalEvent;if(!this.options.dragOverBubble&&!t.rootEl){this._handleAutoScroll(t)}},drop:function(){if(this.sortable.nativeDraggable){I(document,"dragover",this._handleAutoScroll)}else{I(document,"pointermove",this._handleFallbackAutoScroll);I(document,"touchmove",this._handleFallbackAutoScroll);I(document,"mousemove",this._handleFallbackAutoScroll)}Ct();St();q()},nulling:function(){_t=mt=gt=bt=Et=yt=wt=null;vt.length=0},_handleFallbackAutoScroll:function(e){this._handleAutoScroll(e,true)},_handleAutoScroll:function(e,t){var n=this;var i=(e.touches?e.touches[0]:e).clientX,r=(e.touches?e.touches[0]:e).clientY,o=document.elementFromPoint(i,r);_t=e;if(t||this.options.forceAutoScrollFallback||w||y||E){xt(e,this.options,o,t);var a=j(o,true);if(bt&&(!Et||i!==yt||r!==wt)){Et&&Ct();Et=setInterval((function(){var o=j(document.elementFromPoint(i,r),true);if(o!==a){a=o;St()}xt(e,n.options,o,t)}),10);yt=i;wt=r}}else{if(!this.options.bubbleScroll||j(o,true)===B()){St();return}xt(e,this.options,j(o,false),false)}}};return g(e,{pluginName:"scroll",initializeByDefault:true})}function St(){vt.forEach((function(e){clearInterval(e.pid)}));vt=[]}function Ct(){clearInterval(Et)}var xt=V((function(e,t,n,i){if(!t.scroll)return;var r=(e.touches?e.touches[0]:e).clientX,o=(e.touches?e.touches[0]:e).clientY,a=t.scrollSensitivity,l=t.scrollSpeed,s=B();var c=false,u;if(mt!==n){mt=n;St();gt=t.scroll;u=t.scrollFn;if(gt===true){gt=j(n,true)}}var f=0;var d=gt;do{var h=d,p=R(h),v=p.top,g=p.bottom,m=p.left,b=p.right,y=p.width,w=p.height,_=void 0,E=void 0,D=h.scrollWidth,S=h.scrollHeight,C=k(h),x=h.scrollLeft,I=h.scrollTop;if(h===s){_=y<D&&(C.overflowX==="auto"||C.overflowX==="scroll"||C.overflowX==="visible");E=w<S&&(C.overflowY==="auto"||C.overflowY==="scroll"||C.overflowY==="visible")}else{_=y<D&&(C.overflowX==="auto"||C.overflowX==="scroll");E=w<S&&(C.overflowY==="auto"||C.overflowY==="scroll")}var A=_&&(Math.abs(b-r)<=a&&x+y<D)-(Math.abs(m-r)<=a&&!!x);var T=E&&(Math.abs(g-o)<=a&&I+w<S)-(Math.abs(v-o)<=a&&!!I);if(!vt[f]){for(var O=0;O<=f;O++){if(!vt[O]){vt[O]={}}}}if(vt[f].vx!=A||vt[f].vy!=T||vt[f].el!==h){vt[f].el=h;vt[f].vx=A;vt[f].vy=T;clearInterval(vt[f].pid);if(A!=0||T!=0){c=true;vt[f].pid=setInterval(function(){if(i&&this.layer===0){nt.active._onTouchMove(_t)}var t=vt[this.layer].vy?vt[this.layer].vy*l:0;var n=vt[this.layer].vx?vt[this.layer].vx*l:0;if(typeof u==="function"){if(u.call(nt.dragged.parentNode[ee],n,t,e,_t,vt[this.layer].el)!=="continue"){return}}Z(vt[this.layer].el,n,t)}.bind({layer:f}),24)}}f++}while(t.bubbleScroll&&d!==s&&(d=j(d,false)));bt=c}),30);var It=function(e){var t=e.originalEvent,n=e.putSortable,i=e.dragEl,r=e.activeSortable,o=e.dispatchSortableEvent,a=e.hideGhostForTarget,l=e.unhideGhostForTarget;if(!t)return;var s=n||r;a();var c=t.changedTouches&&t.changedTouches.length?t.changedTouches[0]:t;var u=document.elementFromPoint(c.clientX,c.clientY);l();if(s&&!s.el.contains(u)){o("spill");this.onSpill({dragEl:i,putSortable:n})}};function At(){}At.prototype={startIndex:null,dragStart:function(e){var t=e.oldDraggableIndex;this.startIndex=t},onSpill:function(e){var t=e.dragEl,n=e.putSortable;this.sortable.captureAnimationState();if(n){n.captureAnimationState()}var i=X(this.sortable.el,this.startIndex,this.options);if(i){this.sortable.el.insertBefore(t,i)}else{this.sortable.el.appendChild(t)}this.sortable.animateAll();if(n){n.animateAll()}},drop:It};g(At,{pluginName:"revertOnSpill"});function Tt(){}Tt.prototype={onSpill:function(e){var t=e.dragEl,n=e.putSortable;var i=n||this.sortable;i.captureAnimationState();t.parentNode&&t.parentNode.removeChild(t);i.animateAll()},drop:It};g(Tt,{pluginName:"removeOnSpill"});var Ot;function Mt(){function e(){this.defaults={swapClass:"sortable-swap-highlight"}}e.prototype={dragStart:function(e){var t=e.dragEl;Ot=t},dragOverValid:function(e){var t=e.completed,n=e.target,i=e.onMove,r=e.activeSortable,o=e.changed,a=e.cancel;if(!r.options.swap)return;var l=this.sortable.el,s=this.options;if(n&&n!==l){var c=Ot;if(i(n)!==false){z(n,s.swapClass,true);Ot=n}else{Ot=null}if(c&&c!==Ot){z(c,s.swapClass,false)}}o();t(true);a()},drop:function(e){var t=e.activeSortable,n=e.putSortable,i=e.dragEl;var r=n||this.sortable;var o=this.options;Ot&&z(Ot,o.swapClass,false);if(Ot&&(o.swap||n&&n.options.swap)){if(i!==Ot){r.captureAnimationState();if(r!==t)t.captureAnimationState();zt(i,Ot);r.animateAll();if(r!==t)t.animateAll()}}},nulling:function(){Ot=null}};return g(e,{pluginName:"swap",eventProperties:function(){return{swapItem:Ot}}})}function zt(e,t){var n=e.parentNode,i=t.parentNode,r,o;if(!n||!i||n.isEqualNode(t)||i.isEqualNode(e))return;r=Y(e);o=Y(t);if(n.isEqualNode(i)&&r<o){o++}n.insertBefore(t,n.children[r]);i.insertBefore(e,i.children[o])}var kt=[],Nt=[],Pt,Bt,Rt=false,Lt=false,Xt=false,Wt,Yt,Ht;function Ft(){function e(e){for(var t in this){if(t.charAt(0)==="_"&&typeof this[t]==="function"){this[t]=this[t].bind(this)}}if(!e.options.avoidImplicitDeselect){if(e.options.supportPointer){x(document,"pointerup",this._deselectMultiDrag)}else{x(document,"mouseup",this._deselectMultiDrag);x(document,"touchend",this._deselectMultiDrag)}}x(document,"keydown",this._checkKeyDown);x(document,"keyup",this._checkKeyUp);this.defaults={selectedClass:"sortable-selected",multiDragKey:null,avoidImplicitDeselect:false,setData:function(t,n){var i="";if(kt.length&&Bt===e){kt.forEach((function(e,t){i+=(!t?"":", ")+e.textContent}))}else{i=n.textContent}t.setData("Text",i)}}}e.prototype={multiDragKeyDown:false,isMultiDrag:false,delayStartGlobal:function(e){var t=e.dragEl;Wt=t},delayEnded:function(){this.isMultiDrag=~kt.indexOf(Wt)},setupClone:function(e){var t=e.sortable,n=e.cancel;if(!this.isMultiDrag)return;for(var i=0;i<kt.length;i++){Nt.push(J(kt[i]));Nt[i].sortableIndex=kt[i].sortableIndex;Nt[i].draggable=false;Nt[i].style["will-change"]="";z(Nt[i],this.options.selectedClass,false);kt[i]===Wt&&z(Nt[i],this.options.chosenClass,false)}t._hideClone();n()},clone:function(e){var t=e.sortable,n=e.rootEl,i=e.dispatchSortableEvent,r=e.cancel;if(!this.isMultiDrag)return;if(!this.options.removeCloneOnHide){if(kt.length&&Bt===t){Kt(true,n);i("clone");r()}}},showClone:function(e){var t=e.cloneNowShown,n=e.rootEl,i=e.cancel;if(!this.isMultiDrag)return;Kt(false,n);Nt.forEach((function(e){k(e,"display","")}));t();Ht=false;i()},hideClone:function(e){var t=this;var n=e.sortable,i=e.cloneNowHidden,r=e.cancel;if(!this.isMultiDrag)return;Nt.forEach((function(e){k(e,"display","none");if(t.options.removeCloneOnHide&&e.parentNode){e.parentNode.removeChild(e)}}));i();Ht=true;r()},dragStartGlobal:function(e){var t=e.sortable;if(!this.isMultiDrag&&Bt){Bt.multiDrag._deselectMultiDrag()}kt.forEach((function(e){e.sortableIndex=Y(e)}));kt=kt.sort((function(e,t){return e.sortableIndex-t.sortableIndex}));Xt=true},dragStarted:function(e){var t=this;var n=e.sortable;if(!this.isMultiDrag)return;if(this.options.sort){n.captureAnimationState();if(this.options.animation){kt.forEach((function(e){if(e===Wt)return;k(e,"position","absolute")}));var i=R(Wt,false,true,true);kt.forEach((function(e){if(e===Wt)return;Q(e,i)}));Lt=true;Rt=true}}n.animateAll((function(){Lt=false;Rt=false;if(t.options.animation){kt.forEach((function(e){$(e)}))}if(t.options.sort){Ut()}}))},dragOver:function(e){var t=e.target,n=e.completed,i=e.cancel;if(Lt&&~kt.indexOf(t)){n(false);i()}},revert:function(e){var t=e.fromSortable,n=e.rootEl,i=e.sortable,r=e.dragRect;if(kt.length>1){kt.forEach((function(e){i.addAnimationState({target:e,rect:Lt?R(e):r});$(e);e.fromRect=r;t.removeAnimationState(e)}));Lt=false;jt(!this.options.removeCloneOnHide,n)}},dragOverCompleted:function(e){var t=e.sortable,n=e.isOwner,i=e.insertion,r=e.activeSortable,o=e.parentEl,a=e.putSortable;var l=this.options;if(i){if(n){r._hideClone()}Rt=false;if(l.animation&&kt.length>1&&(Lt||!n&&!r.options.sort&&!a)){var s=R(Wt,false,true,true);kt.forEach((function(e){if(e===Wt)return;Q(e,s);o.appendChild(e)}));Lt=true}if(!n){if(!Lt){Ut()}if(kt.length>1){var c=Ht;r._showClone(t);if(r.options.animation&&!Ht&&c){Nt.forEach((function(e){r.addAnimationState({target:e,rect:Yt});e.fromRect=Yt;e.thisAnimationDuration=null}))}}else{r._showClone(t)}}}},dragOverAnimationCapture:function(e){var t=e.dragRect,n=e.isOwner,i=e.activeSortable;kt.forEach((function(e){e.thisAnimationDuration=null}));if(i.options.animation&&!n&&i.multiDrag.isMultiDrag){Yt=g({},t);var r=N(Wt,true);Yt.top-=r.f;Yt.left-=r.e}},dragOverAnimationComplete:function(){if(Lt){Lt=false;Ut()}},drop:function(e){var t=e.originalEvent,n=e.rootEl,i=e.parentEl,r=e.sortable,o=e.dispatchSortableEvent,a=e.oldIndex,l=e.putSortable;var s=l||this.sortable;if(!t)return;var c=this.options,u=i.children;if(!Xt){if(c.multiDragKey&&!this.multiDragKeyDown){this._deselectMultiDrag()}z(Wt,c.selectedClass,!~kt.indexOf(Wt));if(!~kt.indexOf(Wt)){kt.push(Wt);le({sortable:r,rootEl:n,name:"select",targetEl:Wt,originalEvent:t});if(t.shiftKey&&Pt&&r.el.contains(Pt)){var f=Y(Pt),d=Y(Wt);if(~f&&~d&&f!==d){var h,p;if(d>f){p=f;h=d}else{p=d;h=f+1}for(;p<h;p++){if(~kt.indexOf(u[p]))continue;z(u[p],c.selectedClass,true);kt.push(u[p]);le({sortable:r,rootEl:n,name:"select",targetEl:u[p],originalEvent:t})}}}else{Pt=Wt}Bt=s}else{kt.splice(kt.indexOf(Wt),1);Pt=null;le({sortable:r,rootEl:n,name:"deselect",targetEl:Wt,originalEvent:t})}}if(Xt&&this.isMultiDrag){Lt=false;if((i[ee].options.sort||i!==n)&&kt.length>1){var v=R(Wt),g=Y(Wt,":not(."+this.options.selectedClass+")");if(!Rt&&c.animation)Wt.thisAnimationDuration=null;s.captureAnimationState();if(!Rt){if(c.animation){Wt.fromRect=v;kt.forEach((function(e){e.thisAnimationDuration=null;if(e!==Wt){var t=Lt?R(e):v;e.fromRect=t;s.addAnimationState({target:e,rect:t})}}))}Ut();kt.forEach((function(e){if(u[g]){i.insertBefore(e,u[g])}else{i.appendChild(e)}g++}));if(a===Y(Wt)){var m=false;kt.forEach((function(e){if(e.sortableIndex!==Y(e)){m=true;return}}));if(m){o("update")}}}kt.forEach((function(e){$(e)}));s.animateAll()}Bt=s}if(n===i||l&&l.lastPutMode!=="clone"){Nt.forEach((function(e){e.parentNode&&e.parentNode.removeChild(e)}))}},nullingGlobal:function(){this.isMultiDrag=Xt=false;Nt.length=0},destroyGlobal:function(){this._deselectMultiDrag();I(document,"pointerup",this._deselectMultiDrag);I(document,"mouseup",this._deselectMultiDrag);I(document,"touchend",this._deselectMultiDrag);I(document,"keydown",this._checkKeyDown);I(document,"keyup",this._checkKeyUp)},_deselectMultiDrag:function(e){if(typeof Xt!=="undefined"&&Xt)return;if(Bt!==this.sortable)return;if(e&&O(e.target,this.options.draggable,this.sortable.el,false))return;if(e&&e.button!==0)return;while(kt.length){var t=kt[0];z(t,this.options.selectedClass,false);kt.shift();le({sortable:this.sortable,rootEl:this.sortable.el,name:"deselect",targetEl:t,originalEvent:e})}},_checkKeyDown:function(e){if(e.key===this.options.multiDragKey){this.multiDragKeyDown=true}},_checkKeyUp:function(e){if(e.key===this.options.multiDragKey){this.multiDragKeyDown=false}}};return g(e,{pluginName:"multiDrag",utils:{select:function(e){var t=e.parentNode[ee];if(!t||!t.options.multiDrag||~kt.indexOf(e))return;if(Bt&&Bt!==t){Bt.multiDrag._deselectMultiDrag();Bt=t}z(e,t.options.selectedClass,true);kt.push(e)},deselect:function(e){var t=e.parentNode[ee],n=kt.indexOf(e);if(!t||!t.options.multiDrag||!~n)return;z(e,t.options.selectedClass,false);kt.splice(n,1)}},eventProperties:function(){var e=this;var t=[],n=[];kt.forEach((function(i){t.push({multiDragElement:i,index:i.sortableIndex});var r;if(Lt&&i!==Wt){r=-1}else if(Lt){r=Y(i,":not(."+e.options.selectedClass+")")}else{r=Y(i)}n.push({multiDragElement:i,index:r})}));return{items:__spreadArray([],kt,true),clones:__spreadArray([],Nt,true),oldIndicies:t,newIndicies:n}},optionListeners:{multiDragKey:function(e){e=e.toLowerCase();if(e==="ctrl"){e="Control"}else if(e.length>1){e=e.charAt(0).toUpperCase()+e.substr(1)}return e}}})}function jt(e,t){kt.forEach((function(n,i){var r=t.children[n.sortableIndex+(e?Number(i):0)];if(r){t.insertBefore(n,r)}else{t.appendChild(n)}}))}function Kt(e,t){Nt.forEach((function(n,i){var r=t.children[n.sortableIndex+(e?Number(i):0)];if(r){t.insertBefore(n,r)}else{t.appendChild(n)}}))}function Ut(){kt.forEach((function(e){if(e===Wt)return;e.parentNode&&e.parentNode.removeChild(e)}))}nt.mount(new Dt);nt.mount(Tt,At);nt.mount(new Mt);nt.mount(new Ft);var Gt='.sc-stzh-sortable-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;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{--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}';var Vt="is-sortable-item";var qt="is-ghost";var Zt="is-selected";var Jt="is-chosen";var Qt="is-drag";var $t="has-item-selected";var en=0;var tn=e("stzh_sortable",function(){function e(e){var i=this;t(this,e);this.stzhUpdate=n(this,"stzhUpdate",7);this.stzhDisable=n(this,"stzhDisable",7);this.selectedItem=null;this.resetItemOnBlur=false;this.init=function(){if(!i.getContainer()||i.disabled){return}i.setAttributes()};this.updated=function(e){return __awaiter(i,void 0,void 0,(function(){var t,n,i,r,o;var a;return __generator(this,(function(l){switch(l.label){case 0:if(e){t=e.newIndex;n=e.oldIndex;i=e.item}else{t=this.getIndexOfSelectedItem();n=this.lastIndex;i=this.selectedItem}if(!(t!==n))return[3,2];o=(r=this.stzhUpdate).emit;a={component:"stzh-sortable"};return[4,this.toArray()];case 1:o.apply(r,[(a.data=l.sent(),a.item=i,a.newIndex=t,a.oldIndex=n,a)]);l.label=2;case 2:return[2]}}))}))};this.onKeydown=function(e){var t=e.currentTarget;var n=e.target;if(!i.getContainer()||i.disabled||t!==n){return}if(e.key===" "){e.preventDefault();if(!i.selectedItem){i.selectedItem=t;i.selectedItem.parentElement.classList.add($t);i.selectedItem.classList.add(Zt);i.lastIndex=i.getIndexOfSelectedItem();i.resetItemOnBlur=true;i.updateAriaLive(i.localization.started)}else{i.resetItemOnBlur=false;i.updateAriaLive(i.localization.dropped);i.updated();i.resetActiveItem()}}else if(e.key==="Tab"&&i.selectedItem&&i.selectedItem===e.currentTarget){e.preventDefault()}else if(e.key==="Escape"&&i.selectedItem){i.resetItemOnBlur=false;i.updateAriaLive(i.localization.canceled);i.resetActiveItem(true)}else if(e.key==="ArrowUp"){e.preventDefault();if(i.selectedItem){i.moveItem(i.selectedItem,"up")}else{i.focusItem(t.previousElementSibling)}}else if(e.key==="ArrowDown"){e.preventDefault();if(i.selectedItem){i.moveItem(i.selectedItem,"down")}else{i.focusItem(t.nextElementSibling)}}};this.onBlur=function(){if(i.resetItemOnBlur){i.resetItemOnBlur=false;i.updateAriaLive(i.localization.dropped);i.updated();i.resetActiveItem()}};this.localization=undefined;this.disabled=false;this.dataIdAttribute="data-id";this.container=function(){var e;return(e=i.containerElement)===null||e===void 0?void 0:e.firstElementChild};this.ghostClone=function(e){var t=a(e)[0];return t};this.filterElements=["[data-stzh-sortable-filtered]","[sortable-disabled]","button","a[href]","input","select","textarea","label","iframe","details","area","stzh-sortable"]}e.prototype.toArray=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.sortable.toArray()]}))}))};e.prototype.sort=function(e,t){if(t===void 0){t=true}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,this.sortable.sort(e,t)]}))}))};e.prototype.moveItem=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n,i,r,o;var a;return __generator(this,(function(l){switch(l.label){case 0:if(!e||!e.nextElementSibling&&t==="down"||!e.previousElementSibling&&t==="up"){return[2]}this.resetItemOnBlur=false;if(t==="up"){e.previousElementSibling.before(e)}else if(t==="down"){e.nextElementSibling.after(e)}this.updateAriaLive(this.localization.moved,e);this.focusItem(e);i=Array.from((n=e.parentElement)===null||n===void 0?void 0:n.children).indexOf(e);o=(r=this.stzhUpdate).emit;a={component:"stzh-sortable"};return[4,this.toArray()];case 1:o.apply(r,[(a.data=l.sent(),a.item=e,a.newIndex=i,a.oldIndex=i+(t==="up"?1:-1),a)]);this.resetItemOnBlur=true;return[2]}}))}))};e.prototype.disabledWatcher=function(e){if(e){this.setAttributes()}else{this.unsetAttributes()}this.stzhDisable.emit({component:"stzh-sortable",disabled:e})};e.prototype.filterElementsWatcher=function(e){if(typeof e==="string"){this._filterElements=JSON.parse(e)}else{this._filterElements=e}};e.prototype.getContainer=function(){return typeof this.container==="function"?this.container():this.container};e.prototype.updateAriaLive=function(e,t){if(t===void 0){t=this.selectedItem}if(!this.getContainer()){return}if(t){var n=t.getAttribute("aria-label")||"";var i=this.getIndexOfSelectedItem(t);e=e.replace("{title}",n).replace("{current}",(i+1).toString())}var r=this.getContainer().children.length;e=e.replace("{total}",r.toString());this.ariaLiveElement.textContent=e};e.prototype.getIndexOfSelectedItem=function(e){if(e===void 0){e=this.selectedItem}if(e){return Array.from(e.parentElement.children).indexOf(e)}};e.prototype.resetActiveItem=function(e){if(e===void 0){e=false}if(!this.selectedItem){return}var t=this.getIndexOfSelectedItem();var n=this.selectedItem.parentElement;if(e&&this.lastIndex!==t){if(this.lastIndex>t){n.children[this.lastIndex].after(this.selectedItem)}else{n.children[this.lastIndex].before(this.selectedItem)}this.selectedItem.focus()}n.classList.remove($t);this.selectedItem.classList.remove(Zt);this.selectedItem=null;this.lastIndex=null};e.prototype.focusItem=function(e){if(!e){return}e.focus();var t=document.querySelector("stzh-flyingfocus");if(t){t.reposition()}v(e,{scrollMode:"if-needed",block:"nearest",inline:"nearest"})};e.prototype.setAttributes=function(){var e=this;Array.from(this.getContainer().children).forEach((function(t){t.classList.add(Vt);t.addEventListener("blur",e.onBlur);t.addEventListener("keydown",e.onKeydown);t.setAttribute("tabindex","0");t.setAttribute("aria-describedby","".concat(e.sortableId,"-description"))}))};e.prototype.unsetAttributes=function(){var e=this;Array.from(this.getContainer().children).forEach((function(t){t.classList.remove(Vt);t.removeEventListener("blur",e.onBlur);t.removeEventListener("keydown",e.onKeydown);t.removeAttribute("tabindex");t.removeAttribute("aria-describedby")}))};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.sortableId="stzh-sortable-".concat(en++);this.filterElementsWatcher(this.filterElements);if(!!this.localization)return[3,2];e=this;return[4,l(this.element,"sortable")];case 1:e.localization=t.sent();t.label=2;case 2:return[2]}}))}))};e.prototype.componentWillUpdate=function(){if(this.sortable){this.sortable.destroy();this.sortable=null}};e.prototype.componentDidRender=function(){if(this.sortable){return}this.sortable=new nt(this.getContainer(),{animation:150,filter:this._filterElements.join(", "),ghostClass:qt,chosenClass:Jt,dragClass:Qt,dataIdAttr:this.dataIdAttribute,preventOnFilter:false,forceFallback:true,delay:200,delayOnTouchOnly:true,disabled:this.disabled,ghostClone:this.ghostClone,onUpdate:this.updated})};e.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};e.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}this.unsetAttributes();if(this.sortable){this.sortable.destroy();this.sortable=null}};e.prototype.render=function(){var e=this;var t={"stzh-sortable":true,"stzh-sortable--disabled":this.disabled};return i(r,null,i("div",{class:t},i("div",{id:"".concat(this.sortableId,"-description"),class:"stzh-sortable__description"},this.localization.description),i("div",{ref:function(t){return e.ariaLiveElement=t},"aria-live":"assertive",class:"stzh-sortable__aria-live"}),i("div",{ref:function(t){return e.containerElement=t},class:"stzh-sortable__container"},i("slot",null))))};Object.defineProperty(e.prototype,"element",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{disabled:["disabledWatcher"],filterElements:["filterElementsWatcher"]}},enumerable:false,configurable:true});return e}());tn.style=Gt}}}));
-//# sourceMappingURL=p-0e6889d6.system.entry.js.map