@pine-ds/core 4.0.0 → 4.2.0

package/components/pds-select.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{e as o,m as n,i as l,a as d}from"./form.js";import{h as c,g as p}from"./index2.js";import{d as h}from"./pds-icon2.js";const b=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSelectChange=i(this,"pdsSelectChange",7),this.pdsBlur=i(this,"pdsBlur",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this._type="select-one",this.disabled=!1,this.multiple=!1,this.required=!1,this.onSelectUpdate=e=>{const s=Array.from(e.target.options).filter((e=>e.selected)).map((e=>e.value));this.value=1!==s.length||this.multiple?s:s[0],this.pdsSelectChange.emit(e)},this.onBlur=e=>{this.pdsBlur.emit(e)},this.onFocus=e=>{this.pdsFocus.emit(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)},this.handleSlotChange=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="",e.assignedElements({flatten:!0}).forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(!0);"OPTION"===s.tagName&&s.value===this.value&&(s.selected=!0),this.selectEl.appendChild(s)}})),this.updateSelectedOption()}}valueChanged(){this.updateSelectedOption(),this.updateFormValue()}multipleChanged(){this.updateType()}updateType(){this._type=this.multiple?"select-multiple":"select-one"}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),o(this.el,(()=>this._type))}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}updateSelectedOption(){this.selectEl&&Array.from(this.selectEl.options).map((e=>{e.selected=Array.isArray(this.value)?this.value.includes(e.value):this.value===e.value}))}getHelperMessage(){return this.helperMessage&&t("p",{class:"pds-select__helper-message",id:n(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&t("p",{class:"pds-select__error-message",id:n(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{"aria-hidden":"true",icon:c,size:"small"}),this.errorMessage)}renderMessages(){return this.helperMessage||this.errorMessage?t("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage()):null}isInvalid(){return!!this.invalid||!!this.errorMessage}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),e.join("  ")}renderAction(){return null!==this.el.querySelector('[slot="action"]')?t("div",{class:"pds-select__action",part:"action"},t("slot",{name:"action"})):null}updateFormValue(){if(!l()&&this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e))if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e))),this.internals.setFormValue(s)}else this.internals.setFormValue(e[0]||null);else this.internals.setFormValue(e||null);this.selectEl&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);s.length>1?this.value=s.filter((e=>"string"==typeof e)):1===s.length&&"string"==typeof s[0]&&(this.value=s[0])}}render(){const e=null!==this.el.querySelector('[slot="action"]');return t(r,{key:"c74f5e86a09bd3fe6e8048ca103ec9aa66a98fc6","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":e&&!this.hideLabel?"true":null},t("div",{key:"76de23d6b0d9e32fab48e09a8f6ee3211e196115",class:"pds-select"},!this.hideLabel&&t("div",{key:"1db87074447cbc819e6b06dd89135d018656a471",class:"pds-select__label-wrapper"},t("label",{key:"bc28c3b3361a19ee14a1b79edda736340009d87d",htmlFor:this.componentId},t("span",{key:"f0828e0e83c7c0d7cf50e08df4b861dad4df9eb9",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),t("select",{key:"d7d254887c976a95ad1f1da2ea540d6d3f986630","aria-describedby":d(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":void 0,"aria-label":this.hideLabel?this.label:void 0,autocomplete:this.autocomplete||void 0,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:e=>this.selectEl=e}),t("div",{key:"793a84d41bd5e18d64757238704a053b1135a83c","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},t("slot",{key:"27ed9ff31bbf83fcbd2ed8dd2b23b97422b18d25",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&t("pds-icon",{key:"43d415eab0fc8a3c02e19848a5622ea43f04256e","aria-hidden":"true",class:"pds-select__select-icon",icon:p})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}}static get style(){return':host{--pine-select-color-background-danger:var(--pine-color-red-050)}:host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}'}},[321,"pds-select",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],multiple:[4],name:[1],required:[4],highlight:[516],value:[1025]},void 0,{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["pds-select","pds-icon"].forEach((e=>{switch(e){case"pds-select":customElements.get(a(e))||customElements.define(a(e),b);break;case"pds-icon":customElements.get(a(e))||h()}}))};export{m as PdsSelect,g as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,createEvent as i,h as t,Host as r,transformTag as a}from"@stencil/core/internal/client";import{e as o,m as n,i as l,a as d}from"./form.js";import{h as c,g as p}from"./index2.js";import{d as h}from"./pds-icon2.js";const b=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSelectChange=i(this,"pdsSelectChange",7),this.pdsBlur=i(this,"pdsBlur",7),this.pdsFocus=i(this,"pdsFocus",7),this.pdsKeyDown=i(this,"pdsKeyDown",7),this._type="select-one",this.disabled=!1,this.multiple=!1,this.required=!1,this.onSelectUpdate=e=>{const s=Array.from(e.target.options).filter((e=>e.selected)).map((e=>e.value));this.value=1!==s.length||this.multiple?s:s[0],this.pdsSelectChange.emit(e)},this.onBlur=e=>{this.pdsBlur.emit(e)},this.onFocus=e=>{this.pdsFocus.emit(e)},this.onKeyDown=e=>{this.pdsKeyDown.emit(e)},this.handleSlotChange=()=>{const e=this.slotContainer.querySelector("slot");this.selectEl.innerHTML="",e.assignedElements({flatten:!0}).forEach((e=>{if(["OPTION","OPTGROUP"].includes(e.tagName)){const s=e.cloneNode(!0);"OPTION"===s.tagName&&s.value===this.value&&(s.selected=!0),this.selectEl.appendChild(s)}})),this.updateSelectedOption()}}valueChanged(){this.updateSelectedOption(),this.updateFormValue()}multipleChanged(){this.updateType()}updateType(){this._type=this.multiple?"select-multiple":"select-one"}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),o(this.el,(()=>this._type))}componentWillLoad(){this.updateType(),this.updateSelectedOption()}componentDidLoad(){this.updateFormValue()}updateSelectedOption(){this.selectEl&&Array.from(this.selectEl.options).map((e=>{e.selected=Array.isArray(this.value)?this.value.includes(e.value):this.value===e.value}))}getHelperMessage(){return this.helperMessage&&t("p",{class:"pds-select__helper-message",id:n(this.componentId,"helper")},this.helperMessage)}getErrorMessage(){return this.errorMessage&&t("p",{class:"pds-select__error-message",id:n(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{"aria-hidden":"true",icon:c,size:"small"}),this.errorMessage)}renderMessages(){return this.helperMessage||this.errorMessage?t("div",{class:"pds-select__message"},this.getHelperMessage(),this.getErrorMessage()):null}isInvalid(){return!!this.invalid||!!this.errorMessage}classNames(){const e=[];return this.invalid&&e.push("is-invalid"),this.disabled&&e.push("is-disabled"),e.join("  ")}renderAction(){return null!==this.el.querySelector('[slot="action"]')?t("div",{class:"pds-select__action",part:"action"},t("slot",{name:"action"})):null}updateFormValue(){if(!l()&&this.internals&&this.internals.setFormValue){const e=this.value;if(Array.isArray(e))if(e.length>1){const s=new FormData;e.forEach((e=>s.append(this.name||"",e))),this.internals.setFormValue(s)}else this.internals.setFormValue(e[0]||null);else this.internals.setFormValue(e||null);this.selectEl&&this.internals&&this.internals.setValidity&&this.internals.setValidity(this.selectEl.validity,this.selectEl.validationMessage,this.selectEl)}}formResetCallback(){this.value="",this.updateFormValue()}formDisabledCallback(e){this.disabled=e}formStateRestoreCallback(e){if("string"==typeof e)this.value=e;else if(e instanceof FormData&&this.name){const s=e.getAll(this.name);s.length>1?this.value=s.filter((e=>"string"==typeof e)):1===s.length&&"string"==typeof s[0]&&(this.value=s[0])}}render(){const e=null!==this.el.querySelector('[slot="action"]');return t(r,{key:"6b240f3f91bcbdc52f019b0b6c57afda91abcbc9","aria-disabled":this.disabled?"true":null,class:this.classNames(),"has-action":e&&!this.hideLabel?"true":null},t("div",{key:"5bcacb3b861b69d4b2a16b917bad3d7c356eab13",class:"pds-select"},!this.hideLabel&&t("div",{key:"4707b7b50a9e3144316f6c3e8b78767aee56553e",class:"pds-select__label-wrapper"},t("label",{key:"89992c65158f26fef606b4f613baf139e9fe17c8",htmlFor:this.componentId},t("span",{key:"8f05323646aca793a80310515b1cc6e0e8597736",class:this.hideLabel?"visually-hidden":""},this.label)),e&&this.renderAction()),t("select",{key:"8381fe48cce4c6ec32ae2c0dd16bc3e188fbfda0","aria-describedby":d(this.componentId,this.isInvalid(),this.helperMessage,this.errorMessage),"aria-invalid":this.isInvalid()?"true":void 0,"aria-label":this.hideLabel?this.label:void 0,autocomplete:this.autocomplete||void 0,class:"pds-select__field",disabled:this.disabled,id:this.componentId,multiple:this.multiple,name:this.name,onBlur:this.onBlur,onChange:this.onSelectUpdate,onFocus:this.onFocus,onKeyDown:this.onKeyDown,part:"select",required:this.required,ref:e=>this.selectEl=e}),t("div",{key:"c05f059e3c4e21d304ac1da08613d2b2d84aa342","aria-hidden":"true",class:"hidden",ref:e=>this.slotContainer=e},t("slot",{key:"b52f06405693803c0d2309e97f2611598cac7b70",onSlotchange:this.handleSlotChange})),this.renderMessages(),!this.multiple&&t("pds-icon",{key:"e1e7af5249a928402a3c5dfe418f695b4e1fa7d4","aria-hidden":"true",class:"pds-select__select-icon",icon:p})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}}static get style(){return':host{--pine-select-color-background-danger:var(--pine-color-red-050)}:host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host{--pds-select-background:var(--pine-color-background-container);--pds-select-border:var(--pine-border);--pds-select-border-radius:var(--pine-dimension-125);--pds-select-border-radius-start-end:var(--pine-dimension-125);--pds-select-border-radius-start-start:var(--pine-dimension-125);--pds-select-border-radius-end-end:var(--pine-dimension-125);--pds-select-border-radius-end-start:var(--pine-dimension-125);--pds-select-min-height:36px;--box-shadow-focus:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring);--box-shadow-focus-error:0 0 0 1px var(--pine-color-background-container), 0 0 0 3px var(--pine-color-focus-ring-danger)}:host .hidden,:host :host([hidden]){display:none}.pds-select{color:var(--pine-color-text);display:grid;-ms-flex-direction:column;flex-direction:column;grid-template-areas:"label label" "field field" "message message";grid-template-columns:1fr minmax(2rem, -webkit-min-content);grid-template-columns:1fr minmax(2rem, min-content);grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;position:relative;width:100%}.pds-select__label-wrapper{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-area:label;-ms-flex-pack:justify;justify-content:space-between;-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__action{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs);-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}label{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-select__label-wrapper label{-webkit-margin-after:0;margin-block-end:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--pds-select-background);border:var(--pds-select-border);border-end-end-radius:var(--pds-select-border-radius-end-end, var(--pds-select-border-radius));border-end-start-radius:var(--pds-select-border-radius-end-start, var(--pds-select-border-radius));border-start-end-radius:var(--pds-select-border-radius-start-end, var(--pds-select-border-radius));border-start-start-radius:var(--pds-select-border-radius-start-start, var(--pds-select-border-radius));color:var(--pine-color-text);font:var(--pine-typography-body);grid-area:field;letter-spacing:var(--pine-letter-spacing);min-height:var(--pds-select-min-height);padding:calc(var(--pine-dimension-xs) - var(--pine-border-width)) var(--pine-dimension-150);-webkit-padding-end:var(--pine-dimension-450);padding-inline-end:var(--pine-dimension-450);position:relative}select:hover{border-color:var(--pine-color-border-hover);cursor:pointer}select:focus-visible{border-color:var(--pine-color-border-active);outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}select:disabled{background-color:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);color:var(--pine-color-text-disabled);cursor:not-allowed}select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) select:has(~.pds-select__message .pds-select__error-message){background-color:var(--pine-color-red-950)}select:has(~.pds-select__message .pds-select__error-message):focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host(.is-disabled) .pds-select__select-icon{color:var(--pine-color-text-disabled)}:host(.is-invalid) select{background-color:var(--pine-select-color-background-danger);border-color:var(--pine-color-border-danger)}:host-context([data-theme=dark]) :host(.is-invalid) select{background-color:var(--pine-color-red-950)}:host(.is-invalid) select:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-accent);color:var(--pine-color-text-accent)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:hover:not(:disabled){border-color:var(--pine-color-accent-hover)}:host([highlight]:not(.is-disabled):not(.is-invalid)) select:focus-visible{outline-color:var(--pine-color-focus-ring)}:host([highlight]:not(.is-disabled):not(.is-invalid)) .pds-select__select-icon{color:var(--pine-color-text-accent)}.pds-select__error-message,.pds-select__helper-message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-select__error-message{color:var(--pine-color-text-message-danger);display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-select__error-message pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}.pds-select__message{grid-area:message}.pds-select__select-icon{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;grid-column:-1/-2;grid-row:2/3;height:var(--pds-select-min-height);pointer-events:none;position:relative;z-index:calc(var(--pine-z-index-raised) - 1)}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}'}},[321,"pds-select",{autocomplete:[1],componentId:[1,"component-id"],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],multiple:[4],name:[1],required:[4],highlight:[516],value:[1025]},void 0,{value:[{valueChanged:0}],multiple:[{multipleChanged:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["pds-select","pds-icon"].forEach((e=>{switch(e){case"pds-select":customElements.get(a(e))||customElements.define(a(e),b);break;case"pds-icon":customElements.get(a(e))||h()}}))};export{m as PdsSelect,g as defineCustomElement}

package/components/pds-sortable-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as r,transformTag as d}from"@stencil/core/internal/client";import{i as o}from"./index2.js";import{d as a}from"./pds-icon2.js";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.enableActions=!1,this.showHandle=!1}componentDidRender(){Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__handle"))).slice(1).forEach((e=>e.remove()));const e=Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__actions"))),s=e[e.length-1];e.slice(0,-1).forEach((e=>{void 0!==s&&Array.from(e.children).forEach((e=>s.appendChild(e))),e.remove()}))}componentWillRender(){this.sortableRef=this.el.closest("pds-sortable"),this.sortableRef&&"handle"===this.sortableRef.handleType&&(this.showHandle=!0)}render(){return t(r,{key:"5533907ee217d31754ac19bf712bdb903e3b1614",class:"pds-sortable-item",id:this.componentId},this.showHandle&&t("div",{key:"37642112619986b21c16c243e8d140ae82c869da",class:"pds-sortable-item__handle"},t("pds-icon",{key:"71ec5188d7443c39ab00ba8b24ffbfbdfb3bd5b4","aria-hidden":"true",icon:o})),t("slot",{key:"4c5f80514336f40086a3b92d8c3d5ebb04115f4a"}),this.enableActions&&t("div",{key:"ca821be132fb88e0faa207817bb27db488475d96",class:"pds-sortable-item__actions"},t("slot",{key:"50fc7b02c86246cd60710996399c53b9f1f669c4",name:"sortable-item-actions"})))}get el(){return this}static get style(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"}},[262,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],showHandle:[1028,"show-handle"]}]),n=i,b=function(){"undefined"!=typeof customElements&&["pds-sortable-item","pds-icon"].forEach((e=>{switch(e){case"pds-sortable-item":customElements.get(d(e))||customElements.define(d(e),i);break;case"pds-icon":customElements.get(d(e))||a()}}))};export{n as PdsSortableItem,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as r,transformTag as d}from"@stencil/core/internal/client";import{i as a}from"./index2.js";import{d as o}from"./pds-icon2.js";const i=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.enableActions=!1,this.showHandle=!1}componentDidRender(){Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__handle"))).slice(1).forEach((e=>e.remove()));const e=Array.from(this.el.children).filter((e=>e.matches(".pds-sortable-item__actions"))),s=e[e.length-1];e.slice(0,-1).forEach((e=>{void 0!==s&&Array.from(e.children).forEach((e=>s.appendChild(e))),e.remove()}))}componentWillRender(){this.sortableRef=this.el.closest("pds-sortable"),this.sortableRef&&"handle"===this.sortableRef.handleType&&(this.showHandle=!0)}render(){return t(r,{key:"07dcd36e87b8fcfae7ff5f33a7bd8d44322fcbb3",class:"pds-sortable-item",id:this.componentId},this.showHandle&&t("div",{key:"cb2de083316c50beb63d700288c9091d01a99240",class:"pds-sortable-item__handle"},t("pds-icon",{key:"90906fe69419f1a240aa976e7024872577d00bd3","aria-hidden":"true",icon:a})),t("slot",{key:"a6969eb7d575919db12f98e3fc5d82708128be8e"}),this.enableActions&&t("div",{key:"5688ea0ead3c2adba9e21a7fa327adc6fdbc71b1",class:"pds-sortable-item__actions"},t("slot",{key:"f62b4ecf0c92edae854e9b3ca5e9da6a5051f77d",name:"sortable-item-actions"})))}get el(){return this}static get style(){return".pds-sortable-item.sc-pds-sortable-item-h{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding-block:var(--pine-dimension-xs);padding-inline:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__actions.sc-pds-sortable-item{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{line-height:1;-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:first-child{border-start-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-start-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--bordered .pds-sortable-item.sc-pds-sortable-item-h:last-child{border-end-end-radius:calc(var(--pine-dimension-xs) * 1.25);border-end-start-radius:calc(var(--pine-dimension-xs) * 1.25)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h{-webkit-border-after:var(--pine-border);border-block-end:var(--pine-border)}.pds-sortable--divided .pds-sortable-item.sc-pds-sortable-item-h:last-child{-webkit-border-after:0;border-block-end:0}.pds-sortable--handle-type-row .pds-sortable-item.sc-pds-sortable-item-h{cursor:-webkit-grab;cursor:grab}.pds-sortable--handle-type-handle .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:-webkit-grab;cursor:grab}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h{cursor:not-allowed;opacity:0.5}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h .pds-sortable-item__handle.sc-pds-sortable-item{cursor:not-allowed}.pds-sortable--disabled .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:transparent}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover{background-color:var(--pine-color-background-container-hover)}.pds-sortable:not(.pds-sortable--disabled) .pds-sortable-item.sc-pds-sortable-item-h:hover pds-icon.sc-pds-sortable-item{color:var(--pine-color-info)}.pds-sortable-item--drag.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container);border-radius:0;-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400);opacity:1}.pds-sortable-item--ghost.sc-pds-sortable-item-h{background-color:var(--pine-color-background-container-hover);border-radius:0}"}},[262,"pds-sortable-item",{enableActions:[4,"enable-actions"],componentId:[1,"component-id"],showHandle:[1028,"show-handle"]}]),n=i,l=function(){"undefined"!=typeof customElements&&["pds-sortable-item","pds-icon"].forEach((e=>{switch(e){case"pds-sortable-item":customElements.get(d(e))||customElements.define(d(e),i);break;case"pds-icon":customElements.get(d(e))||o()}}))};export{n as PdsSortableItem,l as defineCustomElement}

package/components/pds-sortable.js

@@ -4,4 +4,4 @@ import{proxyCustomElement as t,HTMLElement as n,createEvent as e,h as i,Host as
  * @author	RubaXa   <trash@rubaxa.org>
  * @author	owenm    <owen23355@gmail.com>
  * @license MIT
- */function a(t,n,e){return(n=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,n);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return t+""}(t,"string");return"symbol"==typeof n?n:n+""}(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function s(){return s=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)({}).hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t},s.apply(null,arguments)}function u(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,i)}return e}function l(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?u(Object(e),!0).forEach((function(n){a(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):u(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function f(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var h=f(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),d=f(/Edge/i),v=f(/firefox/i),m=f(/safari/i)&&!f(/chrome/i)&&!f(/android/i),p=f(/iP(ad|od|hone)/i),b=f(/chrome/i)&&f(/android/i),g={capture:!1,passive:!1};function w(t,n,e){t.addEventListener(n,e,!h&&g)}function y(t,n,e){t.removeEventListener(n,e,!h&&g)}function E(t,n){if(n){if(">"===n[0]&&(n=n.substring(1)),t)try{if(t.matches)return t.matches(n);if(t.msMatchesSelector)return t.msMatchesSelector(n);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(n)}catch(t){return!1}return!1}}function S(t){return t.host&&t!==document&&t.host.nodeType&&t.host!==t?t.host:t.parentNode}function x(t,n,e,i){if(t){e=e||document;do{if(null!=n&&(">"===n[0]?t.parentNode===e&&E(t,n):E(t,n))||i&&t===e)return t;if(t===e)break}while(t=S(t))}return null}var T,M=/\s+/g;function I(t,n,e){if(t&&n)if(t.classList)t.classList[e?"add":"remove"](n);else{var i=(" "+t.className+" ").replace(M," ").replace(" "+n+" "," ");t.className=(i+(e?" "+n:"")).replace(M," ")}}function O(t,n,e){var i=t&&t.style;if(i){if(void 0===e)return document.defaultView&&document.defaultView.getComputedStyle?e=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(e=t.currentStyle),void 0===n?e:e[n];n in i||-1!==n.indexOf("webkit")||(n="-webkit-"+n),i[n]=e+("string"==typeof e?"":"px")}}function D(t,n){var e="";if("string"==typeof t)e=t;else do{var i=O(t,"transform");i&&"none"!==i&&(e=i+" "+e)}while(!n&&(t=t.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(e)}function _(t,n,e){if(t){var i=t.getElementsByTagName(n),o=0,r=i.length;if(e)for(;o<r;o++)e(i[o],o);return i}return[]}function C(){return document.scrollingElement||document.documentElement}function k(t,n,e,i,o){if(t.getBoundingClientRect||t===window){var r,a,s,u,l,c,f;if(t!==window&&t.parentNode&&t!==C()?(a=(r=t.getBoundingClientRect()).top,s=r.left,u=r.bottom,l=r.right,c=r.height,f=r.width):(a=0,s=0,u=window.innerHeight,l=window.innerWidth,c=window.innerHeight,f=window.innerWidth),(n||e)&&t!==window&&(o=o||t.parentNode,!h))do{if(o&&o.getBoundingClientRect&&("none"!==O(o,"transform")||e&&"static"!==O(o,"position"))){var d=o.getBoundingClientRect();a-=d.top+parseInt(O(o,"border-top-width")),s-=d.left+parseInt(O(o,"border-left-width")),u=a+r.height,l=s+r.width;break}}while(o=o.parentNode);if(i&&t!==window){var v=D(o||t),m=v&&v.a,p=v&&v.d;v&&(u=(a/=p)+(c/=p),l=(s/=m)+(f/=m))}return{top:a,left:s,bottom:u,right:l,width:f,height:c}}}function j(t,n,e){for(var i=F(t,!0),o=k(t)[n];i;){if(!(o>=k(i)[e]))return i;if(i===C())break;i=F(i,!1)}return!1}function A(t,n,e,i){for(var o=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Gt.ghost&&(i||a[r]!==Gt.dragged)&&x(a[r],e.draggable,t,!1)){if(o===n)return a[r];o++}r++}return null}function z(t,n){for(var e=t.lastElementChild;e&&(e===Gt.ghost||"none"===O(e,"display")||n&&!E(e,n));)e=e.previousElementSibling;return e||null}function N(t,n){var e=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Gt.clone||n&&!E(t,n)||e++;return e}function P(t){var n=0,e=0,i=C();if(t)do{var o=D(t);n+=t.scrollLeft*o.a,e+=t.scrollTop*o.d}while(t!==i&&(t=t.parentNode));return[n,e]}function F(t,n){if(!t||!t.getBoundingClientRect)return C();var e=t,i=!1;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){var o=O(e);if(e.clientWidth<e.scrollWidth&&("auto"==o.overflowX||"scroll"==o.overflowX)||e.clientHeight<e.scrollHeight&&("auto"==o.overflowY||"scroll"==o.overflowY)){if(!e.getBoundingClientRect||e===document.body)return C();if(i||n)return e;i=!0}}}while(e=e.parentNode);return C()}function B(t,n){return Math.round(t.top)===Math.round(n.top)&&Math.round(t.left)===Math.round(n.left)&&Math.round(t.height)===Math.round(n.height)&&Math.round(t.width)===Math.round(n.width)}function H(t,n){return function(){if(!T){var e=arguments;1===e.length?t.call(this,e[0]):t.apply(this,e),T=setTimeout((function(){T=void 0}),n)}}}function G(t,n,e){t.scrollLeft+=n,t.scrollTop+=e}function L(t){var n=window.Polymer,e=window.jQuery||window.Zepto;return n&&n.dom?n.dom(t).cloneNode(!0):e?e(t).clone(!0)[0]:t.cloneNode(!0)}function R(t,n,e){var i={};return Array.from(t.children).forEach((function(o){var r,a,s,u;if(x(o,n.draggable,t,!1)&&!o.animated&&o!==e){var l=k(o);i.left=Math.min(null!==(r=i.left)&&void 0!==r?r:1/0,l.left),i.top=Math.min(null!==(a=i.top)&&void 0!==a?a:1/0,l.top),i.right=Math.max(null!==(s=i.right)&&void 0!==s?s:-1/0,l.right),i.bottom=Math.max(null!==(u=i.bottom)&&void 0!==u?u:-1/0,l.bottom)}})),i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}var W="Sortable"+(new Date).getTime();var X=[],Y={initializeByDefault:!0},U={mount:function(t){for(var n in Y)Y.hasOwnProperty(n)&&!(n in t)&&(t[n]=Y[n]);X.forEach((function(n){if(n.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),X.push(t)},pluginEvent:function(t,n,e){var i=this;this.eventCanceled=!1,e.cancel=function(){i.eventCanceled=!0};var o=t+"Global";X.forEach((function(i){n[i.pluginName]&&(n[i.pluginName][o]&&n[i.pluginName][o](l({sortable:n},e)),n.options[i.pluginName]&&n[i.pluginName][t]&&n[i.pluginName][t](l({sortable:n},e)))}))},initializePlugins:function(t,n,e){for(var i in X.forEach((function(i){var o=i.pluginName;if(t.options[o]||i.initializeByDefault){var r=new i(t,n,t.options);r.sortable=t,r.options=t.options,t[o]=r,s(e,r.defaults)}})),t.options)if(t.options.hasOwnProperty(i)){var o=this.modifyOption(t,i,t.options[i]);void 0!==o&&(t.options[i]=o)}},getEventProperties:function(t,n){var e={};return X.forEach((function(i){"function"==typeof i.eventProperties&&s(e,i.eventProperties.call(n[i.pluginName],t))})),e},modifyOption:function(t,n,e){var i;return X.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(i=o.optionListeners[n].call(t[o.pluginName],e))})),i}},V=["evt"],Z=function(t,n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=e.evt,o=function(t,n){if(null==t)return{};var e,i,o=function(t,n){if(null==t)return{};var e={};for(var i in t)if({}.hasOwnProperty.call(t,i)){if(-1!==n.indexOf(i))continue;e[i]=t[i]}return e}(t,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)-1===n.indexOf(e=r[i])&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}(e,V);U.pluginEvent.bind(Gt)(t,n,l({dragEl:q,parentEl:J,ghostEl:K,rootEl:Q,nextEl:tt,lastDownEl:nt,cloneEl:et,cloneHidden:it,dragStarted:pt,putSortable:lt,activeSortable:Gt.active,originalEvent:i,oldIndex:ot,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:st,hideGhostForTarget:Pt,unhideGhostForTarget:Ft,cloneNowHidden:function(){it=!0},cloneNowShown:function(){it=!1},dispatchSortableEvent:function(t){$({sortable:n,name:t,originalEvent:i})}},o))};function $(t){!function(t){var n=t.sortable,e=t.rootEl,i=t.name,o=t.targetEl,r=t.cloneEl,a=t.toEl,s=t.fromEl,u=t.oldIndex,c=t.newIndex,f=t.oldDraggableIndex,v=t.newDraggableIndex,m=t.originalEvent,p=t.putSortable,b=t.extraEventProperties;if(n=n||e&&e[W]){var g,w=n.options,y="on"+i.charAt(0).toUpperCase()+i.substr(1);!window.CustomEvent||h||d?(g=document.createEvent("Event")).initEvent(i,!0,!0):g=new CustomEvent(i,{bubbles:!0,cancelable:!0}),g.to=a||e,g.from=s||e,g.item=o||e,g.clone=r,g.oldIndex=u,g.newIndex=c,g.oldDraggableIndex=f,g.newDraggableIndex=v,g.originalEvent=m,g.pullMode=p?p.lastPutMode:void 0;var E=l(l({},b),U.getEventProperties(i,n));for(var S in E)g[S]=E[S];e&&e.dispatchEvent(g),w[y]&&w[y].call(n,g)}}(l({putSortable:lt,cloneEl:et,targetEl:q,rootEl:Q,oldIndex:ot,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:st},t))}var q,J,K,Q,tt,nt,et,it,ot,rt,at,st,ut,lt,ct,ft,ht,dt,vt,mt,pt,bt,gt,wt,yt,Et=!1,St=!1,xt=[],Tt=!1,Mt=!1,It=[],Ot=!1,Dt=[],_t="undefined"!=typeof document,Ct=p,kt=d||h?"cssFloat":"float",jt=_t&&!b&&!p&&"draggable"in document.createElement("div"),At=function(){if(_t){if(h)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),zt=function(t,n){var e=O(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),o=A(t,0,n),r=A(t,1,n),a=o&&O(o),s=r&&O(r),u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+k(o).width,l=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+k(r).width;return"flex"===e.display?"column"===e.flexDirection||"column-reverse"===e.flexDirection?"vertical":"horizontal":"grid"===e.display?e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal":o&&a.float&&"none"!==a.float?!r||"both"!==s.clear&&s.clear!==("left"===a.float?"left":"right")?"horizontal":"vertical":o&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||u>=i&&"none"===e[kt]||r&&"none"===e[kt]&&u+l>i)?"vertical":"horizontal"},Nt=function(t){function n(t,e){return function(i,o,r,a){if(null==t&&(e||i.options.group.name&&o.options.group.name&&i.options.group.name===o.options.group.name))return!0;if(null==t||!1===t)return!1;if(e&&"clone"===t)return t;if("function"==typeof t)return n(t(i,o,r,a),e)(i,o,r,a);var s=(e?i:o).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var e={},i=t.group;i&&"object"==c(i)||(i={name:i}),e.name=i.name,e.checkPull=n(i.pull,!0),e.checkPut=n(i.put),e.revertClone=i.revertClone,t.group=e},Pt=function(){!At&&K&&O(K,"display","none")},Ft=function(){!At&&K&&O(K,"display","")};_t&&!b&&document.addEventListener("click",(function(t){if(St)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),St=!1,!1}),!0);var Bt=function(t){if(q){var n=function(t,n){var e;return xt.some((function(i){var o=i[W].options.emptyInsertThreshold;if(o&&!z(i)){var r=k(i);return t>=r.left-o&&t<=r.right+o&&n>=r.top-o&&n<=r.bottom+o?e=i:void 0}})),e}((t=t.touches?t.touches[0]:t).clientX,t.clientY);if(n){var e={};for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i]);e.target=e.rootEl=n,e.preventDefault=void 0,e.stopPropagation=void 0,n[W]._onDragOver(e)}}},Ht=function(t){q&&q.parentNode[W]._isOutsideThisEl(t.target)};function Gt(t,n){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=n=s({},n),t[W]=this;var e={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return zt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,n){t.setData("Text",n.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Gt.supportPointer&&"PointerEvent"in window&&(!m||p),emptyInsertThreshold:5};for(var i in U.initializePlugins(this,t,e),e)!(i in n)&&(n[i]=e[i]);for(var o in Nt(n),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!n.forceFallback&&jt,this.nativeDraggable&&(this.options.touchStartThreshold=1),n.supportPointer?w(t,"pointerdown",this._onTapStart):(w(t,"mousedown",this._onTapStart),w(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(w(t,"dragover",this),w(t,"dragenter",this)),xt.push(this.el),n.store&&n.store.get&&this.sort(n.store.get(this)||[]),s(this,function(){var t,n=[];return{captureAnimationState:function(){n=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==O(t,"display")&&t!==Gt.ghost){n.push({target:t,rect:k(t)});var e=l({},n[n.length-1].rect);if(t.thisAnimationDuration){var i=D(t,!0);i&&(e.top-=i.f,e.left-=i.e)}t.fromRect=e}}))},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,n){for(var e in t)if(t.hasOwnProperty(e))for(var i in n)if(n.hasOwnProperty(i)&&n[i]===t[e][i])return Number(e);return-1}(n,{target:t}),1)},animateAll:function(e){var i=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof e&&e());var o=!1,r=0;n.forEach((function(t){var n=0,e=t.target,a=e.fromRect,s=k(e),u=e.prevFromRect,l=e.prevToRect,c=t.rect,f=D(e,!0);f&&(s.top-=f.f,s.left-=f.e),e.toRect=s,e.thisAnimationDuration&&B(u,s)&&!B(a,s)&&(c.top-s.top)/(c.left-s.left)==(a.top-s.top)/(a.left-s.left)&&(n=function(t,n,e,i){return Math.sqrt(Math.pow(n.top-t.top,2)+Math.pow(n.left-t.left,2))/Math.sqrt(Math.pow(n.top-e.top,2)+Math.pow(n.left-e.left,2))*i.animation}(c,u,l,i.options)),B(s,a)||(e.prevFromRect=a,e.prevToRect=s,n||(n=i.options.animation),i.animate(e,c,s,n)),n&&(o=!0,r=Math.max(r,n),clearTimeout(e.animationResetTimer),e.animationResetTimer=setTimeout((function(){e.animationTime=0,e.prevFromRect=null,e.fromRect=null,e.prevToRect=null,e.thisAnimationDuration=null}),n),e.thisAnimationDuration=n)})),clearTimeout(t),o?t=setTimeout((function(){"function"==typeof e&&e()}),r):"function"==typeof e&&e(),n=[]},animate:function(t,n,e,i){if(i){O(t,"transition",""),O(t,"transform","");var o=D(this.el),r=(n.left-e.left)/(o&&o.a||1),a=(n.top-e.top)/(o&&o.d||1);t.animatingX=!!r,t.animatingY=!!a,O(t,"transform","translate3d("+r+"px,"+a+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),O(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:"")),O(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){O(t,"transition",""),O(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),i)}}}}())}function Lt(t,n,e,i,o,r,a,s){var u,l,c=t[W],f=c.options.onMove;return!window.CustomEvent||h||d?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=n,u.from=t,u.dragged=e,u.draggedRect=i,u.related=o||n,u.relatedRect=r||k(n),u.willInsertAfter=s,u.originalEvent=a,t.dispatchEvent(u),f&&(l=f.call(c,u,a)),l}function Rt(t){t.draggable=!1}function Wt(){Ot=!1}function Xt(t){for(var n=t.tagName+t.className+t.src+t.href+t.textContent,e=n.length,i=0;e--;)i+=n.charCodeAt(e);return i.toString(36)}function Yt(t){return setTimeout(t,0)}function Ut(t){return clearTimeout(t)}Gt.prototype={constructor:Gt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(bt=null)},_getDirection:function(t,n){return"function"==typeof this.options.direction?this.options.direction.call(this,t,n,q):this.options.direction},_onTapStart:function(t){if(t.cancelable){var n=this,e=this.el,i=this.options,o=i.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,s=(a||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||s,l=i.filter;if(function(t){Dt.length=0;for(var n=t.getElementsByTagName("input"),e=n.length;e--;){var i=n[e];i.checked&&Dt.push(i)}}(e),!q&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||i.disabled)&&!u.isContentEditable&&(this.nativeDraggable||!m||!s||"SELECT"!==s.tagName.toUpperCase())&&!((s=x(s,i.draggable,e,!1))&&s.animated||nt===s)){if(ot=N(s),at=N(s,i.draggable),"function"==typeof l){if(l.call(this,t,s,this))return $({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:e,fromEl:e}),Z("filter",n,{evt:t}),void(o&&t.preventDefault())}else if(l&&(l=l.split(",").some((function(i){if(i=x(u,i.trim(),e,!1))return $({sortable:n,rootEl:i,name:"filter",targetEl:s,fromEl:e,toEl:e}),Z("filter",n,{evt:t}),!0}))))return void(o&&t.preventDefault());i.handle&&!x(u,i.handle,e,!1)||this._prepareDragStart(t,a,s)}}},_prepareDragStart:function(t,n,e){var i,o=this,r=o.el,a=o.options,s=r.ownerDocument;if(e&&!q&&e.parentNode===r){var u=k(e);if(Q=r,J=(q=e).parentNode,tt=q.nextSibling,nt=e,ut=a.group,Gt.dragged=q,vt=(ct={target:q,clientX:(n||t).clientX,clientY:(n||t).clientY}).clientX-u.left,mt=ct.clientY-u.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,q.style["will-change"]="all",i=function(){Z("delayEnded",o,{evt:t}),Gt.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!v&&o.nativeDraggable&&(q.draggable=!0),o._triggerDragStart(t,n),$({sortable:o,name:"choose",originalEvent:t}),I(q,a.chosenClass,!0))},a.ignore.split(",").forEach((function(t){_(q,t.trim(),Rt)})),w(s,"dragover",Bt),w(s,"mousemove",Bt),w(s,"touchmove",Bt),a.supportPointer?(w(s,"pointerup",o._onDrop),!this.nativeDraggable&&w(s,"pointercancel",o._onDrop)):(w(s,"mouseup",o._onDrop),w(s,"touchend",o._onDrop),w(s,"touchcancel",o._onDrop)),v&&this.nativeDraggable&&(this.options.touchStartThreshold=4,q.draggable=!0),Z("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!n||this.nativeDraggable&&(d||h))i();else{if(Gt.eventCanceled)return void this._onDrop();a.supportPointer?(w(s,"pointerup",o._disableDelayedDrag),w(s,"pointercancel",o._disableDelayedDrag)):(w(s,"mouseup",o._disableDelayedDrag),w(s,"touchend",o._disableDelayedDrag),w(s,"touchcancel",o._disableDelayedDrag)),w(s,"mousemove",o._delayedDragTouchMoveHandler),w(s,"touchmove",o._delayedDragTouchMoveHandler),a.supportPointer&&w(s,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(i,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){q&&Rt(q),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;y(t,"mouseup",this._disableDelayedDrag),y(t,"touchend",this._disableDelayedDrag),y(t,"touchcancel",this._disableDelayedDrag),y(t,"pointerup",this._disableDelayedDrag),y(t,"pointercancel",this._disableDelayedDrag),y(t,"mousemove",this._delayedDragTouchMoveHandler),y(t,"touchmove",this._delayedDragTouchMoveHandler),y(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||"touch"==t.pointerType&&t,!this.nativeDraggable||n?w(document,this.options.supportPointer?"pointermove":n?"touchmove":"mousemove",this._onTouchMove):(w(q,"dragend",this),w(Q,"dragstart",this._onDragStart));try{document.selection?Yt((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,n){if(Et=!1,Q&&q){Z("dragStarted",this,{evt:n}),this.nativeDraggable&&w(document,"dragover",Ht);var e=this.options;!t&&I(q,e.dragClass,!1),I(q,e.ghostClass,!0),Gt.active=this,t&&this._appendGhost(),$({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(ft){this._lastX=ft.clientX,this._lastY=ft.clientY,Pt();for(var t=document.elementFromPoint(ft.clientX,ft.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(ft.clientX,ft.clientY))!==n;)n=t;if(q.parentNode[W]._isOutsideThisEl(t),n)do{if(n[W]&&n[W]._onDragOver({clientX:ft.clientX,clientY:ft.clientY,target:t,rootEl:n})&&!this.options.dragoverBubble)break;t=n}while(n=S(n));Ft()}},_onTouchMove:function(t){if(ct){var n=this.options,e=n.fallbackTolerance,i=n.fallbackOffset,o=t.touches?t.touches[0]:t,r=K&&D(K,!0),a=K&&r&&r.a,s=K&&r&&r.d,u=Ct&&yt&&P(yt),l=(o.clientX-ct.clientX+i.x)/(a||1)+(u?u[0]-It[0]:0)/(a||1),c=(o.clientY-ct.clientY+i.y)/(s||1)+(u?u[1]-It[1]:0)/(s||1);if(!Gt.active&&!Et){if(e&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<e)return;this._onDragStart(t,!0)}if(K){r?(r.e+=l-(ht||0),r.f+=c-(dt||0)):r={a:1,b:0,c:0,d:1,e:l,f:c};var f="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");O(K,"webkitTransform",f),O(K,"mozTransform",f),O(K,"msTransform",f),O(K,"transform",f),ht=l,dt=c,ft=o}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!K){var t=this.options.fallbackOnBody?document.body:Q,n=k(q,!0,Ct,!0,t),e=this.options;if(Ct){for(yt=t;"static"===O(yt,"position")&&"none"===O(yt,"transform")&&yt!==document;)yt=yt.parentNode;yt!==document.body&&yt!==document.documentElement?(yt===document&&(yt=C()),n.top+=yt.scrollTop,n.left+=yt.scrollLeft):yt=C(),It=P(yt)}I(K=q.cloneNode(!0),e.ghostClass,!1),I(K,e.fallbackClass,!0),I(K,e.dragClass,!0),O(K,"transition",""),O(K,"transform",""),O(K,"box-sizing","border-box"),O(K,"margin",0),O(K,"top",n.top),O(K,"left",n.left),O(K,"width",n.width),O(K,"height",n.height),O(K,"opacity","0.8"),O(K,"position",Ct?"absolute":"fixed"),O(K,"zIndex","100000"),O(K,"pointerEvents","none"),Gt.ghost=K,t.appendChild(K),O(K,"transform-origin",vt/parseInt(K.style.width)*100+"% "+mt/parseInt(K.style.height)*100+"%")}},_onDragStart:function(t,n){var e=this,i=t.dataTransfer,o=e.options;Z("dragStart",this,{evt:t}),Gt.eventCanceled?this._onDrop():(Z("setupClone",this),Gt.eventCanceled||((et=L(q)).removeAttribute("id"),et.draggable=!1,et.style["will-change"]="",this._hideClone(),I(et,this.options.chosenClass,!1),Gt.clone=et),e.cloneId=Yt((function(){Z("clone",e),Gt.eventCanceled||(e.options.removeCloneOnHide||Q.insertBefore(et,q),e._hideClone(),$({sortable:e,name:"clone"}))})),!n&&I(q,o.dragClass,!0),n?(St=!0,e._loopId=setInterval(e._emulateDragOver,50)):(y(document,"mouseup",e._onDrop),y(document,"touchend",e._onDrop),y(document,"touchcancel",e._onDrop),i&&(i.effectAllowed="move",o.setData&&o.setData.call(e,i,q)),w(document,"drop",e),O(q,"transform","translateZ(0)")),Et=!0,e._dragStartId=Yt(e._dragStarted.bind(e,n,t)),w(document,"selectstart",e),pt=!0,window.getSelection().removeAllRanges(),m&&O(document.body,"user-select","none"))},_onDragOver:function(t){var n,e,i,o,r=this.el,a=t.target,s=this.options,u=s.group,c=Gt.active,f=ut===u,h=s.sort,d=lt||c,v=this,m=!1;if(!Ot){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),a=x(a,s.draggable,r,!0),B("dragOver"),Gt.eventCanceled)return m;if(q.contains(t.target)||a.animated&&a.animatingX&&a.animatingY||v._ignoreWhileAnimating===a)return L(!1);if(St=!1,c&&!s.disabled&&(f?h||(i=J!==Q):lt===this||(this.lastPutMode=ut.checkPull(this,c,q,t))&&u.checkPut(this,c,q,t))){if(o="vertical"===this._getDirection(t,a),n=k(q),B("dragOverValid"),Gt.eventCanceled)return m;if(i)return J=Q,H(),this._hideClone(),B("revert"),Gt.eventCanceled||(tt?Q.insertBefore(q,tt):Q.appendChild(q)),L(!0);var p=z(r,s.draggable);if(!p||function(t,n,e){var i=k(z(e.el,e.options.draggable)),o=R(e.el,e.options,K);return n?t.clientX>o.right+10||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>o.bottom+10||t.clientX>i.right&&t.clientY>i.top}(t,o,this)&&!p.animated){if(p===q)return L(!1);if(p&&r===t.target&&(a=p),a&&(e=k(a)),!1!==Lt(Q,r,q,n,a,e,t,!!a))return H(),p&&p.nextSibling?r.insertBefore(q,p.nextSibling):r.appendChild(q),J=r,X(),L(!0)}else if(p&&function(t,n,e){var i=k(A(e.el,0,e.options,!0)),o=R(e.el,e.options,K);return n?t.clientX<o.left-10||t.clientY<i.top&&t.clientX<i.right:t.clientY<o.top-10||t.clientY<i.bottom&&t.clientX<i.left}(t,o,this)){var b=A(r,0,s,!0);if(b===q)return L(!1);if(e=k(a=b),!1!==Lt(Q,r,q,n,a,e,t,!1))return H(),r.insertBefore(q,b),J=r,X(),L(!0)}else if(a.parentNode===r){e=k(a);var g,w,y,E=q.parentNode!==r,S=!function(t,n,e){var i=e?t.left:t.top,o=e?n.left:n.top;return i===o||(e?t.right:t.bottom)===(e?n.right:n.bottom)||i+(e?t.width:t.height)/2===o+(e?n.width:n.height)/2}(q.animated&&q.toRect||n,a.animated&&a.toRect||e,o),T=o?"top":"left",M=j(a,"top","top")||j(q,"top","top"),D=M?M.scrollTop:void 0;if(bt!==a&&(w=e[T],Tt=!1,Mt=!S&&s.invertSwap||E),g=function(t,n,e,i,o,r,a,s){var u=i?t.clientY:t.clientX,l=i?e.height:e.width,c=i?e.top:e.left,f=i?e.bottom:e.right,h=!1;if(!a)if(s&&wt<l*o){if(!Tt&&(1===gt?u>c+l*r/2:u<f-l*r/2)&&(Tt=!0),Tt)h=!0;else if(1===gt?u<c+wt:u>f-wt)return-gt}else if(u>c+l*(1-o)/2&&u<f-l*(1-o)/2)return function(t){return N(q)<N(t)?1:-1}(n);return(h=h||a)&&(u<c+l*r/2||u>f-l*r/2)?u>c+l/2?1:-1:0}(t,a,e,o,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Mt,bt===a),0!==g){var _=N(q);do{y=J.children[_-=g]}while(y&&("none"===O(y,"display")||y===K))}if(0===g||y===a)return L(!1);bt=a,gt=g;var C=a.nextElementSibling,P=!1,F=Lt(Q,r,q,n,a,e,t,P=1===g);if(!1!==F)return 1!==F&&-1!==F||(P=1===F),Ot=!0,setTimeout(Wt,30),H(),P&&!C?r.appendChild(q):a.parentNode.insertBefore(q,P?C:a),M&&G(M,0,D-M.scrollTop),J=q.parentNode,void 0===w||Mt||(wt=Math.abs(w-k(a)[T])),X(),L(!0)}if(r.contains(q))return L(!1)}return!1}function B(s,u){Z(s,v,l({evt:t,isOwner:f,axis:o?"vertical":"horizontal",revert:i,dragRect:n,targetRect:e,canSort:h,fromSortable:d,target:a,completed:L,onMove:function(e,i){return Lt(Q,r,q,n,e,k(e),t,i)},changed:X},u))}function H(){B("dragOverAnimationCapture"),v.captureAnimationState(),v!==d&&d.captureAnimationState()}function L(n){return B("dragOverCompleted",{insertion:n}),n&&(f?c._hideClone():c._showClone(v),v!==d&&(I(q,lt?lt.options.ghostClass:c.options.ghostClass,!1),I(q,s.ghostClass,!0)),lt!==v&&v!==Gt.active?lt=v:v===Gt.active&&lt&&(lt=null),d===v&&(v._ignoreWhileAnimating=a),v.animateAll((function(){B("dragOverAnimationComplete"),v._ignoreWhileAnimating=null})),v!==d&&(d.animateAll(),d._ignoreWhileAnimating=null)),(a===q&&!q.animated||a===r&&!a.animated)&&(bt=null),s.dragoverBubble||t.rootEl||a===document||(q.parentNode[W]._isOutsideThisEl(t.target),!n&&Bt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),m=!0}function X(){rt=N(q),st=N(q,s.draggable),$({sortable:v,name:"change",toEl:r,newIndex:rt,newDraggableIndex:st,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){y(document,"mousemove",this._onTouchMove),y(document,"touchmove",this._onTouchMove),y(document,"pointermove",this._onTouchMove),y(document,"dragover",Bt),y(document,"mousemove",Bt),y(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;y(t,"mouseup",this._onDrop),y(t,"touchend",this._onDrop),y(t,"pointerup",this._onDrop),y(t,"pointercancel",this._onDrop),y(t,"touchcancel",this._onDrop),y(document,"selectstart",this)},_onDrop:function(t){var n=this.el,e=this.options;rt=N(q),st=N(q,e.draggable),Z("drop",this,{evt:t}),J=q&&q.parentNode,rt=N(q),st=N(q,e.draggable),Gt.eventCanceled||(Et=!1,Mt=!1,Tt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Ut(this.cloneId),Ut(this._dragStartId),this.nativeDraggable&&(y(document,"drop",this),y(n,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),m&&O(document.body,"user-select",""),O(q,"transform",""),t&&(pt&&(t.cancelable&&t.preventDefault(),!e.dropBubble&&t.stopPropagation()),K&&K.parentNode&&K.parentNode.removeChild(K),(Q===J||lt&&"clone"!==lt.lastPutMode)&&et&&et.parentNode&&et.parentNode.removeChild(et),q&&(this.nativeDraggable&&y(q,"dragend",this),Rt(q),q.style["will-change"]="",pt&&!Et&&I(q,lt?lt.options.ghostClass:this.options.ghostClass,!1),I(q,this.options.chosenClass,!1),$({sortable:this,name:"unchoose",toEl:J,newIndex:null,newDraggableIndex:null,originalEvent:t}),Q!==J?(rt>=0&&($({rootEl:J,name:"add",toEl:J,fromEl:Q,originalEvent:t}),$({sortable:this,name:"remove",toEl:J,originalEvent:t}),$({rootEl:J,name:"sort",toEl:J,fromEl:Q,originalEvent:t}),$({sortable:this,name:"sort",toEl:J,originalEvent:t})),lt&&lt.save()):rt!==ot&&rt>=0&&($({sortable:this,name:"update",toEl:J,originalEvent:t}),$({sortable:this,name:"sort",toEl:J,originalEvent:t})),Gt.active&&(null!=rt&&-1!==rt||(rt=ot,st=at),$({sortable:this,name:"end",toEl:J,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){Z("nulling",this),Q=q=J=K=tt=et=nt=it=ct=ft=pt=rt=st=ot=at=bt=gt=lt=ut=Gt.dragged=Gt.ghost=Gt.clone=Gt.active=null;var t=this.el;Dt.forEach((function(n){t.contains(n)&&(n.checked=!0)})),Dt.length=ht=dt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":q&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,n=[],e=this.el.children,i=0,o=e.length,r=this.options;i<o;i++)x(t=e[i],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Xt(t));return n},sort:function(t,n){var e={},i=this.el;this.toArray().forEach((function(t,n){var o=i.children[n];x(o,this.options.draggable,i,!1)&&(e[t]=o)}),this),n&&this.captureAnimationState(),t.forEach((function(t){e[t]&&(i.removeChild(e[t]),i.appendChild(e[t]))})),n&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,n){return x(t,n||this.options.draggable,this.el,!1)},option:function(t,n){var e=this.options;if(void 0===n)return e[t];var i=U.modifyOption(this,t,n);e[t]=void 0!==i?i:n,"group"===t&&Nt(e)},destroy:function(){Z("destroy",this);var t=this.el;t[W]=null,y(t,"mousedown",this._onTapStart),y(t,"touchstart",this._onTapStart),y(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(y(t,"dragover",this),y(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),xt.splice(xt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!it){if(Z("hideClone",this),Gt.eventCanceled)return;O(et,"display","none"),this.options.removeCloneOnHide&&et.parentNode&&et.parentNode.removeChild(et),it=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(it){if(Z("showClone",this),Gt.eventCanceled)return;q.parentNode!=Q||this.options.group.revertClone?tt?Q.insertBefore(et,tt):Q.appendChild(et):Q.insertBefore(et,q),this.options.group.revertClone&&this.animate(q,et),O(et,"display",""),it=!1}}else this._hideClone()}},_t&&w(document,"touchmove",(function(t){(Gt.active||Et)&&t.cancelable&&t.preventDefault()})),Gt.utils={on:w,off:y,css:O,find:_,is:function(t,n){return!!x(t,n,t,!1)},extend:function(t,n){if(t&&n)for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e]);return t},throttle:H,closest:x,toggleClass:I,clone:L,index:N,nextTick:Yt,cancelNextTick:Ut,detectDirection:zt,getChild:A,expando:W},Gt.get=function(t){return t[W]},Gt.mount=function(){for(var t=arguments.length,n=Array(t),e=0;e<t;e++)n[e]=arguments[e];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Gt.utils=l(l({},Gt.utils),t.utils)),U.mount(t)}))},Gt.create=function(t,n){return new Gt(t,n)},Gt.version="1.15.7";var Vt,Zt,$t,qt,Jt,Kt,Qt=[],tn=!1;function nn(){Qt.forEach((function(t){clearInterval(t.pid)})),Qt=[]}function en(){clearInterval(Kt)}var on=H((function(t,n,e,i){if(n.scroll){var o,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,s=n.scrollSensitivity,u=n.scrollSpeed,l=C(),c=!1;Zt!==e&&(Zt=e,nn(),o=n.scrollFn,!0===(Vt=n.scroll)&&(Vt=F(e,!0)));var f=0,h=Vt;do{var d=h,v=k(d),m=v.top,p=v.bottom,b=v.left,g=v.right,w=v.width,y=v.height,E=void 0,S=void 0,x=d.scrollWidth,T=d.scrollHeight,M=O(d),I=d.scrollLeft,D=d.scrollTop;d===l?(E=w<x&&("auto"===M.overflowX||"scroll"===M.overflowX||"visible"===M.overflowX),S=y<T&&("auto"===M.overflowY||"scroll"===M.overflowY||"visible"===M.overflowY)):(E=w<x&&("auto"===M.overflowX||"scroll"===M.overflowX),S=y<T&&("auto"===M.overflowY||"scroll"===M.overflowY));var _=E&&(Math.abs(g-r)<=s&&I+w<x)-(Math.abs(b-r)<=s&&!!I),j=S&&(Math.abs(p-a)<=s&&D+y<T)-(Math.abs(m-a)<=s&&!!D);if(!Qt[f])for(var A=0;A<=f;A++)Qt[A]||(Qt[A]={});Qt[f].vx==_&&Qt[f].vy==j&&Qt[f].el===d||(Qt[f].el=d,Qt[f].vx=_,Qt[f].vy=j,clearInterval(Qt[f].pid),0==_&&0==j||(c=!0,Qt[f].pid=setInterval(function(){i&&0===this.layer&&Gt.active._onTouchMove(Jt);var n=Qt[this.layer].vy?Qt[this.layer].vy*u:0,e=Qt[this.layer].vx?Qt[this.layer].vx*u:0;"function"==typeof o&&"continue"!==o.call(Gt.dragged.parentNode[W],e,n,t,Jt,Qt[this.layer].el)||G(Qt[this.layer].el,e,n)}.bind({layer:f}),24))),f++}while(n.bubbleScroll&&h!==l&&(h=F(h,!1)));tn=c}}),30),rn=function(t){var n=t.originalEvent,e=t.putSortable,i=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var a=e||t.activeSortable;(0,t.hideGhostForTarget)();var s=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,u=document.elementFromPoint(s.clientX,s.clientY);r(),a&&!a.el.contains(u)&&(o("spill"),this.onSpill({dragEl:i,putSortable:e}))}};function an(){}function sn(){}an.prototype={startIndex:null,dragStart:function(t){this.startIndex=t.oldDraggableIndex},onSpill:function(t){var n=t.dragEl,e=t.putSortable;this.sortable.captureAnimationState(),e&&e.captureAnimationState();var i=A(this.sortable.el,this.startIndex,this.options);i?this.sortable.el.insertBefore(n,i):this.sortable.el.appendChild(n),this.sortable.animateAll(),e&&e.animateAll()},drop:rn},s(an,{pluginName:"revertOnSpill"}),sn.prototype={onSpill:function(t){var n=t.dragEl,e=t.putSortable||this.sortable;e.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),e.animateAll()},drop:rn},s(sn,{pluginName:"removeOnSpill"}),Gt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var n=t.originalEvent;this.sortable.nativeDraggable?w(document,"dragover",this._handleAutoScroll):w(document,this.options.supportPointer?"pointermove":n.touches?"touchmove":"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var n=t.originalEvent;this.options.dragOverBubble||n.rootEl||this._handleAutoScroll(n)},drop:function(){this.sortable.nativeDraggable?y(document,"dragover",this._handleAutoScroll):(y(document,"pointermove",this._handleFallbackAutoScroll),y(document,"touchmove",this._handleFallbackAutoScroll),y(document,"mousemove",this._handleFallbackAutoScroll)),en(),nn(),clearTimeout(T),T=void 0},nulling:function(){Jt=Zt=Vt=tn=Kt=$t=qt=null,Qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,n){var e=this,i=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(i,o);if(Jt=t,n||this.options.forceAutoScrollFallback||d||h||m){on(t,this.options,r,n);var a=F(r,!0);!tn||Kt&&i===$t&&o===qt||(Kt&&en(),Kt=setInterval((function(){var r=F(document.elementFromPoint(i,o),!0);r!==a&&(a=r,nn()),on(t,e.options,r,n)}),10),$t=i,qt=o)}else{if(!this.options.bubbleScroll||F(r,!0)===C())return void nn();on(t,this.options,F(r,!1),!1)}}},s(t,{pluginName:"scroll",initializeByDefault:!0})}),Gt.mount(sn,an);const un=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsSortableItemMoved=e(this,"pdsSortableItemMoved",7),this.border=!1,this.disabled=!1,this.dividers=!1,this.handleType="row"}handleDisabledChange(){var t;null===(t=this.sortableInstance)||void 0===t||t.option("disabled",this.disabled)}classNames(){const t=["pds-sortable"];return this.border&&t.push("pds-sortable--bordered"),this.disabled&&t.push("pds-sortable--disabled"),this.dividers&&t.push("pds-sortable--divided"),void 0!==this.handleType&&t.push("pds-sortable--handle-type-"+this.handleType),t.join("  ")}componentDidLoad(){let t={animation:150,disabled:this.disabled,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:t=>{this.pdsSortableItemMoved.emit(t)}};"handle"===this.handleType&&(t=Object.assign(Object.assign({},t),{handle:".pds-sortable-item__handle"})),this.sortableInstance=Gt.create(this.el,t)}render(){return i(o,{key:"562bfb1ecea0b3a3f246b2e277b71f70d14b854c",class:this.classNames(),id:this.componentId},i("slot",{key:"a1ff894a9cd6049e532d2fa744429cec6d97e280"}))}get el(){return this}static get watchers(){return{disabled:[{handleDisabledChange:0}]}}static get style(){return".pds-sortable.sc-pds-sortable-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--pine-border);border-radius:var(--pine-dimension-2xs)}"}},[262,"pds-sortable",{border:[516],disabled:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]},void 0,{disabled:[{handleDisabledChange:0}]}]),ln=un,cn=function(){"undefined"!=typeof customElements&&["pds-sortable"].forEach((t=>{"pds-sortable"===t&&(customElements.get(r(t))||customElements.define(r(t),un))}))};export{ln as PdsSortable,cn as defineCustomElement}
+ */function a(t,n,e){return(n=function(t){var n=function(t,n){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,n);if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return t+""}(t,"string");return"symbol"==typeof n?n:n+""}(n))in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e,t}function s(){return s=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var i in e)({}).hasOwnProperty.call(e,i)&&(t[i]=e[i])}return t},s.apply(null,arguments)}function u(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable}))),e.push.apply(e,i)}return e}function l(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{};n%2?u(Object(e),!0).forEach((function(n){a(t,n,e[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):u(Object(e)).forEach((function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}))}return t}function c(t){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},c(t)}function f(t){if("undefined"!=typeof window&&window.navigator)return!!navigator.userAgent.match(t)}var h=f(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i),d=f(/Edge/i),v=f(/firefox/i),m=f(/safari/i)&&!f(/chrome/i)&&!f(/android/i),p=f(/iP(ad|od|hone)/i),b=f(/chrome/i)&&f(/android/i),g={capture:!1,passive:!1};function w(t,n,e){t.addEventListener(n,e,!h&&g)}function y(t,n,e){t.removeEventListener(n,e,!h&&g)}function E(t,n){if(n){if(">"===n[0]&&(n=n.substring(1)),t)try{if(t.matches)return t.matches(n);if(t.msMatchesSelector)return t.msMatchesSelector(n);if(t.webkitMatchesSelector)return t.webkitMatchesSelector(n)}catch(t){return!1}return!1}}function S(t){return t.host&&t!==document&&t.host.nodeType&&t.host!==t?t.host:t.parentNode}function x(t,n,e,i){if(t){e=e||document;do{if(null!=n&&(">"===n[0]?t.parentNode===e&&E(t,n):E(t,n))||i&&t===e)return t;if(t===e)break}while(t=S(t))}return null}var T,M=/\s+/g;function I(t,n,e){if(t&&n)if(t.classList)t.classList[e?"add":"remove"](n);else{var i=(" "+t.className+" ").replace(M," ").replace(" "+n+" "," ");t.className=(i+(e?" "+n:"")).replace(M," ")}}function O(t,n,e){var i=t&&t.style;if(i){if(void 0===e)return document.defaultView&&document.defaultView.getComputedStyle?e=document.defaultView.getComputedStyle(t,""):t.currentStyle&&(e=t.currentStyle),void 0===n?e:e[n];n in i||-1!==n.indexOf("webkit")||(n="-webkit-"+n),i[n]=e+("string"==typeof e?"":"px")}}function D(t,n){var e="";if("string"==typeof t)e=t;else do{var i=O(t,"transform");i&&"none"!==i&&(e=i+" "+e)}while(!n&&(t=t.parentNode));var o=window.DOMMatrix||window.WebKitCSSMatrix||window.CSSMatrix||window.MSCSSMatrix;return o&&new o(e)}function _(t,n,e){if(t){var i=t.getElementsByTagName(n),o=0,r=i.length;if(e)for(;o<r;o++)e(i[o],o);return i}return[]}function C(){return document.scrollingElement||document.documentElement}function k(t,n,e,i,o){if(t.getBoundingClientRect||t===window){var r,a,s,u,l,c,f;if(t!==window&&t.parentNode&&t!==C()?(a=(r=t.getBoundingClientRect()).top,s=r.left,u=r.bottom,l=r.right,c=r.height,f=r.width):(a=0,s=0,u=window.innerHeight,l=window.innerWidth,c=window.innerHeight,f=window.innerWidth),(n||e)&&t!==window&&(o=o||t.parentNode,!h))do{if(o&&o.getBoundingClientRect&&("none"!==O(o,"transform")||e&&"static"!==O(o,"position"))){var d=o.getBoundingClientRect();a-=d.top+parseInt(O(o,"border-top-width")),s-=d.left+parseInt(O(o,"border-left-width")),u=a+r.height,l=s+r.width;break}}while(o=o.parentNode);if(i&&t!==window){var v=D(o||t),m=v&&v.a,p=v&&v.d;v&&(u=(a/=p)+(c/=p),l=(s/=m)+(f/=m))}return{top:a,left:s,bottom:u,right:l,width:f,height:c}}}function j(t,n,e){for(var i=F(t,!0),o=k(t)[n];i;){if(!(o>=k(i)[e]))return i;if(i===C())break;i=F(i,!1)}return!1}function A(t,n,e,i){for(var o=0,r=0,a=t.children;r<a.length;){if("none"!==a[r].style.display&&a[r]!==Gt.ghost&&(i||a[r]!==Gt.dragged)&&x(a[r],e.draggable,t,!1)){if(o===n)return a[r];o++}r++}return null}function z(t,n){for(var e=t.lastElementChild;e&&(e===Gt.ghost||"none"===O(e,"display")||n&&!E(e,n));)e=e.previousElementSibling;return e||null}function N(t,n){var e=0;if(!t||!t.parentNode)return-1;for(;t=t.previousElementSibling;)"TEMPLATE"===t.nodeName.toUpperCase()||t===Gt.clone||n&&!E(t,n)||e++;return e}function P(t){var n=0,e=0,i=C();if(t)do{var o=D(t);n+=t.scrollLeft*o.a,e+=t.scrollTop*o.d}while(t!==i&&(t=t.parentNode));return[n,e]}function F(t,n){if(!t||!t.getBoundingClientRect)return C();var e=t,i=!1;do{if(e.clientWidth<e.scrollWidth||e.clientHeight<e.scrollHeight){var o=O(e);if(e.clientWidth<e.scrollWidth&&("auto"==o.overflowX||"scroll"==o.overflowX)||e.clientHeight<e.scrollHeight&&("auto"==o.overflowY||"scroll"==o.overflowY)){if(!e.getBoundingClientRect||e===document.body)return C();if(i||n)return e;i=!0}}}while(e=e.parentNode);return C()}function B(t,n){return Math.round(t.top)===Math.round(n.top)&&Math.round(t.left)===Math.round(n.left)&&Math.round(t.height)===Math.round(n.height)&&Math.round(t.width)===Math.round(n.width)}function H(t,n){return function(){if(!T){var e=arguments;1===e.length?t.call(this,e[0]):t.apply(this,e),T=setTimeout((function(){T=void 0}),n)}}}function G(t,n,e){t.scrollLeft+=n,t.scrollTop+=e}function L(t){var n=window.Polymer,e=window.jQuery||window.Zepto;return n&&n.dom?n.dom(t).cloneNode(!0):e?e(t).clone(!0)[0]:t.cloneNode(!0)}function R(t,n,e){var i={};return Array.from(t.children).forEach((function(o){var r,a,s,u;if(x(o,n.draggable,t,!1)&&!o.animated&&o!==e){var l=k(o);i.left=Math.min(null!==(r=i.left)&&void 0!==r?r:1/0,l.left),i.top=Math.min(null!==(a=i.top)&&void 0!==a?a:1/0,l.top),i.right=Math.max(null!==(s=i.right)&&void 0!==s?s:-1/0,l.right),i.bottom=Math.max(null!==(u=i.bottom)&&void 0!==u?u:-1/0,l.bottom)}})),i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}var W="Sortable"+(new Date).getTime();var X=[],Y={initializeByDefault:!0},U={mount:function(t){for(var n in Y)Y.hasOwnProperty(n)&&!(n in t)&&(t[n]=Y[n]);X.forEach((function(n){if(n.pluginName===t.pluginName)throw"Sortable: Cannot mount plugin ".concat(t.pluginName," more than once")})),X.push(t)},pluginEvent:function(t,n,e){var i=this;this.eventCanceled=!1,e.cancel=function(){i.eventCanceled=!0};var o=t+"Global";X.forEach((function(i){n[i.pluginName]&&(n[i.pluginName][o]&&n[i.pluginName][o](l({sortable:n},e)),n.options[i.pluginName]&&n[i.pluginName][t]&&n[i.pluginName][t](l({sortable:n},e)))}))},initializePlugins:function(t,n,e){for(var i in X.forEach((function(i){var o=i.pluginName;if(t.options[o]||i.initializeByDefault){var r=new i(t,n,t.options);r.sortable=t,r.options=t.options,t[o]=r,s(e,r.defaults)}})),t.options)if(t.options.hasOwnProperty(i)){var o=this.modifyOption(t,i,t.options[i]);void 0!==o&&(t.options[i]=o)}},getEventProperties:function(t,n){var e={};return X.forEach((function(i){"function"==typeof i.eventProperties&&s(e,i.eventProperties.call(n[i.pluginName],t))})),e},modifyOption:function(t,n,e){var i;return X.forEach((function(o){t[o.pluginName]&&o.optionListeners&&"function"==typeof o.optionListeners[n]&&(i=o.optionListeners[n].call(t[o.pluginName],e))})),i}},V=["evt"],Z=function(t,n){var e=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=e.evt,o=function(t,n){if(null==t)return{};var e,i,o=function(t,n){if(null==t)return{};var e={};for(var i in t)if({}.hasOwnProperty.call(t,i)){if(-1!==n.indexOf(i))continue;e[i]=t[i]}return e}(t,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);for(i=0;i<r.length;i++)-1===n.indexOf(e=r[i])&&{}.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}(e,V);U.pluginEvent.bind(Gt)(t,n,l({dragEl:q,parentEl:J,ghostEl:K,rootEl:Q,nextEl:tt,lastDownEl:nt,cloneEl:et,cloneHidden:it,dragStarted:pt,putSortable:lt,activeSortable:Gt.active,originalEvent:i,oldIndex:ot,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:st,hideGhostForTarget:Pt,unhideGhostForTarget:Ft,cloneNowHidden:function(){it=!0},cloneNowShown:function(){it=!1},dispatchSortableEvent:function(t){$({sortable:n,name:t,originalEvent:i})}},o))};function $(t){!function(t){var n=t.sortable,e=t.rootEl,i=t.name,o=t.targetEl,r=t.cloneEl,a=t.toEl,s=t.fromEl,u=t.oldIndex,c=t.newIndex,f=t.oldDraggableIndex,v=t.newDraggableIndex,m=t.originalEvent,p=t.putSortable,b=t.extraEventProperties;if(n=n||e&&e[W]){var g,w=n.options,y="on"+i.charAt(0).toUpperCase()+i.substr(1);!window.CustomEvent||h||d?(g=document.createEvent("Event")).initEvent(i,!0,!0):g=new CustomEvent(i,{bubbles:!0,cancelable:!0}),g.to=a||e,g.from=s||e,g.item=o||e,g.clone=r,g.oldIndex=u,g.newIndex=c,g.oldDraggableIndex=f,g.newDraggableIndex=v,g.originalEvent=m,g.pullMode=p?p.lastPutMode:void 0;var E=l(l({},b),U.getEventProperties(i,n));for(var S in E)g[S]=E[S];e&&e.dispatchEvent(g),w[y]&&w[y].call(n,g)}}(l({putSortable:lt,cloneEl:et,targetEl:q,rootEl:Q,oldIndex:ot,oldDraggableIndex:at,newIndex:rt,newDraggableIndex:st},t))}var q,J,K,Q,tt,nt,et,it,ot,rt,at,st,ut,lt,ct,ft,ht,dt,vt,mt,pt,bt,gt,wt,yt,Et=!1,St=!1,xt=[],Tt=!1,Mt=!1,It=[],Ot=!1,Dt=[],_t="undefined"!=typeof document,Ct=p,kt=d||h?"cssFloat":"float",jt=_t&&!b&&!p&&"draggable"in document.createElement("div"),At=function(){if(_t){if(h)return!1;var t=document.createElement("x");return t.style.cssText="pointer-events:auto","auto"===t.style.pointerEvents}}(),zt=function(t,n){var e=O(t),i=parseInt(e.width)-parseInt(e.paddingLeft)-parseInt(e.paddingRight)-parseInt(e.borderLeftWidth)-parseInt(e.borderRightWidth),o=A(t,0,n),r=A(t,1,n),a=o&&O(o),s=r&&O(r),u=a&&parseInt(a.marginLeft)+parseInt(a.marginRight)+k(o).width,l=s&&parseInt(s.marginLeft)+parseInt(s.marginRight)+k(r).width;return"flex"===e.display?"column"===e.flexDirection||"column-reverse"===e.flexDirection?"vertical":"horizontal":"grid"===e.display?e.gridTemplateColumns.split(" ").length<=1?"vertical":"horizontal":o&&a.float&&"none"!==a.float?!r||"both"!==s.clear&&s.clear!==("left"===a.float?"left":"right")?"horizontal":"vertical":o&&("block"===a.display||"flex"===a.display||"table"===a.display||"grid"===a.display||u>=i&&"none"===e[kt]||r&&"none"===e[kt]&&u+l>i)?"vertical":"horizontal"},Nt=function(t){function n(t,e){return function(i,o,r,a){if(null==t&&(e||i.options.group.name&&o.options.group.name&&i.options.group.name===o.options.group.name))return!0;if(null==t||!1===t)return!1;if(e&&"clone"===t)return t;if("function"==typeof t)return n(t(i,o,r,a),e)(i,o,r,a);var s=(e?i:o).options.group.name;return!0===t||"string"==typeof t&&t===s||t.join&&t.indexOf(s)>-1}}var e={},i=t.group;i&&"object"==c(i)||(i={name:i}),e.name=i.name,e.checkPull=n(i.pull,!0),e.checkPut=n(i.put),e.revertClone=i.revertClone,t.group=e},Pt=function(){!At&&K&&O(K,"display","none")},Ft=function(){!At&&K&&O(K,"display","")};_t&&!b&&document.addEventListener("click",(function(t){if(St)return t.preventDefault(),t.stopPropagation&&t.stopPropagation(),t.stopImmediatePropagation&&t.stopImmediatePropagation(),St=!1,!1}),!0);var Bt=function(t){if(q){var n=function(t,n){var e;return xt.some((function(i){var o=i[W].options.emptyInsertThreshold;if(o&&!z(i)){var r=k(i);return t>=r.left-o&&t<=r.right+o&&n>=r.top-o&&n<=r.bottom+o?e=i:void 0}})),e}((t=t.touches?t.touches[0]:t).clientX,t.clientY);if(n){var e={};for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i]);e.target=e.rootEl=n,e.preventDefault=void 0,e.stopPropagation=void 0,n[W]._onDragOver(e)}}},Ht=function(t){q&&q.parentNode[W]._isOutsideThisEl(t.target)};function Gt(t,n){if(!t||!t.nodeType||1!==t.nodeType)throw"Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(t));this.el=t,this.options=n=s({},n),t[W]=this;var e={group:null,sort:!0,disabled:!1,store:null,handle:null,draggable:/^[uo]l$/i.test(t.nodeName)?">li":">*",swapThreshold:1,invertSwap:!1,invertedSwapThreshold:null,removeCloneOnHide:!0,direction:function(){return zt(t,this.options)},ghostClass:"sortable-ghost",chosenClass:"sortable-chosen",dragClass:"sortable-drag",ignore:"a, img",filter:null,preventOnFilter:!0,animation:0,easing:null,setData:function(t,n){t.setData("Text",n.textContent)},dropBubble:!1,dragoverBubble:!1,dataIdAttr:"data-id",delay:0,delayOnTouchOnly:!1,touchStartThreshold:(Number.parseInt?Number:window).parseInt(window.devicePixelRatio,10)||1,forceFallback:!1,fallbackClass:"sortable-fallback",fallbackOnBody:!1,fallbackTolerance:0,fallbackOffset:{x:0,y:0},supportPointer:!1!==Gt.supportPointer&&"PointerEvent"in window&&(!m||p),emptyInsertThreshold:5};for(var i in U.initializePlugins(this,t,e),e)!(i in n)&&(n[i]=e[i]);for(var o in Nt(n),this)"_"===o.charAt(0)&&"function"==typeof this[o]&&(this[o]=this[o].bind(this));this.nativeDraggable=!n.forceFallback&&jt,this.nativeDraggable&&(this.options.touchStartThreshold=1),n.supportPointer?w(t,"pointerdown",this._onTapStart):(w(t,"mousedown",this._onTapStart),w(t,"touchstart",this._onTapStart)),this.nativeDraggable&&(w(t,"dragover",this),w(t,"dragenter",this)),xt.push(this.el),n.store&&n.store.get&&this.sort(n.store.get(this)||[]),s(this,function(){var t,n=[];return{captureAnimationState:function(){n=[],this.options.animation&&[].slice.call(this.el.children).forEach((function(t){if("none"!==O(t,"display")&&t!==Gt.ghost){n.push({target:t,rect:k(t)});var e=l({},n[n.length-1].rect);if(t.thisAnimationDuration){var i=D(t,!0);i&&(e.top-=i.f,e.left-=i.e)}t.fromRect=e}}))},addAnimationState:function(t){n.push(t)},removeAnimationState:function(t){n.splice(function(t,n){for(var e in t)if(t.hasOwnProperty(e))for(var i in n)if(n.hasOwnProperty(i)&&n[i]===t[e][i])return Number(e);return-1}(n,{target:t}),1)},animateAll:function(e){var i=this;if(!this.options.animation)return clearTimeout(t),void("function"==typeof e&&e());var o=!1,r=0;n.forEach((function(t){var n=0,e=t.target,a=e.fromRect,s=k(e),u=e.prevFromRect,l=e.prevToRect,c=t.rect,f=D(e,!0);f&&(s.top-=f.f,s.left-=f.e),e.toRect=s,e.thisAnimationDuration&&B(u,s)&&!B(a,s)&&(c.top-s.top)/(c.left-s.left)==(a.top-s.top)/(a.left-s.left)&&(n=function(t,n,e,i){return Math.sqrt(Math.pow(n.top-t.top,2)+Math.pow(n.left-t.left,2))/Math.sqrt(Math.pow(n.top-e.top,2)+Math.pow(n.left-e.left,2))*i.animation}(c,u,l,i.options)),B(s,a)||(e.prevFromRect=a,e.prevToRect=s,n||(n=i.options.animation),i.animate(e,c,s,n)),n&&(o=!0,r=Math.max(r,n),clearTimeout(e.animationResetTimer),e.animationResetTimer=setTimeout((function(){e.animationTime=0,e.prevFromRect=null,e.fromRect=null,e.prevToRect=null,e.thisAnimationDuration=null}),n),e.thisAnimationDuration=n)})),clearTimeout(t),o?t=setTimeout((function(){"function"==typeof e&&e()}),r):"function"==typeof e&&e(),n=[]},animate:function(t,n,e,i){if(i){O(t,"transition",""),O(t,"transform","");var o=D(this.el),r=(n.left-e.left)/(o&&o.a||1),a=(n.top-e.top)/(o&&o.d||1);t.animatingX=!!r,t.animatingY=!!a,O(t,"transform","translate3d("+r+"px,"+a+"px,0)"),this.forRepaintDummy=function(t){return t.offsetWidth}(t),O(t,"transition","transform "+i+"ms"+(this.options.easing?" "+this.options.easing:"")),O(t,"transform","translate3d(0,0,0)"),"number"==typeof t.animated&&clearTimeout(t.animated),t.animated=setTimeout((function(){O(t,"transition",""),O(t,"transform",""),t.animated=!1,t.animatingX=!1,t.animatingY=!1}),i)}}}}())}function Lt(t,n,e,i,o,r,a,s){var u,l,c=t[W],f=c.options.onMove;return!window.CustomEvent||h||d?(u=document.createEvent("Event")).initEvent("move",!0,!0):u=new CustomEvent("move",{bubbles:!0,cancelable:!0}),u.to=n,u.from=t,u.dragged=e,u.draggedRect=i,u.related=o||n,u.relatedRect=r||k(n),u.willInsertAfter=s,u.originalEvent=a,t.dispatchEvent(u),f&&(l=f.call(c,u,a)),l}function Rt(t){t.draggable=!1}function Wt(){Ot=!1}function Xt(t){for(var n=t.tagName+t.className+t.src+t.href+t.textContent,e=n.length,i=0;e--;)i+=n.charCodeAt(e);return i.toString(36)}function Yt(t){return setTimeout(t,0)}function Ut(t){return clearTimeout(t)}Gt.prototype={constructor:Gt,_isOutsideThisEl:function(t){this.el.contains(t)||t===this.el||(bt=null)},_getDirection:function(t,n){return"function"==typeof this.options.direction?this.options.direction.call(this,t,n,q):this.options.direction},_onTapStart:function(t){if(t.cancelable){var n=this,e=this.el,i=this.options,o=i.preventOnFilter,r=t.type,a=t.touches&&t.touches[0]||t.pointerType&&"touch"===t.pointerType&&t,s=(a||t).target,u=t.target.shadowRoot&&(t.path&&t.path[0]||t.composedPath&&t.composedPath()[0])||s,l=i.filter;if(function(t){Dt.length=0;for(var n=t.getElementsByTagName("input"),e=n.length;e--;){var i=n[e];i.checked&&Dt.push(i)}}(e),!q&&!(/mousedown|pointerdown/.test(r)&&0!==t.button||i.disabled)&&!u.isContentEditable&&(this.nativeDraggable||!m||!s||"SELECT"!==s.tagName.toUpperCase())&&!((s=x(s,i.draggable,e,!1))&&s.animated||nt===s)){if(ot=N(s),at=N(s,i.draggable),"function"==typeof l){if(l.call(this,t,s,this))return $({sortable:n,rootEl:u,name:"filter",targetEl:s,toEl:e,fromEl:e}),Z("filter",n,{evt:t}),void(o&&t.preventDefault())}else if(l&&(l=l.split(",").some((function(i){if(i=x(u,i.trim(),e,!1))return $({sortable:n,rootEl:i,name:"filter",targetEl:s,fromEl:e,toEl:e}),Z("filter",n,{evt:t}),!0}))))return void(o&&t.preventDefault());i.handle&&!x(u,i.handle,e,!1)||this._prepareDragStart(t,a,s)}}},_prepareDragStart:function(t,n,e){var i,o=this,r=o.el,a=o.options,s=r.ownerDocument;if(e&&!q&&e.parentNode===r){var u=k(e);if(Q=r,J=(q=e).parentNode,tt=q.nextSibling,nt=e,ut=a.group,Gt.dragged=q,vt=(ct={target:q,clientX:(n||t).clientX,clientY:(n||t).clientY}).clientX-u.left,mt=ct.clientY-u.top,this._lastX=(n||t).clientX,this._lastY=(n||t).clientY,q.style["will-change"]="all",i=function(){Z("delayEnded",o,{evt:t}),Gt.eventCanceled?o._onDrop():(o._disableDelayedDragEvents(),!v&&o.nativeDraggable&&(q.draggable=!0),o._triggerDragStart(t,n),$({sortable:o,name:"choose",originalEvent:t}),I(q,a.chosenClass,!0))},a.ignore.split(",").forEach((function(t){_(q,t.trim(),Rt)})),w(s,"dragover",Bt),w(s,"mousemove",Bt),w(s,"touchmove",Bt),a.supportPointer?(w(s,"pointerup",o._onDrop),!this.nativeDraggable&&w(s,"pointercancel",o._onDrop)):(w(s,"mouseup",o._onDrop),w(s,"touchend",o._onDrop),w(s,"touchcancel",o._onDrop)),v&&this.nativeDraggable&&(this.options.touchStartThreshold=4,q.draggable=!0),Z("delayStart",this,{evt:t}),!a.delay||a.delayOnTouchOnly&&!n||this.nativeDraggable&&(d||h))i();else{if(Gt.eventCanceled)return void this._onDrop();a.supportPointer?(w(s,"pointerup",o._disableDelayedDrag),w(s,"pointercancel",o._disableDelayedDrag)):(w(s,"mouseup",o._disableDelayedDrag),w(s,"touchend",o._disableDelayedDrag),w(s,"touchcancel",o._disableDelayedDrag)),w(s,"mousemove",o._delayedDragTouchMoveHandler),w(s,"touchmove",o._delayedDragTouchMoveHandler),a.supportPointer&&w(s,"pointermove",o._delayedDragTouchMoveHandler),o._dragStartTimer=setTimeout(i,a.delay)}}},_delayedDragTouchMoveHandler:function(t){var n=t.touches?t.touches[0]:t;Math.max(Math.abs(n.clientX-this._lastX),Math.abs(n.clientY-this._lastY))>=Math.floor(this.options.touchStartThreshold/(this.nativeDraggable&&window.devicePixelRatio||1))&&this._disableDelayedDrag()},_disableDelayedDrag:function(){q&&Rt(q),clearTimeout(this._dragStartTimer),this._disableDelayedDragEvents()},_disableDelayedDragEvents:function(){var t=this.el.ownerDocument;y(t,"mouseup",this._disableDelayedDrag),y(t,"touchend",this._disableDelayedDrag),y(t,"touchcancel",this._disableDelayedDrag),y(t,"pointerup",this._disableDelayedDrag),y(t,"pointercancel",this._disableDelayedDrag),y(t,"mousemove",this._delayedDragTouchMoveHandler),y(t,"touchmove",this._delayedDragTouchMoveHandler),y(t,"pointermove",this._delayedDragTouchMoveHandler)},_triggerDragStart:function(t,n){n=n||"touch"==t.pointerType&&t,!this.nativeDraggable||n?w(document,this.options.supportPointer?"pointermove":n?"touchmove":"mousemove",this._onTouchMove):(w(q,"dragend",this),w(Q,"dragstart",this._onDragStart));try{document.selection?Yt((function(){document.selection.empty()})):window.getSelection().removeAllRanges()}catch(t){}},_dragStarted:function(t,n){if(Et=!1,Q&&q){Z("dragStarted",this,{evt:n}),this.nativeDraggable&&w(document,"dragover",Ht);var e=this.options;!t&&I(q,e.dragClass,!1),I(q,e.ghostClass,!0),Gt.active=this,t&&this._appendGhost(),$({sortable:this,name:"start",originalEvent:n})}else this._nulling()},_emulateDragOver:function(){if(ft){this._lastX=ft.clientX,this._lastY=ft.clientY,Pt();for(var t=document.elementFromPoint(ft.clientX,ft.clientY),n=t;t&&t.shadowRoot&&(t=t.shadowRoot.elementFromPoint(ft.clientX,ft.clientY))!==n;)n=t;if(q.parentNode[W]._isOutsideThisEl(t),n)do{if(n[W]&&n[W]._onDragOver({clientX:ft.clientX,clientY:ft.clientY,target:t,rootEl:n})&&!this.options.dragoverBubble)break;t=n}while(n=S(n));Ft()}},_onTouchMove:function(t){if(ct){var n=this.options,e=n.fallbackTolerance,i=n.fallbackOffset,o=t.touches?t.touches[0]:t,r=K&&D(K,!0),a=K&&r&&r.a,s=K&&r&&r.d,u=Ct&&yt&&P(yt),l=(o.clientX-ct.clientX+i.x)/(a||1)+(u?u[0]-It[0]:0)/(a||1),c=(o.clientY-ct.clientY+i.y)/(s||1)+(u?u[1]-It[1]:0)/(s||1);if(!Gt.active&&!Et){if(e&&Math.max(Math.abs(o.clientX-this._lastX),Math.abs(o.clientY-this._lastY))<e)return;this._onDragStart(t,!0)}if(K){r?(r.e+=l-(ht||0),r.f+=c-(dt||0)):r={a:1,b:0,c:0,d:1,e:l,f:c};var f="matrix(".concat(r.a,",").concat(r.b,",").concat(r.c,",").concat(r.d,",").concat(r.e,",").concat(r.f,")");O(K,"webkitTransform",f),O(K,"mozTransform",f),O(K,"msTransform",f),O(K,"transform",f),ht=l,dt=c,ft=o}t.cancelable&&t.preventDefault()}},_appendGhost:function(){if(!K){var t=this.options.fallbackOnBody?document.body:Q,n=k(q,!0,Ct,!0,t),e=this.options;if(Ct){for(yt=t;"static"===O(yt,"position")&&"none"===O(yt,"transform")&&yt!==document;)yt=yt.parentNode;yt!==document.body&&yt!==document.documentElement?(yt===document&&(yt=C()),n.top+=yt.scrollTop,n.left+=yt.scrollLeft):yt=C(),It=P(yt)}I(K=q.cloneNode(!0),e.ghostClass,!1),I(K,e.fallbackClass,!0),I(K,e.dragClass,!0),O(K,"transition",""),O(K,"transform",""),O(K,"box-sizing","border-box"),O(K,"margin",0),O(K,"top",n.top),O(K,"left",n.left),O(K,"width",n.width),O(K,"height",n.height),O(K,"opacity","0.8"),O(K,"position",Ct?"absolute":"fixed"),O(K,"zIndex","100000"),O(K,"pointerEvents","none"),Gt.ghost=K,t.appendChild(K),O(K,"transform-origin",vt/parseInt(K.style.width)*100+"% "+mt/parseInt(K.style.height)*100+"%")}},_onDragStart:function(t,n){var e=this,i=t.dataTransfer,o=e.options;Z("dragStart",this,{evt:t}),Gt.eventCanceled?this._onDrop():(Z("setupClone",this),Gt.eventCanceled||((et=L(q)).removeAttribute("id"),et.draggable=!1,et.style["will-change"]="",this._hideClone(),I(et,this.options.chosenClass,!1),Gt.clone=et),e.cloneId=Yt((function(){Z("clone",e),Gt.eventCanceled||(e.options.removeCloneOnHide||Q.insertBefore(et,q),e._hideClone(),$({sortable:e,name:"clone"}))})),!n&&I(q,o.dragClass,!0),n?(St=!0,e._loopId=setInterval(e._emulateDragOver,50)):(y(document,"mouseup",e._onDrop),y(document,"touchend",e._onDrop),y(document,"touchcancel",e._onDrop),i&&(i.effectAllowed="move",o.setData&&o.setData.call(e,i,q)),w(document,"drop",e),O(q,"transform","translateZ(0)")),Et=!0,e._dragStartId=Yt(e._dragStarted.bind(e,n,t)),w(document,"selectstart",e),pt=!0,window.getSelection().removeAllRanges(),m&&O(document.body,"user-select","none"))},_onDragOver:function(t){var n,e,i,o,r=this.el,a=t.target,s=this.options,u=s.group,c=Gt.active,f=ut===u,h=s.sort,d=lt||c,v=this,m=!1;if(!Ot){if(void 0!==t.preventDefault&&t.cancelable&&t.preventDefault(),a=x(a,s.draggable,r,!0),B("dragOver"),Gt.eventCanceled)return m;if(q.contains(t.target)||a.animated&&a.animatingX&&a.animatingY||v._ignoreWhileAnimating===a)return L(!1);if(St=!1,c&&!s.disabled&&(f?h||(i=J!==Q):lt===this||(this.lastPutMode=ut.checkPull(this,c,q,t))&&u.checkPut(this,c,q,t))){if(o="vertical"===this._getDirection(t,a),n=k(q),B("dragOverValid"),Gt.eventCanceled)return m;if(i)return J=Q,H(),this._hideClone(),B("revert"),Gt.eventCanceled||(tt?Q.insertBefore(q,tt):Q.appendChild(q)),L(!0);var p=z(r,s.draggable);if(!p||function(t,n,e){var i=k(z(e.el,e.options.draggable)),o=R(e.el,e.options,K);return n?t.clientX>o.right+10||t.clientY>i.bottom&&t.clientX>i.left:t.clientY>o.bottom+10||t.clientX>i.right&&t.clientY>i.top}(t,o,this)&&!p.animated){if(p===q)return L(!1);if(p&&r===t.target&&(a=p),a&&(e=k(a)),!1!==Lt(Q,r,q,n,a,e,t,!!a))return H(),p&&p.nextSibling?r.insertBefore(q,p.nextSibling):r.appendChild(q),J=r,X(),L(!0)}else if(p&&function(t,n,e){var i=k(A(e.el,0,e.options,!0)),o=R(e.el,e.options,K);return n?t.clientX<o.left-10||t.clientY<i.top&&t.clientX<i.right:t.clientY<o.top-10||t.clientY<i.bottom&&t.clientX<i.left}(t,o,this)){var b=A(r,0,s,!0);if(b===q)return L(!1);if(e=k(a=b),!1!==Lt(Q,r,q,n,a,e,t,!1))return H(),r.insertBefore(q,b),J=r,X(),L(!0)}else if(a.parentNode===r){e=k(a);var g,w,y,E=q.parentNode!==r,S=!function(t,n,e){var i=e?t.left:t.top,o=e?n.left:n.top;return i===o||(e?t.right:t.bottom)===(e?n.right:n.bottom)||i+(e?t.width:t.height)/2===o+(e?n.width:n.height)/2}(q.animated&&q.toRect||n,a.animated&&a.toRect||e,o),T=o?"top":"left",M=j(a,"top","top")||j(q,"top","top"),D=M?M.scrollTop:void 0;if(bt!==a&&(w=e[T],Tt=!1,Mt=!S&&s.invertSwap||E),g=function(t,n,e,i,o,r,a,s){var u=i?t.clientY:t.clientX,l=i?e.height:e.width,c=i?e.top:e.left,f=i?e.bottom:e.right,h=!1;if(!a)if(s&&wt<l*o){if(!Tt&&(1===gt?u>c+l*r/2:u<f-l*r/2)&&(Tt=!0),Tt)h=!0;else if(1===gt?u<c+wt:u>f-wt)return-gt}else if(u>c+l*(1-o)/2&&u<f-l*(1-o)/2)return function(t){return N(q)<N(t)?1:-1}(n);return(h=h||a)&&(u<c+l*r/2||u>f-l*r/2)?u>c+l/2?1:-1:0}(t,a,e,o,S?1:s.swapThreshold,null==s.invertedSwapThreshold?s.swapThreshold:s.invertedSwapThreshold,Mt,bt===a),0!==g){var _=N(q);do{y=J.children[_-=g]}while(y&&("none"===O(y,"display")||y===K))}if(0===g||y===a)return L(!1);bt=a,gt=g;var C=a.nextElementSibling,P=!1,F=Lt(Q,r,q,n,a,e,t,P=1===g);if(!1!==F)return 1!==F&&-1!==F||(P=1===F),Ot=!0,setTimeout(Wt,30),H(),P&&!C?r.appendChild(q):a.parentNode.insertBefore(q,P?C:a),M&&G(M,0,D-M.scrollTop),J=q.parentNode,void 0===w||Mt||(wt=Math.abs(w-k(a)[T])),X(),L(!0)}if(r.contains(q))return L(!1)}return!1}function B(s,u){Z(s,v,l({evt:t,isOwner:f,axis:o?"vertical":"horizontal",revert:i,dragRect:n,targetRect:e,canSort:h,fromSortable:d,target:a,completed:L,onMove:function(e,i){return Lt(Q,r,q,n,e,k(e),t,i)},changed:X},u))}function H(){B("dragOverAnimationCapture"),v.captureAnimationState(),v!==d&&d.captureAnimationState()}function L(n){return B("dragOverCompleted",{insertion:n}),n&&(f?c._hideClone():c._showClone(v),v!==d&&(I(q,lt?lt.options.ghostClass:c.options.ghostClass,!1),I(q,s.ghostClass,!0)),lt!==v&&v!==Gt.active?lt=v:v===Gt.active&&lt&&(lt=null),d===v&&(v._ignoreWhileAnimating=a),v.animateAll((function(){B("dragOverAnimationComplete"),v._ignoreWhileAnimating=null})),v!==d&&(d.animateAll(),d._ignoreWhileAnimating=null)),(a===q&&!q.animated||a===r&&!a.animated)&&(bt=null),s.dragoverBubble||t.rootEl||a===document||(q.parentNode[W]._isOutsideThisEl(t.target),!n&&Bt(t)),!s.dragoverBubble&&t.stopPropagation&&t.stopPropagation(),m=!0}function X(){rt=N(q),st=N(q,s.draggable),$({sortable:v,name:"change",toEl:r,newIndex:rt,newDraggableIndex:st,originalEvent:t})}},_ignoreWhileAnimating:null,_offMoveEvents:function(){y(document,"mousemove",this._onTouchMove),y(document,"touchmove",this._onTouchMove),y(document,"pointermove",this._onTouchMove),y(document,"dragover",Bt),y(document,"mousemove",Bt),y(document,"touchmove",Bt)},_offUpEvents:function(){var t=this.el.ownerDocument;y(t,"mouseup",this._onDrop),y(t,"touchend",this._onDrop),y(t,"pointerup",this._onDrop),y(t,"pointercancel",this._onDrop),y(t,"touchcancel",this._onDrop),y(document,"selectstart",this)},_onDrop:function(t){var n=this.el,e=this.options;rt=N(q),st=N(q,e.draggable),Z("drop",this,{evt:t}),J=q&&q.parentNode,rt=N(q),st=N(q,e.draggable),Gt.eventCanceled||(Et=!1,Mt=!1,Tt=!1,clearInterval(this._loopId),clearTimeout(this._dragStartTimer),Ut(this.cloneId),Ut(this._dragStartId),this.nativeDraggable&&(y(document,"drop",this),y(n,"dragstart",this._onDragStart)),this._offMoveEvents(),this._offUpEvents(),m&&O(document.body,"user-select",""),O(q,"transform",""),t&&(pt&&(t.cancelable&&t.preventDefault(),!e.dropBubble&&t.stopPropagation()),K&&K.parentNode&&K.parentNode.removeChild(K),(Q===J||lt&&"clone"!==lt.lastPutMode)&&et&&et.parentNode&&et.parentNode.removeChild(et),q&&(this.nativeDraggable&&y(q,"dragend",this),Rt(q),q.style["will-change"]="",pt&&!Et&&I(q,lt?lt.options.ghostClass:this.options.ghostClass,!1),I(q,this.options.chosenClass,!1),$({sortable:this,name:"unchoose",toEl:J,newIndex:null,newDraggableIndex:null,originalEvent:t}),Q!==J?(rt>=0&&($({rootEl:J,name:"add",toEl:J,fromEl:Q,originalEvent:t}),$({sortable:this,name:"remove",toEl:J,originalEvent:t}),$({rootEl:J,name:"sort",toEl:J,fromEl:Q,originalEvent:t}),$({sortable:this,name:"sort",toEl:J,originalEvent:t})),lt&&lt.save()):rt!==ot&&rt>=0&&($({sortable:this,name:"update",toEl:J,originalEvent:t}),$({sortable:this,name:"sort",toEl:J,originalEvent:t})),Gt.active&&(null!=rt&&-1!==rt||(rt=ot,st=at),$({sortable:this,name:"end",toEl:J,originalEvent:t}),this.save())))),this._nulling()},_nulling:function(){Z("nulling",this),Q=q=J=K=tt=et=nt=it=ct=ft=pt=rt=st=ot=at=bt=gt=lt=ut=Gt.dragged=Gt.ghost=Gt.clone=Gt.active=null;var t=this.el;Dt.forEach((function(n){t.contains(n)&&(n.checked=!0)})),Dt.length=ht=dt=0},handleEvent:function(t){switch(t.type){case"drop":case"dragend":this._onDrop(t);break;case"dragenter":case"dragover":q&&(this._onDragOver(t),function(t){t.dataTransfer&&(t.dataTransfer.dropEffect="move"),t.cancelable&&t.preventDefault()}(t));break;case"selectstart":t.preventDefault()}},toArray:function(){for(var t,n=[],e=this.el.children,i=0,o=e.length,r=this.options;i<o;i++)x(t=e[i],r.draggable,this.el,!1)&&n.push(t.getAttribute(r.dataIdAttr)||Xt(t));return n},sort:function(t,n){var e={},i=this.el;this.toArray().forEach((function(t,n){var o=i.children[n];x(o,this.options.draggable,i,!1)&&(e[t]=o)}),this),n&&this.captureAnimationState(),t.forEach((function(t){e[t]&&(i.removeChild(e[t]),i.appendChild(e[t]))})),n&&this.animateAll()},save:function(){var t=this.options.store;t&&t.set&&t.set(this)},closest:function(t,n){return x(t,n||this.options.draggable,this.el,!1)},option:function(t,n){var e=this.options;if(void 0===n)return e[t];var i=U.modifyOption(this,t,n);e[t]=void 0!==i?i:n,"group"===t&&Nt(e)},destroy:function(){Z("destroy",this);var t=this.el;t[W]=null,y(t,"mousedown",this._onTapStart),y(t,"touchstart",this._onTapStart),y(t,"pointerdown",this._onTapStart),this.nativeDraggable&&(y(t,"dragover",this),y(t,"dragenter",this)),Array.prototype.forEach.call(t.querySelectorAll("[draggable]"),(function(t){t.removeAttribute("draggable")})),this._onDrop(),this._disableDelayedDragEvents(),xt.splice(xt.indexOf(this.el),1),this.el=t=null},_hideClone:function(){if(!it){if(Z("hideClone",this),Gt.eventCanceled)return;O(et,"display","none"),this.options.removeCloneOnHide&&et.parentNode&&et.parentNode.removeChild(et),it=!0}},_showClone:function(t){if("clone"===t.lastPutMode){if(it){if(Z("showClone",this),Gt.eventCanceled)return;q.parentNode!=Q||this.options.group.revertClone?tt?Q.insertBefore(et,tt):Q.appendChild(et):Q.insertBefore(et,q),this.options.group.revertClone&&this.animate(q,et),O(et,"display",""),it=!1}}else this._hideClone()}},_t&&w(document,"touchmove",(function(t){(Gt.active||Et)&&t.cancelable&&t.preventDefault()})),Gt.utils={on:w,off:y,css:O,find:_,is:function(t,n){return!!x(t,n,t,!1)},extend:function(t,n){if(t&&n)for(var e in n)n.hasOwnProperty(e)&&(t[e]=n[e]);return t},throttle:H,closest:x,toggleClass:I,clone:L,index:N,nextTick:Yt,cancelNextTick:Ut,detectDirection:zt,getChild:A,expando:W},Gt.get=function(t){return t[W]},Gt.mount=function(){for(var t=arguments.length,n=Array(t),e=0;e<t;e++)n[e]=arguments[e];n[0].constructor===Array&&(n=n[0]),n.forEach((function(t){if(!t.prototype||!t.prototype.constructor)throw"Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(t));t.utils&&(Gt.utils=l(l({},Gt.utils),t.utils)),U.mount(t)}))},Gt.create=function(t,n){return new Gt(t,n)},Gt.version="1.15.7";var Vt,Zt,$t,qt,Jt,Kt,Qt=[],tn=!1;function nn(){Qt.forEach((function(t){clearInterval(t.pid)})),Qt=[]}function en(){clearInterval(Kt)}var on=H((function(t,n,e,i){if(n.scroll){var o,r=(t.touches?t.touches[0]:t).clientX,a=(t.touches?t.touches[0]:t).clientY,s=n.scrollSensitivity,u=n.scrollSpeed,l=C(),c=!1;Zt!==e&&(Zt=e,nn(),o=n.scrollFn,!0===(Vt=n.scroll)&&(Vt=F(e,!0)));var f=0,h=Vt;do{var d=h,v=k(d),m=v.top,p=v.bottom,b=v.left,g=v.right,w=v.width,y=v.height,E=void 0,S=void 0,x=d.scrollWidth,T=d.scrollHeight,M=O(d),I=d.scrollLeft,D=d.scrollTop;d===l?(E=w<x&&("auto"===M.overflowX||"scroll"===M.overflowX||"visible"===M.overflowX),S=y<T&&("auto"===M.overflowY||"scroll"===M.overflowY||"visible"===M.overflowY)):(E=w<x&&("auto"===M.overflowX||"scroll"===M.overflowX),S=y<T&&("auto"===M.overflowY||"scroll"===M.overflowY));var _=E&&(Math.abs(g-r)<=s&&I+w<x)-(Math.abs(b-r)<=s&&!!I),j=S&&(Math.abs(p-a)<=s&&D+y<T)-(Math.abs(m-a)<=s&&!!D);if(!Qt[f])for(var A=0;A<=f;A++)Qt[A]||(Qt[A]={});Qt[f].vx==_&&Qt[f].vy==j&&Qt[f].el===d||(Qt[f].el=d,Qt[f].vx=_,Qt[f].vy=j,clearInterval(Qt[f].pid),0==_&&0==j||(c=!0,Qt[f].pid=setInterval(function(){i&&0===this.layer&&Gt.active._onTouchMove(Jt);var n=Qt[this.layer].vy?Qt[this.layer].vy*u:0,e=Qt[this.layer].vx?Qt[this.layer].vx*u:0;"function"==typeof o&&"continue"!==o.call(Gt.dragged.parentNode[W],e,n,t,Jt,Qt[this.layer].el)||G(Qt[this.layer].el,e,n)}.bind({layer:f}),24))),f++}while(n.bubbleScroll&&h!==l&&(h=F(h,!1)));tn=c}}),30),rn=function(t){var n=t.originalEvent,e=t.putSortable,i=t.dragEl,o=t.dispatchSortableEvent,r=t.unhideGhostForTarget;if(n){var a=e||t.activeSortable;(0,t.hideGhostForTarget)();var s=n.changedTouches&&n.changedTouches.length?n.changedTouches[0]:n,u=document.elementFromPoint(s.clientX,s.clientY);r(),a&&!a.el.contains(u)&&(o("spill"),this.onSpill({dragEl:i,putSortable:e}))}};function an(){}function sn(){}an.prototype={startIndex:null,dragStart:function(t){this.startIndex=t.oldDraggableIndex},onSpill:function(t){var n=t.dragEl,e=t.putSortable;this.sortable.captureAnimationState(),e&&e.captureAnimationState();var i=A(this.sortable.el,this.startIndex,this.options);i?this.sortable.el.insertBefore(n,i):this.sortable.el.appendChild(n),this.sortable.animateAll(),e&&e.animateAll()},drop:rn},s(an,{pluginName:"revertOnSpill"}),sn.prototype={onSpill:function(t){var n=t.dragEl,e=t.putSortable||this.sortable;e.captureAnimationState(),n.parentNode&&n.parentNode.removeChild(n),e.animateAll()},drop:rn},s(sn,{pluginName:"removeOnSpill"}),Gt.mount(new function(){function t(){for(var t in this.defaults={scroll:!0,forceAutoScrollFallback:!1,scrollSensitivity:30,scrollSpeed:10,bubbleScroll:!0},this)"_"===t.charAt(0)&&"function"==typeof this[t]&&(this[t]=this[t].bind(this))}return t.prototype={dragStarted:function(t){var n=t.originalEvent;this.sortable.nativeDraggable?w(document,"dragover",this._handleAutoScroll):w(document,this.options.supportPointer?"pointermove":n.touches?"touchmove":"mousemove",this._handleFallbackAutoScroll)},dragOverCompleted:function(t){var n=t.originalEvent;this.options.dragOverBubble||n.rootEl||this._handleAutoScroll(n)},drop:function(){this.sortable.nativeDraggable?y(document,"dragover",this._handleAutoScroll):(y(document,"pointermove",this._handleFallbackAutoScroll),y(document,"touchmove",this._handleFallbackAutoScroll),y(document,"mousemove",this._handleFallbackAutoScroll)),en(),nn(),clearTimeout(T),T=void 0},nulling:function(){Jt=Zt=Vt=tn=Kt=$t=qt=null,Qt.length=0},_handleFallbackAutoScroll:function(t){this._handleAutoScroll(t,!0)},_handleAutoScroll:function(t,n){var e=this,i=(t.touches?t.touches[0]:t).clientX,o=(t.touches?t.touches[0]:t).clientY,r=document.elementFromPoint(i,o);if(Jt=t,n||this.options.forceAutoScrollFallback||d||h||m){on(t,this.options,r,n);var a=F(r,!0);!tn||Kt&&i===$t&&o===qt||(Kt&&en(),Kt=setInterval((function(){var r=F(document.elementFromPoint(i,o),!0);r!==a&&(a=r,nn()),on(t,e.options,r,n)}),10),$t=i,qt=o)}else{if(!this.options.bubbleScroll||F(r,!0)===C())return void nn();on(t,this.options,F(r,!1),!1)}}},s(t,{pluginName:"scroll",initializeByDefault:!0})}),Gt.mount(sn,an);const un=t(class extends n{constructor(t){super(),!1!==t&&this.__registerHost(),this.pdsSortableItemMoved=e(this,"pdsSortableItemMoved",7),this.border=!1,this.disabled=!1,this.dividers=!1,this.handleType="row"}handleDisabledChange(){var t;null===(t=this.sortableInstance)||void 0===t||t.option("disabled",this.disabled)}classNames(){const t=["pds-sortable"];return this.border&&t.push("pds-sortable--bordered"),this.disabled&&t.push("pds-sortable--disabled"),this.dividers&&t.push("pds-sortable--divided"),void 0!==this.handleType&&t.push("pds-sortable--handle-type-"+this.handleType),t.join("  ")}componentDidLoad(){let t={animation:150,disabled:this.disabled,ghostClass:"pds-sortable-item--ghost",dragClass:"pds-sortable-item--drag",onEnd:t=>{this.pdsSortableItemMoved.emit(t)}};"handle"===this.handleType&&(t=Object.assign(Object.assign({},t),{handle:".pds-sortable-item__handle"})),this.sortableInstance=Gt.create(this.el,t)}render(){return i(o,{key:"235879c63aa8e55ea819fd3bcdb30ef56dd2c0b3",class:this.classNames(),id:this.componentId},i("slot",{key:"28cb6ef1a3b1f7de15f1f2728ffa625c879890dc"}))}get el(){return this}static get watchers(){return{disabled:[{handleDisabledChange:0}]}}static get style(){return".pds-sortable.sc-pds-sortable-h{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.pds-sortable.pds-sortable--bordered.sc-pds-sortable-h{border:var(--pine-border);border-radius:var(--pine-dimension-2xs)}"}},[262,"pds-sortable",{border:[516],disabled:[516],componentId:[1,"component-id"],dividers:[516],handleType:[1,"handle-type"]},void 0,{disabled:[{handleDisabledChange:0}]}]),ln=un,cn=function(){"undefined"!=typeof customElements&&["pds-sortable"].forEach((t=>{"pds-sortable"===t&&(customElements.get(r(t))||customElements.define(r(t),un))}))};export{ln as PdsSortable,cn as defineCustomElement}

package/components/pds-switch.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as t,Host as r,transformTag as n}from"@stencil/core/internal/client";import{e as a,i as o,a as l,m as c}from"./form.js";import{h as d}from"./index2.js";import{i as h}from"./attributes.js";import{d as p}from"./pds-icon2.js";const b=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSwitchChange=s(this,"pdsSwitchChange",7),this.inheritedAttributes={},this._type="checkbox",this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=e=>{this.disabled||(this.checked=e.target.checked,this.updateFormValue(),this.pdsSwitchChange.emit(e))},this.switchClassNames=()=>{let e="pds-switch";return!0===this.invalid&&(e+=" pds-switch--error"),void 0!==this.helperMessage&&(e+=" pds-switch--message"),e}}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),a(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){o()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},h(this.el))}render(){return t(r,{key:"96ee8c40c04e95b461ba2942b740503897a56b27",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},t("label",{key:"441d6854f2c0b02ecf3d874198b3e0636d68c83b",htmlFor:this.componentId},t("input",Object.assign({key:"ed0c344ab46d83faf902571fcd282a605f5cfbec","aria-describedby":l(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"a2e89156f56d6c921be9b866823bb4b36710b40f",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&t("div",{key:"1465778f0a69d4c87108a80603d123bf0500911d",class:"pds-switch__message",id:c(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"2a652c3019f45a060283f98ea97ac83e17d7de33",class:"pds-switch__message pds-switch__message--error",id:c(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"438895d9ad8799b540ab239ac90bedcb0231d2f0",icon:d,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged:0}]}}static get style(){return':host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'}},[65,"pds-switch",{componentId:[1,"component-id"],checked:[1028],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],value:[1]},void 0,{checked:[{checkedChanged:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((e=>{switch(e){case"pds-switch":customElements.get(n(e))||customElements.define(n(e),b);break;case"pds-icon":customElements.get(n(e))||p()}}))};export{m as PdsSwitch,g as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as s,h as t,Host as r,transformTag as n}from"@stencil/core/internal/client";import{e as o,i as a,a as l,m as d}from"./form.js";import{h as c}from"./index2.js";import{i as h}from"./attributes.js";import{d as p}from"./pds-icon2.js";const b=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsSwitchChange=s(this,"pdsSwitchChange",7),this.inheritedAttributes={},this._type="checkbox",this.checked=!1,this.disabled=!1,this.invalid=!1,this.required=!1,this.onSwitchUpdate=e=>{this.disabled||(this.checked=e.target.checked,this.updateFormValue(),this.pdsSwitchChange.emit(e))},this.switchClassNames=()=>{let e="pds-switch";return!0===this.invalid&&(e+=" pds-switch--error"),void 0!==this.helperMessage&&(e+=" pds-switch--message"),e}}connectedCallback(){this.el.attachInternals&&!this.internals&&(this.internals=this.el.attachInternals()),o(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){a()||(this.internals&&this.internals.setFormValue&&this.internals.setFormValue(this.checked?this.value||"on":null),this.internals&&this.internals.setValidity&&this.internals.setValidity({}))}formStateRestoreCallback(e){if(e instanceof FormData){const i=this.value||"on";this.checked=e.get(this.name||this.componentId)===i}else"string"==typeof e&&(this.checked=e===(this.value||"on"))}componentWillLoad(){this.inheritedAttributes=Object.assign({},h(this.el))}render(){return t(r,{key:"0f7a97cc04485d5ead92f1d9e1deff176bef7859",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},t("label",{key:"bb8d0849e8ac5fd63d83f30d892bb195c7ed984c",htmlFor:this.componentId},t("input",Object.assign({key:"d4f1c469ed61e5511fb4fef2b587b7320b7b8d10","aria-describedby":l(this.componentId,this.invalid,this.helperMessage,this.errorMessage),"aria-invalid":this.invalid?"true":void 0,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"a902c71c77d143e5930f18ab3f37d3442d9190e3",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&t("div",{key:"3802a9cc1068caa4955634be3c728f283dedab16",class:"pds-switch__message",id:d(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"be0d4094af7f9c59be32faf42aed585ec92fd730",class:"pds-switch__message pds-switch__message--error",id:d(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"f0f342b703fc5db7a4b03891ed5101e0ebcde47e",icon:c,size:"small"}),this.errorMessage))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{checked:[{checkedChanged:0}]}}static get style(){return':host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}:host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:var(--pine-motion-duration-fast) ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:var(--pine-dimension-025);position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:inset-inline-start var(--number-transition-timing);transition:inset-inline-start var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-secondary)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{inset-inline-start:calc(100% - var(--sizing-input-toggle-size) - var(--pine-dimension-025))}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}'}},[65,"pds-switch",{componentId:[1,"component-id"],checked:[1028],disabled:[4],errorMessage:[1,"error-message"],hideLabel:[4,"hide-label"],helperMessage:[1,"helper-message"],invalid:[4],label:[1],name:[1],required:[4],value:[1]},void 0,{checked:[{checkedChanged:0}]}]),m=b,g=function(){"undefined"!=typeof customElements&&["pds-switch","pds-icon"].forEach((e=>{switch(e){case"pds-switch":customElements.get(n(e))||customElements.define(n(e),b);break;case"pds-icon":customElements.get(n(e))||p()}}))};export{m as PdsSwitch,g as defineCustomElement}

package/components/pds-table-body.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"457fc5406a1fe67055038398e03bfad97a393747",role:"rowgroup",part:"body"},o("slot",{key:"5950bced36f7ba590f34173149cf8663ba76103b"}))}static get style(){return":host{border-color:inherit;display:table-row-group;vertical-align:middle}"}},[257,"pds-table-body"]),n=l,c=function(){"undefined"!=typeof customElements&&["pds-table-body"].forEach((e=>{"pds-table-body"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))};export{n as PdsTableBody,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(r,{key:"38b6b6121a4652e5b98f2ff22721e687ae401437",role:"rowgroup",part:"body"},o("slot",{key:"7ce84ac64307b9e19a8b4b72efe3e8eab34f99bf"}))}static get style(){return":host{border-color:inherit;display:table-row-group;vertical-align:middle}"}},[257,"pds-table-body"]),n=l,b=function(){"undefined"!=typeof customElements&&["pds-table-body"].forEach((e=>{"pds-table-body"===e&&(customElements.get(s(e))||customElements.define(s(e),l))}))};export{n as PdsTableBody,b as defineCustomElement}

package/components/pds-table-cell2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{i as l}from"./scroll.js";import{s as o}from"./truncation-tooltip.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scrollContainer=null,this.setupRetries=0,this.truncationCleanup=null,this.tableScrolling=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=l(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener(),this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.cleanupScrollListener(),this.destroyTruncationTooltip()}setupScrollListener(){var t;if(!this.tableRef)return;const i=null===(t=this.tableRef.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container");i?(this.scrollContainer=i,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll(),this.setupRetries=0):this.setupTimer=window.setTimeout((()=>{this.scrollContainer||(this.setupRetries=(this.setupRetries||0)+1,this.setupRetries<=50?this.setupScrollListener():console.warn("Failed to find responsive container after 50 attempts"))}),100)}cleanupScrollListener(){this.scrollContainer&&(this.scrollContainer.removeEventListener("scroll",this.handleScroll),this.scrollContainer=null),void 0!==this.setupTimer&&(window.clearTimeout(this.setupTimer),this.setupTimer=void 0),this.setupRetries=0}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.truncationCleanup=o({hostEl:this.hostElement,contentEl:this.hostElement,getTooltipText:()=>this.hostElement.textContent||""})}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}classNames(){const t=[];return this.tableRef&&this.tableRef.compact&&t.push("is-compact"),this.cellAlign&&t.push(`pds-table-cell--align-${this.cellAlign}`),this.truncate&&t.push("is-truncated"),this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling&&t.push("has-scrolled"),t.join(" ")}render(){return e(s,{key:"b108b0fce3ff0d5c503922a6c936ffd6ca52523f",class:this.classNames(),role:"gridcell",part:"cell",tabIndex:this.truncate?0:void 0,style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"ebc1709ef52029bc6afec2fa89a90d47620892cb"}))}get hostElement(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}]}}static get style(){return":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:middle}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:0;position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host-context([dir=rtl]){--box-shadow-fixed:-3px 3px 6px -2px rgba(0, 0, 0, 0.2)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--pds-table-cell-truncate-max-width, 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}:host(.pds-table-cell--align-start){text-align:start}:host(.pds-table-cell--align-center){text-align:center}:host(.pds-table-cell--align-end){text-align:end}:host(.pds-table-cell--align-justify){text-align:justify}"}},[257,"pds-table-cell",{cellAlign:[1,"cell-align"],truncate:[4],tableScrolling:[32]},void 0,{truncate:[{handleTruncateChange:0}]}]);function h(){"undefined"!=typeof customElements&&["pds-table-cell"].forEach((t=>{"pds-table-cell"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))}export{a as P,h as d}
+import{proxyCustomElement as t,HTMLElement as i,h as e,Host as s,transformTag as n}from"@stencil/core/internal/client";import{i as l}from"./scroll.js";import{s as o}from"./truncation-tooltip.js";const a=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.scrollContainer=null,this.setupRetries=0,this.truncationCleanup=null,this.tableScrolling=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=l(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}}}componentWillRender(){this.tableRef=this.hostElement.closest("pds-table")}componentDidLoad(){this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener(),this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.cleanupScrollListener(),this.destroyTruncationTooltip()}setupScrollListener(){var t;if(!this.tableRef)return;const i=null===(t=this.tableRef.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container");i?(this.scrollContainer=i,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll(),this.setupRetries=0):this.setupTimer=window.setTimeout((()=>{this.scrollContainer||(this.setupRetries=(this.setupRetries||0)+1,this.setupRetries<=50?this.setupScrollListener():console.warn("Failed to find responsive container after 50 attempts"))}),100)}cleanupScrollListener(){this.scrollContainer&&(this.scrollContainer.removeEventListener("scroll",this.handleScroll),this.scrollContainer=null),void 0!==this.setupTimer&&(window.clearTimeout(this.setupTimer),this.setupTimer=void 0),this.setupRetries=0}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.truncationCleanup=o({hostEl:this.hostElement,contentEl:this.hostElement,getTooltipText:()=>this.hostElement.textContent||""})}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}classNames(){const t=[];return this.tableRef&&this.tableRef.compact&&t.push("is-compact"),this.cellAlign&&t.push(`pds-table-cell--align-${this.cellAlign}`),this.truncate&&t.push("is-truncated"),this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling&&t.push("has-scrolled"),t.join(" ")}render(){return e(s,{key:"1c37f341c8171d322d60647b25bfa92fdd9ea339",class:this.classNames(),role:"gridcell",part:"cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"339b2217df131c58d76258f581a53c0bd46cbd03"}))}get hostElement(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}]}}static get style(){return":host{--box-shadow-fixed:3px 3px 6px -2px rgba(0, 0, 0, 0.2);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);inset-inline-start:var(--pine-dimension-none);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);vertical-align:middle}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:0;position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host-context([dir=rtl]){--box-shadow-fixed:-3px 3px 6px -2px rgba(0, 0, 0, 0.2)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-fixed);box-shadow:var(--box-shadow-fixed)}:host(.is-truncated){max-width:var(--pds-table-cell-truncate-max-width, 100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.has-checkbox){vertical-align:middle;width:16px}:host(.pds-table-cell--align-start){text-align:start}:host(.pds-table-cell--align-center){text-align:center}:host(.pds-table-cell--align-end){text-align:end}:host(.pds-table-cell--align-justify){text-align:justify}"}},[257,"pds-table-cell",{cellAlign:[1,"cell-align"],truncate:[4],tableScrolling:[32]},void 0,{truncate:[{handleTruncateChange:0}]}]);function h(){"undefined"!=typeof customElements&&["pds-table-cell"].forEach((t=>{"pds-table-cell"===t&&(customElements.get(n(t))||customElements.define(n(t),a))}))}export{a as P,h as d}

package/components/pds-table-head-cell2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as s,createEvent as e,h as i,Host as a,transformTag as o}from"@stencil/core/internal/client";import{u as r,d as n}from"./index2.js";import{i as l}from"./scroll.js";import{d as h}from"./pds-icon2.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSort=e(this,"pdsTableSort",7),this.scrollContainer=null,this.setupRetries=0,this.sortingDirection="asc",this.tableScrolling=!1,this.isSelected=!1,this.hasHeadBorder=!1,this.hasHeadBackground=!1,this.isActive=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=l(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}},this.toggleSort=()=>{if(this.sortable){if(!this.tableRef)return;const t=this.hostElement.innerText.trim();this.sortingDirection="asc"===this.sortingDirection?"desc":"asc",this.tableRef.querySelectorAll("pds-table-head-cell").forEach((async t=>{if(t!==this.hostElement){const s=t;await s.clearActiveSort()}})),this.isActive=!0,this.hostElement.classList.add("is-active"),this.pdsTableSort.emit({column:t,direction:this.sortingDirection})}}}async setActiveSort(t){this.sortable&&(this.sortingDirection=t,this.isActive=!0,this.hostElement.classList.add("is-active"))}async clearActiveSort(){this.isActive=!1,this.hostElement.classList.remove("is-active")}componentWillLoad(){this.tableRef=this.hostElement.closest("pds-table");const t=this.hostElement.closest("pds-table-head");t&&(this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background"))}componentDidLoad(){this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener();const t=this.hostElement.closest("pds-table-head");t&&"undefined"!=typeof MutationObserver&&(this.headObserver&&this.headObserver.disconnect(),this.headObserver=new MutationObserver((()=>{this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background")})),this.headObserver.observe(t,{attributes:!0,attributeFilter:["border","background"]}))}disconnectedCallback(){this.cleanupScrollListener(),this.headObserver&&this.headObserver.disconnect()}setupScrollListener(){var t;if(!this.tableRef)return;const s=null===(t=this.tableRef.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container");s?(this.scrollContainer=s,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll(),this.setupRetries=0):this.setupTimer=window.setTimeout((()=>{this.scrollContainer||(this.setupRetries=(this.setupRetries||0)+1,this.setupRetries<=50?this.setupScrollListener():console.warn("Failed to find responsive container after 50 attempts"))}),100)}cleanupScrollListener(){this.scrollContainer&&(this.scrollContainer.removeEventListener("scroll",this.handleScroll),this.scrollContainer=null),void 0!==this.setupTimer&&(window.clearTimeout(this.setupTimer),this.setupTimer=void 0),this.setupRetries=0}classNames(){const t=[];return this.tableRef&&this.tableRef.compact&&t.push("is-compact"),this.cellAlign&&t.push(`pds-table-head-cell--align-${this.cellAlign}`),this.sortable&&t.push("is-sortable"),this.sortable&&null!==this.sortingDirection&&t.push("sort-"+this.sortingDirection),this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling&&t.push("has-scrolled"),this.hasHeadBackground&&t.push("has-head-background"),this.hasHeadBorder&&t.push("has-head-border"),t.join(" ")}render(){return i(a,{key:"e0a30c326b81e0cc3fa8c0392b61f2a6625aad71",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},i("slot",{key:"3d0012983b2b552e4e61a3d84717afb9de8e572f"}),this.sortable&&this.isActive&&i("pds-icon",{key:"326607f90b12ecc26a731dc696d0a3b8ebb0960c",icon:"asc"===this.sortingDirection?r:n,part:"sort-icon"}))}get hostElement(){return this}static get style(){return":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host-context([dir=rtl]){--box-shadow-default:-3px 3px 6px -2px rgba(0, 0, 0, 0.1)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}"}},[257,"pds-table-head-cell",{cellAlign:[1,"cell-align"],sortable:[4],sortingDirection:[32],tableScrolling:[32],isSelected:[32],hasHeadBorder:[32],hasHeadBackground:[32],isActive:[32],setActiveSort:[64],clearActiveSort:[64]}]);function c(){"undefined"!=typeof customElements&&["pds-table-head-cell","pds-icon"].forEach((t=>{switch(t){case"pds-table-head-cell":customElements.get(o(t))||customElements.define(o(t),d);break;case"pds-icon":customElements.get(o(t))||h()}}))}export{d as P,c as d}
+import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as o,transformTag as a}from"@stencil/core/internal/client";import{u as r,d as n}from"./index2.js";import{i as l}from"./scroll.js";import{d as h}from"./pds-icon2.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableSort=i(this,"pdsTableSort",7),this.scrollContainer=null,this.setupRetries=0,this.sortingDirection="asc",this.tableScrolling=!1,this.isSelected=!1,this.hasHeadBorder=!1,this.hasHeadBackground=!1,this.isActive=!1,this.handleScroll=()=>{if(this.scrollContainer)try{this.tableScrolling=l(this.scrollContainer)}catch(t){console.warn("Scroll handler error:",t)}},this.toggleSort=()=>{if(this.sortable){if(!this.tableRef)return;const t=this.hostElement.innerText.trim();this.sortingDirection="asc"===this.sortingDirection?"desc":"asc",this.tableRef.querySelectorAll("pds-table-head-cell").forEach((async t=>{if(t!==this.hostElement){const s=t;await s.clearActiveSort()}})),this.isActive=!0,this.hostElement.classList.add("is-active"),this.pdsTableSort.emit({column:t,direction:this.sortingDirection})}}}async setActiveSort(t){this.sortable&&(this.sortingDirection=t,this.isActive=!0,this.hostElement.classList.add("is-active"))}async clearActiveSort(){this.isActive=!1,this.hostElement.classList.remove("is-active")}componentWillLoad(){this.tableRef=this.hostElement.closest("pds-table");const t=this.hostElement.closest("pds-table-head");t&&(this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background"))}componentDidLoad(){this.tableRef&&this.tableRef.responsive&&this.tableRef.fixedColumn&&this.setupScrollListener();const t=this.hostElement.closest("pds-table-head");t&&"undefined"!=typeof MutationObserver&&(this.headObserver&&this.headObserver.disconnect(),this.headObserver=new MutationObserver((()=>{this.hasHeadBorder=t.hasAttribute("border"),this.hasHeadBackground=t.hasAttribute("background")})),this.headObserver.observe(t,{attributes:!0,attributeFilter:["border","background"]}))}disconnectedCallback(){this.cleanupScrollListener(),this.headObserver&&this.headObserver.disconnect()}setupScrollListener(){var t;if(!this.tableRef)return;const s=null===(t=this.tableRef.shadowRoot)||void 0===t?void 0:t.querySelector(".pds-table-responsive-container");s?(this.scrollContainer=s,this.scrollContainer.addEventListener("scroll",this.handleScroll,{passive:!0}),this.handleScroll(),this.setupRetries=0):this.setupTimer=window.setTimeout((()=>{this.scrollContainer||(this.setupRetries=(this.setupRetries||0)+1,this.setupRetries<=50?this.setupScrollListener():console.warn("Failed to find responsive container after 50 attempts"))}),100)}cleanupScrollListener(){this.scrollContainer&&(this.scrollContainer.removeEventListener("scroll",this.handleScroll),this.scrollContainer=null),void 0!==this.setupTimer&&(window.clearTimeout(this.setupTimer),this.setupTimer=void 0),this.setupRetries=0}classNames(){const t=[];return this.tableRef&&this.tableRef.compact&&t.push("is-compact"),this.cellAlign&&t.push(`pds-table-head-cell--align-${this.cellAlign}`),this.sortable&&t.push("is-sortable"),this.sortable&&null!==this.sortingDirection&&t.push("sort-"+this.sortingDirection),this.tableRef&&this.tableRef.fixedColumn&&this.tableScrolling&&t.push("has-scrolled"),this.hasHeadBackground&&t.push("has-head-background"),this.hasHeadBorder&&t.push("has-head-border"),t.join(" ")}render(){return e(o,{key:"c30192a432bbd8868326fc7ed4199b98a33991ff",class:this.classNames(),role:"columnheader",onClick:this.toggleSort,part:"head-cell",style:this.tableRef&&this.tableRef.fixedColumn&&this.tableRef.selectable?{"--fixed-cell-position":"40px"}:{}},e("slot",{key:"e725a7e576f6bc56d385c8cb0822ce255544fbcb"}),this.sortable&&this.isActive&&e("pds-icon",{key:"52068d114bfadcd6d4e02c86e703349bc7833716",icon:"asc"===this.sortingDirection?r:n,part:"sort-icon"}))}get hostElement(){return this}static get style(){return":host{--border-head-cell-default:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);--box-shadow-default:3px 3px 6px -2px rgba(0, 0, 0, 0.1);-webkit-border-after:var(--border-head-cell-default);border-block-end:var(--border-head-cell-default);color:var(--pine-color-text);display:table-cell;font-family:var(--pine-font-family-body);font-size:var(--pine-font-size);font-weight:var(--pine-font-weight-regular);letter-spacing:var(--pine-letter-spacing);line-height:var(--pine-line-height-body);padding:var(--pine-dimension-sm);position:relative;text-align:start;vertical-align:inherit}:host(.is-compact){padding-block:var(--pine-dimension-2xs)}:host(.is-fixed){background:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(.is-fixed.has-head-background){background-color:var(--pine-color-background-subtle)}:host(.has-head-border){-webkit-border-before:var(--border-head-cell-default);border-block-start:var(--border-head-cell-default)}:host-context([dir=rtl]){--box-shadow-default:-3px 3px 6px -2px rgba(0, 0, 0, 0.1)}:host(.has-scrolled.is-fixed){-webkit-box-shadow:var(--box-shadow-default);box-shadow:var(--box-shadow-default)}:host(.is-sortable){cursor:pointer}:host(.is-sortable) pds-icon{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs);-webkit-padding-before:2px;padding-block-start:2px;position:absolute}:host(.is-sortable:hover),:host(.is-active){color:var(--pine-color-text-strong)}:host(.pds-table-head-cell--align-start){text-align:start}:host(.pds-table-head-cell--align-center){text-align:center}:host(.pds-table-head-cell--align-end){text-align:end}:host(.pds-table-head-cell--align-justify){text-align:justify}"}},[257,"pds-table-head-cell",{cellAlign:[1,"cell-align"],sortable:[4],sortingDirection:[32],tableScrolling:[32],isSelected:[32],hasHeadBorder:[32],hasHeadBackground:[32],isActive:[32],setActiveSort:[64],clearActiveSort:[64]}]);function c(){"undefined"!=typeof customElements&&["pds-table-head-cell","pds-icon"].forEach((t=>{switch(t){case"pds-table-head-cell":customElements.get(a(t))||customElements.define(a(t),d);break;case"pds-icon":customElements.get(a(t))||h()}}))}export{d as P,c as d}

package/components/pds-table-head.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as o,Host as d,transformTag as i}from"@stencil/core/internal/client";import{c as s}from"./closest.js";import{d as l}from"./pds-checkbox2.js";import{d as a}from"./pds-icon2.js";import{d as c}from"./pds-table-head-cell2.js";const b=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=t(this,"pdsTableSelectAll",7),this.border=!1,this.background=!1,this.generateUniqueId=()=>`${Math.random().toString(36).substring(2,8)}-${(new Date).toISOString().replace(/[:.]/g,"-")}`,this.handleInput=e=>{this.isSelected=!e.target.checked,this.handleSelect(this.isSelected)},this.handleSelect=e=>{this.indeterminate=!1,s("pds-table-head",this.hostElement)&&this.pdsTableSelectAll.emit({isSelected:e})}}componentWillLoad(){this.isSelected&&this.handleSelect(this.isSelected)}componentWillRender(){if(this.tableRef=this.hostElement.closest("pds-table"),this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-head-cell:first-child");null==e||e.classList.add("is-fixed")}}render(){return o(d,{key:"d5d5906bdb23794b911ecd5904a4cc58aa5380d6",role:"row",part:"head"},this.tableRef&&this.tableRef.selectable&&o("pds-table-head-cell",{key:"85df57fb4371e4fba855e16ce62c8329b49e08cf",part:this.tableRef.selectable?"checkbox-cell":""},!this.tableRef.disableSelectAll&&o("pds-checkbox",{key:"92bd5565463e29d249d1ac71d9dc0d000f3eea79",componentId:this.generateUniqueId(),indeterminate:this.indeterminate,onInput:this.handleInput,label:"Select All Rows",hideLabel:!0,checked:this.isSelected,part:"select-all-checkbox"})),o("slot",{key:"494dc0395da229a264c38540479f36967601cc26"}))}get hostElement(){return this}static get style(){return":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-background-subtle);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}:host([border]){-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([border]) pds-table-head-cell{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([background]){background-color:var(--pine-color-background-subtle)}:host([background]) pds-table-head-cell{background-color:var(--pine-color-background-subtle)}"}},[257,"pds-table-head",{indeterminate:[1028],isSelected:[1028,"is-selected"],border:[516],background:[516]}]),n=b,h=function(){"undefined"!=typeof customElements&&["pds-table-head","pds-checkbox","pds-icon","pds-table-head-cell"].forEach((e=>{switch(e){case"pds-table-head":customElements.get(i(e))||customElements.define(i(e),b);break;case"pds-checkbox":customElements.get(i(e))||l();break;case"pds-icon":customElements.get(i(e))||a();break;case"pds-table-head-cell":customElements.get(i(e))||c()}}))};export{n as PdsTableHead,h as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as r,createEvent as t,h as o,Host as d,transformTag as i}from"@stencil/core/internal/client";import{c as s}from"./closest.js";import{d as l}from"./pds-checkbox2.js";import{d as a}from"./pds-icon2.js";import{d as b}from"./pds-table-head-cell2.js";const c=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsTableSelectAll=t(this,"pdsTableSelectAll",7),this.border=!1,this.background=!1,this.generateUniqueId=()=>`${Math.random().toString(36).substring(2,8)}-${(new Date).toISOString().replace(/[:.]/g,"-")}`,this.handleInput=e=>{this.isSelected=!e.target.checked,this.handleSelect(this.isSelected)},this.handleSelect=e=>{this.indeterminate=!1,s("pds-table-head",this.hostElement)&&this.pdsTableSelectAll.emit({isSelected:e})}}componentWillLoad(){this.isSelected&&this.handleSelect(this.isSelected)}componentWillRender(){if(this.tableRef=this.hostElement.closest("pds-table"),this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-head-cell:first-child");null==e||e.classList.add("is-fixed")}}render(){return o(d,{key:"5815389e77b61a323dd4430625b0917a7428bf02",role:"row",part:"head"},this.tableRef&&this.tableRef.selectable&&o("pds-table-head-cell",{key:"161fdced5a7c7cd13a62fb7c1ed96e82ad2dbfd0",part:this.tableRef.selectable?"checkbox-cell":""},!this.tableRef.disableSelectAll&&o("pds-checkbox",{key:"d6e90d844d314ef347ffb4db8b360ba36887c311",componentId:this.generateUniqueId(),indeterminate:this.indeterminate,onInput:this.handleInput,label:"Select All Rows",hideLabel:!0,checked:this.isSelected,part:"select-all-checkbox"})),o("slot",{key:"1dd5dd37d4fca230000a6eb4b96fee87e4e67802"}))}get hostElement(){return this}static get style(){return":host{--border-head-default:var(--pine-border-width-thin) solid var(--pine-color-background-subtle);border-color:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;display:table-header-group;vertical-align:middle}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host pds-table-checkbox-cell{-webkit-border-after:var(--border-head-default);border-block-end:var(--border-head-default)}:host([border]){-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([border]) pds-table-head-cell{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);-webkit-border-before:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-start:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host([background]){background-color:var(--pine-color-background-subtle)}:host([background]) pds-table-head-cell{background-color:var(--pine-color-background-subtle)}"}},[257,"pds-table-head",{indeterminate:[1028],isSelected:[1028,"is-selected"],border:[516],background:[516]}]),n=c,h=function(){"undefined"!=typeof customElements&&["pds-table-head","pds-checkbox","pds-icon","pds-table-head-cell"].forEach((e=>{switch(e){case"pds-table-head":customElements.get(i(e))||customElements.define(i(e),c);break;case"pds-checkbox":customElements.get(i(e))||l();break;case"pds-icon":customElements.get(i(e))||a();break;case"pds-table-head-cell":customElements.get(i(e))||b()}}))};export{n as PdsTableHead,h as defineCustomElement}

package/components/pds-table-row.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./closest.js";import{d}from"./pds-checkbox2.js";import{d as a}from"./pds-icon2.js";import{d as c}from"./pds-table-cell2.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.pdsTableRowSelected=s(this,"pdsTableRowSelected",7),this.observer=null,this.bodyObserver=null,this.hasDivider=!1,this.isLastRow=!1,this.handleCheckboxChange=e=>{this.isSelected=e.detail.checked,this.handleSelect(this.isSelected)},this.handleSelect=e=>{if(this.indeterminate=!1,!l("pds-table-head",this.hostElement)){const t=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:t,isSelected:e})}},this.generateUniqueId=()=>`${Math.random().toString(36).substring(2,8)}-${(new Date).toISOString().replace(/[:.]/g,"-")}`}classNames(){const e=[];return this.isSelected&&e.push("is-selected"),this.hasDivider&&e.push("has-divider"),this.isLastRow&&e.push("is-last-row"),e.join(" ")}componentWillRender(){if(this.tableRef=this.hostElement.closest("pds-table"),this.tableRef&&this.tableRef.fixedColumn){const e=this.hostElement.querySelector("pds-table-cell");null==e||e.classList.add("is-fixed")}}componentWillLoad(){this.isSelected&&this.handleSelect(this.isSelected)}connectedCallback(){this.tableRef=this.hostElement.closest("pds-table"),this.setupObservers(),this.updateDividerState()}disconnectedCallback(){this.cleanupObservers()}cleanupObservers(){this.observer&&(this.observer.disconnect(),this.observer=null),this.bodyObserver&&(this.bodyObserver.disconnect(),this.bodyObserver=null)}setupObservers(){this.cleanupObservers(),this.tableRef&&"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.updateDividerState()})),this.observer.observe(this.tableRef,{attributes:!0,attributeFilter:["row-dividers"]}));const e=this.hostElement.closest("pds-table-body");e&&"undefined"!=typeof MutationObserver&&(this.bodyObserver=new MutationObserver((()=>{this.updateLastRowState()})),this.bodyObserver.observe(e,{childList:!0}))}shouldHaveDivider(){return this.tableRef||(this.tableRef=this.hostElement.closest("pds-table")),!(!this.tableRef||!this.tableRef.rowDividers)}updateDividerState(){this.hasDivider=this.shouldHaveDivider(),this.updateLastRowState()}updateLastRowState(){if(!this.hasDivider)return void(this.isLastRow=!1);const e=this.hostElement.closest("pds-table-body");if(e){const t=Array.from(e.querySelectorAll("pds-table-row"));this.isLastRow=t[t.length-1]===this.hostElement}else this.isLastRow=!1}render(){return i(o,{key:"6bbd8bb7cd1f90de0e418748bf8d3b9240ab0cb8",class:this.classNames(),role:"row",part:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-cell",{key:"9a92396654e7cdf819536335ebe95169d4d4c26d",part:"checkbox-cell",class:this.tableRef.selectable?"has-checkbox":""},i("pds-checkbox",{key:"bf61a00da4d3c19280aae90d8eaff9515a716c52",componentId:this.generateUniqueId(),onPdsCheckboxChange:this.handleCheckboxChange,indeterminate:this.indeterminate,label:"Select Row",hideLabel:!0,checked:this.isSelected,part:"row-checkbox"})),i("slot",{key:"f77887e878913bea5e0ca0a281a639285a65f1c1"}))}get hostElement(){return this}static get style(){return":host{--color-background-interactive:var(--pine-color-background-subtle);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}:host(.has-divider) ::slotted(pds-table-cell),:host(.has-divider) pds-table-cell{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.has-divider.is-last-row) ::slotted(pds-table-cell),:host(.has-divider.is-last-row) pds-table-cell{-webkit-border-after:0;border-block-end:0}"}},[257,"pds-table-row",{indeterminate:[1028],isSelected:[1028,"is-selected"],hasDivider:[32],isLastRow:[32]}]),n=h,b=function(){"undefined"!=typeof customElements&&["pds-table-row","pds-checkbox","pds-icon","pds-table-cell"].forEach((e=>{switch(e){case"pds-table-row":customElements.get(r(e))||customElements.define(r(e),h);break;case"pds-checkbox":customElements.get(r(e))||d();break;case"pds-icon":customElements.get(r(e))||a();break;case"pds-table-cell":customElements.get(r(e))||c()}}))};export{n as PdsTableRow,b as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as o,transformTag as r}from"@stencil/core/internal/client";import{c as l}from"./closest.js";import{d as c}from"./pds-checkbox2.js";import{d as h}from"./pds-icon2.js";import{d as a}from"./pds-table-cell2.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.pdsTableRowSelected=s(this,"pdsTableRowSelected",7),this.observer=null,this.bodyObserver=null,this.hasDivider=!1,this.isLastRow=!1,this.handleCheckboxChange=t=>{this.isSelected=t.detail.checked,this.handleSelect(this.isSelected)},this.handleSelect=t=>{if(this.indeterminate=!1,!l("pds-table-head",this.hostElement)){const e=Array.from(this.hostElement.parentNode.children).indexOf(this.hostElement);this.pdsTableRowSelected.emit({rowIndex:e,isSelected:t})}},this.generateUniqueId=()=>`${Math.random().toString(36).substring(2,8)}-${(new Date).toISOString().replace(/[:.]/g,"-")}`}classNames(){const t=[];return this.isSelected&&t.push("is-selected"),this.hasDivider&&t.push("has-divider"),this.isLastRow&&t.push("is-last-row"),t.join(" ")}componentWillRender(){if(this.tableRef=this.hostElement.closest("pds-table"),this.tableRef&&this.tableRef.fixedColumn){const t=this.hostElement.querySelector("pds-table-cell");null==t||t.classList.add("is-fixed")}}componentWillLoad(){this.isSelected&&this.handleSelect(this.isSelected)}connectedCallback(){this.tableRef=this.hostElement.closest("pds-table"),this.setupObservers(),this.updateDividerState()}disconnectedCallback(){this.cleanupObservers()}cleanupObservers(){this.observer&&(this.observer.disconnect(),this.observer=null),this.bodyObserver&&(this.bodyObserver.disconnect(),this.bodyObserver=null)}setupObservers(){this.cleanupObservers(),this.tableRef&&"undefined"!=typeof MutationObserver&&(this.observer=new MutationObserver((()=>{this.updateDividerState()})),this.observer.observe(this.tableRef,{attributes:!0,attributeFilter:["row-dividers"]}));const t=this.hostElement.closest("pds-table-body");t&&"undefined"!=typeof MutationObserver&&(this.bodyObserver=new MutationObserver((()=>{this.updateLastRowState()})),this.bodyObserver.observe(t,{childList:!0}))}shouldHaveDivider(){return this.tableRef||(this.tableRef=this.hostElement.closest("pds-table")),!(!this.tableRef||!this.tableRef.rowDividers)}updateDividerState(){this.hasDivider=this.shouldHaveDivider(),this.updateLastRowState()}updateLastRowState(){if(!this.hasDivider)return void(this.isLastRow=!1);const t=this.hostElement.closest("pds-table-body");if(t){const e=Array.from(t.querySelectorAll("pds-table-row"));this.isLastRow=e[e.length-1]===this.hostElement}else this.isLastRow=!1}render(){return i(o,{key:"4188f670137051d35cf73a5ca86566f65c3eca09",class:this.classNames(),role:"row",part:"row"},this.tableRef&&this.tableRef.selectable&&i("pds-table-cell",{key:"122ff6ec96ea4857b863f9283bd46946dc403bff",part:"checkbox-cell",class:this.tableRef.selectable?"has-checkbox":""},i("pds-checkbox",{key:"9997b31c86190fe8f25ba4d1b42b8753facbba70",componentId:this.generateUniqueId(),onPdsCheckboxChange:this.handleCheckboxChange,indeterminate:this.indeterminate,label:"Select Row",hideLabel:!0,checked:this.isSelected,part:"row-checkbox"})),i("slot",{key:"f9bc0700386b11a35f78d639118351675ab7150d"}))}get hostElement(){return this}static get style(){return":host{--color-background-interactive:var(--pine-color-background-subtle);border-color:inherit;display:table-row;vertical-align:inherit}:host::part(checkbox-cell){background-color:var(--pine-color-background-container);inset-inline-start:var(--pine-dimension-none);position:-webkit-sticky;position:sticky;z-index:var(--pine-z-index-raised)}:host(:hover),:host(:hover)::part(checkbox-cell),:host(:hover) ::slotted(pds-table-cell),:host(.is-selected),:host(.is-selected)::part(checkbox-cell),:host(.is-selected) ::slotted(pds-table-cell){background:var(--color-background-interactive)}:host(.has-divider) ::slotted(pds-table-cell),:host(.has-divider) pds-table-cell{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.has-divider.is-last-row) ::slotted(pds-table-cell),:host(.has-divider.is-last-row) pds-table-cell{-webkit-border-after:0;border-block-end:0}"}},[257,"pds-table-row",{indeterminate:[1028],isSelected:[1028,"is-selected"],hasDivider:[32],isLastRow:[32]}]),n=d,b=function(){"undefined"!=typeof customElements&&["pds-table-row","pds-checkbox","pds-icon","pds-table-cell"].forEach((t=>{switch(t){case"pds-table-row":customElements.get(r(t))||customElements.define(r(t),d);break;case"pds-checkbox":customElements.get(r(t))||c();break;case"pds-icon":customElements.get(r(t))||h();break;case"pds-table-cell":customElements.get(r(t))||a()}}))};export{n as PdsTableRow,b as defineCustomElement}

package/components/pds-tabpanel.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as s,transformTag as n}from"@stencil/core/internal/client";import{u as i}from"./reconnected-content.js";const p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1,this.stretch=!1}componentDidRender(){i(this.el.querySelector(".pds-tabpanel"),".pds-tabpanel")}render(){return a(s,{key:"342748daeeba7a5e0d2daef6eb0d1c787cdb47ea",slot:"tabpanels",class:this.stretch&&this.selected?"pds-tabpanel--stretch-active":void 0},a("div",{key:"72826548113720f89b9adcf017c1ca02a9f7a02a",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},a("slot",{key:"f12d5bacd3ce3509c84720cdbd4441c82b1f8ced"})))}get el(){return this}static get style(){return":host{display:block}:host(.pds-tabpanel--stretch-active){-ms-flex:1 1 auto;flex:1 1 auto;min-block-size:0}:host(.pds-tabpanel--stretch-active) .pds-tabpanel.is-active{block-size:100%}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}"}},[260,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028],stretch:[4]}]),d=p,l=function(){"undefined"!=typeof customElements&&["pds-tabpanel"].forEach((e=>{"pds-tabpanel"===e&&(customElements.get(n(e))||customElements.define(n(e),p))}))};export{d as PdsTabpanel,l as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as s,transformTag as n}from"@stencil/core/internal/client";import{u as i}from"./reconnected-content.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.selected=!1,this.stretch=!1}componentDidRender(){i(this.el.querySelector(".pds-tabpanel"),".pds-tabpanel")}render(){return a(s,{key:"e1dd3a854d6ceffff0688afb7ed02f3d56ae9333",slot:"tabpanels",class:this.stretch&&this.selected?"pds-tabpanel--stretch-active":void 0},a("div",{key:"381a763bc540659c8944ff48ccc1a41ad94dc087",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},a("slot",{key:"bdb11c6e68f701cf91fda68db5122bb9dfe7d894"})))}get el(){return this}static get style(){return":host{display:block}:host(.pds-tabpanel--stretch-active){-ms-flex:1 1 auto;flex:1 1 auto;min-block-size:0}:host(.pds-tabpanel--stretch-active) .pds-tabpanel.is-active{block-size:100%}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}"}},[260,"pds-tabpanel",{name:[1],parentComponentId:[1,"parent-component-id"],variant:[1],selected:[1028],stretch:[4]}]),p=d,l=function(){"undefined"!=typeof customElements&&["pds-tabpanel"].forEach((e=>{"pds-tabpanel"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))};export{p as PdsTabpanel,l as defineCustomElement}

package/components/pds-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as s,HTMLElement as t,h as i,Host as e,transformTag as a}from"@stencil/core/internal/client";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.divider=!1,this.stretch=!1,this.nav=!1}tabClickHandler(s){this.componentId===s.detail[1]&&(this.activeTabIndex=s.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(s){if(this.isNav)return;const t=s.target.closest("pds-tab"),i=t&&t.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(s.key)&&i&&(s.preventDefault(),this.moveActiveTab(s.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var s;if(!(null===(s=this.tabs)||void 0===s?void 0:s.length))return;const t=this.tabs.filter((s=>{const t=s.getAttribute("href");return null!=t&&""!==t})).length;this.nav&&t<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&t>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(s){const t=this.tabs.length-1;let i=null;switch(s){case"ArrowLeft":i=0===this.activeTabIndex?t:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===t?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=t}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const s=Array.from(this.el.querySelectorAll("pds-tab")),t=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=s.filter((s=>s.closest("pds-tabs")===this.el)),this.tabPanels=t.filter((s=>s.closest("pds-tabs")===this.el))}propGeneration(s,t=0){s.parentComponentId=""+this.componentId,s.variant=""+this.variant,s.selected=this.activeTabName===s.name,s.index=t}passPropsToChildren(){var s;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const t=null!==(s=this.tabs.find((s=>!s.disabled)))&&void 0!==s?s:this.tabs[0];this.activeTabName=t.name}this.tabs.forEach(((s,t)=>{this.activeTabName===s.name&&(this.activeTabIndex=t),this.propGeneration(s,t),s.navMode=this.nav})),this.tabPanels.forEach((s=>{this.propGeneration(s),s.stretch=this.stretch}))}classNames(){let s="pds-tabs";return this.variant&&"primary"!=this.variant&&(s+=" pds-tabs--"+this.variant),this.divider&&(s+=" pds-tabs--divider"),this.stretch&&(s+=" pds-tabs--stretch"),s}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const s=this.isNav?i("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},i("slot",{name:"tabs"})):i("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},i("slot",{name:"tabs"}));return i(e,{key:"97bb6d788bd7bdf393b46eaecea612d9b0c9dee4","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},s,i("slot",{key:"252855bfa496bc3e04fbe6dc0bcb7597c7360407",name:"tabpanels"}))}get el(){return this}static get style(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"}},[257,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],divider:[4],stretch:[4],nav:[4],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]),r=n,d=function(){"undefined"!=typeof customElements&&["pds-tabs"].forEach((s=>{"pds-tabs"===s&&(customElements.get(a(s))||customElements.define(a(s),n))}))};export{r as PdsTabs,d as defineCustomElement}
+import{proxyCustomElement as s,HTMLElement as t,h as i,Host as a,transformTag as e}from"@stencil/core/internal/client";const n=s(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.divider=!1,this.stretch=!1,this.nav=!1}tabClickHandler(s){this.componentId===s.detail[1]&&(this.activeTabIndex=s.detail[0],this.activeTabName=this.tabs[this.activeTabIndex].name)}handleKeyDown(s){if(this.isNav)return;const t=s.target.closest("pds-tab"),i=t&&t.closest("pds-tabs")===this.el;["ArrowLeft","ArrowRight","Home","End"].includes(s.key)&&i&&(s.preventDefault(),this.moveActiveTab(s.key))}get isNav(){return!!this.nav}warnOnNavConfig(){var s;if(!(null===(s=this.tabs)||void 0===s?void 0:s.length))return;const t=this.tabs.filter((s=>{const t=s.getAttribute("href");return null!=t&&""!==t})).length;this.nav&&t<this.tabs.length?console.warn("pds-tabs: `nav` is set, so every pds-tab needs an `href`."):!this.nav&&t>0&&console.warn("pds-tabs: a pds-tab has an `href` but `nav` is not set — add `nav` to pds-tabs for navigation mode; the href is ignored in panel mode.")}moveActiveTab(s){const t=this.tabs.length-1;let i=null;switch(s){case"ArrowLeft":i=0===this.activeTabIndex?t:this.activeTabIndex+-1;break;case"ArrowRight":i=this.activeTabIndex===t?0:this.activeTabIndex+1;break;case"Home":i=0;break;case"End":i=t}this.tabs[i].children[0].focus(),this.activeTabName=this.tabs[i].name,this.activeTabIndex=i}findAllChildren(){const s=Array.from(this.el.querySelectorAll("pds-tab")),t=Array.from(this.el.querySelectorAll("pds-tabpanel"));this.tabs=s.filter((s=>s.closest("pds-tabs")===this.el)),this.tabPanels=t.filter((s=>s.closest("pds-tabs")===this.el))}propGeneration(s,t=0){s.parentComponentId=""+this.componentId,s.variant=""+this.variant,s.selected=this.activeTabName===s.name,s.index=t}passPropsToChildren(){var s;if(!this.nav&&null==this.activeTabName&&this.tabs.length){const t=null!==(s=this.tabs.find((s=>!s.disabled)))&&void 0!==s?s:this.tabs[0];this.activeTabName=t.name}this.tabs.forEach(((s,t)=>{this.activeTabName===s.name&&(this.activeTabIndex=t),this.propGeneration(s,t),s.navMode=this.nav})),this.tabPanels.forEach((s=>{this.propGeneration(s),s.stretch=this.stretch}))}classNames(){let s="pds-tabs";return this.variant&&"primary"!=this.variant&&(s+=" pds-tabs--"+this.variant),this.divider&&(s+=" pds-tabs--divider"),this.stretch&&(s+=" pds-tabs--stretch"),s}componentWillLoad(){this.findAllChildren(),this.warnOnNavConfig()}componentWillRender(){this.passPropsToChildren()}render(){const s=this.isNav?i("nav",{class:"pds-tabs__tablist","aria-label":this.tablistLabel||void 0,part:"tab-list"},i("slot",{name:"tabs"})):i("div",{class:"pds-tabs__tablist",role:"tablist","aria-label":this.tablistLabel,part:"tab-list"},i("slot",{name:"tabs"}));return i(a,{key:"f9d0e94dcacd7b94691368f08eb77b45475c0a35","active-tab-name":this.activeTabName,class:this.classNames(),id:this.componentId},s,i("slot",{key:"93c605b2bd4b8ad3dcd8f494a82fd30833e8b300",name:"tabpanels"}))}get el(){return this}static get style(){return":host{--tabs-dimension-panel-margin-top:var(--pine-dimension-none);--tabs-dimension-panel-padding:0;display:block}.pds-tabs__tablist{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--pine-dimension-md)}:host(.pds-tabs--divider) .pds-tabs__tablist{-webkit-border-after:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-block-end:var(--pine-border-width-thin) solid var(--pine-color-border-subtle)}:host(.pds-tabs--stretch){block-size:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.pds-tabs--stretch) .pds-tabs__tablist{-ms-flex:0 0 auto;flex:0 0 auto}:host(.pds-tabs--availability) .pds-tabs__tablist{gap:var(--pine-dimension-xs)}:host(.pds-tabs--filter) .pds-tabs__tablist{gap:var(--pine-dimension-sm)}:host(.pds-tabs--pill) .pds-tabs__tablist{background-color:var(--pine-color-background-app);border:var(--pine-border-width-thin) solid var(--pine-color-border-subtle);border-radius:var(--pine-dimension-100);display:-ms-inline-flexbox;display:inline-flex;display:-ms-flexbox;display:flex;gap:0;height:var(--pine-dimension-450)}"}},[257,"pds-tabs",{tablistLabel:[1,"tablist-label"],componentId:[1,"component-id"],variant:[1],divider:[4],stretch:[4],nav:[4],activeTabName:[1025,"active-tab-name"],activeTabIndex:[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]),r=n,d=function(){"undefined"!=typeof customElements&&["pds-tabs"].forEach((s=>{"pds-tabs"===s&&(customElements.get(e(s))||customElements.define(e(s),n))}))};export{r as PdsTabs,d as defineCustomElement}

package/components/pds-text2.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";import{s}from"./utils.js";import{s as o}from"./truncation-tooltip.js";const a=["2xl","xl","lg","md","sm","xs","2xs","h1","h2","h3","h4","h5","h6"],r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.truncationCleanup=null,this.tag="p"}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}validateSize(t){if(void 0!==t&&""!==t&&!a.includes(t)){const e=t.length>80?`${t.slice(0,80)}…`:t;console.warn(`pds-text: invalid size "${e}". Valid values are: ${a.join(", ")}.`)}}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.contentEl&&(this.truncationCleanup=o({hostEl:this.el,contentEl:this.contentEl,getTooltipText:()=>this.el.textContent||""}))}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}render(){const t=this.tag,e=`\n      pds-text\n      ${void 0!==this.align&&""!==this.align.trim()?`pds-text--align-${this.align}`:""}\n      ${void 0!==this.gutter&&""!==this.gutter.trim()?`pds-text--gutter-${this.gutter}`:""}\n      ${void 0!==this.size&&""!==this.size.trim()?`pds-text--size-${this.size}`:""}\n      ${void 0!==this.weight&&""!==this.weight.trim()?`pds-text--weight-${this.weight}`:""}\n      ${void 0!==this.decoration&&""!==this.decoration.trim()?`pds-text--decoration-${this.decoration}`:""}\n    `;return i(t,{key:"9ae3d5a57202ca1308c69b76645168fc8e18953b",ref:t=>this.contentEl=t,style:this.color&&s(this.color),class:e,part:"content",tabIndex:this.truncate?0:void 0},i("slot",{key:"e6c95b8240690a9c83927e206096bbd7615dd4d2"}))}get el(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}}static get style(){return":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate]){display:block;min-width:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}"}},[257,"pds-text",{align:[1],color:[1],decoration:[1],gutter:[1],italic:[4],size:[1],weight:[1],tag:[1],truncate:[516]},void 0,{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}]);function d(){"undefined"!=typeof customElements&&["pds-text"].forEach((t=>{"pds-text"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))}export{r as P,d}
+import{proxyCustomElement as t,HTMLElement as e,h as i,transformTag as n}from"@stencil/core/internal/client";import{s}from"./utils.js";import{s as o}from"./truncation-tooltip.js";const a=["2xl","xl","lg","md","sm","xs","2xs","h1","h2","h3","h4","h5","h6"],r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.truncationCleanup=null,this.tag="p"}handleTruncateChange(t){t?this.initTruncationTooltip():this.destroyTruncationTooltip()}validateSize(t){if(void 0!==t&&""!==t&&!a.includes(t)){const e=t.length>80?`${t.slice(0,80)}…`:t;console.warn(`pds-text: invalid size "${e}". Valid values are: ${a.join(", ")}.`)}}componentWillLoad(){this.validateSize(this.size)}componentDidLoad(){this.truncate&&this.initTruncationTooltip()}disconnectedCallback(){this.destroyTruncationTooltip()}initTruncationTooltip(){this.destroyTruncationTooltip(),this.contentEl&&(this.truncationCleanup=o({hostEl:this.el,contentEl:this.contentEl,getTooltipText:()=>this.el.textContent||""}))}destroyTruncationTooltip(){this.truncationCleanup&&(this.truncationCleanup(),this.truncationCleanup=null)}render(){const t=this.tag,e=`\n      pds-text\n      ${void 0!==this.align&&""!==this.align.trim()?`pds-text--align-${this.align}`:""}\n      ${void 0!==this.gutter&&""!==this.gutter.trim()?`pds-text--gutter-${this.gutter}`:""}\n      ${void 0!==this.size&&""!==this.size.trim()?`pds-text--size-${this.size}`:""}\n      ${void 0!==this.weight&&""!==this.weight.trim()?`pds-text--weight-${this.weight}`:""}\n      ${void 0!==this.decoration&&""!==this.decoration.trim()?`pds-text--decoration-${this.decoration}`:""}\n    `;return i(t,{key:"cf597479ded618a0674d68fd726b828d88c0e642",ref:t=>this.contentEl=t,style:this.color&&s(this.color),class:e,part:"content"},i("slot",{key:"f9c163be5662522b012bca6b0a23cfe00860e474"}))}get el(){return this}static get watchers(){return{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}}static get style(){return":host{display:inline}:host([decoration=underline-dotted])>*{-webkit-text-decoration-color:var(--pine-color-text-tertiary);text-decoration-color:var(--pine-color-text-tertiary);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-decoration-thickness:12%;text-underline-offset:0.3rem;text-underline-position:under}:host([decoration=strikethrough])>*{text-decoration:line-through}h1{font:var(--pine-typography-heading-1);letter-spacing:var(--pine-letter-spacing-heading-1)}h2{font:var(--pine-typography-heading-2);letter-spacing:var(--pine-letter-spacing-heading-2)}h3{font:var(--pine-typography-heading-3);letter-spacing:var(--pine-letter-spacing-heading-3)}h4{font:var(--pine-typography-heading-4);letter-spacing:var(--pine-letter-spacing-heading-4)}h5{font:var(--pine-typography-heading-5);letter-spacing:var(--pine-letter-spacing-heading-5)}h6{font:var(--pine-typography-heading-6);letter-spacing:var(--pine-letter-spacing-heading-6)}code,em,p,pre,strong{font:var(--pine-typography-body);letter-spacing:var(--pine-letter-spacing)}code,pre{font-family:monospace;letter-spacing:0;line-height:1}em{font-style:normal}strong{font-weight:bolder}:host([truncate]){display:block;min-width:0}:host([truncate])>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([italic])>*{font-style:italic}.pds-text{color:var(--color, var(--pine-color-text));margin:var(--pine-dimension-none)}.pds-text--size-2xl{font-size:var(--pine-font-size-body-2xl)}.pds-text--size-xl{font-size:var(--pine-font-size-body-xl)}.pds-text--size-lg{font-size:var(--pine-font-size-body-lg)}.pds-text--size-md{font-size:var(--pine-font-size-body-md)}.pds-text--size-sm{font-size:var(--pine-font-size-body-sm)}.pds-text--size-xs{font-size:var(--pine-font-size-body-xs)}.pds-text--size-2xs{font-size:var(--pine-font-size-body-2xs)}.pds-text--size-h1{font-size:var(--pine-font-size-heading-1)}.pds-text--size-h2{font-size:var(--pine-font-size-heading-2)}.pds-text--size-h3{font-size:var(--pine-font-size-heading-3)}.pds-text--size-h4{font-size:var(--pine-font-size-heading-4)}.pds-text--size-h5{font-size:var(--pine-font-size-heading-5)}.pds-text--size-h6{font-size:var(--pine-font-size-heading-6)}.pds-text--weight-extra-light{font-weight:var(--pine-font-weight-extra-light)}.pds-text--weight-light{font-weight:var(--pine-font-weight-light)}.pds-text--weight-regular{font-weight:var(--pine-font-weight-regular)}.pds-text--weight-medium{font-weight:var(--pine-font-weight-medium)}.pds-text--weight-semibold{font-weight:var(--pine-font-weight-semi-bold)}.pds-text--weight-bold{font-weight:var(--pine-font-weight-bold)}.pds-text--gutter-2xl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-text--gutter-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-text--gutter-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-text--gutter-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-text--gutter-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-text--gutter-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-text--gutter-2xs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-text--align-start{text-align:start}.pds-text--align-center{text-align:center}.pds-text--align-end{text-align:end}.pds-text--align-justify{text-align:justify}"}},[257,"pds-text",{align:[1],color:[1],decoration:[1],gutter:[1],italic:[4],size:[1],weight:[1],tag:[1],truncate:[516]},void 0,{truncate:[{handleTruncateChange:0}],size:[{validateSize:0}]}]);function d(){"undefined"!=typeof customElements&&["pds-text"].forEach((t=>{"pds-text"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))}export{r as P,a as T,d}