@verdocs/web-sdk 5.0.13 → 5.0.14

package/dist/esm-es5/verdocs-organization-card_2.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,h,H as Host,c as createEvent}from"./index-272d51a4.js";import{f as format}from"./format-b8602175.js";var verdocsOrganizationCardCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-organization-card{font-family:"Inter", "Barlow", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:"Inter", "Barlow", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}';var VerdocsOrganizationCardStyle0=verdocsOrganizationCardCss;var BusinessIcon='<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';var VerdocsOrganizationCard=function(){function o(o){registerInstance(this,o);this.organization=undefined;this.hovered=false}o.prototype.onMouseOver=function(){this.hovered=true};o.prototype.onMouseOut=function(){this.hovered=false};o.prototype.render=function(){var o,r,e,a,i,s;console.log("Rendering org card",this.organization.thumbnail_url,this.organization);var c=BusinessIcon;var t="verdocs-org-card-".concat(this.organization.id);return h(Host,{key:"4b97ef1ea4b3153e59861956910ba3bf86935ac9",id:t},this.organization.thumbnail_url?h("img",{class:"icon",src:this.organization.thumbnail_url,alt:"Logo"}):h("span",{class:"icon",innerHTML:c}),h("span",{key:"7f238a3d942b19ac1b0f15eb4c4572f80cdfbac8",class:"content"},(o=this.organization)===null||o===void 0?void 0:o.name),h("verdocs-portal",{key:"faba8d4862b600a36dfda1a1c2af1cc5730d73db",anchor:t},h("div",{key:"5ea6d5ad24911cb38aef6144c10419b93767eb5d",class:"verdocs-org-card-popup",style:{display:this.hovered?"block":"none"}},this.organization.full_logo_url?h("div",{class:"popup-header-with-logo"},h("img",{src:this.organization.full_logo_url,alt:"Logo"}),h("div",{class:"title"},(r=this.organization)===null||r===void 0?void 0:r.name)):h("div",{class:"popup-header"},h("span",{class:"status"},h("span",{class:"icon",innerHTML:c})),h("span",{class:"title"},(e=this.organization)===null||e===void 0?void 0:e.name)),h("div",{key:"0e5e9bfcd06e8658955f44cfcab2b05a1b130a4c",class:"popup-body"},h("div",{key:"09fecd4216b3b333ee685040fe84813f065fa2ef",class:"field"},h("strong",{key:"922a1d90657e1d1c1349b55edf7a1c3e69c45063"},"Joined"),format(new Date(((a=this.organization)===null||a===void 0?void 0:a.created_at)||undefined),"LLL d, Y")),this.organization.url&&h("div",{key:"04c399ba5a851f2ac82d04ae789b70433f3b296a",class:"field"},h("strong",{key:"e24cbe31601ea892c524991b0ddc4c64f6908df8"},"Website"),h("a",{key:"26fc1252aebc78eb84228de77092e1cfb650ebfa",href:(i=this.organization)===null||i===void 0?void 0:i.url,target:"_blank",rel:"nofollow"},(s=this.organization)===null||s===void 0?void 0:s.url))))))};return o}();VerdocsOrganizationCard.style=VerdocsOrganizationCardStyle0;var verdocsPortalCss="@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";var VerdocsPortalStyle0=verdocsPortalCss;var Z_INDEX="10001";var VerdocsPortal=function(){function o(o){registerInstance(this,o);this.clickAway=createEvent(this,"clickAway",7);this.moved=false;this.anchor=undefined;this.voffset=0}o.prototype.handleScroll=function(){this.calculatePosition()};o.prototype.handleResize=function(){this.calculatePosition()};o.prototype.handleClick=function(o){var r;if(!this.element.contains(o.target)){(r=this.clickAway)===null||r===void 0?void 0:r.emit()}};o.prototype.calculateLeft=function(){var o;var r=document.getElementById(this.anchor);if(!r)return 0;var e=r.getBoundingClientRect();var a=document.documentElement.clientWidth+document.documentElement.scrollLeft;var i=Math.max(e.left,0);var s=((o=this.element)===null||o===void 0?void 0:o.offsetWidth)||400;var c=i+s>a;return c?a-s-20:i};o.prototype.calculateTop=function(){var o;var r=document.getElementById(this.anchor);if(!r)return 0;var e=r.getBoundingClientRect();var a=document.documentElement.clientHeight+document.documentElement.scrollTop;var i=e.bottom+this.voffset+document.documentElement.scrollTop;var s=((o=this.element)===null||o===void 0?void 0:o.offsetHeight)||300;var c=i+s>a;return c?i-s-e.height:i};o.prototype.calculatePosition=function(){this.portal.style.top="".concat(this.calculateTop(),"px");this.portal.style.left="".concat(this.calculateLeft(),"px")};o.prototype.componentWillLoad=function(){var o;var r="".concat(this.anchor,"-portal");(o=document.getElementById(r))===null||o===void 0?void 0:o.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",r);this.portal.style.zIndex=Z_INDEX;this.portal.style.position="absolute";document.body.append(this.portal)};o.prototype.componentDidLoad=function(){this.portal.appendChild(this.element);this.calculatePosition()};o.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};o.prototype.render=function(){var o=this;return h(Host,{key:"a6baeca20a28ae94d4a9fab6e31dec45474cf887",ref:function(r){return o.element=r}},h("slot",{key:"e6a704a85b5208613aef1a3db3bf85adc8f60bf7"}))};return o}();VerdocsPortal.style=VerdocsPortalStyle0;export{VerdocsOrganizationCard as verdocs_organization_card,VerdocsPortal as verdocs_portal};
+import{r as registerInstance,h,H as Host,c as createEvent}from"./index-272d51a4.js";import{f as format}from"./format-b8602175.js";var verdocsOrganizationCardCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-organization-card{font-family:"Inter", "Barlow", sans-serif;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;border:1px solid #cccccc;background:#ffffff;border-radius:8px;padding:7px 15px}verdocs-organization-card .icon{-ms-flex:0;flex:0;height:24px;width:24px;margin:0 14px 0 0}verdocs-organization-card .icon svg{fill:#aeb4bf;height:24px;width:24px}verdocs-organization-card .content{margin-top:2px}.verdocs-org-card-popup{font-family:"Inter", "Barlow", sans-serif;background:#ffffff;border-radius:10px;width:326px;padding:20px 40px 0 40px;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:1px solid #cccccc}.verdocs-org-card-popup .popup-header-with-logo{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-header-with-logo img{max-width:300px;max-height:50px}.verdocs-org-card-popup .popup-header{display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;gap:20px;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;margin:0 0 20px 0;font-size:21px;line-height:16px;color:#4c56cb}.verdocs-org-card-popup .popup-body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:14px;text-transform:uppercase}.verdocs-org-card-popup .status{-webkit-transform:scale(1.5);transform:scale(1.5);width:24px;height:24px}.verdocs-org-card-popup .field{margin:0 0 20px 0}.verdocs-org-card-popup .field strong{color:#7b7b9a;display:block;margin:0 0 5px 0}.verdocs-org-card-popup .field a{color:#654dcb;text-transform:uppercase}';var VerdocsOrganizationCardStyle0=verdocsOrganizationCardCss;var BusinessIcon='<svg xmlns="http://www.w3.org/2000/svg"  focusable="false" aria-hidden="true" height="24px" viewBox="0 0 24 24" width="24px"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path></svg>';var VerdocsOrganizationCard=function(){function o(o){registerInstance(this,o);this.organization=undefined;this.hovered=false}o.prototype.onMouseOver=function(){this.hovered=true};o.prototype.onMouseOut=function(){this.hovered=false};o.prototype.render=function(){var o,r,e,a,i,s;console.log("Rendering org card",this.organization.thumbnail_url,this.organization);var c=BusinessIcon;var t="verdocs-org-card-".concat(this.organization.id);return h(Host,{key:"4b97ef1ea4b3153e59861956910ba3bf86935ac9",id:t},this.organization.thumbnail_url?h("img",{class:"icon",src:this.organization.thumbnail_url,alt:"Logo"}):h("span",{class:"icon",innerHTML:c}),h("span",{key:"7f238a3d942b19ac1b0f15eb4c4572f80cdfbac8",class:"content"},(o=this.organization)===null||o===void 0?void 0:o.name),h("verdocs-portal",{key:"faba8d4862b600a36dfda1a1c2af1cc5730d73db",anchor:t},h("div",{key:"5ea6d5ad24911cb38aef6144c10419b93767eb5d",class:"verdocs-org-card-popup",style:{display:this.hovered?"block":"none"}},this.organization.full_logo_url?h("div",{class:"popup-header-with-logo"},h("img",{src:this.organization.full_logo_url,alt:"Logo"}),h("div",{class:"title"},(r=this.organization)===null||r===void 0?void 0:r.name)):h("div",{class:"popup-header"},h("span",{class:"status"},h("span",{class:"icon",innerHTML:c})),h("span",{class:"title"},(e=this.organization)===null||e===void 0?void 0:e.name)),h("div",{key:"0e5e9bfcd06e8658955f44cfcab2b05a1b130a4c",class:"popup-body"},h("div",{key:"09fecd4216b3b333ee685040fe84813f065fa2ef",class:"field"},h("strong",{key:"922a1d90657e1d1c1349b55edf7a1c3e69c45063"},"Joined"),format(new Date(((a=this.organization)===null||a===void 0?void 0:a.created_at)||undefined),"LLL d, Y")),this.organization.url&&h("div",{key:"04c399ba5a851f2ac82d04ae789b70433f3b296a",class:"field"},h("strong",{key:"e24cbe31601ea892c524991b0ddc4c64f6908df8"},"Website"),h("a",{key:"26fc1252aebc78eb84228de77092e1cfb650ebfa",href:(i=this.organization)===null||i===void 0?void 0:i.url,target:"_blank",rel:"nofollow"},(s=this.organization)===null||s===void 0?void 0:s.url))))))};return o}();VerdocsOrganizationCard.style=VerdocsOrganizationCardStyle0;var verdocsPortalCss="@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}";var VerdocsPortalStyle0=verdocsPortalCss;var Z_INDEX="10001";var VerdocsPortal=function(){function o(o){registerInstance(this,o);this.clickAway=createEvent(this,"clickAway",7);this.moved=false;this.anchor=undefined;this.voffset=0}o.prototype.handleScroll=function(){this.calculatePosition()};o.prototype.handleResize=function(){this.calculatePosition()};o.prototype.handleClick=function(o){var r;if(!this.element.contains(o.target)){(r=this.clickAway)===null||r===void 0?void 0:r.emit()}};o.prototype.calculateLeft=function(){var o;var r=document.getElementById(this.anchor);if(!r)return 0;var e=r.getBoundingClientRect();var a=document.documentElement.clientWidth+document.documentElement.scrollLeft;var i=Math.max(e.left,0);var s=((o=this.element)===null||o===void 0?void 0:o.offsetWidth)||400;var c=i+s>a;return c?a-s-20:i};o.prototype.calculateTop=function(){var o;var r=document.getElementById(this.anchor);if(!r)return 0;var e=r.getBoundingClientRect();var a=document.documentElement.clientHeight+document.documentElement.scrollTop;var i=e.bottom+this.voffset+document.documentElement.scrollTop;var s=((o=this.element)===null||o===void 0?void 0:o.offsetHeight)||300;var c=i+s>a;return c?i-s-e.height:i};o.prototype.calculatePosition=function(){this.portal.style.top="".concat(this.calculateTop(),"px");this.portal.style.left="".concat(this.calculateLeft(),"px")};o.prototype.componentWillLoad=function(){var o;var r="".concat(this.anchor,"-portal");(o=document.getElementById(r))===null||o===void 0?void 0:o.remove();this.portal=document.createElement("div");this.portal.setAttribute("id",r);this.portal.style.zIndex=Z_INDEX;this.portal.style.position="absolute";document.body.append(this.portal)};o.prototype.componentDidLoad=function(){this.portal.appendChild(this.element);this.calculatePosition()};o.prototype.disconnectedCallback=function(){this.moved?this.portal.remove():this.moved=true};o.prototype.render=function(){var o=this;return h(Host,{key:"a6baeca20a28ae94d4a9fab6e31dec45474cf887",ref:function(r){return o.element=r}},h("slot",{key:"e6a704a85b5208613aef1a3db3bf85adc8f60bf7"}))};return o}();VerdocsPortal.style=VerdocsPortalStyle0;export{VerdocsOrganizationCard as verdocs_organization_card,VerdocsPortal as verdocs_portal};
+//# sourceMappingURL=verdocs-organization-card_2.entry.js.map

package/dist/esm-es5/verdocs-organization-card_2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsOrganizationCardCss","VerdocsOrganizationCardStyle0","BusinessIcon","VerdocsOrganizationCard","prototype","onMouseOver","this","hovered","onMouseOut","render","console","log","organization","thumbnail_url","fallbackIcon","portalId","concat","id","h","Host","key","class","src","alt","innerHTML","_a","name","anchor","style","display","full_logo_url","_b","_c","format","Date","_d","created_at","undefined","url","href","_e","target","rel","_f","verdocsPortalCss","VerdocsPortalStyle0","Z_INDEX","VerdocsPortal","moved","handleScroll","calculatePosition","handleResize","handleClick","e","element","contains","clickAway","emit","calculateLeft","anchorEl","document","getElementById","anchorRect","getBoundingClientRect","rightOfViewportWithScroll","documentElement","clientWidth","scrollLeft","leftOfPopup","Math","max","left","popupWidth","offsetWidth","offRightEdge","calculateTop","bottomOfViewportWithScroll","clientHeight","scrollTop","topOfPopup","bottom","voffset","popupHeight","offsetHeight","offBottomEdge","height","portal","top","componentWillLoad","remove","createElement","setAttribute","zIndex","position","body","append","componentDidLoad","appendChild","disconnectedCallback","_this","ref","el"],"sources":["src/components/controls/verdocs-organization-card/verdocs-organization-card.scss?tag=verdocs-organization-card","src/components/controls/verdocs-organization-card/verdocs-organization-card.tsx","src/components/controls/verdocs-portal/verdocs-portal.scss?tag=verdocs-portal","src/components/controls/verdocs-portal/verdocs-portal.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-organization-card {\n  font-family: $primary-font;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border: 1px solid $light-border-color;\n  background: #ffffff;\n  border-radius: 8px;\n  padding: 7px 15px;\n\n  .icon {\n    flex: 0;\n    height: 24px;\n    width: 24px;\n    margin: 0 14px 0 0;\n\n    svg {\n      fill: $icon-color;\n      height: 24px;\n      width: 24px;\n    }\n  }\n\n  .content {\n    margin-top: 2px;\n  }\n}\n\n.verdocs-org-card-popup {\n  font-family: $primary-font;\n  background: #ffffff;\n  border-radius: 10px;\n  width: 326px;\n  padding: 20px 40px 0 40px;\n  flex-direction: column;\n  flex-wrap: nowrap;\n  border: 1px solid $light-border-color;\n\n  .popup-header-with-logo {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: column;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n\n    img {\n      max-width: 300px;\n      max-height: 50px;\n    }\n  }\n\n  .popup-header {\n    display: flex;\n    flex: 0;\n    gap: 20px;\n    flex-direction: row;\n    align-items: flex-end;\n    margin: 0 0 20px 0;\n    font-size: 21px;\n    line-height: 16px;\n    color: $secondary-color;\n  }\n\n  .popup-body {\n    display: flex;\n    flex-direction: column;\n    font-size: 14px;\n    text-transform: uppercase;\n  }\n\n  .status {\n    transform: scale(1.5);\n    width: 24px;\n    height: 24px;\n  }\n\n  .field {\n    margin: 0 0 20px 0;\n\n    strong {\n      color: $label-color-very-light;\n      display: block;\n      margin: 0 0 5px 0;\n    }\n\n    a {\n      color: $verdocs-purple;\n      text-transform: uppercase;\n    }\n  }\n}\n","import {format} from 'date-fns';\nimport {Component, Prop, h, Host, Listen, State} from '@stencil/core';\nimport type {IOrganization} from '@verdocs/js-sdk';\n\n// TODO: See what was done in Storybook. Move all SVG icons to a common file that both projects can share\n//  and reduce duplication between components for re-used icons. Also bring icons into Figma for reuse there.\n\nconst BusinessIcon =\n  '<svg xmlns=\"http://www.w3.org/2000/svg\"  focusable=\"false\" aria-hidden=\"true\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"></path></svg>';\n\n/**\n * Display a small summary card describing an organization.\n *\n * ```ts\n * <verdocs-organization-card organization={organization} />\n * ```\n */\n@Component({\n  tag: 'verdocs-organization-card',\n  styleUrl: 'verdocs-organization-card.scss',\n})\nexport class VerdocsOrganizationCard {\n  /**\n   * The organization to display\n   */\n  @Prop() organization: IOrganization;\n\n  @State()\n  hovered: boolean = false;\n\n  @Listen('mouseover')\n  onMouseOver() {\n    this.hovered = true;\n  }\n\n  @Listen('mouseout')\n  onMouseOut() {\n    this.hovered = false;\n  }\n\n  render() {\n    console.log('Rendering org card', this.organization.thumbnail_url, this.organization);\n    const fallbackIcon = BusinessIcon;\n    const portalId = `verdocs-org-card-${this.organization.id}`;\n\n    return (\n      <Host id={portalId}>\n        {this.organization.thumbnail_url ? <img class=\"icon\" src={this.organization.thumbnail_url} alt=\"Logo\" /> : <span class=\"icon\" innerHTML={fallbackIcon} />}\n\n        <span class=\"content\">{this.organization?.name}</span>\n\n        <verdocs-portal anchor={portalId}>\n          <div class=\"verdocs-org-card-popup\" style={{display: this.hovered ? 'block' : 'none'}}>\n            {this.organization.full_logo_url ? (\n              <div class=\"popup-header-with-logo\">\n                <img src={this.organization.full_logo_url} alt=\"Logo\" />\n                <div class=\"title\">{this.organization?.name}</div>\n              </div>\n            ) : (\n              <div class=\"popup-header\">\n                <span class=\"status\">\n                  <span class=\"icon\" innerHTML={fallbackIcon} />\n                </span>\n                <span class=\"title\">{this.organization?.name}</span>\n              </div>\n            )}\n\n            <div class=\"popup-body\">\n              <div class=\"field\">\n                <strong>Joined</strong>\n                {format(new Date(this.organization?.created_at || undefined), 'LLL d, Y')}\n              </div>\n              {this.organization.url && (\n                <div class=\"field\">\n                  <strong>Website</strong>\n                  <a href={this.organization?.url} target=\"_blank\" rel=\"nofollow\">\n                    {this.organization?.url}\n                  </a>\n                </div>\n              )}\n            </div>\n          </div>\n        </verdocs-portal>\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-portal {\n}\n","import {Component, EventEmitter, h, Host, Listen, Prop, Event} from '@stencil/core';\n\nconst Z_INDEX = '10001';\n\n/**\n * Display a child component in a \"portal\", popping it out of the main DOM tree\n * to allow it to escape the bounds set by its parent.\n * @credit https://github.com/tomas-teston/stencil-portal for the basic\n * technique. This has been altered in a few ways to make it more friendly\n * to cases where there may be multiple portals on the page and provide more\n * alignment options for the child to be displayed.\n *\n * ```ts\n * <div style=\"padding: 40px\">\n *     <div id=\"sample-tooltip\" style=\"border: 1px solid green; padding: 3px 10px;\">\n *       Tooltip Anchor\n *       <verdocs-portal anchor=\"sample-tooltip\" .align=${align} .voffset=${voffset}>\n *         <div style=\"border: 1px solid red; padding: 3px 10px;\">Tooltip</div>\n *       </verdocs-portal>\n *     </div>\n *   </div>\n * ```\n */\n@Component({\n  tag: 'verdocs-portal',\n  styleUrl: 'verdocs-portal.scss',\n  shadow: false,\n})\nexport class VerdocsPortal {\n  private portal: HTMLElement;\n  private element: HTMLElement;\n  private moved: boolean = false;\n\n  /**\n   * Unique ID of the parent element to anchor to.\n   */\n  @Prop() anchor: string;\n\n  /**\n   * Vertical offset from the parent.\n   */\n  @Prop() voffset: number = 0;\n\n  @Event() clickAway: EventEmitter<void>;\n\n  @Listen('scroll', {target: 'window', capture: true})\n  handleScroll() {\n    this.calculatePosition();\n  }\n\n  @Listen('resize', {target: 'window'})\n  handleResize() {\n    this.calculatePosition();\n  }\n\n  @Listen('click', {target: 'document'})\n  handleClick(e) {\n    if (!this.element.contains(e.target)) {\n      this.clickAway?.emit();\n    }\n  }\n\n  private calculateLeft() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const rightOfViewportWithScroll = document.documentElement.clientWidth + document.documentElement.scrollLeft;\n    const leftOfPopup = Math.max(anchorRect.left, 0);\n    // Old centering logic, disabled temporarily\n    //    Math.max(anchorRect.left - this.portal.offsetWidth / 2 + anchorRect.width / 2, 0);\n    // Old right-align logic, disabled temporarily\n    //    Math.max(anchorRect.left + anchorRect.width - this.portal.offsetWidth, 0);\n    const popupWidth = this.element?.offsetWidth || 400;\n    const offRightEdge = leftOfPopup + popupWidth > rightOfViewportWithScroll;\n\n    return offRightEdge ? rightOfViewportWithScroll - popupWidth - 20 : leftOfPopup;\n  }\n\n  private calculateTop() {\n    const anchorEl = document.getElementById(this.anchor);\n    if (!anchorEl) return 0;\n\n    const anchorRect = anchorEl.getBoundingClientRect();\n\n    const bottomOfViewportWithScroll = document.documentElement.clientHeight + document.documentElement.scrollTop;\n    const topOfPopup = anchorRect.bottom + this.voffset + document.documentElement.scrollTop;\n    const popupHeight = this.element?.offsetHeight || 300;\n    const offBottomEdge = topOfPopup + popupHeight > bottomOfViewportWithScroll;\n\n    return offBottomEdge ? topOfPopup - popupHeight - anchorRect.height : topOfPopup;\n  }\n\n  private calculatePosition() {\n    this.portal.style.top = `${this.calculateTop()}px`;\n    this.portal.style.left = `${this.calculateLeft()}px`;\n  }\n\n  componentWillLoad() {\n    const id = `${this.anchor}-portal`;\n    document.getElementById(id)?.remove();\n\n    this.portal = document.createElement('div');\n    this.portal.setAttribute('id', id);\n    this.portal.style.zIndex = Z_INDEX;\n    this.portal.style.position = 'absolute';\n    document.body.append(this.portal);\n  }\n\n  componentDidLoad() {\n    this.portal.appendChild(this.element);\n    this.calculatePosition();\n  }\n\n  disconnectedCallback() {\n    this.moved ? this.portal.remove() : (this.moved = true);\n  }\n\n  render() {\n    return (\n      <Host ref={el => (this.element = el)}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kIAAA,IAAMA,2BAA6B,ygEACnC,IAAAC,8BAAeD,2BCMf,IAAME,aACJ,iW,IAaWC,wBAAuB,W,gFAOf,K,CAGnBA,EAAAC,UAAAC,YAAA,WACEC,KAAKC,QAAU,I,EAIjBJ,EAAAC,UAAAI,WAAA,WACEF,KAAKC,QAAU,K,EAGjBJ,EAAAC,UAAAK,OAAA,W,gBACEC,QAAQC,IAAI,qBAAsBL,KAAKM,aAAaC,cAAeP,KAAKM,cACxE,IAAME,EAAeZ,aACrB,IAAMa,EAAW,oBAAAC,OAAoBV,KAAKM,aAAaK,IAEvD,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACH,GAAIF,GACPT,KAAKM,aAAaC,cAAgBK,EAAA,OAAKG,MAAM,OAAOC,IAAKhB,KAAKM,aAAaC,cAAeU,IAAI,SAAYL,EAAA,QAAMG,MAAM,OAAOG,UAAWV,IAEzII,EAAA,QAAAE,IAAA,2CAAMC,MAAM,YAAWI,EAAAnB,KAAKM,gBAAY,MAAAa,SAAA,SAAAA,EAAEC,MAE1CR,EAAA,kBAAAE,IAAA,2CAAgBO,OAAQZ,GACtBG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBAAyBO,MAAO,CAACC,QAASvB,KAAKC,QAAU,QAAU,SAC3ED,KAAKM,aAAakB,cACjBZ,EAAA,OAAKG,MAAM,0BACTH,EAAA,OAAKI,IAAKhB,KAAKM,aAAakB,cAAeP,IAAI,SAC/CL,EAAA,OAAKG,MAAM,UAASU,EAAAzB,KAAKM,gBAAY,MAAAmB,SAAA,SAAAA,EAAEL,OAGzCR,EAAA,OAAKG,MAAM,gBACTH,EAAA,QAAMG,MAAM,UACVH,EAAA,QAAMG,MAAM,OAAOG,UAAWV,KAEhCI,EAAA,QAAMG,MAAM,UAASW,EAAA1B,KAAKM,gBAAY,MAAAoB,SAAA,SAAAA,EAAEN,OAI5CR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACTH,EAAA,UAAAE,IAAA,sDACCa,OAAO,IAAIC,OAAKC,EAAA7B,KAAKM,gBAAY,MAAAuB,SAAA,SAAAA,EAAEC,aAAcC,WAAY,aAE/D/B,KAAKM,aAAa0B,KACjBpB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SACTH,EAAA,UAAAE,IAAA,uDACAF,EAAA,KAAAE,IAAA,2CAAGmB,MAAMC,EAAAlC,KAAKM,gBAAY,MAAA4B,SAAA,SAAAA,EAAEF,IAAKG,OAAO,SAASC,IAAI,aAClDC,EAAArC,KAAKM,gBAAY,MAAA+B,SAAA,SAAAA,EAAEL,S,WAvDJ,G,4DCrBpC,IAAMM,iBAAmB,2TACzB,IAAAC,oBAAeD,iBCCf,IAAME,QAAU,Q,IA0BHC,cAAa,W,sFAGhBzC,KAAA0C,MAAiB,M,mCAUC,C,CAK1BD,EAAA3C,UAAA6C,aAAA,WACE3C,KAAK4C,mB,EAIPH,EAAA3C,UAAA+C,aAAA,WACE7C,KAAK4C,mB,EAIPH,EAAA3C,UAAAgD,YAAA,SAAYC,G,MACV,IAAK/C,KAAKgD,QAAQC,SAASF,EAAEZ,QAAS,EACpChB,EAAAnB,KAAKkD,aAAS,MAAA/B,SAAA,SAAAA,EAAEgC,M,GAIZV,EAAA3C,UAAAsD,cAAA,W,MACN,IAAMC,EAAWC,SAASC,eAAevD,KAAKqB,QAC9C,IAAKgC,EAAU,OAAO,EAEtB,IAAMG,EAAaH,EAASI,wBAE5B,IAAMC,EAA4BJ,SAASK,gBAAgBC,YAAcN,SAASK,gBAAgBE,WAClG,IAAMC,EAAcC,KAAKC,IAAIR,EAAWS,KAAM,GAK9C,IAAMC,IAAa/C,EAAAnB,KAAKgD,WAAO,MAAA7B,SAAA,SAAAA,EAAEgD,cAAe,IAChD,IAAMC,EAAeN,EAAcI,EAAaR,EAEhD,OAAOU,EAAeV,EAA4BQ,EAAa,GAAKJ,C,EAG9DrB,EAAA3C,UAAAuE,aAAA,W,MACN,IAAMhB,EAAWC,SAASC,eAAevD,KAAKqB,QAC9C,IAAKgC,EAAU,OAAO,EAEtB,IAAMG,EAAaH,EAASI,wBAE5B,IAAMa,EAA6BhB,SAASK,gBAAgBY,aAAejB,SAASK,gBAAgBa,UACpG,IAAMC,EAAajB,EAAWkB,OAAS1E,KAAK2E,QAAUrB,SAASK,gBAAgBa,UAC/E,IAAMI,IAAczD,EAAAnB,KAAKgD,WAAO,MAAA7B,SAAA,SAAAA,EAAE0D,eAAgB,IAClD,IAAMC,EAAgBL,EAAaG,EAAcN,EAEjD,OAAOQ,EAAgBL,EAAaG,EAAcpB,EAAWuB,OAASN,C,EAGhEhC,EAAA3C,UAAA8C,kBAAA,WACN5C,KAAKgF,OAAO1D,MAAM2D,IAAM,GAAAvE,OAAGV,KAAKqE,eAAc,MAC9CrE,KAAKgF,OAAO1D,MAAM2C,KAAO,GAAAvD,OAAGV,KAAKoD,gBAAe,K,EAGlDX,EAAA3C,UAAAoF,kBAAA,W,MACE,IAAMvE,EAAK,GAAAD,OAAGV,KAAKqB,OAAM,YACzBF,EAAAmC,SAASC,eAAe5C,MAAG,MAAAQ,SAAA,SAAAA,EAAEgE,SAE7BnF,KAAKgF,OAAS1B,SAAS8B,cAAc,OACrCpF,KAAKgF,OAAOK,aAAa,KAAM1E,GAC/BX,KAAKgF,OAAO1D,MAAMgE,OAAS9C,QAC3BxC,KAAKgF,OAAO1D,MAAMiE,SAAW,WAC7BjC,SAASkC,KAAKC,OAAOzF,KAAKgF,O,EAG5BvC,EAAA3C,UAAA4F,iBAAA,WACE1F,KAAKgF,OAAOW,YAAY3F,KAAKgD,SAC7BhD,KAAK4C,mB,EAGPH,EAAA3C,UAAA8F,qBAAA,WACE5F,KAAK0C,MAAQ1C,KAAKgF,OAAOG,SAAYnF,KAAK0C,MAAQ,I,EAGpDD,EAAA3C,UAAAK,OAAA,eAAA0F,EAAA7F,KACE,OACEY,EAACC,KAAI,CAAAC,IAAA,2CAACgF,IAAK,SAAAC,GAAE,OAAKF,EAAK7C,QAAU+C,CAApB,GACXnF,EAAA,QAAAE,IAAA,6C,WA9FkB,G","ignoreList":[]}

package/dist/esm-es5/verdocs-pagination_2.entry.js

@@ -1 +1,2 @@
-var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var i,r=1,t=arguments.length;r<t;r++){i=arguments[r];for(var o in i)if(Object.prototype.hasOwnProperty.call(i,o))e[o]=i[o]}return e};return __assign.apply(this,arguments)};var __spreadArray=this&&this.__spreadArray||function(e,i,r){if(r||arguments.length===2)for(var t=0,o=i.length,s;t<o;t++){if(s||!(t in i)){if(!s)s=Array.prototype.slice.call(i,0,t);s[t]=i[t]}}return e.concat(s||Array.prototype.slice.call(i))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-272d51a4.js";import{integerSequence}from"@verdocs/js-sdk";import{i as renderedTextWidth}from"./utils-bd656c37.js";import{c as createPopper}from"./popper-0fbeff6d.js";import"./_commonjsHelpers-bdec4bbd.js";import"./Types-95d86a44.js";import"./format-b8602175.js";var verdocsPaginationCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-pagination{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-pagination .page-button{height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;cursor:pointer;font-size:16px;font-weight:600;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#33364b;border:1px solid #654dcb}verdocs-pagination .page-button svg{width:18px;height:18px}verdocs-pagination .page-button.selected{cursor:default;color:#ffffff;background:#654dcb}verdocs-pagination .ellipsis{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;line-height:32px;-ms-flex-pack:center;justify-content:center;color:#33364b}';var VerdocsPaginationStyle0=verdocsPaginationCss;var ChevronDoubleLeft='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" /></svg>';var ChevronDoubleRight='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" /></svg>';var VISIBLE_PAGES=5;var PageButton=function(e){var i=e.page,r=e.selected,t=e.onClick;var o;if(i==="first"){o=ChevronDoubleLeft}else if(i==="last"){o=ChevronDoubleRight}else{o=String(i+1)}return h("div",{class:"page-button ".concat(i===r?"selected":""),onClick:function(){return t(i)},innerHTML:o})};var VerdocsQuickFilter$1=function(){function e(e){registerInstance(this,e);this.selectPage=createEvent(this,"selectPage",7);this.selectedPage=0;this.itemCount=1;this.perPage=10}e.prototype.handleSelectPage=function(e){var i;this.selectedPage=e;(i=this.selectPage)===null||i===void 0?void 0:i.emit({selectedPage:e})};e.prototype.render=function(){var e=this;var i=Math.max(0,this.selectedPage-2);var r=this.itemCount>0?Math.ceil(this.itemCount/this.perPage):0;var t=integerSequence(0,Math.ceil(this.itemCount/this.perPage)).slice(i,i+VISIBLE_PAGES);return h(Host,{key:"2c6c7eaf7adf1f98dfb2ce2d804d360af53ddd95"},this.selectedPage>0&&h(PageButton,{key:"942a34679e4270fc767fd4f63659e103531b376d",page:"first",selected:this.selectedPage,onClick:function(){return e.handleSelectPage(0)}}),i>0&&h("div",{key:"7961f0803894b45de72528a5e3456b2bc343f0a5",class:"ellipsis"},"..."),t.map((function(i){return h(PageButton,{page:i,selected:e.selectedPage,onClick:function(i){return e.handleSelectPage(+i)}})})),this.selectedPage<r-1&&h("div",{key:"917a3fc286ddf919c36eb94e59b5847dc7aa90ee",class:"ellipsis"},"..."),this.selectedPage<r-1&&h(PageButton,{key:"59db51f1f4ae5c1878a218681c62cc3f9e621340",page:"last",selected:this.selectedPage,onClick:function(){return e.handleSelectPage(r-1)}}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsQuickFilter$1.style=VerdocsPaginationStyle0;var verdocsQuickFilterCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}';var VerdocsQuickFilterStyle0=verdocsQuickFilterCss;var DropdownArrow='<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>';var VerdocsQuickFilter=function(){function e(e){registerInstance(this,e);this.optionSelected=createEvent(this,"optionSelected",7);this.clickListenerSymbol=new AbortController;this.options=[];this.label="Filter";this.value="";this.placeholder="Select...";this.open=undefined}e.prototype.componentDidLoad=function(){this.popper=createPopper(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[-1,14]}}]});window.addEventListener("click",this.clickListener.bind(this),{signal:this.clickListenerSymbol.signal})};e.prototype.disconnectedCallback=function(){this.clickListenerSymbol.abort()};e.prototype.clickListener=function(e){var i=!(e.target==this.el||this.el.contains(e.target));if(i){this.hide()}};e.prototype.handleSelectOption=function(e,i){e.stopPropagation();this.optionSelected.emit(i);this.value=i.value;this.hide()};e.prototype.showDropdown=function(){var e,i;this.open=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})})).catch((function(){}));(i=this.popper)===null||i===void 0?void 0:i.update().catch((function(){}))};e.prototype.handleHideDropdown=function(e){var i,r;if(((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.localName)==="button"&&((r=e===null||e===void 0?void 0:e.target)===null||r===void 0?void 0:r.className)==="arrow"){return}this.hide()};e.prototype.toggleDropdown=function(e){e.stopPropagation();if(this.open){this.hide()}else{this.showDropdown()}};e.prototype.hide=function(){var e;this.open=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})})).catch((function(){}))};e.prototype.render=function(){var e=this;var i,r,t;var o=(i=this.options)===null||i===void 0?void 0:i.find((function(i){return i.value===e.value}));var s=(r=this.options)===null||r===void 0?void 0:r.reduce((function(e,i){return e.label.length>i.label.length?e:i}));var n=renderedTextWidth((s===null||s===void 0?void 0:s.label)||"FILLER","14px Inter, Barlow, sans-serif");var a=renderedTextWidth(this.label,"14px Inter, Barlow, sans-serif");var c="".concat(n+a+40,"px");return h(Host,{key:"63c979bc0e8b4b75f0608a7b5c11bf92de2375cc",class:{open:!!this.open},style:{minWidth:c,display:"inline-block"}},h("div",{key:"785aac3556deaac0bbf55d8eb1f52e846448b44d",class:"control",onClick:function(i){return e.toggleDropdown(i)},onBlur:function(i){return e.handleHideDropdown(i)}},h("div",{key:"521c951babae9d882402ffb94aeb4f40a3afe9c6",class:"title",ref:function(i){return e.dropdownButton=i}},h("span",{key:"66f15637c5bcaa84326b0360b1cf0b9eeb34cc19",class:"prefix"},this.label,":"),o?o.label:this.placeholder),h("div",{key:"8f5719750fd5fb40c8787d044904629ede1cb5a5",style:{flex:"1"}}),h("div",{key:"1f16f93487115760416fa9d7fa025e25da4e1cb9",class:"separator"}),h("div",{key:"bf485d08eccf8e960d161007b3b16517f494f85f",class:"arrow",innerHTML:DropdownArrow,"aria-label":"Open Menu"})),h("div",{key:"8842f5609144f401a51124501544f0fb6c4700c9",class:"items","aria-hidden":!this.open,ref:function(i){return e.dropdownMenu=i},style:{minWidth:c}},(t=this.options)===null||t===void 0?void 0:t.map((function(i){return i.label?h("button",{onClick:function(r){return e.handleSelectOption(r,i)},class:"option ".concat(i.value===e.value?"selected":""),disabled:i.disabled},i.label):h("div",{class:"separator"})}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsQuickFilter.style=VerdocsQuickFilterStyle0;export{VerdocsQuickFilter$1 as verdocs_pagination,VerdocsQuickFilter as verdocs_quick_filter};
+var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var i,r=1,t=arguments.length;r<t;r++){i=arguments[r];for(var o in i)if(Object.prototype.hasOwnProperty.call(i,o))e[o]=i[o]}return e};return __assign.apply(this,arguments)};var __spreadArray=this&&this.__spreadArray||function(e,i,r){if(r||arguments.length===2)for(var t=0,o=i.length,s;t<o;t++){if(s||!(t in i)){if(!s)s=Array.prototype.slice.call(i,0,t);s[t]=i[t]}}return e.concat(s||Array.prototype.slice.call(i))};import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-272d51a4.js";import{integerSequence}from"@verdocs/js-sdk";import{i as renderedTextWidth}from"./utils-bd656c37.js";import{c as createPopper}from"./popper-0fbeff6d.js";import"./_commonjsHelpers-bdec4bbd.js";import"./Types-95d86a44.js";import"./format-b8602175.js";var verdocsPaginationCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-pagination{gap:8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-family:"Inter", "Barlow", sans-serif}verdocs-pagination .page-button{height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;cursor:pointer;font-size:16px;font-weight:600;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#33364b;border:1px solid #654dcb}verdocs-pagination .page-button svg{width:18px;height:18px}verdocs-pagination .page-button.selected{cursor:default;color:#ffffff;background:#654dcb}verdocs-pagination .ellipsis{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex:0 0 38px;flex:0 0 38px;line-height:32px;-ms-flex-pack:center;justify-content:center;color:#33364b}';var VerdocsPaginationStyle0=verdocsPaginationCss;var ChevronDoubleLeft='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5" /></svg>';var ChevronDoubleRight='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5" /></svg>';var VISIBLE_PAGES=5;var PageButton=function(e){var i=e.page,r=e.selected,t=e.onClick;var o;if(i==="first"){o=ChevronDoubleLeft}else if(i==="last"){o=ChevronDoubleRight}else{o=String(i+1)}return h("div",{class:"page-button ".concat(i===r?"selected":""),onClick:function(){return t(i)},innerHTML:o})};var VerdocsQuickFilter$1=function(){function e(e){registerInstance(this,e);this.selectPage=createEvent(this,"selectPage",7);this.selectedPage=0;this.itemCount=1;this.perPage=10}e.prototype.handleSelectPage=function(e){var i;this.selectedPage=e;(i=this.selectPage)===null||i===void 0?void 0:i.emit({selectedPage:e})};e.prototype.render=function(){var e=this;var i=Math.max(0,this.selectedPage-2);var r=this.itemCount>0?Math.ceil(this.itemCount/this.perPage):0;var t=integerSequence(0,Math.ceil(this.itemCount/this.perPage)).slice(i,i+VISIBLE_PAGES);return h(Host,{key:"2c6c7eaf7adf1f98dfb2ce2d804d360af53ddd95"},this.selectedPage>0&&h(PageButton,{key:"942a34679e4270fc767fd4f63659e103531b376d",page:"first",selected:this.selectedPage,onClick:function(){return e.handleSelectPage(0)}}),i>0&&h("div",{key:"7961f0803894b45de72528a5e3456b2bc343f0a5",class:"ellipsis"},"..."),t.map((function(i){return h(PageButton,{page:i,selected:e.selectedPage,onClick:function(i){return e.handleSelectPage(+i)}})})),this.selectedPage<r-1&&h("div",{key:"917a3fc286ddf919c36eb94e59b5847dc7aa90ee",class:"ellipsis"},"..."),this.selectedPage<r-1&&h(PageButton,{key:"59db51f1f4ae5c1878a218681c62cc3f9e621340",page:"last",selected:this.selectedPage,onClick:function(){return e.handleSelectPage(r-1)}}))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsQuickFilter$1.style=VerdocsPaginationStyle0;var verdocsQuickFilterCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-quick-filter{position:relative;font-family:"Inter", "Barlow", sans-serif}verdocs-quick-filter .control{outline:0;height:34px;display:-ms-flexbox;display:flex;cursor:pointer;border-radius:4px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;background:#ffffff;-webkit-transition:all 100ms ease 0s;transition:all 100ms ease 0s;border:1px solid #cccccc}verdocs-quick-filter .title{padding:0 8px;font-size:14px;max-width:100%;overflow:hidden;color:#33364b;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis}verdocs-quick-filter .title .prefix{display:inline;font-weight:700;margin:0 7px 0 0;color:#4c56cb}verdocs-quick-filter .arrow{width:32px;height:32px;border:none;outline:none;cursor:pointer;-ms-flex-align:center;align-items:center;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;background:#ffffff;-webkit-transition:color 150ms ease 0s;transition:color 150ms ease 0s}verdocs-quick-filter .arrow svg{-webkit-transition:0.3s;transition:0.3s;fill:#cccccc}verdocs-quick-filter .separator{width:1px;display:block;margin-top:8px;margin-bottom:8px;-ms-flex-item-align:stretch;align-self:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#cccccc}verdocs-quick-filter .items{display:none;z-index:10000;position:absolute;border-radius:4px;background:#ffffff;-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px}verdocs-quick-filter .items[data-show]{display:block}verdocs-quick-filter .option{width:100%;border:none;display:block;font-size:14px;text-align:left;background:none;padding:10px 20px;color:#1e2031}verdocs-quick-filter .option:hover{cursor:pointer;background:rgba(76, 86, 203, 0.2470588235)}verdocs-quick-filter .option[disabled]{color:#aaaaaa}verdocs-quick-filter .option[disabled]:hover{cursor:inherit;background:transparent;color:#aaaaaa}verdocs-quick-filter.open .items{display:block}verdocs-quick-filter.open .arrow svg{-webkit-transform:scaleY(-1);transform:scaleY(-1)}';var VerdocsQuickFilterStyle0=verdocsQuickFilterCss;var DropdownArrow='<svg height="20" width="20" viewBox="0 0 20 20" aria-hidden="true" focusable="false" class="css-8mmkcg"><path d="M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"></path></svg>';var VerdocsQuickFilter=function(){function e(e){registerInstance(this,e);this.optionSelected=createEvent(this,"optionSelected",7);this.clickListenerSymbol=new AbortController;this.options=[];this.label="Filter";this.value="";this.placeholder="Select...";this.open=undefined}e.prototype.componentDidLoad=function(){this.popper=createPopper(this.dropdownButton,this.dropdownMenu,{placement:"bottom-start",modifiers:[{name:"offset",options:{offset:[-1,14]}}]});window.addEventListener("click",this.clickListener.bind(this),{signal:this.clickListenerSymbol.signal})};e.prototype.disconnectedCallback=function(){this.clickListenerSymbol.abort()};e.prototype.clickListener=function(e){var i=!(e.target==this.el||this.el.contains(e.target));if(i){this.hide()}};e.prototype.handleSelectOption=function(e,i){e.stopPropagation();this.optionSelected.emit(i);this.value=i.value;this.hide()};e.prototype.showDropdown=function(){var e,i;this.open=true;this.dropdownMenu.setAttribute("data-show","");this.dropdownMenu.removeAttribute("aria-hidden");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:true}],false)})})).catch((function(){}));(i=this.popper)===null||i===void 0?void 0:i.update().catch((function(){}))};e.prototype.handleHideDropdown=function(e){var i,r;if(((i=e===null||e===void 0?void 0:e.target)===null||i===void 0?void 0:i.localName)==="button"&&((r=e===null||e===void 0?void 0:e.target)===null||r===void 0?void 0:r.className)==="arrow"){return}this.hide()};e.prototype.toggleDropdown=function(e){e.stopPropagation();if(this.open){this.hide()}else{this.showDropdown()}};e.prototype.hide=function(){var e;this.open=false;this.dropdownMenu.removeAttribute("data-show");this.dropdownMenu.setAttribute("aria-hidden","true");(e=this.popper)===null||e===void 0?void 0:e.setOptions((function(e){return __assign(__assign({},e),{modifiers:__spreadArray(__spreadArray([],e.modifiers,true),[{name:"eventListeners",enabled:false}],false)})})).catch((function(){}))};e.prototype.render=function(){var e=this;var i,r,t;var o=(i=this.options)===null||i===void 0?void 0:i.find((function(i){return i.value===e.value}));var s=(r=this.options)===null||r===void 0?void 0:r.reduce((function(e,i){return e.label.length>i.label.length?e:i}));var n=renderedTextWidth((s===null||s===void 0?void 0:s.label)||"FILLER","14px Inter, Barlow, sans-serif");var a=renderedTextWidth(this.label,"14px Inter, Barlow, sans-serif");var c="".concat(n+a+40,"px");return h(Host,{key:"63c979bc0e8b4b75f0608a7b5c11bf92de2375cc",class:{open:!!this.open},style:{minWidth:c,display:"inline-block"}},h("div",{key:"785aac3556deaac0bbf55d8eb1f52e846448b44d",class:"control",onClick:function(i){return e.toggleDropdown(i)},onBlur:function(i){return e.handleHideDropdown(i)}},h("div",{key:"521c951babae9d882402ffb94aeb4f40a3afe9c6",class:"title",ref:function(i){return e.dropdownButton=i}},h("span",{key:"66f15637c5bcaa84326b0360b1cf0b9eeb34cc19",class:"prefix"},this.label,":"),o?o.label:this.placeholder),h("div",{key:"8f5719750fd5fb40c8787d044904629ede1cb5a5",style:{flex:"1"}}),h("div",{key:"1f16f93487115760416fa9d7fa025e25da4e1cb9",class:"separator"}),h("div",{key:"bf485d08eccf8e960d161007b3b16517f494f85f",class:"arrow",innerHTML:DropdownArrow,"aria-label":"Open Menu"})),h("div",{key:"8842f5609144f401a51124501544f0fb6c4700c9",class:"items","aria-hidden":!this.open,ref:function(i){return e.dropdownMenu=i},style:{minWidth:c}},(t=this.options)===null||t===void 0?void 0:t.map((function(i){return i.label?h("button",{onClick:function(r){return e.handleSelectOption(r,i)},class:"option ".concat(i.value===e.value?"selected":""),disabled:i.disabled},i.label):h("div",{class:"separator"})}))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsQuickFilter.style=VerdocsQuickFilterStyle0;export{VerdocsQuickFilter$1 as verdocs_pagination,VerdocsQuickFilter as verdocs_quick_filter};
+//# sourceMappingURL=verdocs-pagination_2.entry.js.map

package/dist/esm-es5/verdocs-pagination_2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["verdocsPaginationCss","VerdocsPaginationStyle0","ChevronDoubleLeft","ChevronDoubleRight","VISIBLE_PAGES","PageButton","_d","page","selected","onClick","label","String","h","class","concat","innerHTML","VerdocsQuickFilter","VerdocsQuickFilter$1","prototype","handleSelectPage","this","selectedPage","_a","selectPage","emit","render","_this","firstPage","Math","max","numPages","itemCount","ceil","perPage","pagesToDisplay","integerSequence","slice","Host","key","map","pageNumber","verdocsQuickFilterCss","VerdocsQuickFilterStyle0","DropdownArrow","clickListenerSymbol","AbortController","class_1","componentDidLoad","popper","createPopper","dropdownButton","dropdownMenu","placement","modifiers","name","options","offset","window","addEventListener","clickListener","bind","signal","disconnectedCallback","abort","e","outside","target","el","contains","hide","handleSelectOption","option","stopPropagation","optionSelected","value","showDropdown","open","setAttribute","removeAttribute","setOptions","__assign","__spreadArray","enabled","catch","_b","update","handleHideDropdown","localName","className","toggleDropdown","selectedOption","find","longestOption","reduce","prev","curr","length","longestLabelWidth","renderedTextWidth","prefixWidth","minWidth","style","display","onBlur","ref","placeholder","flex","_c","disabled"],"sources":["src/components/controls/verdocs-pagination/verdocs-pagination.scss?tag=verdocs-pagination","src/components/controls/verdocs-pagination/verdocs-pagination.tsx","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.scss?tag=verdocs-quick-filter","src/components/controls/verdocs-quick-filter/verdocs-quick-filter.tsx"],"sourcesContent":["@import '../../../theme.scss';\n\nverdocs-pagination {\n  gap: 8px;\n  display: flex;\n  flex-direction: row;\n  font-family: $primary-font;\n\n  .page-button {\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    cursor: pointer;\n    font-size: 16px;\n    font-weight: 600;\n    border-radius: 4px;\n    align-items: center;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n    border: 1px solid $verdocs-purple;\n\n    svg {\n      width: 18px;\n      height: 18px;\n    }\n\n    &.selected {\n      cursor: default;\n      color: $verdocs-grey-4;\n      background: $verdocs-purple;\n    }\n  }\n\n  .ellipsis {\n    width: 38px;\n    height: 38px;\n    display: flex;\n    flex: 0 0 38px;\n    line-height: 32px;\n    justify-content: center;\n    color: $verdocs-dark-blue;\n  }\n}\n","import {integerSequence} from '@verdocs/js-sdk';\nimport {Host, FunctionalComponent} from '@stencil/core';\nimport {Component, Prop, Element, h, Event, EventEmitter} from '@stencil/core';\n\nconst ChevronDoubleLeft = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5\" /></svg>`;\n\nconst ChevronDoubleRight = `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.25 4.5l7.5 7.5-7.5 7.5m-6-15l7.5 7.5-7.5 7.5\" /></svg>`;\n\ntype TPageNumber = number | 'first' | 'last';\n\nconst VISIBLE_PAGES = 5;\n\nconst PageButton: FunctionalComponent<{page: TPageNumber; selected: number; onClick: (page: TPageNumber) => void}> = ({page, selected, onClick}) => {\n  let label;\n  if (page === 'first') {\n    label = ChevronDoubleLeft;\n  } else if (page === 'last') {\n    label = ChevronDoubleRight;\n  } else {\n    label = String(page + 1);\n  }\n\n  return <div class={`page-button ${page === selected ? 'selected' : ''}`} onClick={() => onClick(page)} innerHTML={label} />;\n};\n\n/**\n * Display a simple pagination control with individual buttons to move through the data set.\n *\n * ```ts\n * <verdocs-pagination\n *   selectedPage={1}\n *   itemCount={50}\n *   perPage={10}\n *   onSelectPage={(e) => {setSelectedpage(e.detail.selectedPage)}}\n * />\n * ```\n */\n@Component({\n  tag: 'verdocs-pagination',\n  styleUrl: 'verdocs-pagination.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  /**\n   * The currently selected page.\n   */\n  @Prop({mutable: true, reflect: true}) selectedPage: number = 0;\n\n  /**\n   * The total number of items.\n   */\n  @Prop() itemCount: number = 1;\n\n  /**\n   * The number of displayed per page.\n   */\n  @Prop() perPage: number = 10;\n\n  /**\n   * Event fired when the selected page changes. The new page number is included in the event.\n   */\n  @Event({composed: true}) selectPage: EventEmitter<{selectedPage: number}>;\n\n  handleSelectPage(page: number) {\n    this.selectedPage = page;\n    this.selectPage?.emit({selectedPage: page});\n  }\n\n  render() {\n    const firstPage = Math.max(0, this.selectedPage - 2);\n    const numPages = this.itemCount > 0 ? Math.ceil(this.itemCount / this.perPage) : 0;\n    const pagesToDisplay = integerSequence(0, Math.ceil(this.itemCount / this.perPage)).slice(firstPage, firstPage + VISIBLE_PAGES);\n\n    return (\n      <Host>\n        {this.selectedPage > 0 && <PageButton page={'first'} selected={this.selectedPage} onClick={() => this.handleSelectPage(0)} />}\n\n        {firstPage > 0 && <div class=\"ellipsis\">...</div>}\n\n        {pagesToDisplay.map(pageNumber => (\n          <PageButton page={pageNumber} selected={this.selectedPage} onClick={page => this.handleSelectPage(+page)} />\n        ))}\n\n        {this.selectedPage < numPages - 1 && <div class=\"ellipsis\">...</div>}\n\n        {this.selectedPage < numPages - 1 && <PageButton page={'last'} selected={this.selectedPage} onClick={() => this.handleSelectPage(numPages - 1)} />}\n      </Host>\n    );\n  }\n}\n","@import '../../../theme.scss';\n\nverdocs-quick-filter {\n  position: relative;\n  font-family: $primary-font;\n\n  .control {\n    outline: 0;\n    height: 34px;\n    display: flex;\n    cursor: pointer;\n    border-radius: 4px;\n    align-items: center;\n    flex-direction: row;\n    box-sizing: border-box;\n    background: $verdocs-grey-4;\n    transition: all 100ms ease 0s;\n    border: 1px solid $verdocs-bg-1;\n  }\n\n  .title {\n    padding: 0 8px;\n    font-size: 14px;\n    max-width: 100%;\n    overflow: hidden;\n    color: $label-color;\n    white-space: nowrap;\n    box-sizing: border-box;\n    text-overflow: ellipsis;\n\n    .prefix {\n      display: inline;\n      font-weight: 700;\n      margin: 0 7px 0 0;\n      color: $secondary-color;\n    }\n  }\n\n  .arrow {\n    width: 32px;\n    height: 32px;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    align-items: center;\n    display: inline-flex;\n    justify-content: center;\n    background: $verdocs-grey-4;\n    transition: color 150ms ease 0s;\n\n    svg {\n      transition: 0.3s;\n      fill: $verdocs-bg-1;\n    }\n  }\n\n  .separator {\n    width: 1px;\n    display: block;\n    margin-top: 8px;\n    margin-bottom: 8px;\n    align-self: stretch;\n    box-sizing: border-box;\n    background-color: $verdocs-bg-1;\n  }\n\n  .items {\n    display: none;\n    z-index: 10000;\n    position: absolute;\n    border-radius: 4px;\n    background: $verdocs-grey-4;\n    box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 11px;\n  }\n\n  .items[data-show] {\n    display: block;\n  }\n\n  .option {\n    width: 100%;\n    border: none;\n    display: block;\n    font-size: 14px;\n    text-align: left;\n    background: none;\n    padding: 10px 20px;\n    color: $verdocs-bg-5;\n  }\n\n  .option:hover {\n    cursor: pointer;\n    background: #4c56cb3f;\n  }\n\n  .option[disabled] {\n    color: $light-disabled-color;\n  }\n\n  .option[disabled]:hover {\n    cursor: inherit;\n    background: transparent;\n    color: $light-disabled-color;\n  }\n\n  &.open {\n    .items {\n      display: block;\n    }\n\n    .arrow svg {\n      transform: scaleY(-1);\n    }\n  }\n}\n","import {Host} from '@stencil/core';\nimport {createPopper, Instance} from '@popperjs/core';\nimport {Component, Prop, Element, State, h, Event, EventEmitter} from '@stencil/core';\nimport {renderedTextWidth} from '../../../utils/utils';\n\nconst DropdownArrow = `<svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\" aria-hidden=\"true\" focusable=\"false\" class=\"css-8mmkcg\"><path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path></svg>`;\n\nexport interface IFilterOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\n/**\n * Display a drop-down menu of quick filter options.\n *\n * ```ts\n * <verdocs-quick-filter options={[...options]} value={1} label=\"Filter\" placeholder=\"All\" />\n * ```\n */\n@Component({\n  tag: 'verdocs-quick-filter',\n  styleUrl: 'verdocs-quick-filter.scss',\n})\nexport class VerdocsQuickFilter {\n  @Element()\n  el: HTMLElement;\n\n  private dropdownButton?: HTMLElement;\n  private dropdownMenu?: HTMLDivElement;\n  private popper?: Instance;\n\n  /**\n   * The menu options to display.\n   */\n  @Prop() options: IFilterOption[] = [];\n\n  @Prop()\n  label: string = 'Filter';\n\n  @Prop({reflect: true, mutable: true})\n  value: string = '';\n\n  @Prop()\n  placeholder: string = 'Select...';\n\n  /**\n   * Event fired when a menu option is clicked.\n   * Web Component events need to be \"composed\" to cross the Shadow DOM and be received by parent frameworks.\n   */\n  @Event({composed: true}) optionSelected: EventEmitter<IFilterOption>;\n\n  @State() open: boolean;\n\n  // We need to do this to reliably disconnect the click-away listener\n  clickListenerSymbol = new AbortController();\n  componentDidLoad() {\n    this.popper = createPopper(this.dropdownButton, this.dropdownMenu, {placement: 'bottom-start', modifiers: [{name: 'offset', options: {offset: [-1, 14]}}]});\n\n    window.addEventListener('click', this.clickListener.bind(this), {signal: this.clickListenerSymbol.signal});\n  }\n\n  disconnectedCallback() {\n    this.clickListenerSymbol.abort();\n  }\n\n  clickListener(e: any) {\n    const outside = !(e.target == this.el || this.el.contains(e.target));\n    if (outside) {\n      this.hide();\n    }\n  }\n\n  handleSelectOption(e: any, option: IFilterOption) {\n    e.stopPropagation();\n    this.optionSelected.emit(option);\n    this.value = option.value;\n    this.hide();\n  }\n\n  // See https://popper.js.org/docs/v2/tutorial/\n  // What we're doing here is clearing event listeners when they aren't needed, to increase performance in lists\n  showDropdown() {\n    this.open = true;\n    this.dropdownMenu.setAttribute('data-show', '');\n    this.dropdownMenu.removeAttribute('aria-hidden');\n\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: true}],\n      }))\n      .catch(() => {});\n\n    this.popper?.update().catch(() => {});\n  }\n\n  handleHideDropdown(e: any) {\n    if (e?.target?.localName === 'button' && e?.target?.className === 'arrow') {\n      // This event is fired when a menu element is clicked because the button \"loses focus\" then too\n      return;\n    }\n\n    this.hide();\n  }\n\n  toggleDropdown(e: any) {\n    e.stopPropagation();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.showDropdown();\n    }\n  }\n\n  hide() {\n    this.open = false;\n    this.dropdownMenu.removeAttribute('data-show');\n    this.dropdownMenu.setAttribute('aria-hidden', 'true');\n    this.popper\n      ?.setOptions(options => ({\n        ...options,\n        modifiers: [...options.modifiers, {name: 'eventListeners', enabled: false}],\n      }))\n      .catch(() => {});\n  }\n\n  render() {\n    const selectedOption = this.options?.find(option => option.value === this.value);\n    const longestOption = this.options?.reduce((prev, curr) => (prev.label.length > curr.label.length ? prev : curr));\n    const longestLabelWidth = renderedTextWidth(longestOption?.label || 'FILLER', '14px Inter, Barlow, sans-serif');\n    const prefixWidth = renderedTextWidth(this.label, '14px Inter, Barlow, sans-serif');\n    const minWidth = `${longestLabelWidth + prefixWidth + 40}px`;\n\n    return (\n      <Host class={{open: !!this.open}} style={{minWidth, display: 'inline-block'}}>\n        <div class=\"control\" onClick={e => this.toggleDropdown(e)} onBlur={e => this.handleHideDropdown(e)}>\n          <div class=\"title\" ref={el => (this.dropdownButton = el as HTMLElement)}>\n            <span class=\"prefix\">{this.label}:</span>\n            {selectedOption ? selectedOption.label : this.placeholder}\n          </div>\n\n          <div style={{flex: '1'}} />\n\n          <div class=\"separator\" />\n\n          <div class=\"arrow\" innerHTML={DropdownArrow} aria-label=\"Open Menu\" />\n        </div>\n\n        <div class=\"items\" aria-hidden={!this.open} ref={el => (this.dropdownMenu = el as HTMLDivElement)} style={{minWidth}}>\n          {this.options?.map(option =>\n            option.label ? (\n              <button onClick={e => this.handleSelectOption(e, option)} class={`option ${option.value === this.value ? 'selected' : ''}`} disabled={option.disabled}>\n                {option.label}\n              </button>\n            ) : (\n              <div class=\"separator\" />\n            ),\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"g1BAAA,IAAMA,qBAAuB,wkCAC7B,IAAAC,wBAAeD,qBCGf,IAAME,kBAAoB,wOAE1B,IAAMC,mBAAqB,sOAI3B,IAAMC,cAAgB,EAEtB,IAAMC,WAA+G,SAACC,G,IAACC,EAAID,EAAAC,KAAEC,EAAQF,EAAAE,SAAEC,EAAOH,EAAAG,QAC5I,IAAIC,EACJ,GAAIH,IAAS,QAAS,CACpBG,EAAQR,iB,MACH,GAAIK,IAAS,OAAQ,CAC1BG,EAAQP,kB,KACH,CACLO,EAAQC,OAAOJ,EAAO,E,CAGxB,OAAOK,EAAA,OAAKC,MAAO,eAAAC,OAAeP,IAASC,EAAW,WAAa,IAAMC,QAAS,WAAM,OAAAA,EAAQF,EAAR,EAAeQ,UAAWL,GACpH,E,IAkBaM,qBAAkB,W,0GAOgC,E,eAKjC,E,aAKF,E,CAO1BC,EAAAC,UAAAC,iBAAA,SAAiBZ,G,MACfa,KAAKC,aAAed,GACpBe,EAAAF,KAAKG,cAAU,MAAAD,SAAA,SAAAA,EAAEE,KAAK,CAACH,aAAcd,G,EAGvCU,EAAAC,UAAAO,OAAA,eAAAC,EAAAN,KACE,IAAMO,EAAYC,KAAKC,IAAI,EAAGT,KAAKC,aAAe,GAClD,IAAMS,EAAWV,KAAKW,UAAY,EAAIH,KAAKI,KAAKZ,KAAKW,UAAYX,KAAKa,SAAW,EACjF,IAAMC,EAAiBC,gBAAgB,EAAGP,KAAKI,KAAKZ,KAAKW,UAAYX,KAAKa,UAAUG,MAAMT,EAAWA,EAAYvB,eAEjH,OACEQ,EAACyB,KAAI,CAAAC,IAAA,4CACFlB,KAAKC,aAAe,GAAKT,EAACP,WAAU,CAAAiC,IAAA,2CAAC/B,KAAM,QAASC,SAAUY,KAAKC,aAAcZ,QAAS,WAAM,OAAAiB,EAAKP,iBAAiB,EAAtB,IAEhGQ,EAAY,GAAKf,EAAA,OAAA0B,IAAA,2CAAKzB,MAAM,YAAU,OAEtCqB,EAAeK,KAAI,SAAAC,GAAU,OAC5B5B,EAACP,WAAU,CAACE,KAAMiC,EAAYhC,SAAUkB,EAAKL,aAAcZ,QAAS,SAAAF,GAAQ,OAAAmB,EAAKP,kBAAkBZ,EAAvB,GADhD,IAI7Ba,KAAKC,aAAeS,EAAW,GAAKlB,EAAA,OAAA0B,IAAA,2CAAKzB,MAAM,YAAU,OAEzDO,KAAKC,aAAeS,EAAW,GAAKlB,EAACP,WAAU,CAAAiC,IAAA,2CAAC/B,KAAM,OAAQC,SAAUY,KAAKC,aAAcZ,QAAS,WAAM,OAAAiB,EAAKP,iBAAiBW,EAAW,EAAjC,I,gIA9CpF,G,mDCzC/B,IAAMW,sBAAwB,k8EAC9B,IAAAC,yBAAeD,sBCIf,IAAME,cAAgB,wZ,IAmBT3B,mBAAkB,W,gGA+B7BI,KAAAwB,oBAAsB,IAAIC,gB,aApBS,G,WAGnB,S,WAGA,G,iBAGM,Y,oBAYtBC,EAAA5B,UAAA6B,iBAAA,WACE3B,KAAK4B,OAASC,aAAa7B,KAAK8B,eAAgB9B,KAAK+B,aAAc,CAACC,UAAW,eAAgBC,UAAW,CAAC,CAACC,KAAM,SAAUC,QAAS,CAACC,OAAQ,EAAE,EAAG,SAEnJC,OAAOC,iBAAiB,QAAStC,KAAKuC,cAAcC,KAAKxC,MAAO,CAACyC,OAAQzC,KAAKwB,oBAAoBiB,Q,EAGpGf,EAAA5B,UAAA4C,qBAAA,WACE1C,KAAKwB,oBAAoBmB,O,EAG3BjB,EAAA5B,UAAAyC,cAAA,SAAcK,GACZ,IAAMC,IAAYD,EAAEE,QAAU9C,KAAK+C,IAAM/C,KAAK+C,GAAGC,SAASJ,EAAEE,SAC5D,GAAID,EAAS,CACX7C,KAAKiD,M,GAITvB,EAAA5B,UAAAoD,mBAAA,SAAmBN,EAAQO,GACzBP,EAAEQ,kBACFpD,KAAKqD,eAAejD,KAAK+C,GACzBnD,KAAKsD,MAAQH,EAAOG,MACpBtD,KAAKiD,M,EAKPvB,EAAA5B,UAAAyD,aAAA,W,QACEvD,KAAKwD,KAAO,KACZxD,KAAK+B,aAAa0B,aAAa,YAAa,IAC5CzD,KAAK+B,aAAa2B,gBAAgB,gBAElCxD,EAAAF,KAAK4B,UAAM,MAAA1B,SAAA,SAAAA,EACPyD,YAAW,SAAAxB,GAAO,OAAAyB,kBAAA,GACfzB,GAAO,CACVF,UAAS4B,4BAAA,GAAM1B,EAAQF,UAAS,OAAE,CAACC,KAAM,iBAAkB4B,QAAS,OAAK,QAFvD,IAInBC,OAAM,gBAETC,EAAAhE,KAAK4B,UAAM,MAAAoC,SAAA,SAAAA,EAAEC,SAASF,OAAM,c,EAG9BrC,EAAA5B,UAAAoE,mBAAA,SAAmBtB,G,QACjB,KAAI1C,EAAA0C,IAAC,MAADA,SAAC,SAADA,EAAGE,UAAM,MAAA5C,SAAA,SAAAA,EAAEiE,aAAc,YAAYH,EAAApB,IAAC,MAADA,SAAC,SAADA,EAAGE,UAAM,MAAAkB,SAAA,SAAAA,EAAEI,aAAc,QAAS,CAEzE,M,CAGFpE,KAAKiD,M,EAGPvB,EAAA5B,UAAAuE,eAAA,SAAezB,GACbA,EAAEQ,kBAEF,GAAIpD,KAAKwD,KAAM,CACbxD,KAAKiD,M,KACA,CACLjD,KAAKuD,c,GAIT7B,EAAA5B,UAAAmD,KAAA,W,MACEjD,KAAKwD,KAAO,MACZxD,KAAK+B,aAAa2B,gBAAgB,aAClC1D,KAAK+B,aAAa0B,aAAa,cAAe,SAC9CvD,EAAAF,KAAK4B,UAAM,MAAA1B,SAAA,SAAAA,EACPyD,YAAW,SAAAxB,GAAO,OAAAyB,kBAAA,GACfzB,GAAO,CACVF,UAAS4B,4BAAA,GAAM1B,EAAQF,UAAS,OAAE,CAACC,KAAM,iBAAkB4B,QAAS,QAAM,QAFxD,IAInBC,OAAM,c,EAGXrC,EAAA5B,UAAAO,OAAA,eAAAC,EAAAN,K,UACE,IAAMsE,GAAiBpE,EAAAF,KAAKmC,WAAO,MAAAjC,SAAA,SAAAA,EAAEqE,MAAK,SAAApB,GAAU,OAAAA,EAAOG,QAAUhD,EAAKgD,KAAtB,IACpD,IAAMkB,GAAgBR,EAAAhE,KAAKmC,WAAO,MAAA6B,SAAA,SAAAA,EAAES,QAAO,SAACC,EAAMC,GAAI,OAAMD,EAAKpF,MAAMsF,OAASD,EAAKrF,MAAMsF,OAASF,EAAOC,CAArD,IACtD,IAAME,EAAoBC,mBAAkBN,IAAa,MAAbA,SAAa,SAAbA,EAAelF,QAAS,SAAU,kCAC9E,IAAMyF,EAAcD,kBAAkB9E,KAAKV,MAAO,kCAClD,IAAM0F,EAAW,GAAAtF,OAAGmF,EAAoBE,EAAc,GAAE,MAExD,OACEvF,EAACyB,KAAI,CAAAC,IAAA,2CAACzB,MAAO,CAAC+D,OAAQxD,KAAKwD,MAAOyB,MAAO,CAACD,SAAQA,EAAEE,QAAS,iBAC3D1F,EAAA,OAAA0B,IAAA,2CAAKzB,MAAM,UAAUJ,QAAS,SAAAuD,GAAK,OAAAtC,EAAK+D,eAAezB,EAApB,EAAwBuC,OAAQ,SAAAvC,GAAK,OAAAtC,EAAK4D,mBAAmBtB,EAAxB,GACtEpD,EAAA,OAAA0B,IAAA,2CAAKzB,MAAM,QAAQ2F,IAAK,SAAArC,GAAE,OAAKzC,EAAKwB,eAAiBiB,CAA3B,GACxBvD,EAAA,QAAA0B,IAAA,2CAAMzB,MAAM,UAAUO,KAAKV,MAAK,KAC/BgF,EAAiBA,EAAehF,MAAQU,KAAKqF,aAGhD7F,EAAA,OAAA0B,IAAA,2CAAK+D,MAAO,CAACK,KAAM,OAEnB9F,EAAA,OAAA0B,IAAA,2CAAKzB,MAAM,cAEXD,EAAA,OAAA0B,IAAA,2CAAKzB,MAAM,QAAQE,UAAW4B,cAAa,aAAa,eAG1D/B,EAAA,OAAA0B,IAAA,2CAAKzB,MAAM,QAAO,eAAeO,KAAKwD,KAAM4B,IAAK,SAAArC,GAAE,OAAKzC,EAAKyB,aAAegB,CAAzB,EAAgDkC,MAAO,CAACD,SAAQA,KAChHO,EAAAvF,KAAKmC,WAAO,MAAAoD,SAAA,SAAAA,EAAEpE,KAAI,SAAAgC,GACjB,OAAAA,EAAO7D,MACLE,EAAA,UAAQH,QAAS,SAAAuD,GAAK,OAAAtC,EAAK4C,mBAAmBN,EAAGO,EAA3B,EAAoC1D,MAAO,UAAAC,OAAUyD,EAAOG,QAAUhD,EAAKgD,MAAQ,WAAa,IAAMkC,SAAUrC,EAAOqC,UAC1IrC,EAAO7D,OAGVE,EAAA,OAAKC,MAAM,aALb,K,gIAhImB,G","ignoreList":[]}

package/dist/esm-es5/verdocs-preview_6.entry.js

@@ -4,4 +4,5 @@ var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e)
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
- */function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t){n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))}o.push.apply(o,n)}return o}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};if(t%2){ownKeys(Object(o),true).forEach((function(t){_defineProperty(e,t,o[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(o))}else{ownKeys(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}}return e}function _typeof(e){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function(e){return typeof e}}else{_typeof=function(e){return e&&typeof Symbol==="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}}return _typeof(e)}function _defineProperty(e,t,o){if(t in e){Object.defineProperty(e,t,{value:o,enumerable:true,configurable:true,writable:true})}else{e[t]=o}return e}function _extends(){_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o){if(Object.prototype.hasOwnProperty.call(o,n)){e[n]=o[n]}}}return e};return _extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(e,t){if(e==null)return{};var o={};var n=Object.keys(e);var r,i;for(i=0;i<n.length;i++){r=n[i];if(t.indexOf(r)>=0)continue;o[r]=e[r]}return o}function _objectWithoutProperties(e,t){if(e==null)return{};var o=_objectWithoutPropertiesLoose(e,t);var n,r;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++){n=i[r];if(t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;o[n]=e[n]}}return o}var version="1.15.6";function userAgent(e){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(e)}}var IE11OrLess=userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var Edge=userAgent(/Edge/i);var FireFox=userAgent(/firefox/i);var Safari=userAgent(/safari/i)&&!userAgent(/chrome/i)&&!userAgent(/android/i);var IOS=userAgent(/iP(ad|od|hone)/i);var ChromeForAndroid=userAgent(/chrome/i)&&userAgent(/android/i);var captureMode={capture:false,passive:false};function on(e,t,o){e.addEventListener(t,o,!IE11OrLess&&captureMode)}function off(e,t,o){e.removeEventListener(t,o,!IE11OrLess&&captureMode)}function matches(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 getParentOrHost(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function closest(e,t,o,n){if(e){o=o||document;do{if(t!=null&&(t[0]===">"?e.parentNode===o&&matches(e,t):matches(e,t))||n&&e===o){return e}if(e===o)break}while(e=getParentOrHost(e))}return null}var R_SPACE=/\s+/g;function toggleClass(e,t,o){if(e&&t){if(e.classList){e.classList[o?"add":"remove"](t)}else{var n=(" "+e.className+" ").replace(R_SPACE," ").replace(" "+t+" "," ");e.className=(n+(o?" "+t:"")).replace(R_SPACE," ")}}}function css(e,t,o){var n=e&&e.style;if(n){if(o===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){o=document.defaultView.getComputedStyle(e,"")}else if(e.currentStyle){o=e.currentStyle}return t===void 0?o:o[t]}else{if(!(t in n)&&t.indexOf("webkit")===-1){t="-webkit-"+t}n[t]=o+(typeof o==="string"?"":"px")}}}function matrix(e,t){var o="";if(typeof e==="string"){o=e}else{do{var n=css(e,"transform");if(n&&n!=="none"){o=n+" "+o}}while(!t&&(e=e.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(o)}function find(e,t,o){if(e){var n=e.getElementsByTagName(t),r=0,i=n.length;if(o){for(;r<i;r++){o(n[r],r)}}return n}return[]}function getWindowScrollingElement(){var e=document.scrollingElement;if(e){return e}else{return document.documentElement}}function getRect(e,t,o,n,r){if(!e.getBoundingClientRect&&e!==window)return;var i,s,l,a,c,d,u;if(e!==window&&e.parentNode&&e!==getWindowScrollingElement()){i=e.getBoundingClientRect();s=i.top;l=i.left;a=i.bottom;c=i.right;d=i.height;u=i.width}else{s=0;l=0;a=window.innerHeight;c=window.innerWidth;d=window.innerHeight;u=window.innerWidth}if((t||o)&&e!==window){r=r||e.parentNode;if(!IE11OrLess){do{if(r&&r.getBoundingClientRect&&(css(r,"transform")!=="none"||o&&css(r,"position")!=="static")){var f=r.getBoundingClientRect();s-=f.top+parseInt(css(r,"border-top-width"));l-=f.left+parseInt(css(r,"border-left-width"));a=s+i.height;c=l+i.width;break}}while(r=r.parentNode)}}if(n&&e!==window){var h=matrix(r||e),v=h&&h.a,p=h&&h.d;if(h){s/=p;l/=v;u/=v;d/=p;a=s+d;c=l+u}}return{top:s,left:l,bottom:a,right:c,width:u,height:d}}function isScrolledPast(e,t,o){var n=getParentAutoScrollElement(e,true),r=getRect(e)[t];while(n){var i=getRect(n)[o],s=void 0;if(o==="top"||o==="left"){s=r>=i}else{s=r<=i}if(!s)return n;if(n===getWindowScrollingElement())break;n=getParentAutoScrollElement(n,false)}return false}function getChild(e,t,o,n){var r=0,i=0,s=e.children;while(i<s.length){if(s[i].style.display!=="none"&&s[i]!==Sortable.ghost&&(n||s[i]!==Sortable.dragged)&&closest(s[i],o.draggable,e,false)){if(r===t){return s[i]}r++}i++}return null}function lastChild(e,t){var o=e.lastElementChild;while(o&&(o===Sortable.ghost||css(o,"display")==="none"||t&&!matches(o,t))){o=o.previousElementSibling}return o||null}function index(e,t){var o=0;if(!e||!e.parentNode){return-1}while(e=e.previousElementSibling){if(e.nodeName.toUpperCase()!=="TEMPLATE"&&e!==Sortable.clone&&(!t||matches(e,t))){o++}}return o}function getRelativeScrollOffset(e){var t=0,o=0,n=getWindowScrollingElement();if(e){do{var r=matrix(e),i=r.a,s=r.d;t+=e.scrollLeft*i;o+=e.scrollTop*s}while(e!==n&&(e=e.parentNode))}return[t,o]}function indexOfObject(e,t){for(var o in e){if(!e.hasOwnProperty(o))continue;for(var n in t){if(t.hasOwnProperty(n)&&t[n]===e[o][n])return Number(o)}}return-1}function getParentAutoScrollElement(e,t){if(!e||!e.getBoundingClientRect)return getWindowScrollingElement();var o=e;var n=false;do{if(o.clientWidth<o.scrollWidth||o.clientHeight<o.scrollHeight){var r=css(o);if(o.clientWidth<o.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||o.clientHeight<o.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!o.getBoundingClientRect||o===document.body)return getWindowScrollingElement();if(n||t)return o;n=true}}}while(o=o.parentNode);return getWindowScrollingElement()}function extend(e,t){if(e&&t){for(var o in t){if(t.hasOwnProperty(o)){e[o]=t[o]}}}return e}function isRectEqual(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 _throttleTimeout;function throttle(e,t){return function(){if(!_throttleTimeout){var o=arguments,n=this;if(o.length===1){e.call(n,o[0])}else{e.apply(n,o)}_throttleTimeout=setTimeout((function(){_throttleTimeout=void 0}),t)}}}function cancelThrottle(){clearTimeout(_throttleTimeout);_throttleTimeout=void 0}function scrollBy(e,t,o){e.scrollLeft+=t;e.scrollTop+=o}function clone(e){var t=window.Polymer;var o=window.jQuery||window.Zepto;if(t&&t.dom){return t.dom(e).cloneNode(true)}else if(o){return o(e).clone(true)[0]}else{return e.cloneNode(true)}}function getChildContainingRectFromElement(e,t,o){var n={};Array.from(e.children).forEach((function(r){var i,s,l,a;if(!closest(r,t.draggable,e,false)||r.animated||r===o)return;var c=getRect(r);n.left=Math.min((i=n.left)!==null&&i!==void 0?i:Infinity,c.left);n.top=Math.min((s=n.top)!==null&&s!==void 0?s:Infinity,c.top);n.right=Math.max((l=n.right)!==null&&l!==void 0?l:-Infinity,c.right);n.bottom=Math.max((a=n.bottom)!==null&&a!==void 0?a:-Infinity,c.bottom)}));n.width=n.right-n.left;n.height=n.bottom-n.top;n.x=n.left;n.y=n.top;return n}var expando="Sortable"+(new Date).getTime();function AnimationStateManager(){var e=[],t;return{captureAnimationState:function t(){e=[];if(!this.options.animation)return;var o=[].slice.call(this.el.children);o.forEach((function(t){if(css(t,"display")==="none"||t===Sortable.ghost)return;e.push({target:t,rect:getRect(t)});var o=_objectSpread2({},e[e.length-1].rect);if(t.thisAnimationDuration){var n=matrix(t,true);if(n){o.top-=n.f;o.left-=n.e}}t.fromRect=o}))},addAnimationState:function t(o){e.push(o)},removeAnimationState:function t(o){e.splice(indexOfObject(e,{target:o}),1)},animateAll:function o(n){var r=this;if(!this.options.animation){clearTimeout(t);if(typeof n==="function")n();return}var i=false,s=0;e.forEach((function(e){var t=0,o=e.target,n=o.fromRect,l=getRect(o),a=o.prevFromRect,c=o.prevToRect,d=e.rect,u=matrix(o,true);if(u){l.top-=u.f;l.left-=u.e}o.toRect=l;if(o.thisAnimationDuration){if(isRectEqual(a,l)&&!isRectEqual(n,l)&&(d.top-l.top)/(d.left-l.left)===(n.top-l.top)/(n.left-l.left)){t=calculateRealTime(d,a,c,r.options)}}if(!isRectEqual(l,n)){o.prevFromRect=n;o.prevToRect=l;if(!t){t=r.options.animation}r.animate(o,d,l,t)}if(t){i=true;s=Math.max(s,t);clearTimeout(o.animationResetTimer);o.animationResetTimer=setTimeout((function(){o.animationTime=0;o.prevFromRect=null;o.fromRect=null;o.prevToRect=null;o.thisAnimationDuration=null}),t);o.thisAnimationDuration=t}}));clearTimeout(t);if(!i){if(typeof n==="function")n()}else{t=setTimeout((function(){if(typeof n==="function")n()}),s)}e=[]},animate:function e(t,o,n,r){if(r){css(t,"transition","");css(t,"transform","");var i=matrix(this.el),s=i&&i.a,l=i&&i.d,a=(o.left-n.left)/(s||1),c=(o.top-n.top)/(l||1);t.animatingX=!!a;t.animatingY=!!c;css(t,"transform","translate3d("+a+"px,"+c+"px,0)");this.forRepaintDummy=repaint(t);css(t,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));css(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){css(t,"transition","");css(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),r)}}}}function repaint(e){return e.offsetWidth}function calculateRealTime(e,t,o,n){return Math.sqrt(Math.pow(t.top-e.top,2)+Math.pow(t.left-e.left,2))/Math.sqrt(Math.pow(t.top-o.top,2)+Math.pow(t.left-o.left,2))*n.animation}var plugins=[];var defaults={initializeByDefault:true};var PluginManager={mount:function e(t){for(var o in defaults){if(defaults.hasOwnProperty(o)&&!(o in t)){t[o]=defaults[o]}}plugins.forEach((function(e){if(e.pluginName===t.pluginName){throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")}}));plugins.push(t)},pluginEvent:function e(t,o,n){var r=this;this.eventCanceled=false;n.cancel=function(){r.eventCanceled=true};var i=t+"Global";plugins.forEach((function(e){if(!o[e.pluginName])return;if(o[e.pluginName][i]){o[e.pluginName][i](_objectSpread2({sortable:o},n))}if(o.options[e.pluginName]&&o[e.pluginName][t]){o[e.pluginName][t](_objectSpread2({sortable:o},n))}}))},initializePlugins:function e(t,o,n,r){plugins.forEach((function(e){var r=e.pluginName;if(!t.options[r]&&!e.initializeByDefault)return;var i=new e(t,o,t.options);i.sortable=t;i.options=t.options;t[r]=i;_extends(n,i.defaults)}));for(var i in t.options){if(!t.options.hasOwnProperty(i))continue;var s=this.modifyOption(t,i,t.options[i]);if(typeof s!=="undefined"){t.options[i]=s}}},getEventProperties:function e(t,o){var n={};plugins.forEach((function(e){if(typeof e.eventProperties!=="function")return;_extends(n,e.eventProperties.call(o[e.pluginName],t))}));return n},modifyOption:function e(t,o,n){var r;plugins.forEach((function(e){if(!t[e.pluginName])return;if(e.optionListeners&&typeof e.optionListeners[o]==="function"){r=e.optionListeners[o].call(t[e.pluginName],n)}}));return r}};function dispatchEvent(e){var t=e.sortable,o=e.rootEl,n=e.name,r=e.targetEl,i=e.cloneEl,s=e.toEl,l=e.fromEl,a=e.oldIndex,c=e.newIndex,d=e.oldDraggableIndex,u=e.newDraggableIndex,f=e.originalEvent,h=e.putSortable,v=e.extraEventProperties;t=t||o&&o[expando];if(!t)return;var p,g=t.options,m="on"+n.charAt(0).toUpperCase()+n.substr(1);if(window.CustomEvent&&!IE11OrLess&&!Edge){p=new CustomEvent(n,{bubbles:true,cancelable:true})}else{p=document.createEvent("Event");p.initEvent(n,true,true)}p.to=s||o;p.from=l||o;p.item=r||o;p.clone=i;p.oldIndex=a;p.newIndex=c;p.oldDraggableIndex=d;p.newDraggableIndex=u;p.originalEvent=f;p.pullMode=h?h.lastPutMode:undefined;var b=_objectSpread2(_objectSpread2({},v),PluginManager.getEventProperties(n,t));for(var x in b){p[x]=b[x]}if(o){o.dispatchEvent(p)}if(g[m]){g[m].call(t,p)}}var _excluded=["evt"];var pluginEvent=function e(t,o){var n=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},r=n.evt,i=_objectWithoutProperties(n,_excluded);PluginManager.pluginEvent.bind(Sortable)(t,o,_objectSpread2({dragEl:dragEl,parentEl:parentEl,ghostEl:ghostEl,rootEl:rootEl,nextEl:nextEl,lastDownEl:lastDownEl,cloneEl:cloneEl,cloneHidden:cloneHidden,dragStarted:moved,putSortable:putSortable,activeSortable:Sortable.active,originalEvent:r,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex,hideGhostForTarget:_hideGhostForTarget,unhideGhostForTarget:_unhideGhostForTarget,cloneNowHidden:function e(){cloneHidden=true},cloneNowShown:function e(){cloneHidden=false},dispatchSortableEvent:function e(t){_dispatchEvent({sortable:o,name:t,originalEvent:r})}},i))};function _dispatchEvent(e){dispatchEvent(_objectSpread2({putSortable:putSortable,cloneEl:cloneEl,targetEl:dragEl,rootEl:rootEl,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex},e))}var dragEl,parentEl,ghostEl,rootEl,nextEl,lastDownEl,cloneEl,cloneHidden,oldIndex,newIndex,oldDraggableIndex,newDraggableIndex,activeGroup,putSortable,awaitingDragStarted=false,ignoreNextClick=false,sortables=[],tapEvt,touchEvt,lastDx,lastDy,tapDistanceLeft,tapDistanceTop,moved,lastTarget,lastDirection,pastFirstInvertThresh=false,isCircumstantialInvert=false,targetMoveDistance,ghostRelativeParent,ghostRelativeParentInitialScroll=[],_silent=false,savedInputChecked=[];var documentExists=typeof document!=="undefined",PositionGhostAbsolutely=IOS,CSSFloatProperty=Edge||IE11OrLess?"cssFloat":"float",supportDraggable=documentExists&&!ChromeForAndroid&&!IOS&&"draggable"in document.createElement("div"),supportCssPointerEvents=function(){if(!documentExists)return;if(IE11OrLess){return false}var e=document.createElement("x");e.style.cssText="pointer-events:auto";return e.style.pointerEvents==="auto"}(),_detectDirection=function e(t,o){var n=css(t),r=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=getChild(t,0,o),s=getChild(t,1,o),l=i&&css(i),a=s&&css(s),c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+getRect(i).width,d=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+getRect(s).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(i&&l["float"]&&l["float"]!=="none"){var u=l["float"]==="left"?"left":"right";return s&&(a.clear==="both"||a.clear===u)?"vertical":"horizontal"}return i&&(l.display==="block"||l.display==="flex"||l.display==="table"||l.display==="grid"||c>=r&&n[CSSFloatProperty]==="none"||s&&n[CSSFloatProperty]==="none"&&c+d>r)?"vertical":"horizontal"},_dragElInRowColumn=function e(t,o,n){var r=n?t.left:t.top,i=n?t.right:t.bottom,s=n?t.width:t.height,l=n?o.left:o.top,a=n?o.right:o.bottom,c=n?o.width:o.height;return r===l||i===a||r+s/2===l+c/2},_detectNearestEmptySortable=function e(t,o){var n;sortables.some((function(e){var r=e[expando].options.emptyInsertThreshold;if(!r||lastChild(e))return;var i=getRect(e),s=t>=i.left-r&&t<=i.right+r,l=o>=i.top-r&&o<=i.bottom+r;if(s&&l){return n=e}}));return n},_prepareGroup=function e(t){function o(e,t){return function(n,r,i,s){var l=n.options.group.name&&r.options.group.name&&n.options.group.name===r.options.group.name;if(e==null&&(t||l)){return true}else if(e==null||e===false){return false}else if(t&&e==="clone"){return e}else if(typeof e==="function"){return o(e(n,r,i,s),t)(n,r,i,s)}else{var a=(t?n:r).options.group.name;return e===true||typeof e==="string"&&e===a||e.join&&e.indexOf(a)>-1}}}var n={};var r=t.group;if(!r||_typeof(r)!="object"){r={name:r}}n.name=r.name;n.checkPull=o(r.pull,true);n.checkPut=o(r.put);n.revertClone=r.revertClone;t.group=n},_hideGhostForTarget=function e(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","none")}},_unhideGhostForTarget=function e(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","")}};if(documentExists&&!ChromeForAndroid){document.addEventListener("click",(function(e){if(ignoreNextClick){e.preventDefault();e.stopPropagation&&e.stopPropagation();e.stopImmediatePropagation&&e.stopImmediatePropagation();ignoreNextClick=false;return false}}),true)}var nearestEmptyInsertDetectEvent=function e(t){if(dragEl){t=t.touches?t.touches[0]:t;var o=_detectNearestEmptySortable(t.clientX,t.clientY);if(o){var n={};for(var r in t){if(t.hasOwnProperty(r)){n[r]=t[r]}}n.target=n.rootEl=o;n.preventDefault=void 0;n.stopPropagation=void 0;o[expando]._onDragOver(n)}}};var _checkOutsideTargetEl=function e(t){if(dragEl){dragEl.parentNode[expando]._isOutsideThisEl(t.target)}};function Sortable(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=_extends({},t);e[expando]=this;var o={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 t(){return _detectDirection(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function e(t,o){t.setData("Text",o.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:Sortable.supportPointer!==false&&"PointerEvent"in window&&(!Safari||IOS),emptyInsertThreshold:5};PluginManager.initializePlugins(this,e,o);for(var n in o){!(n in t)&&(t[n]=o[n])}_prepareGroup(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:supportDraggable;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(t.supportPointer){on(e,"pointerdown",this._onTapStart)}else{on(e,"mousedown",this._onTapStart);on(e,"touchstart",this._onTapStart)}if(this.nativeDraggable){on(e,"dragover",this);on(e,"dragenter",this)}sortables.push(this.el);t.store&&t.store.get&&this.sort(t.store.get(this)||[]);_extends(this,AnimationStateManager())}Sortable.prototype={constructor:Sortable,_isOutsideThisEl:function e(t){if(!this.el.contains(t)&&t!==this.el){lastTarget=null}},_getDirection:function e(t,o){return typeof this.options.direction==="function"?this.options.direction.call(this,t,o,dragEl):this.options.direction},_onTapStart:function e(t){if(!t.cancelable)return;var o=this,n=this.el,r=this.options,i=r.preventOnFilter,s=t.type,l=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,a=(l||t).target,c=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||a,d=r.filter;_saveInputCheckedState(n);if(dragEl){return}if(/mousedown|pointerdown/.test(s)&&t.button!==0||r.disabled){return}if(c.isContentEditable){return}if(!this.nativeDraggable&&Safari&&a&&a.tagName.toUpperCase()==="SELECT"){return}a=closest(a,r.draggable,n,false);if(a&&a.animated){return}if(lastDownEl===a){return}oldIndex=index(a);oldDraggableIndex=index(a,r.draggable);if(typeof d==="function"){if(d.call(this,t,a,this)){_dispatchEvent({sortable:o,rootEl:c,name:"filter",targetEl:a,toEl:n,fromEl:n});pluginEvent("filter",o,{evt:t});i&&t.preventDefault();return}}else if(d){d=d.split(",").some((function(e){e=closest(c,e.trim(),n,false);if(e){_dispatchEvent({sortable:o,rootEl:e,name:"filter",targetEl:a,fromEl:n,toEl:n});pluginEvent("filter",o,{evt:t});return true}}));if(d){i&&t.preventDefault();return}}if(r.handle&&!closest(c,r.handle,n,false)){return}this._prepareDragStart(t,l,a)},_prepareDragStart:function e(t,o,n){var r=this,i=r.el,s=r.options,l=i.ownerDocument,a;if(n&&!dragEl&&n.parentNode===i){var c=getRect(n);rootEl=i;dragEl=n;parentEl=dragEl.parentNode;nextEl=dragEl.nextSibling;lastDownEl=n;activeGroup=s.group;Sortable.dragged=dragEl;tapEvt={target:dragEl,clientX:(o||t).clientX,clientY:(o||t).clientY};tapDistanceLeft=tapEvt.clientX-c.left;tapDistanceTop=tapEvt.clientY-c.top;this._lastX=(o||t).clientX;this._lastY=(o||t).clientY;dragEl.style["will-change"]="all";a=function e(){pluginEvent("delayEnded",r,{evt:t});if(Sortable.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!FireFox&&r.nativeDraggable){dragEl.draggable=true}r._triggerDragStart(t,o);_dispatchEvent({sortable:r,name:"choose",originalEvent:t});toggleClass(dragEl,s.chosenClass,true)};s.ignore.split(",").forEach((function(e){find(dragEl,e.trim(),_disableDraggable)}));on(l,"dragover",nearestEmptyInsertDetectEvent);on(l,"mousemove",nearestEmptyInsertDetectEvent);on(l,"touchmove",nearestEmptyInsertDetectEvent);if(s.supportPointer){on(l,"pointerup",r._onDrop);!this.nativeDraggable&&on(l,"pointercancel",r._onDrop)}else{on(l,"mouseup",r._onDrop);on(l,"touchend",r._onDrop);on(l,"touchcancel",r._onDrop)}if(FireFox&&this.nativeDraggable){this.options.touchStartThreshold=4;dragEl.draggable=true}pluginEvent("delayStart",this,{evt:t});if(s.delay&&(!s.delayOnTouchOnly||o)&&(!this.nativeDraggable||!(Edge||IE11OrLess))){if(Sortable.eventCanceled){this._onDrop();return}if(s.supportPointer){on(l,"pointerup",r._disableDelayedDrag);on(l,"pointercancel",r._disableDelayedDrag)}else{on(l,"mouseup",r._disableDelayedDrag);on(l,"touchend",r._disableDelayedDrag);on(l,"touchcancel",r._disableDelayedDrag)}on(l,"mousemove",r._delayedDragTouchMoveHandler);on(l,"touchmove",r._delayedDragTouchMoveHandler);s.supportPointer&&on(l,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(a,s.delay)}else{a()}}},_delayedDragTouchMoveHandler:function e(t){var o=t.touches?t.touches[0]:t;if(Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function e(){dragEl&&_disableDraggable(dragEl);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function e(){var t=this.el.ownerDocument;off(t,"mouseup",this._disableDelayedDrag);off(t,"touchend",this._disableDelayedDrag);off(t,"touchcancel",this._disableDelayedDrag);off(t,"pointerup",this._disableDelayedDrag);off(t,"pointercancel",this._disableDelayedDrag);off(t,"mousemove",this._delayedDragTouchMoveHandler);off(t,"touchmove",this._delayedDragTouchMoveHandler);off(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function e(t,o){o=o||t.pointerType=="touch"&&t;if(!this.nativeDraggable||o){if(this.options.supportPointer){on(document,"pointermove",this._onTouchMove)}else if(o){on(document,"touchmove",this._onTouchMove)}else{on(document,"mousemove",this._onTouchMove)}}else{on(dragEl,"dragend",this);on(rootEl,"dragstart",this._onDragStart)}try{if(document.selection){_nextTick((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(e){}},_dragStarted:function e(t,o){awaitingDragStarted=false;if(rootEl&&dragEl){pluginEvent("dragStarted",this,{evt:o});if(this.nativeDraggable){on(document,"dragover",_checkOutsideTargetEl)}var n=this.options;!t&&toggleClass(dragEl,n.dragClass,false);toggleClass(dragEl,n.ghostClass,true);Sortable.active=this;t&&this._appendGhost();_dispatchEvent({sortable:this,name:"start",originalEvent:o})}else{this._nulling()}},_emulateDragOver:function e(){if(touchEvt){this._lastX=touchEvt.clientX;this._lastY=touchEvt.clientY;_hideGhostForTarget();var t=document.elementFromPoint(touchEvt.clientX,touchEvt.clientY);var o=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(touchEvt.clientX,touchEvt.clientY);if(t===o)break;o=t}dragEl.parentNode[expando]._isOutsideThisEl(t);if(o){do{if(o[expando]){var n=void 0;n=o[expando]._onDragOver({clientX:touchEvt.clientX,clientY:touchEvt.clientY,target:t,rootEl:o});if(n&&!this.options.dragoverBubble){break}}t=o}while(o=getParentOrHost(o))}_unhideGhostForTarget()}},_onTouchMove:function e(t){if(tapEvt){var o=this.options,n=o.fallbackTolerance,r=o.fallbackOffset,i=t.touches?t.touches[0]:t,s=ghostEl&&matrix(ghostEl,true),l=ghostEl&&s&&s.a,a=ghostEl&&s&&s.d,c=PositionGhostAbsolutely&&ghostRelativeParent&&getRelativeScrollOffset(ghostRelativeParent),d=(i.clientX-tapEvt.clientX+r.x)/(l||1)+(c?c[0]-ghostRelativeParentInitialScroll[0]:0)/(l||1),u=(i.clientY-tapEvt.clientY+r.y)/(a||1)+(c?c[1]-ghostRelativeParentInitialScroll[1]:0)/(a||1);if(!Sortable.active&&!awaitingDragStarted){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n){return}this._onDragStart(t,true)}if(ghostEl){if(s){s.e+=d-(lastDx||0);s.f+=u-(lastDy||0)}else{s={a:1,b:0,c:0,d:1,e:d,f:u}}var f="matrix(".concat(s.a,",").concat(s.b,",").concat(s.c,",").concat(s.d,",").concat(s.e,",").concat(s.f,")");css(ghostEl,"webkitTransform",f);css(ghostEl,"mozTransform",f);css(ghostEl,"msTransform",f);css(ghostEl,"transform",f);lastDx=d;lastDy=u;touchEvt=i}t.cancelable&&t.preventDefault()}},_appendGhost:function e(){if(!ghostEl){var t=this.options.fallbackOnBody?document.body:rootEl,o=getRect(dragEl,true,PositionGhostAbsolutely,true,t),n=this.options;if(PositionGhostAbsolutely){ghostRelativeParent=t;while(css(ghostRelativeParent,"position")==="static"&&css(ghostRelativeParent,"transform")==="none"&&ghostRelativeParent!==document){ghostRelativeParent=ghostRelativeParent.parentNode}if(ghostRelativeParent!==document.body&&ghostRelativeParent!==document.documentElement){if(ghostRelativeParent===document)ghostRelativeParent=getWindowScrollingElement();o.top+=ghostRelativeParent.scrollTop;o.left+=ghostRelativeParent.scrollLeft}else{ghostRelativeParent=getWindowScrollingElement()}ghostRelativeParentInitialScroll=getRelativeScrollOffset(ghostRelativeParent)}ghostEl=dragEl.cloneNode(true);toggleClass(ghostEl,n.ghostClass,false);toggleClass(ghostEl,n.fallbackClass,true);toggleClass(ghostEl,n.dragClass,true);css(ghostEl,"transition","");css(ghostEl,"transform","");css(ghostEl,"box-sizing","border-box");css(ghostEl,"margin",0);css(ghostEl,"top",o.top);css(ghostEl,"left",o.left);css(ghostEl,"width",o.width);css(ghostEl,"height",o.height);css(ghostEl,"opacity","0.8");css(ghostEl,"position",PositionGhostAbsolutely?"absolute":"fixed");css(ghostEl,"zIndex","100000");css(ghostEl,"pointerEvents","none");Sortable.ghost=ghostEl;t.appendChild(ghostEl);css(ghostEl,"transform-origin",tapDistanceLeft/parseInt(ghostEl.style.width)*100+"% "+tapDistanceTop/parseInt(ghostEl.style.height)*100+"%")}},_onDragStart:function e(t,o){var n=this;var r=t.dataTransfer;var i=n.options;pluginEvent("dragStart",this,{evt:t});if(Sortable.eventCanceled){this._onDrop();return}pluginEvent("setupClone",this);if(!Sortable.eventCanceled){cloneEl=clone(dragEl);cloneEl.removeAttribute("id");cloneEl.draggable=false;cloneEl.style["will-change"]="";this._hideClone();toggleClass(cloneEl,this.options.chosenClass,false);Sortable.clone=cloneEl}n.cloneId=_nextTick((function(){pluginEvent("clone",n);if(Sortable.eventCanceled)return;if(!n.options.removeCloneOnHide){rootEl.insertBefore(cloneEl,dragEl)}n._hideClone();_dispatchEvent({sortable:n,name:"clone"})}));!o&&toggleClass(dragEl,i.dragClass,true);if(o){ignoreNextClick=true;n._loopId=setInterval(n._emulateDragOver,50)}else{off(document,"mouseup",n._onDrop);off(document,"touchend",n._onDrop);off(document,"touchcancel",n._onDrop);if(r){r.effectAllowed="move";i.setData&&i.setData.call(n,r,dragEl)}on(document,"drop",n);css(dragEl,"transform","translateZ(0)")}awaitingDragStarted=true;n._dragStartId=_nextTick(n._dragStarted.bind(n,o,t));on(document,"selectstart",n);moved=true;window.getSelection().removeAllRanges();if(Safari){css(document.body,"user-select","none")}},_onDragOver:function e(t){var o=this.el,n=t.target,r,i,s,l=this.options,a=l.group,c=Sortable.active,d=activeGroup===a,u=l.sort,f=putSortable||c,h,v=this,p=false;if(_silent)return;function g(e,l){pluginEvent(e,v,_objectSpread2({evt:t,isOwner:d,axis:h?"vertical":"horizontal",revert:s,dragRect:r,targetRect:i,canSort:u,fromSortable:f,target:n,completed:b,onMove:function e(n,i){return _onMove(rootEl,o,dragEl,r,n,getRect(n),t,i)},changed:x},l))}function m(){g("dragOverAnimationCapture");v.captureAnimationState();if(v!==f){f.captureAnimationState()}}function b(e){g("dragOverCompleted",{insertion:e});if(e){if(d){c._hideClone()}else{c._showClone(v)}if(v!==f){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:c.options.ghostClass,false);toggleClass(dragEl,l.ghostClass,true)}if(putSortable!==v&&v!==Sortable.active){putSortable=v}else if(v===Sortable.active&&putSortable){putSortable=null}if(f===v){v._ignoreWhileAnimating=n}v.animateAll((function(){g("dragOverAnimationComplete");v._ignoreWhileAnimating=null}));if(v!==f){f.animateAll();f._ignoreWhileAnimating=null}}if(n===dragEl&&!dragEl.animated||n===o&&!n.animated){lastTarget=null}if(!l.dragoverBubble&&!t.rootEl&&n!==document){dragEl.parentNode[expando]._isOutsideThisEl(t.target);!e&&nearestEmptyInsertDetectEvent(t)}!l.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return p=true}function x(){newIndex=index(dragEl);newDraggableIndex=index(dragEl,l.draggable);_dispatchEvent({sortable:v,name:"change",toEl:o,newIndex:newIndex,newDraggableIndex:newDraggableIndex,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}n=closest(n,l.draggable,o,true);g("dragOver");if(Sortable.eventCanceled)return p;if(dragEl.contains(t.target)||n.animated&&n.animatingX&&n.animatingY||v._ignoreWhileAnimating===n){return b(false)}ignoreNextClick=false;if(c&&!l.disabled&&(d?u||(s=parentEl!==rootEl):putSortable===this||(this.lastPutMode=activeGroup.checkPull(this,c,dragEl,t))&&a.checkPut(this,c,dragEl,t))){h=this._getDirection(t,n)==="vertical";r=getRect(dragEl);g("dragOverValid");if(Sortable.eventCanceled)return p;if(s){parentEl=rootEl;m();this._hideClone();g("revert");if(!Sortable.eventCanceled){if(nextEl){rootEl.insertBefore(dragEl,nextEl)}else{rootEl.appendChild(dragEl)}}return b(true)}var E=lastChild(o,l.draggable);if(!E||_ghostIsLast(t,h,this)&&!E.animated){if(E===dragEl){return b(false)}if(E&&o===t.target){n=E}if(n){i=getRect(n)}if(_onMove(rootEl,o,dragEl,r,n,i,t,!!n)!==false){m();if(E&&E.nextSibling){o.insertBefore(dragEl,E.nextSibling)}else{o.appendChild(dragEl)}parentEl=o;x();return b(true)}}else if(E&&_ghostIsFirst(t,h,this)){var w=getChild(o,0,l,true);if(w===dragEl){return b(false)}n=w;i=getRect(n);if(_onMove(rootEl,o,dragEl,r,n,i,t,false)!==false){m();o.insertBefore(dragEl,w);parentEl=o;x();return b(true)}}else if(n.parentNode===o){i=getRect(n);var S=0,_,y=dragEl.parentNode!==o,I=!_dragElInRowColumn(dragEl.animated&&dragEl.toRect||r,n.animated&&n.toRect||i,h),C=h?"top":"left",k=isScrolledPast(n,"top","top")||isScrolledPast(dragEl,"top","top"),T=k?k.scrollTop:void 0;if(lastTarget!==n){_=i[C];pastFirstInvertThresh=false;isCircumstantialInvert=!I&&l.invertSwap||y}S=_getSwapDirection(t,n,i,h,I?1:l.swapThreshold,l.invertedSwapThreshold==null?l.swapThreshold:l.invertedSwapThreshold,isCircumstantialInvert,lastTarget===n);var q;if(S!==0){var D=index(dragEl);do{D-=S;q=parentEl.children[D]}while(q&&(css(q,"display")==="none"||q===ghostEl))}if(S===0||q===n){return b(false)}lastTarget=n;lastDirection=S;var M=n.nextElementSibling,R=false;R=S===1;var H=_onMove(rootEl,o,dragEl,r,n,i,t,R);if(H!==false){if(H===1||H===-1){R=H===1}_silent=true;setTimeout(_unsilent,30);m();if(R&&!M){o.appendChild(dragEl)}else{n.parentNode.insertBefore(dragEl,R?M:n)}if(k){scrollBy(k,0,T-k.scrollTop)}parentEl=dragEl.parentNode;if(_!==undefined&&!isCircumstantialInvert){targetMoveDistance=Math.abs(_-getRect(n)[C])}x();return b(true)}}if(o.contains(dragEl)){return b(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function e(){off(document,"mousemove",this._onTouchMove);off(document,"touchmove",this._onTouchMove);off(document,"pointermove",this._onTouchMove);off(document,"dragover",nearestEmptyInsertDetectEvent);off(document,"mousemove",nearestEmptyInsertDetectEvent);off(document,"touchmove",nearestEmptyInsertDetectEvent)},_offUpEvents:function e(){var t=this.el.ownerDocument;off(t,"mouseup",this._onDrop);off(t,"touchend",this._onDrop);off(t,"pointerup",this._onDrop);off(t,"pointercancel",this._onDrop);off(t,"touchcancel",this._onDrop);off(document,"selectstart",this)},_onDrop:function e(t){var o=this.el,n=this.options;newIndex=index(dragEl);newDraggableIndex=index(dragEl,n.draggable);pluginEvent("drop",this,{evt:t});parentEl=dragEl&&dragEl.parentNode;newIndex=index(dragEl);newDraggableIndex=index(dragEl,n.draggable);if(Sortable.eventCanceled){this._nulling();return}awaitingDragStarted=false;isCircumstantialInvert=false;pastFirstInvertThresh=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);_cancelNextTick(this.cloneId);_cancelNextTick(this._dragStartId);if(this.nativeDraggable){off(document,"drop",this);off(o,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(Safari){css(document.body,"user-select","")}css(dragEl,"transform","");if(t){if(moved){t.cancelable&&t.preventDefault();!n.dropBubble&&t.stopPropagation()}ghostEl&&ghostEl.parentNode&&ghostEl.parentNode.removeChild(ghostEl);if(rootEl===parentEl||putSortable&&putSortable.lastPutMode!=="clone"){cloneEl&&cloneEl.parentNode&&cloneEl.parentNode.removeChild(cloneEl)}if(dragEl){if(this.nativeDraggable){off(dragEl,"dragend",this)}_disableDraggable(dragEl);dragEl.style["will-change"]="";if(moved&&!awaitingDragStarted){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:this.options.ghostClass,false)}toggleClass(dragEl,this.options.chosenClass,false);_dispatchEvent({sortable:this,name:"unchoose",toEl:parentEl,newIndex:null,newDraggableIndex:null,originalEvent:t});if(rootEl!==parentEl){if(newIndex>=0){_dispatchEvent({rootEl:parentEl,name:"add",toEl:parentEl,fromEl:rootEl,originalEvent:t});_dispatchEvent({sortable:this,name:"remove",toEl:parentEl,originalEvent:t});_dispatchEvent({rootEl:parentEl,name:"sort",toEl:parentEl,fromEl:rootEl,originalEvent:t});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:t})}putSortable&&putSortable.save()}else{if(newIndex!==oldIndex){if(newIndex>=0){_dispatchEvent({sortable:this,name:"update",toEl:parentEl,originalEvent:t});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:t})}}}if(Sortable.active){if(newIndex==null||newIndex===-1){newIndex=oldIndex;newDraggableIndex=oldDraggableIndex}_dispatchEvent({sortable:this,name:"end",toEl:parentEl,originalEvent:t});this.save()}}}this._nulling()},_nulling:function e(){pluginEvent("nulling",this);rootEl=dragEl=parentEl=ghostEl=nextEl=cloneEl=lastDownEl=cloneHidden=tapEvt=touchEvt=moved=newIndex=newDraggableIndex=oldIndex=oldDraggableIndex=lastTarget=lastDirection=putSortable=activeGroup=Sortable.dragged=Sortable.ghost=Sortable.clone=Sortable.active=null;savedInputChecked.forEach((function(e){e.checked=true}));savedInputChecked.length=lastDx=lastDy=0},handleEvent:function e(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(dragEl){this._onDragOver(t);_globalDragOver(t)}break;case"selectstart":t.preventDefault();break}},toArray:function e(){var t=[],o,n=this.el.children,r=0,i=n.length,s=this.options;for(;r<i;r++){o=n[r];if(closest(o,s.draggable,this.el,false)){t.push(o.getAttribute(s.dataIdAttr)||_generateId(o))}}return t},sort:function e(t,o){var n={},r=this.el;this.toArray().forEach((function(e,t){var o=r.children[t];if(closest(o,this.options.draggable,r,false)){n[e]=o}}),this);o&&this.captureAnimationState();t.forEach((function(e){if(n[e]){r.removeChild(n[e]);r.appendChild(n[e])}}));o&&this.animateAll()},save:function e(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function e(t,o){return closest(t,o||this.options.draggable,this.el,false)},option:function e(t,o){var n=this.options;if(o===void 0){return n[t]}else{var r=PluginManager.modifyOption(this,t,o);if(typeof r!=="undefined"){n[t]=r}else{n[t]=o}if(t==="group"){_prepareGroup(n)}}},destroy:function e(){pluginEvent("destroy",this);var t=this.el;t[expando]=null;off(t,"mousedown",this._onTapStart);off(t,"touchstart",this._onTapStart);off(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){off(t,"dragover",this);off(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(e){e.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();sortables.splice(sortables.indexOf(this.el),1);this.el=t=null},_hideClone:function e(){if(!cloneHidden){pluginEvent("hideClone",this);if(Sortable.eventCanceled)return;css(cloneEl,"display","none");if(this.options.removeCloneOnHide&&cloneEl.parentNode){cloneEl.parentNode.removeChild(cloneEl)}cloneHidden=true}},_showClone:function e(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(cloneHidden){pluginEvent("showClone",this);if(Sortable.eventCanceled)return;if(dragEl.parentNode==rootEl&&!this.options.group.revertClone){rootEl.insertBefore(cloneEl,dragEl)}else if(nextEl){rootEl.insertBefore(cloneEl,nextEl)}else{rootEl.appendChild(cloneEl)}if(this.options.group.revertClone){this.animate(dragEl,cloneEl)}css(cloneEl,"display","");cloneHidden=false}}};function _globalDragOver(e){if(e.dataTransfer){e.dataTransfer.dropEffect="move"}e.cancelable&&e.preventDefault()}function _onMove(e,t,o,n,r,i,s,l){var a,c=e[expando],d=c.options.onMove,u;if(window.CustomEvent&&!IE11OrLess&&!Edge){a=new CustomEvent("move",{bubbles:true,cancelable:true})}else{a=document.createEvent("Event");a.initEvent("move",true,true)}a.to=t;a.from=e;a.dragged=o;a.draggedRect=n;a.related=r||t;a.relatedRect=i||getRect(t);a.willInsertAfter=l;a.originalEvent=s;e.dispatchEvent(a);if(d){u=d.call(c,a,s)}return u}function _disableDraggable(e){e.draggable=false}function _unsilent(){_silent=false}function _ghostIsFirst(e,t,o){var n=getRect(getChild(o.el,0,o.options,true));var r=getChildContainingRectFromElement(o.el,o.options,ghostEl);var i=10;return t?e.clientX<r.left-i||e.clientY<n.top&&e.clientX<n.right:e.clientY<r.top-i||e.clientY<n.bottom&&e.clientX<n.left}function _ghostIsLast(e,t,o){var n=getRect(lastChild(o.el,o.options.draggable));var r=getChildContainingRectFromElement(o.el,o.options,ghostEl);var i=10;return t?e.clientX>r.right+i||e.clientY>n.bottom&&e.clientX>n.left:e.clientY>r.bottom+i||e.clientX>n.right&&e.clientY>n.top}function _getSwapDirection(e,t,o,n,r,i,s,l){var a=n?e.clientY:e.clientX,c=n?o.height:o.width,d=n?o.top:o.left,u=n?o.bottom:o.right,f=false;if(!s){if(l&&targetMoveDistance<c*r){if(!pastFirstInvertThresh&&(lastDirection===1?a>d+c*i/2:a<u-c*i/2)){pastFirstInvertThresh=true}if(!pastFirstInvertThresh){if(lastDirection===1?a<d+targetMoveDistance:a>u-targetMoveDistance){return-lastDirection}}else{f=true}}else{if(a>d+c*(1-r)/2&&a<u-c*(1-r)/2){return _getInsertDirection(t)}}}f=f||s;if(f){if(a<d+c*i/2||a>u-c*i/2){return a>d+c/2?1:-1}}return 0}function _getInsertDirection(e){if(index(dragEl)<index(e)){return 1}else{return-1}}function _generateId(e){var t=e.tagName+e.className+e.src+e.href+e.textContent,o=t.length,n=0;while(o--){n+=t.charCodeAt(o)}return n.toString(36)}function _saveInputCheckedState(e){savedInputChecked.length=0;var t=e.getElementsByTagName("input");var o=t.length;while(o--){var n=t[o];n.checked&&savedInputChecked.push(n)}}function _nextTick(e){return setTimeout(e,0)}function _cancelNextTick(e){return clearTimeout(e)}if(documentExists){on(document,"touchmove",(function(e){if((Sortable.active||awaitingDragStarted)&&e.cancelable){e.preventDefault()}}))}Sortable.utils={on:on,off:off,css:css,find:find,is:function e(t,o){return!!closest(t,o,t,false)},extend:extend,throttle:throttle,closest:closest,toggleClass:toggleClass,clone:clone,index:index,nextTick:_nextTick,cancelNextTick:_cancelNextTick,detectDirection:_detectDirection,getChild:getChild,expando:expando};Sortable.get=function(e){return e[expando]};Sortable.mount=function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++){t[o]=arguments[o]}if(t[0].constructor===Array)t=t[0];t.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)Sortable.utils=_objectSpread2(_objectSpread2({},Sortable.utils),e.utils);PluginManager.mount(e)}))};Sortable.create=function(e,t){return new Sortable(e,t)};Sortable.version=version;var autoScrolls=[],scrollEl,scrollRootEl,scrolling=false,lastAutoScrollX,lastAutoScrollY,touchEvt$1,pointerElemChangedInterval;function AutoScrollPlugin(){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(t){var o=t.originalEvent;if(this.sortable.nativeDraggable){on(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){on(document,"pointermove",this._handleFallbackAutoScroll)}else if(o.touches){on(document,"touchmove",this._handleFallbackAutoScroll)}else{on(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function e(t){var o=t.originalEvent;if(!this.options.dragOverBubble&&!o.rootEl){this._handleAutoScroll(o)}},drop:function e(){if(this.sortable.nativeDraggable){off(document,"dragover",this._handleAutoScroll)}else{off(document,"pointermove",this._handleFallbackAutoScroll);off(document,"touchmove",this._handleFallbackAutoScroll);off(document,"mousemove",this._handleFallbackAutoScroll)}clearPointerElemChangedInterval();clearAutoScrolls();cancelThrottle()},nulling:function e(){touchEvt$1=scrollRootEl=scrollEl=scrolling=pointerElemChangedInterval=lastAutoScrollX=lastAutoScrollY=null;autoScrolls.length=0},_handleFallbackAutoScroll:function e(t){this._handleAutoScroll(t,true)},_handleAutoScroll:function e(t,o){var n=this;var r=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,s=document.elementFromPoint(r,i);touchEvt$1=t;if(o||this.options.forceAutoScrollFallback||Edge||IE11OrLess||Safari){autoScroll(t,this.options,s,o);var l=getParentAutoScrollElement(s,true);if(scrolling&&(!pointerElemChangedInterval||r!==lastAutoScrollX||i!==lastAutoScrollY)){pointerElemChangedInterval&&clearPointerElemChangedInterval();pointerElemChangedInterval=setInterval((function(){var e=getParentAutoScrollElement(document.elementFromPoint(r,i),true);if(e!==l){l=e;clearAutoScrolls()}autoScroll(t,n.options,e,o)}),10);lastAutoScrollX=r;lastAutoScrollY=i}}else{if(!this.options.bubbleScroll||getParentAutoScrollElement(s,true)===getWindowScrollingElement()){clearAutoScrolls();return}autoScroll(t,this.options,getParentAutoScrollElement(s,false),false)}}};return _extends(e,{pluginName:"scroll",initializeByDefault:true})}function clearAutoScrolls(){autoScrolls.forEach((function(e){clearInterval(e.pid)}));autoScrolls=[]}function clearPointerElemChangedInterval(){clearInterval(pointerElemChangedInterval)}var autoScroll=throttle((function(e,t,o,n){if(!t.scroll)return;var r=(e.touches?e.touches[0]:e).clientX,i=(e.touches?e.touches[0]:e).clientY,s=t.scrollSensitivity,l=t.scrollSpeed,a=getWindowScrollingElement();var c=false,d;if(scrollRootEl!==o){scrollRootEl=o;clearAutoScrolls();scrollEl=t.scroll;d=t.scrollFn;if(scrollEl===true){scrollEl=getParentAutoScrollElement(o,true)}}var u=0;var f=scrollEl;do{var h=f,v=getRect(h),p=v.top,g=v.bottom,m=v.left,b=v.right,x=v.width,E=v.height,w=void 0,S=void 0,_=h.scrollWidth,y=h.scrollHeight,I=css(h),C=h.scrollLeft,k=h.scrollTop;if(h===a){w=x<_&&(I.overflowX==="auto"||I.overflowX==="scroll"||I.overflowX==="visible");S=E<y&&(I.overflowY==="auto"||I.overflowY==="scroll"||I.overflowY==="visible")}else{w=x<_&&(I.overflowX==="auto"||I.overflowX==="scroll");S=E<y&&(I.overflowY==="auto"||I.overflowY==="scroll")}var T=w&&(Math.abs(b-r)<=s&&C+x<_)-(Math.abs(m-r)<=s&&!!C);var q=S&&(Math.abs(g-i)<=s&&k+E<y)-(Math.abs(p-i)<=s&&!!k);if(!autoScrolls[u]){for(var D=0;D<=u;D++){if(!autoScrolls[D]){autoScrolls[D]={}}}}if(autoScrolls[u].vx!=T||autoScrolls[u].vy!=q||autoScrolls[u].el!==h){autoScrolls[u].el=h;autoScrolls[u].vx=T;autoScrolls[u].vy=q;clearInterval(autoScrolls[u].pid);if(T!=0||q!=0){c=true;autoScrolls[u].pid=setInterval(function(){if(n&&this.layer===0){Sortable.active._onTouchMove(touchEvt$1)}var t=autoScrolls[this.layer].vy?autoScrolls[this.layer].vy*l:0;var o=autoScrolls[this.layer].vx?autoScrolls[this.layer].vx*l:0;if(typeof d==="function"){if(d.call(Sortable.dragged.parentNode[expando],o,t,e,touchEvt$1,autoScrolls[this.layer].el)!=="continue"){return}}scrollBy(autoScrolls[this.layer].el,o,t)}.bind({layer:u}),24)}}u++}while(t.bubbleScroll&&f!==a&&(f=getParentAutoScrollElement(f,false)));scrolling=c}),30);var drop=function e(t){var o=t.originalEvent,n=t.putSortable,r=t.dragEl,i=t.activeSortable,s=t.dispatchSortableEvent,l=t.hideGhostForTarget,a=t.unhideGhostForTarget;if(!o)return;var c=n||i;l();var d=o.changedTouches&&o.changedTouches.length?o.changedTouches[0]:o;var u=document.elementFromPoint(d.clientX,d.clientY);a();if(c&&!c.el.contains(u)){s("spill");this.onSpill({dragEl:r,putSortable:n})}};function Revert(){}Revert.prototype={startIndex:null,dragStart:function e(t){var o=t.oldDraggableIndex;this.startIndex=o},onSpill:function e(t){var o=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState();if(n){n.captureAnimationState()}var r=getChild(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(o,r)}else{this.sortable.el.appendChild(o)}this.sortable.animateAll();if(n){n.animateAll()}},drop:drop};_extends(Revert,{pluginName:"revertOnSpill"});function Remove(){}Remove.prototype={onSpill:function e(t){var o=t.dragEl,n=t.putSortable;var r=n||this.sortable;r.captureAnimationState();o.parentNode&&o.parentNode.removeChild(o);r.animateAll()},drop:drop};_extends(Remove,{pluginName:"removeOnSpill"});Sortable.mount(new AutoScrollPlugin);Sortable.mount(Remove,Revert);var verdocsTemplateRolesCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-roles{display:block;max-width:600px;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-roles .roles{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-top:10px}verdocs-template-roles .roles .sequence{gap:10px;height:34px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;padding:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;border-bottom:1px dotted #e3e3e3}verdocs-template-roles .roles .sequence.add-sequence{color:#777777;line-height:34px}verdocs-template-roles .roles .sequence-label{font-size:18px;line-height:32px}verdocs-template-roles .roles .sequence-roles{gap:10px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .roles .role{height:32px;cursor:move;display:-ms-flexbox;display:flex;max-width:200px;position:relative;border-radius:32px;background-color:#eff7fb;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 14px 0 34px;border:1px solid #ccc;-ms-flex-direction:column;flex-direction:column}verdocs-template-roles .roles .role .role-name{font-size:14px;overflow:hidden;font-weight:400;line-height:30px;white-space:nowrap;text-overflow:ellipsis}verdocs-template-roles .roles .role .icons{position:absolute;left:1px;top:-3px;cursor:pointer;padding:5px;z-index:10}verdocs-template-roles .roles .role .icons .gear-button{display:none;-webkit-transform:scale(1.1);transform:scale(1.1);margin:4px 0 0 1px}verdocs-template-roles .roles .role .icons .type-icon{opacity:0.6;display:block;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-roles .roles .role .icons:hover .gear-button{display:block}verdocs-template-roles .roles .role .icons:hover .type-icon{display:none}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{margin:0;padding:0;border:none;opacity:0.3;cursor:pointer;background:none;-webkit-transform:scale(0.75);transform:scale(0.75)}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-role svg{width:32px;height:32px}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:16px;height:16px;stroke:#666666;margin-bottom:2px;display:inline-block}verdocs-template-roles.dragging .roles .sequence.add-sequence .add-role,verdocs-template-roles.dragging .roles .sequence.add-sequence .add-step-label{display:none}verdocs-template-roles.dragging .roles .sequence.add-sequence .sequence-roles{display:-ms-flexbox;display:flex;min-width:150px;background:#e0e0e0}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}';var VerdocsTemplateRolesStyle0=verdocsTemplateRolesCss;var settingsIcon='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="#00000089"><path d="m8.021 17.917-.313-2.5q-.27-.125-.625-.334-.354-.208-.625-.395l-2.312.979-1.979-3.438 1.979-1.5q-.021-.167-.031-.364-.011-.198-.011-.365 0-.146.011-.344.01-.198.031-.385l-1.979-1.5 1.979-3.417 2.312.958q.271-.187.615-.385t.635-.344l.313-2.5h3.958l.313 2.5q.312.167.625.344.312.177.604.385l2.333-.958 1.979 3.417-1.979 1.521q.021.187.021.364V10q0 .146-.01.333-.011.188-.011.396l1.958 1.5-1.979 3.438-2.312-.979q-.292.208-.615.395-.323.188-.614.334l-.313 2.5Zm1.937-5.355q1.063 0 1.813-.75t.75-1.812q0-1.062-.75-1.812t-1.813-.75q-1.041 0-1.802.75-.76.75-.76 1.812t.76 1.812q.761.75 1.802.75Zm0-1.333q-.5 0-.864-.364-.365-.365-.365-.865t.365-.865q.364-.364.864-.364t.865.364q.365.365.365.865t-.365.865q-.365.364-.865.364ZM10.021 10Zm-.854 6.583h1.666l.25-2.187q.605-.167 1.136-.49.531-.323 1.031-.802l2.021.875.854-1.375-1.792-1.354q.105-.333.136-.635.031-.303.031-.615 0-.292-.031-.573-.031-.281-.115-.635l1.792-1.396-.834-1.375-2.062.875q-.438-.438-1.021-.781-.583-.344-1.125-.49l-.271-2.208H9.167l-.271 2.208q-.584.146-1.125.458-.542.313-1.042.792l-2.021-.854-.833 1.375 1.75 1.354q-.083.333-.125.646-.042.312-.042.604t.042.594q.042.302.125.635l-1.75 1.375.833 1.375 2.021-.854q.479.458 1.021.771.542.312 1.146.479Z"/></svg>';var plusIcon='<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>';var iconSigner='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>';var iconApprover='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>';var iconCC='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" /><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" /></svg>';var VerdocsTemplateRoles=function(){function e(e){registerInstance(this,e);this.next=createEvent(this,"next",7);this.exit=createEvent(this,"exit",7);this.sdkError=createEvent(this,"sdkError",7);this.rolesUpdated=createEvent(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="";this.showingRoleDialog=null;this.sender=null;this.dragging=false;this.loading=true;this.template=null}e.prototype.disconnectedCallback=function(){this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){console.log("[ROLES] Loading template",this.templateId);this.unlistenToTemplate();Store.subscribe("templates",this.templateId,(function(){return getTemplate(e.endpoint,e.templateId)}),false,(function(t){console.log("[ROLES] Template Updated",t);e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o;return __generator(this,(function(n){try{this.endpoint.loadSession();if(!this.templateId){console.log("[ROLES] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return[2]}this.listenToTemplate()}catch(n){console.log("[FIELDS] Error with preview session",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(o=n.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.componentDidRender=function(){var e=this;var t=this.getSequenceNumbers();(t||[]).forEach((function(t){var o=document.getElementById("verdocs-roles-sequence-".concat(t));if(o){new Sortable(o,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:e.handleMoveEnd.bind(e),onChoose:function(){return e.dragging=true},onUnchoose:function(){return e.dragging=false}})}}));var o=document.getElementById("verdocs-roles-sequence-".concat(t.length+1));if(o){new Sortable(o,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:this.handleMoveEnd.bind(this),onChoose:function(){return e.dragging=true},onUnchoose:function(){return e.dragging=false}})}};e.prototype.handleMoveEnd=function(e){var t=this;var o=+e.from.id.split("-").pop();var n=+e.to.id.split("-").pop();var r=+e.oldIndex+1;var i=+e.newIndex+1;var s={};var l=this.getSequenceNumbers();l.forEach((function(e){s[e]=JSON.parse(JSON.stringify(t.getRolesAtSequence(e)))}));s[l.length+1]=[];var a=s[o].splice(r-1,1)[0];s[n].splice(i-1,0,a);var c=[];Object.entries(s).forEach((function(e){var o=e[0],n=e[1];n.forEach((function(e,n){console.log("Evaluating role",e.name,e.sequence,e.order);var r=+n+1;if(e.sequence!==+o||e.order!==r){e.sequence=+o;e.order=r;c.push(updateTemplateRole(t.endpoint,t.templateId,e.name,{sequence:+o,order:r}).then((function(t){return console.log("[ROLES] Updated role",e.name,t)})).catch((function(e){return console.log("[ROLES] Error updating role",e)})))}}))}));console.log("[ROLES] Awaiting ".concat(c.length," renumber requests"),c);return Promise.all(c).then((function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=JSON.parse(JSON.stringify(this.template));e.roles=Object.keys(s).reduce((function(e,t){return e.concat(s[t])}),[]);return[4,Store.getTemplate(this.endpoint,this.templateId,true)];case 1:t.sent();return[2]}}))}))}))};e.prototype.handleCancel=function(){var e;(e=this.exit)===null||e===void 0?void 0:e.emit()};e.prototype.handleSubmit=function(){var e;(e=this.next)===null||e===void 0?void 0:e.emit()};e.prototype.getSortedRoles=function(){var e;return(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).sort((function(e,t){return e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence}))};e.prototype.getSequenceNumbers=function(){var e;var t=(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).map((function(e){return e.sequence}));var o=__spreadArray([],new Set(t),true);o.sort((function(e,t){return e-t}));return o};e.prototype.getRoleNames=function(){var e=this.getSortedRoles();return e.map((function(e){return e.name}))};e.prototype.getRolesAtSequence=function(e){var t;return(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).filter((function(t){return t&&t.sequence===e}))};e.prototype.renumberTemplateRoles=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o,n;var r=this;return __generator(this,(function(i){switch(i.label){case 0:t={};o=[];n=this.getSequenceNumbers();console.log("Sorting sequences",n);(n||[]).forEach((function(e){(t[e]||[]).forEach((function(t,n){var i=+n+1;if(t.sequence!==+e||t.order!==i){console.log("[ROLES] Updating role",t.name,"from",t.sequence,t.order,"to",e,i);t.sequence=+e;t.order=i;o.push(updateTemplateRole(r.endpoint,r.templateId,t.name,{sequence:+e,order:i}).then((function(e){return console.log("[ROLES] Updated role",t.name,e)})).catch((function(e){return console.log("[ROLES] Error updating role",e)})))}}))}));console.log("Sortable Roles",t);console.log("[ROLES] Awaiting ".concat(o.length," renumber requests"));return[4,Promise.all(o).then((function(){return __awaiter(r,void 0,void 0,(function(){var e;return __generator(this,(function(o){e=JSON.parse(JSON.stringify(this.template));e.roles=Object.keys(t).reduce((function(e,o){return e.concat(t[o])}),[]);console.log("[ROLES] Done renumbering",e.roles.map((function(e){return{name:e.name,sequence:e.sequence,order:e.order}})));Store.updateTemplate(this.templateId,e);return[2]}))}))}))];case 1:i.sent();(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"updated",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()});return[2]}}))}))};e.prototype.getNextRoleName=function(){var e,t;var o="";var n=(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).length;do{n++;o="Recipient ".concat(n)}while(!o||(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).some((function(e){return e&&e.name===o})));return o};e.prototype.callCreateRole=function(e,t,o){var n=this;console.log("[ROLES] Will create role",{name:e,sequence:t,order:o});createTemplateRole(this.endpoint,this.templateId,{template_id:this.templateId,name:e,sequence:t,message:"",order:o,full_name:null,first_name:"",last_name:"",email:"",phone:"",type:"signer",delegator:false,kba_method:null}).then((function(e){return __awaiter(n,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:console.log("[ROLES] Created role",e);console.log("Updating template in data store");return[4,Store.getTemplate(this.endpoint,this.templateId,true)];case 1:o.sent();(t=this.rolesUpdated)===null||t===void 0?void 0:t.emit({event:"added",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()});return[2]}}))}))})).catch((function(e){console.log("[ROLES] Error creating role",e)}))};e.prototype.handleAddRole=function(e,t){e.stopPropagation();var o=this.getRolesAtSequence(t).length+1;var n=this.getNextRoleName();this.callCreateRole(n,t,o)};e.prototype.handleAddStep=function(e,t){e.stopPropagation();var o=1;var n=this.getNextRoleName();this.callCreateRole(n,t,o)};e.prototype.render=function(){var e=this;if(!this.endpoint.session){return h(Host,null,h("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(this.loading||!this.template){return h(Host,{class:"loading"},h("verdocs-loader",null))}console.log("[ROLES] Rendering",this.template.roles.map((function(e){return{name:e.name,sequence:e.sequence,order:e.order}})));var t=this.getRoleNames();var o=this.getSequenceNumbers();console.log("Rendering sequences",o,t);return h(Host,{class:{dragging:this.dragging}},h("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},h("h5",null,"Roles and Workflow"),h("div",{class:"roles"},o.map((function(t){return h("div",{class:"sequence"},h("div",{class:"sequence-label no-drag"},t,"."),h("div",{class:"sequence-roles",id:"verdocs-roles-sequence-".concat(t),"data-sequence":t},e.getRolesAtSequence(t).map((function(o){var n=!o.email||!o.first_name||!o.last_name;return n?h("div",{class:"role","data-rolename":o.name,"data-sequence":t,"data-order":o.order},h("div",{class:"role-name"},o.name),h("div",{class:"icons"},h("div",{class:"gear-button",innerHTML:settingsIcon,onClick:function(){return e.showingRoleDialog=o.name},"aria-role":"button"}),h("span",{class:"type-icon",innerHTML:o.type==="signer"?iconSigner:o.type==="cc"?iconCC:iconApprover}))):h("div",{class:"role","data-rolename":o.name,"data-sequence":t,"data-order":o.order},h("div",{class:"role-name"},formatFullName(o)),h("div",{class:"icons"},h("div",{class:"gear-button",innerHTML:settingsIcon,onClick:function(){return e.showingRoleDialog=o.name},"aria-role":"button"}),h("span",{class:"type-icon",innerHTML:o.type==="signer"?iconSigner:o.type==="cc"?iconCC:iconApprover})))}))),h("button",{class:"add-role no-drag",innerHTML:plusIcon,onClick:function(o){return e.handleAddRole(o,t)}}))})),h("div",{class:"sequence add-sequence"},h("div",{class:"sequence-label no-drag"},o.length+1,"."),h("div",{class:"sequence-roles",id:"verdocs-roles-sequence-".concat(o.length+1),"data-sequence":o.length+1}),h("button",{class:"add-role no-drag",innerHTML:plusIcon,onClick:function(t){return e.handleAddRole(t,o.length+1)}}))),t.length<1&&h("div",{class:"empty"},"You must add at least one Role before proceeding.",h("br",null)," Click the ",h("span",{innerHTML:plusIcon})," Add button above to get started."),h("div",{class:"buttons"},h("div",{class:"flex-fill"}),h("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:function(){return e.handleCancel()}}),h("verdocs-button",{label:"OK",size:"small",onClick:function(){return e.handleSubmit()},disabled:t.length<1}))),this.showingRoleDialog&&h("verdocs-menu-panel",{onClose:function(){return e.showingRoleDialog=null}},h("verdocs-template-role-properties",{endpoint:this.endpoint,templateId:this.templateId,roleName:this.showingRoleDialog,onClose:function(){var t;(t=document.getElementById("verdocs-menu-panel-overlay"))===null||t===void 0?void 0:t.remove();e.showingRoleDialog=null},onDelete:function(){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.showingRoleDialog=null;return[4,this.renumberTemplateRoles()];case 1:t.sent();(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"deleted",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()});return[2]}}))}))}})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsTemplateRoles.style=VerdocsTemplateRolesStyle0;export{VerdocsPreview as verdocs_preview,VerdocsSend as verdocs_send,VerdocsTemplateAttachments as verdocs_template_attachments,VerdocsTemplateBuildTabs as verdocs_template_build_tabs,VerdocsTemplateFields as verdocs_template_fields,VerdocsTemplateRoles as verdocs_template_roles};
+ */function ownKeys(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t){n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))}o.push.apply(o,n)}return o}function _objectSpread2(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};if(t%2){ownKeys(Object(o),true).forEach((function(t){_defineProperty(e,t,o[t])}))}else if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(o))}else{ownKeys(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}}return e}function _typeof(e){"@babel/helpers - typeof";if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function(e){return typeof e}}else{_typeof=function(e){return e&&typeof Symbol==="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}}return _typeof(e)}function _defineProperty(e,t,o){if(t in e){Object.defineProperty(e,t,{value:o,enumerable:true,configurable:true,writable:true})}else{e[t]=o}return e}function _extends(){_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o){if(Object.prototype.hasOwnProperty.call(o,n)){e[n]=o[n]}}}return e};return _extends.apply(this,arguments)}function _objectWithoutPropertiesLoose(e,t){if(e==null)return{};var o={};var n=Object.keys(e);var r,i;for(i=0;i<n.length;i++){r=n[i];if(t.indexOf(r)>=0)continue;o[r]=e[r]}return o}function _objectWithoutProperties(e,t){if(e==null)return{};var o=_objectWithoutPropertiesLoose(e,t);var n,r;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++){n=i[r];if(t.indexOf(n)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(e,n))continue;o[n]=e[n]}}return o}var version="1.15.6";function userAgent(e){if(typeof window!=="undefined"&&window.navigator){return!!navigator.userAgent.match(e)}}var IE11OrLess=userAgent(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i);var Edge=userAgent(/Edge/i);var FireFox=userAgent(/firefox/i);var Safari=userAgent(/safari/i)&&!userAgent(/chrome/i)&&!userAgent(/android/i);var IOS=userAgent(/iP(ad|od|hone)/i);var ChromeForAndroid=userAgent(/chrome/i)&&userAgent(/android/i);var captureMode={capture:false,passive:false};function on(e,t,o){e.addEventListener(t,o,!IE11OrLess&&captureMode)}function off(e,t,o){e.removeEventListener(t,o,!IE11OrLess&&captureMode)}function matches(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 getParentOrHost(e){return e.host&&e!==document&&e.host.nodeType?e.host:e.parentNode}function closest(e,t,o,n){if(e){o=o||document;do{if(t!=null&&(t[0]===">"?e.parentNode===o&&matches(e,t):matches(e,t))||n&&e===o){return e}if(e===o)break}while(e=getParentOrHost(e))}return null}var R_SPACE=/\s+/g;function toggleClass(e,t,o){if(e&&t){if(e.classList){e.classList[o?"add":"remove"](t)}else{var n=(" "+e.className+" ").replace(R_SPACE," ").replace(" "+t+" "," ");e.className=(n+(o?" "+t:"")).replace(R_SPACE," ")}}}function css(e,t,o){var n=e&&e.style;if(n){if(o===void 0){if(document.defaultView&&document.defaultView.getComputedStyle){o=document.defaultView.getComputedStyle(e,"")}else if(e.currentStyle){o=e.currentStyle}return t===void 0?o:o[t]}else{if(!(t in n)&&t.indexOf("webkit")===-1){t="-webkit-"+t}n[t]=o+(typeof o==="string"?"":"px")}}}function matrix(e,t){var o="";if(typeof e==="string"){o=e}else{do{var n=css(e,"transform");if(n&&n!=="none"){o=n+" "+o}}while(!t&&(e=e.parentNode))}var r=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return r&&new r(o)}function find(e,t,o){if(e){var n=e.getElementsByTagName(t),r=0,i=n.length;if(o){for(;r<i;r++){o(n[r],r)}}return n}return[]}function getWindowScrollingElement(){var e=document.scrollingElement;if(e){return e}else{return document.documentElement}}function getRect(e,t,o,n,r){if(!e.getBoundingClientRect&&e!==window)return;var i,s,l,a,c,d,u;if(e!==window&&e.parentNode&&e!==getWindowScrollingElement()){i=e.getBoundingClientRect();s=i.top;l=i.left;a=i.bottom;c=i.right;d=i.height;u=i.width}else{s=0;l=0;a=window.innerHeight;c=window.innerWidth;d=window.innerHeight;u=window.innerWidth}if((t||o)&&e!==window){r=r||e.parentNode;if(!IE11OrLess){do{if(r&&r.getBoundingClientRect&&(css(r,"transform")!=="none"||o&&css(r,"position")!=="static")){var f=r.getBoundingClientRect();s-=f.top+parseInt(css(r,"border-top-width"));l-=f.left+parseInt(css(r,"border-left-width"));a=s+i.height;c=l+i.width;break}}while(r=r.parentNode)}}if(n&&e!==window){var h=matrix(r||e),v=h&&h.a,p=h&&h.d;if(h){s/=p;l/=v;u/=v;d/=p;a=s+d;c=l+u}}return{top:s,left:l,bottom:a,right:c,width:u,height:d}}function isScrolledPast(e,t,o){var n=getParentAutoScrollElement(e,true),r=getRect(e)[t];while(n){var i=getRect(n)[o],s=void 0;if(o==="top"||o==="left"){s=r>=i}else{s=r<=i}if(!s)return n;if(n===getWindowScrollingElement())break;n=getParentAutoScrollElement(n,false)}return false}function getChild(e,t,o,n){var r=0,i=0,s=e.children;while(i<s.length){if(s[i].style.display!=="none"&&s[i]!==Sortable.ghost&&(n||s[i]!==Sortable.dragged)&&closest(s[i],o.draggable,e,false)){if(r===t){return s[i]}r++}i++}return null}function lastChild(e,t){var o=e.lastElementChild;while(o&&(o===Sortable.ghost||css(o,"display")==="none"||t&&!matches(o,t))){o=o.previousElementSibling}return o||null}function index(e,t){var o=0;if(!e||!e.parentNode){return-1}while(e=e.previousElementSibling){if(e.nodeName.toUpperCase()!=="TEMPLATE"&&e!==Sortable.clone&&(!t||matches(e,t))){o++}}return o}function getRelativeScrollOffset(e){var t=0,o=0,n=getWindowScrollingElement();if(e){do{var r=matrix(e),i=r.a,s=r.d;t+=e.scrollLeft*i;o+=e.scrollTop*s}while(e!==n&&(e=e.parentNode))}return[t,o]}function indexOfObject(e,t){for(var o in e){if(!e.hasOwnProperty(o))continue;for(var n in t){if(t.hasOwnProperty(n)&&t[n]===e[o][n])return Number(o)}}return-1}function getParentAutoScrollElement(e,t){if(!e||!e.getBoundingClientRect)return getWindowScrollingElement();var o=e;var n=false;do{if(o.clientWidth<o.scrollWidth||o.clientHeight<o.scrollHeight){var r=css(o);if(o.clientWidth<o.scrollWidth&&(r.overflowX=="auto"||r.overflowX=="scroll")||o.clientHeight<o.scrollHeight&&(r.overflowY=="auto"||r.overflowY=="scroll")){if(!o.getBoundingClientRect||o===document.body)return getWindowScrollingElement();if(n||t)return o;n=true}}}while(o=o.parentNode);return getWindowScrollingElement()}function extend(e,t){if(e&&t){for(var o in t){if(t.hasOwnProperty(o)){e[o]=t[o]}}}return e}function isRectEqual(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 _throttleTimeout;function throttle(e,t){return function(){if(!_throttleTimeout){var o=arguments,n=this;if(o.length===1){e.call(n,o[0])}else{e.apply(n,o)}_throttleTimeout=setTimeout((function(){_throttleTimeout=void 0}),t)}}}function cancelThrottle(){clearTimeout(_throttleTimeout);_throttleTimeout=void 0}function scrollBy(e,t,o){e.scrollLeft+=t;e.scrollTop+=o}function clone(e){var t=window.Polymer;var o=window.jQuery||window.Zepto;if(t&&t.dom){return t.dom(e).cloneNode(true)}else if(o){return o(e).clone(true)[0]}else{return e.cloneNode(true)}}function getChildContainingRectFromElement(e,t,o){var n={};Array.from(e.children).forEach((function(r){var i,s,l,a;if(!closest(r,t.draggable,e,false)||r.animated||r===o)return;var c=getRect(r);n.left=Math.min((i=n.left)!==null&&i!==void 0?i:Infinity,c.left);n.top=Math.min((s=n.top)!==null&&s!==void 0?s:Infinity,c.top);n.right=Math.max((l=n.right)!==null&&l!==void 0?l:-Infinity,c.right);n.bottom=Math.max((a=n.bottom)!==null&&a!==void 0?a:-Infinity,c.bottom)}));n.width=n.right-n.left;n.height=n.bottom-n.top;n.x=n.left;n.y=n.top;return n}var expando="Sortable"+(new Date).getTime();function AnimationStateManager(){var e=[],t;return{captureAnimationState:function t(){e=[];if(!this.options.animation)return;var o=[].slice.call(this.el.children);o.forEach((function(t){if(css(t,"display")==="none"||t===Sortable.ghost)return;e.push({target:t,rect:getRect(t)});var o=_objectSpread2({},e[e.length-1].rect);if(t.thisAnimationDuration){var n=matrix(t,true);if(n){o.top-=n.f;o.left-=n.e}}t.fromRect=o}))},addAnimationState:function t(o){e.push(o)},removeAnimationState:function t(o){e.splice(indexOfObject(e,{target:o}),1)},animateAll:function o(n){var r=this;if(!this.options.animation){clearTimeout(t);if(typeof n==="function")n();return}var i=false,s=0;e.forEach((function(e){var t=0,o=e.target,n=o.fromRect,l=getRect(o),a=o.prevFromRect,c=o.prevToRect,d=e.rect,u=matrix(o,true);if(u){l.top-=u.f;l.left-=u.e}o.toRect=l;if(o.thisAnimationDuration){if(isRectEqual(a,l)&&!isRectEqual(n,l)&&(d.top-l.top)/(d.left-l.left)===(n.top-l.top)/(n.left-l.left)){t=calculateRealTime(d,a,c,r.options)}}if(!isRectEqual(l,n)){o.prevFromRect=n;o.prevToRect=l;if(!t){t=r.options.animation}r.animate(o,d,l,t)}if(t){i=true;s=Math.max(s,t);clearTimeout(o.animationResetTimer);o.animationResetTimer=setTimeout((function(){o.animationTime=0;o.prevFromRect=null;o.fromRect=null;o.prevToRect=null;o.thisAnimationDuration=null}),t);o.thisAnimationDuration=t}}));clearTimeout(t);if(!i){if(typeof n==="function")n()}else{t=setTimeout((function(){if(typeof n==="function")n()}),s)}e=[]},animate:function e(t,o,n,r){if(r){css(t,"transition","");css(t,"transform","");var i=matrix(this.el),s=i&&i.a,l=i&&i.d,a=(o.left-n.left)/(s||1),c=(o.top-n.top)/(l||1);t.animatingX=!!a;t.animatingY=!!c;css(t,"transform","translate3d("+a+"px,"+c+"px,0)");this.forRepaintDummy=repaint(t);css(t,"transition","transform "+r+"ms"+(this.options.easing?" "+this.options.easing:""));css(t,"transform","translate3d(0,0,0)");typeof t.animated==="number"&&clearTimeout(t.animated);t.animated=setTimeout((function(){css(t,"transition","");css(t,"transform","");t.animated=false;t.animatingX=false;t.animatingY=false}),r)}}}}function repaint(e){return e.offsetWidth}function calculateRealTime(e,t,o,n){return Math.sqrt(Math.pow(t.top-e.top,2)+Math.pow(t.left-e.left,2))/Math.sqrt(Math.pow(t.top-o.top,2)+Math.pow(t.left-o.left,2))*n.animation}var plugins=[];var defaults={initializeByDefault:true};var PluginManager={mount:function e(t){for(var o in defaults){if(defaults.hasOwnProperty(o)&&!(o in t)){t[o]=defaults[o]}}plugins.forEach((function(e){if(e.pluginName===t.pluginName){throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")}}));plugins.push(t)},pluginEvent:function e(t,o,n){var r=this;this.eventCanceled=false;n.cancel=function(){r.eventCanceled=true};var i=t+"Global";plugins.forEach((function(e){if(!o[e.pluginName])return;if(o[e.pluginName][i]){o[e.pluginName][i](_objectSpread2({sortable:o},n))}if(o.options[e.pluginName]&&o[e.pluginName][t]){o[e.pluginName][t](_objectSpread2({sortable:o},n))}}))},initializePlugins:function e(t,o,n,r){plugins.forEach((function(e){var r=e.pluginName;if(!t.options[r]&&!e.initializeByDefault)return;var i=new e(t,o,t.options);i.sortable=t;i.options=t.options;t[r]=i;_extends(n,i.defaults)}));for(var i in t.options){if(!t.options.hasOwnProperty(i))continue;var s=this.modifyOption(t,i,t.options[i]);if(typeof s!=="undefined"){t.options[i]=s}}},getEventProperties:function e(t,o){var n={};plugins.forEach((function(e){if(typeof e.eventProperties!=="function")return;_extends(n,e.eventProperties.call(o[e.pluginName],t))}));return n},modifyOption:function e(t,o,n){var r;plugins.forEach((function(e){if(!t[e.pluginName])return;if(e.optionListeners&&typeof e.optionListeners[o]==="function"){r=e.optionListeners[o].call(t[e.pluginName],n)}}));return r}};function dispatchEvent(e){var t=e.sortable,o=e.rootEl,n=e.name,r=e.targetEl,i=e.cloneEl,s=e.toEl,l=e.fromEl,a=e.oldIndex,c=e.newIndex,d=e.oldDraggableIndex,u=e.newDraggableIndex,f=e.originalEvent,h=e.putSortable,v=e.extraEventProperties;t=t||o&&o[expando];if(!t)return;var p,g=t.options,m="on"+n.charAt(0).toUpperCase()+n.substr(1);if(window.CustomEvent&&!IE11OrLess&&!Edge){p=new CustomEvent(n,{bubbles:true,cancelable:true})}else{p=document.createEvent("Event");p.initEvent(n,true,true)}p.to=s||o;p.from=l||o;p.item=r||o;p.clone=i;p.oldIndex=a;p.newIndex=c;p.oldDraggableIndex=d;p.newDraggableIndex=u;p.originalEvent=f;p.pullMode=h?h.lastPutMode:undefined;var b=_objectSpread2(_objectSpread2({},v),PluginManager.getEventProperties(n,t));for(var x in b){p[x]=b[x]}if(o){o.dispatchEvent(p)}if(g[m]){g[m].call(t,p)}}var _excluded=["evt"];var pluginEvent=function e(t,o){var n=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{},r=n.evt,i=_objectWithoutProperties(n,_excluded);PluginManager.pluginEvent.bind(Sortable)(t,o,_objectSpread2({dragEl:dragEl,parentEl:parentEl,ghostEl:ghostEl,rootEl:rootEl,nextEl:nextEl,lastDownEl:lastDownEl,cloneEl:cloneEl,cloneHidden:cloneHidden,dragStarted:moved,putSortable:putSortable,activeSortable:Sortable.active,originalEvent:r,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex,hideGhostForTarget:_hideGhostForTarget,unhideGhostForTarget:_unhideGhostForTarget,cloneNowHidden:function e(){cloneHidden=true},cloneNowShown:function e(){cloneHidden=false},dispatchSortableEvent:function e(t){_dispatchEvent({sortable:o,name:t,originalEvent:r})}},i))};function _dispatchEvent(e){dispatchEvent(_objectSpread2({putSortable:putSortable,cloneEl:cloneEl,targetEl:dragEl,rootEl:rootEl,oldIndex:oldIndex,oldDraggableIndex:oldDraggableIndex,newIndex:newIndex,newDraggableIndex:newDraggableIndex},e))}var dragEl,parentEl,ghostEl,rootEl,nextEl,lastDownEl,cloneEl,cloneHidden,oldIndex,newIndex,oldDraggableIndex,newDraggableIndex,activeGroup,putSortable,awaitingDragStarted=false,ignoreNextClick=false,sortables=[],tapEvt,touchEvt,lastDx,lastDy,tapDistanceLeft,tapDistanceTop,moved,lastTarget,lastDirection,pastFirstInvertThresh=false,isCircumstantialInvert=false,targetMoveDistance,ghostRelativeParent,ghostRelativeParentInitialScroll=[],_silent=false,savedInputChecked=[];var documentExists=typeof document!=="undefined",PositionGhostAbsolutely=IOS,CSSFloatProperty=Edge||IE11OrLess?"cssFloat":"float",supportDraggable=documentExists&&!ChromeForAndroid&&!IOS&&"draggable"in document.createElement("div"),supportCssPointerEvents=function(){if(!documentExists)return;if(IE11OrLess){return false}var e=document.createElement("x");e.style.cssText="pointer-events:auto";return e.style.pointerEvents==="auto"}(),_detectDirection=function e(t,o){var n=css(t),r=parseInt(n.width)-parseInt(n.paddingLeft)-parseInt(n.paddingRight)-parseInt(n.borderLeftWidth)-parseInt(n.borderRightWidth),i=getChild(t,0,o),s=getChild(t,1,o),l=i&&css(i),a=s&&css(s),c=l&&parseInt(l.marginLeft)+parseInt(l.marginRight)+getRect(i).width,d=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+getRect(s).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(i&&l["float"]&&l["float"]!=="none"){var u=l["float"]==="left"?"left":"right";return s&&(a.clear==="both"||a.clear===u)?"vertical":"horizontal"}return i&&(l.display==="block"||l.display==="flex"||l.display==="table"||l.display==="grid"||c>=r&&n[CSSFloatProperty]==="none"||s&&n[CSSFloatProperty]==="none"&&c+d>r)?"vertical":"horizontal"},_dragElInRowColumn=function e(t,o,n){var r=n?t.left:t.top,i=n?t.right:t.bottom,s=n?t.width:t.height,l=n?o.left:o.top,a=n?o.right:o.bottom,c=n?o.width:o.height;return r===l||i===a||r+s/2===l+c/2},_detectNearestEmptySortable=function e(t,o){var n;sortables.some((function(e){var r=e[expando].options.emptyInsertThreshold;if(!r||lastChild(e))return;var i=getRect(e),s=t>=i.left-r&&t<=i.right+r,l=o>=i.top-r&&o<=i.bottom+r;if(s&&l){return n=e}}));return n},_prepareGroup=function e(t){function o(e,t){return function(n,r,i,s){var l=n.options.group.name&&r.options.group.name&&n.options.group.name===r.options.group.name;if(e==null&&(t||l)){return true}else if(e==null||e===false){return false}else if(t&&e==="clone"){return e}else if(typeof e==="function"){return o(e(n,r,i,s),t)(n,r,i,s)}else{var a=(t?n:r).options.group.name;return e===true||typeof e==="string"&&e===a||e.join&&e.indexOf(a)>-1}}}var n={};var r=t.group;if(!r||_typeof(r)!="object"){r={name:r}}n.name=r.name;n.checkPull=o(r.pull,true);n.checkPut=o(r.put);n.revertClone=r.revertClone;t.group=n},_hideGhostForTarget=function e(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","none")}},_unhideGhostForTarget=function e(){if(!supportCssPointerEvents&&ghostEl){css(ghostEl,"display","")}};if(documentExists&&!ChromeForAndroid){document.addEventListener("click",(function(e){if(ignoreNextClick){e.preventDefault();e.stopPropagation&&e.stopPropagation();e.stopImmediatePropagation&&e.stopImmediatePropagation();ignoreNextClick=false;return false}}),true)}var nearestEmptyInsertDetectEvent=function e(t){if(dragEl){t=t.touches?t.touches[0]:t;var o=_detectNearestEmptySortable(t.clientX,t.clientY);if(o){var n={};for(var r in t){if(t.hasOwnProperty(r)){n[r]=t[r]}}n.target=n.rootEl=o;n.preventDefault=void 0;n.stopPropagation=void 0;o[expando]._onDragOver(n)}}};var _checkOutsideTargetEl=function e(t){if(dragEl){dragEl.parentNode[expando]._isOutsideThisEl(t.target)}};function Sortable(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=_extends({},t);e[expando]=this;var o={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 t(){return _detectDirection(e,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:true,animation:0,easing:null,setData:function e(t,o){t.setData("Text",o.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:Sortable.supportPointer!==false&&"PointerEvent"in window&&(!Safari||IOS),emptyInsertThreshold:5};PluginManager.initializePlugins(this,e,o);for(var n in o){!(n in t)&&(t[n]=o[n])}_prepareGroup(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:supportDraggable;if(this.nativeDraggable){this.options.touchStartThreshold=1}if(t.supportPointer){on(e,"pointerdown",this._onTapStart)}else{on(e,"mousedown",this._onTapStart);on(e,"touchstart",this._onTapStart)}if(this.nativeDraggable){on(e,"dragover",this);on(e,"dragenter",this)}sortables.push(this.el);t.store&&t.store.get&&this.sort(t.store.get(this)||[]);_extends(this,AnimationStateManager())}Sortable.prototype={constructor:Sortable,_isOutsideThisEl:function e(t){if(!this.el.contains(t)&&t!==this.el){lastTarget=null}},_getDirection:function e(t,o){return typeof this.options.direction==="function"?this.options.direction.call(this,t,o,dragEl):this.options.direction},_onTapStart:function e(t){if(!t.cancelable)return;var o=this,n=this.el,r=this.options,i=r.preventOnFilter,s=t.type,l=t.touches&&t.touches[0]||t.pointerType&&t.pointerType==="touch"&&t,a=(l||t).target,c=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||a,d=r.filter;_saveInputCheckedState(n);if(dragEl){return}if(/mousedown|pointerdown/.test(s)&&t.button!==0||r.disabled){return}if(c.isContentEditable){return}if(!this.nativeDraggable&&Safari&&a&&a.tagName.toUpperCase()==="SELECT"){return}a=closest(a,r.draggable,n,false);if(a&&a.animated){return}if(lastDownEl===a){return}oldIndex=index(a);oldDraggableIndex=index(a,r.draggable);if(typeof d==="function"){if(d.call(this,t,a,this)){_dispatchEvent({sortable:o,rootEl:c,name:"filter",targetEl:a,toEl:n,fromEl:n});pluginEvent("filter",o,{evt:t});i&&t.preventDefault();return}}else if(d){d=d.split(",").some((function(e){e=closest(c,e.trim(),n,false);if(e){_dispatchEvent({sortable:o,rootEl:e,name:"filter",targetEl:a,fromEl:n,toEl:n});pluginEvent("filter",o,{evt:t});return true}}));if(d){i&&t.preventDefault();return}}if(r.handle&&!closest(c,r.handle,n,false)){return}this._prepareDragStart(t,l,a)},_prepareDragStart:function e(t,o,n){var r=this,i=r.el,s=r.options,l=i.ownerDocument,a;if(n&&!dragEl&&n.parentNode===i){var c=getRect(n);rootEl=i;dragEl=n;parentEl=dragEl.parentNode;nextEl=dragEl.nextSibling;lastDownEl=n;activeGroup=s.group;Sortable.dragged=dragEl;tapEvt={target:dragEl,clientX:(o||t).clientX,clientY:(o||t).clientY};tapDistanceLeft=tapEvt.clientX-c.left;tapDistanceTop=tapEvt.clientY-c.top;this._lastX=(o||t).clientX;this._lastY=(o||t).clientY;dragEl.style["will-change"]="all";a=function e(){pluginEvent("delayEnded",r,{evt:t});if(Sortable.eventCanceled){r._onDrop();return}r._disableDelayedDragEvents();if(!FireFox&&r.nativeDraggable){dragEl.draggable=true}r._triggerDragStart(t,o);_dispatchEvent({sortable:r,name:"choose",originalEvent:t});toggleClass(dragEl,s.chosenClass,true)};s.ignore.split(",").forEach((function(e){find(dragEl,e.trim(),_disableDraggable)}));on(l,"dragover",nearestEmptyInsertDetectEvent);on(l,"mousemove",nearestEmptyInsertDetectEvent);on(l,"touchmove",nearestEmptyInsertDetectEvent);if(s.supportPointer){on(l,"pointerup",r._onDrop);!this.nativeDraggable&&on(l,"pointercancel",r._onDrop)}else{on(l,"mouseup",r._onDrop);on(l,"touchend",r._onDrop);on(l,"touchcancel",r._onDrop)}if(FireFox&&this.nativeDraggable){this.options.touchStartThreshold=4;dragEl.draggable=true}pluginEvent("delayStart",this,{evt:t});if(s.delay&&(!s.delayOnTouchOnly||o)&&(!this.nativeDraggable||!(Edge||IE11OrLess))){if(Sortable.eventCanceled){this._onDrop();return}if(s.supportPointer){on(l,"pointerup",r._disableDelayedDrag);on(l,"pointercancel",r._disableDelayedDrag)}else{on(l,"mouseup",r._disableDelayedDrag);on(l,"touchend",r._disableDelayedDrag);on(l,"touchcancel",r._disableDelayedDrag)}on(l,"mousemove",r._delayedDragTouchMoveHandler);on(l,"touchmove",r._delayedDragTouchMoveHandler);s.supportPointer&&on(l,"pointermove",r._delayedDragTouchMoveHandler);r._dragStartTimer=setTimeout(a,s.delay)}else{a()}}},_delayedDragTouchMoveHandler:function e(t){var o=t.touches?t.touches[0]:t;if(Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))){this._disableDelayedDrag()}},_disableDelayedDrag:function e(){dragEl&&_disableDraggable(dragEl);clearTimeout(this._dragStartTimer);this._disableDelayedDragEvents()},_disableDelayedDragEvents:function e(){var t=this.el.ownerDocument;off(t,"mouseup",this._disableDelayedDrag);off(t,"touchend",this._disableDelayedDrag);off(t,"touchcancel",this._disableDelayedDrag);off(t,"pointerup",this._disableDelayedDrag);off(t,"pointercancel",this._disableDelayedDrag);off(t,"mousemove",this._delayedDragTouchMoveHandler);off(t,"touchmove",this._delayedDragTouchMoveHandler);off(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function e(t,o){o=o||t.pointerType=="touch"&&t;if(!this.nativeDraggable||o){if(this.options.supportPointer){on(document,"pointermove",this._onTouchMove)}else if(o){on(document,"touchmove",this._onTouchMove)}else{on(document,"mousemove",this._onTouchMove)}}else{on(dragEl,"dragend",this);on(rootEl,"dragstart",this._onDragStart)}try{if(document.selection){_nextTick((function(){document.selection.empty()}))}else{window.getSelection().removeAllRanges()}}catch(e){}},_dragStarted:function e(t,o){awaitingDragStarted=false;if(rootEl&&dragEl){pluginEvent("dragStarted",this,{evt:o});if(this.nativeDraggable){on(document,"dragover",_checkOutsideTargetEl)}var n=this.options;!t&&toggleClass(dragEl,n.dragClass,false);toggleClass(dragEl,n.ghostClass,true);Sortable.active=this;t&&this._appendGhost();_dispatchEvent({sortable:this,name:"start",originalEvent:o})}else{this._nulling()}},_emulateDragOver:function e(){if(touchEvt){this._lastX=touchEvt.clientX;this._lastY=touchEvt.clientY;_hideGhostForTarget();var t=document.elementFromPoint(touchEvt.clientX,touchEvt.clientY);var o=t;while(t&&t.shadowRoot){t=t.shadowRoot.elementFromPoint(touchEvt.clientX,touchEvt.clientY);if(t===o)break;o=t}dragEl.parentNode[expando]._isOutsideThisEl(t);if(o){do{if(o[expando]){var n=void 0;n=o[expando]._onDragOver({clientX:touchEvt.clientX,clientY:touchEvt.clientY,target:t,rootEl:o});if(n&&!this.options.dragoverBubble){break}}t=o}while(o=getParentOrHost(o))}_unhideGhostForTarget()}},_onTouchMove:function e(t){if(tapEvt){var o=this.options,n=o.fallbackTolerance,r=o.fallbackOffset,i=t.touches?t.touches[0]:t,s=ghostEl&&matrix(ghostEl,true),l=ghostEl&&s&&s.a,a=ghostEl&&s&&s.d,c=PositionGhostAbsolutely&&ghostRelativeParent&&getRelativeScrollOffset(ghostRelativeParent),d=(i.clientX-tapEvt.clientX+r.x)/(l||1)+(c?c[0]-ghostRelativeParentInitialScroll[0]:0)/(l||1),u=(i.clientY-tapEvt.clientY+r.y)/(a||1)+(c?c[1]-ghostRelativeParentInitialScroll[1]:0)/(a||1);if(!Sortable.active&&!awaitingDragStarted){if(n&&Math.max(Math.abs(i.clientX-this._lastX),Math.abs(i.clientY-this._lastY))<n){return}this._onDragStart(t,true)}if(ghostEl){if(s){s.e+=d-(lastDx||0);s.f+=u-(lastDy||0)}else{s={a:1,b:0,c:0,d:1,e:d,f:u}}var f="matrix(".concat(s.a,",").concat(s.b,",").concat(s.c,",").concat(s.d,",").concat(s.e,",").concat(s.f,")");css(ghostEl,"webkitTransform",f);css(ghostEl,"mozTransform",f);css(ghostEl,"msTransform",f);css(ghostEl,"transform",f);lastDx=d;lastDy=u;touchEvt=i}t.cancelable&&t.preventDefault()}},_appendGhost:function e(){if(!ghostEl){var t=this.options.fallbackOnBody?document.body:rootEl,o=getRect(dragEl,true,PositionGhostAbsolutely,true,t),n=this.options;if(PositionGhostAbsolutely){ghostRelativeParent=t;while(css(ghostRelativeParent,"position")==="static"&&css(ghostRelativeParent,"transform")==="none"&&ghostRelativeParent!==document){ghostRelativeParent=ghostRelativeParent.parentNode}if(ghostRelativeParent!==document.body&&ghostRelativeParent!==document.documentElement){if(ghostRelativeParent===document)ghostRelativeParent=getWindowScrollingElement();o.top+=ghostRelativeParent.scrollTop;o.left+=ghostRelativeParent.scrollLeft}else{ghostRelativeParent=getWindowScrollingElement()}ghostRelativeParentInitialScroll=getRelativeScrollOffset(ghostRelativeParent)}ghostEl=dragEl.cloneNode(true);toggleClass(ghostEl,n.ghostClass,false);toggleClass(ghostEl,n.fallbackClass,true);toggleClass(ghostEl,n.dragClass,true);css(ghostEl,"transition","");css(ghostEl,"transform","");css(ghostEl,"box-sizing","border-box");css(ghostEl,"margin",0);css(ghostEl,"top",o.top);css(ghostEl,"left",o.left);css(ghostEl,"width",o.width);css(ghostEl,"height",o.height);css(ghostEl,"opacity","0.8");css(ghostEl,"position",PositionGhostAbsolutely?"absolute":"fixed");css(ghostEl,"zIndex","100000");css(ghostEl,"pointerEvents","none");Sortable.ghost=ghostEl;t.appendChild(ghostEl);css(ghostEl,"transform-origin",tapDistanceLeft/parseInt(ghostEl.style.width)*100+"% "+tapDistanceTop/parseInt(ghostEl.style.height)*100+"%")}},_onDragStart:function e(t,o){var n=this;var r=t.dataTransfer;var i=n.options;pluginEvent("dragStart",this,{evt:t});if(Sortable.eventCanceled){this._onDrop();return}pluginEvent("setupClone",this);if(!Sortable.eventCanceled){cloneEl=clone(dragEl);cloneEl.removeAttribute("id");cloneEl.draggable=false;cloneEl.style["will-change"]="";this._hideClone();toggleClass(cloneEl,this.options.chosenClass,false);Sortable.clone=cloneEl}n.cloneId=_nextTick((function(){pluginEvent("clone",n);if(Sortable.eventCanceled)return;if(!n.options.removeCloneOnHide){rootEl.insertBefore(cloneEl,dragEl)}n._hideClone();_dispatchEvent({sortable:n,name:"clone"})}));!o&&toggleClass(dragEl,i.dragClass,true);if(o){ignoreNextClick=true;n._loopId=setInterval(n._emulateDragOver,50)}else{off(document,"mouseup",n._onDrop);off(document,"touchend",n._onDrop);off(document,"touchcancel",n._onDrop);if(r){r.effectAllowed="move";i.setData&&i.setData.call(n,r,dragEl)}on(document,"drop",n);css(dragEl,"transform","translateZ(0)")}awaitingDragStarted=true;n._dragStartId=_nextTick(n._dragStarted.bind(n,o,t));on(document,"selectstart",n);moved=true;window.getSelection().removeAllRanges();if(Safari){css(document.body,"user-select","none")}},_onDragOver:function e(t){var o=this.el,n=t.target,r,i,s,l=this.options,a=l.group,c=Sortable.active,d=activeGroup===a,u=l.sort,f=putSortable||c,h,v=this,p=false;if(_silent)return;function g(e,l){pluginEvent(e,v,_objectSpread2({evt:t,isOwner:d,axis:h?"vertical":"horizontal",revert:s,dragRect:r,targetRect:i,canSort:u,fromSortable:f,target:n,completed:b,onMove:function e(n,i){return _onMove(rootEl,o,dragEl,r,n,getRect(n),t,i)},changed:x},l))}function m(){g("dragOverAnimationCapture");v.captureAnimationState();if(v!==f){f.captureAnimationState()}}function b(e){g("dragOverCompleted",{insertion:e});if(e){if(d){c._hideClone()}else{c._showClone(v)}if(v!==f){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:c.options.ghostClass,false);toggleClass(dragEl,l.ghostClass,true)}if(putSortable!==v&&v!==Sortable.active){putSortable=v}else if(v===Sortable.active&&putSortable){putSortable=null}if(f===v){v._ignoreWhileAnimating=n}v.animateAll((function(){g("dragOverAnimationComplete");v._ignoreWhileAnimating=null}));if(v!==f){f.animateAll();f._ignoreWhileAnimating=null}}if(n===dragEl&&!dragEl.animated||n===o&&!n.animated){lastTarget=null}if(!l.dragoverBubble&&!t.rootEl&&n!==document){dragEl.parentNode[expando]._isOutsideThisEl(t.target);!e&&nearestEmptyInsertDetectEvent(t)}!l.dragoverBubble&&t.stopPropagation&&t.stopPropagation();return p=true}function x(){newIndex=index(dragEl);newDraggableIndex=index(dragEl,l.draggable);_dispatchEvent({sortable:v,name:"change",toEl:o,newIndex:newIndex,newDraggableIndex:newDraggableIndex,originalEvent:t})}if(t.preventDefault!==void 0){t.cancelable&&t.preventDefault()}n=closest(n,l.draggable,o,true);g("dragOver");if(Sortable.eventCanceled)return p;if(dragEl.contains(t.target)||n.animated&&n.animatingX&&n.animatingY||v._ignoreWhileAnimating===n){return b(false)}ignoreNextClick=false;if(c&&!l.disabled&&(d?u||(s=parentEl!==rootEl):putSortable===this||(this.lastPutMode=activeGroup.checkPull(this,c,dragEl,t))&&a.checkPut(this,c,dragEl,t))){h=this._getDirection(t,n)==="vertical";r=getRect(dragEl);g("dragOverValid");if(Sortable.eventCanceled)return p;if(s){parentEl=rootEl;m();this._hideClone();g("revert");if(!Sortable.eventCanceled){if(nextEl){rootEl.insertBefore(dragEl,nextEl)}else{rootEl.appendChild(dragEl)}}return b(true)}var E=lastChild(o,l.draggable);if(!E||_ghostIsLast(t,h,this)&&!E.animated){if(E===dragEl){return b(false)}if(E&&o===t.target){n=E}if(n){i=getRect(n)}if(_onMove(rootEl,o,dragEl,r,n,i,t,!!n)!==false){m();if(E&&E.nextSibling){o.insertBefore(dragEl,E.nextSibling)}else{o.appendChild(dragEl)}parentEl=o;x();return b(true)}}else if(E&&_ghostIsFirst(t,h,this)){var w=getChild(o,0,l,true);if(w===dragEl){return b(false)}n=w;i=getRect(n);if(_onMove(rootEl,o,dragEl,r,n,i,t,false)!==false){m();o.insertBefore(dragEl,w);parentEl=o;x();return b(true)}}else if(n.parentNode===o){i=getRect(n);var S=0,_,y=dragEl.parentNode!==o,I=!_dragElInRowColumn(dragEl.animated&&dragEl.toRect||r,n.animated&&n.toRect||i,h),C=h?"top":"left",k=isScrolledPast(n,"top","top")||isScrolledPast(dragEl,"top","top"),T=k?k.scrollTop:void 0;if(lastTarget!==n){_=i[C];pastFirstInvertThresh=false;isCircumstantialInvert=!I&&l.invertSwap||y}S=_getSwapDirection(t,n,i,h,I?1:l.swapThreshold,l.invertedSwapThreshold==null?l.swapThreshold:l.invertedSwapThreshold,isCircumstantialInvert,lastTarget===n);var q;if(S!==0){var D=index(dragEl);do{D-=S;q=parentEl.children[D]}while(q&&(css(q,"display")==="none"||q===ghostEl))}if(S===0||q===n){return b(false)}lastTarget=n;lastDirection=S;var M=n.nextElementSibling,R=false;R=S===1;var H=_onMove(rootEl,o,dragEl,r,n,i,t,R);if(H!==false){if(H===1||H===-1){R=H===1}_silent=true;setTimeout(_unsilent,30);m();if(R&&!M){o.appendChild(dragEl)}else{n.parentNode.insertBefore(dragEl,R?M:n)}if(k){scrollBy(k,0,T-k.scrollTop)}parentEl=dragEl.parentNode;if(_!==undefined&&!isCircumstantialInvert){targetMoveDistance=Math.abs(_-getRect(n)[C])}x();return b(true)}}if(o.contains(dragEl)){return b(false)}}return false},_ignoreWhileAnimating:null,_offMoveEvents:function e(){off(document,"mousemove",this._onTouchMove);off(document,"touchmove",this._onTouchMove);off(document,"pointermove",this._onTouchMove);off(document,"dragover",nearestEmptyInsertDetectEvent);off(document,"mousemove",nearestEmptyInsertDetectEvent);off(document,"touchmove",nearestEmptyInsertDetectEvent)},_offUpEvents:function e(){var t=this.el.ownerDocument;off(t,"mouseup",this._onDrop);off(t,"touchend",this._onDrop);off(t,"pointerup",this._onDrop);off(t,"pointercancel",this._onDrop);off(t,"touchcancel",this._onDrop);off(document,"selectstart",this)},_onDrop:function e(t){var o=this.el,n=this.options;newIndex=index(dragEl);newDraggableIndex=index(dragEl,n.draggable);pluginEvent("drop",this,{evt:t});parentEl=dragEl&&dragEl.parentNode;newIndex=index(dragEl);newDraggableIndex=index(dragEl,n.draggable);if(Sortable.eventCanceled){this._nulling();return}awaitingDragStarted=false;isCircumstantialInvert=false;pastFirstInvertThresh=false;clearInterval(this._loopId);clearTimeout(this._dragStartTimer);_cancelNextTick(this.cloneId);_cancelNextTick(this._dragStartId);if(this.nativeDraggable){off(document,"drop",this);off(o,"dragstart",this._onDragStart)}this._offMoveEvents();this._offUpEvents();if(Safari){css(document.body,"user-select","")}css(dragEl,"transform","");if(t){if(moved){t.cancelable&&t.preventDefault();!n.dropBubble&&t.stopPropagation()}ghostEl&&ghostEl.parentNode&&ghostEl.parentNode.removeChild(ghostEl);if(rootEl===parentEl||putSortable&&putSortable.lastPutMode!=="clone"){cloneEl&&cloneEl.parentNode&&cloneEl.parentNode.removeChild(cloneEl)}if(dragEl){if(this.nativeDraggable){off(dragEl,"dragend",this)}_disableDraggable(dragEl);dragEl.style["will-change"]="";if(moved&&!awaitingDragStarted){toggleClass(dragEl,putSortable?putSortable.options.ghostClass:this.options.ghostClass,false)}toggleClass(dragEl,this.options.chosenClass,false);_dispatchEvent({sortable:this,name:"unchoose",toEl:parentEl,newIndex:null,newDraggableIndex:null,originalEvent:t});if(rootEl!==parentEl){if(newIndex>=0){_dispatchEvent({rootEl:parentEl,name:"add",toEl:parentEl,fromEl:rootEl,originalEvent:t});_dispatchEvent({sortable:this,name:"remove",toEl:parentEl,originalEvent:t});_dispatchEvent({rootEl:parentEl,name:"sort",toEl:parentEl,fromEl:rootEl,originalEvent:t});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:t})}putSortable&&putSortable.save()}else{if(newIndex!==oldIndex){if(newIndex>=0){_dispatchEvent({sortable:this,name:"update",toEl:parentEl,originalEvent:t});_dispatchEvent({sortable:this,name:"sort",toEl:parentEl,originalEvent:t})}}}if(Sortable.active){if(newIndex==null||newIndex===-1){newIndex=oldIndex;newDraggableIndex=oldDraggableIndex}_dispatchEvent({sortable:this,name:"end",toEl:parentEl,originalEvent:t});this.save()}}}this._nulling()},_nulling:function e(){pluginEvent("nulling",this);rootEl=dragEl=parentEl=ghostEl=nextEl=cloneEl=lastDownEl=cloneHidden=tapEvt=touchEvt=moved=newIndex=newDraggableIndex=oldIndex=oldDraggableIndex=lastTarget=lastDirection=putSortable=activeGroup=Sortable.dragged=Sortable.ghost=Sortable.clone=Sortable.active=null;savedInputChecked.forEach((function(e){e.checked=true}));savedInputChecked.length=lastDx=lastDy=0},handleEvent:function e(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":if(dragEl){this._onDragOver(t);_globalDragOver(t)}break;case"selectstart":t.preventDefault();break}},toArray:function e(){var t=[],o,n=this.el.children,r=0,i=n.length,s=this.options;for(;r<i;r++){o=n[r];if(closest(o,s.draggable,this.el,false)){t.push(o.getAttribute(s.dataIdAttr)||_generateId(o))}}return t},sort:function e(t,o){var n={},r=this.el;this.toArray().forEach((function(e,t){var o=r.children[t];if(closest(o,this.options.draggable,r,false)){n[e]=o}}),this);o&&this.captureAnimationState();t.forEach((function(e){if(n[e]){r.removeChild(n[e]);r.appendChild(n[e])}}));o&&this.animateAll()},save:function e(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function e(t,o){return closest(t,o||this.options.draggable,this.el,false)},option:function e(t,o){var n=this.options;if(o===void 0){return n[t]}else{var r=PluginManager.modifyOption(this,t,o);if(typeof r!=="undefined"){n[t]=r}else{n[t]=o}if(t==="group"){_prepareGroup(n)}}},destroy:function e(){pluginEvent("destroy",this);var t=this.el;t[expando]=null;off(t,"mousedown",this._onTapStart);off(t,"touchstart",this._onTapStart);off(t,"pointerdown",this._onTapStart);if(this.nativeDraggable){off(t,"dragover",this);off(t,"dragenter",this)}Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(e){e.removeAttribute("draggable")}));this._onDrop();this._disableDelayedDragEvents();sortables.splice(sortables.indexOf(this.el),1);this.el=t=null},_hideClone:function e(){if(!cloneHidden){pluginEvent("hideClone",this);if(Sortable.eventCanceled)return;css(cloneEl,"display","none");if(this.options.removeCloneOnHide&&cloneEl.parentNode){cloneEl.parentNode.removeChild(cloneEl)}cloneHidden=true}},_showClone:function e(t){if(t.lastPutMode!=="clone"){this._hideClone();return}if(cloneHidden){pluginEvent("showClone",this);if(Sortable.eventCanceled)return;if(dragEl.parentNode==rootEl&&!this.options.group.revertClone){rootEl.insertBefore(cloneEl,dragEl)}else if(nextEl){rootEl.insertBefore(cloneEl,nextEl)}else{rootEl.appendChild(cloneEl)}if(this.options.group.revertClone){this.animate(dragEl,cloneEl)}css(cloneEl,"display","");cloneHidden=false}}};function _globalDragOver(e){if(e.dataTransfer){e.dataTransfer.dropEffect="move"}e.cancelable&&e.preventDefault()}function _onMove(e,t,o,n,r,i,s,l){var a,c=e[expando],d=c.options.onMove,u;if(window.CustomEvent&&!IE11OrLess&&!Edge){a=new CustomEvent("move",{bubbles:true,cancelable:true})}else{a=document.createEvent("Event");a.initEvent("move",true,true)}a.to=t;a.from=e;a.dragged=o;a.draggedRect=n;a.related=r||t;a.relatedRect=i||getRect(t);a.willInsertAfter=l;a.originalEvent=s;e.dispatchEvent(a);if(d){u=d.call(c,a,s)}return u}function _disableDraggable(e){e.draggable=false}function _unsilent(){_silent=false}function _ghostIsFirst(e,t,o){var n=getRect(getChild(o.el,0,o.options,true));var r=getChildContainingRectFromElement(o.el,o.options,ghostEl);var i=10;return t?e.clientX<r.left-i||e.clientY<n.top&&e.clientX<n.right:e.clientY<r.top-i||e.clientY<n.bottom&&e.clientX<n.left}function _ghostIsLast(e,t,o){var n=getRect(lastChild(o.el,o.options.draggable));var r=getChildContainingRectFromElement(o.el,o.options,ghostEl);var i=10;return t?e.clientX>r.right+i||e.clientY>n.bottom&&e.clientX>n.left:e.clientY>r.bottom+i||e.clientX>n.right&&e.clientY>n.top}function _getSwapDirection(e,t,o,n,r,i,s,l){var a=n?e.clientY:e.clientX,c=n?o.height:o.width,d=n?o.top:o.left,u=n?o.bottom:o.right,f=false;if(!s){if(l&&targetMoveDistance<c*r){if(!pastFirstInvertThresh&&(lastDirection===1?a>d+c*i/2:a<u-c*i/2)){pastFirstInvertThresh=true}if(!pastFirstInvertThresh){if(lastDirection===1?a<d+targetMoveDistance:a>u-targetMoveDistance){return-lastDirection}}else{f=true}}else{if(a>d+c*(1-r)/2&&a<u-c*(1-r)/2){return _getInsertDirection(t)}}}f=f||s;if(f){if(a<d+c*i/2||a>u-c*i/2){return a>d+c/2?1:-1}}return 0}function _getInsertDirection(e){if(index(dragEl)<index(e)){return 1}else{return-1}}function _generateId(e){var t=e.tagName+e.className+e.src+e.href+e.textContent,o=t.length,n=0;while(o--){n+=t.charCodeAt(o)}return n.toString(36)}function _saveInputCheckedState(e){savedInputChecked.length=0;var t=e.getElementsByTagName("input");var o=t.length;while(o--){var n=t[o];n.checked&&savedInputChecked.push(n)}}function _nextTick(e){return setTimeout(e,0)}function _cancelNextTick(e){return clearTimeout(e)}if(documentExists){on(document,"touchmove",(function(e){if((Sortable.active||awaitingDragStarted)&&e.cancelable){e.preventDefault()}}))}Sortable.utils={on:on,off:off,css:css,find:find,is:function e(t,o){return!!closest(t,o,t,false)},extend:extend,throttle:throttle,closest:closest,toggleClass:toggleClass,clone:clone,index:index,nextTick:_nextTick,cancelNextTick:_cancelNextTick,detectDirection:_detectDirection,getChild:getChild,expando:expando};Sortable.get=function(e){return e[expando]};Sortable.mount=function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++){t[o]=arguments[o]}if(t[0].constructor===Array)t=t[0];t.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)Sortable.utils=_objectSpread2(_objectSpread2({},Sortable.utils),e.utils);PluginManager.mount(e)}))};Sortable.create=function(e,t){return new Sortable(e,t)};Sortable.version=version;var autoScrolls=[],scrollEl,scrollRootEl,scrolling=false,lastAutoScrollX,lastAutoScrollY,touchEvt$1,pointerElemChangedInterval;function AutoScrollPlugin(){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(t){var o=t.originalEvent;if(this.sortable.nativeDraggable){on(document,"dragover",this._handleAutoScroll)}else{if(this.options.supportPointer){on(document,"pointermove",this._handleFallbackAutoScroll)}else if(o.touches){on(document,"touchmove",this._handleFallbackAutoScroll)}else{on(document,"mousemove",this._handleFallbackAutoScroll)}}},dragOverCompleted:function e(t){var o=t.originalEvent;if(!this.options.dragOverBubble&&!o.rootEl){this._handleAutoScroll(o)}},drop:function e(){if(this.sortable.nativeDraggable){off(document,"dragover",this._handleAutoScroll)}else{off(document,"pointermove",this._handleFallbackAutoScroll);off(document,"touchmove",this._handleFallbackAutoScroll);off(document,"mousemove",this._handleFallbackAutoScroll)}clearPointerElemChangedInterval();clearAutoScrolls();cancelThrottle()},nulling:function e(){touchEvt$1=scrollRootEl=scrollEl=scrolling=pointerElemChangedInterval=lastAutoScrollX=lastAutoScrollY=null;autoScrolls.length=0},_handleFallbackAutoScroll:function e(t){this._handleAutoScroll(t,true)},_handleAutoScroll:function e(t,o){var n=this;var r=(t.touches?t.touches[0]:t).clientX,i=(t.touches?t.touches[0]:t).clientY,s=document.elementFromPoint(r,i);touchEvt$1=t;if(o||this.options.forceAutoScrollFallback||Edge||IE11OrLess||Safari){autoScroll(t,this.options,s,o);var l=getParentAutoScrollElement(s,true);if(scrolling&&(!pointerElemChangedInterval||r!==lastAutoScrollX||i!==lastAutoScrollY)){pointerElemChangedInterval&&clearPointerElemChangedInterval();pointerElemChangedInterval=setInterval((function(){var e=getParentAutoScrollElement(document.elementFromPoint(r,i),true);if(e!==l){l=e;clearAutoScrolls()}autoScroll(t,n.options,e,o)}),10);lastAutoScrollX=r;lastAutoScrollY=i}}else{if(!this.options.bubbleScroll||getParentAutoScrollElement(s,true)===getWindowScrollingElement()){clearAutoScrolls();return}autoScroll(t,this.options,getParentAutoScrollElement(s,false),false)}}};return _extends(e,{pluginName:"scroll",initializeByDefault:true})}function clearAutoScrolls(){autoScrolls.forEach((function(e){clearInterval(e.pid)}));autoScrolls=[]}function clearPointerElemChangedInterval(){clearInterval(pointerElemChangedInterval)}var autoScroll=throttle((function(e,t,o,n){if(!t.scroll)return;var r=(e.touches?e.touches[0]:e).clientX,i=(e.touches?e.touches[0]:e).clientY,s=t.scrollSensitivity,l=t.scrollSpeed,a=getWindowScrollingElement();var c=false,d;if(scrollRootEl!==o){scrollRootEl=o;clearAutoScrolls();scrollEl=t.scroll;d=t.scrollFn;if(scrollEl===true){scrollEl=getParentAutoScrollElement(o,true)}}var u=0;var f=scrollEl;do{var h=f,v=getRect(h),p=v.top,g=v.bottom,m=v.left,b=v.right,x=v.width,E=v.height,w=void 0,S=void 0,_=h.scrollWidth,y=h.scrollHeight,I=css(h),C=h.scrollLeft,k=h.scrollTop;if(h===a){w=x<_&&(I.overflowX==="auto"||I.overflowX==="scroll"||I.overflowX==="visible");S=E<y&&(I.overflowY==="auto"||I.overflowY==="scroll"||I.overflowY==="visible")}else{w=x<_&&(I.overflowX==="auto"||I.overflowX==="scroll");S=E<y&&(I.overflowY==="auto"||I.overflowY==="scroll")}var T=w&&(Math.abs(b-r)<=s&&C+x<_)-(Math.abs(m-r)<=s&&!!C);var q=S&&(Math.abs(g-i)<=s&&k+E<y)-(Math.abs(p-i)<=s&&!!k);if(!autoScrolls[u]){for(var D=0;D<=u;D++){if(!autoScrolls[D]){autoScrolls[D]={}}}}if(autoScrolls[u].vx!=T||autoScrolls[u].vy!=q||autoScrolls[u].el!==h){autoScrolls[u].el=h;autoScrolls[u].vx=T;autoScrolls[u].vy=q;clearInterval(autoScrolls[u].pid);if(T!=0||q!=0){c=true;autoScrolls[u].pid=setInterval(function(){if(n&&this.layer===0){Sortable.active._onTouchMove(touchEvt$1)}var t=autoScrolls[this.layer].vy?autoScrolls[this.layer].vy*l:0;var o=autoScrolls[this.layer].vx?autoScrolls[this.layer].vx*l:0;if(typeof d==="function"){if(d.call(Sortable.dragged.parentNode[expando],o,t,e,touchEvt$1,autoScrolls[this.layer].el)!=="continue"){return}}scrollBy(autoScrolls[this.layer].el,o,t)}.bind({layer:u}),24)}}u++}while(t.bubbleScroll&&f!==a&&(f=getParentAutoScrollElement(f,false)));scrolling=c}),30);var drop=function e(t){var o=t.originalEvent,n=t.putSortable,r=t.dragEl,i=t.activeSortable,s=t.dispatchSortableEvent,l=t.hideGhostForTarget,a=t.unhideGhostForTarget;if(!o)return;var c=n||i;l();var d=o.changedTouches&&o.changedTouches.length?o.changedTouches[0]:o;var u=document.elementFromPoint(d.clientX,d.clientY);a();if(c&&!c.el.contains(u)){s("spill");this.onSpill({dragEl:r,putSortable:n})}};function Revert(){}Revert.prototype={startIndex:null,dragStart:function e(t){var o=t.oldDraggableIndex;this.startIndex=o},onSpill:function e(t){var o=t.dragEl,n=t.putSortable;this.sortable.captureAnimationState();if(n){n.captureAnimationState()}var r=getChild(this.sortable.el,this.startIndex,this.options);if(r){this.sortable.el.insertBefore(o,r)}else{this.sortable.el.appendChild(o)}this.sortable.animateAll();if(n){n.animateAll()}},drop:drop};_extends(Revert,{pluginName:"revertOnSpill"});function Remove(){}Remove.prototype={onSpill:function e(t){var o=t.dragEl,n=t.putSortable;var r=n||this.sortable;r.captureAnimationState();o.parentNode&&o.parentNode.removeChild(o);r.animateAll()},drop:drop};_extends(Remove,{pluginName:"removeOnSpill"});Sortable.mount(new AutoScrollPlugin);Sortable.mount(Remove,Revert);var verdocsTemplateRolesCss='@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-template-roles{display:block;max-width:600px;font-family:"Inter", -apple-system, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}verdocs-template-roles .roles{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-top:10px}verdocs-template-roles .roles .sequence{gap:10px;height:34px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;padding:0 0 8px 0;-ms-flex-direction:row;flex-direction:row;border-bottom:1px dotted #e3e3e3}verdocs-template-roles .roles .sequence.add-sequence{color:#777777;line-height:34px}verdocs-template-roles .roles .sequence-label{font-size:18px;line-height:32px}verdocs-template-roles .roles .sequence-roles{gap:10px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-wrap:wrap;flex-wrap:wrap;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .roles .role{height:32px;cursor:move;display:-ms-flexbox;display:flex;max-width:200px;position:relative;border-radius:32px;background-color:#eff7fb;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 14px 0 34px;border:1px solid #ccc;-ms-flex-direction:column;flex-direction:column}verdocs-template-roles .roles .role .role-name{font-size:14px;overflow:hidden;font-weight:400;line-height:30px;white-space:nowrap;text-overflow:ellipsis}verdocs-template-roles .roles .role .icons{position:absolute;left:1px;top:-3px;cursor:pointer;padding:5px;z-index:10}verdocs-template-roles .roles .role .icons .gear-button{display:none;-webkit-transform:scale(1.1);transform:scale(1.1);margin:4px 0 0 1px}verdocs-template-roles .roles .role .icons .type-icon{opacity:0.6;display:block;-webkit-transform:scale(0.8);transform:scale(0.8)}verdocs-template-roles .roles .role .icons:hover .gear-button{display:block}verdocs-template-roles .roles .role .icons:hover .type-icon{display:none}verdocs-template-roles>form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#ffffff;padding:12px}verdocs-template-roles>form h5{font-size:16px;font-weight:bold;color:#46497d;margin:0 0 10px 0}verdocs-template-roles>form label{display:block;font-size:14px;font-weight:500;margin:0 0 4px 0;color:#5c6575}verdocs-template-roles>form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-roles>form input:focus{outline:none}verdocs-template-roles .row.add-sequence{display:none}verdocs-template-roles .add-role{margin:0;padding:0;border:none;opacity:0.3;cursor:pointer;background:none;-webkit-transform:scale(0.75);transform:scale(0.75)}verdocs-template-roles .add-role:hover{opacity:1}verdocs-template-roles .add-role svg{width:32px;height:32px}verdocs-template-roles .add-step{margin:0;padding:0;border:none;opacity:0.5;cursor:pointer;background:none}verdocs-template-roles .add-step:hover{opacity:1}verdocs-template-roles .add-step svg{width:32px;height:32px}verdocs-template-roles.dragging .row.add-sequence{display:-ms-flexbox;display:flex}verdocs-template-roles .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:16px;-ms-flex-direction:row;flex-direction:row}verdocs-template-roles .empty{font-size:13px;margin-top:15px;margin-bottom:5px}verdocs-template-roles .empty svg{width:16px;height:16px;stroke:#666666;margin-bottom:2px;display:inline-block}verdocs-template-roles.dragging .roles .sequence.add-sequence .add-role,verdocs-template-roles.dragging .roles .sequence.add-sequence .add-step-label{display:none}verdocs-template-roles.dragging .roles .sequence.add-sequence .sequence-roles{display:-ms-flexbox;display:flex;min-width:150px;background:#e0e0e0}verdocs-template-roles ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-moz-placeholder{color:#aaaaaa}verdocs-template-roles :-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-roles ::placeholder{color:#aaaaaa}';var VerdocsTemplateRolesStyle0=verdocsTemplateRolesCss;var settingsIcon='<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" fill="#00000089"><path d="m8.021 17.917-.313-2.5q-.27-.125-.625-.334-.354-.208-.625-.395l-2.312.979-1.979-3.438 1.979-1.5q-.021-.167-.031-.364-.011-.198-.011-.365 0-.146.011-.344.01-.198.031-.385l-1.979-1.5 1.979-3.417 2.312.958q.271-.187.615-.385t.635-.344l.313-2.5h3.958l.313 2.5q.312.167.625.344.312.177.604.385l2.333-.958 1.979 3.417-1.979 1.521q.021.187.021.364V10q0 .146-.01.333-.011.188-.011.396l1.958 1.5-1.979 3.438-2.312-.979q-.292.208-.615.395-.323.188-.614.334l-.313 2.5Zm1.937-5.355q1.063 0 1.813-.75t.75-1.812q0-1.062-.75-1.812t-1.813-.75q-1.041 0-1.802.75-.76.75-.76 1.812t.76 1.812q.761.75 1.802.75Zm0-1.333q-.5 0-.864-.364-.365-.365-.365-.865t.365-.865q.364-.364.864-.364t.865.364q.365.365.365.865t-.365.865q-.365.364-.865.364ZM10.021 10Zm-.854 6.583h1.666l.25-2.187q.605-.167 1.136-.49.531-.323 1.031-.802l2.021.875.854-1.375-1.792-1.354q.105-.333.136-.635.031-.303.031-.615 0-.292-.031-.573-.031-.281-.115-.635l1.792-1.396-.834-1.375-2.062.875q-.438-.438-1.021-.781-.583-.344-1.125-.49l-.271-2.208H9.167l-.271 2.208q-.584.146-1.125.458-.542.313-1.042.792l-2.021-.854-.833 1.375 1.75 1.354q-.083.333-.125.646-.042.312-.042.604t.042.594q.042.302.125.635l-1.75 1.375.833 1.375 2.021-.854q.479.458 1.021.771.542.312 1.146.479Z"/></svg>';var plusIcon='<svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor"><path strokeLinecap="round" strokeLinejoin="round" d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>';var iconSigner='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="m9.225 21.225 4.65-4.65h8.45v4.65Zm-5.35-2.2H5.05l8.5-8.5-1.175-1.175-8.5 8.5Zm14.25-9.95L13.8 4.8l1.325-1.325q.625-.65 1.525-.663.9-.012 1.6.663l1.225 1.175q.675.675.663 1.562-.013.888-.663 1.513ZM16.7 10.55 6 21.225H1.675V16.9L12.35 6.225Zm-3.725-.625-.6-.575 1.175 1.175Z"/></svg>';var iconApprover='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z" clip-rule="evenodd" /></svg>';var iconCC='<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z" /><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z" /></svg>';var VerdocsTemplateRoles=function(){function e(e){registerInstance(this,e);this.next=createEvent(this,"next",7);this.exit=createEvent(this,"exit",7);this.sdkError=createEvent(this,"sdkError",7);this.rolesUpdated=createEvent(this,"rolesUpdated",7);this.templateListenerId=null;this.endpoint=VerdocsEndpoint.getDefault();this.templateId="";this.showingRoleDialog=null;this.sender=null;this.dragging=false;this.loading=true;this.template=null}e.prototype.disconnectedCallback=function(){this.unlistenToTemplate()};e.prototype.listenToTemplate=function(){return __awaiter(this,void 0,void 0,(function(){var e=this;return __generator(this,(function(t){console.log("[ROLES] Loading template",this.templateId);this.unlistenToTemplate();Store.subscribe("templates",this.templateId,(function(){return getTemplate(e.endpoint,e.templateId)}),false,(function(t){console.log("[ROLES] Template Updated",t);e.template=t;e.loading=false}));return[2]}))}))};e.prototype.unlistenToTemplate=function(){if(this.templateListenerId){Store.store.delListener(this.templateListenerId);this.templateListenerId=null}};e.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o;return __generator(this,(function(n){try{this.endpoint.loadSession();if(!this.templateId){console.log("[ROLES] Missing required template ID ".concat(this.templateId));return[2]}if(!this.endpoint.session){console.log("[ROLES] Unable to start builder session, must be authenticated");return[2]}this.listenToTemplate()}catch(n){console.log("[FIELDS] Error with preview session",n);(e=this.sdkError)===null||e===void 0?void 0:e.emit(new SDKError(n.message,(t=n.response)===null||t===void 0?void 0:t.status,(o=n.response)===null||o===void 0?void 0:o.data))}return[2]}))}))};e.prototype.componentDidRender=function(){var e=this;var t=this.getSequenceNumbers();(t||[]).forEach((function(t){var o=document.getElementById("verdocs-roles-sequence-".concat(t));if(o){new Sortable(o,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:e.handleMoveEnd.bind(e),onChoose:function(){return e.dragging=true},onUnchoose:function(){return e.dragging=false}})}}));var o=document.getElementById("verdocs-roles-sequence-".concat(t.length+1));if(o){new Sortable(o,{group:"roles",animation:150,dragoverBubble:true,filter:".no-drag",onEnd:this.handleMoveEnd.bind(this),onChoose:function(){return e.dragging=true},onUnchoose:function(){return e.dragging=false}})}};e.prototype.handleMoveEnd=function(e){var t=this;var o=+e.from.id.split("-").pop();var n=+e.to.id.split("-").pop();var r=+e.oldIndex+1;var i=+e.newIndex+1;var s={};var l=this.getSequenceNumbers();l.forEach((function(e){s[e]=JSON.parse(JSON.stringify(t.getRolesAtSequence(e)))}));s[l.length+1]=[];var a=s[o].splice(r-1,1)[0];s[n].splice(i-1,0,a);var c=[];Object.entries(s).forEach((function(e){var o=e[0],n=e[1];n.forEach((function(e,n){console.log("Evaluating role 1",n,e);console.log("Evaluating role 2",e.name,e.sequence,e.order);var r=+n+1;if(e.sequence!==+o||e.order!==r){e.sequence=+o;e.order=r;c.push(updateTemplateRole(t.endpoint,t.templateId,e.name,{sequence:+o,order:r}).then((function(t){return console.log("[ROLES] Updated role",e.name,t)})).catch((function(e){return console.log("[ROLES] Error updating role",e)})))}}))}));console.log("[ROLES] Awaiting ".concat(c.length," renumber requests"),c);return Promise.all(c).then((function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:e=JSON.parse(JSON.stringify(this.template));e.roles=Object.keys(s).reduce((function(e,t){return e.concat(s[t])}),[]);return[4,Store.getTemplate(this.endpoint,this.templateId,true)];case 1:t.sent();return[2]}}))}))}))};e.prototype.handleCancel=function(){var e;(e=this.exit)===null||e===void 0?void 0:e.emit()};e.prototype.handleSubmit=function(){var e;(e=this.next)===null||e===void 0?void 0:e.emit()};e.prototype.getSortedRoles=function(){var e;return(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).sort((function(e,t){return e.sequence===t.sequence?e.order-t.order:e.sequence-t.sequence}))};e.prototype.getSequenceNumbers=function(){var e;var t=(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).map((function(e){return e.sequence}));var o=__spreadArray([],new Set(t),true);o.sort((function(e,t){return e-t}));return o};e.prototype.getRoleNames=function(){var e=this.getSortedRoles();return e.map((function(e){return e.name}))};e.prototype.getRolesAtSequence=function(e){var t;return(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).filter((function(t){return t&&t.sequence===e}))};e.prototype.renumberTemplateRoles=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o,n;var r=this;return __generator(this,(function(i){switch(i.label){case 0:t={};o=[];n=this.getSequenceNumbers();console.log("Sorting sequences",n);(n||[]).forEach((function(e){(t[e]||[]).forEach((function(t,n){var i=+n+1;if(t.sequence!==+e||t.order!==i){console.log("[ROLES] Updating role",t.name,"from",t.sequence,t.order,"to",e,i);t.sequence=+e;t.order=i;o.push(updateTemplateRole(r.endpoint,r.templateId,t.name,{sequence:+e,order:i}).then((function(e){return console.log("[ROLES] Updated role",t.name,e)})).catch((function(e){return console.log("[ROLES] Error updating role",e)})))}}))}));console.log("Sortable Roles",t);console.log("[ROLES] Awaiting ".concat(o.length," renumber requests"));return[4,Promise.all(o).then((function(){return __awaiter(r,void 0,void 0,(function(){var e;return __generator(this,(function(o){e=JSON.parse(JSON.stringify(this.template));e.roles=Object.keys(t).reduce((function(e,o){return e.concat(t[o])}),[]);console.log("[ROLES] Done renumbering",e.roles.map((function(e){return{name:e.name,sequence:e.sequence,order:e.order}})));Store.updateTemplate(this.templateId,e);return[2]}))}))}))];case 1:i.sent();(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"updated",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()});return[2]}}))}))};e.prototype.getNextRoleName=function(){var e,t;var o="";var n=(((e=this.template)===null||e===void 0?void 0:e.roles)||[]).length;do{n++;o="Recipient ".concat(n)}while(!o||(((t=this.template)===null||t===void 0?void 0:t.roles)||[]).some((function(e){return e&&e.name===o})));return o};e.prototype.callCreateRole=function(e,t,o){var n=this;console.log("[ROLES] Will create role",{name:e,sequence:t,order:o});createTemplateRole(this.endpoint,this.templateId,{template_id:this.templateId,name:e,sequence:t,message:"",order:o,full_name:null,first_name:"",last_name:"",email:"",phone:"",type:"signer",delegator:false,kba_method:null}).then((function(e){return __awaiter(n,void 0,void 0,(function(){var t;return __generator(this,(function(o){switch(o.label){case 0:console.log("[ROLES] Created role",e);console.log("Updating template in data store");return[4,Store.getTemplate(this.endpoint,this.templateId,true)];case 1:o.sent();(t=this.rolesUpdated)===null||t===void 0?void 0:t.emit({event:"added",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()});return[2]}}))}))})).catch((function(e){console.log("[ROLES] Error creating role",e)}))};e.prototype.handleAddRole=function(e,t){e.stopPropagation();var o=this.getRolesAtSequence(t).length+1;var n=this.getNextRoleName();this.callCreateRole(n,t,o)};e.prototype.handleAddStep=function(e,t){e.stopPropagation();var o=1;var n=this.getNextRoleName();this.callCreateRole(n,t,o)};e.prototype.render=function(){var e=this;if(!this.endpoint.session){return h(Host,null,h("verdocs-component-error",{message:"You must be authenticated to use this module."}))}if(this.loading||!this.template){return h(Host,{class:"loading"},h("verdocs-loader",null))}console.log("[ROLES] Rendering",this.template.roles.map((function(e){return{name:e.name,sequence:e.sequence,order:e.order}})));var t=this.getRoleNames();var o=this.getSequenceNumbers();console.log("Rendering sequences",o,t);return h(Host,{class:{dragging:this.dragging}},h("form",{onSubmit:function(e){return e.preventDefault()},onClick:function(e){return e.stopPropagation()},autocomplete:"off"},h("h5",null,"Roles and Workflow"),h("div",{class:"roles"},o.map((function(t){return h("div",{class:"sequence"},h("div",{class:"sequence-label no-drag"},t,"."),h("div",{class:"sequence-roles",id:"verdocs-roles-sequence-".concat(t),"data-sequence":t},e.getRolesAtSequence(t).map((function(o){var n=!o.email||!o.first_name||!o.last_name;return n?h("div",{class:"role","data-rolename":o.name,"data-sequence":t,"data-order":o.order},h("div",{class:"role-name"},o.name),h("div",{class:"icons"},h("div",{class:"gear-button",innerHTML:settingsIcon,onClick:function(){return e.showingRoleDialog=o.name},"aria-role":"button"}),h("span",{class:"type-icon",innerHTML:o.type==="signer"?iconSigner:o.type==="cc"?iconCC:iconApprover}))):h("div",{class:"role","data-rolename":o.name,"data-sequence":t,"data-order":o.order},h("div",{class:"role-name"},formatFullName(o)),h("div",{class:"icons"},h("div",{class:"gear-button",innerHTML:settingsIcon,onClick:function(){return e.showingRoleDialog=o.name},"aria-role":"button"}),h("span",{class:"type-icon",innerHTML:o.type==="signer"?iconSigner:o.type==="cc"?iconCC:iconApprover})))}))),h("button",{class:"add-role no-drag",innerHTML:plusIcon,onClick:function(o){return e.handleAddRole(o,t)}}))})),h("div",{class:"sequence add-sequence"},h("div",{class:"sequence-label no-drag"},o.length+1,"."),h("div",{class:"sequence-roles",id:"verdocs-roles-sequence-".concat(o.length+1),"data-sequence":o.length+1}),h("button",{class:"add-role no-drag",innerHTML:plusIcon,onClick:function(t){return e.handleAddRole(t,o.length+1)}}))),t.length<1&&h("div",{class:"empty"},"You must add at least one Role before proceeding.",h("br",null)," Click the ",h("span",{innerHTML:plusIcon})," Add button above to get started."),h("div",{class:"buttons"},h("div",{class:"flex-fill"}),h("verdocs-button",{variant:"outline",label:"Cancel",size:"small",onClick:function(){return e.handleCancel()}}),h("verdocs-button",{label:"OK",size:"small",onClick:function(){return e.handleSubmit()},disabled:t.length<1}))),this.showingRoleDialog&&h("verdocs-menu-panel",{onClose:function(){return e.showingRoleDialog=null}},h("verdocs-template-role-properties",{endpoint:this.endpoint,templateId:this.templateId,roleName:this.showingRoleDialog,onClose:function(){var t;(t=document.getElementById("verdocs-menu-panel-overlay"))===null||t===void 0?void 0:t.remove();e.showingRoleDialog=null},onDelete:function(){return __awaiter(e,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.showingRoleDialog=null;return[4,this.renumberTemplateRoles()];case 1:t.sent();(e=this.rolesUpdated)===null||e===void 0?void 0:e.emit({event:"deleted",endpoint:this.endpoint,templateId:this.templateId,roles:this.getSortedRoles()});return[2]}}))}))}})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();VerdocsTemplateRoles.style=VerdocsTemplateRolesStyle0;export{VerdocsPreview as verdocs_preview,VerdocsSend as verdocs_send,VerdocsTemplateAttachments as verdocs_template_attachments,VerdocsTemplateBuildTabs as verdocs_template_build_tabs,VerdocsTemplateFields as verdocs_template_fields,VerdocsTemplateRoles as verdocs_template_roles};
+//# sourceMappingURL=verdocs-preview_6.entry.js.map